@charset "utf-8"; /*------------- (기본)스타일 -------------*/


@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

.roboto-thin {
  font-family: "Roboto", sans-serif;
  font-weight: 100;
  font-style: normal;
}

.roboto-light {
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.roboto-regular {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.roboto-medium {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.roboto-bold {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.roboto-black {
  font-family: "Roboto", sans-serif;
  font-weight: 900;
  font-style: normal;
}

.roboto-thin-italic {
  font-family: "Roboto", sans-serif;
  font-weight: 100;
  font-style: italic;
}

.roboto-light-italic {
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  font-style: italic;
}

.roboto-regular-italic {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-style: italic;
}

.roboto-medium-italic {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-style: italic;
}

.roboto-bold-italic {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-style: italic;
}

.roboto-black-italic {
  font-family: "Roboto", sans-serif;
  font-weight: 900;
  font-style: italic;
}




/* button */
.btn-blue-white { background:#005DAA!important; color:#ffffff!important; border:1px solid #005DAA!important; } 
.btn-white-blue { background:#ffffff!important; color:#005DAA!important; border:1px solid #005DAA!important; } 
.btn-only-blue { background:#c5e2f5!important; color:#005DAA!important; border:1px solid #c5e2f5!important; } 
.btn-light-blue-white { background:#39A9F9!important; color:#ffffff!important; border:1px solid #6EC3FF!important; } 
.btn-light-blue-white2 { background:#6EC3FF!important; color:#ffffff!important; border:1px solid #6EC3FF!important; } 
.btn-light-blue-white3 { background:#0067D8!important; color:#ffffff!important; border:1px solid #0067D8!important; } 
.btn-light-blue-white4 { background:#004EA4!important; color:#ffffff!important; border:1px solid #004EA4!important; } 
.btn-light-blue-white5 { background:#0099FF!important; color:#ffffff!important; border:1px solid #0099FF!important; } 
.btn-light-white-blue { background:#ffffff!important; color:#39A9F9!important; border:1px solid #39A9F9!important; } 
.btn-green-white { background:#0D7567!important; color:#ffffff!important; border:1px solid #426D9B!important; } 
.btn-green-white2 { background:#00A488!important; color:#ffffff!important; border:1px solid #00A488!important; } 
.btn-white-green { background:#ffffff!important; color:#0D7567!important; border:1px solid #0D7567!important; } 
.btn-navy-white { background:#003984!important; color:#ffffff!important; border:1px solid #003984!important; } 
.btn-white-navy { background:#ffffff!important; color:#003984!important; border:1px solid #003984!important; } 
.btn-gray-white { background:#707070!important; color:#ffffff!important; border:1px solid #707070!important; } 
.btn-red-white { background:#FF6464!important; color:#ffffff!important; border:1px solid #FF6464!important; } 
.btn-red-white2 { background:#C70000!important; color:#ffffff!important; border:1px solid #C70000!important; } 
.btn-white-red { background:#ffffff!important; color:#FF6464!important; border:1px solid #FF6464!important; } 
.btn-default { background:#D6D6D6!important; color:#666666!important; border:1px solid #D6D6D6!important; cursor:default; } 

/* .btn-bs-01 { font-size:0.73rem; min-width:63px; height:30px; display:flex; align-items:center; justify-content: center; border-radius:5px; border:1px solid #333; background:#ffffff; color:#333; } */
.btn-bs-01.on,
.btn-bs-01:hover { border:1px solid #333; background:#ffffff; color:#333; font-weight:bold; } 
.btn-bs-01.search { border:1px solid #333; background:#333333; color:#ffffff; } 


.result > dl { overflow:hidden; width:100%; display:flex; justify-content: space-between; margin-bottom:20px; } 
.result > dl > .dt { display:flex; align-items:baseline; } 
.result > dl > .dd { display:flex; align-items:baseline; } 
.result>dl { display:flex; margin-bottom:30px; align-items: center; } 
.result>dl>dt { font-size:24px; font-weight:bold; flex:1 1 auto; display: flex; align-items: center;} 
.result>dl>dd { display:flex; margin-left:14px; align-items:center; } 
.result>dl>dt>span { font-weight:400; font-size:22px; color:#4E4D4D; margin-left: 20px;} 
.result>dl>dd>a { color:#000; height:28px; margin-left:5px; line-height:28px; font-size:13px; padding-right:34px; } 

.result .refresh { width:22px; height:22px; display:inline-block; vertical-align:middle; background:url(../img/icon-re.svg) center no-repeat; margin-left: 5px;} 
/* .result .down { color:#000; height:40px; line-height:40px; font-size:13px; padding-right:50px; display:inline-block; background:url(../img/ic_img.svg) 100% 0 no-repeat; background-size:contain; } */
.result .down { background:url(../img/ic_img.svg) 100% 0 no-repeat; background-size:contain; } 
.result .view { background:url(../img/ic_view.svg) 100% 0 no-repeat; background-size:contain; } 
.result .print { background:url(../img/ic_print.svg) 100% 0 no-repeat; background-size:contain; } 
.webbasic .result .print { background:url(../img/ic_print.svg) 100% 0 no-repeat; background-size:contain; } 
.btn-gofirst { display:block; } 

.btn-gofirst { position:absolute; top:-99px; left:0; background:#053A78; color:#fff; width:100%; text-align:center; text-decoration:none; z-index:999; } 
.btn-gofirst:hover,
.btn-gofirst:focus,
.btn-gofirst:active { display:block; top:0; color:#ffffff; } 

 /* .top { top: 0; height:60px; display:flex; min-width:1000px; align-items:center; background:#005DAA; flex-direction:column; position: fixed; z-index: 10; width: 100%; } */
 .row { flex:1; width:100%; height:100%; display:flex; align-items:center; } 
 .top .logo { display:flex; margin-left:35px; } 
 .top .logo>a { font-size:0; width:90px; height:22px; vertical-align:top; display:inline-block; background:url(../img//t_logo.svg) 0 0 no-repeat; background-size:contain; } 
 .top .logo>span { width:85px; color:#fff; height:20px; margin-top:2px; font-size:.7rem; margin-left:8px; line-height:22px; text-align:center; border-radius:4px; background:#053A78; display:inline-block; } 
 .top .srch { width:380px; height:36px; position:relative; border-radius:50px; display:inline-block; } 
 .top .srch:before { content:''; top:8px; left:15px; width:18px; height:18px; position:absolute; display:inline-block; background:url(../img//ic_srch.svg) 0 0 no-repeat; background-size:contain; } 
 .top .srch input { border:0; margin:0; width:100%; color:#838383; line-height:36px; font-size:.825rem; border-radius:50px; padding:0 20px 0 40px; } 
 .top .first { flex:0 0 280px; } 
 .top .all { top:50%; right:30px; width:18px; height:18px; font-size:0; position:absolute; transform:translate(0, -50%); background:url(../img//ic_top_all.svg) 0 0 no-repeat; background-size:contain; } 
 .top .cnt { height:100%; display:flex; flex:1 1 auto; position:relative; align-items:center; } 
 .top .cnt:after { content:''; top:0; right:0; width:1px; opacity:.4; height:100%; position:absolute; background:#EFEFEF; } 
 .top .last { flex:0 0 400px; padding:0 30px; display:flex; } 
 .top .last .board { width:122px; height:36px; display:flex; color:#004DAA; background:#fff; text-align:center; border-radius:50px; align-items:center; justify-content:center; } 
 .top .last .profile { width:36px; height:36px; margin:0 20px; background:#ddd; overflow:hidden; border-radius:50%; position:relative; display:inline-block; } 
 .top .last .profile>img { top:50%; left:50%; z-index:1; position:absolute; transform:translate(-50%, -50%); } 
 .top .last .name { color:#fff; display:flex; font-size:13px; align-items:center; } 
 .wb.foot { left:0; bottom:0; z-index:10; width:100%; height:40px; position:fixed; background:#fff; border-top:1px solid #dcdcdc; } 
 .foot-innr { display:flex; align-items:center; justify-content:center; } 
 .foot-innr>span { flex:1; display:flex; } 
 .foot-innr>span.l { justify-content:flex-end; padding-right:50px; } 
 .foot-innr>span.r { justify-content:flex-start; } 
 .foot-innr>span.r b { color:#005DAA; } 
 .foot-innr>span>a { display:inline-block; font-size:13px; font-weight:700; color:#191919; margin:0 10px; } 


/* 레프트며뉴(아이콘 리뉴얼) */
/* .leftmenu { top:120px; z-index:10; width:240px; position:fixed; padding:30px 0; background:#fff; height:calc(100% - 120px); box-shadow: 10px 10px 20px 0px rgba(0, 0, 0, 0.16); } 
 .leftmenu * {font-family: 'GmarketSans' !important;}
 .leftmenu .nav>li,
 .leftmenu .nav>li>a { width:100%; color:#666; font-size:15px; min-height:30px; background:#fff; } 
 .leftmenu .nav>li>a { height:52px; } 
 .leftmenu .nav-second-level>li>a { height:34px; line-height:1; font-size:13px; padding-left:22px; line-height:26px; } 
 .nav>li.active,
 .nav>li>a:hover,
 .nav>li>a:focus { color:#004DAA; background:#fff; text-decoration:none; } 
 .nav>li>a>i:before { color:#666; } 
 .nav>li>a:hover>i:before,
 .nav>li.active>a>i:before { color:#004DAA; } */

/* 컨텐츠 영역(옵션) */
 /* { top:60px; left:240px; overflow-y:auto; position:absolute; background:#F4F7FC; width:calc(100% - 240px); height:calc(100% - 95px); } */
 .opt { top:60px; z-index:11; height:60px; position:fixed; /* min-width:1400px; */ 
background:#fff; width:calc(100% - 240px); border-bottom:1px solid #dcdcdc; /* margin-left:240px; */ } 
 .opt .bb { position:relative; display:flex; height:60px; padding:0; margin:0; } 
 .bb>div { flex:1; } 
 .bb .date { display:flex; flex:1 1 auto; padding:0 25px; } 
 .bb .date>label { display:flex; color:#005DAA; text-indent:0; font-weight:bold; margin:0 15px 0 0; position:relative; font-size:13px; align-items:center; } 
 .bb .date>input { border:0; width:120px; color:#838383; font-size:13px; border-bottom:1px dotted #005DAA; } 
 .bb .date>span { padding:0 6px; color:#838383; } 
 .bb .lnks { display:flex; overflow:hidden; border-radius:4px; justify-content:center; } 
 .bb .lnks a { border:0; height:32px; color:#000; padding:0 10px; min-width:65px; line-height:32px; text-align:center; font-size:13px; background:#F4F7FC; display:inline-block; box-sizing:border-box; border:1px solid #F4F7FC; } 
 .bb .lnks a:first-child { border-radius:4px 0 0 4px; } 
 .bb .lnks a:last-child { border-radius:0 4px 4px 0; } 
 .bb .lnks a.on { z-index:1; color:#004DAA; background:#fff; position:relative; border-radius:4px; border:1px solid #004DAA; } 
 .bb .filter { flex:0 0 350px; margin-left:30px; } 


 .bb .filter ul { justify-content:end; } 
 .bb .filter ul,
 .bb .filter ul>li { display:flex; margin-left:10px; } 
 .bb .filter li>span { color:#838383; line-height:24px; margin-right:10px; font-size:13px; } 
 .bb .filter li>label { width:46px; height:24px; text-indent:0; margin-bottom:0; position:relative; display:inline-block; } 
 .bb .filter li>label>input { width:0; height:0; opacity:0; } 
 .bb .filter .slider { top:0; left:0; right:0; bottom:0; cursor:pointer; transition:.4s; position:absolute; border-radius:34px; background-color:#ccc; } 
 .bb .filter .slider:before { content:""; top:1px; left:1px; width:22px; height:22px; transition:.4s; position:absolute; border-radius:50%; background-color:white; } 
 .bb .filter .slider .text { width:50%; height:100%; color:white; font-weight:bold; font-size:.712em; line-height:25px; text-align:center; position:absolute; transition:opacity .4s; } 
 .bb .filter .slider .on { left: 0; opacity: 0; } 
 .bb .filter .slider .off { right:1px; opacity: 1; } 
 .bb .filter li>label>input:checked + .slider { background-color: #2196F3; } 
 .bb .filter li>label>input:checked + .slider .on { opacity: 1; } 
 .bb .filter li>label>input:checked + .slider .off { opacity: 0; } 
 .bb .filter li>label>input:checked + .slider:before { transform: translateX(22px); } 

 .bb .bt { display:flex; padding-right:20px; align-items:center; justify-content:flex-end; } 
 .bb .bt>a.ft { width:22px; height:18px; margin-right:20px; background:url(../img//ic_filter.svg) 0 0 no-repeat; } 
 /* .bb .bt>a.repo { color:#fff; width:162px; height:36px; line-height:36px; border-radius:4px; font-size:13px; text-align:center; background:#1473E6; display:inline-block; } */
 a.repo { color:#fff; padding:0 18px; height:36px; line-height:36px; border-radius:4px; font-size:16px; text-align:center; background:#005DAA; display:inline-block; position: absolute;top: 50%;right: 0;transform: translateY(-50%);} 
 a.analyze {display: flex; align-items: center;}
 a.analyze:before {content: ''; display: inline-block; width: 20px; height: 20px; margin-right: 20px; backgorund: url(../img/sub-analyze-icon.svg) no-repeat center / cover;}
 .filter-ly { top:60px; right:20px; z-index:100; width:1105px; height:317px; background:#fff; position:absolute; border-radius:5px; border:1px solid #eee; box-shadow:10px 10px 10px #ddd; } 
 .filter-ly ul { display:flex; height:100%; } 
 .filter-ly ul>li { flex:1; display:flex; padding:32px 20px; flex-direction:column; border-right:1px solid #F1F2F4; } 
 .filter-ly ul>li:last-child { border:0; } 
 .filter-ly ul>li>label { height:20px; text-indent:0; font-weight:700; margin-bottom:8px; position:relative; font-size:13px; } 
 .filter-ly ul>li>label:nth-child(1) { color:#004DAA; } 
 .filter-ly ul>li>label:nth-child(2) { color:#191919; } 
 .filter-ly ul>li select,
 .filter-ly ul>li input { border:0; width:100%; height:36px; color:#838383; padding:0 12px; line-height:36px; font-size:13px; border-radius:4px; margin-bottom:12px; background:#F4F7FC; box-sizing:border-box; } 
 .filter-ly ul>li select { appearance:none; -o-appearance:none; -moz-appearance:none; -webkit-appearance:none; vertical-align:middle; box-sizing:border-box; background:#F4F7FC url(../img/ic_ft_sel.svg) right top no-repeat; } 
 .filter-ly .btm { bottom:0; width:100%; display:flex; line-height:45px; position:absolute; } 
 .filter-ly .btm>a { color:#fff; font-weight:700; font-size:13px; text-align:center; display:inline-block; text-decoration:none; } 
 .filter-ly .btm .play { flex: 0 0 776px; background:#004DAA; border-radius: 0 0 5px 0; } 
 .filter-ly .btm .close { opacity:1; display:flex; flex:0 0 330px; background:#095ABA; align-items:center; justify-content:center; border-radius: 0 0 0 5px; } 
 .filter-ly .reset { width:83px; color:#838383; font-weight:700; margin:18px auto; line-height:40px; font-size:13px; border-radius:5px; text-align:center; padding-left:23px; position:relative; text-decoration:none; border:1px solid #D6D6D6; } 
 .filter-ly .reset:before { content:''; top:13px; left:10px; width:14px; height:14px; position:absolute; background:url(../img/icon-re.svg) 0 0 no-repeat; } 

 .result { width:100%; height:auto; } 
 .tab-cont { display:none; } 
 .tab-list { margin:0; padding:0; } 

 .refresh { width:26px; height:26px; display:inline-block; vertical-align:middle; background:url(../img/icon-re.svg) 100% 0 no-repeat; } 
 .btn-chart { display:inline-block; width:27pxR; height:27px; background-size:contain; } 
 .btn-chart.down { background:url(../img/ic_img.svg) center no-repeat; background-size:contain; } 
 .btn-chart.view { background:url(../img/ic_view.svg) center no-repeat; background-size:contain; } 
 .btn-chart.print { background:url(../img/ic_print.svg) center no-repeat; background-size:contain; } 
 .tab-list li { /*display:grid; grid-template-columns: repeat(7, 1fr); grid-gap:5px;*/ } 
 
 
 .s1 .tab-btn,
 .s1 [role="tab"] { top:2px; border:0; z-index:0; color:#000; height:50px; flex:1; background:#fff; line-height:50px; font-size:20px; font-weight:normal; position:relative; border:2px solid #fff; border-radius:15px 15px 0 0; box-shadow: #a9a9a9 3px -3px 10px -6px; border: 1px solid rgba(169, 169, 169, 0.2);
 box-shadow : #a9a9a9 5px -4px 17px -6px; border: 1px solid #bbb; padding: 0 40px;} 
 .s1 .tab-btn:hover { background-color:#004DAA; color: #fff;} 
 .s1 .tab-btn.t-on,
 .s1 .tab-btn.is-active,
 .result [aria-selected="true"] { border:2px solid #004DAA; border-bottom:0; z-index:2; } 


 .s1 .tab-cont,
 .s1 [role="tab-cont"] { z-index:1; width:100%; background:#fff; overflow-y:auto; position:relative; padding:30px 30px; box-shadow: 4px 8px 10px 0px rgba(0, 0, 0, 0.16); background-clip: padding-box; border-radius: 0 0 15px 15px; } 
 .s1 .tab-cont:before, 
 .s1 [role="tab-cont"]:before { content:''; z-index: -1; border:2px solid; position: absolute; border-radius: 15px; border-image:linear-gradient(0deg, #ffffff 60%, #004DAA 100%); border-image-slice: 1; top: 0; right: 0; bottom: 0; left: 0; } 
 /* .tab-cont.tc-on { display:block; } */
 .tab-wrap {/*padding-top: 8px;*/} 
 .c-area { gap:20px; display:flex; flex-wrap: wrap; min-height:184px; margin-bottom:40px; justify-content: space-between; } 
 .c-area>li { flex:1; padding:0px; background:#fff; position:relative; display:inline-block; flex-direction:column; } 
 .c-area>li>b { margin-bottom:10px; position:relative; font-size:18px; font-weight:700; display:block; } 
 .c-area>li>b:before { top:-7px; content:''; width:32px; height:4px; position:absolute; background:#004DAA; display:inline-block; } 
 .c-area>li>span { font-size:15px; line-height:1.4; } 
 .c-area>li>span .u:after { content:'\2191'; margin:0 4px; } 
 .c-area>li>span .d:after { content:'\2193'; margin:0 4px; } 
 .c-area .num { display:flex; padding:6px 0; align-items:center; border-bottom:1px solid #dbdbdb; gap:10px; } 
 .c-area .num:last-child { border:0; } 
 .c-area .num>i { flex:1; font-weight:400; font-size:16px; position:relative; } 
 .c-area .num>i:nth-child(2),
 .c-area .num>i:nth-child(3) { text-align:right; } 
 .c-area>li>span .u,
 .c-area>li>span .red,
 .c-area .num>i.u { color:#E71618; } 
 .c-area>li>span .d,
 .c-area>li>span .blu,
 .c-area .num>i.d { color:#004DAA; } 
 .c-area .num>i:after { top:50%; font-size:15px; margin-left:10px; position:absolute; transform:translate(0, -50%); } 
 .c-area .num>i.d:after { content:'\25BC'; } 
 .c-area .num>i.u:after { content:'\25B2'; } 
 .c-area .num>i>b { font-weight:700; font-size:1.5rem;  font-family: "Roboto", sans-serif;} 
 .g-area { min-height:500px; /*border: 1px solid #ddd;*/ } 
 .unit { padding:0; text-align:right; margin-bottom:5px; } 
 .t-area .s-txt { color:#000; margin-top:5px; font-size:14px; } 
 .t-area { margin:40px 0; position:relative; /*min-height:168px;*/ display: flex; flex-wrap: wrap;} 
 .t-area:last-of-type {margin-bottom: 0;}
 .t-area .l { /*position:absolute;*/ width:200px; } 
 .t-area .c { left:100px; overflow:auto; /*position:absolute;*/ top: 0; left: 0; width:calc(100% - 401px); border-right:1px solid #ebebeb; left: 0; bottom: 0;}

 .t-area .r { right: 0; width: 280px; height: 130px; padding: 15px 20px; /*position: absolute;*/ background:#F4F7FC; border-radius:10px; margin-left: 20px} 
 .t-area .r>dt { font-size:16px; margin-bottom:10px; font-weight:700; color:#000; } 
 .t-area .r>dd>span { display:flex; margin-bottom:10px; } 
 .t-area .r>dd>span>i { display:flex; flex:1; justify-content:flex-end; font-size:16px; } 
 .t-area .r>dd>span>b { flex:1; color:#000; font-size:16px; font-weight:500; position: relative;} 
 .t-area .r>dd>span>b .tooltip-btn { content:''; width:20px; height:20px; margin-left:10px; border-radius:50%; display:inline-block; box-sizing:border-box; vertical-align:middle; border:1px solid #EECC94; background:#ffffff url(../img/ic_q.svg) 50% 50% no-repeat; position: relative;}
 
 .t-area .l table.tbs{width:auto!important;}
 .t-area .c table.tbs{width:fit-content;}
 .t-area .c table.tbs tr>td{width:100px!important;}
  
 /* 툴팁/아래 내용 해제하시면 됩니다 */
 /*.t-area .r>dd>span>b .tooltip-btn:hover .tooltip {opacity: 1; visibility: visible;}*/
 .t-scroll-box {overflow: auto hidden;}
 .t-scroll-box > table {min-width: 760px;}
 .i-area { width:100%; display:flex; margin-bottom:20px; align-items:center; justify-content:flex-end; gap:5px; } 
 /* { margin:40px 30px; font-weight:bold; font-size:1.125rem; } */
 .result { } 
 .result .copy {font-size:12px; color:#7E84A3; text-align:right; margin-top:10px;} 
 

/* 수급예측에 예측정보 */
 .s-area { display:flex; height:auto; margin-bottom:40px; align-items:center; justify-content: space-between; } 
 .s-area>dt { color:#191919; font-weight:700; font-size:16px; display: flex; align-items: center; } 
 .s-area>dt label { color:#191919; text-indent:0; font-weight:400; font-size:20px; position:relative; margin-right:10px; } 
 /*.s-area>dt select { border:1px solid #DFE0E4; border-radius:5px; padding:0 10px; width:234px; height:30px; color:#333; appearance:none; -o-appearance:none; -moz-appearance:none; vertical-align:middle; box-sizing:border-box; -webkit-appearance:none; background:url(../img/ic_sel.svg) right 12px center no-repeat; font-size:20px; }*/ 
 .s-area>dt select {width: 140px;
	height: 43px; 
	font-size: 20px; 
	border-radius: 10px; 
	appearance: none;
	-o-appearance: none;
	-moz-appearance: none;
	vertical-align: middle;
	box-sizing: border-box;
	padding: 0 15px 0 10px;
	-webkit-appearance: none;
	border: 1px solid #d2d2d2;
	background: #ffffff url(/img/sub/ic_s_sel.svg) calc(100% - 5px) 50% no-repeat;
	white-space: nowrap;
	text-overflow: ellipsis;
	word-break: break-all;} 
 .s-area>dt select[disabled="disabled"] {background: #f1f2f4 !important;}
 .s-area>dt>span { margin-right:20px; font-size:24px; display: flex; align-items: center; } 
 .s-area>dd { display:flex; font-size:20px; align-items:center; justify-content:flex-end; } 
 .s-area>dd>span>i { color:#787878; margin-left:5px; } 
 .s-area>dd>span,
 .s-area>dd>a { height:25px; min-width:25px; line-height:26px; margin-left:10px; display:inline-block; } 
 .s-area>dd>a.excel { background: url(../img/ic_group.svg) 0 0 no-repeat; background-position: -77px 0; background-size: cover; } 
 .s-area>dd>a.down { background: url(../img/ic_group.svg) 0 0 no-repeat; background-position: -38px 0; background-size: cover; padding:0; } 
 .s-area>dd>a.print { background: url(../img/ic_group.svg) 0 0 no-repeat; background-position: -41px 0; background-size: cover; padding:0; } 
 .result .p-time { display:flex; word-break: keep-all; } 
 .s-btn-area { border:2px solid red; } 

table.tbs,table.tb-info,table.tb-card { width:100%; border-spacing:0px; table-layout:fixed; border-collapse:separate; border-collapse:collapse; border-top:1px solid #ebebeb; border-bottom:1px solid #ebebeb; } 
table.tbs-con {min-width: 700px;}
table.tbs tr>th { height:40px; font-weight:bold; font-size:16px; text-align:center; border:1px solid #ebebeb; background:#F4F7FC; width:100px; } 
table.tbs tr>td { width:80px; height:40px; padding:0 10px; text-align:right; font-size:16px; border-right:1px solid #ebebeb; border-bottom:1px solid #ebebeb; } 
table.tbs tr>td:last-child { border-right:0; } 
table.tbs tr:last-child>th, table.tbs tr:last-child>td { border-bottom:0; } 


.predict .tab-cont.tc-split{padding:0; background:none; box-shadow:none; overflow-y:unset;}
.predict .tab-cont.tc-split::before{border:0;}
.predict .tab-cont.tc-split .data-row{}
.predict .data-row{width:100%; display:flex; align-items:flex-start; gap:25px; }
.predict .data-row .data-left{flex:9; width:calc(100% - 325px)!important;
    z-index: 1;
    width: 100%;
    background: #fff;
    overflow-y: auto;
    position: relative;
    padding: 30px 30px;
    box-shadow: 4px 8px 10px 0px rgba(0, 0, 0, 0.16);
    background-clip: padding-box;
    border-radius: 0 0 15px 15px;
    }
.predict .data-row .data-left::before{
        content: '';
    z-index: -1;
    border: 2px solid;
    position: absolute;
    border-radius: 15px;
    border-image: linear-gradient(0deg, #ffffff 60%, #004DAA 100%);
    border-image-slice: 1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;} 
.predict .data-row .data-right{flex:3; display:flex; align-items:baseline; flex-direction:column;}
.predict .data-row .tab-btn-wrap{width:100%;}
.predict .data-row .tab-cont-wrap{wditH:100%;}
.predict .data-row .t-area .l table.tbs{width:100%!important;}
.predict .data-row table.tbs tr>td:last-child{border-right:1px solid #ebebeb;}
.predict .data-row .d-item{
	/* border:2px solid #004DAA ; border-radius:10px; width:100%; height:100%; */
	z-index: 1;
    width: 100%;
    background: #fff;
    overflow-y: auto;
    position: relative;
    box-shadow: 4px 8px 10px 0px rgba(0, 0, 0, 0.16);
    background-clip: padding-box;
    border-radius: 0 0 15px 15px;
    padding:0 20px;
	}
.predict .data-row .d-item::before{
	content: '';
    z-index: -1;
    border: 2px solid;
    position: absolute;
    border-radius: 15px;
    border-image: linear-gradient(-14deg, #ffffff calc(100% - 100px), #004DAA 100%);
    border-image-slice: 1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-left:0;
    border-right:0;
}	

.predict .data-row .g-area{min-height:415px;}	
.predict .data-row .d-item .d-top{padding:30px 0; border-bottom:1px solid #ebebeb;}
.predict .data-row .d-item .d-top .s-area{margin-bottom:0px;}
.predict .data-row .d-item .d-cont{padding:30px 0;}
.predict .data-row .d-item .d-cont .d-c-data-detail{width:100%;}
.predict .data-row .d-item .d-cont .d-c-data-detail li{display:flex; align-items:center; margin-bottom:20px; justify-content:start;}
.predict .data-row .d-item .d-cont .d-c-data-detail li:last-child{margin-bottom:0;}
.predict .data-row .d-item .d-cont .d-c-data-detail li h4{flex:4; font-size:18px; font-weight:bold; }
.predict .data-row .d-item .d-cont .d-c-data-detail li p{flex:6; font-size:18px;}
.predict .data-row .d-item.bottom{margin-top:40px;}
.predict .data-row .d-item.bottom .d-cont .d-c-data-detail li{justify-content:space-between!important;}
.predict .data-row .d-item.bottom .d-cont .d-c-data-detail li p{flex:unset;}
.predict .data-row .data-btn-box{margin-top:30px; padding:10px 0; width:100%; text-align:center;}
.predict .data-row .data-btn-box .btn-data{    color: #005DAA; padding: 0 8px; font-weight: 700; min-width: 240px; line-height: 46px; text-align: center; border-radius: 10px; background: #E6EFF5; display: inline-block; box-shadow:4px 8px 10px 0px rgba(0, 0, 0, 0.16);}

.predict-pop{height:auto!important; padding:10px 10px 10px 10px;}

.predict-pop .cont-popup{padding:0px!important;}
.predict-pop.popup dt>h4{font-size:24px;}
.predict-pop .tbs-wrap{width:100%; overflow-y:auto; height:402px;}
.predict-pop table.tbs{width:100%!important; }
.predict-pop table.tbs tr>th,
.predict-pop table.tbs tr>td{padding:0 5px;}
.predict-pop table.tbs tr>td:last-child{border-right:1px solid #ebebeb;}
.predict-pop table.tbs tr>td.c-point{color:#6172F3;}
.predict-pop table.tbs tr>td.c-no{background:#f3f3f3;}

.pop-description{width:100%; padding: 10px 20px; border-radius:10px; background:#ebebeb; margin-bottom:20px;}
.pop-description p{font-size:16px;  line-height:1.5;}
.pop-description p strong{font-weight:bold;}

.btn-bottom{width:100%; max-width:160px; height:40px; display:inline-flex; align-items:center; justify-content:center; color:#ffffff; background:#053A78; font-size:16px; border-radius:50px;}

/* 보고서 테이블 스타일 */
table.tb,table.tb-info,table.tb-card { width:100%; border-spacing:0px; table-layout:fixed; border-collapse:separate; border-collapse:collapse; margin-top:10px; } 
table.tb:first-child,
table.tb-info:first-child,
table.tb-card:first-child { margin-top:0; } 
table.tb tr>th { height:40px; font-weight:bold; font-size:16px; text-align:center; border:1px solid #D3D3D3; background:#F4F7FC; padding:5px 5px; }
table.tb tr>td { height:48px; padding:0 6px; font-size:16px; text-align:center; border:1px solid #D3D3D3; text-align:center; line-height:normal; padding:5px 5px; } 
table.tb tbody>tr th:first-child,
table.tb thead>tr:first-child th:first-child { } 
table.tb thead>tr:last-child th { font-weight:400; } 
table.tb thead>tr>th>span,
table.tb tbody>tr>td>span, 
table.tb tbody>tr>th>span { display:block; } 
/* table.tb thead>tr:first-child th:first-child, */
/* table.tb thead>tr:last-child th { } */
/* table.tb tbody>tr:last-child td, */
/* table.tb tbody>tr:last-child th { border-bottom:0; } */
/* table.tb thead>tr:last-child th { font-weight:normal; } */
table.tb thead>tr:last-child th>span { display:block; line-height:normal; } 
/* table.tb thead>tr th:last-child, */
/* table.tb tbody>tr td:last-child { border-right:0; } */
/* table.num tr>td { text-align:right; } */
table.num.cnt tr>td { text-align:center; } 
 
table.tb tr>td.red { color:#E71618; } 
table.tb tr>td.blue { color:#004DAA; } 
table.tb tr>td i.d { color:#004DAA; } 
table.tb tr>td i.u { color:#E71618; } 
table.tb tr>td i.d:after { content:'\2193'; margin:0 4px; } 
table.tb tr>td i.u:after { content:'\2191'; margin:0 4px; } 


/* 카드 안 테이블 스타일 */
table.tb-info tr th,
table.tb-info tr td { font-size:15px; text-align:center; background:#F4F7FC; height:30px; border:1px solid #dcdcdc; line-height:20px; padding:5px 5px; } 
table.tb-info tr td { height:28px; padding:5px 5px; text-align:center; } 
table.tb-info thead tr th { } 
table.tb-info tbody tr td { font-size:15px; text-align:left; height:30px; background:#ffffff; } 

table.tb-info tbody>tr>th.lv1 { background:#9EFFD6; } 
table.tb-info tbody>tr>th.lv2 { background:#FDFF9D; } 
table.tb-info tbody>tr>th.lv3 { background:#FF9797; } 
table.tb-info tbody>tr>th.lv4 { background:#FF5555; } 
table.tb-info tbody>tr>th.bg { background:#e9e9e9; } 

/* table.tb-info tbody>tr>th { font-size:13px; text-align:center; } */
/* table.tb-info thead>tr>th:last-child, */
/* table.tb-info tbody>tr>td:last-child { border-right:0; } */
/* table.tb-info tbody>tr:last-child>th, */
/* table.tb-info tbody>tr:last-child>td { border-bottom:0; } */
/* table.tb-info.s { border-top:1px solid #838383; border-bottom:1px solid #838383; } */
/* table.tb-info.s thead>tr>th { border-bottom:1px solid #838383; } */
/* table.tb-info.s thead>tr>th:last-child { border-right:0; } */
table.tb-info.s tbody>tr>td { text-align:right; } 


/* 메인카드 안 테이블 스타일 */
table.tb-card { width:100%; border-bottom:0; border-top:1px solid #ccc; border-spacing:0px; table-layout:fixed; border-collapse:separate; *border-collapse:collapse; } 
table.tb-card tr>td { height:30px; padding:0 12px; text-align:center; border-right:1px solid #ccc; border-bottom:1px solid #ccc; } 
table.tb-card tbody>tr>th,
table.tb-card thead>tr>th { height:30px; font-weight:400; font-size:13px; text-align:center; border-right:1px solid #ccc; border-bottom:1px solid #ccc; } 
table.tb-card tbody>tr>td:last-child, 
table.tb-card tbody>tr>th:last-child, 
table.tb-card thead>tr>th:last-child { border-right:0; } 



/* 스와이프 영역 스타일 */
 /* .swiper { width:100%; padding-bottom:40px; } */
 /* .swiper-slide { display:flex; flex:0 0 300px; margin-right:30px; background:#fff; align-items:center; border-radius:25px; height:300px!important; justify-content:center; align-items:baseline; box-shadow: 10px 10px 20px 0px rgba(0, 0, 0, 0.16); } */
 /* .swiper-slide.db { flex: 0 0 600px; } */
 .swiper-slide.db dd { flex-wrap: wrap; display: flex; } 
 .swiper-slide.db dd>ul:nth-child(1),
 .swiper-slide.db dd>ul:nth-child(3) { margin-left:0; } 
 .swiper-slide.db dd>ul:nth-child(1),
 .swiper-slide.db dd>ul:nth-child(2) { border-bottom:1px solid #dbdbdb; } 
 .swiper-slide.db dd>ul { flex: 1 1 calc(50% - 30px); margin-left:30px; border-bottom:0; } 
 .swiper-slide>dl { margin:0; width:100%; padding:30px; } 
 .swiper-slide>dl>dt { height:35px; line-height:35px; font-weight:bold; font-size:1.5rem; position:relative; } 
 .swiper-slide>dl>dd { text-align:left; } 
 .swiper-slide>dl>dd>ul { min-height:95px; } 
 .swiper-slide>dl>dt:before { left:0; top:-4px; content:''; width:32px; height:4px; position:absolute; background:#004DAA; display:inline-block; } 
 .report .swiper-slide { flex:0 0 200px; margin-right:20px; height:210px !important; } 
 .report .swiper-slide.db { flex:0 0 570px; } 
 .report .swiper-slide dd { display:flex; flex-wrap:nowrap; } 
 .report .swiper-slide dl { padding:25px; } 
 .report .swiper-slide dd>ul { flex:1; text-align:left; margin-left:20px; border:0 !important; display:inline-block; } 
 .report .swiper-slide dd>ul:nth-child(1) { margin-left:0; } 
 .report .swiper-slide dd>ul:nth-child(3) { margin-left:20px } 
 .report .swiper-slide dd>ul>li { display:inline-block !important; text-align:left; } 
 .report .swiper-slide dd>ul>li>span>em { font-size:1.5rem; font-weight:400; } 
 .report .swiper-slide dd>ul>li:nth-child(2) span:nth-child(2),
 .report .swiper-slide dd>ul>li:nth-child(2) span:nth-child(3) { display:flex; margin-top:4px; font-size:15px; font-weight:400; } 
 .report .swiper-slide dd>ul>li:nth-child(2) span i { flex:1; } 
 .report .swiper-slide dd>ul>li:nth-child(2) span i:nth-child(1) { display:flex; align-items:flex-start; font-weight:400; } 



 .swiper-slide .trade { margin:0; padding:0; margin-top:10px; padding-bottom:10px; border-bottom:1px solid #dbdbdb; } 
 .swiper-slide .trade:last-child { border-bottom:0; } 
 .swiper-slide .trade>li { position:relative; } 
 .swiper-slide .trade>li:nth-child(1) { padding:0 0px; font-size:15px; display:inline; font-weight:bold; line-height:22px; border:1px solid #838383; } 
 .swiper-slide .trade>li:nth-child(1) span { font-weight:normal; } 
 .swiper-slide .trade>li:nth-child(2),
 .swiper-slide .trade>li:nth-child(3) { display:inline-block; line-height:31px; width:100%; } 
 .swiper-slide .trade>li:nth-child(2) span,
 .swiper-slide .trade>li:nth-child(3) span { font-size:1.75rem; font-weight:bold; float:right; } 
 .swiper-slide .trade.per>li:nth-child(2) { display:flex; margin-top:10px; align-items:center; justify-content:flex-end; } 
 .swiper-slide .trade.per>li:nth-child(2) i { display:inline-block; line-height:1.2; font-weight:700; text-align:right; } 
 .swiper-slide .trade.per>li:nth-child(2) span { flex:1; float:none; } 
 .swiper-slide .trade.per>li:nth-child(2) span:nth-child(2) { text-align:right; line-height:.8; } 
 .swiper-slide .trade.long>li:nth-child(2) { display:flex; margin:5px 0; flex-direction:column; } 
 .swiper-slide .trade.long>li:nth-child(2) i { font-size:15px; } 
 .swiper-slide .trade.long>li b { font-weight:normal; } 
 .swiper-slide .only { position:absolute; margin-left:5px; width:120px; } 
 .swiper-slide .trade i.s { font-size:.75rem; } 
 .swiper-slide .trade i.d:after { content:'\25BC'; } 
 .swiper-slide .trade i.u:after { content:'\25B2'; } 
 .swiper-slide .trade i.d { font-size:15px; color:#004DAA; } 
 .swiper-slide .trade i.u { font-size:15px; color:#E71618; } 
 .result .mpd-wrap-swipe { margin-bottom:20px; } 
 .swiper-result .swiper-slide { border:2px solid red; border:1px solid #dddddd; border-radius:20px; height:490px; align-items:flex-start; } 
 .swiper-result .swiper-slide > dl { padding:20px 20px;; } 
 .swiper-result .swiper-slide > dl > dt { text-align:left; font-size:14px; } 
 .swiper-result .swiper-slide .trade>li:nth-child(1) { border:0; font-size:14px; } 
 .swiper-result .swiper-slide .trade > li:nth-child(2) span, 
 .swiper-result .swiper-slide .trade > li:nth-child(3) span { font-size:15px; line-height:24px; } 
 .swiper-result .swiper-slide .trade.per>li:nth-child(2) i { font-size:14px; line-height:24px; display:block; } 
 .swiper-result .swiper-slide .trade>li:nth-child(2), 
 .swiper-result .swiper-slide .trade>li:nth-child(3) { font-size:15px; } 
 


 .month .trend-top { gap:20px; display:flex; flex-wrap: wrap; min-height:647px; justify-content: space-between; } 
 /* .swiper-button-next, */
 /* .swiper-button-prev { width:80px; height:80px; margin-top:-50px; } */
 /* .swiper-button-next:after { content:''; width:80px; height:80px; background:url(../img/ic_r_arr.svg) 50% 50% no-repeat; background-size:auto; } */
 /* .swiper-button-prev:after { content:''; width:80px; height:80px; background:url(../img/ic_l_arr.svg) 50% 50% no-repeat; background-size:auto; } */
 .result.month .trend-top>li { flex:1; padding:30px; background:#fff; font-size:1.2rem; text-align:center; border-radius:20px; display:inline-block; position:relative; box-shadow: 10px 10px 20px 0px rgba(0, 0, 0, 0.16); } 
 .result.month .tab-cont,
.result.month [role="tab-cont"]:before { content:unset; } 
.result.month .trend-btm { gap:15px; display:flex; flex-wrap: wrap; min-height:350px; justify-content: space-between; } 
.result.month .trend-btm>li { flex:1; /*height:350px;*/ min-height: 360px; padding:30px; background:#fff; font-size:1.2rem; text-align:center; border-radius:12px; display:inline-block; box-shadow: 10px 10px 20px 0px rgba(0, 0, 0, 0.16); overflow-y:auto; } 
.result.month h5 { margin:0; text-align:left; line-height:32px; font-size:22px; font-weight:bold; } 
/* .result.month h5:before { left:0; top:5px; content:''; width:24px; height:24px; position:absolute; display:inline-block; background:url(../img/ic_tit.svg) 0 0 no-repeat; background-size:contain; } */
.result.month h5>span { font-size:18px; font-weight:400; } 
.result.month .tab-cont,
.result.month [role="tab-cont"] { border:0; padding:0; width:auto; box-shadow:none; position:relative; } 
.result.month [role="tab-list"] li { border-radius:5px; overflow:hidden; display:flex; } 
.result.month [role="tab-list"] { top:0; right:0; z-index:3; width:120px; line-height:32px; border-radius:5px; background:#F4F7FC; position:absolute; } 
.result.month .tab-btn,
.result.month [role="tab"] { top:0; height:32px; line-height:30px; color:#838383; flex:0 0 60px; cursor:pointer; border-radius:0; text-align:center; font-size:.825rem; font-weight:normal; background:#F4F7FC; border:1px solid #F4F7FC; } 

.result.month .tab-container { position:relative; } 
.result.month .tab-btn.is-active,
.result.month [aria-selected="true"] { z-index:1; background:#fff; position:relative; border:1px solid #1FA6FF; color:#1FA6FF!important; font-weight:bold; } 
.result.month .tab-btn.is-active:first-child,
.result.month [aria-selected="true"]:first-child { border-radius:5px 0 0 5px; } 
.result.month .tab-btn.is-active:last-child,
.result.month [aria-selected="true"]:last-child { border-radius:0 5px 5px 0; } 
.result.month .tab-cont-wrap > div { display:none; } 

.result.month .tab-cont,
.result.month [role="tab-cont"] { } 
.result.month .tab-cont:before, 
.result.month [role="tab-cont"]:before { display:none; } 


.result.month .data { display:flex; align-items: center; padding:0 0px; height:58px; margin-top:10px; } 
.result.month .data>li { flex:1; } 
.result.month .data>li:nth-child(1) { font-size:26px; font-weight:bold; display:Flex; align-items: baseline; } 
.result.month .data>li:nth-child(1)>span { font-size:16px; font-weight:normal; margin-left:5px; } 
.result.month .per { display:flex; align-items:baseline; align-items: center; } 
.result.month .round { width:100%; padding:10px; height:58px; display:flex; max-width:218px; font-size:13px; border-radius:8px; align-items:flex-end; box-sizing:border-box; flex-direction:column; justify-content:center; gap:10px; background:#F4F7FC; } 
.result.month .round span { width:100%; display:flex; text-align:left; text-align:left; align-items:center; } 
.result.month .round b { flex:1; } 
.result.month .round i { flex:1; display:flex; font-size:16px; font-weight:bold; align-items:flex-end; justify-content:flex-end; } 
.result.month .ex { text-align:left; font-size:15px; margin:20px 0; color:#000; line-height:20px; height: 40px;} 
.result.month .ex i.d:after { content:'\2193'; margin:0 4px; } 
.result.month .ex i.u:after { content:'\2191'; margin:0 4px; } 

 .month .blu { color:#0099FF; } 
 .month .sky { border:1px solid #0099FF; } 
 .month .red { border:1px solid #ff5d5d; } 
 .month .blk { border:1px solid #191919; } 
 .month .round .u { color:#ff5d5d; } 
 .month .round .d { color:#0099FF; } 
 .month .round .d i:after { content:'\25BC'; } 
 .month .round .u i:after { content:'\25B2'; } 
 .month .round > span b { color:#000!important; } 
 .month .round span.big { color:#000; text-align:right; font-size:16px; } 
 .month .round span.big>b { font-weight:700; } 

/* 막대 그래프 유형 */
 .month .trend-top .stats { overflow:hidden; } 
 .month .trend-top .stats:last-child { margin-top:20px; } 
 .month .trend-top .stats dt { font-size:15px; display:flex; clear:both; margin-bottom:10px; } 
 .month .trend-top .stats dt>span { flex:1; display:flex; } 
 .month .trend-top .stats dt>span:nth-child(1) { justify-content:flex-start } 
 .month .trend-top .stats dt>span:nth-child(2) { justify-content:flex-end } 
 .month .trend-top .stats dd { margin:0; } 
 .month .trend-top .stats dd>ul { width:100%; border-radius:5px; overflow:hidden; } 
 .month .trend-top .stats dd>ul>li { color:#000; font-size:15px; height:28px; line-height:28px; display:inline-block; box-sizing:border-box; border-right:0; float:left; } 
 .month .trend-top .stats dd>ul>li.lv1 { background:#9EFFD6; } 
 .month .trend-top .stats dd>ul>li.lv2 { background:#FDFF9D; } 
 .month .trend-top .stats dd>ul>li.lv3 { background:#FF9797; } 
 .month .trend-top .stats dd>ul>li.lv4 { background:#FF5555; color:#ffffff; font-weight:bold; } 

 .month .info { padding:12px; border:1px dotted #838383; text-align:left; border-radius:20px; } 
 .month .info b { font-size:15px; font-weight:700; display:block; margin-bottom:10px; } 
 .month .info span { line-height:18px; font-size:15px; font-weight:400; display:inline-block; } 
 .month .info.n { border:0; padding:0; } 
 .month .info dt { margin-bottom:10px; } 
 .month .unit { font-size:13px; } 
 .month dl { width:100%; } 
 .month .grh { min-height:140px; flex-direction: column; width:100%; } 
 .month .s-txt>li { font-size:13px; margin-top:10px; } 
 .month .s-txt>li>b { display:inline-block; font-size:15px; } 
 .month .s-txt>li:before { content:''; width:5px; height:5px; background:#000; margin-right:6px; border-radius:50%; display:inline-block; vertical-align:middle; } 
 .month .trend-area { margin-top:40px; } 
 .month .trend-area h4 { margin-bottom:20px; font-size:1.4rem; font-weight:700; } 
 .month .copy { margin:20px 0; } 
 .month .btn-area { display:flex; align-items:center; justify-content:flex-end; } 
 .month .btn-area>a { width:130px; color:#005DAA; border:1px solid #005DAA; font-weight:700; margin-left:15px; line-height:46px; text-align:center; font-size:13px; border-radius:10px; background:#ffffff; text-decoration:none; } 
 .month .btn-area>a:first-child { margin-left:0; } 
 .c-area { gap:20px; display:flex; flex-wrap: wrap; min-height:184px; margin-bottom:40px; justify-content: space-between; } 
 .c-area>li { flex:1; padding:30px; background:#fff; position:relative; display:inline-block; flex-direction:column; border:1px solid #dddddd; border-radius:20px; } 
 .d-txt>li:before { content:''; width:5px; height:5px; background:#000; font-size:1.5rem; margin-right:10px; border-radius:50%; display:inline-block; vertical-align:middle; } 
 .bb .lnks { flex: 1 1 auto; } 
 .bb .date { flex: 0 0 250px; } 
 .bb .filter { flex: 1 1 auto; } 


/* 카드스타일 (1) */
.smp1 .r { flex:1; gap:20px; display:flex; flex-wrap:wrap; justify-content:space-between; } 
.smp1 .c { flex:1; gap:20px; display:flex; flex-direction:column; min-width:calc(33.33% - 30px); } 
.smp1 .bx { flex:1; width:100%; transition:.5s; margin-bottom:0; min-height:678px; position:relative; border-radius:15px; padding:27px 23px 40px; background-color:#fff; box-shadow:10px 10px 10px #ddd; } 
.smp1 .grh { flex-grow:1; display:flex; align-items:center; justify-content:center; } 
.smp1 .c:first-child .bx:first-child,
.smp1 .c:first-child .bx:last-child { flex-grow:0; } 
.smp1 .c:first-child .bx:last-child { flex:0 0 180px; } 

.smp1 dl>dt { display:flex; height:26px; } 
.smp1 dl>dt>span { flex:1; font-size:1.125rem; } 
.smp1 dl>dt>span:last-child { display:flex; font-weight:400; align-items:center; justify-content:flex-end; } 
.smp1 dl>dt>span>b { align-items: center; font-weight:400; color:#191919; display:flex; } 
.smp1 dl>dt>span>b>i { color:#767676; margin-left:20px; } 
.smp1 dl>dd { display:flex; flex-direction: column; height:calc(100% - 26px); } 
.smp1 .board { padding:0; height:217px; margin-top:30px; overflow-y:auto; } 
.smp1 .board>li { width:100%; position:relative; margin-bottom:8px; padding:0 24px 8px 50px; } 
.smp1 .board>li:last-child { margin-bottom:0; } 
.smp1 .board>li>p { height:97px; overflow:hidden; padding:13px 24px; border-radius:8px; background:rgba(214, 214, 214, .3) } 
.smp1 .board>li b { display:block; overflow:hidden; font-weight:500; font-size:1.125rem; white-space:nowrap; text-overflow:ellipsis; } 
.smp1 .board>li span { font-size:13px; font-weight:400; margin-top:10px; line-height:1.6; color:#838383; display:block; width:100%; } 
.smp1 .board>li:before { content:''; left:0; top:50%; width:26px; height:26px; position: absolute; display: inline-block; transform: translate(0,-50%); } 
.smp1 .board>li.news:before { background:url(../img//ic_news.svg) 0 0 no-repeat; background-size:contain; } 
.smp1 .board>li.blog:before { background:url(../img//ic_blog.svg) 0 0 no-repeat; background-size:contain; } 
.smp1 p.unit { text-align:right; font-size:13px; color:#333; } 
.smp1 a.detail { width:100%; color:#005DAA; font-weight:700; margin-top:30px; line-height:46px; font-size:13px; text-align:center; border-radius:10px; display: inline-block; background:rgba(0, 93, 170, .3); } 
.smp1 a.reset { width:26px; height:26px; margin-right:4px; display:inline-block; background:url(../img//icon-re.svg) 0 0 no-repeat; } 



/* 카드스타일 (2) */
.smp2 { gap:20px; display:flex; flex-wrap:wrap; margin-top:50px; } 
.smp2 .bx { display:flex; min-height:678px; align-items:center; border-radius:15px; background-color:#fff; justify-content:center; flex:1 1 calc(33.333% - 30px); box-shadow:10px 10px 10px #ddd; } 

/*********** 커스텀 셀렉트(S) ***********/
.selectBox2 * { box-sizing: border-box; } 
.selectBox2 { position: relative; z-index: 1; height: 43px; border-radius: 10px; border: 1px solid #d6d6d6; cursor: pointer; background-color: #fff; font-size: 20px; color: #777;} 
.selectBox2:before { content: ''; position: absolute; top: 50%; transform: translateY(-50%); right: 20px; z-index: -1; background:url(../img/ic_s_sel.svg) no-repeat center / cover; width:12px; height:6px; transition-duration: .3s; } 
.selectBox2 .label { display: flex; align-items: center; width: inherit; height: inherit; padding: 0 50px 0 24px; background: transparent; cursor: pointer; font-size: inherit; color: inherit;} 
.selectBox2 .optionList { position: absolute; top: 50px; left: 0; width: 100%; background: #fff; list-style-type: none; padding: 0; border-radius: 10px; overflow: hidden; max-height: 0; transition: .3s ease-in; color: #191919;} 
.selectBox2 .optionList::-webkit-scrollbar { width: 6px; } 
.selectBox2 .optionList::-webkit-scrollbar-track { background: transparent;} 
.selectBox2 .optionList::-webkit-scrollbar-thumb { background: #303030; border-radius: 5px; } 
.selectBox2 .optionList::-webkit-scrollbar-thumb:hover { background: #303030; } 
.selectBox2.active { z-index: 10; } 
.selectBox2.active:before {transform:translateY(-50%) rotate(180deg);} 
.selectBox2.active .optionList { max-height: 500px; transition: .3s ease-in; border:1px solid #f1f2f4; } 
.selectBox2 .optionItem { /*border-bottom: 1px dashed #999999;*/ padding: 12px 16px; transition: .1s; } 
.selectBox2 .optionItem:hover { background: #f9f9f9; transition: .1s;} 
.selectBox2 .optionItem:last-child { /*border-bottom: 0 none;*/ } 
.selectBox2 .optionItemTit {background: #f1f2f4; font-weight: bold;}

.scw-wrap li.bx .sc-from{text-align:right; padding:0 24px 24px 24px; font-size:14px; } 

@media (max-width: 780px){
	.selectBox2 {height: 38px; font-size: 14px;}
	.selectBox2:before {right: 15px;}
	.selectBox2 .label {padding: 0 40px 0 14px;}
	.selectBox2 .optionList {top: 40px;}
	.selectBox2 .optionItem {padding: 12px 12px;}
}
/*********** 커스텀 셀렉트(E) ***********/



/***** 수급동향분석(S) *****/
.info-tab-total { width:100%; height:auto; } 
/* .tab-btn-wrap-d1 .btn-tab-d1 { color:blue; } */
.tab-btn-wrap-d1 .btn-tab-d1.is-active-d1 { color:red; font-weight:bold; } 
.tab-cont-wrap-d1 .tab-cont-d1 { display:none; } 
/* .tab-btn-wrap-d2 .btn-tab-d2 { color:green; } */
/* .tab-btn-wrap-d2 .btn-tab-d2.is-active-d2 { color:yellow; border:2px solid yellow; font-weight:bold; } */
.tab-cont-wrap-d2 .tab-cont-d2 { display:none; } 

.info-tab-total { } 
/* .info-tab-total .infotab { border:2px solid green; } */
.info-tab-total .infotab .tab-container-d1 { } 
.info-tab-total .infotab .tab-cont-wrap-d1 .tab-cont-d1-in { border:2px solid red; } 

.sub-condition-wrap { width:100%; display: flex; align-items: center; gap: 0 39px; margin-bottom: 28px; } 
.sub-condition-wrap .sub-title-01 { font-size:28px; font-weight:bold; color: #191919;} 
.sub-condition-wrap .sub-title-01 a {color: inherit;}
.sub-condition-wrap .tab-btn-wrap-d1 { display:inline-flex; align-items: center; justify-content: space-between; gap:0 30px; flex-wrap:wrap; padding: 8px; border-radius: 30px; background-color: #fff; border: 1px solid #CBCED0;} 
.sub-condition-wrap .tab-btn-wrap-d1 .btn-tab-d1 { font-size:16px; background:none; position:relative; padding: 3px 8px; } 
.sub-condition-wrap .tab-btn-wrap-d1 .btn-tab-d1:hover,
.sub-condition-wrap .tab-btn-wrap-d1 .btn-tab-d1.is-active-d1 {background-color: #053A78; color: #fff; border-radius: 18px;} 
.sub-condition-wrap .tab-btn-wrap-d1 .btn-tab-d1:hover::before,
.sub-condition-wrap .tab-btn-wrap-d1 .btn-tab-d1.is-active-d1::before { content:''; position:absolute; left:0; bottom:-8px; width:100%; height:1px; background:#0045D1; display: none;} 

.sub-condition-wrap .tab-btn-wrap-d1 .btn-tab-d1.main { flex:100%; text-align: left; font-size:20px; margin-left:0; } 
.sub-condition-wrap .tab-btn-wrap-d1 .btn-tab-d1.main:hover,
.sub-condition-wrap .tab-btn-wrap-d1 .btn-tab-d1.main.is-active-d1 { color:#444444!important; } 
.sub-condition-wrap .tab-btn-wrap-d1 .btn-tab-d1.main:hover::before,
.sub-condition-wrap .tab-btn-wrap-d1 .btn-tab-d1.main.is-active-d1::before { display:none; } 


.info-tab-total .infotab .scw-wrap { width:100%; } 

.s-title-box .sub-tit { font-size:13px; } 
.scw-wrap > ul { flex-wrap: wrap; display: flex; gap: 23px; } 
.scw-wrap > ul > li.bx { background: #fff; text-align: left; overflow: hidden; min-height: 550px; border-radius: 15px; box-sizing: border-box; /*flex: 1 1 calc(50% - 23px);*/ box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.15); width: 100%;} 
.scw-wrap > ul > li.bx.flex-100 { flex:100%; } 
.scw-wrap > ul > li.bx dl { height:100%; display:flex; flex-direction: column; height:100%; position:relative; } 
/* .scw-wrap > ul > li.bx dl dt { border:2px solid blue; } */
/* .scw-wrap > ul > li.bx dl dd { border:2px solid green; } */
.scw-wrap > ul > li.bx dl dd .ttab-cont { height:100%; }


/* .scw-item .scw-title-box { width:100%; border:2px solid red; overflow:hidden; } */
/* .scw-item .scw-title-box .scw-left { float:left; } */
/* .scw-item .scw-title-box .scw-left .scw-title-01 { font-size:16px; font-weight:bold; margin-bottom:10px; } */
/* .scw-item .tab-btn-wrap-d2 { display:inline-flex; align-items: center; justify-content: space-between; gap:10px; } */
/* .scw-item .tab-btn-wrap-d2 .btn-tab-d2 { display:inline-flex; align-items:center; height:25px; background:#F4F7FC; font-size:12px; border-radius:5px; } */
/* .scw-item .tab-btn-wrap-d2 .btn-tab-d2.is-active-d2 { background:#ffffff; color:#0099FF!important; border:2px solid #0099FF; font-weight:bold; } */
/* .bx dl */
 .bx dl>dt,
 .bx dl>dt { padding:24px 24px 24px 24px; border-bottom:1px solid #DCE0EA; height:237px; } 
 .bx dl>dt b,
 .bx dl>dt b { display:flex; color:#202431; align-items:baseline; /*font-size:1.125rem;*/ font-weight:bold; } 
 .bx dl>dt>span,
 .bx dl>dt>span { display:flex; align-items:flex-start; font-size: 24px; margin-bottom: 0; } 

 .bx dl>dt>span:nth-child(3) { max-width:calc(100% - 80px); } 
 .bx dl>dt>span:nth-child(3),
 .bx dl>dt>span:nth-child(4) { display:inline-block; vertical-align:top; } 
 .bx dl>dt>span:first-child { display:flex; margin-bottom:24px; align-items: center; }
 .bx dl>dt>span:last-child {margin-bottom: 0 !important;}
 .bx dl>dt>span:first-child em { flex:1; display:flex; align-items:center; justify-content:flex-end; } 
 .bx dl>dt>span:first-child a { width:25px; height:25px; margin-right:5px; display:inline-block; gap:8px; } 
 .bx dl>dt>span.ttab { display:flex; width:100%; gap:12px; word-break: keep-all; margin-bottom: 0;} 
 
 .bx dl>dt>span.ttab .swiper-menu {margin: 0; /*max-width: 555px;*/ width: 100%; position: relative; padding-right: 0px}
 .bx dl>dt>span.ttab .swiper-menu:after {content: '';display: block;width: 44px;height: 100%;background: linear-gradient(90deg, transparent, #f4f7fc);position: absolute;top: 50%;transform: translateY(-50%);right: 0;z-index: 1; display: none;}
 .bx dl>dt>span.ttab .swiper-menu-arrow-box {position: absolute; top: 50%; transform: translateY(-50%); right: 50%; z-index: 1; display: flex; gap: 12px; display: none;}
 .bx dl>dt>span.ttab .swiper-menu-arrow {display: inline-flex; justify-content: center; align-items: center; width: 44px; height: 44px; border-radius: 50%; background-color: #fff; color: #838383; font-family: 'GmarketSans' !important; font-size: 18px; font-weight: 300; cursor: pointer; border: 1px solid #F1F2F4;}
 .bx dl>dt>span.ttab .s-all-btn {display: inline-flex; justify-content: center; align-items: center; width: 44px; height: 44px; border-radius: 10px; background-color: #fff; color: #838383; font-family: 'GmarketSans' !important; font-size: 18px; font-weight: 300; cursor: pointer; border: 1px solid #F1F2F4;}
 .s-all-wrap {position: absolute; top: 0; left: 0; z-index: 1; width: 100%; padding: 40px 20px 20px; background: #fff; border: 1px solid #ddd; border-radius: 10px; display: none;}
 .s-all-wrap .s-all-close {position: absolute; top: 10px; right: 10px; display: flex; justify-content: center; align-items: center; width: 20px; height: 20px; border-radius: 50%; font-size: 12px; background-color: #f1f1f1; text-transform: uppercase;}
 
 .bx dl>dt>span.ttab .tbwd-d2-wrap,
 .s-all-wrap .tbwd-d2-wrap {word-break: keep-all; display:flex; gap:5px; padding-bottm: 0;} 
 .bx dl>dt>span.ttab .tbwd-d2-wrap::-webkit-scrollbar,
 .s-all-wrap .tbwd-d2-wrap::-webkit-scrollbar { width: 10px; height:5px; } 
 .bx dl>dt>span.ttab .tbwd-d2-wrap::-webkit-scrollbar-thumb,
 .s-all-wrap .tbwd-d2-wrap::-webkit-scrollbar-thumb { background-color: #c0e6ff; border-radius: 10px; background-clip: padding-box; /* border: 2px solid transparent; */ } 
 .bx dl>dt>span.ttab .tbwd-d2-wrap::-webkit-scrollbar-track,
 .s-all-wrap .tbwd-d2-wrap::-webkit-scrollbar-track { background-color: rgb(238, 238, 238); /* border-radius: 10px; */ /* box-shadow: inset 0px 0px 5px white; */ } 
 .bx dl>dt>span.ttab .tbwd-d2-wrap::-webkit-scrollbar-corner,
 .s-all-wrap .tbwd-d2-wrap::-webkit-scrollbar-corner { height:5px; width:2px; } 
 
 .bx dl>dt>span.ttab .ttab-pop { width:30px; height:30px; } 
 .bx dl>dt>span.ttab .ttab-pop .btn-more-pop { display:inline-block; width:30px; height:30px; background:url(../img/icon-btn-etc.svg) center no-repeat; } 
 .bx dl>dt>span.ttab .ttab-pop .pop-more-wrap { position:absolute; top:100px; left:50%; width:calc(100% - 40px); transform:translateX(-50%); height:auto; background:#ffffff; border:1px solid #DCE0EA; z-index:99; border-radius:0px; display:none; } 
 .bx dl>dt>span.ttab .ttab-pop .pop-more-wrap .pop-title-box { padding:10px 10px; display:flex; } 
 .bx dl>dt>span.ttab .ttab-pop .pop-more-wrap .pop-title-box .btn-pop-close { width:18px; height:18px; font-size:0; } 
 .bx dl>dt>span.ttab .ttab-pop .pop-more-wrap .pop-title-box .btn-pop-close img { width:100%; } 
 .bx dl>dt>span.ttab .ttab-pop .pop-more-wrap .pop-title-box .pt-left { float:left; } 
 /* .bx dl>dt>span.ttab .ttab-pop .pop-more-wrap .pop-more-cont { width:100%; padding:0 15px 15px 15px; display:grid; display:grid; grid-template-columns: repeat(4, 1fr); gap:10px; word-break: break-all; } */
 .bx dl>dt>span.ttab .ttab-pop .pop-more-wrap .pop-more-cont { width:100%; padding:15px 15px 15px 15px; font-size:0; } 
 .bx dl>dt>span.ttab .ttab-pop .pop-more-wrap .pop-more-cont .btn-tab-d2 { margin:5px 2.5px; min-width:unset; width:100%; max-width:calc(20% - 5px); } 
 /* .bx dl>dt>span.ttab .btn-more-wrap .popup-more-wrap { } */
 .bx dl>dt>span.ttab .ttab-pop.on { } 
 .bx dl>dt>span.ttab .ttab-pop.on .btn-more-pop { background:url(../img/icon-btn-etc-close.svg) center no-repeat; } 
 /* .bx dl>dt>span.ttab .ttab-pop.on .pop-more-wrap { display:block; } */

 /* .bx dl>dt>span.ttab::-webkit-scrollbar-button:start { display:block; } */
 /* .bx dl>dt>span.ttab::-webkit-scrollbar-button:end { display:block; } */
 


 .bx dl>dt>span.ttab button,
 .s-all-wrap button {min-width:72px!important; height: 36px; color:#000; font-weight:400; padding:0px 10px; font-size:14px; border-radius:10px; text-align:center; background:rgb(0 153 255 / 10%); width: auto; border: 1px solid rgb(0 153 255 / 10%); box-sizing: border-box;} 
 .bx dl>dt>span.ttab button span,
 .s-all-wrap button span { word-break: keep-all; } 
 /* .bx dl>dt>span.ttab>button:focus, */
 /* .bx dl>dt>span.ttab>button:focus { border:2px solid #000; } */
 .bx dl>dt>span.ttab [aria-selected="true"],
 .bx dl>dt>span.ttab [aria-selected="true"] { border: 1px solid #0099FF; background: #fff; } 
 .bx dl>dt>span.ttab [aria-selected="true"]:after,
 .bx dl>dt>span.ttab [aria-selected="true"]:after { content:unset; } 
 
 /* .bx dl>dt>span>select, */
 /* .bx dl>dt>span>select { height:30px; min-width:80px; font-size:.75rem; border-radius:5px; margin-bottom:10px; appearance:none; -o-appearance:none; -moz-appearance:none; vertical-align:middle; box-sizing:border-box; padding:0 40px 0 12px; -webkit-appearance:none; border:1px solid #96999C; background:url(../img/ic_s_sel.svg) calc(100% - 10px) 50% no-repeat; } */

 .bx dl>dt>.c-wrap { display:flex; align-items: center; } 
 .bx dl>dt>.c-wrap>.condition-form { display:flex; align-items: center; gap:5px; width:100%; } 
 .bx dl>dt>.c-wrap>.condition-form>select,
 .bx dl>dt>.c-wrap>.condition-form>select { height:30px; font-size:13px; border-radius:5px; appearance:none; -o-appearance:none; -moz-appearance:none; vertical-align:middle; box-sizing:border-box; padding:0 20px 0 10px; -webkit-appearance:none; border:1px solid #96999C; background:url(../img/ic_s_sel.svg) calc(100% - 10px) 50% no-repeat; } 
 .bx dl>dt>.c-wrap>.condition-form .selectBox2 { width:100%; max-width:185px!important; } 
 .bx dl>dt>.c-wrap>.condition-form .selectBox2 .label { width:100%; } 

 .bx dl>dt>span>label { text-indent:0; font-size:.875rem; position:relative; vertical-align:top; margin:6px 10px 0 0; } 
 .bx dl>dt>span>label:first-child { margin-left:0; } 
 .bx dl>dt>span>input { border:0; width:120px; color:#000; line-height:26px; font-size:.875rem; margin-bottom:10px; border-bottom:1px dotted #005DAA; } 
 .bx dl>dt>span i { margin-right:20px; font-size:16px; font-weight:400 } 
 .bx dl>dt>span i .font-gray {color: #787878; margin-left: 5px;}
 .bx dl>dd{ padding:12px 24px 12px; } 
 .grh,
 .grh { flex-grow: 1; display: flex; align-items: center; justify-content: center; height:100%; } 
 .grh .g1, 
 .grh .g2,
 .grh .g1, 
 .grh .g2 { flex:1; } 
 .grh .cl,
 .grh .cl { width:100%; height:100%; display:flex; align-items:center; flex-direction:column; justify-content:center; } 
 .grh .cl>li,
 .grh .cl>li { flex:1; width:100%; display:flex; align-items:center; justify-content:center; } 
 .srch { width:118px; color:#fff!important; height:36px; background:#191919; line-height:36px; font-size:14px; text-align:center; border-radius:10px; position:relative; display:inline-block; text-decoration:none; margin-left: 10px} 
 .srchCirculateInventory { width:118px; color:#fff!important; height:36px; background:#191919; line-height:36px; font-size:14px; text-align:center; border-radius:10px; position:relative; display:inline-block; text-decoration:none; margin-left: 10px} 

.bx .reset,
.bx .excel,
.bx .down,
.bx .full,
.bx .share,
.bx .print { display:inline-block; width:25px; height:25px; } 
.bx .reset { background:url(../img/icon-re.svg) center no-repeat; background-size:contain; } 
.bx .excel { background:url(../img/ic_excel.svg) center no-repeat; background-size:contain; } 
.bx .down { background:url(../img/ic_down.svg) center no-repeat; background-size:contain; } 
.bx .full { background:url(../img/ic_full.svg) center no-repeat; background-size:contain; } 
.bx .share { background:url(../img/ic_share.svg) center no-repeat; background-size:contain; } 
.bx .print { background:url(../img/ic_print.svg) center no-repeat; background-size:contain; } 

 /* .scw-wrap .bx dl>dt>span.ttab>button, */
 /* .scw-wrap .bx dl>dt>span.ttab>button { height: 30px; font-size: 12px; border-radius: 6px; text-align: center; background: #E6F5FF; border: 1px solid #E6F5FF; } */

 .bx .tab-btn-wrap-d2 .btn-tab-d2:hover,
 .bx .tab-btn-wrap-d2 .btn-tab-d2.is-active-d2 { background:#ffffff; color:#0099FF!important; border-color:#0099FF; font-weight:bold; font-size: 18px; } 

 .grh .tab-cont-wrap-d2 { width:100%; max-width:100%; } 


 /* 탭 슬라이드(S) */
 
/* .sub-tab-swipe { width:100%; border:2px solid red; position:relative; } */
/* .sub-tab-swipe::after { content:''; background:url(../img/btn-bg-gradient.png) center no-repeat; top:0; right:0; position:absolute; display:inline-block; z-index:99; width:30px; height:100%; font-size:0; right:69px; } */
/* .sub-tab-swipe .swipe-wrap { position:relative; } */
/* .sub-tab-swipe .swipe-wrap .swiper-container { width:100%; position:relative; padding:0 30px; } */
/* .sub-tab-swipe .swipe-wrap .swiper-container::after { content:''; position:absolute; right:0; top:0; height:100%; width:10px; z-index:9; border-top-right-radius: 10px; border-bottom-right-radius: 10px; } */
/* .sub-tab-swipe .swipe-wrap .swiper-container .swiper-wrapper { } */
/* .sub-tab-swipe .swipe-wrap .swiper-container .swiper-slide { } */
/* .sub-tab-swipe .swipe-wrap .btn-best { display:inline-block; background:#ffffff; border:1px solid #838383; border-radius:15px; height:30px; width:100%; display:flex; align-items:center; color:#838383; justify-content: center; font-size:14px; word-break: keep-all; width:100%; padding:0 20px; } */
/* .sub-tab-swipe .swipe-wrap .btn-best:hover { background:#0099FF; color:#ffffff; } */
/* .sub-tab-swipe .swiper-button-prev { display:inline-block; background:url(../img/btn-best-prev.svg) center no-repeat; width:30px; height:30px; position:absolute; left:0; top:50%; transform:translateY(-50%); } */
/* .sub-tab-swipe .swiper-button-next { display:inline-block; background:url(../img/btn-best-next.svg) center no-repeat; width:30px; height:30px; position:absolute; right:0; top:50%; transform:translateY(-50%); } */
/* .sub-tab-swipe .btn-autoplay { display:inline-block; background:url(../img/btn-best-stop.svg) center no-repeat; width:30px; height:30px; position:absolute; right:35px; top:50%; transform:translateY(-50%); background-size:cover; } */
/* .sub-tab-swipe .btn-autoplay.on { display:inline-block; background:url(../img/btn-best-play.svg) center no-repeat; width:30px; height:30px; background-size:cover; } */
 /* .ml-wrap .m-search-swipe .swipe-wrap .swipe-wrap .swiper-slide { margin-right:50px!important; } */
 /* .contents.main-ver2 .cont-main-top .cmt-wrap .main-right { color:#ffffff; } */
 /* 탭 슬라이드(E) */
/***** 수급동향분석(E) *****/

/***** 가격(S) *****/

.price-page .tab-cont-wrap-d1 .tab-cont-d1 { display:block; } 
.price-page .bx dl>dt, .bx dl>dt { height:auto; } 
.price-page .bx dl>dt>span.ttab { margin-bottom:0; } 
.price-page .bx dl>dt>span.ttab .tbwd-d2-wrap { display:Flex; justify-content: space-between; width:auto; padding-bottom:0; margin-bottom:0; } 
.price-page .ttab-cont { height:auto!important; } 

.tab-form .filter { } 
.tab-form .filter ul,
.tab-form .filter ul>li { display:flex; margin-left:10px; } 
.tab-form .filter li>span { color:#838383; line-height:24px; margin-right:5px; font-size:.875rem; } 
.tab-form .filter li>label { width:46px; height:24px; text-indent:0; margin-bottom:0; position:relative; display:inline-block; } 
.tab-form .filter li>label>input { width:0; height:0; opacity:0; } 
.tab-form .filter .slider { top:0; left:0; right:0; bottom:0; cursor:pointer; transition:.4s; position:absolute; border-radius:34px; background-color:#ccc; } 
.tab-form .filter .slider:before { content:""; top:1px; left:1px; width:22px; height:22px; transition:.4s; position:absolute; border-radius:50%; background-color:white; } 
.tab-form .filter .slider .text { width:50%; height:100%; color:white; font-weight:bold; font-size:.712em; line-height:25px; text-align:center; position:absolute; transition:opacity .4s; } 
.tab-form .filter .slider .on { left: 0; opacity: 0; } 
.tab-form .filter .slider .off { right:1px; opacity: 1; } 
.tab-form .filter li>label>input:checked + .slider { background-color: #2196F3; } 
.tab-form .filter li>label>input:checked + .slider .on { opacity: 1; } 
.tab-form .filter li>label>input:checked + .slider .off { opacity: 0; } 
.tab-form .filter li>label>input:checked + .slider:before { transform: translateX(22px); } 
.tab-form .bt { display:flex; padding-right:20px; align-items:center; justify-content:flex-end; } 
 /** 스위치 버튼(E) **/


.btn-bs-01 { font-size:14px; min-width:63px; height:30px; display:flex; align-items:center; justify-content: center; border-radius:5px; border:1px solid #333; background:#ffffff; color:#333; } 
.btn-bs-01.on,
.btn-bs-01:hover { border:1px solid #333; background:#ffffff; color:#333; font-weight:bold; } 
.btn-bs-01.search { border:1px solid #333; background:#333333; color:#ffffff; } 
.form-wrap { display:flex; align-items:center; gap:5px; } 
.form-wrap .fw-tit { font-size:14px; font-weight:bold; display:flex; align-items: center; margin-top:0; } 
.form-wrap .fw-box { display:flex; align-items:center; } 
.form-wrap .fw-box .f-cr { display:flex; align-items:center; } 
.form-wrap .fw-box select,
.form-wrap .fw-box input,
.form-wrap .fw-box .selectBox2 { min-width:85px; width:100px; background:#ffffff; } 
.form-wrap .fw-box .date-h { } 

.form-wrap .fw-box .fw-box { display:flex; width:100%; } 

/* .form-wrap .fw-box .checks { margin-right:10x; border:2px solid red; } */
.form-wrap .fw-box .checks input[type="checkbox"], 
.form-wrap .fw-box .checks input[type="radio"] { display:block!important; width:18px; } 
.form-wrap .fw-box .checks input[type="checkbox"] + label, 
.form-wrap .fw-box .checks input[type="radio"] + label { padding-left:20px!important; display:block!important; font-size:14px!important; } 
.sel-2 { height: 30px; border-radius: 4px; border: 1px solid #999999; font-size:14px; background-position:calc(100% - 5px); } 


.price-slide { padding: 20px; width:100%; height:auto; } 
.price-slide .banner-list { display:flex; align-items:center; gap:5px; } 
.price-slide .banner-list .slide-item { } 
.price-slide .banner-list .slide-item a { text-align:center; padding:0 15px; border:1px solid #c2c2c2; color:#191919; font-size:18px; border-radius:15px; height:30px; line-height:28px; display:inline-block; } 
.price-slide .banner-list .slide-item:hover a,
.price-slide .banner-list .slide-item.on a { background:#585858; border:1px solid #585858; } 
.price-slide .banner-list .slide-item:hover a,
.price-slide .banner-list .slide-item.on a { color:#fff; } 

/* .ctnt.center .bx dl>dt span > .form-wrap { width:auto; margin-left:20px; } */
.grh.type-2 { display:block; } 
.grh.type-2 [role="tab-cont"] { margin-top:0; } 
/* .inner-search { width:100%; display:block; background:#F2F3F4; padding:10px 10px; display:flex; } */
/* .inner-search .is-row { display:flex; align-items:center; justify-content: space-between; position:relative; padding:5px 0; } */
/* .inner-search .is-row .column { display:flex; align-items:center; padding:5px 5px; } */
/* .inner-search .is-row .btn-side { position:absolute; right:0; top:50%; transform:translateY(-50%); border:2px solid red; } */

/* .inner-search { width:100%; background:#F2F3F4; padding:10px 10px; display:flex; align-items: center; flex-direction: column; } */


.data-time { display:inline-block; height:30px; align-items: center; justify-content: center; padding:0 10px; line-height:28px; border-radius:15px; border:1px solid #0099ff; color:#0099ff; margin-bottom:10px; font-weight:bold; } 
.data-time p { font-size:16px; font-weight:bold; } 

.description { padding:20px 10px; border:1px solid #d2d2d2; margin-top:20px; line-height:normal; margin-bottom:30px; } 
.description .de-tit-01 { font-size: 14px; line-height: 24px; } 
.description .de-tit-01.spe { position:relative; padding-left:15px; } 
.description .de-tit-01 .spe-icon { position:absolute; left:0; } 


 

.bx dl>dt>span.ttab { position:relative; margin-bottom:12px!important; } 
.bx dl>dt>span.ttab .tab-form { display:flex; justify-content: flex-end; position:absolute; right:0; top:50%; transform:translateY(-50%); } 
.bx dl>dt>span.ttab .tab-form .form-wrap { margin-left:10px; } 
 
.chart-graph { display: flex; align-items: center; justify-content: center; margin-top:20px; height:100%; padding:20px; flex-direction: column; } 

.filter-search-result { margin:0 0 0 0; margin-bottom:30px; position:relative; } 
.filter-search-result dl { display:flex; width:100%; flex-direction: unset!important; border:1px solid #D3D3D3; } 
.filter-search-result dt { display:table-cell; font-weight:bold; background:#f9fafc; text-align:center; vertical-align:middle; border-bottom:unset!important; display:flex; align-items: center; justify-content: center; } 
.filter-search-result dd { display:flex; vertical-align:middle; padding:20px 15px!important; gap:20px; align-items: center; } 
.filter-search-result dd p { display:inline-block; color:#045ebc; } 
.filter-search-result dd p span { position:relative; color:#555; padding:0 10px 0 0; margin:0 10px 0 0; } 
.filter-search-result dd p span:after { content:""; position:absolute; top:50%; transform:translateY(-50%); right:0; height:13px; width:1px; background:#b4b3b3; } 
.filter-search-result .button-area { position:absolute; right:15px; } 

.both-contents { position:relative; width:100%; margin-top:20px; display:flex; gap:20px; justify-content: flex-end; } 
/* .both-contents:after { content:""; display:block; clear:both; } */
.both-contents .left-contents { float:left; } 
.both-contents .right-contents { float:right; } 
.both-contents.half .left-contents { flex:1; float:unset; } 
.both-contents.half .right-contents { flex:1; float:unset; } 
.both-contents .right-contents > p { font-size:13px; } 

.compare-down { background:url(/images/common/icon-down02.png) no-repeat 0 50%; color:#1a60da; padding:0 0 0 14px; display:inline-block!important; } 
.compare-up { background:url(/images/common/icon-up02.png) no-repeat 0 50%; color:#e2372d; padding:0 0 0 14px; display:inline-block!important; } 
.scompare-down { background:url(/images/common/icon-down02.png) no-repeat 0 50%; color:#1a60da; padding:0 0 0 14px; } 
.scompare-up { background:url(/images/common/icon-up02.png) no-repeat 0 50%; color:#e2372d; padding:0 0 0 14px; } 
.icon-low-price { color:#045ebc; border:1px solid #045ebc; display:inline-block; padding:2px 4px; font-size:12px; margin:0 10px 0 0; } 



.circle-title { position:relative; font-size:16px; font-weight:bold; color:#000; display:flex; align-items: center; margin-bottom:10px; margin-top:20px; } 
.circle-title:before { content:""; width:8px; height:8px; background:#fff; border:4px solid #0779d1; border-radius:8px; margin-right:5px; } 

/* .grh.type-2 { border:2px solid red; } */
/* .grh.type-2 .inner-search { flex-direction: column; } */
/* .grh.type-2 .inner-search .is-row { display:flex; gap:10px; } */
/* .grh.type-2 .inner-search .is-row .fw-box label { display:none; } */

.btn-side { display:flex; align-items: center; gap:5px; justify-content: space-between; } 
.btn-side a { text-align: center; padding: 0 15px; border: 1px solid #c2c2c2; border-radius: 15px; height: 30px; line-height: 28px; color: #191919; } 
.btn-side a.btn-white-blue { background: #ffffff; color: #005DAA; border: 1px solid #005DAA; } 
.btn-side a.btn-blue-white { background: #005DAA; color: #ffffff; border: 1px solid #005DAA; } 

/* .inner-search .is-row { display:flex; align-items:center; justify-content:start; position:relative; padding:5px 0; width:100%; } */
/* .inner-search .is-row .column { display:flex; align-items:center; padding:5px 5px; } */
.inner-search .is-row .button-area .excel,
.inner-search .is-row .button-area .print { padding:unset; border:unset; border-radius: unset; font-size:0; } 
.inner-search .is-row .button-area button { text-align: center; padding: 0 15px; border: 1px solid #c2c2c2; border-radius: 4px; height: 30px; line-height: 28px; color: #fffff; } 
.inner-search .is-row .button-area > .button-area { display:flex; align-items: center; } 


/* 가격-검색창 공통(S) */
.grh.type-2 .inner-search { margin-bottom:24px; } 
.grh.type-2 .inner-search .form-wrap .fw-tit { word-break: keep-all; width:100%; } 
.grh.type-2 .inner-search { padding:15px 15px; background:#F4F7FC; } 
.grh.type-2 .inner-search .is-row { display:flex; align-items: center; flex-wrap:wrap; } 
.grh.type-2 .inner-search .is-row.left { justify-content: start; } 
.grh.type-2 .inner-search .is-row.right { justify-content: end; } 
.grh.type-2 .inner-search .is-row.jc-e { justify-content: end; } 
.grh.type-2 .inner-search .is-row.jc-s { justify-content: start; } 
.grh.type-2 .inner-search .is-row.jc-c { justify-content: center; } 
.grh.type-2 .inner-search .is-row.jc-sb { justify-content: space-between; } 
.grh.type-2 .inner-search .is-row .column { display:flex; align-items:center; padding:10px 5px; gap:5px; } 
.grh.type-2 .inner-search .is-row .column .button-area { display:flex; align-items: center; gap:5px; } 
.grh.type-2 .inner-search .is-row .form-wrap .fw-box { width:100%; } 
.grh.type-2 .inner-search .is-row .form-wrap .fw-box .btn-bs-01 { margin-left:5px; } 
.grh.type-2 .inner-search .is-row .form-wrap .fw-box > span { padding:0 5px; } 
.grh.type-2 .inner-search .is-row .form-wrap .checks { display:flex; align-items: center; gap:5px; margin-right:10px; } 
.grh.type-2 .inner-search .is-row .form-wrap .checks:last-child { margin-right:0; } 
.grh.type-2 .inner-search .is-row .form-wrap .checks input[type="checkbox"], 
.grh.type-2 .inner-search .is-row .form-wrap .checks input[type="radio"] { min-width:unset; font-size:14px; } 
.grh.type-2 .inner-search .is-row .form-wrap .checks input[type="checkbox"] + label,
.grh.type-2 .inner-search .is-row .form-wrap .checks input[type="radio"] + label { font-size:18px!important; }
.grh.type-2 .inner-search .form-wrap .date input{border: 1px solid #d2d2d2; height:36px; border-radius:10px;}
.grh.type-2 .inner-search .btn-bs-01.search{height:36px; border-radius:10px!important;} 

.chart-content{width:100%; }
.chart-content .cc-title-box{width:100%; display:flex; align-items:center; justify-content:start; gap:20px; margin-bottom:20px;}
.chart-content .cc-title-box .cc-title{font-size:18px; font-weight:bold;}
.chart-content .cc-title-box .cc-ul{display:flex; align-items:center; justify-content:start; gap:20px;}
.chart-content .cc-title-box .cc-ul li{display:flex; align-items:center; justify-content:start; gap:10px; }
.chart-content .cc-title-box .cc-ul li h4{font-weight:bold; font-size:14px;}
.chart-content .cc-title-box .cc-ul li p{font-weight:bold; font-size:16px;}
.chart-content .cc-title-box .cc-ul li p.c-orange{color:#;}
.chart-content .cc-title-box .cc-ul li p.c-blue{color:#;}

.col-type{width:100%; display:flex; }
.col-type #chartdiv{flex:8;}
.col-type .cc-title-box{flex:2; flex-direction:column; align-items:baseline;}
.col-type .cc-title-box ul{flex-direction:column; align-items:baseline;}
.col-type .cc-title-box ul li{flex-direction:column; align-items:baseline;}

/* 가격-검색창 공통(E) */


.table-list { width:100%; overflow:hidden; height:auto; border-top:2px solid #585858 } 
.table-list table { width:100%; table-layout: fixed; border-collapse:collapse; } 
.table-list table tr { height:42px; border-bottom:1px solid #D9D9D9; } 
.table-list table tr th, 
.table-list table tr td { padding:0 10px; border:1px solid #D9D9D9; } 
.table-list table tr th { background:#F2F2F2; font-size:14px; color:#333; font-weight:bold; } 
.table-list table tr td p { font-size:14px; color:#333; } 
.table-list table tbody tr th { text-align:left; } 

.table-view { width:100%; overflow:visible; height:auto; border-top:2px solid #585858 } 
.table-view table { width:100%; table-layout: fixed; border-collapse:collapse; } 
.table-view table tr { height:42px; border-bottom:1px solid #D9D9D9; } 
.table-view table tr th, 
.table-view table tr td { padding:0 10px; border:1px solid #D9D9D9; font-size:14px; } 
.table-view table tr th { background:#F2F2F2; font-size:14px; color:#333; font-weight:bold; } 
.table-view table tr td p { font-size:14px; color:#333; } 
.table-view table tbody tr th { text-align:left; } 
.table-view table tr td > div { align-items: center; } 
.table-view table tr td > div input { border:2px solid red; height:30px; border-radius:4px; border:1px solid #999999; width:100%; } 
.table-view table tr td > div button { word-break: keep-all; height:30px; padding:0 10px; color:#ffffff; border-radius:4px; } 


/* 보고서 테이블 스타일 */
.table-list table.tb,
.table-list table.tb-info,
.table-list table.tb-card { width:100%; border-spacing:0px; table-layout:fixed; border-collapse:separate; border-collapse:collapse; margin-top:10px; } 
/* .table-list table.tb:first-child, */
/* .table-list table.tb-info:first-child, */
/* .table-list table.tb-card:first-child { margin-top:0; } */
.table-list table tr>th { height:40px; font-weight:bold; font-size:14px; text-align:center; border:1px solid #D3D3D3; background:#F4F7FC; padding:5px 5px; text-align:center!important; } 
.table-list table tr>td { height:48px; padding:0 6px; font-size:14px; text-align:center; border:1px solid #D3D3D3; text-align:center; line-height:normal; padding:5px 5px; } 
.table-list table tbody>tr th:first-child,
.table-list table thead>tr:first-child th:first-child { } 
.table-list table thead>tr:last-child th { font-weight:400; } 
.table-list table thead>tr>th>span,
.table-list table tbody>tr>td>span, 
.table-list table tbody>tr>th>span { display:block; } 
.table-list table thead>tr:last-child th>span { display:block; line-height:normal; } 
.table-list table tr>td.red { color:#E71618; } 
.table-list table tr>td.blue { color:#004DAA; } 
.table-list table tr>td i.d { color:#004DAA; } 
.table-list table tr>td i.u { color:#E71618; } 
.table-list table tr>td i.d:after { content:'\2193'; margin:0 4px; } 
.table-list table tr>td i.u:after { content:'\2191'; margin:0 4px; } 
.table-list table.num.cnt tr>td { text-align:center; } 
.wid-small { border:2px solid red; height:30px; padding:0 10px; display:inline-block; line-height:28px; font-size:13px; border:1px solid #d3d3d3; color:#191919; } 
.wid-small.button-empty-blue { background:#1473E6; color:#ffffff; border:1px solid #1473E6; border-radius:10px; } 

.indent-text li { font-size:14px; line-height:20px; } 
.indent-text li strong { font-weight:Bold; font-size:16px; } 


.table-area { width:100%; margin-top:30px; } 
.table-top { margin-bottom:10px; } 
.table-top .text-unit { font-size:0.8rem; } 
.table-type-01 { width:100%; overflow:hidden; height:auto; overflow-x:auto; } 
.table-type-01 table { width:100%; table-layout: fixed; border-collapse:collapse; background:#ffffff; min-width:1000px; } 
/* .table-type-01.overflow-x > table { min-width:800px; } */
.table-type-01 table thead tr { height:35px; } 
.table-type-01 table thead tr th { color:#303030; font-size:0.9rem; line-height:normal; font-weight:bold; padding:5px 5px; background:#FBFBFB; text-align:center; border: 1px solid #C9C9C9; } 
.table-type-01 table tbody tr { border-bottom:1px solid #C9C9C9; height:35px; } 
.table-type-01 table tbody tr:last-child { border-bottom:0; } 
.table-type-01 table tbody tr th { color:#303030; font-size:0.9rem; line-height:normal; font-weight:bold; padding:5px 5px; background:#FBFBFB; text-align:center; border: 1px solid #C9C9C9; } 
.table-type-01 table tbody tr td { color:#303030; padding:5px 5px; position:relative; height:auto; border: 1px solid #C9C9C9; font-size:0.9rem; } 
.table-type-01 table tbody tr td .high { color:#ff1e13; font-weight:bold; } 
.table-type-01 table tbody tr td .low { color:#304bd2; font-weight:bold; } 
.table-type-01 table tbody tr td .high::before { content:"▲"; } 
.table-type-01 table tbody tr td .low::before { content:"▼"; } 

.table-bottom { margin-top:10px; } 
.table-bottom .text-01 { font-size:0.8rem; } 


.pricebox-wrap { width:100%; margin-bottom: 24px;} 
.pricebox-wrap .price-slide { padding:0 0; } 

 /* 산지가격(S) */
 .price-wrap { width:100%; margin-top:20px; } 
 .price-wrap .pb-products { gap: 17px; width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; } 
 .price-wrap .pb-products .pb-item { flex: 1; height: 200px; background: #fff; border-radius: 8px; box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.08); } 
 .pi-box { height: 100%; display: flex; padding: 30px 24px; flex-direction: column; justify-content: space-between; } 
 .pi-box .pb-top { padding:10px 0; border-bottom:1px solid #d2d2d2 } 
 .pi-box .pb-top .pt-tit { font-size: 1.1rem; font-weight: 700; flex: 1; margin-top:0; } 
 .pi-box .pb-content { position:relative; text-align:center; } 
 .pi-box .pb-content .pc-text { display: flex; align-items:baseline; justify-content: center; margin: 10px 0; font-size: 0.8rem; } 
 .pi-box .pb-content .pc-text .point-num { font-weight: 700; font-size: 1.4rem; margin-right:5px; } 
 
 .pi-box .pb-content .pc-stock { font-size: 0.9rem; display: flex; align-items:baseline; justify-content: center; } 
 .pi-box .pb-content .pc-stock .ps-num { font-size: 1.2rem; font-weight:bold; margin-left:5px; } 
 .pi-box .pb-content .pc-stock .ps-num.high { color:#e2372d; } 
 .pi-box .pb-content .pc-stock .ps-num.low { color:#1a60da; } 
 .pi-box .pb-content .pc-stock .ps-num.high::before { content:'▲'; } 
 .pi-box .pb-content .pc-stock .ps-num.low::before { content:'▼'; } 
 /* 산지가격(E) */

 /* input, select */
 /* .f-cr { display:flex; align-items: center; } */
 /* .f-cr input[type=radio], */
 /* .f-cr input[type=checkbox] { display:block!important; margin-right:5px; background:#ffffff; } */
 /* .f-cr input[type=radio] + label , */
 /* .f-cr input[type=checkbox] + label { display:inline-block; line-height:0; vertical-align:middle; text-indent:unset; font-size:0.88rem; } */
 /* .f-cr input[type=radio] + label { position:relative; display:inline-block; padding:0 20px 0 20px; line-height:normal; background:url("/img/sub/icon-radio-off.svg") no-repeat; cursor:pointer; color:#666 } */
 /* .f-cr input[type=radio]:checked + label { background:url("/img/sub/icon-radio-on.svg") no-repeat; font-weight:bold; } */
 /* .f-cr input[type=checkbox] + label { position:relative; display:inline-block; padding:0 20px 0 20px; line-height:normal; background:url("/img/sub/icon-check-off.svg") no-repeat; cursor:pointer } */
 /* .f-cr input[type=checkbox]:checked + label { background:url("/img/sub/icon-check-off.svg") no-repeat; font-weight:bold; } */
 
 
 
 input.ip-1 { height: 30px; min-width: 80px; width:100%; font-size: .75rem; border-radius: 5px; /* margin-bottom: 10px; */
 appearance: none; -o-appearance: none; -moz-appearance: none; vertical-align: middle; box-sizing: border-box; padding: 0 15px 0 10px; -webkit-appearance: none; border: 1px solid #d2d2d2; } 
 
 .inner-search form { width:100%; } 

/***** 가격(E) *****/


/*------------- (가안)반응형 스타일 -------------*/
@media (max-width: 1400px){
 .result.month .trend-top>li { flex:100%; } 
 .result.month .trend-btm>li:nth-last-child(3) { flex:100%; } 
 }

@media (max-width: 1200px){
 .scw-wrap > ul > li.bx { flex:100%; } 

 .leftmenu { left:-240px; transition:.4s; } 
 .opt { width:100%; } 
 .scw-wrap > ul > li { flex:100%; } 

 .smp1 .c { min-width:calc(50% - 30px); } 
 .smp2 .bx { flex: 1 1 calc(50% - 30px); } 
 .smp1 .c:last-child { flex-direction:row; } 
 
  a.repo {position: static; transform: none;}
 }



@media (max-width: 1050px){
 .opt { height:auto; } 
 .opt .date-wrap { justify-content:center; margin-bottom:10px; } 
 .bb .lnks { justify-content:center; margin-bottom:10px; } 
 .bb .filter { margin-left:0; width:100%; justify-content:center; } 
 .bb .filter ul { justify-content:center; } 
 
 



 /***** 가격(S) *****/

 .price-page .bx dl>dt>span.ttab { flex-direction: column; gap:20px; overflow:visible; } 
 .price-page .bx dl>dt>span.ttab .tab-form { position:relative; right:unset; top:unset; transform:unset; width:100%; overflow-y:hidden; overflow-x:auto; padding-bottom:10px; flex-direction: column; padding-bottom:0; } 
 .price-page .bx dl>dt>span.ttab .tab-form .form-wrap { width:100%; margin-left:0; } 
 .price-page .bx dl>dt>span.ttab .tab-form .form-wrap:nth-child(2) { margin-top:10px; text-align:center; } 
 .price-page .bx dl>dt>span.ttab .tab-form .form-wrap:nth-child(2) .filter { width:100%; } 
 .price-page .bx dl>dt>span.ttab .tab-form .form-wrap:nth-child(2) .filter .sel-2 { width:50%; margin:0 auto; } 
 .price-page .bx dl>dt>span.ttab .tab-form .form-wrap .filter span { word-break: keep-all; display:block; } 
 .price-page .bx dl>dt>span.ttab .tab-form .filter > ul { gap:5px; } 
 .price-page .bx dl>dt>span.ttab .tab-form .filter ul>li { flex-direction: column; margin-left:unset; width:70px; } 
 .price-page .bx dl>dt>span.ttab .tab-form .filter li>span { margin-right:0; text-align:center; } 
 .price-page .bx dl>dt>span.ttab .tab-form .filter li>label { margin:0 auto; } 
 .data-time { font-size:13px; } 


 .bx .reset,
 .bx .excel,
 .bx .down,
 .bx .full,
 .bx .print { display:inline-block; width:30px; height:30px; } 
 .price-slide .banner-list .slide-item a { font-size:13px; } 

 .form-wrap { flex-direction: column; } 
 .form-wrap .fw-tit { margin-bottom:5px; text-align:left; width:100%; } 
 .btn-side a { font-size:13px; } 
 .both-contents { flex-direction: column; } 

 .indent-text li { font-size:12px; } 

 /* .grh.type-2 .inner-search { flex-direction: column; } */
 /* .grh.type-2 .inner-search .is-row:nth-child(2) .column:nth-child(2) { width:100%; justify-content: end; } */
 .filter-search-result dt { font-size:13px; padding:15px 10px!important; } 
 .filter-search-result dd { flex-direction: column; gap:10px; padding:15px 10px!important; } 
 .filter-search-result dd p { text-align:left; width:100%; font-size:13px; } 

 table th,
 table td,
 table td a { font-size:12px!important; } 

 .grh.type-2 .inner-search { padding:10px; } 
 .grh.type-2 .inner-search .is-row { align-items: flex-end; } 
 .grh.type-2 .inner-search .is-row .column { padding:5px 5px; } 
 .grh.type-2 .inner-search .is-row .column.mo-flex-100 { flex:100%; justify-content: center; } 
 .grh.type-2 .inner-search .is-row .column.long { flex:100%; justify-content: start; } 
 .pp-1-3 .grh.type-2 .inner-search .is-row.jc-s { flex-direction: column; } 
 .pp-1-3 .grh.type-2 .inner-search .is-row.jc-s .column { width:100%; } 

 .price-wrap .pb-products { gap:10px; } 
 .pi-box .pb-top .pt-tit { font-size:14px; } 
 /* .pi-box .pb-content .pc-text .point-num { font-size:16px; } */

 p.mb40 { font-size:13px; line-height:18px; } 

 .both-contents p { font-size:12px; } 

 /***** 가격(E) *****/ 
 
 /***** 예측정보(S) *****/
 .predict .s-area> dt{flex-direction:column; gap:10px; align-items:baseline;}
 .predict .s-area{flex-direction:column;}
 .predict .s-area>dt label{font-size:14px;}
 .predict .s-area>dd{justify-content:start;}
 .predict .data-row .d-item.bottom{margin-top:20px;}
 .predict .data-row .d-item .d-cont .d-c-data-detail li h4{font-size:12px;}
 .predict .data-row .d-item .d-cont .d-c-data-detail li p{font-size:12px;}
 .predict .data-row .data-btn-box{margin-top:10px;}
 .predict .mt20 span{font-size:12px;}
 .predict .data-row .data-btn-box .btn-data{font-size:14px;}
 .pop-description p{font-size:14px; line-height:normal;}
 /***** 예측정보(E) *****/
 
 
 
 
 
 } 


 @media (max-width: 960px){
 .result>dl>dt>span { display:inline-block; margin-left:0; margin-top:10px; } 
 
 .c-area { display: grid; grid-template-columns: repeat(2, 1fr); gap:15px; } 


 /* .grh.type-2 .inner-search .is-row { justify-content: start!important; flex-wrap: wrap; gap:10px; } */
 .inner-search .is-row .btn-side { position:relative; flex:100%; justify-content:end; } 
 .inner-search .is-row { } 

 /* .grh.type-2 .inner-search .is-row.jc-sb { flex-direction: column; } */
 /* .grh.type-2 .inner-search .is-row.jc-sb .column { justify-content: start; } */

 .bx dl>dd, .bx dl>dd { padding:15px 15px; } 
 }

@media (max-width: 860px){
 .result.month .trend-btm>li { flex:100%; } 
 .smp1 .c { min-width:calc(100% - 30px); } 
 .smp1 .bx { } 




 .grh.type-2 .inner-search .is-row .column.long .form-wrap { width:100%; } 
 .grh.type-2 .inner-search .is-row .column.long .form-wrap .fw-box { width:100%; } 
 .grh.type-2 .inner-search .is-row .column.long .form-wrap select { width:100%!important; } 



table.tb tr>th,
table.tb tr>td { font-size:0.8rem; } 
table.tbs tr>th,
table.tbs tr>td { font-size:0.8rem; } 

.table-list tr th,
.table-list tr td { font-size:0.8rem; } 




 .t-area .r>dt { font-size:0.8rem; } 
 .t-area .r>dd>span>b { font-size:0.8rem; } 
 .s-area>dt { font-size:15px; } 
 .s-area>dt select { height:30px; font-size:0.8rem; } 
 .tab-btn { font-size:15px; height:37px; line-height:33px; } 
 .tab-cont { padding:0px; } 
 .unit { font-size:0.9rem; } 

 .s-area { flex-direction: column; gap:10px; width:100%; } 
 .s-area> dt { width:100%; } 
 .s-area> dd { width:100%; } 
/* >dl>dt>span { display:block; } */ 

 /***** 예측정보(S) *****/
 .predict .data-row{flex-direction:column;}
 .predict .data-row .data-right{width:100%;}
 /***** 예측정보(E) *****/

}


@media (max-width: 768px){
 .smp1 .bx { min-height: 300px; } 
 .smp1 .c:last-child { flex-direction:column; } 
 .smp2 .bx { flex: 1 1 calc(100% - 30px); min-height:300px; } 



 .sub-contents .sc-in .sc-wrap .sc-main { padding:30px 15px; } 
 
 .result>dl { margin-bottom:15px; flex-direction: column; } 
 .result>dl>dt { font-size:16px; text-align:left; width:100%; } 
 .result>dl>dd { margin-left:0; text-align:right; width:100%; margin-top:10px; justify-content: end; } 
 .result.month .trend-top>li,
 .result.month .trend-btm>li { padding:15px; } 
 .result.month h5 { font-size:16px; } 
 .result.month h5>span { font-size:13px; } 
 .result.month .data>li:nth-child(1) { font-size:18px; } 
 .result.month .data>li:nth-child(1)>span { font-size:13px; } 
 .result.month .round { font-size:12px; } 
 .result.month .round i { font-size:14px; } 
 .result.month .ex { font-size:13px; line-height:18px; } 
 .month .info span,
 .month .trend-top .stats dt { font-size:13px; } 
 
 .month .trend-top .stats dd>ul>li { font-size:11px; } 
 .month .info b { font-size:14px; } 

 table.tb-info tr th, table.tb-info tr td { font-size:12px; line-height:16px; } 
 table.tb-info tbody tr td { font-size:12px; line-height:16px; } 
 .month .s-txt>li,
 .month .s-txt>li>b { font-size:12px; } 
 .result.month .tab-btn, .result.month [role="tab"] { height:25px; line-height:23px; font-size:13px; } 
 .month .copy { margin: 10px 0; font-size:12px; } 
 .month .btn-area>a { height:30px; line-height:28px; font-size:13px; } 

 .s-area> dt { flex-direction: column; gap: 10px 0;} 
 .s-area>dt>span {font-size: 18px;}
 .s-area> dt .sa-tit-01 { margin-bottom:10px; width:100%; padding:0 10px; } 
 .s-area> dt .sa-form { width:100%; margin-right:0; } 
 .s-area> dt .sa-form label { word-break: keep-all; font-size:13px; } 
 .s-area> dt .sa-form select { width:100%; margin-right:0; } 
 }



@media (max-width: 860px){
 .tab-list li { gap:5px; } 
 .c-area { display: grid; grid-template-columns: repeat(1, 1fr); gap:10px; } 
 .c-area>li { padding:20px 15px 15px 15px; } 
 .c-area>li>b { font-size:14px; } 
 .s1 .tab-btn, .s1 [role="tab"] { height:35px; line-height:32px; font-size:14px; } 
 .s1 .tab-cont, .s1 [role="tab-cont"] { padding:30px 15px; } 
 .c-area .num>i>b { font-size:18px; } 
 .c-area>li>span { line-height:18px; font-size:13px; } 
 .s-title-box .sub-tit { font-size:12px; } 
 .t-area { margin:20px 0; } 
 .g-area { min-height:250px;} 
 }

@media (max-width: 780px){
 .result>dl>dd>a { width:27px; height:27px; font-size:0; background-size:contain; padding-right:0; } 
 .result>dl>dd>a img { width:100%; } 

 .sub-condition-wrap { margin-bottom:40px; display: block;} 
 .sub-condition-wrap .sub-title-01 { font-size:16px; margin-bottom:10px; } 
 .sub-condition-wrap .tab-btn-wrap-d1 {justify-content: flex-start; gap: 10px; } 
 .sub-condition-wrap .tab-btn-wrap-d1 .btn-tab-d1 { font-size:13px; font-weight:700; } 
 .bx dl>dt, .bx dl>dt { padding:15px; } 
 .bx dl>dt b, .bx dl>dt b { font-size:22px; float:left; width:100%; } 
 .bx dl>dt>span i, .bx dl>dt>span i { font-size:15px; } 
 /* .bx dl>dt>span:first-child em, .bx dl>dt>span:first-child { flex-direction: column; } */
 
 ./*bx dl>dt>span:first-child, .bx dl>dt>span:first-child { flex-direction: column; gap:10px; margin-bottom:10px; } */
 .bx dl>dt>span:first-child em, .bx dl>dt>span:first-child em { width:100%; display:block; } 
 .bx dl>dt>span:first-child a, .bx dl>dt>span:first-child a { margin:unset; margin-right:5px; } 
 .bx dl>dt>span:first-child .reset { float:left; margin-right:0; } 
 .bx dl>dt>span:first-child i {width: 88%; margin: 0;} 
 .bx dl>dt>span:first-child .excel,
 .bx dl>dt>span:first-child .down,
 .bx dl>dt>span:first-child .full { float:right; } 
 .bx dl>dt>span:first-child .excel { margin-right:0; } 
 
 .bx dl>dt>span.ttab button, 
 .s-all-wrap button{ font-size:14px; } 
 .bx dl>dt>span.ttab .ttab-pop .pop-more-wrap { width: calc(100% - 29px); top:105px; } 
 .bx dl>dt>span.ttab .ttab-pop .pop-more-wrap .pop-more-cont { display:grid; grid-template-columns: repeat(2, 1fr); gap:5px; padding:10px; } 
 .bx dl>dt>span.ttab .ttab-pop .pop-more-wrap .pop-more-cont .btn-tab-d2 { width:unset; max-width: unset; margin:unset; } 

 .bx dl>dt>.c-wrap { flex-direction: column; } 
 .bx dl>dt>.c-wrap>.condition-form { display:grid; grid-template-columns: repeat(2, 1fr); } 
 .bx dl>dt>.c-wrap>.condition-form .selectBox2 { max-width:unset!important; } 
 .selectBox2 .optionItem { font-size:12px; } 
 .selectBox2 .label span { font-size:12px; } 
 
 select.sel-2 {min-width: 90px !important; height: 38px !important;}
.srch, .srch {width: 100%; height: 38px; margin: 10px 0 0 0; font-size: 14px;}

 .form-wrap .fw-tit { margin-bottom:0; } 
 .grh.type-2 .inner-search .is-row .column { width:50%; } 
 .grh.type-2 .inner-search .is-row .column .button-area { justify-content: end; width:100%; } 
 .grh.type-2 .inner-search .is-row .column .form-wrap { width:100%; } 
 .grh.type-2 .inner-search .is-row .column .form-wrap select { width:100%; } 
 .grh.type-2 .inner-search .is-row .column.long .form-wrap .fw-box .date { width:100%; } 

 .t-area .l {width: 30%;}
 .t-area .c {width: 70%;}
 .t-area .r {width: 100%; margin: 20px 0 0;}
 .t-area.t-2 { display:flex; flex-wrap: wrap; } 
 .t-area.t-2 .l { } 
 .t-area.t-2 .c { position:relative; width:calc(100% - 100px); } 
 .t-area.t-2 .r { position:relative; right:unset; width:100%; flex:100%; margin-top:10px; } 
 
 .bx dl>dt>span.ttab {overflow: auto;}
 .bx dl>dt>span.ttab button, 
 .s-all-wrap button {min-width: auto; height:38px; padding: 0 10px;}
 .bx dl>dt>span.ttab .swiper-menu {width: 80%; padding-right: 30px;}
 .bx dl>dt>span.ttab .swiper-menu:after {display: block;}
 .bx dl>dt>span.ttab .swiper-menu-arrow-box {display: flex; right: 0; gap: 5px; display: none;}
 .bx dl>dt>span.ttab .swiper-menu-arrow {width: 35px; height: 35px;}
 .bx dl>dt>span.ttab .s-all-btn {width: 35px; height: 35px;}
 
 .bx dl>dt>span:first-child, .bx dl>dt>span:first-child {flex-wrap: wrap; gap: 10px;}
 .bx dl>dt>span:first-child em, 
 .bx dl>dt>span:first-child em {flex-wrap: wrap; justify-content: flex-start; gap: 10px;}
 .bx dl>dt>span:nth-child(3),
 .bx dl>dt>span:nth-child(4) {width: 100%; max-width: 100%;}
 }


/************************************************************************************/
/************************************ 서브메인(S) ************************************/
/************************************************************************************/


.sub-page-main .tab-cont-wrap-d1 .tab-cont-d1 { display:Block!important; } 
.sub-page-main .tab-cont-wrap-d2 .tab-cont-d2 { display:Block!important; } 
.sub-page-main .bx { box-shadow:none!important; background:#F4F7FC!important} 
.sub-page-main .bx dl>dt { border-bottom:0; } 
/*.sub-page-main .bx dl>dt>span.ttab .tbwd-d2-wrap { width:100%; } */
.sub-page-main .bx dl>dd { padding: 22px; } 
.sub-cont-main { width:100%; height:auto; } 
.scm-banner { padding:30px 0; text-align:center; } 
.scm-banner .scm-title-01 { font-size:28px; font-weight:bold; color:#0099FF; } 
.scm-banner .scm-text-01 { font-size:18px; color:#838383; line-height:24px; margin-top:10px; } 

.scm-content { width:100%; } 
.scm-content .scm-cont-wrap{width:100%; height:auto; margin-bottom:20px;}
.scm-content .scm-cont-wrap:last-child{margin-bottom:0;}
/*.scm-content .scm-cont-wrap .title-box{margin-bottom:20px;}*/
.scm-content .scm-cont-wrap .title-box{margin-bottom:0px;}
.scm-title-01 { display:flex; justify-content: center; color: #202431; align-items: center; font-size: 20px; font-weight: bold; margin-bottom:10px;} 
.scm-title-01 .btn-re { display:inline-block; width:25px; height:25px; background:url(../img/icon-re.svg) center no-repeat; background-size:contain; margin: 0 5px 0 20px; } 
.scm-title-01 span { font-size:16px; font-weight:normal; } 
.scm-sub-01{font-size:12px;}

.scm-col-wrap{width:100%; height:auto; display:grid; grid-template-columns: repeat(2, 1fr); gap:20px;}
.scm-col-wrap > .scm-col{width:100%; padding:0px 0; position:relative;}
.scm-col .title-box{padding:0 15px; width:100%; height:60px; display:flex; align-items: center; justify-content: start;}
.scm-col .title-box .scm-tit-01{font-size:18px; display: flex; align-items: center; justify-content: start; font-weight:bold;}
.scm-col .title-box .scm-tit-01::before{content:''; width:30px; height:30px; margin-right:5px; background-size:contain;}
.scm-col .title-box .scm-tit-01 .st-sub {margin-right: 5px;}
.scm-col-wrap > .scm-col > .title-box{padding:0 0; height:auto; border-bottom:0; }

.scm-col.cow .title-box .scm-tit-01::before{background:url(../img/tit-cow_new.png) center no-repeat; background-size:contain;}
.scm-col.pig .title-box .scm-tit-01::before{background:url(../img/tit-pig_new.png) center no-repeat; background-size:contain;}
.scm-col.chicken .title-box .scm-tit-01::before{background:url(../img/tit-chicken_new.png) center no-repeat; background-size:contain;}
.scm-col.egg .title-box .scm-tit-01::before{background:url(../img/tit-egg_new.png) center no-repeat; background-size:contain;}
.scm-col.cart .title-box .scm-tit-01::before{background:url(../img/icon-cart.svg) center no-repeat; background-size:contain;}
.scm-col.face .title-box .scm-tit-01::before{background:url(../img/tit-person_new.png) center no-repeat; background-size:contain;}
.scm-col.duck .title-box .scm-tit-01::before{background:url(../img/tit-duck_new.png) center no-repeat; background-size:contain;}
.scm-col.cow .title-box .scm-tit-01 .st-sub{color:#CB6F10;}
.scm-col.pig .title-box .scm-tit-01 .st-sub{color:#FA5C63;}
.scm-col.chicken .title-box .scm-tit-01 .st-sub{color:#FF0000;}
.scm-col.egg .title-box .scm-tit-01 .st-sub{color:#FAA33C;}
.scm-col.duck .title-box .scm-tit-01 .st-sub{color:#b96601;}

/* scm-content ver2(width 50%) */
.scm-content2 {display: flex; flex-wrap: wrap; justify-content: space-between;}
.scm-content2 .scm-cont-wrap {width: calc(50% - 10px); flex-wrap: wrap;}
.scm-content2 .scm-col-wrap {display: block;}

.scm-total{border:1px solid #F1F2F4; border-radius:10px; background:#ffffff; box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.15); position:relative;}
.scm-total .scm-cont{width:100%; height:auto;  padding:15px 15px;}
.scm-total > .title-box{border-bottom:1px solid #F1F2F4;}
.scm-total .scm-cont .sc-split{display:flex; align-items: center; gap:15px; width:100%;}
.scm-total .scm-cont .sc-split > .sc-item{width:100%; height:200px; text-align:center;}
.scm-total .scm-cont .sc-split > .sc-item .sib-tit-01 {font-size: 22px; font-weight: bold; margin-bottom: 10px;}
.scm-total .scm-cont .sc-split > .sc-item .sib-text-02 {font-size: 16px; margin-bottom: 10px; color: #838383;}
.scm-total .scm-cont .sc-split > .sc-item .sib-text-02 span {color: #191919;}
.scm-total .scm-cont .sc-from{font-size:12px; text-align:right; margin-top:15px;}

/* 소비 메인 소비채널별 구매비중 추가 */
.scm-total .scm-cont .sc-split > .sc-itemc{width:100%; height:372px; text-align:center;}
.scm-total .scm-cont .sc-split > .sc-itemc .sib-tit-01 {font-size: 22px; font-weight: bold; margin-bottom: 10px;}
.scm-total .scm-cont .sc-split > .sc-itemc .sib-text-02 {font-size: 16px; margin-bottom: 10px; color: #838383;}
.scm-total .scm-cont .sc-split > .sc-itemc .sib-text-02 span {color: #191919;}
/* .scm-total .scm-cont .sc-from{font-size:12px; text-align:right; margin-top:15px;} */

.scm-total > .title-box .btn-startstopplay{display:inline-block; background:url(../img/btn-best-stop.svg) center no-repeat; width:30px; height:30px; background-size:cover; position:absolute; right:40px; transform:translateY(-10%);}
.scm-total > .title-box .btn-startstopplay.on{background:url(../img/btn-best-play.svg) center no-repeat;}

.scm-slider{width:100%; box-sizing:border-box;}
.scm-slider .swipe-wrap{overflow:visible;}
.scm-slider .swipe-wrap .scm-slide-item{width:100%; height:180px;   background:#ffffff;  border:1px solid #dddddd; border-radius:10px; padding:20px 40px; text-align:left;}
.scm-slider .swipe-wrap .swiper-slide.bg-01 .scm-slide-item{background:#ffffff url(../img/scm-slide-bg-01.svg) bottom no-repeat; background-size:contain;}
.scm-slider .swipe-wrap .swiper-slide.bg-02 .scm-slide-item{background:#ffffff url(../img/scm-slide-bg-02.svg) bottom no-repeat; background-size:contain;}
.scm-slider .swipe-wrap .swiper-slide.bg-03 .scm-slide-item{background:#ffffff url(../img/scm-slide-bg-03.svg) bottom no-repeat; background-size:contain;}

.scm-slider .swipe-wrap .scm-slide-item .ss-tit-01{color:#7E84A3; font-size:16px; margin-bottom:10px;}
.scm-slider .swipe-wrap .scm-slide-item .ss-result-01{color:#131523; font-size:28px; font-weight:bold; margin-bottom:10px;}
.scm-slider .swipe-wrap .scm-slide-item .ss-result-01 span{font-size:20px;}
.scm-slider .swipe-wrap .scm-slide-item .ss-num{color:#131523; font-size:16px; font-weight:bold;}
.scm-slider .swipe-wrap .scm-slide-item .ss-num span{font-size:12px; color:#7E84A3;}
.scm-slider .swipe-wrap .scm-slide-item .ss-num.up{color:#FF0000;}
.scm-slider .swipe-wrap .scm-slide-item .ss-num.low{color:#004EA4;}
.card-loading{position:absolute; width:100%; height:100%; top:0; left:0; display:flex; align-items:center; justify-content:center; background:rgba(255, 255, 255, 0.7); z-index:99;}

/* 소 클릭했을때 */


/*** 유통 메인(S) ***/

/* 부분육경락가격 & 식육포장가격 */
.sc-item .sc-chart .mn-chart-box{ display:grid; grid-template-columns: repeat(2, 1fr); gap:10px;}
.sc-item .sc-chart .mn-chart-box .animal-part{flex-direction: column;}
.sc-item .sc-chart .mn-chart-box .animal-part .encycl_cont{width:80%;}
.sc-item .sc-chart .mn-chart-box .ani-tit-box{display:flex; align-items: center; font-size:16px; font-weight:Bold; margin-top:20px; gap:10px;}
.sc-item .sc-chart .mn-chart-box .ani-tit-box .ani-tit{color:#0099FF;}
.sc-item .sc-chart .mn-chart-box .ani-tit-box .ani-num{}
.sc-item .sc-chart .mn-chart-box .ani-tit-box .ani-num span{font-size:13px;}
.sc-item .sc-chart .mn-chart-box .animal-data .bar-graph-wrap .bgw-item .at-tit-01{text-align:left; font-size:14px;}
.sc-item .sc-chart .mn-chart-box .chart-big{display:inline-block; width:100%; height:30px; line-height:28px; border-radius:5px; color:#ffffff; background:#2870E9; font-size:13px;}
.scm-total .tab-wrap{border-radius:0; padding-top:0;}
.scm-total .mn-btn-box .btn-mn{padding:8px 12px;  width:auto; font-size: 15px;}
.scm-cont-wrap.ani-wrap .scm-total .scm-cont .sc-split > .sc-item{height:220px;}
.scm-cont-wrap.ani-wrap .animal-data .bar-graph-wrap{height:auto; margin-top:20px; margin-bottom:10px;}
/* 부분육경락가격 & 식육포장가격 */
/*** 유통 메인(E) ***/

/*** 소비 메인(S) ***/
.scm-cont-wrap.scw-01{}
.scm-cont-wrap.scw-01 .scm-col-wrap{display:flex; }
.scm-cont-wrap.scw-01 .scm-col-wrap .scm-col:nth-child(1){flex:3;}
.scm-cont-wrap.scw-01 .scm-col-wrap .scm-col:nth-child(2){flex:1; height:100%;}
.scm-cont-wrap.scw-01 .scm-col-wrap .scm-total .scm-cont .sc-split > .sc-item{height:372px;}
.scm-cont-wrap.scw-01 .scm-col-wrap .scm-col:nth-child(2) .scm-total .scm-cont .sc-split > .sc-item{height:470px;}

.sc-info{width:100%; height:100%; display: flex; align-items: center;  padding:15px;}
.sc-info .sc-info-box{display: flex; align-items: center; justify-content: start; flex-direction: column; width:100%; gap:20px;}
.sc-info .sc-info-box li{ width:100%; display: flex; align-items: center; flex-direction: column; width:100%;}
.sc-info .sc-info-box li .sib-tit-01{font-size:16px; width:100%;  text-align:left; margin-bottom:10px;}
.sc-info .sc-info-box li .sib-text-01{font-size:16px;  width:100%; text-align:left;}
.sc-info .sc-info-box li.sci-01 .sib-text-01{font-size:18px; }
.sc-info .sc-info-box li.sci-01 .sib-text-01 span{font-size:22px; font-weight:bold;}
.sc-info .sc-info-box li.sci-02 .sib-tit-01 span{color:#0099FF; }
.sc-info .sc-info-box li.sci-02 .sib-text-01{font-size:18px;}
.sc-info .sc-info-box li.sci-02 .sib-text-01 span{font-size:22px; font-weight:bold; }
.sc-info .sc-info-box li.sci-02 .sib-text-01 span:nth-child(1){color:#0099FF; margin-right:5px;}
/*** 소비 메인(E) ***/

/*** 가격 메인(S) ***/
.scm-cont-wrap.scw-price-01{}
.scm-cont-wrap.scw-price-01 .scm-total .scm-cont .sc-split > .sc-item{height:auto;}
.scm-cont-wrap.scw-price-01 .swc-item .si-bottom .sb-split > li .sib-tit-num{text-align:left;}
.scm-cont-wrap.scw-price-01 .swc-item > .si-cont-wrap{padding:0;}
.scm-cont-wrap.scw-price-01 .swc-item .si-content{margin-bottom:15px;}
.scm-cont-wrap.scw-price-01 .swc-item.bottom .si-content .sic-chart{height:170px;}


/*** 가격 메인(E) ***/


@media screen and (max-width: 1050px){
    .sub-page-main .bx dl>dt{padding:0 5px;}
    .sub-page-main .bx dl>dd{padding:0 5px;}
    .scm-banner .scm-title-01{font-size:18px;}
    .scm-banner .scm-text-01{font-size:14px;}
    .scm-col .title-box{height:40px;}
    .scm-title-01{font-size:14px;}
    .scm-title-01 span{font-size:12px;}
    .scm-col-wrap{    grid-template-columns: repeat(1, 1fr); gap:10px;}
    .scm-col .title-box .scm-tit-01::before{width:20px; height:20px;}
    .scm-col .title-box .scm-tit-01{font-size:13px;}
    .scm-total .scm-cont .sc-split{gap:15px;}
    .scm-total .scm-cont .sc-from{font-size:10px;}
    .scm-sub-01{font-size:10px;}
    .scm-slider .swipe-wrap .scm-slide-item .ss-tit-01{font-size:13px;}
    .scm-slider .swipe-wrap .scm-slide-item .ss-result-01{font-size:16px;}
    .scm-slider .swipe-wrap .scm-slide-item .ss-result-01 span{font-size:12px;}
    .scm-slider .swipe-wrap .scm-slide-item .ss-num{font-size:13px;}
    .scm-slider .swipe-wrap .scm-slide-item .ss-num span{font-size:10px; font-weight:normal;}

    .scm-cont-wrap.ani-wrap .scm-total .scm-cont:first-child .sc-split > .sc-item{height:auto; border:2px solid red;}
    /* .scm-cont-wrap.ani-wrap > .scm-col:nth-child(1)  */
    .scm-cont-wrap.ani-wrap .scm-col:nth-child(1) .sc-split > .sc-item{height:auto; }


    .scm-cont-wrap .title-box.j-sb{flex-direction: column; height:auto; padding:10px; }
    .scm-cont-wrap .title-box.j-sb .scm-tit-01{width:100%; text-align:left;}
    .scm-cont-wrap .title-box.j-sb .mn-btn-box.tab-wrap{width:100%; text-align:right; margin-top:10px;}
    
    .scm-cont-wrap .title-box.j-sb .btn-startstopplay{display:inline-block; background:url(../img/btn-best-stop.svg) center no-repeat; width:30px; height:30px; background-size:cover; position:absolute; right:40px; transform:translateY(-16%);}
    .scm-cont-wrap .title-box.j-sb .btn-startstopplay.on{background:url(../img/btn-best-play.svg) center no-repeat;}

    .scm-cont-wrap.scw-01 .scm-col-wrap{flex-direction: column;}
    .scm-cont-wrap.scw-01 .scm-col-wrap .scm-total .scm-cont .sc-split > .sc-item{height:200px;}
}

@media screen and (max-width: 780px){
    .scm-total .scm-cont .sc-split{flex-direction: column;}
    .scm-cont-wrap.ani-wrap .sc-item .sc-chart .mn-chart-box{ grid-template-columns: repeat(1, 1fr);}
    .scm-cont-wrap.ani-wrap .sc-item .sc-chart .mn-chart-box .chart{height:auto;}
    .sc-info{padding:0;}
    .sc-info .sc-info-box li .sib-tit-01{font-size:14px;}
    .sc-info .sc-info-box li.sci-01 .sib-text-01{font-size:16px;}
    .sc-info .sc-info-box li.sci-01 .sib-text-01 span{font-size:18px;}
    .sc-info .sc-info-box li.sci-02 .sib-text-01 span{font-size:18px;}
    
    /* scm-content ver2(width 50%) */
	.scm-content2 {display: block;}
	.scm-content2 .scm-cont-wrap {width: 100%;}
}


/************************************************************************************/
/************************************ 서브메인(E) ************************************/
/************************************************************************************/



















/*************************************************************/
/****************** 수급예측 >> 수급경보(S) ******************/
/*************************************************************/

.subcont { /* z-index:1; */
 /* width:100%; */
 /* max-width:1600px; */
 /* padding:103px 40px 43px; */
 width: 100%; height: auto; } 
 
 .subcont h4 { font-size: 16px; margin-bottom: 20px; } 
 
 .subcont .subbtm { margin-bottom: 0 !important; } 
 
 .subcont .subbtm,
 .subcont .subtop { margin-bottom: 40px; align-items: center; display: flex; height: 46px; } 
 
 .subcont .subtop>dt { display: flex; } 
 
 .subcont .subtop>dt>span { display: flex; align-items: center; } 
 
 .subcont .subtop>dt>span:nth-child(1) { font-size: 28px; font-weight:bold; } 
 
 .subcont .subtop>dt>span:nth-child(2) { margin-left: 20px; font-size: 22px; } 
 
 .subcont .subtop>dt>i { display: flex; align-items: center; font-size: 22px; color: #787878; margin-left: 5px;} 
 
 .subcont .subbtm>dd,
 .subcont .subtop>dd { flex: 1; } 
 
 .subcont .subtop>dt,
 .subcont .subbtm>dd { display: flex; justify-content: flex-end; } 
 
 .subcont .subtop>dd { display: flex; font-size: .875rem; align-items: center; justify-content: flex-end; } 
 
 .subcont .subbtm>dd>a,
 .subcont .subtop>dd>a { color: #005DAA; padding: 0 8px; font-weight: 700; min-width: 240px; margin-left: 20px; line-height: 46px; text-align: center; border-radius: 10px; background: #E6EFF5; display: inline-block; box-shadow: 10px 10px 20px 0px rgba(0, 0, 0, 0.10); } 
 
 .subcont .subtop+.fix .box { display: flex; align-items: center; } 
 
 .subcont .subtop+.fix .base>span { margin-top: 0; } 
 
 .subcont .subtop+.fix .over:after { content: unset; } 
 
 .subcont .subtop+.fix .over { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; } 
 
 .subcont .subtop+.fix .over,
 .subcont .subtop+.fix .over>span { color: #191919; } 
 
 .subcont .subtop+.fix .over>span>i { color: #fff; width: 24px; margin: 0 4px; font-weight: 400; font-size: .87rem; line-height: 24px; border-radius: 50%; text-align: center; display: inline-block; } 
 
 .subcont .subtop+.fix .over>span b.red { color: red; } 
 
 .subcont .subtop+.fix .over>span>i.t { background: #E1474E; } 
 
 .subcont .subtop+.fix .over>span>i.c { background: #EA7251; } 
 
 .subcont .subtop+.fix .over>span>i.b { background: #EFC047; } 
 
 .subcont .subtop+.fix .over>span>b.u:after { content: '\2191'; } 
 
 .subcont .subtop+.fix .over>span>i:first-child { margin-left: 10px; } 
 
 .subcont .subtop+.fix .over>span:nth-child(1) { display: flex; font-weight: 700; margin-bottom: 5px; font-size: 18px; align-items: center; } 
 
 .subcont .subtop .refresh { width: 26px; height: 26px; margin-left: 5px; display: inline-block; vertical-align: middle; background: url(../img/icon-re.svg) 100% 0 no-repeat; } 
 
 .subcont .innr { display: flex; } 
 
 .subcont .innr .ti { color: #000; height: 50px; display: flex; flex: 0 0 50px; font-weight: 700; font-size: 1.125rem; align-items: center; justify-content: center; border-radius: 8px 8px 0 0; } 
 
 .subcont .innr .ti.l { background: #98cdf0; } 
 
 .subcont .innr .ti.c { background: #bbe2fb; } 
 
 .subcont .innr .ti.s { background: #d0e6f4; } 
 
 .subcont .innr .ti.dis { background: #c9e9d5; border-radius: 0; font-weight: 600; } 
 
 .subcont .innr .state { width: 60%; height: 100px; display: flex; margin: 0 auto; position: relative; align-items: center; justify-content: center; } 
 
 /* .subcont .innr .state>i { flex: 0 0 100px; padding-top: 30px; font-size: .875rem; position: relative; text-align:center; } */
 .subcont .innr .state>i { flex: 100%; padding-top: 30px; font-size: .875rem; position: relative; text-align:center; } 
 
 .subcont .innr .state>i:before { top: 0; left: 0; content: ''; height: 10px; width: 100%; position: absolute; font-size: .875rem; display: inline-block; box-sizing: border-box; } 
 
 /* .subcont .innr .state>i:nth-child(3) { text-align: center; } */
 /* */
 /* .subcont .innr .state>i:nth-child(4) { text-align: right; } */
 
 .subcont .innr .state>i:nth-child(2):before { background: #DF4950; border-radius: 15px 0 0 15px; } 
 
 .subcont .innr .state>i:nth-child(3):before { background: #EA7251; } 
 
 .subcont .innr .state>i:nth-child(4):before { background: #EFC047; border-radius: 0 15px 15px 0; } 
 
 .subcont .innr .state>i.bar { position: absolute; /* margin-left: -15px; */ top: 18px; display: flex; align-items: center; width:28px; height:28px; } 
 
 .subcont .innr .state>i.bar:before { z-index: 1; content: ''; width: 28px; height: 28px; background: #fff; border-radius: 50%; display: inline-block; box-sizing: border-box; border: 3px solid #DF4950; } 
 
 .subcont .innr .state>i.bar:after { top: 2px; left:50%; content: ''; z-index: 7; width: 12px; height: 12px; position: absolute; border-radius: 50%; background: #DF4950; display: inline-block; box-sizing: border-box; transform: translate(-50%, 50%); } 
 
 .subcont .innr .state>i.bar.c2:before { border: 3px solid #EA7251; } 
 
 .subcont .innr .state>i.bar.c2:after { background: #EA7251; } 
 
 .subcont .innr .state>i.bar.c3:before { border: 3px solid #EFC047; } 
 
 .subcont .innr .state>i.bar.c3:after { background: #EFC047; } 
 
 .subcont .innr .bx>div.l { min-height: 150px; }
 .subcont .innr .bx>div.byDiv { min-height: 132px; } 
 .subcont .innr .bx>div.byDiv > textarea.alertMsg { min-height: 120px; font-size:15px; line-height:20px;}
 
 .subcont .innr .bx>div.l p { font-size:14px; font-weight:bold; line-height:18px; } 
 
 .subcont .innr .bx>div { padding: 12px; min-height: 90px; border-top: 1px solid #ebebeb; } 
 
 .subcont .innr .bx>div p { font-size:14px; line-height:18px; font-weight:bold; } 
 
 .subcont .innr .bx>div>ul { margin-top: 4px; line-height: 1.4; font-size: .875rem; } 
 
 .subcont .innr .bx>div>ul>li { margin-left: 6px; position: relative; padding-left: 12px; font-size:12px; } 
 
 .subcont .innr .bx>div>ul>li:before { content: ''; left: 0; top: 6px; width: 5px; height: 5px; position: absolute; border-radius: 50%; background: #191919; display: inline-block; vertical-align: middle; } 
 
 .subcont .innr .bx>p { font-size: 14px; } 
 
 .subcont .innr .bx>b { height: 50px; display: flex; font-weight: 400; font-size: 18px; align-items: center; justify-content: center; border-top: 1px solid #ebebeb; } 
 
 .subcont .innr .bx.plan>b { background: #ecf8f0; } 
 
 .subcont .innr .bx.plan>div { min-height: 150px; } 
 
 .subcont .innr>dt { width: 100%; margin: 10px 0; text-align: left; font-weight: 700; font-size: 24px; } 
 
 .subcont .innr>dd { width: 100%; background: #fff; min-height: 500px; border-radius: 15px; box-shadow: 10px 10px 10px #ddd; padding: 40px;} 
 
 .subcont .innr>dd>ul { gap: 10px; display: flex; flex-wrap: wrap; justify-content: space-between; } 
 
 .subcont .innr>dd>ul>li { flex: 1; min-width: calc(33.33% - 10px); border: 1px solid #ebebeb; border-top: none; border-radius: 8px;} 
 
 .subcont .colwrap,
 .subcont .row { gap: 20px; display: flex; flex-wrap: wrap; margin-bottom: 30px; justify-content: space-between; } 
 
 .subcont .box { flex: 1; height: 678px; overflow: hidden; position: relative; border-radius: 15px; background-color: #fff; transition: transform .5s; min-width: calc(33.33% - 30px); box-shadow: 10px 10px 10px #ddd; } 
 
 .subcont .box .over { top: 0; width: 100%; right: -100%; height: 100%; display: flex; padding: 0 40px; position: absolute; align-items: center; justify-items: center; background: rgba(256, 256, 256, 1); transition: transform 0.5s ease; } 
 
 .subcont .box .over:after { content: ''; right: 40px; width: 72px; height: 72px; position: absolute; border-radius: 50%; display: inline-block; background: #F1F2F4 url(../img/ic_next.svg) 50% 50% no-repeat; } 
 
 .subcont .box .over>span { font-size: 1rem; color: #000; } 
 
 .subcont .box .over>span>b { color: #333; } 
 
 .subcont .box:hover .over { cursor: pointer; transform: translateX(-100%); } 
 
 .subcont .box:hover .over>span>b { font-size: 14px; } 
 
 .subcont .fix .box { font-size: 1.125rem; height: 110px; padding: 15px; } 
 
 .subcont .fix .box:nth-child(1) .base>span { background: url(../img/ic_sub_1.svg) 20px 0 no-repeat; } 
 
 .subcont .fix .box:nth-child(2) .base>span { background: url(../img/ic_sub_2.svg) 20px 0 no-repeat; } 
 
 .subcont .fix .box:nth-child(3) .base>span { background: url(../img/ic_sub_3.svg) 20px 0 no-repeat; } 
 
 .subcont .fix .base { display: flex; flex-direction: column; } 
 
 .subcont .fix .base>i { text-align: right; color: #191919; display: block; } 
 
 .subcont .fix .base>i>em { color: #000000; font-style: normal; } 
 
 .subcont .fix .base>span { height: 60px; color: #000; margin-top: 5px; font-size: 14px; line-height: 16px; padding-left: 104px; } 
 
 .subcont .fix .base>span>b { display: block; color: #191919; font-size: 20px; line-height: 24px; margin: 8px 0 4px 0; font-weight:bold; } 
 
 
 .subcont .subbtm>dd>a, .subcont .subtop>dd>a { font-size:14px; } 
 

 
 @media screen and (max-width: 1050px) { 
 .subcont .subbtm, .subcont .subtop { flex-direction: column; gap:20px; height:auto; } 
 .subcont .subbtm>dd>a, .subcont .subtop>dd>a { min-width:auto; margin-left:10px; } 
 .subcont .colwrap, .subcont .row { margin-top:20px; } 
 .subcont .subtop>dt { width:100%; justify-content: start; } 
 .subcont .subtop>dd { font-size:12px; width:100%; } 
 .subcont .subtop+.fix .box { flex:100%; } 
 .subcont .fix .base>span { font-size:12px; } 
 .subcont .fix .base>span>b { font-size:13px; font-weight:bold; } 
 .subcont .subtop+.fix .over>span>i { font-size:13px; } 
 .subcont .subtop+.fix .over>span:nth-child(1) { font-size:13px; } 
 
 
 .subcont .innr>dt { font-size:14px; } 
 .subcont .innr .ti { font-size:16px; } 
 .subcont .innr .bx>b { font-size:14px; } 
 .subcont .innr .bx>div.l p { font-size:12px; } 
 .subcont .innr>dd>ul>li { flex:100%; font-size:12px; } 
 .subcont .innr .bx>div>ul>li { font-size:12px; } 
 
 .subcont .subbtm>dd>a, .subcont .subtop>dd>a { font-size:12px; line-height:30px; } 
 
 }
 /*************************************************************/
 /****************** 수급예측 >> 수급경보(E) ******************/
 /*************************************************************/
 
 
 
 
 
 
 
 
 
 
 
 /*********************************************************/
 /****************** 팝업 내부 스타일(S) ******************/
 /*********************************************************/
 
 
 /* 팝업 내부스타일 */
 .popup { top:50%; left:50%; z-index:100; display:none; padding:25px; position:fixed; border-radius:15px; border:0 !important; border:1px solid #ccc; background-color: #fff; width:calc(100% - 300px); height:calc(100% - 40px); box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.15); transform: translate(-50%, -50%); z-index:999 } 
 /* { overflow:hidden; } */
 /* .submain { z-index:10; opacity:.3; background:#ccc; } */
 .popup dt { position:relative; display:flex; align-items:center; } 
 .popup dt>i { color:#767676; margin-left:10px; font-size:14px; } 
 .popup dt>h4 { font-size:18px; margin-right:20px; font-weight:bold; } 
 .popup dt>span { font-size:14px; } 
 .popup dt>button { position:absolute; right:0; } 
 .popup a.refresh { width:26px; height:26px; margin-left:10px; text-indent:-9999px; display:inline-block; vertical-align:middle; background:url(../img/icon-re.svg) 100% 0 no-repeat; } 
 .popup .cont-popup { overflow-y:auto; margin-top:20px; height:calc(100% - 50px); padding:0 10px 50px 10px; } 
 .popup .close-popup { width:20px; height:20px; text-indent:-99999px; background:url(../img/ic_x.svg) 0 0 no-repeat; background-size:contain; } 
 .popup .cont-popup.nemo { font-size:1.125rem; } 
 .popup .cont-popup.nemo i { width:17px; height:17px; border-radius:50%; display:inline-block; vertical-align:middle; } 
 .popup .cont-popup.nemo i.t { background:#EFC047; } 
 .popup .cont-popup.nemo i.c { background:#EA7251; } 
 .popup .cont-popup.nemo i.b { background:#E1474E; } 
 /*.popup .cont-popup.nemo div { margin-bottom:20px; }*/ 
 .popup .cont-popup.nemo b { display:inline-block; margin-bottom:8px; font-size:14px; } 
 .popup .cont-popup.nemo b:before { content:''; width:10px; height:10px; margin-right:8px; display:inline-block; border:1px solid #000; vertical-align:middle; } 
 .popup .cont-popup.nemo span { display:inline-block; margin-bottom:8px; font-size:14px; } 
 .popup .cont-popup.nemo li { margin:0 0 6px 10px; font-size:14px; } 
 .popup .cont-popup.nemo li:not(.n):before { content:''; width:5px; height:5px; background:#000; margin-right:6px; border-radius:50%; display:inline-block; vertical-align:middle; } 
 .popup .poptb { width:100%; border-spacing:0px; table-layout:fixed; border-collapse:collapse; *border-collapse:collapse; margin-top:0; } 
 .popup .poptb tbody>tr>td { height:50px; color:#191919; font-size:14px; text-align:left; vertical-align:top; border:1px solid #ebebeb; padding:10px; line-height:normal;} 
 .popup .poptb tbody>tr>th { height:50px; color:#191919; font-weight:400; text-align:center; font-size:14px; font-weight:bold; border:1px solid #ebebeb; font-weight:bold; padding:10px; } 
 .popup .poptb thead>tr>th.l { background:#98cdf0; } 
 .popup .poptb thead>tr>th.c { background:#bbe2fb; } 
 .popup .poptb thead>tr>th.s { background:#d9f0ff; } 
 .popup .poptb thead>tr>th>span { display:block; font-size:14px; font-weight:400; margin-top:5px; } 
 .popup .poptb thead>tr>th,
 .popup .poptb tbody>tr>td:last-child { border-right:0 } 
 .popup .poptb thead>tr>th { height:40px; font-size:14px; border:1px solid #ebebeb; font-weight:bold; } 
 .popup .poptb thead>tr>td { height:40px; font-size:14px; border:1px solid #ebebeb; } 
 .popup .poptb ul>li { margin-left:6px; position:relative; padding-left:12px; } 
 .popup .poptb ul>li:before { content:''; left:0; top:6px; width:5px; height:5px; position:absolute; border-radius:50%; background:#191919; display:inline-block; vertical-align:middle; } 
 .popup .state { width:100%; height:100px; display:flex; margin:0 auto; position:relative; align-items:center; justify-content:center; } 
 .popup .state>i { flex:0 0 33.33%; padding-top:30px; font-size:.875rem; position:relative; } 
 .popup .state>i:before { top:0; left:0; content:''; height:10px; width:100%; position:absolute; font-size:.875rem; display:inline-block; box-sizing:border-box; } 
 .popup .state>i:nth-child(3) { text-align:center; } 
 .popup .state>i:nth-child(4) { text-align:right; } 
 .popup .state>i:nth-child(2):before { background:#DF4950; border-radius:15px 0 0 15px; } 
 .popup .state>i:nth-child(3):before { background:#EA7251; } 
 .popup .state>i:nth-child(4):before { background:#EFC047; border-radius:0 15px 15px 0; } 
 .popup .state>i.bar { position:absolute; margin-left:-15px; top:-12px; } 
 .popup .state>i.bar:before { z-index:1; content:''; width:28px; height:28px; background:#fff; border-radius:50%; position:relative; display:inline-block; box-sizing:border-box; border:3px solid #DF4950; } 
 .popup .state>i.bar:after { top:50%; left:50%; content:''; z-index:10; width:12px; height:12px; position:absolute; border-radius:50%; background:#DF4950; display:inline-block; box-sizing:border-box; transform:translate(-50%, 58%); } 
 .popup .state>i.bar.c2:before { border:3px solid #EA7251; } 
 .popup .state>i.bar.c2:after { background:#EA7251; } 
 .popup .state>i.bar.c3:before { border:3px solid #EFC047; } 
 .popup .state>i.bar.c3:after { background:#EFC047; } 
 
 /* 수급분석실 팝업 */
 .popup .pop-qlik {padding: 85px 0 15px; text-align: center;}
 .popup .pop-qlik p {margin-bottom: 88px; font-size: 22px; line-height: 38px;}
 .popup .pop-qlik p strong {font-weight: bold;}
 .popup .pop-qlik ul {display: flex; justify-content: center; gap: 12px;}
 .popup .pop-qlik ul li a {display: flex; justify-content: center; align-items: center; width: 302px; height: 73px; border-radius: 65px; background-color: #f1f1f1; color: #23262f; font-size: 20px;}
 .popup .pop-qlik ul li a.pop-qlik-move {background-color: #053a78; color: #fff; font-weight: bold;}
 
 /* 수급경보 */
 .splyAlertPop1 .cont-popup{padding:0 10px 0px 10px}
 .splyAlertPop1 .cont-popup .poptb{height:100%;}
 
 @media screen and (max-width: 1050px){
 .popup { width:calc(100% - 40px)!important; } 
 }
 
 @media screen and (max-width: 780px){
 .popup .pop-qlik {padding: 0;}
 .popup .pop-qlik p {margin-bottom: 30px; font-size: 18px; line-height: 28px;}
 .popup .pop-qlik ul li a {width: 130px; height: 50px;}
 }
 







/******************************************* 2024.04.19 공급모형 추가(S) *******************************************/

/* 수급동향 >> 월간보고서 >> 팝업(한우공급모형개요, 돼지공금모형개요) */
.popup.shape{max-width:1000px; display:block;}
.popup.shape .cont-popup{padding: 0 10px 10px 10px;}
.shape-content{width:100%; height:auto; background:#F6FBFF; border-radius:15px; padding:20px;}
.shape-wrap{width:100%;  padding:20px; background:#ffffff; border:1px solid #D7D7D7; border-radius:15px; margin-bottom:20px;}
.shape-wrap.bg-blue{background:#F6FBFF; border:1px solid #B6DAF8; }

.shape-para{width:100%; margin-bottom:20px;}
.shape-tit-00{font-size:14px; position:relative; font-weight:Bold; line-height:22px;}
.shape-tit-01{font-size:14px; position:relative; padding-left:20px; font-weight:Bold; line-height:22px; }
.shape-tit-01::before{content:'□'; position:absolute; top:0px; left:0; font-weight:bold;}
.shape-tit-02{font-size:13px; position:relative; padding-left:35px; line-height:18px;}
.shape-tit-02::before{content:''; width:5px; height:5px; border-radius:5px;  background:#000000; position:absolute; top:10px;  left:25px; }
.shape-tit-03{font-size:13px; position:relative; padding-left:45px; line-height:18px;}
.shape-tit-03::before{content:'-'; position:absolute; top:-2px; left:35px; font-weight:bold;}
.shape-tit-04{font-size:13px; position:relative; padding-left:55px; line-height:18px;}
.shape-tit-04::before{content:'*'; position:absolute; top:0px; left:45px; font-weight:bold; }

.shape-img-wrap{width:100%; }
.shape-img-wrap .shape-img{width:100%; display:flex; align-items: center; justify-content: center; margin-top:15px; }
.shape-img-wrap .shape-img .s-img{border:1px solid #dddddd; border-radius:15px; padding:15px; background:#ffffff; width:100%;}
.shape-img-wrap .shape-img .s-img img{width:100%;}
.shape-img-wrap .shape-img .s-img .s-img-tit{font-size:13px;  font-weight:bold; text-align:center; margin-top:5px;}
.shape-img-wrap .shape-img.col-2{gap:15px;}

.shape-content table.tb-info tr th, 
.shape-content table.tb-info tr td{font-size:14px;}
.shape-content table.tb-info tr th{font-weight:Bold;}
.ps-tit{font-size:12px; line-height:18px; margin-top:10px;}

.shaep-para.bg-blue{background:#EBF5FF; padding:10px; border-radius:15px; margin-top:15px;}
/* .shaep-para.bg-blue .shape-tit-02::before{content:'※';} */
.shaep-para.bg-blue .shape-tit-02::before{top:5px;}
@media screen and (max-width: 1050px) { 
    .shape-content{padding:0;}
    .shape-img-wrap .shape-img.col-2{flex-direction: column;}

}

/******************************************* 2024.04.19 공급모형 추가(E) *******************************************/



















 /*********************************************************/
 /****************** 팝업 내부 스타일(E) ******************/
 /*********************************************************/






 

/***************************************************************/
/****************** 수급분석실 >> 수급실험실(S) ******************/
/***************************************************************/
/** column(S) **/
.column-wrap { width:100%; overflow:hidden; } 
.column-wrap .column { width:100%; float:left; padding:10px; } 
.column-wrap.col1.single .column { width:50%; } 
.column-wrap.col1 .column { width:100%!important; } 
.column-wrap.col2 .column { width:50%; } 
.column-wrap.col3 .column { width:33.33%; } 
.column-wrap.col3 .column:nth-child(3n) { margin-right:0; } 
.column-wrap.col4 .column { width:25%; } 
.column-wrap.col5 .column { width:20%; } 
.column-wrap.col1_9 .cola { width:10%; } 
.column-wrap.col1_9 .colb { width:90%; } 
.column-wrap.col2_8 .cola { width:20%; } 
.column-wrap.col2_8 .colb { width:80%; } 
.column-wrap.col3_7 .cola { width:30%; } 
.column-wrap.col3_7 .colb { width:70%; } 
.column-wrap.col4_6 .cola { width:40%; } 
.column-wrap.col4_6 .colb { width:60%; } 
.column-wrap.col5_5 .cola { width:50%; } 
.column-wrap.col5_5 .colb { width:50%; } 
.column-wrap.col6_4 .cola { width:60%; } 
.column-wrap.col6_4 .colb { width:40%; } 
.column-wrap.col7_3 .cola { width:70%; } 
.column-wrap.col7_3 .colb { width:30%; } 
.column-wrap.col8_2 .cola { width:80%; } 
.column-wrap.col8_2 .colb { width:20%; } 
.column-wrap.col9_1 .cola { width:80%; } 
.column-wrap.col9_1 .colb { width:20%; } 
.column-wrap.split12 { width:100%; } 
.column-wrap.split12 > .column { } 
.column-wrap.split12 > .column.col-1 { width:8.33%; float:left; } 
.column-wrap.split12 > .column.col-2 { width:16.66%; float:left; } 
.column-wrap.split12 > .column.col-3 { width:24.99%; float:left; } 
.column-wrap.split12 > .column.col-4 { width:33.32%; float:left; } 
.column-wrap.split12 > .column.col-5 { width:41.65%; float:left; } 
.column-wrap.split12 > .column.col-6 { width:50%; float:left; } 
.column-wrap.split12 > .column.col-7 { width:58.31%; float:left; } 
.column-wrap.split12 > .column.col-8 { width:66.64%; float:left; } 
.column-wrap.split12 > .column.col-9 { width:74.97%; float:left; } 
.column-wrap.split12 > .column.col-10 { width:83.3%; float:left; } 
.column-wrap.split12 > .column.col-11 { width:91.63%; float:left; } 
.column-wrap.split12 > .column.col-12 { width:100%; float:left; } 


/** column(E) **/


.test-page { width:100%; height:auto; } 
.title-01 { font-size:22px; color:#101010; font-weight:bold; } 
.title-01 { font-size:22px; color:#101010; font-weight:bold; } 
.title-02 { font-size:20px; color:#101010; font-weight:bold; } 
.title-02.special span { margin-right:5px; } 
/*** 콘텐츠(S) ***/
.rc-cont-mid { width: 100%; overflow: hidden; } 

.column-wrap .column { height: 100%; } 

.column-wrap .column .title-box { padding: 0 0px; margin-bottom: 10px; } 

.column-wrap .column .data-box { position: relative; width: 100%; height: 100%; border-radius: 10px; padding: 20px; background: #ffffff; /*box-shadow:#b1b1b1 6px 9px 14px 0px; */
 border: 1px solid #b1b1b1; } 

.column-wrap .column .data-box .title-box { padding-bottom: 10px; border-bottom: 1px solid #D6D6D6; } 

.column-wrap .column .data-box .title-box .title-02 { font-size:16px; line-height:18px; overflow: hidden; white-space: normal; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-break: keep-all;} 

.column-wrap .column .data-box .data-content { width: 100%; height: calc(100% - 50px); padding: 0 5px; } 

.column-wrap .column .data-box .data-content.include-btn { width: 100%; height: calc(100% - 100px); padding: 0 5px; } 

.column-wrap .column .data-box.top-side { position: relative; display: block; } 

.content-wrap .right-content .rc-in .column-wrap .column .data-box .title-box .title-02{font-size:20px; font-weight:600;}



.test-start-01.column-wrap .column .data-content { } 

.test-start-01.column-wrap .column .data-box .paging-box .btn-box, .test-start-01.column-wrap .column .data-box .paging-box .btn-box, .test-start-02.column-wrap .column .data-box .paging-box .btn-box { margin-top: 0; position: absolute; right: 0; right: 20px; } 

.total-btn-box { margin-top: 10px; width: 100%; padding: 0 10px; text-align: center; } 

.total-btn-box .btn-more { display: inline-block; text-align: center; padding: 0 15px; background: #005DAA!important; color: #ffffff!important; border: 1px solid #005DAA!important; font-size: 14px; position: relative; height: 30px; line-height: 28px; align-items: center; border-radius: 5px; font-weight: bold; } 

.total-btn-box .btn-more::before { content: "â–¼"; margin-right: 5px; } 

.filebox { width: 100%; } 

.filebox .upload-name { display: inline-block; height: 35px; padding: 0 10px; vertical-align: middle; border: 1px solid #dddddd; width: calc(100% - 108px); color: #999999; } 

.filebox label { display: inline-block; text-align: center; width: 100px; color: #005DAA; vertical-align: middle; background-color: #E6EFF5; cursor: pointer; height: 35px; line-height: 33px; margin-left: 5px; border-radius: 20px; font-size: 14px; font-weight: bold; text-indent: unset; } 

.filebox input[type="file"] { position: absolute; width: 0; height: 0; padding: 0; overflow: hidden; border: 0; border: 1px solid #ffffff!important; } 

.filebox .btn-file { display: inline-block; text-align: center; width: 100px; color: #005DAA; vertical-align: middle; background-color: #E6EFF5; cursor: pointer; height: 35px; line-height: 33px; margin-left: 5px; border-radius: 20px; font-size: 14px; font-weight: bold; } 

.filebox.btn2 .upload-name { width: calc(100% - 216px); } 

/*** 선택된 데이터(S) ***/
.data-step-products { width: 100%; height: 86px; background: #005DAA; display: flex; align-items: center; justify-content: space-between; padding: 0 20px; } 

/* .data-step-products .fl { border:2px solid red; width:80%; word-break: keep-all; } */
/* .data-step-products .fr { border:2px solid red; width:20%; word-break: keep-all; } */
.data-step-products .step-item { display: inline-block; text-align: center; border-radius: 30px; width: 160px; height: 46px; padding: 0 10px; line-height: 42px; border: 2px dotted #838383; color: #838383; font-size: 16px; font-weight: bold; } 

.data-step-products .step-item.on { background: #ffffff; color: #005DAA; border: 2px solid #005DAA; position: relative; } 

.data-step-products .step-item.on:hover::before { position: absolute; content: '선택 취소'; background: #838383; color: #ffffff; top: 0; left: 0; width: 100%; height: 100%; border-radius: 30px; } 

.data-step-products .btn-step-chk { display: inline-block; text-align: center; border-radius: 5px; width: 150px; height: 46px; line-height: 46px; background: #F7F8F9; border: 2px solid #005DAA; color: #7F90A1; font-size: 16px; font-weight: bold; } 

.data-step-products .btn-step-chk.on { background: #E6EFF5; color: #005DAA; } 

.data-step-products .step-plus { display: inline-block; width: 20px; height: 20px; background: url(/img/step-plus.png) center no-repeat; margin: 0 5px; } 

/*** 선택된 데이터(E) ***/
/*** 실험버튼(S) ***/
.btn-main-test { position: fixed; right: 30px; bottom: 50px; font-size: 16px; color: #000000; display: inline-block; font-weight: bold; padding-left: 35px; height: 70px; line-height: 70px; border-top-left-radius: 40px; border-bottom-left-radius: 40px; width: 70px; z-index: 999; transition: 0.3s; } 

.btn-main-test .btn-moving { display: none; } 

.btn-main-test::before { content: ''; display: inline-block; position: absolute; background: url(/img/btn-main-test.png) center no-repeat; width: 70px; height: 70px; top: 0; left: 0px; background-size: cover; } 

.btn-main-test:hover { background: #FFFADC; width: 160px; padding-right: 20px; } 

.btn-main-test:hover .btn-moving { position: absolute; right: 20px; line-height: 70px; display: block; } 

/* .btn-main-test { font-size:16px; position:absolute; left:80px; height:70px; color:#000000; font-size:20px; line-height:70px; width:100%; padding-left:80px; left:0; z-index:0; } */
/** 분석 자원(S) **/
.column-wrap.resources-01 { display:grid; grid-template-columns: repeat(3, 1fr); gap:20px; } 
.column-wrap.resources-01 .column { height:100%; height: 277px; width:100%; padding:0; } 


/* .column-wrap { overflow:visible; } */
/* .column-wrap .data-box .chk-rdo { } */
.column-wrap .data-box input[type="radio"]:checked + .rdo + .label-title { color: #0099FF; } 

.column-wrap .data-box input[type="checkbox"]:checked + .chk + .label-title { color: #0099FF; } 

.column-wrap .data-box input[type="radio"]:disabled + .rdo { background: url(/img/btn_radio_disabled.png) no-repeat center; } 

.column-wrap .data-box input[type="radio"]:disabled + .rdo + .label-title { color: #838383; } 

.column-wrap .data-box.bottom { margin-top: 15px; } 

.column-wrap.current#cardList { display:grid; grid-template-columns: repeat(3, 1fr); gap:20px; padding:20px 20px; } 
.column-wrap.current#cardList .column { width:100%; padding:0; } 

/* .column-wrap.current { border:2px solid red; } */



.column-wrap.current .data-box .title-box { border-bottom: 1px solid #D6D6D6; padding-bottom: 10px;; margin-bottom: 10px; /*flex-direction: column;*/ } 

.column-wrap.current .data-box .title-box .fr { display:flex; gap:5px; width:100%; justify-content: end; } 

.column-wrap.current .data-box .title-box .data-now { display: inline-block; font-weight: bold; text-align: center; width:100%; min-width:70px; height: 30px; line-height: 28px; font-size: 13px; border-radius: 20px; background: #ffffff; border: 1px dotted #005DAA; color: #005DAA; max-width:60px; } 

.column-wrap.current .data-box .title-box .data-now.done { background: #005DAA; border: 1px dotted #005DAA; color: #ffffff; } 

.column-wrap.current .data-box .title-box .fl { display: block; margin-bottom: 10px; width: 100%; } 

.data-content { width: 100%; } 

.data-content .data-accordion { width: 100%; height: 100%; overflow-y: auto; overflow-x: hidden; padding: 0 0px; overscroll-behavior: contain; } 

.data-content .data-accordion .da-li { height: auto; margin-bottom:4px;} 

.data-content .data-accordion .da-li .da-title { width: 100%; height: 35px; line-height: 35px; position: relative; } 

.data-content .data-accordion .da-li .da-title .da-tit-01 { font-size: 14px; color: #000000; display: inline-block; font-weight: bold; } 

.data-content .data-accordion .da-li .da-title .btn-data-acc { display: inline-block; width: 25px; height: 25px; background: url(/img/icon-acc-arrow.png) center no-repeat; position: absolute; right: 0px; top: 50%; transform: translateY(-50%); } 

/* .data-content .data-accordion .da-li .da-info { width:calc(100% - 10px); border-radius:10px; background:#ECECEC; max-height: 0; overflow: hidden; transition: max-height 0.2s ease-out; } */
.data-content .data-accordion .da-li .da-info { width: calc(100% - 10px); border-radius: 10px; background: #ECECEC; display: none; } 

.data-content .data-accordion .da-li .da-info .di-in { width: 100%; padding: 10px; overflow: hidden;  }

.data-content .data-accordion .da-li .da-info .di-in.df{display:flex; align-items:center; gap:10px; } 

.data-content .data-accordion .da-li .da-info .di-in .da-text-01 { font-size: 13px; line-height: 20px; color: #000000; }

.data-content .data-accordion .da-li .da-info .di-in  .btn-type-02{font-size:14px;} 

.data-content .data-accordion .da-li .da-title .btn-data-acc.on { transform: translateY(-50%) rotate( 180deg ); } 

.data-content .data-accordion .da-li.on .da-info { display: block; padding: 10px; height: auto; } 

.data-content .data-accordion .da-li .da-title input[type="checkbox"] ~ .label-title, .data-content .data-accordion .da-li .da-title input[type="radio"] ~ .label-title { font-weight: Bold; font-size:16px!important; } 

.data-content .data-accordion .btn-type-a { margin-top: 5px; } 

/** 분석 자원(E) **/
/** 분석 현황(S) **/
/* 탭 */
.cl-tab-btn-box { width: 140px; display: flex; align-items: center; justify-content: center; border: 2px solid #005DAA; background: #005DAA; border-radius: 5px; } 

.cl-tab-btn-box .btn-cl-tab { height: 35px; line-height: 35px; width: 70px; color: #ffffff; text-align: center; font-size:16px; } 

.cl-tab-btn-box .btn-cl-tab:hover, .cl-tab-btn-box .btn-cl-tab.on { background: #ffffff; color: #005DAA; } 

.cl-tab-content-box { width: 100%; height: auto; } 

.cl-tab-content-box .cl-tab-content { padding:0!important; } 

.cl-tab-content-box .cl-tab-content { display: none; } 

.cl-tab-content-box .cl-tab-content.on { display: block; } 

/* 탭(서브) */
.cl-tab-btn-box-sub { width: 120px; display: flex; align-items: center; justify-content: center; border: 2px solid #005DAA; background: #005DAA; border-radius: 5px; } 

.cl-tab-btn-box-sub .btn-cl-tab { height: 25px; line-height: 25px; width: 60px; color: #ffffff; text-align: center; font-size: 14px; } 

.cl-tab-btn-box-sub .btn-cl-tab:hover, .cl-tab-btn-box-sub .btn-cl-tab.on { background: #ffffff; color: #005DAA; } 

.cl-tab-content-box-sub { width: 100%; height: auto; } 

.cl-tab-content-box-sub .cl-tab-content { display: none; } 

.cl-tab-content-box-sub .cl-tab-content.on { display: block; } 

/* 카드 */
.column-wrap.current { height: auto!important; } 

/* .column-wrap.current .column { margin-bottom:15px; } */
.column-wrap.current .column-wrap-sub { background: #ffffff; overflow: hidden; border-radius: 10px; border: 1px solid #b1b1b1; } 

.column-wrap.current .column-wrap-sub > .title-box { border-bottom: 1px solid #D6D6D6; padding: 10px 10px; display: flex; width: calc(100% - 20px); margin: 0 auto; } 

.column-wrap.current .data-box { height: auto; } 

.data-content .d-date { font-size: 14px; line-height: normal; } 

.data-content .data-detail { width: 100%; overflow: hidden; width: 100%; height: auto; } 

.data-content .data-detail li { width: 100%; display: flex; align-items: center; justify-content: space-between; height: 28px; padding: 0 1px; } 

.data-content .data-detail li .c-title-01 { font-size: 14px; line-height: 20px; font-weight: bold; } 

.data-content .data-detail li .c-data-01 { font-size: 13px; line-height: 20px; } 

.data-content .btn-result { display: inline-block; font-weight: bold; text-align: center; width: 100%; height: 40px; line-height: 38px; font-size: 14px; background: #d1d1d1; border: 1px solid #d1d1d1; color: #45494d; border-radius: 5px; margin-top: 10px; font-size: 14px; cursor: default; } 

.data-content .btn-result.done { background: #E6EFF5; color: #005DAA; border: 1px solid #E6EFF5; cursor: pointer; } 

/* 리스트 */
/* .cl-tab-content.list { padding:30px; background:#ffffff; border-radius:30px; border: 1px solid #b1b1b1; } */
/*.cl-tab-content.list > .column-wrap > .column > .data-box { padding:0; } */

.cl-tab-content.list .title-box { display: flex; align-items: center; justify-content: space-between; width: calc(100% - 20px); padding:10px 10px; margin-bottom:unset; margin:0 auto; } 
.cl-tab-content.list .title-box.pb5 { padding-bottom:10px!important; } 

.cl-tab-content.list .table-type-list {border-radius: 15px; border: 1px solid #C9C9C9;} 

.period-left { flex: 1; display: flex; align-items: center; } 

.period-left .sel-type-01 { margin-right: 5px; width: 100%; max-width: 100px; height: 35px; border: 1px solid #000000; color: #000000; border-radius: 20px; background: url(/img/icon-select-arrow.png) no-repeat calc(100% - 5px); } 

.period-left .d-total { font-size: 14px; word-break: keep-all; } 

.period-box { display: inline-block; } 

.period-box .btn-period { display: inline-block; width: 60px; height: 35px; text-align: center; line-height: 31px; border-radius: 30px; border: 1px solid #F5F5F5; color: #393939; background: #d9d9d9; float: left; margin-right: 5px; } 

.period-box .btn-period:last-child { margin-right: 0; } 

.period-box .btn-period:hover, .period-box .btn-period.on { text-align: center; border: 1px solid #0a0a0a; color: #000000; background: #ffffff; font-weight: bold; } 

.period-box .btn-period-card { display: inline-block; min-width:60px; height: 35px; text-align: center; line-height: 31px; border-radius: 30px; border: 1px solid #F5F5F5; color: #393939; background: #d9d9d9; float: left; margin-right: 5px; } 

.period-box .btn-period-card:last-child { margin-right: 0; } 

.period-box .btn-period-card:hover, .period-box .btn-period-card.on { text-align: center; border: 1px solid #0a0a0a; color: #000000; background: #ffffff; font-weight: bold; } 

.period-input { width: 100%; max-width: 360px; height: 35px; position: relative; border-radius: 30px; background: #e5e5e5; margin-left: 10px; } 

.period-input input { width: calc(100% - 40px); background: none; border: 0; height: 100%; padding-left: 20px; font-size: 14px; } 

.period-input .btn-ip-period { display: inline-block; width: 30px; height: 30px; background: url(/img/icon-btn-cont-search.png) center no-repeat; position: absolute; right: 10px; top: 50%; transform: translateY(-50%); } 

/** 테이블 기본(S) **/
.table-type-list { width: 100%; overflow: hidden; height: auto; box-sizing: border-box; border-radius: 5px; } 

.table-type-list table { width: 100%; table-layout: fixed; border-collapse: collapse; background: #ffffff; } 

/* .table-type-list.overflow-x > table { min-width:800px; } */
.table-type-list table thead { } 

.table-type-list table thead tr { box-sizing: border-box; height: 40px; } 

.table-type-list table thead tr th { color: #303030; font-size: 14px; line-height: 28px; font-weight: bold; padding: 0px 5px; box-sizing: border-box; background: #ebebeb; text-align: center; border: 1px solid #C9C9C9; line-height: normal; text-align: center; } 

/* .table-type-list table thead tr th:last-child { border-right:0; } */
.table-type-list table tbody tr { border-bottom: 1px solid #C9C9C9; height: 40px; } 

.table-type-list table tbody tr:last-child { border-bottom: 0; } 

/* .table-type-list table tbody tr:hover { background:#fffbe6; } */
.table-type-list table tbody tr th { border: 1px solid #C9C9C9; background: #ededed; font-weight: bold; font-size: 20px; } 

.table-type-list table tbody tr td { color: #303030; padding: 5px 5px; box-sizing: border-box; position: relative; height: 40px; border: none; font-size: 14px; text-align: center; line-height: normal; word-break: break-all; } 

/* .table-type-list table tbody tr td:last-child { border-right:0; } */
/* .table-type-list table tbody tr td p { word-break: break-all; line-height:28px; font-size:20px; } */
.table-type-list table tbody tr td a { display: block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } 

.table-type-list table tfoot tr { height: 48px; border-bottom: 2px solid #3d3d3d; border-top: 2px solid #3d3d3d; background: #fcf8e0; } 

.table-type-list table tfoot tr th { font-weight: 900; } 

.table-type-list table tfoot tr td { color: #303030; padding: 5px 10px; height: 38px; box-sizing: border-box; position: relative; border: 1px solid #dcdcdc; } 

.table-type-list tr td .btn-type-02 { margin: 5px; display: inline-block; font-size: 16px; } 

.table-type-list.w-map table thead tr { height: 67px; } 

.table-type-list.w-map table tbody tr { height: 63px; line-height: 20px } 

.table-type-list.grid tbody tr:nth-of-type(2n) { background: #f7f7f7; } 

.table-type-list.hover tbody tr:hover { background: #e0f3ff; cursor: pointer; } 

.table-type-list.hover tbody tr:hover td { font-weight: bold; } 

.now-step { display: inline-block; padding: 0 10px; width: 60px; border-radius: 5px; font-size: 12px; height: 30px; line-height: 30px; background: #747474; color: #ffffff; } 

.now-step.finish { background: #005DAA; } 

.now-step.ing { background: #0D7567; } 

.now-step.accept { background: #747474; } 

/** 테이블 기본(E) **/
/** 분석 현황(E) **/
/**** 실험결과 상세보기(S) ****/
.test-detail { width: 100%; display: flex; } 

.test-detail .cola { flex: 8; width: 100%; } 

.test-detail .colb { flex: 4; width: 100%; margin-left: 20px; } 

.test-detail .data-box.graph { min-height: 300px; } 

.test-detail .data-box.graph .tit-down { font-size: 14px; display: inline-block; color: #000000; } 

.test-detail .data-box.graph .tit-down::after { content: ''; display: inline-block; width: 25px; height: 25px; background: url(/img/icon-title-down.png) center no-repeat; background-size: contain; vertical-align: -20%; margin-left: 5px; } 

.test-detail .data-box .title-box { border-bottom: 0; } 

.test-detail .da-info { width: 100%; border-radius: 10px; background: #ECECEC; } 

.test-detail .da-info .di-in { width: 100%; padding: 10px; overflow: hidden; } 

.test-detail .da-info .di-in .da-text-01 { font-size: 14px; line-height: 20px; color: #000000; } 

.test-detail .da-title.on::before { transform: translateY(-50%) rotate( 180deg ); } 

.test-detail .colb .data-box.bottom { margin-top: 20px; } 

.test-detail .data-detail { width: 100%; overflow: hidden; width: 100%; height: auto; margin-top: 10px; } 

.test-detail .data-detail li { width: 100%; display: flex; align-items: center; justify-content: start; height: 37px; } 

.test-detail .data-detail li .c-title-01 { font-size: 16px; line-height: 20px; width: 120px; font-weight: bold; } 

.test-detail .data-detail li .c-data-01 { font-size: 16px; line-height: 20px; width: calc(100% - 120px); } 

.test-detail .data-detail li .c-title-01.icon-img .btn-icon-img { display: inline-block; width: 25px; height: 25px; font-size: 0; margin-left: 5px; vertical-align: -25%; } 

.test-detail .data-detail li .c-title-01.icon-img .btn-icon-img img { width: 100%; } 

.data-box { position: relative; } 

.data-default { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 10px; display: inline-block; background: #3d3d3d; z-index: 99; opacity: 0.5; } 

/**** 실험결과 상세보기(E) ****/
/**** 수급분석실(S) ****/
.test-start-01 { height: 402px; } 

.test-start-02 { height: 635px; } 

.test-start-03 { height: 357px; } 

.column-wrap .column.step-01 .data-box .data-content, .column-wrap .column.step-02 .data-box .data-content, .column-wrap .column.step-03 .data-box .data-content, .column-wrap .column.step-04 .data-box .data-content, .column-wrap .column.step-05 .data-box .data-content { height: calc(100% - 105px); } 

.data-content ul.data-products { width: 100%; } 

.data-content ul.data-products li.data-item { width: 100%; display: flex; align-items: center; justify-content: space-between; height: 45px; } 

.data-content ul.data-products li.data-item .di-tit { flex: 2; } 

.data-content ul.data-products li.data-item .di-tit .di-tit-01 { font-size: 14px; font-weight: bold; } 

.data-content ul.data-products li.data-item .di-form { flex: 4; height: 40px; display: flex; align-items: center; } 

.data-content ul.data-products li.data-item .di-form .date-wrap{border-bottom:0!important;}

.data-content ul.data-products li.data-item .di-form .form-box{margin-left:30px;}

.data-content ul.data-products li.data-item .di-form .form-box input { border-radius:0; } 

.form-box { height: 35px; display: flex; align-items: center; width: 100%; } 

.form-box input { width: 100%; height: 100%; line-height: 35px; font-size: 14px; border: 0; border-bottom: 2px solid #005FC7; } 

.form-box textarea { width: 100%; height: 100%; border: 2px solid #005FC7!important; } 

.form-box .f-text { margin-left: 5px; display: block; word-break: keep-all; color: #005FC7; font-weight: bold; margin-right: 5px; } 

.data-content ul.data-products li.data-item .di-form select { border:0; } 

/* .data-products-wrap ul.data-products li.data-item .dp-tit-01 { width:200px; font-weight:bold; } */
.text-box { height: auto; display: flex; align-items: center; width: 100%; } 

.text-box .data-text { font-size: 16px; line-height: 22px; } 

.text-box .data-text-02 { font-size: 14px; line-height: 22px; } 

.data-products-wrap ul.data-products li.data-item .date-wrap .flow { margin: 0 5px; } 

/** STEP1 **/
.btn-type-a { display: inline-block; padding: 0 10px; height: 40px; line-height: 38px; font-size: 16px; text-align: center; background: #ffffff; border: 1px dotted #303030; color: #303030; box-sizing: border-box; border-radius: 10px; width: 100%; } 

.btn-type-a:hover { background: #ebebeb; font-weight: bold; } 

/* .test-start-01 .data-content .data-accordion { height:278px; } */
/* .test-start-02 .data-box { height:550px; } */
/* .test-start-03 .data-content .data-accordion { height:190px; } */
/* .test-start-03 .column:nth -child(2) .data-box { height:288px; } */
/** STEP3 **/
.data-tab-box { display: inline-block; } 

.data-tab-box .btn-data-tab { display: inline-block; padding:0 10px; height: 35px; text-align: center; line-height: 32px; border-radius: 30px; border: 1px solid #F5F5F5; color: #393939; background: #d9d9d9; float: left; margin-right: 5px; font-size:13px; } 

.data-tab-box .btn-data-tab:last-child { margin-right: 0; } 

.data-tab-box .btn-data-tab:hover, .data-tab-box .btn-data-tab.on { text-align: center; border: 1px solid #005DAA; color: #ffffff; background: #005DAA; font-weight: bold; } 

.column-wrap.data-table-list { display: flex; } 

.column-wrap.data-table-list .column { width: 100%; } 

.table-type-list.type-02 table thead tr th { background: #ffffff; } 

.table-type-list.type-02 table tbody tr { border-bottom: 0; height: 20px; } 

.table-type-list.type-02 table tbody tr td { height: 39px; border: 0; font-weight: bold; border: 1px solid #C9C9C9; } 

.table-type-list.type-02 table tbody tr td input { width: 100%; font-weight: bold; height: 28px; font-size: 14px; border: 1px solid #747474; font-family: "Roboto", sans-serif!important; letter-spacing:0;}
.table-type-list.type-02 table tbody tr td input::value{color:red;} 

.table-type-list.type-02 table tbody tr td input:disabled { color: #747474!important; } 

.table-type-list.type-02 table tbody tr:nth-child(2n) { background: #F0F0F0; } 

.test-start-02 .table-type-list.type-02 { width: 100%; } 

/* .test-start-02 .table-type-list.type-02 table { min-width: 1165px; } */
.test-start-02 .table-type-list.type-02 table { min-width: 100%; } 

.text-box .step-item { display: inline-block; text-align: center; border-radius: 30px; width: 140px; height: 35px; padding: 0 10px; line-height: 31px; background: #ffffff; color: #005DAA; border: 2px solid #005DAA; font-size: 14px; font-weight: bold; } 

.text-box .step-plus { display: inline-block; width: 20px; height: 20px; background: url(/img/step-plus.png) center no-repeat; margin: 0 5px; } 

/**** 수급분석실(E) ****/
/**** 팝업(S) ****/
/* 공통 */

 .pop-dim{position:fixed!important; width:100%; height:100%; top:0; left:0; background:rgba(0, 0, 0, 0.3); z-index: 999999; display:none;}

.dim-layer { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 99999; } 

.dim-layer .dimBg { position: absolute; top: 0; left: 0; width: 100%; height: 400%; background: #000; opacity: .5; filter: alpha(opacity=50); } 

.dim-layer .pop-layer { display: block; } 

.dim-layer.show { display: block; } 

.pop-layer { display: none; position: absolute; z-index: 1020; } 

.dim-layer.show .pop-layer { top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); } 

.pop-container { width: 100%; } 

.popup_bg { display: none; position: fixed; width: 100vw; height: 100vh; background: rgba(0,0,0,0.5); z-index: 999999; top: 0; left: 0; } 

.popup { width: 100%; overflow: hidden; position: fixed; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); border: 1px solid #003984; background: #ffffff; z-index: 999999; border: 2px solid #005DAA; border-radius: 20px; max-width:calc(100% - 40px);} 

.pop-header { width: 100%; height: 60px!important; display: flex; align-items: center; justify-content: space-between; position: relative; overflow: hidden; padding:20px 20px 10px 20px!important; background: #c5e2f5; background:#ffffff!important;} 

.pop-header .p-tit { font-size: 20px; color: #000000; font-weight: bold; } 

/*.pop-header .p-tit::before { content: ''; display: inline-block; width: 27px; height: 24px; background: url(/img/icon-popup-title.png) center no-repeat; vertical-align: -22%; }*/
.pop-header .p-tit::before { display:none!important;} 

.pop-header .p-close { width: 20px; height: 20px; background: url("/img/btn_pop_close.png") center no-repeat; } 

.pop-cont { height: calc(100% - 60px); overflow-y: auto; padding: 25px; } 

.pop-data { height: auto; height: calc(100% - 75px); } 

.pop-data .title-box { padding-bottom: 5px; border-bottom: 1px solid #D6D6D6; margin-bottom: 10px; } 

.pop-data .data-content { width: 100%; overflow-y: auto; } 

.pop-data .data-content ul.data-products { } 

.pop-data .data-content ul.data-products li.data-item { height: auto; margin-top: 20px!important; } 

.pop-data .data-content ul.data-products li.data-item:first-child { margin-top: 0; } 

.pop-data .data-content ul.data-products li.data-item .di-tit { flex: 2; height: auto; } 

.pop-data .data-content ul.data-products li.data-item .di-form { flex: 8; height: auto; } 

.pop-data .data-content ul.data-products li.data-item .di-form .form-box.error input { border: 1px solid #E71618; } 

.pop-data .data-content ul.data-products li.data-item .di-form .data-text-02.error { color: #E71618; position: relative; } 

.pop-data .data-content ul.data-products li.data-item .di-form .data-text-02.error::before { content: ''; display: inline-block; width: 18px; height: 18px; background: url(/img/icon-error.png) center no-repeat; background-size: contain; vertical-align: -20%; } 

.pop-data .data-content ul.data-products li.data-item .form-box input { border: 1px solid #85ceff; }
 


.pop-data .data-content ul.data-products li.data-item .form-box { border: 0; } 

.pop-data .data-content ul.data-products li.data-item .form-box textarea { border: 1px solid #85ceff!important; } 

.pop-data .data-content ul.data-products li.data-item.file { height: auto; } 

.pop-data .data-content ul.data-products li.data-item.file .di-form { height: auto; } 

.pop-data .data-content ul.data-products li.data-item.file .di-form .form-box { height: auto; } 

.pop-data .data-content ul.data-products li.data-item .chk-rdo input[type="checkbox"] ~ .label-title{font-size:14px!important;}
/* .pop-data .data-content ul.data-accordion { max-height:300px; } */
/* .pop-data .data-content ul.data-products li.data-item.file .di-form .form-box .filebox input { height:80px; } */



@media screen and (max-width: 1050px){
 .column-wrap.current .column-wrap-sub > .title-box,
 .cl-tab-content.list .title-box.pb5 { flex-direction: column; gap:10px; } 
 .period-left { width:100%; } 
 .column-wrap.resources-01 { grid-template-columns: repeat(2, 1fr); } 
 .column-wrap.current#cardList { grid-template-columns: repeat(2, 1fr); } 
 }


@media screen and (max-width: 780px) {

 .column-wrap.current#cardList { gap:15px; padding:15px 15px; } 
 .column-wrap .column .data-box { padding:15px 15px; } 

 .title-01 { font-size:16px; } 
 .column-wrap .column .data-box .title-box .title-02 { font-size:14px; } 
 .data-content .data-accordion .da-li .da-title .da-tit-01 { font-size:13px; } 
 .data-content .data-accordion .da-li .da-info .di-in .da-text-01 { font-size:12px; } 

 .cl-tab-btn-box { width:auto; } 
 .cl-tab-btn-box .btn-cl-tab { width:50px; height:28px; font-size:13px; line-height:28px; } 


 .period-left .sel-type-01 { font-size:12px; height:30px; line-height:28px; } 
 .period-left .d-total { font-size:12px; } 
 .period-box .btn-period-card { height:30px; line-height:28px; font-size:12px; } 
 .period-input { height:30px; } 
 .period-input input { font-size:12px; } 

 .column-wrap.resources-01 { grid-template-columns: repeat(1, 1fr); gap:15px; } 
 .column-wrap.current#cardList { grid-template-columns: repeat(1, 1fr); } 
 .cl-tab-content.list .table-type-list { overflow-x:auto; } 
 .cl-tab-content.list .table-type-list table { min-width:700px; } 
 }
/***************************************************************/
/****************** 수급분석실 >> 수급실험실(E) ******************/
/***************************************************************/






/**************************************************************************/
/****************** 수급분석실 >> 수급실험실 >> 실험하기(S) *****************/
/**************************************************************************/

/** 버튼(S) **/
.btn-box { margin-top:20px; overflow:hidden; box-sizing:border-box; } 
.btn-box.type-2 { display: flex; align-items: center; justify-content: space-between; } 
/* .btn-type-01 { height:40px; padding:0 10px; color:#ffffff; font-size:20px; background:#425059; display:inline-block; line-height:38px; min-width:90px; text-align:center; border-radius:5px; } */
.btn-type-01 { display:inline-block; text-align:center; padding:0 20px; background:#3d3d3d; color:#ffffff; font-size:14px; position:relative; height:35px; line-height:33px; align-items:center; border-radius:5px; font-weight:bold; } 
.btn-type-02 { display:inline-block; min-width:70px; padding:0 10px; height:30px; line-height:26px; font-size:16px; text-align:center; background:#ffffff; border:1px solid #303030; color:#303030; box-sizing:border-box; border-radius:5px; vertical-align:9%; } 
.btn-type-03.btn-plus { background:#2652c8; border:1px solid #2652c8; color:#ffffff; } 
.btn-type-03.btn-minus { background:#f9525f; border:1px solid #f9525f; color:#ffffff; } 
.btn-gray { background:#425059; border:1px solid #425059; color:#ffffff; } 
.btn-black { background:#303030; border:1px solid #303030; color:#ffffff; } 
.btn-green { background:#1FB0A1; border:1px solid #1FB0A1; color:#ffffff; } 
.btn-blue { background:#2652c8; border:1px solid #2652c8; color:#ffffff; } 
.btn-red { background:#f9525f; border:1px solid #f9525f; color:#ffffff; } 
.btn-search { height:55px; line-height:53px; max-width:160px; width:100%; color:#ffffff; font-size:22px; font-weight:bold; background:#425059; display:block; line-height:55px; vertical-align:bottom; background:#003984; color:#003984; color:#ffffff; text-align:center; position:relative; padding-left:20px; margin:0 auto; margin-top:20px; border-radius:5px; } 
.btn-search::before { content:''; position:absolute; top:50%; left:52px; transform:translateY(-50%); background:url(../img/icon-btn-search.png) center no-repeat; width:20px; height:20px; background-size:contain; } 
.btn-type-01.col-search { position:relative; padding-left:35px; width:auto; } 
.btn-type-01.col-search::before { content:''; position:absolute; top:50%; left:15px; transform:translateY(-50%); background:url(../img/icon-btn-search.png) center no-repeat; width:20px; height:20px; background-size:contain; } 
.btn-disabled { background:#b5b5b5; border:1px solid #b5b5b5; color:#ffffff; cursor:context-menu; } 
.btn-down { display:inline-block!important; width:20px; height:26px; font-size:0; } 
.btn-down img { width:100%; } 


.column-wrap.test-start-01,
.column-wrap.test-start-02,
.column-wrap.test-start-03 { display:flex; align-items: center; gap:20px!important; margin:20px 0; } 

.column-wrap.test-start-01 .column,
.column-wrap.test-start-02 .column,
.column-wrap.test-start-03 .column { padding:0; } 
.test-start-02 { height:auto; } 
/*.test-start-02 .column-wrap.data-table-list { height:440px; }*/ 
.test-start-02 .column-wrap.data-table-list{margin-top:0; margin-bottom:10px;}
.test-start-02 .btn-box { width:100%; text-align:right; } 
/* .column-wrap.test-start-01 .column */
/* .column-wrap.test-start-02 .column */
/* .column-wrap.test-start-03 .column { padding:0; } */
/*.column-wrap.test-start-02 .column.step-03 .data-box .data-content{height:auto; border:2px solid blue;}*/
.column-wrap.test-start-02 .column.step-03 .data-box .data-content .table-type-list th input[type="radio"] ~ .label-title{width:auto!important;}



@media screen and (max-width: 1050px){
 .data-content .data-accordion .da-li .da-title input[type="checkbox"] ~ .label-title, 
 .data-content .data-accordion .da-li .da-title input[type="radio"] ~ .label-title { font-size:12px; } 

 .btn-type-01 { height:30px; font-size:12px; line-height:28px; padding:0 10px; } 
 .column-wrap.test-start-01, 
 .column-wrap.test-start-02, 
 .column-wrap.test-start-03 { flex-direction: column; } 
 .column-wrap .column { width:100%!important; } 
 .test-start-01 { height:auto; } 
 .test-start-01 .column { height:401px; } 
 .test-start-03 { height:auto; } 
 .test-start-03 .column { height:401px; } 


 .column-wrap.test-start-01 .title-box, 
 .column-wrap.test-start-02 .title-box, 
 .column-wrap.test-start-03 .title-box { flex-direction: column; gap:10px; } 


 .column-wrap.test-start-01 .title-box .fl,
 .column-wrap.test-start-01 .title-box .fr,
 .column-wrap.test-start-02 .title-box .fl,
 .column-wrap.test-start-02 .title-box .fr,
 .column-wrap.test-start-03 .title-box .fl,
 .column-wrap.test-start-03 .title-box .fr { float:unset; } 


 .data-content ul.data-products { } 
 .data-content ul.data-products li.data-item { flex-direction: column; gap:10px; height:auto; margin-bottom:10px; } 
 .data-content ul.data-products li.data-item .di-tit { width:100%; } 
 .data-content ul.data-products li.data-item .di-form { width:100%; } 
 .data-content ul.data-products li.data-item .di-form select { font-size:12px; } 
 .data-content ul.data-products li.data-item .di-form .form-box input { font-size:12px; } 

 .data-tab-box .btn-data-tab { font-size:13px; } 
 .form-box .f-text { font-size:13px; } 

 .data-content ul.data-products li.data-item .di-tit .di-tit-01 { font-size:13px; } 

 .table-type-list.type-02 table tbody tr td input { font-size:12px; } 
 }


/**************************************************************************/
/****************** 수급분석실 >> 수급실험실 >> 실험하기(E) *****************/
/**************************************************************************/






/**************************************************************************/
/******************************* 이용안내(S) *******************************/
/**************************************************************************/
.sub-user-guide{width:100%; max-width:850px; height:auto; margin:0 auto;}
.sug-banner{padding:30px 0 50px 0; text-align:center;}
.sug-banner h4{font-size:22px; font-weight:Bold; line-height: normal; margin-bottom:20px;}
.sug-banner p{font-size:16px; line-height: normal; font-weight:Bold;}
.sug-step-notice{width:100%; margin-bottom:50px;}
.sug-step-notice ul{width:100%; display:flex; gap:10px; align-items: baseline; }
.sug-step-notice ul li{ height:100%;  display:flex; align-items: baseline; flex-direction: column; justify-content: center;}
.sug-step-notice ul li:nth-child(1),
.sug-step-notice ul li:nth-child(3),
.sug-step-notice ul li:nth-child(5){width:100%;}
.ssn-item{width:178px; height:178px; display: flex; align-items: center; justify-content: center; gap:15px; flex-direction: column; border:1px solid #D5DBDE; background:#ffffff; border-radius:90px; margin:0 auto;}
.ssn-item p{font-weight:bold; font-size:14px; text-align:center; line-height:18px; color:#053A78;}
.ssn-text{text-align:center; margin-top:20px; width:100%; font-size: 14px; line-height: 17px;}
.ssn-arrow{ text-align:center; }
.ssn-arrow img{margin:0 auto;}
.sub-table{width:100%; }
.sub-table table{width:100%; border-collapse: collapse; height:auto; background:#ffffff;}
.sub-table table th,
.sub-table table td{height:40px; border:1px solid #CFD5DA; padding:10px 10px; text-align:center;}
.sub-table table thead tr th{background:#F1F4F6; font-weight:bold;}
.sub-table table tbody tr th{background:#FBFDFF;}
.sub-table table tbody tr td{}


@media screen and (max-width: 760px){
    .sug-banner h4{font-size:18px;}
    .sug-banner p{font-size:14px; }
    /* .sug-step-notice ul{gap:10px;} */
    .sug-step-notice ul{flex-wrap:wrap;}
    .ssn-text{font-size:12px;}
    .ssn-arrow{width:100%;}
    .ssn-arrow img{transform: rotate(90deg);}
    .sug-step-notice ul li:nth-child(1),
    .sug-step-notice ul li:nth-child(3),
    .sug-step-notice ul li:nth-child(5){}
    
    

}

@media screen and (max-width: 870px){

}


/**************************************************************************/
/******************************* 이용안내(E) *******************************/
/**************************************************************************/



/**************************************************************************/
/********************************* 툴팁(S) ********************************/
/**************************************************************************/
.tooltip {
    position: absolute;
    bottom: 28px;
    left: 50%;
    transform: translateX(-50%);
    min-width: 100px;
    padding: 5px;
    background: #fff;
    border: 1px solid #ccc;
    color: #191919;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    border-radius: 10px;
    cursor: auto;
    transition: 0.2s;
    opacity: 0;
    visibility: hidden;
}

.tooltip:after {
    content: '';
    position: absolute;
    bottom: -6px;
    left: 50%;
    transform: translateX(-50%) rotate(45deg);
    display: block;
    width: 10px;
    height: 10px;
    background: #fff;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}
/**************************************************************************/
/********************************* 툴팁(E) ********************************/
/**************************************************************************/
	/**************************************************************************
관리자 년도 수급상황판 관리자입력 페이지 20241118(S)
**************************************************************************/
.data-compare-wrap{
    width:100%; height:100%; height:auto; display: flex; flex-direction: column; gap:20px; border-radius:10px;  

    /*---- 공통(S) ----*/
    .data-sec-title{font-size:20px; font-weight:bold; margin-bottom:20px;}
    /*---- 공통(E) ----*/

    /*-- 영역구분 --*/
    .data-section{width:100%; width:100%; overflow:hidden; background:#ffffff; padding:20px; border-radius:15px; border:1px solid #dddddd;}

    /*-- 테이블 정렬 --*/
    .table-split-wrap{width:100%;
        .ts-line{width:100%; display: flex;
            
            li{width:100%; flex:8;}

            li.year-list{ flex:1;
                .data-table{
                    table{
                        thead{
                            height:63px;
                        }
                    }
                }
            }
            
            
        }
    }
    

    .year-selection{
        width:100%; overflow:hidden;
        > ul{width:100%;
            > li{margin-bottom:20px; display: flex; gap:10px; align-items: baseline; flex-direction: column;
                .data-title{
                    font-size:18px; font-weight:bold; 
                }
                .data-form{ 
                    width:100%; display: flex;  align-items: baseline; flex-direction: column; gap:10px;

                    h4{font-size:18px;  }

                    .checks{
                        label{padding-left:22px; line-height:1.3; position:relative;}
                    }

                    > ul.row{
                        display: flex; align-items: center; gap:10px;
                    }

                    .sel-type-01{height:35px;}

                }
                
            }    
        }
    }



    /*-- 테이블 --*/
    .data-table{ width:100%; background:#ffffff;
        table{width:100%;
            
            th{font-weight:bold; text-align:center; background:#efefef; }
            th,td{font-size:14px; border:1px solid #dddddd; padding:5px 2px;}

            tbody{
                tr{background:#ffffff;
                    &:nth-child(even){background:rgba(226,244,255, 0.5);}
                }
            }
        }
    }

    
    /*-- 탭 -- */

    
    
    .tab-wrap{
        width:100%; 

        .data-tab-btn-box{
            width:100%; border-bottom:2px solid #003984; margin-bottom:10px;
            ul{ display: flex; align-items: center;
                .btn-data-sec-tab{ margin-right:5px;
                    a{height:38px; padding:0 20px; display:inline-flex; align-items: center; justify-content: center; width:100%;  background:#ffffff; border:2px solid #dddddd; border-bottom:0; border-top-left-radius: 10px; border-top-right-radius: 10px; color:#141414;}  

                    &.on,
                    &:hover{
                        a{background:#003984; border:2px solid #003984; color:#ffffff; font-weight:bold;}
                    }
                }
            }
        }

        .data-tab-content-box{
        

            .ts-line{
                .data-tab-cont{display:none;
                    &.on{display:block;}

                    .data-table{border-top:1px solid #141414;}
                }
            }
        }
    }
    

    
}
/**************************************************************************
관리자 년도 수급상황판 관리자입력 페이지 20241118(E)
**************************************************************************/