@charset "utf-8"; 
/*
    농넷 SUB STYLE
    WRITER : Lee Jeonghee
	Last Modify Date : 2024. 02. 16.
*/

body { padding-top:13em; }

/* location */
.subFunc { max-width:1400px; margin:0 auto 5.125em; padding:0.5625em 1.25em 0; }
.siteLocation { position:relative; }
.siteLocation .snsList { position:absolute; top:-.3125em; right:0; }
.location { display:flex; }
.location p.home a { overflow:hidden; display:block; width:1.4em; height:100%; margin-right:0; background-image:url(../images/sub/icon_home.png); background-position:center; background-repeat:no-repeat; background-size:.875em auto; text-align:center; box-sizing:border-box; text-indent:-999px; }
.location .locationTab { display:flex; position:relative; }
.location .locationTab>li { position:relative; padding:0 .4375em; }
.location .locationTab>li>button,
.location .locationTab>li>.disableSelect { position:relative; height:100%; padding-top:.0588em; font-size:1.063em; color:#999; text-align:left; }
.location .locationTab>li>button span { display:inline-block; position:relative; padding-right:1.2941em; }
.location .locationTab>li>button span::after { content:''; position:absolute; right:.125rem; top:50%; width:.5625rem; height:.5625rem; margin-top:-.4375rem; border-top:none; border-left:none; border-right:2px solid #999; border-bottom:2px solid #999; box-sizing:border-box; transform:rotate(45deg); transition:all .3s; }
.location .locationTab>li>button.active span::after { margin-top:-.125em; -webkit-transform:rotate(-135deg); transform:rotate(-135deg); }
.location .locationTab>li div { display:none; position:absolute; top:100%; left:50%; width:180%; padding-top:.875em; font-size:1rem; transform:translateX(-50%); z-index:5; }
.location .locationTab>li div ul {position: relative; width: 100%; padding: 1.063em 1.875em; background: #fff; border: 1px solid #dcdcdc; border-radius: 0.5rem; box-sizing: border-box; box-shadow: 0 24px 30px 0 rgba(0, 0, 0, 0.06);}
.location .locationTab>li div ul::before { content:''; display:block; position:absolute; top:-.625em; left:50%; width:1.25em; height:.6875em; margin-left:-.625em; background:url(../images/common/icon_arrow_before.png) no-repeat; background-size:100%; }
.location .locationTab>li div ul li { margin:.625em 0; }
.location .locationTab>li div ul li a { display:block; }
.location .locationTab>li div ul li a:focus,
.location .locationTab>li div ul li a:hover { color:#1a3ac5; }
.location .locationTab>li div ul li a span { display:inline-block; position:relative; padding:1px 0; transition:all .15s; word-break:keep-all; }
.location .locationTab>li div ul li a span::before { content:''; position:absolute; left:-.5625em; top:.5em; width:.1875em; height:.1875em; border-radius:50%; }
.location .locationTab>li div ul li a span::after { content:''; position:absolute; left:0; bottom:0; width:0; height:1px; }
.location .locationTab>li div ul li a:focus span::before,
.location .locationTab>li div ul li a:hover span::before { background:#1a3ac5; transition:all .2s; }
.location .locationTab>li div ul li a:focus span::after,
.location .locationTab>li div ul li a:hover span::after { width:100%; background:#1a3ac5; transition:all linear .2s; }
/* header */
.headTop .searchkeyword { width:21.875em; margin:0 auto; }
.headTop .searchkeyword input { width:100%; padding:0 4.375rem 0 1.875rem; line-height:3.1875rem; font-size:1.063em; font-weight:700; color:#1a3ac5; letter-spacing:-.05em; border:1px solid #1f43df; box-sizing:border-box; border-radius:3em; box-shadow:0 10px 11px 0 rgba(35, 72, 164, 0.1); }
.headTop .searchkeyword input::placeholder { font-weight:400; color:#7b8cce; }
.headTop .searchkeyword input:focus { outline:none; }
.headTop .searchkeyword button { display:flex; align-items:center; justify-content:center; position:absolute; top:50%; right:.625em; width:2.25em; height:2.25em; margin-top:-1.125em; border-radius:50%; text-indent:-9999px; }
.headTop .searchkeyword button::before { content:''; position:absolute; top:0; left:0; width:100%; height:100%; transition:all .15s; transform:scale(.1); border-radius:50%; }
.headTop .searchkeyword button i { display:block; width:.8125em; height:.8125em; background-image:url(../images/sub/btn_header_search.png); background-repeat:no-repeat; background-position:center; background-size:100%; z-index:1; }
.headTop .searchkeyword button.active::before { background:#1f43df; transform:scale(1); }
.headTop .searchkeyword button.active i { background-image:url(../images/sub/btn_header_search_on.png); }
.headTop .searchkeyword.scroll { display:none; width:86.7857%; margin:0 2.875em 0 8.5em; }
.headTop .searchkeyword.scroll input { padding-left:0; padding-right:0; border-color:#fff; background:none; border-radius:0; font-size:1.25em; box-shadow:none; }
.headTop .searchkeyword.scroll input::placeholder { font-size:1.25rem; color:#9498a7; }
.headTop .searchkeyword.scroll input:focus { outline:none; box-shadow:none; }
.headTop .searchkeyword.scroll .searchKey { left:0; width:25em; margin-top:.625em; transform:none; }
.headTop .searchkeyword.scroll .searchKey::before { left:.625em; margin-left:0; }
.headTop .btnAllMenu { display:none; position:absolute; top:.4375em; right:1.25em; height:3.9375em; }
.headTop .headUtil { display:flex; position:absolute; top:3.3125em; right:.625em; }
.headTop .headUtil li { position:relative; }
.headTop .headUtil li::before { content:''; display:block; position:absolute; top:50%; left:0; width:2px; height:2px; margin-top:-1px; background:#000; }
.headTop .headUtil li:first-child::before { display:none; }
.headTop .headUtil li a { padding:0 .625em; font-family:'Pretendard'; font-weight:300; letter-spacing:-.02em; }
.headTop .headUtil li a:focus,
.headTop .headUtil li a:hover { color:#1a3ac5; }
.headTop .headUtil li a span { display:inline-block; position:relative; padding:1px 0; }
.headTop .headUtil li a span::after { content:''; position:absolute; left:0; bottom:0; width:0; height:1px; }
.headTop .headUtil li a:focus span::after,
.headTop .headUtil li a:hover span::after { width:100%; background:#1a3ac5; transition:all linear .2s; }
.gnb .siteLocation { display:none; }
.gnb .siteLocation .location .locationTab>li div ul li a { line-height:1.1; }
.gnb .siteLocation .snsList { position:static; }
/* scroll */
.header.scroll .headTop { padding:.8125em 1.25em; }
.header.scroll .headTop .logo { top:1.375em; }
.header.scroll .headTop .logo a { width:5.9375em; height:2.4375em; }
.header.scroll .gnb .gnbList,
.header.scroll .gnb .btnAllMenu { display:none; }
.header.scroll .gnb .siteLocation { display:flex; justify-content:space-between; max-width:1400px; width:100%; margin:0 auto; padding:1em 0; }
.header.scroll .gnb .siteLocation .location p.home a { background-image:url(../images/sub/icon_home_bk.png); }
.header.scroll .gnb .siteLocation .location .locationTab>li>button,
.header.scroll .gnb .siteLocation .location .locationTab>li>.disableSelect { font-size:1.125em; color:#000; }
.header.scroll .gnb .siteLocation .location .locationTab>li>.disableSelect span { line-height:1.6666em; }
.header.scroll .gnb .siteLocation .location .locationTab>li>button span::after { border-color:#000; }
@media screen and (max-width:960px) {
	body { width:100%; padding-top:12.7272em; }
	/* location */
	.subFunc { display:none; }
	/* header */
	.headTop .searchkeyword { display:none; }
	.headTop .searchkeyword.scroll { display:block !important; width:100%; margin:0; }
	.headTop .searchkeyword.scroll input { line-height:1.4; font-size:1.6363em; border:none; }
	.headTop .searchkeyword.scroll input::placeholder { font-size:1em; color:#9c9c9c; }
	.headTop .searchkeyword.scroll .searchKey { width:110%; left:50%; transform:translateX(-50%); }
	.headTop .searchkeyword.scroll .searchKey::before { left:50%; margin-left:-.625em; }
	.headTop .headUtil { display:none; }
}
@media screen and (max-width:320px) {
    .headTop .searchkeyword.scroll input {
        font-size: 1.4em;
        padding-left: 0.5em;   
    }
}

/* layout */
.pageTop { display:flex; align-items:center; justify-content:space-between; max-width:1400px; margin:0 auto 4.625em; padding:0 1.25em; }
.pageTop .tit h3 { font-size:2.875em; word-break:keep-all; }
.pageTop .tit h3 .icoMenu { display:inline-block; vertical-align:middle; width:3.625rem; height:3.625rem; margin:-.375rem 1rem 0 0; background-repeat:no-repeat; background-size:100%; }
.pageTop .tit h3 .icoMenu.menu01 { background-image:url(../images/common/icon_menu01.png); }
.pageTop .tit h3 .icoMenu.menu02 { background-image:url(../images/common/icon_menu02.png); }
.pageTop .tit h3 .icoMenu.menu03 { background-image:url(../images/common/icon_menu03.png); }
.pageTop .tit h3 .icoMenu.menu04 { background-image:url(../images/common/icon_menu04.png); }
.pageTop .tit h3 .icoMenu.menu05 { background-image:url(../images/common/icon_menu05.png); }
.pageTop .tit h3 .icoMenu.menu06 { background-image:url(../images/common/icon_menu06.png); }
.pageTop .tit h3 .icoMenu.menu07 { background-image:url(../images/common/icon_menu07.png); }
.pageTop .tit h3 .icoMenu.menu08 { background-image:url(../images/common/icon_menu08.png); }
.pageTop .tit h3 .icoMenu.menu09 { background-image:url(../images/common/icon_menu09.png); }
.pageTop .tit h3 .icoMenu.menu10 { background-image:url(../images/common/icon_menu10.png); }
.pageTop .tit h3 .icoMenu.menu11 { background-image:url(../images/common/icon_menu11.png); }
.pageTop .tit h3 .icoMenu.menu12 { background-image:url(../images/common/icon_menu12.png); }
.pageTop .tit h3 .icoMenu.menu13 { background-image:url(../images/common/icon_menu13.png); }
.pageTop .tit h3 .icoMenu.menu14 { background-image:url(../images/common/icon_menu14.png); }
.pageTop .tit h3 .icoMenu.menu15 { background-image:url(../images/common/icon_menu15.png); }
.pageTop .tit h3 .icoMenu.menu16 { background-image:url(../images/common/icon_menu16.png); }
.pageTop .tit h3 .icoMenu.menu17 { background-image:url(../images/common/icon_menu17.png); }
.pageTop .tit h3 .icoMenu.menu18 { background-image:url(../images/common/icon_menu18.png); }
.pageTop .tit h3 .icoMenu.menu19 { background-image:url(../images/common/icon_menu19.png); }
.pageTop .tit h3 .icoMenu.menu20 { background-image:url(../images/common/icon_menu20.png); }
.pageTop .tit h3 .icoMenu.menu21 { background-image:url(../images/common/icon_menu21.png); }
.pageTop .tit h3 .icoMenu.menu22 { background-image:url(../images/common/icon_menu22.png); }
.pageTop .tit h3 .icoMenu.menu23 { background-image:url(../images/common/icon_menu23.png); }
.pageTop .tit h3 .icoMenu.menu24 { background-image:url(../images/common/icon_menu24.png); }
.pageTop .tit h3 .icoMenu.menu25 { background-image:url(../images/common/icon_menu25.png); }
.pageTop .tit h3 .icoMenu.menu26 { background-image:url(../images/common/icon_menu26.png); }
.pageTop .tit h3 .icoMenu.menu27 { background-image:url(../images/common/icon_menu27.png); }
.pageTop .tit h3 .icoMenu.menu28 { background-image:url(../images/common/icon_menu28.png); }
.pageTop .tit h3 .icoMenu.menu29 { background-image:url(../images/common/icon_menu29.png); }
.pageTop .tit h3 .icoMenu.menu30 { background-image:url(../images/common/icon_menu30.png); }
.pageTop .tit h3 .icoMenu.menu31 { background-image:url(../images/common/icon_menu31.png); }
.pageTop .tit h3 .icoMenu.menu32 { background-image:url(../images/common/icon_menu32.png); }
.pageTop .tit h3 .icoMenu.menu33 { background-image:url(../images/common/icon_menu33.png); }
.pageTop .tit h3 .icoMenu.menu34 { background-image:url(../images/common/icon_menu34.png); }
.pageTop .tit h3 .icoMenu.menu35 { background-image:url(../images/common/icon_menu35.png); }
.pageTop .tit h3 .icoMenu.menu36 { background-image:url(../images/common/icon_menu36.png); }
.pageTop .tit h3 .icoMenu.menu37 { background-image:url(../images/common/icon_menu37.png); }
.pageTop .tit h3 .icoMenu.menu38 { background-image:url(../images/common/icon_menu38.png); }
.pageTop .tit h3 .icoMenu.menu39 { background-image:url(../images/common/icon_menu39.png); }
.pageTop .tit h3 .icoMenu.menu40 { background-image:url(../images/common/icon_menu40.png); }
.pageTop .tit h3 .icoMenu.menu41 { background-image:url(../images/common/icon_menu41.png); }
.pageTop .tit h3 .icoMenu.menu42 { background-image:url(../images/common/icon_menu42.png); }
.pageTop .tit h3 .icoMenu.menu43 { background-image:url(../images/common/icon_menu43.png); }
.pageTop .tit h3 .icoMenu.menu44 { background-image:url(../images/common/icon_menu44.png); }
.pageTop .tit p { margin-top:.6428em; font-size:1.75em; color:#4d4d4d; word-break:keep-all; }
#content { overflow:hidden; margin-bottom:9%; }
div.comingSoon { padding:5em 0; text-align:center; font-size:1.375em; }

/* tabNav */
.tabNav { max-width:1400px; margin:0 auto 3.75em; padding:0 1.25em; }
.tabNav p { display:none; }
.tabList2 { margin-bottom:4.375em; }
.tabList ul,
.tabList2 ul { display:flex; align-items:center; }
.tabList ul li,
.tabList2 ul li { position:relative; margin:0 .1875em; }
.tabList ul li a,
.tabList2 ul li a { display:block; padding:.7777em 1.555em; font-size:1.125em; letter-spacing:-.025em; background:#f2f2f3; border-radius:1.6666em; transition:all .15s; text-transform:uppercase; }
.tabList ul li a:hover,
.tabList ul li a:focus,
.tabList2 ul li a:hover,
.tabList2 ul li a:focus { background:#e1e1e3; } 
.tabList ul li.active a,
.tabList2 ul li.active a { background:#1a3ac5; color:#fff; }
.tabList ul li a span,
.tabList2 ul li a span { display:block; }
@media screen and (max-width:960px) { 
	.pageTop { margin-bottom:3.3636em; padding:0 5.5555%; }
	.pageTop .tit h3 { font-size:2.5454em; }
	.pageTop .tit h3 .icoMenu { width:2.6363rem; height:2.6363rem; margin:-.4545rem .8181rem 0 0; }
	.pageTop .tit p { font-size:1.4545em; letter-spacing:-.025em; }
	#content { margin-bottom:4.5454em; }
	/* tabNav */
	.tabNav { position:relative; margin-bottom:3.6363em; padding:0 5.5555%; }
	.tabNav p { display:block; }
	.tabNav .moTabBtn { display:block; min-width:50%; padding:.8333em 1.2222em .8333em 1.3888em; font-size:1.6363em; text-align:left; background:#edeef0; border-radius:2em; }
	.tabNav .moTabBtn span { display:block; position:relative; padding-right:1.2222em; }
	.tabNav .moTabBtn span::after { content:''; position:absolute; right:0; top:50%; width:.8181rem; height:.8181rem; margin-top:-.636363rem; border-top:none; border-left:none; border-right:2px solid #000; border-bottom:2px solid #000; box-sizing:border-box; transform:rotate(45deg); transition:all .3s; }
	.tabNav .moTabBtn.active span:after { margin-top:-.1818rem; transform:rotate(225deg); }
	.tabList { display:none; position:absolute; top:100%; left:0; width:100%; padding:0 5.5555%; box-sizing:border-box; z-index:2; }
    .tabList ul { display:block; margin-top:.909em; padding:.909em 0; background:#fff; border:1px solid #d2d2d2; box-sizing:border-box; border-radius:1rem; }
    .tabList ul li { margin:.3636em 0; }
    .tabList ul li a { padding:.4285em 1.7142em; background:#fff; font-size:1.2727em; }
	.tabList ul li a:hover,
	.tabList ul li a:focus { background:#fff; }
	.tabList ul li.active a { background:#fff; font-weight:700; color:#1a3ac5; }
}

/* content */
.contentWrap { overflow:hidden; max-width:1340px; margin:0 auto; padding:0 1.25em; }

/* tableStyle */
.tableDrag { display:none; padding:.6363em 0 .4545em; font-size:1em; color:#666; text-align:center; border-top:1px solid #dedede; }
.tableDrag span { display:inline-block; padding:.4545rem 0 .4545rem 5.909rem; background:url(../images/sub/icon_table_drag.png) left center no-repeat; background-size:4.8636rem auto; font-size:1rem; font-weight:300; }
.tableUnit { display:block; margin-bottom:.7152em; text-align:right; font-size:.875em; color:#586167; }
.unitArea { display:flex; justify-content:space-between; }
.tableInfo { margin:1em 0 0 0; padding:0 !important; font-size:.9375rem !important; color:#6a6a6a; text-align:right; letter-spacing:-.02em; }
.tableInfo span { padding-left:1em; background:url(../images/sub/icon_table_info.png) no-repeat left .2em; background-size:.7333em auto; }
.tableTxt { margin-top:1.2em; font-size:.9375em; color:#555555; }
.tableStyle th,
.tableStyle td { padding:1em .2941em; vertical-align:middle; background:#fff; border:1px solid #dcdcdc; border-right:none; font-size:1.063em; font-weight:400; line-height:1.3; text-align:center; box-sizing:border-box; }
.tableStyle th { color:#353535; letter-spacing:-.05em; }
.tableStyle tbody th { color:#6b6b6b; letter-spacing:0; }
.tableStyle tbody th,
.tableStyle td { padding:.8823em .2941em; word-break:keep-all; }
.tableStyle th.bdNone,
.tableStyle td.bdNone { border-left:none; }
.tableStyle td.AlignRight { padding:.8823em .5882em; }
.tableStyle.mo { display:none;}

/* select */
.buttonSelect,
.buttonSelectCk { position:relative; }
.buttonSelect .viewCode,
.buttonSelect .viewCode2,
.buttonSelectCk .checkBtn { position:relative; }
.buttonSelect button,
.buttonSelectCk button { width:100%; text-align:left; }
.buttonSelect button::after,
.buttonSelectCk button::after { content:''; display:block; position:absolute; top:50%; right:0; width:.875rem; height:.5625rem; margin-top:-.28125rem; background-image:url(../images/sub/btn_select_arrow.png); background-repeat:no-repeat; background-position:center; background-size:100%; transition:all .15s; }
.buttonSelect button.on::after,
.buttonSelectCk button.on::after { transform:rotate(180deg); }
.selectList { display:none; position:absolute; top:100%; left:50%; width:130%; min-width:10em; margin-top:-.125em; padding:1.6875em 1.25em 1.6875em 1.875em; font-size:1rem; background:#fff; border:1px solid #dcdcdc; border-radius:0.5rem; box-sizing:border-box; box-shadow:0 24px 30px 0 rgba(0, 0, 0, 0.06); transform:translateX(-50%); z-index:6; }
.selectList.type2 { width:120%; }
.selectList::before { content:''; display:block; position:absolute; top:-.625em; left:50%; width:1.25em; height:.6875em; margin-left:-.625em; background:url(../images/common/icon_arrow_before.png) no-repeat; background-size:100%; }
.selectList ul { overflow-y:auto; max-height:17.5em; }
.selectList ul::-webkit-scrollbar { width:3px; height:3px; }
.selectList ul li { display:block; position:relative; margin:.625em 0; } 
.selectList ul li.DisplayNone{display:none;}
.selectList ul li:first-child { margin-top:0; }
.selectList ul li:last-child { margin-bottom:0; }
.selectList ul li input { position:absolute; left:-9999px; width:1px; height:1px; } 
.selectList ul li a, 
.selectList ul li label { display:inline-block; position:relative; padding:1px 0; line-height:1.25; transition:all .15s; cursor:pointer; }
.selectList ul li label::after { content:''; position:absolute; left:0; bottom:0; width:0; height:1px; }
.selectList ul li a:focus, 
.selectList ul li a:hover, 
.selectList ul li a:active, 
.selectList ul li label:focus, 
.selectList ul li label:hover, 
.selectList ul li label:active { color:#1a3ac5; }
.selectList ul li label:focus::after, 
.selectList ul li label:hover::after, 
.selectList ul li label:active::after { width:100%; background:#1a3ac5; transition:all .2s; }
.selectList.top { top:auto; bottom:3.5em; }
.selectList.top::before { top:auto; bottom:-.625em; transform:rotate(180deg); }
.buttonSelectCk .selectList { width:110%; }
.buttonSelectCk .selectList ul li label { display:block; padding:0 0 0 1.5em; }
.buttonSelectCk .selectList ul li label span { display:inline-block; position:relative; padding:1px 0; transition:all .15s; }
.buttonSelectCk .selectList ul li label span::after { content:''; position:absolute; left:0; bottom:0; width:0; height:1px; }
.buttonSelectCk .selectList ul li label:focus span, 
.buttonSelectCk .selectList ul li label:hover span, 
.buttonSelectCk .selectList ul li label:active span { color:#1a3ac5; }
.buttonSelectCk .selectList ul li label:focus span::after, 
.buttonSelectCk .selectList ul li label:hover span::after, 
.buttonSelectCk .selectList ul li label:active span::after { width:100%; background:#1a3ac5; transition:all .2s; }
.buttonSelectCk .selectList ul li label::before { content:''; display:block; position:absolute; top:.125em; left:0; width:1.063em; height:1.063em; border:1px solid #dcdcdc; border-radius:50%; box-sizing:border-box; transition:all .15s; }
.buttonSelectCk .selectList ul li label::after { content:''; display:block; position:absolute; top:.4375em; left:.3125em; width:.375em; height:.1875em; background:none; border:1px solid #b7b7b7; border-top:0; border-right:0; transform:rotate(-45deg); transition:all .15s; }
.buttonSelectCk .selectList ul li input:checked + label::before { background:#1a3ac5; border-color:#1a3ac5; }
.buttonSelectCk .selectList ul li input:checked + label::after { border-color:#fff; }
.weekList { display:none; position:absolute; top:100%; left:50%; width:86.9791%; min-width:8.125em; margin-top:-.125em; padding:.1875em 0; font-size:1rem; background:#fff; border:1px solid #dcdcdc; border-radius:0.5rem; box-sizing:border-box; box-shadow:0 24px 30px 0 rgba(0, 0, 0, 0.06); transform:translateX(-50%); z-index:5; }
.weekList::before { content:''; display:block; position:absolute; top:-.625em; left:50%; width:1.25em; height:.6875em; margin-left:-.625em; background:url(../images/common/icon_arrow_before.png) no-repeat; background-size:100%; }
.weekList ul li { border-top:1px solid #dcdcdc; }
.weekList ul li:first-child { border-top:none; }
.weekList .buttonSelect { width:100%; }
.weekList .buttonSelect::after { display:none; }
.weekList .buttonSelect button { height:3.875em; padding:0 1.875em; }
.weekList .buttonSelect button::after { right:1.875em; }
.weekList .selectList { position:static; width:100%; min-width:auto; padding:1.25em 1.25em 1.25em 1.875em; max-width:none; transform:none; box-shadow:none; border-radius:0; border-width:1px 0 0 0; }
.weekList .selectList::before { display:none; }
.weekList .selectList ul { max-height:12.5em; }
.weekList .selectList ul li { border:none; }
@media screen and (max-width:960px) { 	
	.contentWrap { padding:0 5.5555%; }
	/* tableStyle */
	.tableUnit { margin-bottom:.9em; font-size:.909em; color:#717171; }
	.tableInfo { padding-left:1.2em; background-size:.909em auto; }
	.tableTxt { margin:0 0 .9em; font-size:.909em; color:#717171; }
	.scrollTblWrap { width:100%; overflow-x:auto; }
	.scrollTblWrap table { width:auto; min-width:100%; white-space:nowrap; }
	.scrollTblWrap::-webkit-scrollbar { display:none; }
	.tableStyle th,
	.tableStyle td,
	.tableStyle tbody th,
	.tableStyle td,
	.tableStyle td.AlignRight { padding:1.3333em 1em; font-size:1.0909em; }	
	.tableStyle.pc { display:none; }
	.tableStyle.mo { display:table; }
	/* select */
	.buttonSelect button::after,
    .buttonSelectCk button::after { width:.909rem; height:.5454rem; margin-top:-.2727rem; background-image:url(../images/sub/btn_select_arrow_mo.png); }
    .selectList { width:100%; min-width:auto; margin-top:-.1818em; padding:1.6363em 1em 1.6363em 1.6363em; }
    .selectList ul { max-height:12.7272em; }
	.selectList ul li label { font-size:1.0909em; }
	.selectList.type2 { width:100%; }
	.selectList.top { bottom:3.8181em; }
	.buttonSelectCk .selectList { width:100%; }
	.buttonSelectCk .selectList ul li label::before { top:.0909em; width:1.0909em; height:1.0909em; }
	.buttonSelectCk .selectList ul li label::after { top:.4545em; left:.2727em; width:.4545em; height:.1818em; }
}

/* Board Style */
i.hwp,
i.hwpx { background-image:url(../images/board/icon_file_hwp.jpg); }
i.pdf { background-image:url(../images/board/icon_file_pdf.jpg); }
i.txt { background-image:url(../images/board/icon_file_txt.jpg); }
i.doc { background-image:url(../images/board/icon_file_doc.jpg); }
i.xls,
i.xlsx { background-image:url(../images/board/icon_file_xlsx.jpg); }
i.ppt,
i.pptx { background-image:url(../images/board/icon_file_ppt.jpg); }
i.zip { background-image:url(../images/board/icon_file_zip.jpg); }
i.jpg { background-image:url(../images/board/icon_file_jpg.jpg); }
i.gif { background-image:url(../images/board/icon_file_gif.jpg); }
.boardStyle { overflow:hidden; max-width:1340px; margin:0 auto; padding:0 1.25em; }
/* board List */
.boardList { width:100%; }
.boardList table { text-align:center; }
.boardList thead { border-top:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc; }
.boardList tbody tr { border-bottom:1px solid #dcdcdc; }
.boardList tbody tr:hover { background-color:#fafafa; }
.boardList .num { width:5rem; }
.boardList .subject { width:auto; padding-left:3.8823em; text-align:left; }
.boardList .writer { width:5.875rem; }
.boardList .date { width:8.75rem; }
.boardList .hits { width:7.5rem; padding-left:2.3529em; }
.boardList .status { width:7rem; }
.boardList i.notice { font-style:normal; color:#1a3ac5; }
.boardList th,
.boardList td { padding:1.8235em .5882em; line-height:1.3; font-size:1.063em; text-align:center; box-sizing:border-box; }
.boardList th { padding:1.0588em .5882em; font-weight:400; color:#6b6b6b; letter-spacing:-.05em; }
.boardList td.subject a { overflow:hidden; display:block; white-space:nowrap; text-overflow:ellipsis; font-size:1.25em; font-weight:700; }
.boardList td .new { display:inline-block; vertical-align:middle; width:2.625rem; height:1.1875rem; margin:-.125rem .75rem 0 0; background-image:url(../images/sub/ico_new.png); background-repeat:no-repeat; background-position:center; background-size:100%; text-indent:-9999px; }
.boardList td .icoStatus { display:inline-block; vertical-align:middle; margin:-.3125em 0; padding:.375em .9375em; border:1px solid; border-radius:2em; font-size:1rem; line-height:1; }
.boardList td .icoStatus.bg1 { border-color:#00813c; color:#00813c; }
.boardList td .icoStatus.bg2 { border-color:#6b6b6b; color:#6b6b6b; }
.noData { padding:5em 0; border-bottom:1px solid #dcdcdc; text-align:center; font-size:1.125em; }
/* board List - btn */
.boardBtn { margin-top:4.375em; text-align:right; }
.writeBtn { margin:2em 0; text-align:center; }
.boardBtn.center { text-align:center; }
.boardBtn p,
.boardBtn ul li,
.writeBtn ul li { display:inline-block; }
.boardBtn a,
.boardBtn input,
.boardBtn button {display:block; margin:0 .0882em; padding:0 1.4705em; border:1px solid #dcdcdc; box-sizing:border-box; border-radius:.5rem; font-size:1.063em; line-height:3.0588em; letter-spacing:-.05em; color:#000; transition:all .15s; }
.boardBtn a:focus,
.boardBtn a:hover,
.boardBtn input:focus,
.boardBtn input:hover,
.boardBtn button:focus,
.boardBtn button:hover { background-color:#1a3ac5; border-color:#1a3ac5; color:#fff; }
.boardBtn i { display:inline-block; width:1.25em; height:1.125em; margin-right:.1875em; background-image:url(../images/board/bg_board_btn.png); background-repeat:no-repeat; background-size:100% auto; vertical-align:middle; font-size:1rem; }
.boardBtn a:focus i,
.boardBtn a:hover i,
.boardBtn input:focus i,
.boardBtn input:hover i,
.boardBtn button:focus i,
.boardBtn button:hover i {background-image:url(../images/board/bg_board_btn_on.png); }
.boardBtn i.list { background-position:0 -14.1875em; }
.boardBtn i.write { background-position:0 -3.625em; }
.boardBtn i.cancle { background-position:0 -7.1875em; }
.boardBtn i.delete { background-position:0 -10.625em; }
.boardBtn i.modify { background-position:0 -1.3125em; }
.boardBtn i.next { margin-top:-.125em; margin-right:.375em; background-image:url(../images/board/bg_board_btn_next.png); background-position:center; }
.boardBtn i.download {width:16px;height:16px; margin-top:-.125em; margin-right:.375em; background-image:url(../images/board/download.png); background-position:center; }
.boardBtn i.preview {width:16px;height:18px; margin-top:-.125em; margin-right:.375em; background-image:url(../images/board/preview.png); background-position:center; }
.boardBtn i.add {width:16px;height:18px; margin-top:-.125em; margin-right:.375em; background-image:url(../images/board/report-add.svg); background-position:center; }
.boardBtn i.print {width:1.5em;height:1.5em; margin-top:-.125em; margin-right:.375em; background-image:url(../images/board/bg_board_btn_print.png); background-position:center; }
.boardBtn i.kakao { margin-top:-.125em; margin-right:.375em; background-image:url(../images/board/bg_board_btn_kakao.png); background-position:center; }
.boardBtn i.leave { margin-top:-.125em; margin-right:.375em; background-image:url(../images/board/bg_board_btn_leave.png); background-position:center; }

.boardBtn .b_rprt_add:focus i.add,
.boardBtn .b_rprt_add:hover i.add { background-image:url(../images/board/report-add-on.svg)!important;}
.boardBtn a:focus i.download,
.boardBtn a:hover i.download { background-image:url(../images/board/download-on.png); }
.boardBtn a:focus i.next,
.boardBtn a:hover i.next { background-image:url(../images/board/bg_board_btn_next_on.png); }
.boardBtn a:focus i.preview,
.boardBtn a:hover i.preview { background-image:url(../images/board/btn_ai_total_on_mo.png); }
.boardBtn .b_rprt_preview:focus i.print,
.boardBtn .b_rprt_preview:hover i.print {width:1.55em;height:1.5em; background-image:url(../images/board/bg_board_btn_print_on.png); }
.boardBtn a:focus i.kakao,
.boardBtn a:hover i.kakao { background-image:url(../images/board/bg_board_btn_kakao_on.png); }
.boardBtn a:focus i.leave,
.boardBtn a:hover i.leave { background-image:url(../images/board/bg_board_btn_leave_on.png); }
.popupPdfDownBtn{display:flex;justify-content:flex-end;}
.popupPdfDownBtn i.print{width:5em;height:5em;margin-right:0;margin-top:-4em;}
.writeBtn input,
.writeBtn button,
.writeBtn a { display:block; min-width:11.111em; height:2.666em; line-height:2.666em; padding:0 .5em; background:#301cad; border-radius:1.333em; color:#fff; text-align:center; font-size:1.125em; }
/* pageNav */
.pageNavArea { position:relative; margin-top:4.375em; }
.pageNav { display:flex; justify-content:center; align-items:center; text-align:center; }
.pageNav ul { display:flex; justify-content:center; align-items:center; }
.pageNav ul li { position:relative; width:2.3529em; line-height:3.1764em; font-size:1.063em; letter-spacing:-.05em; color:#737373; }
.pageNav ul li.ellipsis { width:auto; }
.pageNav ul li.total { margin-left:1.1764em; color:#909090; }
.pageNav ul li a { display:block; position:relative; color:#737373; }
.pageNav ul li strong { font-weight:700; color:#1a3ac5; }
.pageNav ul li strong::after { content:''; display:block; position:absolute; bottom:.9411em; left:50%; width:.647em; height:1px; margin-left:-.3235em; background:#1a3ac5; }
.pageNav .prev { margin-right:1.5em; }
.pageNav .next { margin-left:1.5em; }
.pageNav .prev a,
.pageNav .next a { display:block; width:2.5em; height:2.5em; background-position:center; background-repeat:no-repeat; background-size:1.125em auto; border:1px solid #dcdcdc; border-radius:50%; box-sizing:border-box; text-indent:-9999px; transition:all .15s; }
.pageNav .prev a { background-image:url(../images/board/btn_board_prev.png); }
.pageNav .next a { background-image:url(../images/board/btn_board_next.png); }
.pageNav .prev a:focus,
.pageNav .prev a:hover,
.pageNav .next a:focus,
.pageNav .next a:hover { background-color:#1a3ac5; border-color:#1a3ac5; }
.pageNav .prev a:focus,
.pageNav .prev a:hover { background-image:url(../images/board/btn_board_prev_on.png); }
.pageNav .next a:focus,
.pageNav .next a:hover { background-image:url(../images/board/btn_board_next_on.png); }
.pageGo { display:flex; align-items:center; position:absolute; top:0; right:0; }
.pageGo>ul { display:flex; align-items:center; }
.pageGo>ul>li { font-size:1.063em; letter-spacing:-.05em; color:#898989; }
.pageGo>ul>li em { color:#000; }
.pageGo>ul>li.input { margin-right:.8235em; }
.pageGo>ul>li.input input { width:3.5294em; line-height:2.1176em; font-weight:500; color:#1a3ac5; border:1px solid #dcdcdc; border-radius:.5rem; text-align:center; }
.pageGo>ul>li.input input::-webkit-inner-spin-button { appearance:none; -moz-appearance:none; -webkit-appearance:none; }
.pageGo>ul>li.btn { margin-left:.8235em; }
.pageGo>ul>li.btn a { display:block; width:2.7142em; height:2.7142em; font-size:.875em; font-weight:700; line-height:2.2857em; color:#898989; border:1px solid #dcdcdc; border-radius:50%; box-sizing:border-box; text-align:center; }
.pageGo .boardBtn { margin:0 0 0 1.875em; }
.pageNavArea .searchkeyword { position:absolute; top:0; left:0; width:13.375em; border:1px solid #dcdcdc; box-sizing:border-box; border-radius:0.5rem; }
.pageNavArea .searchkeyword input { width:100%; height:3.4666em; padding:0 3.125rem 0 1.25rem; font-size:.9375em; background:url(../images/sub/btn_filter_search_bk.png) no-repeat right 1.25rem center; background-size:1.063rem; border:none; box-sizing:border-box; }
/* board view */
.viewTit { display:flex; align-items:center; justify-content:space-between; width:100%; padding:1em 1.875em; border:1px solid #dcdcdc; border-width:1px 0; box-sizing:border-box; text-align:center; }
.viewTit h4 { font-size:1.25em; font-weight:500; letter-spacing:-.025em; line-height:1.3; }
.viewTit .viewInfo { display:flex; align-items:center; }
.viewTit .viewInfo li { position:relative; padding:0 .8em; font-size:.9375em; color:#505050; letter-spacing:-.025em; }
.viewTit .viewInfo li:first-child { padding-left:0; }
.viewTit .viewInfo li:last-child { padding-right:0; }
.viewTit .viewInfo li::before { content:''; display:block; position:absolute; top:50%; left:0; width:1px; height:1em; margin-top:-.5em; background:#dfdfdf; }
.viewTit .viewInfo li:first-child::before { display:none; }
.viewTit .viewInfo li span { display:inline-block; margin-left:.5em; }
.viewTit .icoStatus { display:inline-block; vertical-align:middle; margin:-.125em .25em 0 0; padding:.375em .9375em; font-size:1rem; border:1px solid; border-radius:2em; line-height:1; }
.viewTit .icoStatus.bg1 { border-color:#00813c; color:#00813c; }
.viewTit .icoStatus.bg2 { border-color:#6b6b6b; color:#6b6b6b; }
.viewContent { padding-top:3.375em; border-bottom:1px solid #dcdcdc; word-break:keep-all; }
.viewContent pre { margin:0; padding:0; background:transparent; }
.viewContent .viewContentInner { overflow:hidden; width:100%; margin:0 0 3.375em; padding:0 1.875em; white-space:normal; font-family:inherit; word-wrap:break-word; line-height:1.4; }
.viewContent .viewContentInner .img { text-align:center; }
.viewContent .viewContentInner .img .report { max-width:926px; margin-bottom:2em; border:1px solid #c2c2c2; box-sizing:border-box; }
.viewContent .viewContentInner p { padding:1rem 0; font-size:1.063em; letter-spacing:-.01em; }
.viewContent .viewContentInner iframe { min-height:1000px !important; }
/* board view - file */
.boardFile { overflow:hidden; padding:.9375em 2.1875em .9375em 1.5625em; border-top:1px solid #dcdcdc; box-sizing:border-box; }
.boardFile h5 { float:left; position:relative; width:5.2em; margin-top:.4666em; padding-left:.5333em; font-size:.9375em; font-weight:400; color:#656565; box-sizing:border-box; }
.boardFile h5::before { content:''; position:absolute; left:0; top:50%; width:.1333em; height:.1333em; margin-top:-.0666em; background:#656565; }
.boardFile h5::after { content:''; position:absolute; right:0; top:50%; width:1px; height:1.9333em; margin-top:-.9666em; background:#e1e1e1; }
.boardFile ul { margin-left:6.0625em; }
.boardFile ul li { overflow:hidden; position:relative; padding:.1875em 6.25em .1875em 0; box-sizing:border-box; }
.boardFile ul li i { float:left; display:inline-block; width:1.4375em; height:1.4375em; background-repeat:no-repeat; background-size:100%; text-indent:-9999px; }
.boardFile ul li span.fileName { overflow:hidden; display:block; margin-left:1.8666em; padding-top:.2em; line-height:1.3; font-size:.9375em; white-space:nowrap; text-overflow:ellipsis; }
.boardFile ul li .view { position:absolute; top:0; right:5.25em; width:4em; padding:0 .25em 0 0; box-sizing:border-box; }
.boardFile ul li .view:after { content:''; position:absolute; right:0; top:50%; width:1px; height:1em; margin-top:-.45em; background:#777; }
.boardFile ul li .btn { display:block; position:absolute; top:50%; right:0; margin-top:-.6em; padding-left:1.5333em; background-image:url(../images/board/btn_file_down.png); background-repeat:no-repeat; background-position:left center; background-size:1em auto; font-size:.9375em; color:#656565; line-height:1.2em; }
/* board view - comment */
.commentWrap { margin-top:4.375em; }
.commentForm { display:flex; position:relative; }
.commentForm .writeBox { flex-grow:1; position:relative; padding:1.875em; border:1px solid #dcdcdc; border-right:none; border-radius:.5rem 0 0 .5rem; }
.commentForm .writeBox .name { font-size:1.125em; }
.commentForm .writeBox textarea { width:100%; margin-top:.7647em; height:4em; border:none; box-sizing:border-box; font-size:1.063em; resize:none; }
.commentForm .writeBox textarea::-webkit-scrollbar { display:none; }
.commentForm .writeBox textarea::placeholder { color:#cecece; }
.commentForm .writeBox .txtCount { position:absolute; bottom:1.875em; right:1.875em; font-size:.9375em; font-weight:300; color:#7c7c7c; }
.lblCommentArea { width:100%; margin-top:.7647em; padding:0.875em; height:6em; border:1px solid #dcdcdc; box-sizing:border-box; font-size:1.063em; resize:none; border-radius:.5rem 0 0 .5rem; }
.commentForm .btn { flex-shrink:0; display:flex; align-items:center; justify-content:center; width:7.6865%; border:1px solid #dcdcdc; border-radius:0 .5rem .5rem 0; cursor:pointer; transition:all .15s; }
.commentForm .btn i { display:inline-block; width:1.25em; height:1.125em; margin-right:.3125em; background-image:url(../images/board/bg_board_btn.png); background-repeat:no-repeat; background-size:100% auto; vertical-align:middle; font-size:1rem; background-position:0 -3.625rem; }
.commentForm .btn input,
.commentForm .btn a { font-size:1.063em; font-weight:500; }
.commentForm .btn:focus,
.commentForm .btn:hover { background:#1a3ac5; }
.commentForm .btn:focus i,
.commentForm .btn:hover i { background-image:url(../images/board/bg_board_btn_on.png); }
.commentForm .btn:focus input,
.commentForm .btn:hover input,
.commentForm .btn:focus a,
.commentForm .btn:hover a { color:#fff; }
.commentList { position:relative; margin-top:4.375em; }
.commentList .count { padding:0 1.6666em 1em; font-size:1.125em; color:#808280; border-bottom:1px solid #dcdcdc; }
.commentList .count em { color:#1a3ac3; }
.commentList .tableInfo { position:absolute; top:.1875rem; right:1.875rem; margin:0; }
.commentList .item { padding:1.875em; border-bottom:1px solid #dcdcdc; }
.commentList .item .titArea { display:flex; justify-content:space-between; align-items:center; }
.commentList .item .titArea .tit .name { display:inline-block; vertical-align:middle; padding-left:1.2941em; font-size:1.063em; background-image:url(../images/board/icon_writer.png); background-repeat:no-repeat; background-position:left center; background-size:auto 1em; }
.commentList .item .titArea .tit .date { display:inline-block; vertical-align:middle; position:relative; margin-left:.7333em; padding-left:.7333em; font-size:.9375em; font-weight:300; color:#6b6b6b; }
.commentList .item .titArea .tit .date::before { content:''; display:block; position:absolute; top:.1333em; left:0; width:1px; height:.8em; background:#bebebe; }
.commentList .item .titArea .btn { display:flex; align-items:center; justify-content:center; transition:all .15s; }
.commentList .item .titArea .btn li i { display:inline-block; margin:-.125em .4375em 0 0; background-repeat:no-repeat; background-size:100%; vertical-align:middle; font-size:1rem; }
.commentList .item .titArea .btn li i.delete { width:.9375em; height:.875em; background-image:url(../images/board/btn_comment_delete.png); }
.commentList .item .titArea .btn li i.reply { width:.6875em; height:.8125em; background-image:url(../images/board/btn_comment_reply.png); }
.commentList .item .titArea .btn li i.modify { width:.875em; height:.875em; background-image:url(../images/board/btn_comment_modify.png); }
.commentList .item .titArea .btn li { margin-left:1.5em; }
.commentList .item .titArea .btn li button { font-size:1.063em; color:#6b6b6b; }
.commentList .item .txtArea { margin-top:1.25em; }
.commentList .item .txtArea pre { white-space:pre-wrap; font-size:1.063em; line-height:1.3; }
.commentList .item.reply { padding-left:5.125em; background-image:url(../images/board/bg_comment_reply.png); background-repeat:no-repeat; background-position:1.875em center; background-size:1.375em auto; }
/* board view - ctrl */
.viewCtrl { display:flex; justify-content:space-between; align-items:center; margin-top:4.375em; }
.viewCtrl .prevList a,
.viewCtrl .nextList a { display:block; }
.viewCtrl .prevList i,
.viewCtrl .nextList i { display:inline-block; vertical-align:middle; width:2.5em; height:2.5em; background-position:center; background-repeat:no-repeat; background-size:1.125em auto; border:1px solid #dcdcdc; border-radius:50%; box-sizing:border-box; text-indent:-9999px; transition:all .15s; }
.viewCtrl .prevList i { margin-right:.8125em; background-image:url(../images/board/btn_board_prev.png); }
.viewCtrl .nextList i { margin-left:.8125em; background-image:url(../images/board/btn_board_next.png); }
.viewCtrl .prevList a:focus i,
.viewCtrl .prevList a:hover i,
.viewCtrl .nextList a:focus i,
.viewCtrl .nextList a:hover i { background-color:#1a3ac5; border-color:#1a3ac5; }
.viewCtrl .prevList a:focus i,
.viewCtrl .prevList a:hover i { background-image:url(../images/board/btn_board_prev_on.png); }
.viewCtrl .nextList a:focus i,
.viewCtrl .nextList a:hover i { background-image:url(../images/board/btn_board_next_on.png); }
.viewCtrl .prevList span,
.viewCtrl .nextList span { display:inline-block; position:relative; vertical-align:middle; padding:1px 0; font-size:1.063em; color:#737373; letter-spacing:-.05em; }
.viewCtrl .prevList span::after,
.viewCtrl .nextList span::after { content:''; position:absolute; left:0; bottom:0; width:0; height:1px; }
.viewCtrl .prevList a:focus span::after,
.viewCtrl .prevList a:hover span::after,
.viewCtrl .nextList a:focus span::after,
.viewCtrl .nextList a:hover span::after { width:100%; background:#1a3ac5; transition:all .2s; }
.viewCtrl .prevList a:focus span,
.viewCtrl .prevList a:hover span,
.viewCtrl .nextList a:focus span,
.viewCtrl .nextList a:hover span { color:#1a3ac5; }
.viewCtrl .boardBtn { margin-top:0; }
/* board write */
.boardWrite .tit { margin:1.227em 1.909em 1.364em; color:#060606; font-size:1.375em; font-weight:400; text-align:left; }
.boardWrite .tit span { position:relative; display:inline-block; margin-left:0.357em; padding-left:1em; color:#8f8f8f; font-size:0.636em; }
.boardWrite .tit span:after { content:''; position:absolute; top:0; left:0; width:1px; height:100%; background-color:#cacdc9; }
.writeTbl { border-bottom:1px solid #dcdcdc; }
.writeTbl th { width:12.0588em; padding:1.75rem 1.875rem; border:1px solid #dcdcdc; border-width:1px 0; font-size:1.063em; font-weight:400; vertical-align:top; text-align:left; color:#6a6a6a; box-sizing:border-box; }
.writeTbl td { padding:.875em 1.875em; border:1px solid #dcdcdc; border-width:1px 0; vertical-align:middle; }
.writeTbl td.pd { padding:.875em 0; }
.writeTbl td input[type="text"] { width:100%; height:3rem; padding:0 .9375rem; font-size:1.063em; border:1px solid #dcdcdc; border-radius:.25rem; box-sizing:border-box; transition:all .15s; }
.writeTbl td input[type="text"]::placeholder { color:#cecece; }
.writeTbl td input[type="text"]:focus { border-color:#000; }
.writeTbl td input[type="text"].text { width:26.875rem; }
.writeTbl td .editor { height:16.625em; box-sizing:border-box; }
.writeTbl td .editor textarea { width:100%; height:100%; padding:.9375rem; border:1px solid #dcdcdc; resize:none; font-size:1.063em; border-radius:.25rem; transition:all .15s; }
.writeTbl td .editor textarea::-webkit-scrollbar { display:none; }
.writeTbl td .editor textarea::placeholder { color:#cecece; }
.writeTbl td .editor textarea:focus { border-color:#000; }
.writeTbl td .groupEmail { display:flex; align-items:center; }
.writeTbl td .groupEmail input[type="text"] { width:12.5rem; }
.writeTbl td .groupEmail .tilde { margin:0 .4117em; font-size:1.063em; color:#6a6a6a; }
.writeTbl td .groupEmail .domain { display:flex; align-items:center; }
.writeTbl td .groupEmail .domain .buttonSelect { margin-left:.625em; }
.writeTbl td .groupEmail .domain .buttonSelect button { min-width:11.25rem; height:3rem; padding:0 2.5rem 0 .9375rem; font-size:1.063em; border:1px solid #dcdcdc; border-radius:.25rem; box-sizing:border-box; }
.writeTbl td .groupEmail .domain .buttonSelect button::after { right:.9375rem; }
.writeTbl td .groupEmail .domain .selectList { top:2.8125em; width:100%; }
.writeTbl td .groupEmail .domain .selectList.top { top:auto; bottom:100%; margin:0 0 -.125em; }
.writeTbl td .tableInfo { margin-top:.3333em; font-weight:300; text-align:left; }
.writeTbl td .btnSel { display:flex; }
.writeTbl td .btnSel .buttonSelect { margin-left:.625em; }
.writeTbl td .btnSel .buttonSelect:first-child { margin-left:0; }
.writeTbl td .btnSel .buttonSelect button { min-width:11.25rem; height:3rem; padding:0 2.5rem 0 .9375rem; font-size:1.063em; border:1px solid #dcdcdc; border-radius:.25rem; box-sizing:border-box; }
.writeTbl td .btnSel .buttonSelect button::after { right:.9375rem; }
.writeTbl td .btnSel .selectList { top:100%; width:100%; }
.writeTbl ul.fileList li { overflow:hidden; display:flex; align-items:center; padding:.3125em 0; }
.writeTbl ul.fileList li .fileArea { position:relative; width:77.1028%; }
.writeTbl ul.fileList li .fileArea input[type="file"] { position:absolute; left:0; top:0; width:100%; height:3rem; padding:0 1.875rem; font-size:1.063em; box-sizing:border-box; opacity:0; }
.writeTbl ul.fileList li .fileArea span { display:block; }
.writeTbl ul.fileList li .fileArea span input { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.writeTbl ul.fileList li .txt { width:77.1028%; padding:.8125em 0.9375em; border:1px solid #dcdcdc; border-radius:.25em; box-sizing:border-box; }
.writeTbl ul.fileList li .txt span { font-size:1.063em; }
.writeTbl ul.fileList li .btn { margin-left:.625em; }
.writeTbl ul.fileList li .btn .delBtn { position:relative; }
.writeTbl ul.fileList li .btn .delBtn input { overflow:hidden; position:absolute; left:-10000px; width:1px; height:1px; }
.writeTbl ul.fileList li .btn .delBtn label { display:inline-block; cursor:pointer; position:relative; width:3em; height:3em; border:1px solid #dcdcdc; border-radius:.25em; text-indent:-9999px; box-sizing:border-box; transition:all .15s; }
.writeTbl ul.fileList li .btn .delBtn label::before,
.writeTbl ul.fileList li .btn .delBtn label::after { content:''; position:absolute; left:50%; top:50%; width:1.063em; height:1px; margin-top:-1px; margin-left:-.46875em; background:#000; transform:rotate(45deg); }
.writeTbl ul.fileList li .btn .delBtn label::after { transform:rotate(135deg); }
.writeTbl ul.fileList li .btn .delBtn input:checked + label { background:#1a3ac5; border-color:#1a3ac5; }
.writeTbl ul.fileList li .btn .delBtn input:checked + label::before,
.writeTbl ul.fileList li .btn .delBtn input:checked + label::after { background:#fff; }
.writeTbl ul.fileList li .btn button { overflow:hidden; position:relative; width:3em; height:3em; border:1px solid #dcdcdc; border-radius:.25em; text-indent:-9999px; box-sizing:border-box; }
.writeTbl ul.fileList li .btn .minus:before,
.writeTbl ul.fileList li .btn .plus:before,
.writeTbl ul.fileList li .btn .plus:after { content:''; position:absolute; left:50%; top:50%; width:.9375em; height:1px; margin-top:-1px; margin-left:-.46875em; background:#000; }
.writeTbl ul.fileList li .btn .plus:after { transform:rotate(90deg); }
.writeTbl ul.fileList li .btn .download { background-image:url(../images/board/icon_download.png); background-repeat:no-repeat; background-position:center; background-size:.9375em auto; }
.writeTbl ul.fileList li .label { margin-left:.625em; }
.writeTbl ul.fileList li .label label { position:relative; display:flex; align-items:center; justify-content:center; width:100%; height:3rem; padding:0 .7647em; font-size:1.063em; border:1px solid #2544c8; border-radius:0.25rem; box-sizing:border-box; color:#2544c8; cursor:pointer; }
.writeTbl ul.fileList li .label label span { padding-left:1.4117em; background-image:url(../images/board/icon_attach.png); background-repeat:no-repeat; background-position:left center; background-size:.9375rem auto; }
/* check */
.checkList,
.radioList { display:flex; flex-wrap:wrap; }
.checkList li,
.radioList li { overflow:hidden; position:relative; }
.checkList li input[type="checkbox"],
.radioList li input[type="radio"] { overflow:hidden; position:absolute; left:0; top:0; width:1px; height:1px; margin-left:-9999px; }
.checkList li input[type="checkbox"] + label,
.radioList li input[type="radio"] + label { display:block; position:relative; margin-right:1.7647em; padding:.1176em 0 .1176em 1.7058em; font-size:1.063rem; line-height:1.1; cursor:pointer; }
.radioList li input[type="radio"] + label { padding:.1176em 0 .1176em 1.5882em; }
.checkList li input[type="checkbox"] + label::before,
.radioList li input[type="radio"] + label::before { content:''; display:block; position:absolute; top:.0588em; left:0; width:1.1764em; height:1.1764em; border:1px solid #dcdcdc; border-radius:50%; box-sizing:border-box; transition:all .15s; }
.checkList li input[type="checkbox"] + label::before { top:0; width:1.2941em; height:1.2941em; }
.checkList li input[type="checkbox"] + label::after { content:''; display:block; position:absolute; top:.4117em; left:.3529em; width:.4705em; height:.2352em; border:2px solid #b7b7b7; border-top:0; border-right:0; transform:rotate(-45deg); transition:all .15s; }
.checkList li input[type="checkbox"]:checked + label::before { background:#1a3ac5; border-color:#1a3ac5; }
.checkList li input[type="checkbox"]:checked + label::after { border-color:#fff; }
.radioList li input[type="radio"] + label::after { content:''; display:block; position:absolute; top:.4117em; left:.3529em; width:.4705em; height:.4705em; border-radius:50%; transition:all .15s; }
.radioList li input[type="radio"]:checked + label::before { background:#1a3ac5; border-color:#1a3ac5; }
.radioList li input[type="radio"]:checked + label::after { background:#fff; }
.checkList.text { display:block; }
.checkList.text li { overflow:visible; display:flex; align-items:center; }
.checkList.text li .check { flex-shrink:0; width:8.4375em; }
.checkList.text li .check label { margin-right:0; }
.checkList.text li .input { flex-grow:1; }
@media screen and (max-width:960px) { 
	.boardStyle { padding:0 5.5555%; }
    /* board List */
	.boardList .num,
	.boardList .writer,
	.boardList .date,
	.boardList .hits { display:none; }
	.boardList .subject { padding-left:0; }
	.boardList th,
	.boardList td { font-size:1em; }
	.boardList th { padding:1.0909em 0; }
	.boardList td.subject a { font-size:1.0909em; }
	.boardList td .new { width:2.5454rem; height:1.1818rem; margin-right:0.4545rem; background-image:url(../images/sub/ico_new_mo.png); }
	.boardList td .icoStatus { padding:.4545em 1em; }
	/* board List - btn */
	.boardBtn { margin-top:3.2727em; }
	.boardBtn a,
	.boardBtn input,
	.boardBtn button { padding:0 1.3333em; font-size:1.0909em; line-height:3.1666em; }
	.boardBtn i { width:1.2727em; height:1.2727em; background-image:url(../images/board/bg_board_btn_mo.png); }
	.boardBtn a:focus i,
	.boardBtn a:hover i,
	.boardBtn input:focus i,
	.boardBtn input:hover i,
	.boardBtn button:focus i,
	.boardBtn button:hover i { background-image:url(../images/board/bg_board_btn_on_mo.png); }
	.boardBtn i.list { background-position:0 -14.5454em; }
	.boardBtn i.write { background-position:0 -3.6363em; }
	.boardBtn i.cancle { background-position:0 -7.2727em; }
	.boardBtn i.delete { background-position:0 -10.8181em; }
	.boardBtn i.modify { background-position:0 -1.2727em; }
	.boardBtn i.next { background-image:url(../images/board/bg_board_btn_next_mo.png); }	
	.boardBtn a:focus i.next,
	.boardBtn a:hover i.next { background-image:url(../images/board/bg_board_btn_next_on_mo.png); }	
	.boardBtn i.print {width:1.7em; background-image:url(../images/board/bg_board_btn_print_mo.png);}
	.boardBtn a:focus i.print,
	.boardBtn a:hover i.print {width:1.7em; background-image:url(../images/board/bg_board_btn_print_on_mo.png); }	
	.boardBtn i.kakao { background-image:url(../images/board/bg_board_btn_kakao_mo.png); }
	.boardBtn a:focus i.kakao,
	.boardBtn a:hover i.kakao { background-image:url(../images/board/bg_board_btn_kakao_on_mo.png); }	
	.boardBtn i.leave { background-image:url(../images/board/bg_board_btn_leave_mo.png); }
	.boardBtn a:focus i.leave,
	.boardBtn a:hover i.leave { background-image:url(../images/board/bg_board_btn_leave_on_mo.png); }	
	/* pageNav */
	.pageNavArea { margin-top:3.1818em; }
	.pageNav ul li { display:none; width:auto; font-size:1.3636em; line-height:2.3333em; }
	.pageNav ul li.active { display:block; }	
	.pageNav ul li.total { display:block; margin-left:.5333em; }
	.pageNav ul li.total::before { content:'/'; margin-right:.5333em; }
	.pageNav ul li strong::after { display:none; }
	.pageNav .prev { margin-right:1.8181em; }
	.pageNav .next { margin-left:1.8181em; }
	.pageNav .prev a,
	.pageNav .next a { width:3.1818em; height:3.1818em; background-size:auto 1em; }
	.pageNav .prev a { background-image:url(../images/board/btn_board_prev_mo.png); }
	.pageNav .next a { background-image:url(../images/board/btn_board_next_mo.png); }
	.pageNav .prev a:focus,
	.pageNav .prev a:hover { background-image:url(../images/board/btn_board_prev_on_mo.png); }
	.pageNav .next a:focus,
	.pageNav .next a:hover { background-image:url(../images/board/btn_board_next_on_mo.png); }
	.pageGo { position:static; display:block; margin-top:2.2727em; }
	.pageGo>ul { display:none; }
	.pageGo .boardBtn { margin:0; text-align:center; }
    .pageNavArea .searchkeyword { position:static; width:100%; margin-bottom:2.2727em; }
    .pageNavArea .searchkeyword input { padding:0 3.3333em 0 1.5em; height:auto; line-height:3.75em; font-size:1.0909em; background-repeat:no-repeat; background-position:right 1em center; background-image:url(../images/sub/icon_search_mo.png); background-size:1.3333em; color:#1a3ac5; border-radius:0.3636rem; }
	/* board view */
	.viewTit { display:block; padding:0; text-align:left; }
	.viewTit h4 { padding:1.0714em 0; font-size:1.2727em; }
	.viewTit .viewInfo { border-top:1px solid #dcdcdc; }
	.viewTit .viewInfo li { padding:1.1666em .5em; font-size:1.0909em; }
	.viewTit .icoStatus { padding:.4545em 1em; }
	.viewContent { padding-top:3.1818em; }
	.viewContent .viewContentInner { margin-bottom:2em; padding:0; }
	.viewContent .viewContentInner .img .report { max-width:100%; }
	.viewContent .viewContentInner p { font-size:1.0909em; }
	/* board view - file */
	.boardFile { padding:1.3636em 0 .909em; }
	.boardFile h5 { float:none; width:100%; margin:0; padding:0; font-size:1.0909em; font-weight:500; color:#000; }
	.boardFile h5::before { display:none; }
	.boardFile h5::after { display:none; }
	.boardFile ul { margin:.6363em 0 0; }
	.boardFile ul li { padding:.4545em 2.2727em .4545em 0; }
	.boardFile ul li i { width:1.0454em; height:1.0454em; margin-top:.0909em; }
	.boardFile ul li span.fileName { margin-left:1.6666em; padding:0; font-size:1.0909em; color:#6a6a6a; }
	.boardFile ul li .btn { width:1.0454em; height:1em; padding:0; font-size:1em; text-indent:-9999px; background-image:url(../images/board/btn_file_down_mo.png); }
	/* board view - comment */
    .commentWrap { margin-top:4.0909em; }
    .commentForm .writeBox { padding:1.3636em; }
    .commentForm .writeBox .name { font-size:1.0909em; }
    .commentForm .writeBox textarea { font-size:1.0909em; }
    .commentForm .writeBox .txtCount { right:1.3636em; bottom:1.3636em; font-size:1em; }
    .commentForm .btn { width:6em; }
    .commentForm .btn i { width:1.2727em; height:1.2727em; background-image:url(../images/board/bg_board_btn_mo.png); }
    .commentForm .btn:focus i,
    .commentForm .btn:hover i { background-image:url(../images/board/bg_board_btn_on_mo.png); }
    .commentForm .btn input { font-size:1.0909em; }
    .commentList { margin-top:4.0909em; }
    .commentList .count { padding:0 0 1em; font-size:1.3636em; color:#000; }
    .commentList .tableInfo { position:static; padding:.909em 0 !important; font-size:1.0909em !important; border-bottom:1px solid #dcdcdc; text-align:left; word-break:keep-all; }
    .commentList .item { padding:1.8181em 0; }
    .commentList .item .titArea .tit .name { font-size:1.0909em; background-image:url(../images/board/icon_writer_mo.png); background-size:.9166em auto; }
    .commentList .item .titArea .tit .date { font-size:1.0909em; }
    .commentList .item .titArea .btn li i.delete { width:.8181em; height:1em; background-image:url(../images/board/btn_comment_delete_mo.png); }
    .commentList .item .titArea .btn li i.reply { width:.7727em; height:.909em; background-image:url(../images/board/btn_comment_reply_mo.png); }
    .commentList .item .titArea .btn li i.modify { width:.9545em; height:.9545em; background-image:url(../images/board/btn_comment_modify_mo.png); }
    .commentList .item .titArea .btn li { margin-left:1em; }
    .commentList .item .titArea .btn li button { font-size:1.0909em; }
    .commentList .item .txtArea pre { font-size:1.0909em; }
    .commentList .item.reply { padding-left:2.8181em; background-image:url(../images/board/bg_comment_reply_mo.png); background-size:1.4545em auto; background-position:left center; }
    /* board view - ctrl */
    .viewCtrl { justify-content:center; margin-top:4.0909em; }
    .viewCtrl .prevList,
    .viewCtrl .nextList { display:none; }
	.viewCtrl .prevList span,
	.viewCtrl .nextList span { display:none; }
	/* board write */
    .writeTbl th { width:6.666em; padding:1.25em 0; font-size:1.0909em; }
    .writeTbl td { padding:1.25em 0; word-break:break-all; }
    .writeTbl td input[type="text"] { height:3.75em; font-size:1.0909rem; }
    .writeTbl td input[type="text"].text { width:100%; }
    .writeTbl td .editor { height:13.6363em; }
    .writeTbl td .editor textarea { font-size:1.0909rem; }
    .writeTbl td .groupEmail { flex-wrap:wrap; margin-top:1em; }
    .writeTbl td .groupEmail input[type="text"] { width:90%; }
    .writeTbl td .groupEmail .tilde { font-size:1.0909em; }
    .writeTbl td .groupEmail .domain { display:block; width:100%; margin-top:.2727em; }
    .writeTbl td .groupEmail .domain input[type="text"] { width:100%; }
    .writeTbl td .groupEmail .domain .buttonSelect { margin:.2727em 0 0; }
    .writeTbl td .groupEmail .domain .buttonSelect button { height:3.75em; font-size:1.0909rem; }
    .writeTbl td .tableInfo { margin-top:.7272em; font-size:1rem !important; }
	.writeTbl td .btnSel { display:block; }
	.writeTbl td .btnSel .buttonSelect { margin:.2727em 0 0; }
    .writeTbl td .btnSel .buttonSelect button { min-width:auto; height:3.75em; font-size:1.0909rem; }
    .writeTbl ul.fileList { margin:-.4545em 0; }
	.writeTbl ul.fileList li { flex-wrap:wrap; padding:.4545em 0; }
	.writeTbl ul.fileList li .fileArea { width:100%; margin-bottom:.2727em; }
    .writeTbl ul.fileList li .fileArea input[type="file"] { height:3.75em; font-size:1.0909rem; }
    .writeTbl ul.fileList li .txt { flex-grow:1; width:auto; padding:0 0.9375em; }
    .writeTbl ul.fileList li .txt span { font-size:1.0909em; line-height:3.5833em; }
    .writeTbl ul.fileList li .btn { flex-shrink:0; width:4.0909em; margin-left:.4545em; }
    .writeTbl ul.fileList li .btn .delBtn label { width:4.0909em; height:4.0909em; }
    .writeTbl ul.fileList li .btn .delBtn label::before,
    .writeTbl ul.fileList li .btn .delBtn label::after { width:1em; }
    .writeTbl ul.fileList li .btn button { width:4.0909em; height:4.0909em; }
    .writeTbl ul.fileList li .btn .minus:before,
    .writeTbl ul.fileList li .btn .plus:before,
    .writeTbl ul.fileList li .btn .plus:after { width:1em; }
	.writeTbl ul.fileList li .btn .download { background-image:url(../images/board/btn_file_down_mo.png); background-size:auto 1em; }
    .writeTbl ul.fileList li .label { width:49.5%; margin:0; }
    .writeTbl ul.fileList li .label label { height:3.75em; font-size:1.0909rem; }
	.writeTbl ul.fileList li .label label span { background-image:url(../images/board/icon_attach_mo.png); background-size:auto 1rem; }
    /* check */
    .checkList li input[type="checkbox"] + label,
    .radioList li input[type="radio"] + label { margin-right:1em; font-size:1.0909rem; }
    .checkList li input[type="checkbox"] + label::before,
    .radioList li input[type="radio"] + label::before { top:.0833em; width:1.1666em; height:1.1666em; margin:0; }
    .checkList li input[type="checkbox"] + label::before { top:0; width:1.3333em; height:1.3333em; }
    .checkList li input[type="checkbox"] + label::after { top:.4166em; left:.4166em; width:.5em; height:.25em; border-width:1px; }
    .radioList li input[type="radio"] + label::after { top:.4166em; left:.3333em; width:.5em; height:.5em; margin:0; }
    .checkList.text li { display:block; }
    .checkList.text li .check { width:100%; }
}

/* filter */  
.filterWrap { max-width:1340px; margin:0 auto 4.375em; padding:0 1.25em; }
.filterWrap .inner,
.filterWrap2 .inner { display:flex; align-items:center; position:relative; font-weight:500; border:1px solid #dcdcdc; border-radius:.5rem; box-sizing:border-box; }
.filterWrap2 .inner { align-items:flex-start; }
.filterWrap .selectItem { display:flex; align-items:center; }
.filterWrap .selectItem .buttonSelect,
.filterWrap .selectItem .buttonSelectCk { min-width:14.375em; }
.filterWrap .selectItem.col2 .buttonSelect,
.filterWrap .selectItem.col2 .buttonSelectCk { min-width:11.875em; }
.filterWrap .selectItem .buttonSelect::before,
.filterWrap .selectItem .buttonSelectCk::before { content:''; display:block; position:absolute; top:50%; left:-1px; width:1px; height:1.6875em; margin-top:-.84375em; background:#e1e1e1; }
.filterWrap .selectItem .buttonSelect button,
.filterWrap .selectItem .buttonSelectCk button { height:4.5625rem; padding:0 3.75rem 0 1.875rem; font-size:1.063em; font-weight:500; }
.filterWrap .selectItem .buttonSelect button::after,
.filterWrap .selectItem .buttonSelectCk button::after { right:1.875rem; }
.filterWrap .periodItem { position:relative; padding:0 1.125em; }
.filterWrap .periodItem::before { content:''; display:block; position:absolute; top:50%; left:-1px; width:1px; height:1.6875em; margin-top:-0.84375em; background:#e1e1e1; }
.filterWrap .periodItem .buttonSelect .viewCode { display:none; }
.filterWrap .periodItem .selectList { display:flex; align-items:center; position:static; width:auto; min-width:auto; margin:0; padding:0; border:none; box-shadow:none; transform:none; }
.filterWrap .periodItem .selectList::before { display:none; }
.filterWrap .periodItem .selectList ul { display:flex; align-items:center; position:relative; }
.filterWrap .periodItem .selectList ul li { margin:0 .75em; }
.filterWrap .periodItem .selectList ul li label { display:inline; padding:.1176em 0; font-size:1.063em; line-height:4.5625rem; transition:none; }
.filterWrap .periodItem .selectList ul li label::after { display:none; }
.filterWrap .periodItem .selectList ul li label:focus,
.filterWrap .periodItem .selectList ul li label:hover { color:#000; }
.filterWrap .periodItem .selectList ul li.active label { color:#1a3ac5; border-bottom:2px solid #1a3ac5; }
.filterWrap .moPeriod { display:none; }
.filterWrap .dateItem { display:flex; align-items:center; position:relative; padding:0 1.875em; }
.filterWrap .dateItem::before { content:''; display:block; position:absolute; top:50%; left:-1px; width:1px; height:1.6875em; margin-top:-.84375em; background:#e1e1e1; }
.filterWrap .turmDate{ display:flex; align-items:center; position:relative;padding:unset }
.filterWrap .turmDate::before { content:''; display:block; position:absolute; top:50%; left:-1px; width:1px; height:1.6875em; margin-top:-.84375em; background:none;}
.filterWrap .dateItem input { width:10em; padding-left:1.7647em; line-height:4.5625rem; border:none; font-size:1.063em; background:url(../images/sub/icon_calrendar.png) no-repeat left center; background-size:1.1764em auto; }
.filterWrap .dateItem.month input { width:7.647em; }
.filterWrap .dateItem.year input { width:5.8823em; }
.filterWrap .dateItem .tilde { margin:0 1em 0 .625em; line-height:3.625em; }
.filterWrap .weekItem { display:flex; align-items:center; position:relative; padding:0 1.25em 0 1.875em; }
.filterWrap .weekItem::before { content:''; display:block; position:absolute; top:50%; left:-1px; width:1px; height:1.6875em; margin-top:-.84375em; background:#e1e1e1; }
.filterWrap .weekItem .tilde { margin:0 1em 0 .625em; line-height:3.625em; }
.filterWrap .weekItem .weekSelect { position:relative; }
.filterWrap .weekItem .weekBtn button { width:10.2941em; line-height:4.5625rem; padding-left:1.7647em; font-size:1.063em; background:url(../images/sub/icon_calrendar.png) no-repeat left center; background-size:1.1764em auto; text-align:left; }
.filterWrap .inputItem { position:relative; padding:0 1.875em; }
.filterWrap .inputItem::before { content:''; display:block; position:absolute; top:50%; left:-1px; width:1px; height:1.6875em; margin-top:-.84375em; background:#e1e1e1; }
.filterWrap .inputItem .searchkeyword { width:14.375em; }
.filterWrap .inputItem input { width:100%; height:4.5625rem; padding-right:1.875rem; font-size:1.063em; background-image:url(../images/sub/btn_filter_search_bk.png); background-repeat:no-repeat; background-position:right center; background-size:1em; border:none; }
.filterWrap .inputItem .searchKey { margin-top:-.125em; }
.filterWrap .inputItem .orderBtn{width:30px;height:30px;transition:.4s;}
.filterWrap .inputItem .asc{background:url(../images/sub/icon_growth_col5_mo.png) no-repeat center center !important; transform:rotate(-90deg);}
.filterWrap .inputItem .desc{background:url(../images/sub/icon_growth_col3_mo.png) no-repeat center center !important; transform:rotate(90deg);}
.filterWrap.auto .dateItem { padding:0 .625em 0 1.25em; }
.filterWrap.auto .dateItem .tilde { margin:0 .8125em 0 .125em; }
.filterWrap.auto .selectItem .buttonSelect { min-width:auto; }
.filterWrap.auto .selectItem .buttonSelect button { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; max-width:9.375rem; padding:0 3.125rem 0 1.25rem; }
.filterWrap.auto .selectItem .buttonSelect button::after { right:1.25rem; }
.filterWrap.auto .periodItem { padding:0 .75em; }
.filterWrap.auto .periodItem .selectList ul li { margin:0 .5em; }
.filterWrap.auto .weekItem { padding:0 .625em 0 1.25em; }
.filterWrap.auto .weekItem .tilde { margin:0 .5em 0 .125em; }
.filterWrap.auto2 .periodItem { padding:0 .75em; }
.filterWrap.auto2 .periodItem .selectList ul li { margin:0 .5em; }
.filterWrap.total .periodItem {display:flex;align-items:center;}
.filterWrap.total .periodItem li { overflow:hidden; position:relative; margin:0 .75em; }
.filterWrap.total .periodItem input { overflow:hidden; position:absolute; left:0; top:0; width:1px; height:1px; margin-left:-9999px; }
.filterWrap.total .periodItem label { display:inline; position:relative; padding:.1176em 0; font-size:1.063em; line-height:4.5625rem; cursor:pointer; }
.filterWrap.total .periodItem input:checked + label { color:#1a3ac5; border-bottom:2px solid #1a3ac5; }
.filterWrap .filterItem .checkItem{display: flex;align-items: center;position: relative;padding: 0 1.875em;}
.filterWrap .filterItem .checkItem p,label{margin-right:8px;}
.filterWrap .filterItem .checkItem input{width:19px;height:19px;}
.filterWrap .filterItem{width: 14.125em;padding: 0 1.063em;}
.filterWrap .noneWid{width: unset;padding: 0 1.063em;}
.filterWrap .pumSelWrap{position:relative;border-bottom:1px solid #dcdcdc;}
.filterWrap .pumSelWrap #itemSearch{width: 100%;padding-right: 2.647em;line-height: 2.3529em;border: none;font-size: 1.063em;background-repeat: no-repeat;background-position: right center;}

.filterWrap .btnFilter{padding:0 !important;}
.filterWrap .btnFilter,
.filterWrap2 .btnFilter { position:absolute; top:0; right:0; height:100%; }
.filterWrap .btnFilter button,
.filterWrap2 .btnFilter button { overflow:hidden; display:block; position:relative; height:100%; padding:0 1.8823em; border-left:1px solid #e1e1e1; font-size:1.063em; transition:all .15s; border-radius:0 .5rem .5rem 0; }
.filterWrap .btnFilter button span,
.filterWrap2 .btnFilter button span { display:inline-block; overflow:hidden; position:relative; padding:.1764em 0 .1176em 1.5294em; font-weight:500; line-height:1.3; color:#565656; background-image:url(../images/sub/btn_filter_search2_off.png); background-repeat:no-repeat; background-position:left center; background-size:1.1764em auto; transition:all .15s; }
.filterWrap .btnFilter button span::before,
.filterWrap2 .btnFilter button span::before { content:''; position:absolute; left:0; bottom:0; width:0; height:1px; }
.filterWrap .btnFilter button.active span,
.filterWrap2 .btnFilter button.active span { background-image:url(../images/sub/btn_filter_search2.png); color:#1a3ac5; }
.filterWrap .btnFilter button.active span::before,
.filterWrap2 .btnFilter button.active span::before { width:100%; background:#1a3ac5; transition:all linear .2s; }
.filterWrap .btnFilter button:focus,
.filterWrap .btnFilter button:hover,
.filterWrap2 .btnFilter button:focus,
.filterWrap2 .btnFilter button:hover { background:#1a3ac5; }
.filterWrap .btnFilter button:focus span,
.filterWrap .btnFilter button:hover span,
.filterWrap2 .btnFilter button:focus span,
.filterWrap2 .btnFilter button:hover span,
.filterWrap .btnFilter button.active:focus span,
.filterWrap .btnFilter button.active:hover span,
.filterWrap2 .btnFilter button.active:focus span,
.filterWrap2 .btnFilter button.active:hover span { background-image:url(../images/sub/btn_filter_search2_on.png); color:#fff; }
.filterWrap .btnFilter button.active:focus span::before,
.filterWrap .btnFilter button.active:hover span::before,
.filterWrap2 .btnFilter button.active:focus span::before,
.filterWrap2 .btnFilter button.active:hover span::before { background:#fff; }

/* filter2 */  
.filterWrap2 { max-width:1340px; margin:0 auto 4.375em; padding:0 1.25em; }
.filterWrap2 .inner { padding:1.125em 8.125em 1.875em .9375em; }
.filterWrap2 .filterItem { width:14.125em; padding:0 1.063em; }
.filterWrap2 .filterItem input { width:100%; padding-right:2.647em; line-height:2.3529em; border:none; font-size:1.063em; background-repeat:no-repeat; background-position:right center; }
.filterWrap2 .dateItem { position:relative; border-bottom:1px solid #dcdcdc; }
.filterWrap2 .dateItem input { background-image:url(../images/sub/icon_calrendar.png); background-size:1.1764em auto; }
.filterWrap2 .dateItem .txt,
.filterWrap2 .dateItem .txt { display:block; position:absolute; top:.647em; right:2.5882em; font-size:1.063em; color:#333; }
.filterWrap2 .dateItem .pickerSDate,
.filterWrap2 .dateItem .pickerEDate { position:relative; padding-right:4.6875em; }
.filterWrap2 .inputItem { position:relative; border-bottom:1px solid #dcdcdc; }
.filterWrap2 .inputItem .searchkeyword { width:100%; }
.filterWrap2 .inputItem .searchKey { margin-top:-.125em; }
.filterWrap2 .inputItem input { background-image:url(../images/sub/btn_filter_search_bk.png); background-size:1em; }
.filterWrap2 .selectItem { position:relative; border-bottom:1px solid #dcdcdc; }
.filterWrap2 .selectItem .buttonSelectCk button { padding-right:2.647em; line-height:2.3529em; border:none; font-size:1.063em; background-repeat:no-repeat; background-position:right center; }
.filterWrap2 .bestKey { display:flex; justify-content:space-between; margin-top:.75em; }
.filterWrap2 .bestKey li { overflow:hidden; width:50%; position:relative; padding:0 .25em; box-sizing:border-box; }
.filterWrap2 .bestKey li:first-child { padding-left:0; }
.filterWrap2 .bestKey li:last-child { padding-right:0; }
.filterWrap2 .bestKey input { overflow:hidden; position:absolute; left:0; top:0; width:1px; height:1px; margin-left:-9999px; }
.filterWrap2 .bestKey label { overflow:hidden; position:relative; display:block; width:6.75em; padding:.5em .1875em; text-align:center; color:#606060; text-overflow:ellipsis; white-space:nowrap; background:#f2f2f4; box-sizing:border-box; cursor:pointer; border-radius:1.875em; transition:all .15s; }
.filterWrap2 .bestKey label:focus,
.filterWrap2 .bestKey label:hover { background:#e1e1e3; }
.filterWrap2 .bestKey input:checked + label { background:#1a3ac5; color:#fff; font-weight:700; }
.filterWrap2 .bestKey .icoBest { display:inline-block; vertical-align:bottom; width:1.3125em; height:.9375em; margin-right:.4375em; background:url(../images/sub/ico_best.png) no-repeat center; background-size:100%; }

/* .filterWrap.aiBoard .inner {padding:1.125em 8.125em 1.125em .9375em; }
.filterWrap.aiBoard .aiSearchArea {width: calc(100% - .9375em); display:flex; flex-direction:column;}
.filterWrap.aiBoard .aiSearchArea .aiSearchLine {border-bottom: 1px solid #e1e1e1; display:flex; align-items:center; padding-bottom: 1.125em}
.filterWrap.aiBoard .aiSearchArea .aiSearchLine:last-child {border: 0; padding: 1.125em 0 0;}
.filterWrap.aiBoard p.viewCode {padding: 0;}
.filterWrap.aiBoard .filterItem {display: flex; align-items: center;}
.filterWrap.aiBoard .filterItem label.filterLabel {line-height:4.5625rem; border:none; font-size:1.063em; background:url(../images/sub/icon_filter.svg) no-repeat left center; background-size:1.1764em auto; padding-left: 1.7647em; margin-right: 1em}
.filterWrap.aiBoard .filterItem{width: 17.125em;padding: 0 1.063em;}
.filterWrap.aiBoard .filterItem.noneWid{width: unset} */

.filterWrap.aiBoard {word-break: keep-all; padding: 0; margin: 0 auto 4.375em;}
.filterWrap.aiBoard .filterArea {width: calc(100% - 120px); display: flex; flex-direction: column;}
.filterWrap.aiBoard .filterLine {border-bottom: 1px solid #dcdcdc; display: flex;  padding: 0 .9375em;}
.filterWrap.aiBoard .filterLine:last-child {border: 0;}
.filterWrap.aiBoard .filterLine .filterItem {width: 48%; display: flex; align-items: center;}
/* .filterWrap.aiBoard .filterLine .filterItem.wid1 {width: 17.125em} */
.filterWrap.aiBoard .filterLine .filterItem.wid1 {width: 40%;}
.filterWrap.aiBoard .filterLine .filterItem.wid1 .selectItem .checkSelect .selectList {width: 100%;}
.filterWrap.aiBoard .filterLine .filterItem.wid2 {width: 50%; padding: 0;}
.filterWrap.aiBoar .inputItem {width: calc(100% / 3)}
.filterWrap.aiBoard .filterLine .aiDateBox {width: 50%; display: flex; align-items: center;}
.filterWrap.aiBoard .filterLine .aiDateBox .btw {width: 4%; height: 100%; display: flex; align-items: center; justify-content: center;}
.filterWrap.aiBoard label.filterLabel {line-height:4.5625rem; border:none; font-size:1.063em; background:url(../images/sub/icon_filter.svg) no-repeat left center; background-size:1.1764em auto; padding-left: 1.7647em; margin-right: 1em; white-space: nowrap;}
.filterWrap.aiBoard .filterLine .selectItem {width: 100%;}
.filterWrap.aiBoard .filterLine .selectItem .checkSelect {width: 100%;}
.filterWrap.aiBoard .filterLine .inputItem {width: 20%;}
.filterWrap.aiBoard .filterLine .inputItem .searchkeyword {width: 100%;}

.filterWrap.aiBoard .filterItem input { width:100%; padding-right:2.647em; line-height:2.3529em; border:none; font-size:1.063em; background-repeat:no-repeat; background-position:right center; }
.filterWrap.aiBoard .filterItem .checkItem {width: 100%; justify-content: space-around;}
.filterWrap.aiBoard .filterItem .checkItem .filterLabel {margin-right: .625em;}
.filterWrap.aiBoard .filterItem .checkItem input{width:19px;height:19px; margin-right: 3em;}
.filterWrap.aiBoard .filterItem .checkItem :last-child {margin-right: 0;}
.filterWrap.aiBoard .dateItem { position:relative; border-bottom:1px solid #dcdcdc; padding: 0;}
.filterWrap.aiBoard .dateItem::before {content: none;}
.filterWrap.aiBoard .dateItem input { background-image:url(../images/sub/icon_calrendar.png); background-size:1.1764em auto; padding-left: 0;}
.filterWrap.aiBoard .dateItem .txt {display:none; position:absolute; top:.647em; right:2.5882em; font-size:1.063em; color:#333; }
.filterWrap.aiBoard .dateItem .pickerSDate,
.filterWrap.aiBoard .dateItem .pickerEDate { position:relative; padding-right:4.6875em; }

/* 241129 Choo */
@media screen and (max-width:1080px) {
	.filterWrap.aiBoard .filterLine .filterItem {width: 13.125em;}
	.filterWrap.aiBoard .selectItem .buttonSelect {min-width: 13.375em;}
	
	.filterWrap .filterItem .checkItem {padding: 0 1.375em;}
	.filterWrap.aiBoard .filterItem .checkItem input {margin-right: 1em;}
	.filterWrap .inputItem .searchkeyword {width: 10.375em;}
}
@media screen and (max-width:960px) { 
	.filterWrap.aiBoard .filterArea {width: 100%;}
	.filterWrap.aiBoard .filterLine {border: 0; flex-direction: column; padding: 0;}
	.filterWrap.aiBoard .filterLine:first-child {border: 1px solid #dcdcdc; border-radius: .5rem; flex-direction: unset; padding: 0 .9375em; margin-bottom: .9375em;}
	.filterWrap.aiBoard .filterLine .filterItem.wid1 {width: calc(100% / 3);}
	.filterWrap.aiBoard .filterLine .filterItem.wid2 {width: calc(100% / 3); justify-content: center;}
	.filterWrap.aiBoard .filterLine .inputItem {width: calc(100% / 3);}
	.filterWrap.aiBoard .filterLine .inputItem .searchkeyword {width: 100%;}
	.filterWrap.aiBoard .filterLine .inputItem input {background-image: unset;}
	.filterWrap.aiBoard .filterLine .filterItem .selectItem {width: 100%;}
	.filterWrap.aiBoard .filterLine .aiDateBox {width: 100%;}
	.filterWrap.aiBoard .filterLine .aiDateBox .filterItem {width: 50%;}
	.filterWrap.aiBoard .filterLine .aiDateBox .filterItem .dateItem {width: 100%;}
	.filterWrap.aiBoard .filterLine .aiDateBox .filterItem .dateItem li {border: 0;}
	.filterWrap.aiBoard .filterLine .aiDateBox .filterItem .txt {top: 50%; right: auto; left: 14.5882em; transform: translateY(-50%);}
	.filterWrap.aiBoard .filterLine .aiDateBox .btw {padding: 0 1.625em;}
	.filterWrap.aiBoard .filterLine .filterItem.wid2 .checkItem {justify-content: flex-start;}
	.filterWrap.aiBoard .filterItem {padding: 0;}
}
	
@media screen and (max-width:960px) { 
	.filterWrap.aiBoard .filterLine:first-child {border: 0; flex-direction: column; padding: 0; margin-bottom: 0;}
	.filterWrap.aiBoard .filterLine .filterItem.wid1 {width: 100%; border-bottom: 1px solid #e3e3e3; gap: 1em;}
	.filterWrap.aiBoard .filterLine .filterItem.wid1 .pumSelWrap {border: 0;}
	.filterWrap.aiBoard .filterLine .filterItem.wid2 {width: 100%; justify-content: flex-start; border-bottom: 1px solid #e3e3e3;}
	.filterWrap.aiBoard .filterLine .filterItem.wid2 .checkItem {padding: 0;}
	.filterWrap.aiBoard .filterLine .inputItem {width: 100%; border-bottom: 1px solid #e3e3e3; padding: 0;}
	.filterWrap.aiBoard .filterLine .inputItem::before {content: none;}
	.filterWrap.aiBoard .filterLine .inputItem input {font-size: 1.4545em;}
	.filterWrap.aiBoard label.filterLabel {font-size: 1.4545em; padding-left: 2.6363em;}
}

@media screen and (max-width:540px) {
	.filterWrap.aiBoard .filterLine .filterItem.wid2 {width: 100%; overflow-x: hidden;}
	.filterWrap.aiBoard .filterLine .filterItem.wid2 .checkItem {width: 100%; word-break: keep-all; overflow-x: auto;}
}

@media screen and (max-width:440px) { 
	.filterWrap.aiBoard .filterLine .aiDateBox {flex-direction: column;}
	.filterWrap.aiBoard .filterLine .aiDateBox .filterItem {width: 100%;}
	.filterWrap.aiBoard label.filterLabel {padding-left: 2.4545em;}
	.filterWrap.aiBoard .filterItem .checkItem .filterLabel {margin-right: .325em;}
	.filterWrap.aiBoard .filterItem .checkItem input {width: 16px; height: 16px; margin-right: 1em;}
	.filterWrap.aiBoard .filterLine .aiDateBox .btw {display: none;}
	
}




/*******************
      맞춤 분석 보고서
********************/
.smplRprt {position:relative; max-width:1340px; margin:0 auto  4.0909em;}

/* 로딩바 */
.con-loading{position:absolute; width:100%;height:100%;z-index:11;background:rgba(255,255,255,0.8)}
.con-loading .l-bar{position:absolute; width:30px; height:30px; background: url('/resource/images/photoswipe/preloader.gif') no-repeat; background-size:100%; object-fit:cover; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index:2;}

.filterWrap.Rprt{max-width:1340px; margin:0 auto; padding:0; }
.filterWrap.Rprt .filterItem .checkItem p, label{margin-right:0}

.filterWrap2.Rprt{max-width:1340px; margin:0 auto; padding:0; }
.filterWrap2.Rprt .inner {padding:0}
.filterWrap2.Rprt .filterArea {width:100%; display: flex; flex-direction: column;}
.filterWrap2.Rprt .filterLine {border-bottom: 1px solid #dcdcdc; display: flex;}
.filterWrap2.Rprt .filterLine:last-child{border-bottom:0}
.filterWrap2.Rprt label.filterLabel {width:8em; line-height:4.5625rem; border:none; font-size:1.063em;padding-left:3em; }
.filterWrap2.Rprt .f-wrap{display: flex;}
.filterWrap2.Rprt .filterWrap2 .filterItem input {padding-right:0;line-height:2.3529em;border:none;font-size:1.063em;background-repeat:no-repeat;background-position:right center;}
.filterWrap2.Rprt .filterItem input{padding-right:0}
.filterWrap2 .dateItem { position:relative; border-bottom:1px solid #dcdcdc; }
.filterWrap2.Rprt .filterItem {width:auto;padding:0 1.063em;display:flex; align-items:center }
.filterWrap2.Rprt .filterItem .checkItem{display: flex; align-items: center; position: relative;padding:0}
.filterWrap2.Rprt .filterItem2 {width: 14.125em;padding:0 1.063em;display:flex; align-items:center}
.filterWrap2.Rprt .filterItem2 .checkItem2{display: flex; align-items: center; position: relative;padding:0}
.filterWrap2.Rprt .filterItem2 .checkItem{display: flex; align-items: center; position: relative;padding:0}
.filterWrap2.Rprt .filterItem3{width:auto; padding:0;display:flex; align-items:center }
.filterWrap2.Rprt .selectItem { position:relative; border-bottom:1px solid #dcdcdc;}
.filterWrap2.Rprt .dateItem .piFckerSDate, .filterWrap2 .dateItem .pickerEDate{padding-right:0}
.filterWrap2.Rprt .date-wrap{display:flex}
.smplRprt .report-file{overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap;  word-break:break-all;}

/* filter item2 */
.filterWrap2.Rprt .filterLine .filterItem2 input { width:100%; padding-right:0; line-height:2.3529em; border:none; font-size:1.063em; background-repeat:no-repeat; background-position:right center; }

/*버튼  */
.filterWrap2.Rprt .bestKey { display:flex; justify-content:start;  margin:.75em 0 ;}
.filterWrap2.Rprt .bestKey li { overflow:hidden; width:auto; position:relative; padding:0 .25em; box-sizing:border-box; }
.filterWrap2.Rprt .bestKey li:first-child { padding-left:0; }
.filterWrap2.Rprt .bestKey li:last-child { padding-right:0; }
.filterWrap2.Rprt .bestKey input { overflow:hidden; position:absolute; left:0; top:0; width:1px; height:1px; margin-left:-9999px; }
.filterWrap2.Rprt .bestKey label { overflow:hidden; position:relative; display:block; width:6.75em; padding:.5em .1875em; text-align:center; color:#606060; text-overflow:ellipsis; white-space:nowrap; background:#f2f2f4; box-sizing:border-box; cursor:pointer; border-radius:1.875em; transition:all .15s; }
.filterWrap2.Rprt .bestKey label:focus,
.filterWrap2.Rprt .bestKey label:hover { background:#e1e1e3; }
.filterWrap2.Rprt .bestKey input:checked + label { background:#1a3ac5; color:#fff; font-weight:700; }
.filterWrap2.Rprt .pumSelWrap{position:relative;border-bottom:1px solid #dcdcdc;}
.filterWrap2.Rprt .pumSelWrap #itemSearch{width: 100%;padding-right: 2.647em;line-height: 2.3529em;border: none;font-size: 1.063em;background-repeat: no-repeat;background-position: right center;}
.filterWrap2.Rprt .data-box{display: flex; align-items: center; justify-content: space-between;}
.filterWrap2.Rprt .data-box .data-title{padding: 0 .73em;white-space:nowrap}
.filterWrap2.Rprt.filterWrap .inputItem input { width:100%; height:4.5625rem; padding-right:1.875rem; font-size:1.063em; background-image:url(../images/sub/btn_filter_search_bk.png); background-repeat:no-repeat; background-position:right center; background-size:1em; border:none; }
.filterWrap2.Rprt .inputItem::before{display:none}
.filterWrap2.Rprt .filterWrap .dateItem input {width: 10em;padding-left: 2em;text-align: left;line-height: 4.5625rem; border: none;font-size: 1.063em;background: url(../images/sub/icon_calrendar.png) no-repeat left center; background-size: 1.1764em auto;}
.filterWrap2.Rprt .filterWrap .dateItem .data-txt{font-weight:100; color:#808080}
.filterWrap2.Rprt .filterWrap .filterItem3{padding:0 1.875em 0.7em 1.875em}
.filterWrap2.Rprt  .dateItem .txt, .filterWrap2 .dateItem .txt{ display: block;position: absolute; top: 50%; right: 15%; color: #333; transform: translate(-50%, -50%);}

/* 추가소스 */
.slash{position:relative;width: 10px;padding: 0 1em;}
.slash:before{content: '';display: block; position: absolute;  top: 50%; width: 1px;  height: 1.6875em; transform: translate(0%, -50%); background: #e1e1e1;}
.h50{height:50%!important}
.db{display:block!important}
.w50{width:14.125em!important;margin-bottom:1em!important}
.pr0{padding-right:0!important}
.pl0{padding-left:0!important}
.gray{color:#aaa;font-weight:400;padding:0!important;font-size:16px;}
.gray2{color:#aaa;font-weight:400;padding:0!important;word-break:auto-phrase;font-size:16px;margin-left:10px;}
.gray1-1{color:#aaa;font-weight:400;padding:0!important;font-size:16px;}
.gray2-1{color:#aaa;font-weight:400;padding:0!important;word-break:auto-phrase;font-size:16px;margin-left:10px;}
.gray3{color:#aaa;font-weight:400;padding:0!important;word-break:auto-phrase;font-size:16px;margin-left:10px;}
.gray3-1{color:#aaa;font-weight:400;padding:0!important;word-break:auto-phrase;font-size:16px;margin-left:10px;}



/* 보고서 추가 */
.smplRprt .check-box,.smplRprt .radio-box{width:19px!important; height:19px;}
.smplRprt .report-box{padding:0 2em;position: relative; font-weight: 500; border: 1px solid #dcdcdc; border-radius: .5rem; }
.smplRprt .report-box .checkItem input{width:19px; height:19px;}
.smplRprt .report-box .data-box2{width:calc(100% - 180px);display: flex; align-items: center;border-radius:0.5em}
.smplRprt .report-box .data-bottom-box{width:100%; margin-left:1em}
.smplRprt .report-box1{gap:1em;border-bottom:1px solid #dcdcdc; padding:1em 0; display: flex; align-items: center; justify-content:space-between }
.smplRprt .report-box1:last-child{border-bottom:0}
.smplRprt .boardBtn{margin:4.375em 0}  
.smplRprt .boardBtn ul li .b_rprt_add{margin:0;}

/* .printTrend {width: 2481px; height: 3508px; position: relative; left: 50%; transform: translateX(-50%); padding-bottom: 60px; border-bottom: 1px solid #000;} */
.trdPrintBtn {margin: 0;}
.trdPrintBtn i.print {width: 1.625em; height: 1.625em; background-image: url(../images/board/icon_trend_print2.svg); position: absolute; top: 16px; right: 16px; z-index: 9999; margin: 0;}
.printTrend {width: 100%; height: auto; padding-bottom: 60px;}
.printTrend * {box-sizing: border-box;}
.printTrend .trdHeader {height: 200px; border-bottom: 16px solid #87c1c8; background-color: #046b62; display: flex; flex-direction: column; justify-content: space-between; padding: 40px 40px 30px;}
.printTrend .trdHeader .trdTitle {font-size: 40px; font-weight: 700; color: #fff;}
.printTrend .trdHeader .trdTitle .dateType {font-size: 28px; font-weight: 400;}
.printTrend .trdHeader .trdInfo {display: flex; align-items: center; justify-content: space-between;}
.printTrend .trdHeader ul {list-style: none !important; padding: 0; margin: 0;}
.printTrend .trdHeader ul.infoList {display: flex; align-items: center;}
.printTrend .trdHeader ul.infoList li {font-size: 24px; color: rgba(255,255,255,.6); position: relative; padding-right: 20px; margin-right: 20px;}
.printTrend .trdHeader ul.infoList li::after {width: 1px; height: 16px; background-color: rgba(255,255,255,.25); content: ''; position: absolute; top: 50%; right: 0; transform: translateY(-50%);}
.printTrend .trdHeader ul.infoList li:last-child::after {content: none;}
.printTrend .trdHeader ul.infoList li .infoData {font-weight: 700; color: #fff;}
.printTrend .trdHeader .trdDate {font-size: 24px; color: #fff;}
.printTrend .trdDataWrap {padding: 20px 20px 0;}
.printTrend .trdDataWrap table {width:100%;border-spacing: 0; border-top: 1px solid rgba(0,0,0,.15)}
.printTrend .trdDataWrap table thead {border-bottom: 1px solid rgba(0,0,0,.15);}
.printTrend .trdDataWrap table th,
.printTrend .trdDataWrap table td {font-size: 14px; line-height: 1; border: 1px solid rgba(0,0,0,.15); border-width: 0 1px 1px 0; vertical-align: middle;}
.printTrend .trdDataWrap table th {padding: 8px 0; background-color: #f5f5f5;}
.printTrend .trdDataWrap table thead th.line {border-bottom: 1px solid rgba(0,0,0,.15);}
.printTrend .trdDataWrap table thead th.end {border-width: 0 0 1px;}
.printTrend .trdDataWrap table tbody tr :last-child {border-width: 0 0 1px;}
.printTrend .trdDataWrap table td {text-align: right; padding: 8px;}
.printTrend .trdDataWrap table td.center {text-align: center;}
.printTrend .trdDataWrap table td.rateUp {color: #d61d04;}
.printTrend .trdDataWrap table td.rateDown {color: #144be9;}
.printTrend .trdDataWrap .trdChartWrap {width:100%;height: 250px; background-color: #f4f4f4; margin-top: 20px;}
/* .rMateH5__Root > div:first-child{display:none !important;} */

/*table*/
.smplRprt .report-box3{position:relative; margin: auto; text-align: center;  border-collapse: collapse; width:100%; margin-bottom:1em; font-weight:500; display:flex; align-items:center; position: relative; font-weight: 500; border: 1px solid #dcdcdc; border-radius: .5rem; }
.smplRprt .report-box3:last-child{margin-bottom:0}
.smplRprt .report-box3 thead{width:100%; height:70px; border-bottom:1px solid #dcdcdc;line-height:4.5;}
.smplRprt .report-box3 tbody tr td{height:60px; color:#606060; font-size: 1.063em; font-weight:400; text-align: center;vertical-align: middle;padding:0.5em 0}
/* .smplRprt .report-box3 tbody tr{transition:.4s}
.smplRprt .report-box3 tbody tr:hover{background:#e5ebf5;} */
.smplRprt .report-box3 table thead th {font-weight:500;font-size:1.063em;border-radius:0.5rem 0.5rem 0 0;}

/* checkbox */
.filterWrap.Rprt table tbody tr td input {width: 19px; height: 19px;}

/*버튼  */
.smplRprt .report-box3 table td button{margin-right:0.5em; transition:.4s}
/*.smplRprt .btn-box{position:relative; right:0; width:180px; gap:1em;display: flex; align-items: center; justify-content:space-between; transition:.4s}*/
	.smplRprt .b-up{position:relative; width:50px;height:50px;  border: 1px solid #d1d1d1; border-radius:0.5em; transition:.4s }
	.smplRprt .b-up:before{position:absolute;left:50%; top: 56%; content: '';width:10px; height:10px;  border-top: 1px solid #000;  border-right: 1px solid #000; transform: translate(-50%, -50%) rotate(-45deg)}
	.smplRprt .b-down{position:relative; width:50px;height:50px;  border: 1px solid #d1d1d1; border-radius:0.5em; transition:.4s}
	.smplRprt .b-down:before{transition:.4s; position:absolute;left:50%; top:43%; content: '';width:10px; height:10px;  border-top: 1px solid #000; border-right:1px solid #000;transform: translate(-50%, -46%) rotate(134deg)}
	.smplRprt .b-delete{margin-right:0; position:relative; width:50px;height:50px;  border: 1px solid #d1d1d1; border-radius:0.5em; transition:.4s}
	.smplRprt .b-delete:before{transition: .4s; position: absolute; left: 50%; top: 50%;  content: '';  width: 16px; height: 1px;  background: #000; transform: translate(-50%, -50%) rotate(45deg);}
	.smplRprt .b-delete:after{transition: .4s; position: absolute; left: 50%; top: 50%;  content: '';  width: 1px; height: 16px;  background: #000; transform: translate(-50%, -50%) rotate(227deg);}
	.smplRprt .b-delete:hover{background-color:#1a3ac5;transition:.4s}
	.smplRprt .b-down:hover,
	.smplRprt .b-up:hover{background-color:#1a3ac5; border-color: #1a3ac5; transition:.4s}
	.smplRprt .b-delete:hover:before,
	.smplRprt .b-delete:hover:after{ background-color:#fff}
	.smplRprt .b-down:hover:before,
	.smplRprt .b-up:hover:before{border-color:#fff}
	
	
	
/*******************
       맞춤 분석 보고서 반응형
********************/
@media screen and (max-width:1280px) {
.smplRprt .boardBtn{margin:3.375em 0}  	
} 

@media screen and (max-width:1080px) {
.smplRprt .boardBtn{margin:2.375em 0}
.filterWrap2.Rprt .bestKey label{width:5.75em}
.smplRprt .b-up,.smplRprt .b-down,.smplRprt .b-delete{width:44px;height:44px;}
}
 
@media screen and (min-width:961px){
.gray3-1,
.gray2-1{display:none!important}
}

@media screen and (max-width:960px) { 
.filterWrap.Rprt{display:block;padding:0; margin:0 auto;}
.filterWrap2.Rprt{display:block;}
.filterWrap2.Rprt .filterLine{display:block;padding-bottom:0.8em}
.filterWrap2.Rprt label.filterLabel{width:6.5em; padding-left:0.8em; font-size:1.4545em; line-height:5rem;}
.filterWrap2.Rprt .checkSelect .checkText, .checkSelect .imexportCheckText{background-size:1em}
.smplRprt .report-file,
.smplRprt .data-title,
.smplRprt .boardBtn ul li a,
.filterWrap2.Rprt .filterItem input,
.filterWrap2.Rprt .filterLine .filterItem2 input,
.filterWrap2.Rprt .dateItem .txt, .filterWrap2 .dateItem .txt,
.filterWrap2.Rprt .data-box .data-title{font-size:1.3em}
.filterWrap2.Rprt .bestKey label{width:4.75em;font-size:1.3em}
.smplRprt .report-box .data-box2{border-left: 0; border-right: 0;  border-top: 0; border-radius: 0;}
.smplRprt .report-box .data-box2{width:calc(100% - 160px)}
.smplRprt .btn-box{width:140px; gap:0}
.smplRprt .btn-box .btn.b-up{border-radius: 0.5em  0 0 0.5em; margin-right:0;}
.smplRprt .btn-box .btn.b-down{ border-radius: 0  0.5em 0.5em 0;border-radius:0; border-left:0;}
.smplRprt .btn-box .btn.b-delete{ border-radius: 0  0.5em 0.5em 0; border-left:0;}
.smplRprt .btn-box .btn.b-up:before{top:56%}
.smplRprt .btn-box .btn.b-down:before{top:43%;}
.filterWrap2.Rprt .filterItem2{display:block;padding-top:1em;width:auto}
.filterWrap2.Rprt .filterItem2 .data-box{justify-content:flex-start; padding-bottom:0.5em}
.filterWrap2.Rprt .filterLine:last-child{padding-bottom:0.5em}
.filterWrap2.Rprt .slash{display:none}
.smplRprt .boardBtn i.add,
.smplRprt .boardBtn i.preview{width:14px; height:16px;}
.smplRprt .boardBtn i.download{width:14px; height:14px;}
.filterWrap2 .selectItem.w50{width:17.125em!important}
.f3{display: flex; width: 100% !important;}
.gray3,
.gray1-1{display:none!important;}
}

@media screen and (max-width:940px) { 
.smplRprt .report-box .data-box2{height:40px;}
.smplRprt .btn-box .btn.b-delete:before{width:12px;}
.smplRprt .btn-box .btn.b-delete:after{height:12px;}
.smplRprt .btn-box .btn.b-down:before,
.smplRprt .btn-box .btn.b-up:before{width:8px; height:8px;}
.filterWrap2.Rprt label.filterLabel{padding-left:1em}
.smplRprt .report-box{padding:0 1em}
}

@media screen and (max-width:940px) { 
.smplRprt .btn-box{width:124px; gap:0}
}

@media screen and (max-width:880px) {
/* table */
.smplRprt .report-box3{position:relative; width:100%;max-height:412px; margin: 0 auto; overflow-x: scroll; }
.smplRprt .report-box3 table{border:0; border-collapse: separate;  border-spacing: 0;  width: 1120px;}
.smplRprt .report-box3 table thead th {z-index:-1;font-size:1.2em;position: sticky; border-bottom:1px solid #bcbcbc}
.smplRprt .report-box3 tbody tr td{padding:0.25em 0}
.smplRprt .report-box3 tbody tr td:last-child{font-size:1.2em;padding-right:0;color:#606060}
.smplRprt .report-box3 thead{position:relative;}

-webkit-scrollbar-thumb{z-index:100;}
}

@media screen and (min-width:851px){
.gray2{display:none!important}
}

@media screen and (max-width:850px) {
.gray{display:none!important;}
.f2{ display: flex; width: 100% !important;}

}

@media screen and (max-width:800px) {
.gray3,.gray1-1,.gray{font-size:14px}
.gray3-1,.gray2-1,.gray2{ font-size:14px; margin-left:0.5em;}
.filterWrap2.Rprt label.filterLabel{width:100%;}
.f2{align-items:center;display:flex;}

}



@media screen and (max-width:780px){
.filterWrap2.Rprt .filterItem2,
.filterWrap2.Rprt .filterItem{padding:0 1.5em 1em}
.filterWrap2.Rprt .filterItem:first-child{padding-left: 1.5em}
.filterWrap2.Rprt label.filterLabel{line-height:3.5rem}
.filterWrap2.Rprt .bestKey {justify-content:flex-start; margin:0;}
.filterWrap2.Rprt .filterLine:last-child{padding-bottom:0}
}

@media screen and (max-width:640px) { 
.smplRprt .report-box .data-box2{height:34px;}
.smplRprt .btn-box .btn.b-down:before{top:43%}
.filterWrap2.Rprt .bestKey label{width:4em}
.filterWrap2.Rprt .dateItem .txt, .filterWrap2 .dateItem .txt{top:47%}
.smplRprt .report-box .data-box2{width:calc(100% - 130px)}
.smplRprt .report-box3 thead{height:60px;}
.smplRprt .report-box3{max-height:250px}
.smplRprt .report-box3 tbody tr td{padding:0}
}

@media screen and (max-width:520px) { 
.smplRprt{margin:0}
.smplRprt .boardBtn p, .boardBtn ul li, .writeBtn ul li{display:inherit;}
.smplRprt .boardBtn ul li{margin-top:0.8em}
.smplRprt .boardBtn ul li .b_rprt_add{width:100%;}
.smplRprt .boardBtn ul li .b_rprt_preview{margin-top:0; width:100%;}
.filterWrap2.Rprt .f-wrap,
.filterWrap2.Rprt .date-wrap{display:block}
.filterWrap2.Rprt .filterItem2, .filterWrap2.Rprt .filterItem{padding:0 1.5em 1em!important}
.filterWrap2.Rprt .dateItem .txt, .filterWrap2 .dateItem .txt{right:12%;}
.smplRprt .report-box3 thead{line-height:4.5}
.smplRprt .report-box3{max-height:270px;}
.smplRprt .b-up,.smplRprt .b-down,.smplRprt .b-delete{width:38px;height:38px;}
.gray2{margin-left:1em;}
}

@media screen and (max-width:480px) {
.smplRprt .report-box3{max-height:242px}
.smplRprt .report-box3 tbody tr td{font-size:1.2em;}
}

@media screen and (max-width:440px) { 
.smplRprt .check-box,.smplRprt .radio-box{width:16px!important; height:16px;}
.smplRprt .report-file, .smplRprt .data-title, .smplRprt .boardBtn ul li, .filterWrap2.Rprt .filterItem input, .filterWrap2.Rprt .filterLine .filterItem2 input, .filterWrap2.Rprt .dateItem .txt, .filterWrap2 .dateItem .txt, .filterWrap2.Rprt .data-box .data-title
{font-size:1.2em}
.filterWrap2 .selectItem.w50{width:16.125em!important}
.smplRprt .btn-box .btn.b-delete,
.smplRprt .btn-box .btn.b-down,
.smplRprt .btn-box .btn.b-up{height:34px;}
.smplRprt .report-box .data-box2{width:calc(100% - 100px)}
.smplRprt .btn-box .btn.b-delete:before{width:10px;}
.smplRprt .btn-box .btn.b-delete:after{height:10px;}
.smplRprt .btn-box .btn.b-down:before,
.smplRprt .btn-box .btn.b-up:before{width:6px; height:6px;}
.filterWrap.Rprt table tbody tr td input {width: 16px; height: 16px;}
}

@media screen and (max-width:420px) {
.smplRprt{margin:0 auto  3.0909em}
.smplRprt .report-box3 thead{height:50px;}
}

@media screen and (max-width:380px) {
.filterWrap2.Rprt .bestKey label{width:3.5em}
.gray,
.gray2{font-size:0.8em}
}

@media screen and (max-width:340px) {
.smplRprt .report-box1:last-child{padding-bottom:1em}
.smplRprt .btn-box .btn-down:before, .smplRprt .btn-box .btn-up:before{width:6px;height:6px;}
.smplRprt .report-box .data-box2{height:30px;}
.smplRprt .btn-box .btn-down,
.smplRprt .btn-box .btn-up{width:30px;height:30px}
.filterWrap2.Rprt .bestKey label{width:3.2em}

}


/* mobile */ 
.moFilterOpt,
.moFilterPop { display:none; }
/* 체크 */
.checkSelect .checkText,
.checkSelect .imexportCheckText { background-image:url(../images/sub/btn_filter_search_bk.png); background-size:1em; }
.checkSelect .selectList { width:200%; margin-top:-.125em; padding:1.6875em 1.25em; }
.checkSelect .selectList.type2 { width:100%; }
.checkSelect .selectList .box { display:flex; }
.checkSelect .selectList .item1 { width:100%; padding:0 .625em; box-sizing:border-box; }
.checkSelect .selectList .item2 { min-width:10.9375em; padding:0 .625em; box-sizing:border-box; }
.checkSelect .selectList .item3 { flex-grow:1; padding:0 .625em; box-sizing:border-box; }
.checkSelect .selectList p { margin-bottom:1em; font-weight:700; }
.checkSelect .selectList ul { max-height:21.25em; padding-right:.625em; }
.checkSelect .selectList ul li input { width:1px; }
.checkSelect .selectList ul li label { display:block; padding:0 0 0 1.5em; }
.checkSelect .selectList ul li label span { display:inline-block; position:relative; padding:1px 0; transition:all .15s; }
.checkSelect .selectList ul li label span::after { content:''; position:absolute; left:0; bottom:0; width:0; height:1px; }
.checkSelect .selectList ul li label:focus span, 
.checkSelect .selectList ul li label:hover span, 
.checkSelect .selectList ul li label:active span { color:#1a3ac5; }
.checkSelect .selectList ul li label:focus span::after, 
.checkSelect .selectList ul li label:hover span::after, 
.checkSelect .selectList ul li label:active span::after { width:100%; background:#1a3ac5; transition:all .2s; }
.checkSelect .selectList ul li label::before { content:''; display:block; position:absolute; top:.125em; left:0; width:1.063em; height:1.063em; border:1px solid #dcdcdc; border-radius:50%; box-sizing:border-box; transition:all .15s; }
.checkSelect .selectList ul li label::after { content:''; display:block; position:absolute; top:.4375em; left:.3125em; width:.375em; height:.1875em; background:none; border:1px solid #b7b7b7; border-top:0; border-right:0; transform:rotate(-45deg); transition:all .15s; }
.checkSelect .selectList ul li input:checked + label::before { background:#1a3ac5; border-color:#1a3ac5; }
.checkSelect .selectList ul li input:checked + label::after { border-color:#fff; }
.checkSelect .selectList .item1 ul li label span { display:inline-flex; }
.checkSelect .selectList .titArea { display:flex; }
.checkSelect .selectList .titArea p { width:1.5em; }
.checkSelect .selectList .titArea p.code,
.checkSelect .selectList ul li label em.code { flex-shrink:0; width:7.5em; }
.checkSelect .selectList .titArea p.txt,
.checkSelect .selectList ul li label em.txt { width:auto; }
.checkSelect .btnList { margin-top:1.625em; text-align:center; }
.checkSelect .btnList button { display:inline-block; padding:.375em 1em; border:1px solid #dcdcdc; border-radius:.5rem; }
@media screen and (max-width:960px) { 
	.filterWrap,
	.filterWrap2 { display:none; }
	.filterWrap2.ps2{display:block!important}
	
	.filterWrap.board,
	.filterWrap.total { display:block; padding:0 5.5555%; }	
    .filterWrap.board .inner,
	.filterWrap.total .inner { border:1px solid #d6d6d6; border-radius:0.3636rem; }
	.filterWrap.board .selectItem { flex-shrink:0; width:40%; }
	.filterWrap.board .selectItem .buttonSelect { min-width:auto; width:100%; }
    .filterWrap.board .selectItem .buttonSelect button { padding:0 3.3333em 0 1.5em; height:auto; line-height:3.75em; font-size:1.0909em; }   
    .filterWrap.board .selectItem .buttonSelect button::after { right:1.4545rem; }
	.filterWrap.board .inputItem,
	.filterWrap.total .inputItem { flex-grow:1; padding:0; }
	.filterWrap.board .inputItem .searchkeyword,
	.filterWrap.total .inputItem .searchkeyword { width:100%; }    
    .filterWrap.board .inputItem input,
	.filterWrap.total .inputItem input { padding:0 3.3333em 0 1.5em; height:auto; line-height:3.75em; font-size:1.0909em; background-repeat:no-repeat; background-position:right 1em center; background-image:url(../images/sub/icon_search_mo.png); background-size:1.3333em; color:#1a3ac5; border-radius:0.3636rem; }
	.filterWrap.board .inputItem input::placeholder,
	.filterWrap.total .inputItem input::placeholder { color:#9f9f9f; }  
	.filterWrap.board.type2 .inner { flex-wrap:wrap; }
	.filterWrap.board.type2 .selectItem { width:100%; border-bottom:1px solid #d6d6d6; }
	.filterWrap.total .inner .periodItem { display:none; }
	.filterWrap.total .moPeriod { display:block; width:100%; overflow-x:auto; }
	.filterWrap.total .moPeriod::-webkit-scrollbar { display:none; }
	.filterWrap.total .moPeriod .periodItem { display:block; width:auto; min-width:100%; white-space:nowrap; margin:0 -.1818em 1.3636em; padding:0; }
	.filterWrap.total .moPeriod .periodItem::before { display:none; }
	.filterWrap.total .moPeriod .periodItem li { display:inline-block; vertical-align:middle; margin:0 .1818em; }
	.filterWrap.total .moPeriod .periodItem li label { display:inline-block; padding:.8333em 1em; font-size:1.0909em; letter-spacing:-.025em; line-height:1; background:#f6f6f6; border-radius:2em; }
	.filterWrap.total .moPeriod .periodItem input:checked + label { background:#1a3ac5; border:none; color:#fff; }
	.filterWrap.moStyle { display:block; padding:0 5.5555%; }
	.filterWrap.moStyle .inner { display:block; border:none; }
	.filterWrap.moStyle .selectItem { display:block; }
	.filterWrap.moStyle .selectItem .buttonSelect,
	.filterWrap.moStyle .selectItem .buttonSelectCk { min-width:auto !important; padding:0 0 0 3.6363em; background-repeat:no-repeat; background-position:left center; background-size:1.7272rem; border-bottom:1px solid #e3e3e3; }
	.filterWrap.moStyle .selectItem .buttonSelect::before,
	.filterWrap.moStyle .selectItem .buttonSelectCk::before { display:none; }
	.filterWrap.moStyle .selectItem .buttonSelect button,
	.filterWrap.moStyle .selectItem .buttonSelectCk button { max-width:none; height:auto; padding:0; line-height:3.25em; font-size:1.4545em; }
	.filterWrap.moStyle .selectItem .buttonSelect button::after,
	.filterWrap.moStyle .selectItem .buttonSelectCk button::after { right:0; }	
	.filterWrap.moStyle .periodItem { padding:0; border-bottom:1px solid #e3e3e3; }
	.filterWrap.moStyle .periodItem::before { display:none; }
	.filterWrap.moStyle .periodItem .buttonSelect { padding:0 0 0 3.6363em; background-repeat:no-repeat; background-position:left center; background-size:1.7272rem; }
	.filterWrap.moStyle .periodItem .buttonSelect .viewCode { display:block; }
	.filterWrap.moStyle .periodItem .buttonSelect button { line-height:3.25em; font-size:1.4545em; font-weight:500; }
	.filterWrap.moStyle .periodItem .selectList { display:none; position:absolute; width:100%; margin-top:-.1818em; padding:1.6363em 1em 1.6363em 1.6363em; border:1px solid #dcdcdc; box-shadow:0 24px 30px 0 rgba(0, 0, 0, 0.06); transform:translateX(-50%); }
	.filterWrap.moStyle .periodItem .selectList::before { display:block; }
	.filterWrap.moStyle .periodItem .selectList ul { display:block; }
	.filterWrap.moStyle .periodItem .selectList ul li { margin:.625em 0; }
	.filterWrap.moStyle .periodItem .selectList ul li:first-child { margin-top:0; }
	.filterWrap.moStyle .periodItem .selectList ul li:last-child { margin-bottom:0; }
	.filterWrap.moStyle .periodItem .selectList ul li label { font-size:1.1818em; line-height:1.3; }
	.filterWrap.moStyle .periodItem .selectList ul li label::after { display:block; }	
	.filterWrap.moStyle .periodItem .selectList ul li.active label { color:#000; border:none; }
	.filterWrap.moStyle .periodItem .selectList ul li label:focus,
	.filterWrap.moStyle .periodItem .selectList ul li label:hover { color:#1a3ac5; }	
	.filterWrap.moStyle .dateItem { flex-wrap:wrap; padding:0; }
	.filterWrap.moStyle .dateItem::before { display:none; }
	.filterWrap.moStyle .dateItem li { width:100%; padding:0 0 0 3.6363em; background:url(../images/sub/icon_filter_date_mo.png) no-repeat left center; background-size:1.7272rem; border-bottom:1px solid #e3e3e3; }
	.filterWrap.moStyle .dateItem li.tilde { display:none; }
	.filterWrap.moStyle .dateItem input { width:100%; padding:0; line-height:3.25em; font-size:1.4545em; font-weight:500; background:none; }
	.filterWrap.moStyle .weekItem { flex-wrap:wrap; padding:0; }
	.filterWrap.moStyle .weekItem::before { display:none; }
	.filterWrap.moStyle .weekItem .tilde { display:none; }
	.filterWrap.moStyle .weekItem .weekSelect { width:100%; padding:0 0 0 3.6363em; background:url(../images/sub/icon_filter_date_mo.png) no-repeat left center; background-size:1.7272rem; border-bottom:1px solid #e3e3e3; } 	
	.filterWrap.moStyle .weekItem .weekBtn button { width:100%; padding:0; line-height:3.25em; font-size:1.4545em; font-weight:500; background:none; }	
	.filterWrap.moStyle .weekList .buttonSelect button { font-size:1.0909em; }
	.filterWrap.moStyle .btnFilter { position:static; margin-top:2.5454em; }
	.filterWrap.moStyle .btnFilter button { width:100%; padding:1em 0 .875em; border:1px solid #e1e1e1; font-size:1.4545em; }
	.filterWrap.moStyle .btnFilter button span { padding:1px 0 0 1.5em; background-image:url(../images/sub/btn_filter_search2_mo.png); background-size:1.063em auto; }
	.filterWrap.moStyle .btnFilter button.active span { background-image:url(../images/sub/btn_filter_search2_on_mo.png); }
	.filterWrap .btnFilter button:focus span,
	.filterWrap .btnFilter button:hover span,
	.filterWrap2 .btnFilter button:focus span,
	.filterWrap2 .btnFilter button:hover span,
	.filterWrap .btnFilter button.active:focus span,
	.filterWrap .btnFilter button.active:hover span,
	.filterWrap2 .btnFilter button.active:focus span,
	.filterWrap2 .btnFilter button.active:hover span { background-image:url(../images/sub/btn_filter_search2_on2_mo.png); }
	.filterWrap.moStyle .mi01 { background-image:url(../images/sub/icon_filter_cate01_mo.png); } /* 부류 */
	.filterWrap.moStyle .mi02 { background-image:url(../images/sub/icon_filter_cate02_mo.png); } /* 지역 */
	.filterWrap.moStyle .mi03 { background-image:url(../images/sub/icon_filter_cate03_mo.png); } /* 품목 */
	.filterWrap.moStyle .mi04 { background-image:url(../images/sub/icon_filter_cate04_mo.png); } /* 품종 */
	.filterWrap.moStyle .mi05 { background-image:url(../images/sub/icon_filter_cate05_mo.png); } /* 시장 */
	.filterWrap.moStyle .mi06 { background-image:url(../images/sub/icon_filter_cate06_mo.png); } /* 단위 */
	.filterWrap.moStyle .mi07 { background-image:url(../images/sub/icon_filter_cate07_mo.png); } /* 게시물 */
	.filterWrap.moStyle .mi08 { background-image:url(../images/sub/icon_filter_date_mo.png); } /* 날짜 */
	.contentWrap .filterWrap { padding:0;}
	
	/* mobile */ 
	.moFilterOpt { overflow-x:auto; white-space:nowrap; display:block; margin-bottom:4.0909em; }	
	.dataTit + .moFilterOpt { margin-top:-1.4545em; }
    .moFilterOpt::-webkit-scrollbar { display:none; }    
	.moFilterOpt .filterList { display:flex; margin:0 -.1818em; }
	.moFilterOpt .filterList li { padding:0 .1818em; }
	.moFilterOpt .filterList li button { display:block; padding:.75em 1.4166em; font-size:1.0909em; letter-spacing:-.025em; background:#1a3ac5; border-radius:2em; color:#fff; }
	.moFilterPop { align-items:center; justify-content:center; position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:20; }
	.moFilterPop form { width:100%; }
	.moFilterWrap { position:relative; overflow-y:auto; width:87.7777%; max-height:90%; margin:0 auto; padding:3.0909em 2.909em 4.5454em; background:#fff; border-radius:1.0909em; box-sizing:border-box; }
	.moFilterWrap::-webkit-scrollbar { display:none; }
	.moFilterWrap .popTit { display:flex; justify-content:space-between; align-items:center; }
	.moFilterWrap .popTit .tit { font-size:1.8181em; font-weight:700; }
	.moFilterWrap .optionBox { margin-top:3.6363em; }
	.moFilterWrap .optTit { display:flex; justify-content:space-between; align-items:center; margin-bottom:1.2727em; }
	.moFilterWrap .optTit h5 { font-size:1.3636em; }
	.moFilterWrap .optTit .bestKey { display:flex; }
	.moFilterWrap .optTit .bestKey li { position:relative; margin-left:.4545em; }
	.moFilterWrap .optTit .bestKey input { overflow:hidden; position:absolute; left:0; top:0; width:1px; height:1px; margin-left:-9999px; }
	.moFilterWrap .optTit .bestKey label { overflow:hidden; position:relative; display:block; font-size:1.1818em; padding:.3846em 1em; background:#ebebeb; border-radius:2em; }
	.moFilterWrap .optTit .bestKey input:checked + label { font-weight:500; color:#1a3ac5; }
	.moFilterWrap .optTit .bestKey .icoBest { display:inline-block; vertical-align:middle; width:1.4545rem; height:1rem; margin-right:.1818rem; background:url(../images/sub/ico_best.png) no-repeat center; background-size:100%; }	
	.moFilterWrap input[type="text"] { width:100%; padding:0 3.3333em 0 1.5em; line-height:3.5833em; font-size:1.0909em; background-repeat:no-repeat; background-position:right 1em center; border:1px solid #d6d6d6; border-radius:.3636rem; box-sizing:border-box; color:#1a3ac5; }
	.moFilterWrap input[type="text"]::placeholder { color:#9f9f9f; }
	.moFilterWrap .dateItem li { margin-top:.2727em; }
	.moFilterWrap .dateItem input[type="text"] { background-image:url(../images/sub/icon_calrendar_mo.png); background-size:1.7272rem auto; }
	.moFilterWrap .searchkeyword { width:100%; margin:0; }
	.moFilterWrap .searchkeyword input[type="text"] { background-image:url(../images/sub/icon_search_mo.png); background-size:1.3333em; }
	.moFilterWrap .searchKey { margin-top:-.125em; }	
	.moFilterWrap .periodItem tr { display:flex; border:1px solid #d6d6d6; border-top:none; }
	.moFilterWrap .periodItem tr:first-child { border-top:1px solid #d6d6d6; border-radius:.3636rem .3636rem 0 0; }
	.moFilterWrap .periodItem tr:last-child { border-radius:0 0 .3636rem .3636rem; }
	.moFilterWrap .periodItem tr:nth-child(1):nth-last-child(1),
	.moFilterWrap .periodItem tr:nth-child(1):nth-last-child(1) ~ tr { border-radius:.3636rem; }
	.moFilterWrap .periodItem td { flex:1; border-right:1px solid #d6d6d6; }
	.moFilterWrap .periodItem td:last-child { border-right:none; }
	.moFilterWrap .periodItem input { overflow:hidden; position:absolute; left:0; top:0; width:1px; height:1px; margin-left:-9999px; }
	.moFilterWrap .periodItem label { display:block; position:relative; padding:1.1666em .8333em 1.1666em 2.3333em; font-size:1.0909em; cursor:pointer; color:#bbbbbb; }
    .moFilterWrap .periodItem label::before { content:''; display:block; position:absolute; top:1.3333em; left:.8333em; width:1.1666em; height:1.1666em; border:1px solid #dcdcdc; border-radius:50%; box-sizing:border-box; transition:all .15s; }
    .moFilterWrap .periodItem label::after { content:''; display:block; position:absolute; top:1.6666em; left:1.1666em; width:.5em; height:.5em; border-radius:50%; transition:all .15s; }
	.moFilterWrap .periodItem input:checked + label { color:#1a3ac5; }
	.moFilterWrap .periodItem input:checked + label::before { background:#1a3ac5; border-color:#1a3ac5; }
	.moFilterWrap .periodItem input:checked + label::after { background:#fff; }	
	.moFilterWrap .selectItem { display:flex; align-items:center; }
	.moFilterWrap .selectItem .buttonSelect,
	.moFilterWrap .selectItem .buttonSelectCk { overflow:hidden; width:100%; }
	.moFilterWrap .selectItem .buttonSelect button,
	.moFilterWrap .selectItem .buttonSelectCk button { width:100%; padding:0 3.3333em 0 1.5em; line-height:3.5833em; font-size:1.0909em; border:1px solid #d6d6d6; border-radius:0.3636rem; box-sizing:border-box; color:#1a3ac5; }
	.moFilterWrap .selectItem .buttonSelect button::after,
	.moFilterWrap .selectItem .buttonSelectCk button::after { right:1.4545rem; }
	.moFilterWrap .selectItem .selectList { position:static;  margin:0; box-shadow:none; transform:none; border-top:none; }
	.moFilterWrap .selectItem .selectList::before { display:none; }	
	.moFilterWrap .weekItem .weekList { display:flex; align-items:center; justify-content:space-between; position:static; width:100%; min-width:auto; margin-top:.2727em; padding:0 1.2727em 0 0; border:1px solid #d6d6d6; border-radius:0.3636rem; box-shadow:none; transform:none; }
	.moFilterWrap .weekItem .weekList::before { display:none; }
	.moFilterWrap .weekItem .weekList>p { flex-shrink:0; width:4.1666em; font-size:1.0909em; color:#9f9f9f; line-height:3.5833em; text-align:center; }
	.moFilterWrap .weekItem .weekList>ul { flex-shrink:0; display:flex; justify-content:flex-end; width:80.5084%; }
	.moFilterWrap .weekItem .weekList>ul>li { border-top:none; }
	.moFilterWrap .weekItem .weekList>ul>li:nth-child(1) { width:36.3157%; }
	.moFilterWrap .weekItem .weekList>ul>li:nth-child(2) { width:28.9473%; }
	.moFilterWrap .weekItem .weekList .buttonSelect button { height:auto; padding:0 1.6666em 0 .8333em; font-size:1.0909em; line-height:3.5833em; color:#1a3ac5; }
	.moFilterWrap .weekItem .weekList .buttonSelect button::after { right:0; }
	.moFilterWrap .weekItem .weekList .selectList { position:absolute; width:130%; border:1px solid #dcdcdc; border-radius:0.5rem; box-shadow:0 24px 30px 0 rgba(0, 0, 0, 0.06); transform:translateX(-50%); }
	.moFilterWrap .weekItem .weekList .selectList::before { display:block; }
	.moFilterWrap .weekItem .weekList .selectList ul { max-height:13.6363em; }
	.moFilterWrap .weekItem .weekList .selectList ul li { border:none; }	
	.moFilterWrap .btnComplete { margin-top:4.5454em; text-align:center; }
	.moFilterWrap .btnComplete button { padding-left:1.25em; font-size:1.8181em; font-weight:700; color:#1a3ac5; background:url(../images/sub/btn_filter_mo.png) no-repeat left center; background-size:1.6818rem auto; }
	/* 체크 */
	.checkSelect { width:100%; }
	.checkSelect .checkText,
	.checkSelect .imexportCheckText { background-image:url(../images/sub/icon_search_mo.png); background-size:1.3333em; }
	.checkSelect .selectList { width:100%; padding:1.6363em .8181em; }	
	.checkSelect .selectList .item1 { padding:0 .8181em; }
	.checkSelect .selectList .item2 { padding:0 .8181em; }
	.checkSelect .selectList .item3 { padding:0 .8181em; }
	.checkSelect .selectList ul { max-height:12.7272em; }	
	.checkSelect .selectList ul li label::before { top:.0909em; width:1.0909em; height:1.0909em; }
	.checkSelect .selectList ul li label::after { top:.4545em; left:.2727em; width:.4545em; height:.1818em; }
}

/* 차트 */
.dataWrap { position:relative; }
.dataTit { margin-bottom:4.375em; padding:.1875em 0; }
.dataTit.type2 { padding-right:11.125em; }
.dataTit h4 { font-size:1.75em; font-weight:300; letter-spacing:-.05em; line-height:1.3; word-break:keep-all; }
.dataTit .blue { margin-right:.5714em; }
.dataTit .blue.ml { margin-left:.5714em; }
.dataTit .blue em { display:inline-block; position:relative; margin-left:.4642em; padding-left:.4642em; color:#1a3ac5; }
.dataTit .blue em::before { content:''; display:block; position:absolute; top:.1428em; left:0; width:1px; height:.8928em; background:#a7aee3; }
.dataTit .blue em:first-child { margin-left:0; padding-left:0; }
.dataTit .blue em:first-child::before { display:none; }
.dataTit .date { display:inline-block; margin-right:.5714em; font-weight:500; }
.dataTit .txt { margin-right:.1785em; font-weight:500; }
.dataTit .txt2 { font-weight:700; }
.dataTit .txt3 { margin-left:.1428em; color:#7c7c7c; }
.dataArea { position:relative; max-width:1300px; margin:0 auto; }
.dataArea .dataTop { margin-bottom:4.375em; }
.dataArea .dataTop .topTit { padding:.45em 0; font-size:1.25em; font-weight:700; letter-spacing:-.025em; }
.dataArea .dataTop .topTit .blue { color:#1a3ac5; }
.dataArea .dataTop.type2 { margin-bottom:3.125em; }
.dataWrap .dataChart { max-width:1300px; margin:0 auto; }
.dataBtn { display:flex; position:absolute; top:0; right:0; border:1px solid #dcdcdc; box-sizing:border-box; border-radius:.5rem; z-index:5; }
.dataBtn.type2 { right:1.25rem; }
.dataBtn a,
.dataBtn button { display:inline-block; position:relative; padding:.625em .875em; line-height:1; }
.dataBtn a::before,
.dataBtn button::before { content:''; display:block; position:absolute; top:50%; left:0; width:1px; height:1.1875em; margin-top:-.5625em; background:#dcdcdc; }
.dataBtn a:first-child::before,
.dataBtn button:first-child::before { display:none; }
.dataBtn a span,
.dataBtn button span { display:inline-block; vertical-align:middle; font-size:.9375em; letter-spacing:-.05em; color:#808080; line-height:1.3; background-repeat:no-repeat; background-position:left center; }
.dataBtn a span i,
.dataBtn button span i { display:none; }
.dataBtn .excel span,
.dataBtn .highExcel span { padding-left:1.7333em; background-image:url(../images/sub/btn_data_excel.png); background-size:1.4em auto; }
.dataBtn .zoom span { padding-left:1.2666em; background-image:url(../images/sub/btn_data_zoom.png); background-size:1em; }
.dataBtn .expand span { padding-left:1.2666em; background-image:url(../images/sub/btn_data_close.png); background-size:.8666em; } 
.dataBtn .icoImage span { padding-left:1.4em; background-image:url(../images/sub/btn_data_image.png); background-size:1.0666em; } 
.dataTable.mt,
.dataWrap + .dataTable { margin-top:4.375em; }
.dataTable.mb { margin-bottom:3.125em; }
.dataWrap.top { margin-top:4.375em; padding-top:4.375em; border-top:1px solid #dcdcdc; }
.dataWrap.top>.dataBtn { top:4.375rem; }
.dataWrap.top.noline { border-top:none; }
/* 확대 */
.fixWrap { overflow-y:auto; z-index:999; position:fixed; top:50%; left:50%; width:95%; height:95%; background-color:#fff; border:1px solid #dcdcdc; padding:3%; text-align:center; box-sizing:border-box; transform:translate(-50%, -50%); }
.fixWrap::-webkit-scrollbar { display:none; }
.dataWrap.fixWrap .dataTit { margin-bottom:2em; }
.dataWrap.fixWrap .dataArea { position:static; }
.dataWrap.fixWrap .dataArea .dataTop { margin-bottom:2em; }
.dataWrap.fixWrap .dataBtn { top:2%; right:2%; }
@media screen and (max-width:960px) {   
	.dataTit { margin-bottom:3.2727em; padding:0; }
	.dataTit.type2 { padding-right:0; }
	.dataTit h4 { margin-bottom:.8em; font-size:1.8181em; line-height:1.45; }
	.dataTit .date,
	.dataTit .blue { margin-right:.5em; }
	.dataTit .blue.ml { margin-left:.5em; }
	.dataTit .blue em::before { top:50%; height:.85em; margin-top:-.4em; }
	.dataArea .dataTop { margin-bottom:3.1818em; }
	.dataArea .dataTop .topTit { padding:0; font-size:1.2727em; }
	.dataArea .dataTop.type2 { margin-bottom:3.1818em; }
	.dataBtn { display:none; position:absolute; top:0; right:0; border:1px solid #e4e4e4; box-sizing:border-box; border-radius:.5rem; z-index:5; }
	.dataBtn.type2 { right:1.25rem; }
	.dataBtn { position:static; margin-top:2.72727em; border-color:#e6e6e6; }
	.dataBtn a,
	.dataBtn button { flex:1; padding:1.0909em 0; }
	.dataBtn a::before,
	.dataBtn button::before { height:1.4545em; margin-top:-.72725em; background:#e6e6e6; }
	.dataBtn a span,
	.dataBtn button span { font-size:1.0909em; }
	.dataBtn a span i,
	.dataBtn button span i { display:inline-block; font-style:normal; }
	.dataBtn .excel span,
	.dataBtn .highExcel span { padding-left:1.5em; background-image:url(../images/sub/btn_data_excel_mo.png); background-size:1.0833em auto; background-position:left .1666em; }
	.dataBtn .excel span i,
	.dataBtn .highExcel span i { margin-left:.3333em; }
	.dataBtn .zoom span { padding-left:1.1666em; background-image:url(../images/sub/btn_data_zoom_mo.png); background-size:.9166em; background-position:left .1666em; }
	.dataBtn .upload span { padding-left:1.25em; background-image:url(../images/sub/btn_data_upload_mo.png); background-size:auto .9166em; }
	.dataBtn .upload span i { margin-right:.3333em; }
	.dataBtn .icoImage span { padding-left:1.25em; background-image:url(../images/sub/btn_data_image_mo.png); background-size:.9166em; } 
	.dataTable.mt,
	.dataWrap + .dataTable { margin-top:3.2727em; }
	.dataWrap.top { margin-top:3.2727em; padding-top:3.2727em; }
	.dataWrap.top>.dataBtn { top:3.2727rem; }
	.dataWrap.top.noline { margin-top:0; }
}

/* component */
/* 탭 */
.tabBtn,
.tabBtnStyle { overflow:hidden; display:inline-flex; }
.tabBtn li,
.tabBtnStyle li { width:6.25em; }
.tabBtnStyle.type2 li { width:8.75em; }
.tabBtn li a,
.tabBtnStyle li button { display:block; width:100%; font-size:1.063em; letter-spacing:-.025em; color:#353535; line-height:2.3529em; text-align:center; border:1px solid #dcdcdc; border-left:none; box-sizing:border-box; }
.tabBtn li:first-child a,
.tabBtnStyle li:first-child button { border-left:1px solid #dcdcdc; border-radius:.5rem 0 0 .5rem; }
.tabBtn li:last-child a,
.tabBtnStyle li:last-child button { border-radius:0 .5rem .5rem 0; }
.tabBtn li a span,
.tabBtnStyle li button span { display:inline-block; }
.tabBtnStyle li button .moNone { font-style:normal; }
.tabBtn li a.on,
.tabBtnStyle li button.on { background:#1a3ac5; border-color:#1a3ac5; color:#fff; font-weight:700; }
.tabBtn2,
.tabBtn2Style { display:flex; margin-top:4.375em; }
.tabBtn2 li,
.tabBtn2Style li { flex:1; }
.tabBtn2 li a,
.tabBtn2Style li button { display:block; position:relative; width:100%; padding-bottom:1em; font-size:1.063em; letter-spacing:-.025em; line-height:1.1; text-align:center; border-bottom:1px solid #dcdcdc; box-sizing:border-box; }
.tabBtn2 li a span,
.tabBtn2Style li button span { display:inline-block; }
.tabBtn2 li a.on,
.tabBtn2Style li button.on { color:#1a3ac5; font-weight:700; }
.tabBtn2 li a.on::after,
.tabBtn2Style li button.on::after { content:''; display:block; position:absolute; bottom:-1px; left:0; width:100%; height:2px; background:#1a3ac5; }
.tabBtn3 { display:flex; margin-bottom:1.5em; }
.tabBtn3 li { position:relative; margin-right:.375em; }
.tabBtn3 li a { display:block; position:relative; width:100%; padding:.5em .8125em; letter-spacing:-.025em; line-height:1.1; text-align:center; color:#2a2a2a; background:#e3e3e3; border-radius:2em; box-sizing:border-box; transition:all .15s; }
.tabBtn3 li a span { display:inline-block; }
.tabBtn3 li a.on { background:#1a3ac5; color:#fff; }
/* 규격 */
.unitSelect { display:inline-flex; border:1px solid #dcdcdc; border-radius:.5rem; }
.unitSelect>p { margin-right:.4117em; padding:0 1em; font-size:1.063em; line-height:2.3529em; color:#353535; }
.unitSelect .buttonSelect button,
.unitSelect .buttonSelect .disableSelect { padding:0 2.3529em 0 .5882em; font-size:1.063em; font-weight:700; line-height:2.3529em; color:#1a3ac5; }
.unitSelect .buttonSelect .disableSelect { padding-right:1.1764em; }
.unitSelect .buttonSelect button::after { right:.8235em; }
.unitSelect .selectList { width:110%; min-width:auto; }
.tabBtn + .unitSelect { margin-left:.375em; }
/* 출처 */
.conSource { max-width:1340px; margin:6.25em auto 0; padding:0 1.25em; font-family:'Noto Sans KR'; }
.conSource>div { padding:3.125em 4.375em; background:#f7f7f7; border-radius:.5rem; box-sizing:border-box; }
.conSource .tit { position:relative; }
.conSource .tit .tip { display:inline-block; vertical-align:middle; width:2.25em; height:1.5625em; margin-right:.5em; background-image:url(../images/sub/icon_tip.png); background-repeat:no-repeat; background-position:center; background-size:100%; text-indent:-9999px; }
.conSource .tit span { display:inline-block; vertical-align:middle; font-size:1.063em; letter-spacing:-.05em; }
.conSource .tit em { display:inline-block; vertical-align:middle; position:relative; margin-left:.4705em; padding-left:.5294em; font-size:1.063em; letter-spacing:-.05em; }
.conSource .tit em::before { content:''; display:block; position:absolute; top:50%; left:0; width:1px; height:.8823em; margin-top:-.4411em; background:#bdbdbd; }
.conSource .txt { margin-top:1.25em; line-height:1.5; letter-spacing:-.05em; color:#6c6b6b; }
.contentWrap .conSource { max-width:1300px; margin:0 auto; padding:0; }
.dataWrap + .conSource { margin-top:4.375em; }
.conSource.type2 { margin-top:1.875em; }
.conSource.type2>div { padding:2.5em 3.125em; }
/* 툴팁 */
.tooltip { display:block; position:absolute; left:50%; bottom:100%; margin-bottom:.875em; padding:1.063em 1.25em; transform:translateX(-50%); font-style:normal; background:#fff; border:1px solid #dcdcdc; border-radius:.5rem; box-sizing:border-box; box-shadow:0 8px 10px 0 rgba(0, 0, 0, 0.06); word-break:keep-all; opacity:0; transition:all .15s; }
.tooltip::before { content:''; display:block; position:absolute; bottom:-.875em; left:50%; width:1.25em; height:.875em; margin-left:-.625em; background:url(../images/sub/icon_cons_tooltip.png) no-repeat; background-size:100%; }
/* 대비 */
.arrowsCol i { font-style:normal; }
.arrowsCol i::before { content:'-'; display:inline-block; width:.8235em; }
.arrowsCol i::after { display:inline-block; vertical-align:top; width:1.4117em; }
.arrowsCol.up { color:#ff0000; }
.arrowsCol.up i::after { content:'▲'; }
.arrowsCol.down { color:#0113ff; }
.arrowsCol.down i::after { content:'▼'; }
.arrowsCol.up i::before,
.arrowsCol.down i::before { display:none; } 
.arrowsCol.bg { display:inline-block; vertical-align:top; min-width:3.2857em; margin-left:.2857em; padding:.1428em .5em .1428em .2142em; font-size:.875rem; font-weight:700; line-height:1; color:#fff; border-radius:.2857em; box-sizing:border-box; }
.tableStyle .arrowsCol.bg { margin-top:.1428em; }
.arrowsCol.bg i::after { margin-top:.0833em; font-size:.8571em; }
.arrowsCol.bg.up { background:#f72854; }
.arrowsCol.bg.down { background:#307cf9; }
@media screen and (max-width:960px) { 
	/* 탭 */
	.tabBtn li,
	.tabBtnStyle li { width:6.7272em; }
	.tabBtnStyle.type2 li { width:7.1818em; }
	.tabBtn li a,
	.tabBtnStyle li button { font-size:1.1818em; line-height:2.5384em; }
	.tabBtnStyle li button .moNone { display:none; }
	.tabBtn2,
	.tabBtn2Style { margin-top:3.6363em; }
	.tabBtn2 li a,
	.tabBtn2Style li button { padding-bottom:.7692em; font-size:1.1818em; }
	.tabBtn2.type2 { position:relative; flex-wrap:wrap; margin-top:2.7272em; }
	.tabBtn2.type2::before {content:''; display:block; position:absolute; bottom:0; left:0; width:100%; height:1px; background:#dcdcdc; }
	.tabBtn2.type2 li { flex:none; width:25%; }
	.tabBtn2.type2 li a { padding-top:.909em; }
	.tabBtn3 { flex-wrap:wrap; margin:0 -.1818em 1.8181em; }
	.tabBtn3 li { margin:.2727em; }
	.tabBtn3 li a { font-size:1.0909em; }
	/* 규격 */
	.unitSelect>p { margin-right:0; font-size:1.0909em; line-height:2.75em; }
	.unitSelect .buttonSelect button,
	.unitSelect .buttonSelect .disableSelect { font-size:1.0909em; line-height:2.75em; }
	.unitSelect .selectList { width:100%; }
	/* 출처 */
	.conSource { margin-top:4.7272em; padding:0 5.5555%; }
	.conSource>div,
	.conSource.type2>div { padding:2.2727em; }
	.conSource .tit .tip { width:1.6363em; height:1.1363em; margin-right:.2727em; background-image:url(../images/sub/icon_tip_mo.png); }
	.conSource .tit span { font-size:.909em; line-height:1; }
	.conSource .tit em { font-size:.909em; line-height:1; }
	.conSource .txt { font-size:.909em; }
}

/* 01 가락시장 */
.chartBox1 { height:7.25rem; }
.notradeData { padding:4.375em 0; text-align:center; }
.notradeData .txt { display:inline-block; position:relative; padding:1.1052em 0 1.1052em 7.8947em; font-size:1.1875em; color:#4d4d4d; text-align:left; line-height:1.5; }
.notradeData .txt::before { content:''; display:block; position:absolute; top:50%; left:0; width:7.875rem; height:7.875rem; margin-top:-3.9375rem; background:#f7f8f9 url(../images/sub/icon_no_trade.png) no-repeat center; border-radius:50%; }
.tradeWrap.top { margin-top:4.375em; padding-top:4.375em; border-top:1px solid #dcdcdc; }
.halfCon { display:flex; justify-content:space-between; max-width:1300px; margin:0 auto; }
.halfCon .leftCon { width:46.6353%; border:1px solid transparent; box-sizing:border-box; }
.halfCon .rightCon { width:49.9217%; padding:0 1.875em; border:1px solid transparent; box-sizing:border-box; }
.halfCon.boxline .leftCon { padding:1.875em 0; }
.halfCon.boxline .rightCon { padding:1.875em; border-color:#dcdcdc; border-radius:.5rem; }
/* 한 눈에 보기 */
.priceChartAll { max-width:1300px; margin:0 auto; }
.priceChartAll .itemList { display:flex; margin:0 -1.125em; }
.priceChartAll .item { width:25%; padding:0 1.125em; box-sizing:border-box; }
.priceChartAll .info { display:flex; margin-bottom:1.75em; }
.priceChartAll .info .txt { width:44%; display:flex; justify-content:space-between; padding-right:.625em; box-sizing:border-box; }
.priceChartAll .info .txt .grade { font-size:1.5em; letter-spacing:-.05em; }
.priceChartAll .info .txt .price { text-align:right; }
.priceChartAll .info .txt .price strong { font-size:1.5em; letter-spacing:-.05em; }
.priceChartAll .info .txt .price span { display:block; padding:.25em .125em 0 0; color:#636363; }
.priceChartAll .info .comp li { display:flex; margin-top:.625em; letter-spacing:-.05em; color:#545454; }
.priceChartAll .info .comp li:first-child { margin-top:.1875em; }
.priceChartAll .info .comp li .diffe { display:inline-block; position:relative; margin-left:.3125em; padding-left:.625em; font-weight:300; letter-spacing:-.025em; }
.priceChartAll .info .comp li .diffe::before { content:'+'; display:block; position:absolute; top:0; left:0; width:.5625em; text-align:center; }
.priceChartAll .info .comp li .diffe.down::before { content:'-' }
.priceChartAll .info .comp .arrowsCol { margin-left:.3125em; letter-spacing:0; }
.priceChartAll .info .comp .arrowsCol.up { color:#d61d04; }
.priceChartAll .info .comp .arrowsCol.down { color:#144be9; }
.priceChartAll .info .comp .arrowsCol i::after { width:1.125em; }
.priceChartAll .chartTxt { display:flex; justify-content:space-between; margin-top:.3125em; }
.priceChartAll .chartTxt p { font-size:.875em; color:#7f7f7f; letter-spacing:-.025em; }
.infoText { margin-top:3.3333em; padding:.2em 0 .2em 2.1333em; font-size:.9375em; letter-spacing:-.05em; line-height:1.3; color:#2a2a2a; background:url(../images/sub/ico_info.png) no-repeat left top; background-size:1.5625rem; box-sizing:border-box; }
.infoText.type2 { max-width:1300px; margin:1.7647em auto 0; padding:.1em 0 .1em 2.1333em; font-size:1.063em; }
/* 표 */
.tradeTable { table-layout:auto; }
.tradeTable.fixed { table-layout:fixed; }
.tradeTable.top { margin-top:4.375em; border-top:1px solid #dcdcdc; }
.tradeTable th,
.tradeTable td { padding:.6666em .4444em; vertical-align:middle; font-size:1.125em; font-weight:400; letter-spacing:-.025em; text-align:center; }
.tradeTable thead th { padding:1.2em .2em; font-size:.9375em; color:#8b8b8b; }
.tradeTable thead th span { font-size:.8666em; }
.tradeTable tbody th { color:#5a5a5a; }
.tradeTable td.light { font-weight:300; text-align:right; }
.tradeTable td .arrowsCol { display:inline-block; vertical-align:middle; min-width:4em; margin-top:-.2142em; margin-left:.2857em; padding:.1428em .3571em .1428em .1428em; font-size:.875rem; font-weight:700; letter-spacing:-.05em; line-height:1; color:#fff; text-align:center; background:#bbb; border-radius:.2857em; box-sizing:border-box; }
.tradeTable td .arrowsCol i::after { margin-top:.1818em; width:1.3636em; font-size:.7857em; }
.tradeTable td .arrowsCol.up { background:#f72854; }
.tradeTable td .arrowsCol.down { background:#307cf9; }
.tradeTable td .ton { display:inline-block; vertical-align:middle; min-width:2.5555em; padding:0 .4444em; font-weight:300; line-height:1; background:#baeee0; border-radius:.2222em; box-sizing:border-box; }
table.cursor tbody tr { position:relative; cursor:pointer; }
table.cursor tbody tr:hover th,
table.cursor tbody tr:hover td { background:#f3f6fc; }
table.cursor tbody tr.active th,
table.cursor tbody tr.active td { background:#e5ebf5; }
table.cursor tbody tr.active th,
table.cursor tbody tr.active td,
table.cursor tbody tr.active td .ton { font-weight:700; }
table.cursor tbody tr th:first-child,
table.cursor tbody tr td:first-child { border-radius:1.6666em 0 0 1.6666em; }
table.cursor tbody tr th:last-child,
table.cursor tbody tr td:last-child { border-radius:0 1.6666em 1.6666em 0; }
.btnMoreTable { margin-top:1.875em; text-align:center; }
.btnMoreTable button { letter-spacing:-.025em; color:#8b8b8b; }
.btnMoreTable button i { display:inline-block; vertical-align:middle; width:1.5625em; height:1.5625em; margin-left:.6875em; background-image:url(../images/sub/btn_table_more.png); background-repeat:no-repeat; background-position:center; background-size:.6875em; border:1px solid #dcdcdc; border-radius:50%; box-sizing:border-box; transition:all .15s; }
.btnMoreTable button:focus i,
.btnMoreTable button:hover i { background-color:#1a3ac5; background-image:url(../images/sub/btn_table_more_on.png); border-color:#1a3ac5; }
.btnMoreTable button.close i { background-image:url(../images/sub/btn_table_close.png); }
.btnMoreTable button.close:focus i,
.btnMoreTable button.close:hover i { background-image:url(../images/sub/btn_table_close_on.png); }
.tableControl { display:flex; justify-content:center; align-items:center; margin-top:1.875em; }
.tableControl button { display:inline-block; vertical-align:middle; width:1.5625em; height:1.5625em; background-repeat:no-repeat; background-size:auto .6875em; background-position:center; border:1px solid #dcdcdc; border-radius:50%; box-sizing:border-box; text-indent:-9999px; transition:all .15s; }
.tableControl .prev { background-image:url(../images/sub/btn_table_prev.png); }
.tableControl .next { background-image:url(../images/sub/btn_table_next.png); }
.tableControl button:focus,
.tableControl button:hover { background-color:#1a3ac5; border-color:#1a3ac5; }
.tableControl .prev:focus,
.tableControl .prev:hover { background-image:url(../images/sub/btn_table_prev_on.png); }
.tableControl .next:focus,
.tableControl .next:hover { background-image:url(../images/sub/btn_table_next_on.png); }
.tableControl .num { margin:0 .75em; color:#8b8b8b; }
.tableControl .num .now { font-weight:700; color:#1a3ac5; }
/* 서브 탭 */
.subConTab .subTabContent { display:none; }
.subConTab .subTabContent:first-child { display:block; }
/* 거래 동향 */
.tradingTrend .tit { margin-bottom:3.125em; }
.tradingTrend .tit p { margin-top:.5em; font-size:1.5em; }
.tradingTrend .tit p:first-child { margin-top:0; }
.tradingTrend .tit .blue { color:#1a3ac5; }
.tradingTrend .list { display:flex; margin:0 -1.25em; }
.tradingTrend .list li { display:flex; align-items:center; justify-content:center; position:relative; width:10.5em; height:10.5em; margin:0 1.25em; background:#eceff9; border:1px solid #a2b1f3; border-radius:50%; box-sizing:border-box; }
.tradingTrend .list li .percent { position:absolute; top:0; left:0; width:100%; height:100%; border-radius:50%; box-sizing:border-box; text-indent:-9999px; }
.tradingTrend .list li .percent.down { transform:scaleX(-1); }
.tradingTrend .list li div { display:flex; justify-content:center; align-items:center; flex-direction:column; position:relative; width:9.625em; height:9.625em; background:#fff; border-radius:50%; z-index:1; }
.tradingTrend .list li .txt1 { font-size:1.063em; letter-spacing:-.05em; }
.tradingTrend .list li .txt2 { margin-top:.25em; font-size:1.25em; }
.tradingTrend .list li .txt3 { margin-top:.25em; font-size:1.25em; }
.tradingTrend .list li .txt3 .arrowsCol i::after { width:1em; }
.tradingTrend .list li .txt4 { margin-top:.2941em; font-size:1.063em; }
.tradingTrend .list li .txt5 { margin-top:.1764em; font-size:1.063em; }
.tradingTrend .list li .txt5 .arrowsCol i::after { width:1em; }
.tradingTrend .allTxt { margin-top:2.25em; font-size:1.25em; }
.tradingTrend .allTxt .arrowsCol i::after { width:1em; }
.tradingTrend .btn { margin-top:3.125em; }
.tradingTrend .btn + .btn { margin-top:1em; }
.tradingTrend .btn a { display:inline-block; padding:.9375em 1.4375em; border:1px solid #dcdcdc; border-radius:.5rem; }
.tradingTrend .btn a span { display:inline-block; padding:.1764em 2.5882em .1764em 2.2352em; font-size:1.063em; letter-spacing:-.025em; background-image:url(../images/sub/icon_btn_statistics.png), url(../images/sub/btn_statistics_arrow.png); background-repeat:no-repeat; background-position:left center, right center; background-size:1.5882em auto, .3529em auto; }
@media screen and (max-width:960px) { 
	.chartBox1 { height:6.5454rem; }
	.tradeWrap.top { margin-top:3.8181em; padding-top:3.8181em; }
	.halfCon { display:block; }
	.halfCon .leftCon { width:100%; }
	.halfCon .rightCon { width:100%; margin-top:4.3636em; padding:0; }
	.halfCon.boxline .leftCon { padding:0; }
	.halfCon.boxline .rightCon { position:relative; margin-top:3.2727em; padding:1.5454em 1.3636em 2.7272em; }
	.halfCon.boxline .rightCon::before { content:''; display:block; position:absolute; top:-1em; left:50%; width:2em; height:1.0909em; margin-left:-1em; background:url(../images/sub/icon_rightcon_arrow.png) no-repeat; background-size:100%; }
	/* 한 눈에 보기 */
	.priceChartAll .itemList { display:block; margin:0; }
	.priceChartAll .item { display:flex; justify-content:space-between; width:100%; margin-top:3.909em; padding:0; }
	.priceChartAll .item:first-child { margin-top:0; }
	.priceChartAll .info { flex-shrink:0; display:block; width:46.5517%; margin:0; }
	.priceChartAll .info .txt { width:100%; padding-right:0; }
	.priceChartAll .info .txt .grade { margin-top:.1em; font-size:1.8181em; font-weight:700; }
	.priceChartAll .info .txt .price { margin-left:0; }
	.priceChartAll .info .txt .price strong { font-size:2em; }
	.priceChartAll .info .txt .price span { padding-top:.1666em; font-size:1.0909em; }
	.priceChartAll .info .comp { margin-top:1.7272em; }
	.priceChartAll .info .comp li { justify-content:space-between; margin-top:.0833em; font-size:1.0909em; }
	.priceChartAll .info .comp li:first-child { margin-top:0; }
	.priceChartAll .info .comp li p { flex-grow:1; display:flex; justify-content:space-between; }
	.priceChartAll .info .comp li .diffe { margin-left:0; }
	.priceChartAll .info .comp .arrowsCol { margin-left:.5833em; text-align:right; }
	.priceChartAll .chart { flex-shrink:0; width:46.5517%; }
	.priceChartAll .chartTxt p { font-size:1.0909em; }
	.infoText,
	.infoText.type2 { padding:0 0 0 1.3333em; font-size:1.0909em; line-height:1.4; background-size:1.1363rem; background-position:left .1818rem; }
	.infoText.type2 { margin-top:1.6666em; }
	/* 표 */
	.tradeTable.top { margin-top:3.2727em; }
	.tradeTable th,
	.tradeTable td,
	.tradeTable td.AlignRight { padding:.5833em 1em; font-size:1.0909em; }	
	.tradeTable thead th { padding:.909em .2727em; font-size:1em; }	
	.tradeTable td .arrowsCol { min-width:4.5em; padding:.2em .4em .2em .3em; font-size:.909rem; }
	.btnMoreTable { margin-top:2.3636em; }
	.btnMoreTable button { font-size:1.1818em; }
	.btnMoreTable button i { width:2.6923em; height:2.6923em; margin-left:.6923em; background-image:url(../images/sub/btn_table_more_mo.png); background-size:1em; }
	.btnMoreTable button i:focus,
	.btnMoreTable button i:hover { background-image:url(../images/sub/btn_table_more_on_mo.png); }
	.btnMoreTable button.close i { background-image:url(../images/sub/btn_table_close_mo.png); }
	.btnMoreTable button.close:focus i,
	.btnMoreTable button.close:hover i { background-image:url(../images/sub/btn_table_close_on_mo.png); }
	.tableControl { margin-top:2.3636em; }
	.tableControl button { width:3.1818em; height:3.1818em; background-size:auto 1.2727em; }
	.tableControl .prev { background-image:url(../images/sub/btn_table_prev_mo.png); }
	.tableControl .next { background-image:url(../images/sub/btn_table_next_mo.png); }
	.tableControl .prev:focus,
	.tableControl .prev:hover { background-image:url(../images/sub/btn_table_prev_on_mo.png); }
	.tableControl .next:focus,
	.tableControl .next:hover { background-image:url(../images/sub/btn_table_next_on_mo.png); }
	.tableControl .num { margin:0 1.3076em; font-size:1.1818em; }	
	/* 서브 탭 */
	/* 거래 동향 */
	.tradingTrend .tit { margin-bottom:2.7272em; }
	.tradingTrend .tit p { margin-top:.2941em; font-size:1.5454em; }
	.tradingTrend .list { margin:0 -.5555vw; }
	.tradingTrend .list li { width:26.1111vw; height:26.1111vw; max-width:13.3636em; max-height:13.3636em; margin:0 .5555vw; }
	.tradingTrend .list li div { width:23.6111vw; height:23.6111vw; max-width:12.4545em; max-height:12.4545em; }
	.tradingTrend .list li .txt1 { font-size:.909em; }
	.tradingTrend .list li .txt2 { margin-top:.1em; font-size:1.0909em; }
	.tradingTrend .list li .txt3 { margin-top:.1em; font-size:1.0909em; }
	.tradingTrend .list li .txt4 { margin-top:0; font-size:1em; }
	.tradingTrend .list li .txt5 { margin-top:0; font-size:1em; }
	.tradingTrend .allTxt { margin-top:1.5384em; font-size:1.1818em; }
	.tradingTrend .allTxt .arrowsCol i::after { width:1em; }
	.tradingTrend .btn { margin-top:2.7272em; }
	.tradingTrend .btn a { display:block; padding:1.2727em 1.6363em; }
	.tradingTrend .btn a span { display:block; padding:0 0 0 1.6153em; background-image:url(../images/sub/icon_btn_statistics_mo.png), url(../images/sub/btn_statistics_arrow_mo.png); background-size:1.0384em auto, .3076em auto; font-size:1.1818em; }
}

/* 01 품목별 가격동향 */
.agrItemList.price dl dd ul li i { background-image:url(../images/sub/btn_agr_list_arrow.png); background-size:.875em auto; }
.agrItemList.price dl dd ul li a:focus i,
.agrItemList.price dl dd ul li a:hover i { background-image:url(../images/sub/btn_agr_list_arrow_on.png); background-size:.75em auto; }
.dataTit.price { display:flex; align-items:flex-end; justify-content:space-between; }
.dataTit.price h4 { font-weight:700; }
.dataTit.price h4 span { margin-left:.5714em; font-weight:400; }
.dataTit.price .update { font-size:.9375rem; color:#555555; }
.dataTit.price .update span { margin-left:.4em; }
.priceInfo { margin-top:3.125em; text-align:center; }
.priceInfo a { display:inline-flex; align-items:center; justify-content:center; }
.priceInfo h5 { padding-left:1.909em; font-size:1.375em; letter-spacing:-.05em; line-height:1.4; color:#1a3ac5; background:url(../images/sub/icon_price_info.png) no-repeat left center; background-size:1.3636em; }
.priceInfo p { position:relative; margin-left:1.875em; padding:.6875em 1.5em; letter-spacing:-.025em; background:#eee; border-radius:2em; transition:all .15s; }
.priceInfo a:focus p,
.priceInfo a:hover p { background-color:#1a3ac5; color:#fff; }
.priceInfo i { position:absolute; top:50%; right:2.0625rem; margin-top:-.6388em; padding-right:1.5454em; font-style:normal; font-size:1.125em; letter-spacing:-.05em; line-height:1.3; background:url(../images/sub/icon_price_info_arrow.png) no-repeat right center; background-size:auto 1.2222em; }
@media screen and (max-width:960px) { 
	.agrItemList.price dl dd ul li i,
	.agrItemList.price dl dd ul li a:focus i,
	.agrItemList.price dl dd ul li a:hover i { background-color:transparent; background-image:url(../images/sub/btn_agr_list_arrow_mo.png); background-size:1em auto; }
	.dataTit.price { display:block; margin-bottom:.7272em; }
	.dataTit.price h4 span { margin-left:.2em; }
	.dataTit.price .update { margin-top:3.2em; font-size:.909rem; text-align:right; }
	.dataTable.price { display:flex; flex-direction:column-reverse; margin-top:3.2727em; }
	.dataTable.price .tableStyle colgroup { display:none; }
	.priceInfo h5 { padding-left:1.6923em; font-size:1.1818em; }
	.priceInfo p { margin-left:1.25em; padding:.6666em 1.25em; font-size:1.0909em; }
}

/* 01 축산물 */
.halfCon.wrap { flex-wrap:wrap; }
.halfCon.wrap .leftCon,
.halfCon.wrap .rightCon { width:47.1138%; margin-top:4.375em; padding:0; }
.halfCon.wrap .leftCon:nth-child(1),
.halfCon.wrap .rightCon:nth-child(2) { margin-top:0; }
.dataWrap + .halfCon.wrap { margin-top:4.375em; }
@media screen and (max-width:960px) { 
	.halfCon.wrap .leftCon,
	.halfCon.wrap .rightCon { width:100%; margin-top:4.3636em; }
	.halfCon.wrap .rightCon:nth-child(2) { margin-top:4.3636em; }
}

/* 02 중도매가격 */
.kamisData { display:flex; justify-content:space-between; }
.kamisData .inner { width:46.923%; }
.kamisData .titArea { display:flex; flex-direction:column; justify-content:center; min-height:3.4375em; padding-left:5.125em; background-image:url(../images/sub/icon_kamis.png); background-repeat:no-repeat; background-position:.3125em center; background-size:3.1875em; box-sizing:border-box; }
.kamisData .titArea .tit { font-size:1.25em; letter-spacing:-.025em; }
.kamisData .titArea .date { margin-top:.75em; padding-left:.1875em; font-size:1.063em; letter-spacing:-.025em; color:#8f8f8f; }
.kamisData .titArea .date span { margin-right:.5em; }
.kamisData .list { margin-top:2.125em; }
.kamisData .list li { position:relative; margin:.25em 0; padding-left:.4375em; line-height:1.3; font-size:1.063em; font-weight:300; letter-spacing:-.025em; word-break:keep-all; }
.kamisData .list li::before { content:'·'; display:block; position:absolute; top:0; left:0; font-weight:500; }
@media screen and (max-width:960px) { 
	.kamisData { display:block; }
	.kamisData .inner { width:100%; margin-top:4.5454em; }
	.kamisData .inner:first-child { margin-top:0; }
	.kamisData .titArea { padding-left:4.1818em; background-image:url(../images/sub/icon_kamis_mo.png); background-size:3.1818em; }
	.kamisData .titArea .tit { font-size:1.2727em; letter-spacing:-.04em; }
	.kamisData .titArea .date { margin-top:.5833em; font-size:1.0909em; }
	.kamisData .list { margin-top:2.2727em; }
	.kamisData .list li { font-size:1.1818em; }
}

/* 02 대형마트 소비트렌드 */
.martTrendTop { display:flex; justify-content:space-between; position:relative; max-width:1245px; margin:4.375em auto 0; }
.martTrendTop::before { content:''; display:block; position:absolute; top:50%; left:50%; width:1px; height:6.75em; margin-top:-3.375em; background:#dcdcdc; }
.martTrendTop dl { position:relative; width:45.7831%; padding:.5625em 14.0562% .5625em 0; box-sizing:border-box; }
.martTrendTop dl::after { content:''; display:block; position:absolute; top:50%; right:0; width:7.875em; height:7.875em; margin-top:-3.9375em; background-color:#f7f8f9; background-repeat:no-repeat; background-position:center; border-radius:50%; }
.martTrendTop dl.txtBox::after { background-image:url(../images/sub/icon_top10_txt.png); background-size:3.6875em auto; }
.martTrendTop dl.numBox::after { background-image:url(../images/sub/icon_top10_num.png); background-size:3.875em auto; }
.martTrendTop dl dt { font-size:1.25em; font-weight:700; letter-spacing:-.05em; }
.martTrendTop dl dd { margin-top:.9411em; font-size:1.063em; color:#797c9b; line-height:1.4; letter-spacing:-.025em; word-break:keep-all; }
.martTrendTop dl dd span,
.martTrendTop dl dd strong { color:#000; }
.martTrendTop dl dd strong { font-size:1.1176em; }
.martTrendTop dl dd .blue { color:#1a3ac5; }
.martTrendTop dl dd .orange { color:#ec5c05; }
/* 지역별 소비비중 */
.consRegionAll ul { display:flex; flex-wrap:wrap; margin:0 -1.6875em; }
.consRegionAll ul li { width:12.5%; margin-top:1.25em; text-align:center; box-sizing:border-box; }
.consRegionAll ul li:nth-child(-n+8) { margin-top:0; }
.consRegionAll ul li .rank { display:inline-flex; justify-content:center; align-items:flex-end; width:7.5em; height:7.5em; }
.consRegionAll ul li .rank p { display:flex; justify-content:center; align-items:center; position:relative; border-radius:50%; }
.consRegionAll ul li .rank p span { position:relative; font-weight:700; color:#fff; }
.consRegionAll ul li .rank p span::after { content:'%'; display:inline-block; vertical-align:bottom; margin-bottom:.2em; font-size:.625em; }
.consRegionAll ul li .txt { margin-top:.5882em; font-size:1.063em; font-weight:300; letter-spacing:-.025em; }
.consRegionAll .rank1 { width:7.5em; height:7.5em; background:#d254e5; }
.consRegionAll .rank2 { width:7.1875em; height:7.1875em; background:#a43eec; }
.consRegionAll .rank3 { width:6.875em; height:6.875em; background:#7d5bea; }
.consRegionAll .rank1 span,
.consRegionAll .rank2 span,
.consRegionAll .rank3 span { font-size:1.5em; }
.consRegionAll .rank4 { width:6.5625em; height:6.5625em; background:#5b8aea; }
.consRegionAll .rank5 { width:6.25em; height:6.25em; background:#13c1d6; }
.consRegionAll .rank4 span,
.consRegionAll .rank5 span { font-size:1.375em; }
.consRegionAll .rank6 { width:5.9375em; height:5.9375em; background:#24bda9; }
.consRegionAll .rank7 { width:5.625em; height:5.625em; background:#1bc57a; }
.consRegionAll .rank8 { width:5.3125em; height:5.3125em; background:#5ac59b; }
.consRegionAll .rank6 span,
.consRegionAll .rank7 span,
.consRegionAll .rank8 span { font-size:1.3125em; }
.consRegionAll .rank9 { width:5em; height:5em; background:#60b760; }
.consRegionAll .rank9 span { font-size:1.25em; }
.consRegionAll .rank10 { width:4.6875em; height:4.6875em; background:#9ad154; } 
.consRegionAll .rank11 { width:4.375em; height:4.375em; background:#c2c821; }
.consRegionAll .rank10 span,
.consRegionAll .rank11 span { font-size:1.125em; }
.consRegionAll .rank12 { width:4.0625em; height:4.0625em; background:#e6b35b; }
.consRegionAll .rank13 { width:3.75em; height:3.75em; background:#ebd01a; }
.consRegionAll .rank14 { width:3.4375em; height:3.4375em; background:#ffbd4b; }
.consRegionAll .rank15 { width:3.125em; height:3.125em; background:#fe9672; }
.consRegionAll .rank16 { width:2.8125em; height:2.8125em; background:#fe808f; }
.consRegionAll .rank16 span { font-size:.9375em; }
.consRegionAll ul li:hover .tooltip,
.consRegion ul li:hover .tooltip { opacity:1; }
.consRegion ul { display:flex; flex-wrap:wrap; margin:0 -1.6875em; }
.consRegion ul li { width:12.5%; margin-top:3.125em; text-align:center; position:relative; box-sizing:border-box; }
.consRegion ul li:nth-child(-n+8) { margin-top:0; }
.consRegion ul li .img { overflow:hidden; display:inline-block; position:relative; width:7.1875em; height:7.1875em; border-radius:50%; }
.consRegion ul li .img img { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); max-width:none; height:100%; }
.consRegion ul li .txt { margin-top:.9375em; font-weight:300; letter-spacing:-.025em; }
.consRegion ul li .txt span { display:block; margin-top:.3333em; font-size:1.125em; color:#1a3ac5; }
.consRegion ul li:first-child .txt span { font-weight:700; }
/* 품목별 소비비중 */
.consItemAll { display:flex; margin:0 -.625em; }
.consItemAll .box { width:25%; padding:0 .625em; box-sizing:border-box; }
.consItemAll .box .inner { position:relative; }
.consItemAll .box .inner::before { content:''; display:block; position:absolute; bottom:0; left:0; width:100%; height:83.4549%; background:#f5f7f7; border-radius:.5rem; z-index:-1; }
.consItemAll .titArea,
.consItem .titArea { text-align:center; }
.consItemAll .titArea .cateType,
.consItem .titArea .cateType { display:inline-block; width:7.875em; height:7.875em; background-color:#fff; background-repeat:no-repeat; background-position:center; background-size:5em auto; border:1px solid #cbdbd6; border-radius:50%; box-sizing:border-box; box-shadow:0 5px 5px 0 rgba(0, 0, 0, .03); }
.consItemAll .titArea .cateType.cate1,
.consItem .titArea .cateType.cate1 { background-image:url(../images/sub/icon_category_type01.png); }
.consItemAll .titArea .cateType.cate2,
.consItem .titArea .cateType.cate2 { background-image:url(../images/sub/icon_category_type02.png); }
.consItemAll .titArea .cateType.cate3,
.consItem .titArea .cateType.cate3 { background-image:url(../images/sub/icon_category_type03.png); }
.consItemAll .titArea .cateType.cate4,
.consItem .titArea .cateType.cate4 { background-image:url(../images/sub/icon_category_type04.png); }
.consItemAll .titArea .cateType.cate5,
.consItem .titArea .cateType.cate5 { background-image:url(../images/sub/icon_category_type05.png); }
.consItemAll .titArea .txt,
.consItem .titArea .txt { margin-top:1.2916em; font-size:1.5em; font-weight:700; letter-spacing:-.025em; }
.consItemAll .titArea .txt span,
.consItem .titArea .txt span { margin-left:.4166em; color:#cb4f04; }
.consItemAll .itemList { padding:1.125em 16.3934% 3.875em; }
.consItemAll .itemList li { display:flex; margin-top:.7em; font-size:1.125em; }
.consItemAll .itemList li .tit { flex-grow:1; }
.consItemAll .itemList li .data { flex-shrink:0; width:3.5em; text-align:right; }
.consItem .titArea { position:relative; }
.consItem .titArea::before { content:''; display:block; position:absolute; top:3.9375em; left:0; width:100%; height:1px; background:#cdddd8; z-index:-1; }
.consItem .consRegion { margin-top:2.8125em; }
.consItem .consRegion ul li .txt { font-size:1.125em; }
.consItem .consRegion ul li .txt span { font-size:1em; }
.consItem .consRegion ul li:nth-child(-n+3) .txt span { font-weight:700; }
@media screen and (max-width:960px) {   
	.martTrendTop { display:block; margin-top:3.8181em; }
	.martTrendTop::before { display:none; }
	.martTrendTop dl { width:100%; padding:0 0 0 10.4545em; }
	.martTrendTop dl:first-child { margin-bottom:6.1818em; }
	.martTrendTop dl::before { content:''; display:block; position:absolute; bottom:-3.0909em; left:0; width:100%; height:1px; background:#dcdcdc; }
	.martTrendTop dl:last-child::before { display:none; }
	.martTrendTop dl::after { right:auto; left:0; width:8.1818em; height:8.1818em; margin-top:-4.0909em; }
	.martTrendTop dl.txtBox::after { background-image:url(../images/sub/icon_top10_txt_mo.png); background-size:3.7272em auto; }
	.martTrendTop dl.numBox::after { background-image:url(../images/sub/icon_top10_num_mo.png); background-size:auto 3.909em; }
	.martTrendTop dl dt { font-size:1.3636em; }
	.martTrendTop dl dd { margin-top:.9166em; font-size:1.0909em; }
	/* 지역별 소비비중 */
	.consRegionAll ul { align-items:flex-end; margin:0; }
	.consRegionAll ul li { width:25%; margin-top:1.4545em; }
	.consRegionAll ul li:nth-child(-n+8) { margin-top:1.4545em; }
	.consRegionAll ul li:nth-child(-n+4) { margin-top:0; }
	.consRegionAll ul li .rank { width:6.4545em; height:auto; }
	.consRegionAll ul li .txt { margin-top:.5em; font-size:1.0909em; }
	.consRegionAll .rank1 { width:6.4545em; height:6.4545em; }
	.consRegionAll .rank2 { width:6.1818em; height:6.1818em; }
	.consRegionAll .rank3 { width:5.909em; height:5.909em; }
	.consRegionAll .rank1 span,
	.consRegionAll .rank2 span,
	.consRegionAll .rank3 span { font-size:1.3636em; }
	.consRegionAll .rank4 { width:5.6363em; height:5.6363em; }
	.consRegionAll .rank5 { width:5.2727em; height:5.2727em; }
	.consRegionAll .rank4 span,
	.consRegionAll .rank5 span { font-size:1.2272em; }
	.consRegionAll .rank6 { width:5em; height:5em; }
	.consRegionAll .rank7 { width:4.7272em; height:4.7272em; }
	.consRegionAll .rank8 { width:4.4545em; height:4.4545em; }
	.consRegionAll .rank6 span,
	.consRegionAll .rank7 span,
	.consRegionAll .rank8 span { font-size:1.1818em; }
	.consRegionAll .rank9 { width:4.1818em; height:4.1818em; }
	.consRegionAll .rank9 span { font-size:1.1363em; }
	.consRegionAll .rank10 { width:3.909em; height:3.909em; }
	.consRegionAll .rank11 { width:3.6363em; height:3.6363em; }
	.consRegionAll .rank10 span,
	.consRegionAll .rank11 span { font-size:1em; }
	.consRegionAll .rank12 { width:3.3636em; height:3.3636em; }
	.consRegionAll .rank13 { width:3.0909em; height:3.0909em; }
	.consRegionAll .rank14 { width:2.8181em; height:2.8181em; }
	.consRegionAll .rank15 { width:2.4545em; height:2.4545em; }
	.consRegionAll .rank12 span,
	.consRegionAll .rank13 span,
	.consRegionAll .rank14 span,
	.consRegionAll .rank15 span { font-size:.909em; }
	.consRegionAll .rank16 { width:2.1818em; height:2.1818em; }
	.consRegionAll .rank16 span { font-size:.8181em; }
	.consRegion ul { flex-wrap:wrap; margin:0; }
	.consRegion ul li { width:33.33%; }
	.consRegion ul li:nth-child(-n+8) { margin-top:2.2727em; }
	.consRegion ul li:nth-child(-n+3) { margin-top:0; }
	.consRegion ul li .img { width:7.5454em; height:7.5454em; }
	.consRegion ul li .txt { font-size:1.0909em; }
	.consRegion ul li .txt span { font-size:1.0833em; }
	/* 품목별 소비비중 */
	.consItemAll { flex-wrap:wrap; margin:0 -.2272em; }
	.consItemAll .box { width:50%; margin-top:2.1818em; padding:0 .2272em; }
	.consItemAll .box:nth-child(-n+2) { margin-top:0; }
	.consItemAll .titArea .cateType,
	.consItem .titArea .cateType { width:5.8181em; height:5.8181em; background-size:3.6363em auto; }
	.consItemAll .titArea .txt,
	.consItem .titArea .txt { margin-top:1.1333em; font-size:1.3636em; }
	.consItemAll .itemList { padding:.909em 14.7651% 2.3636em; }
	.consItemAll .itemList li { margin-top:.4166em; font-size:1.0909em; }
	.consItem .titArea::before { top:2.909em; }
	.consItem .consRegion { margin-top:3.2727em; }
}

/* 03 산지작황 Live */
.sanjiMain { display:flex; }
.sanjiMain .mapArea { position:relative; width:47.6923%; height:40em; text-align:center; }
.sanjiMain .mapArea .mapInner { position:relative; width:24.1875em; height:100%; margin:0 auto; }
.sanjiMain .mapArea .marker { display:block; position:absolute; width:2.1875rem; height:2.3125rem; background-image:url(../images/sub/icon_map_marker.png); background-repeat:no-repeat; background-size:100%; text-indent:-9999px; z-index:1; }
.sanjiMain .resultArea { width:52.3077%; padding-right:1.25em; box-sizing:border-box; }
.sanjiMain .resultArea h4 { margin-bottom:2em; padding:0 1.25em; font-size:1.25em; font-weight:400; letter-spacing:-.025em; }
.sanjiMain .resultArea h4 .date { margin-right:.55em; font-weight:700; }
.sanjiMain .resultArea h4 .blue { margin-right:.55em; color:#1a3ac5; }
.sanjiList .item { overflow:hidden; position:relative; }
.sanjiList .item::before { content:''; display:block; position:absolute; bottom:0; left:1.5625em; width:100%; height:1px; background:#dcdcdc; }
.sanjiList .item::after { content:''; display:block; position:absolute; bottom:0; right:0; width:33.2352%; height:1px; background:#fff; z-index:1; }
.sanjiList .item:last-child::before,
.sanjiList .item:last-child::after { display:none; }
.sanjiList .item a { display:flex; position:relative; padding:1.4375em 1.375em 1.4375em 8.75em; border-radius:.5rem; box-sizing:border-box; transition:all .15s; }
.sanjiList .item a:focus,
.sanjiList .item a:hover { background:#f0f2f6; }
.sanjiList .item .region { position:absolute; top:1.4375rem; left:1.5625rem; width:5.25em; font-size:1.25em; font-weight:300; letter-spacing:-.025em; line-height:1.4; word-break:keep-all; color:#4e4e4e; box-sizing:border-box; }
.sanjiList .item ul { width:62.3722%; padding-top:.125em; }
.sanjiList .item ul li.tit { overflow:hidden; max-width:95%; font-size:1.25em; font-weight:500; text-overflow:ellipsis; white-space:nowrap; }
.sanjiList .item ul li.tit .new { display:inline-block; vertical-align:middle; width:2.625rem; height:1.1875rem; margin:-.125rem .75rem 0 0; background-image:url(../images/sub/ico_new.png); background-repeat:no-repeat; background-position:center; background-size:100%; text-indent:-9999px; }
.sanjiList .item ul li.date { margin-top:1.1428em; font-size:.875em; font-weight:300; color:#4e4e4e; }
.sanjiList .item ul li.arrow { margin-top:.8571em; font-size:.875em; font-weight:300; color:#8e8e8f; }
.sanjiList .item ul li.arrow span { margin-left:.5714em; color:#aeaeae; }
.sanjiList .item .thumb { overflow:hidden; position:relative; width:37.6278%; padding-top:22.4948%; border-radius:.5rem; }
.sanjiList .item .thumb img { position:absolute; left:50%; top:50%; width:100%; transform:translate(-50%, -50%); }
.sanjiList + .pageNavArea { margin-top:2.625em; }
/* 조회 */
.sanjiView .dataTit { display:flex; justify-content:space-between; }
.sanjiView .dataTit .blue em { color:#000; }
.sanjiView .viewInfo { display:flex; align-items:center; margin-top:.3125em; }
.sanjiView .viewInfo li { position:relative; padding:0 .8em; font-size:.9375em; color:#505050; letter-spacing:-.025em; }
.sanjiView .viewInfo li:first-child { padding-left:0; }
.sanjiView .viewInfo li:last-child { padding-right:0; }
.sanjiView .viewInfo li::before { content:''; display:block; position:absolute; top:50%; left:0; width:1px; height:1em; margin-top:-.5em; background:#dfdfdf; }
.sanjiView .viewInfo li:first-child::before { display:none; }
.sanjiView .viewInfo li span { display:inline-block; margin-left:.5em; }
.growthChart { position:relative; margin-bottom:4.375em; }
.growthChart .col1 { background:#93dd3e; }
.growthChart .col2 { background:#4bd344; }
.growthChart .col3 { background:#4b9df0; }
.growthChart .col4 { background:#7e68ed; }
.growthChart .col5 { background:#ed8268; }
.growthChart .growthTable { border:1px solid #dcdcdc; border-width:1px 0; }
.growthChart .growthTable td { border-left:1px solid #dcdcdc; }
.growthChart .growthTable td:first-child { border-left:none; }
.growthChart .growthTable td ul { display:flex; }
.growthChart .growthTable td ul li { flex:1; position:relative; height:1.4375em; margin-left:-1px; }
.growthChart .growthTable td ul li.first { border-radius:.25rem 0 0 .25rem; }
.growthChart .growthTable td ul li i { display:block; position:absolute; top:0; left:0; width:2.5em; height:100%; padding-left:.1428em; line-height:1.6428em; font-style:normal; font-size:.875em; font-weight:700; color:#fff; box-sizing:border-box; background-repeat:no-repeat; background-size:100% auto; }
.growthChart .growthTable td ul li.last { border-radius:0 .25rem .25rem 0; }
.growthChart .growthTable td ul li.last::after { content:''; display:block; position:absolute; top:0; right:0; width:.75em; height:100%; background-repeat:no-repeat; background-size:100%; }
.growthChart .growthTable td ul li.col1,
.growthChart .growthTable td ul li.col2,
.growthChart .growthTable td ul li.col3,
.growthChart .growthTable td ul li.col4,
.growthChart .growthTable td ul li.col5 { border-left:none; }
.growthChart .growthTable td ul li.col1 i { background-image:url(../images/sub/icon_growth_bg1.png); }
.growthChart .growthTable td ul li.col2 i { background-image:url(../images/sub/icon_growth_bg2.png); }
.growthChart .growthTable td ul li.col3 i { background-image:url(../images/sub/icon_growth_bg3.png); }
.growthChart .growthTable td ul li.col4 i { background-image:url(../images/sub/icon_growth_bg4.png); }
.growthChart .growthTable td ul li.col5 i { background-image:url(../images/sub/icon_growth_bg5.png); }
.growthChart .growthTable td ul li.col1.last::after { background-image:url(../images/sub/icon_growth_col1.png); }
.growthChart .growthTable td ul li.col2.last::after { background-image:url(../images/sub/icon_growth_col2.png); }
.growthChart .growthTable td ul li.col3.last::after { background-image:url(../images/sub/icon_growth_col3.png); }
.growthChart .growthTable td ul li.col4.last::after { background-image:url(../images/sub/icon_growth_col4.png); }
.growthChart .growthTable td ul li.col5.last::after { background-image:url(../images/sub/icon_growth_col5.png); }
.growthChart .growthTable .month td { padding:1em 0; font-size:.875em; color:#8e8d8d; text-align:center; border-bottom:1px solid #dcdcdc; }
.growthChart .growthTable .gap td { padding:.9375em 0; }
.growthChart .legend { display:flex; align-items:center; justify-content:space-between; padding:.8125em 0; border-top:1px solid #dcdcdc; }
.growthChart .legend p { letter-spacing:-.05em; }
.growthChart .legend ul { display:flex; justify-content:flex-end; }
.growthChart .legend ul li { display:flex; align-items:center; margin-left:1.375em; letter-spacing:-.025em; }
.growthChart .legend ul li .kind i { display:inline-block; vertical-align:middle; width:.625em; height:.625em; margin-right:.375em; border-radius:50%; }
.growthChart .legend ul li .kind span { display:inline-block; vertical-align:middle; }
.growthChart .legend ul li .period { margin-left:.625em; color:#555555; }
.boxTit { display:flex; justify-content:center; padding:1.5em 0; margin:2.5em 0 .5em; background:#3137c5; }
.boxTit p { position:relative; padding:0 .5em; font-size:1.25em; color:#fff; letter-spacing:-.025em; }
.boxTit p::before { content:''; display:block; position:absolute; top:50%; left:0; width:1px; height:.9em; margin-top:-.4em; background:rgba(255, 255, 255, .3); }
.boxTit p:first-child::before { display:none; }
.boxTit.col1 { background:#689800; }
.boxTit.col2 { background:#088a01; }
.boxTit.col3 { background:#0057e6; }
.boxTit.col4 { background:#4f0de6; }
.boxTit.col5 { background:#b00024; }
.sanjiImgSlide { margin:1.25em -.3125em 0; }
.sanjiImgSlide .slick-slide { padding:0 .3125em; box-sizing:border-box; }
.sanjiImgSlide .slick-slide .img { overflow:hidden; position:relative; padding-top:66.055%; border-radius:.5rem; }
.sanjiImgSlide .slick-slide .img img { position:absolute; left:50%; top:50%; width:100%; transform:translate(-50%, -50%); }
.sanjiImgControl { display:flex; justify-content:center; align-items:center; margin:1.875em 0 4.375em; }
.sanjiImgControl button { display:inline-block; vertical-align:middle; width:1.5625em; height:1.5625em; background-repeat:no-repeat; background-size:auto .6875em; background-position:center; border:1px solid #dcdcdc; border-radius:50%; box-sizing:border-box; text-indent:-9999px; transition:all .15s; }
.sanjiImgControl .prev { background-image:url(../images/sub/btn_table_prev.png); }
.sanjiImgControl .next { background-image:url(../images/sub/btn_table_next.png); }
.sanjiImgControl button:focus,
.sanjiImgControl button:hover { background-color:#1a3ac5; border-color:#1a3ac5; }
.sanjiImgControl .prev:focus,
.sanjiImgControl .prev:hover { background-image:url(../images/sub/btn_table_prev_on.png); }
.sanjiImgControl .next:focus,
.sanjiImgControl .next:hover { background-image:url(../images/sub/btn_table_next_on.png); }
.sanjiImgControl .num { margin:0 .75em; color:#8b8b8b; }
.sanjiImgControl .num .now { font-weight:700; color:#1a3ac5; }
.sanjiView .tableStyle th,
.sanjiView .tableStyle td { text-align:left; padding:.8823em 1.7647em; word-break:keep-all; }
.sanjiView .tableStyle th { width:13em; vertical-align:top; }
.sanjiView .tableStyle td p { line-height:1.5; }
.sanjiView .tableStyle + .dataTit { margin:4.375em 0 3.125em; }
.sanjiView .sanjiList { display:flex; flex-wrap:wrap; justify-content:space-between; padding-bottom:2.75em; border-bottom:1px solid #dcdcdc; }
.sanjiView .sanjiList .item { width:46.1194%; }
.sanjiView .sanjiList .item:nth-child(3)::before { display:none; }
.sanjiView .sanjiList .item ul { width:56.8076%; }
.sanjiView .sanjiList .item .thumb { width:43.1924%; padding-top:25.8215%; }
@media screen and (max-width:960px) {  
	.sanjiMain { flex-wrap:wrap; }
	.sanjiMain .moFilterOpt { width:100%; }
	.sanjiMain .mapArea { width:100%; height:35.7272em; }
	.sanjiMain .mapArea .mapInner { width:26.3636em; }
	.sanjiMain .mapArea .marker { width:2.4545rem; height:2.5454rem; background-image:url(../images/sub/icon_map_marker_mo.png); }
	.sanjiMain .resultArea { width:100%; margin-top:5.909em; padding:0; }
	.sanjiMain .resultArea h4 { margin-bottom:.5em; padding:0; font-size:1.8181em; line-height:1.45; }
	.sanjiList .item::before { left:0; }
	.sanjiList .item::after { width:41.3793%; }
	.sanjiList .item:last-child::before,
	.sanjiList .item:last-child::after { display:block; }
	.sanjiList .item a { position:relative; padding:1.3636em 0; border-radius:0; }
	.sanjiList .item a:focus,
	.sanjiList .item a:hover { background:none; }
	.sanjiList .item .region { position:absolute; top:1.3636em; left:0; width:100%; padding:0; font-size:1.0909em; }
	.sanjiList .item ul { flex-grow:1; width:58.6207%; padding-top:2.0909em; }
	.sanjiList .item ul li.tit { font-size:1.0909em; }
	.sanjiList .item ul li.tit .new { width:2.5454rem; height:1.1818rem; margin-right:.4545rem; background-image:url(../images/sub/ico_new_mo.png); }
	.sanjiList .item ul li.date { margin-top:.9em; font-size:.909em; }
	.sanjiList .item ul li.arrow { display:none; }
	.sanjiList .item .thumb { width:41.3793%; padding-top:24.1379%; }
	/* 조회 */
	.sanjiView .dataTit { display:block; margin-bottom:.909em; }
	.sanjiView .viewInfo { margin-top:2.4545em; }
	.sanjiView .viewInfo li { font-size:.909em; }
	.growthChart { margin-bottom:4.5454em; }
	.growthChart .chart { width:100%; overflow-x:auto; }
	.growthChart .growthTable { width:auto; min-width:100%; white-space:nowrap; }
	.growthChart .growthTable td ul li { width:2.7272em; height:1.4545em; }
	.growthChart .growthTable td:first-child ul li:first-child { margin-left:0; }
	.growthChart .growthTable td ul li i { width:2.7272em; padding-left:.3636em; font-size:1em; line-height:1.4545em; }
	.growthChart .growthTable td ul li.last::after { width:.6363em; }
	.growthChart .growthTable td ul li.col1 i { background-image:url(../images/sub/icon_growth_bg1_mo.png); }
	.growthChart .growthTable td ul li.col2 i { background-image:url(../images/sub/icon_growth_bg2_mo.png); }
	.growthChart .growthTable td ul li.col3 i { background-image:url(../images/sub/icon_growth_bg3_mo.png); }
	.growthChart .growthTable td ul li.col4 i { background-image:url(../images/sub/icon_growth_bg4_mo.png); }
	.growthChart .growthTable td ul li.col5 i { background-image:url(../images/sub/icon_growth_bg5_mo.png); }
	.growthChart .growthTable td ul li.col1.last::after { background-image:url(../images/sub/icon_growth_col1_mo.png); }
	.growthChart .growthTable td ul li.col2.last::after { background-image:url(../images/sub/icon_growth_col2_mo.png); }
	.growthChart .growthTable td ul li.col3.last::after { background-image:url(../images/sub/icon_growth_col3_mo.png); }
	.growthChart .growthTable td ul li.col4.last::after { background-image:url(../images/sub/icon_growth_col4_mo.png); }
	.growthChart .growthTable td ul li.col5.last::after { background-image:url(../images/sub/icon_growth_col5_mo.png); }
	.growthChart .growthTable .month td { padding:1.1818em 0; font-size:1em; }
	.growthChart .legend { display:block; padding:0; }
	.growthChart .legend>p { padding:1em 0; font-size:1.3636em; border-bottom:1px solid #dcdcdc; }
	.growthChart .legend ul { display:block; padding:.5454em 0 1.3636em; }
	.growthChart .legend ul li { margin:.8181em 0 0 0; }
	.growthChart .legend ul li .kind { padding:0; border:none; }
	.growthChart .legend ul li .kind i { width:.7272em; height:.7272em; }
	.growthChart .legend ul li .kind span { font-size:1.0909em; }
	.growthChart .legend ul li .period { font-size:1.0909em; }
	.boxTit { display:block; padding:1.0909em 1em; }
	.boxTit p { padding:0; font-size:1.0909em; }
	.boxTit p:first-child { margin-bottom:.5em; }
	.boxTit p::before { display:none; }
	.sanjiImgSlide { margin:.5em -.1818em 0; }
	.sanjiImgSlide .slick-slide { padding:0 .1818em; }
	.sanjiImgSlide .slick-slide .img { padding-top:65.5405%; }
	.sanjiImgControl { margin:2.3636em 0 5em; }
	.sanjiImgControl button { width:3.1818em; height:3.1818em; background-size:auto 1em; }
	.sanjiImgControl .prev { background-image:url(../images/board/btn_board_prev_mo.png); }
	.sanjiImgControl .next { background-image:url(../images/board/btn_board_next_mo.png); }
	.sanjiImgControl .prev:focus,
	.sanjiImgControl .prev:hover { background-image:url(../images/board/btn_board_prev_on_mo.png); }	
	.sanjiImgControl .next:focus,
	.sanjiImgControl .next:hover { background-image:url(../images/board/btn_board_next_on_mo.png); }
	.sanjiImgControl .num { margin:0 1.3333em; font-size:1.3636em; }
	.sanjiView .tableStyle th,
	.sanjiView .tableStyle td { padding:1em 1.1666em; }
	.sanjiView .tableStyle th { width:6.75em; }
	.sanjiView .tableStyle + .dataTit { margin:3.2727em 0 1.4545em; }
	.sanjiView .sanjiList { padding:0; border:none; }
	.sanjiView .sanjiList .item { width:100%; margin:0; }
	.sanjiView .sanjiList .item:nth-child(3)::before { display:block; }
	.sanjiView .sanjiList .item:last-child::before { display:none; }
	.sanjiView .sanjiList .item ul { width:58.6207%; }
	.sanjiView .sanjiList .item .thumb { width:41.3793%; padding-top:24.1379%; }
}

/* 03 이상기상 매뉴얼 */
.iconTemp { display:block; width:1.375rem; height:1.5625rem; background-repeat:no-repeat; background-position:center; background-size:100%; }
.iconTemp.temp01 { background-image:url(../images/sub/icon_temp01.png); }
.iconTemp.temp02 { background-image:url(../images/sub/icon_temp02.png); }
.iconTemp.temp03 { background-image:url(../images/sub/icon_temp03.png); }
.iconTempBg { display:inline-block; vertical-align:middle; width:1.1875rem; height:1.1875rem; border:1px solid; box-sizing:border-box; border-radius:50%; }
.iconTempBg.bg01 { background:#ffe4e7; border-color:#e74357; }
.iconTempBg.bg02 { background:#ffedcb; border-color:#ff8831; }
.iconTempBg.bg03 { background:#dbffe4; border-color:#64bb7a; }
.foreIcon { display:inline-block; vertical-align:middle; min-width:2.8125rem; margin-top:-.25rem; font-size:1rem; text-align:right; }
.forecast { display:inline-block; padding:.0714em .5em; font-style:normal; font-size:.875rem; background:#f41579; border-radius:.25rem; color:#fff; }
.sanjiMain .mapArea .temp { display:flex; align-items:center; justify-content:center; position:absolute; width:3.125rem; height:3.0625rem; text-indent:-9999px; background-repeat:no-repeat; background-size:100% auto; border-radius:50%; z-index:1; }
.sanjiMain .mapArea .temp.temp01 { background-image:url(../images/sub/icon_map_temp01.png); }
.sanjiMain .mapArea .temp.temp02 { background-image:url(../images/sub/icon_map_temp02.png); }
.sanjiMain .mapArea .temp.temp03 { background-image:url(../images/sub/icon_map_temp03.png); }
.sanjiMain .resultArea.weather { padding-right:0; }
.sanjiMain .resultArea.weather .dataTit { margin-bottom:0; }
.sanjiMain .resultArea.weather h4 { padding:.2em 0 0; }
.calTop { display:flex; justify-content:space-between; align-items:center; margin-bottom:4.375em; }
.calTop .dataTit { margin-bottom:0; }
.calTop .month { display:flex; justify-content:center; align-items:center; }
.calTop .month button { display:inline-block; vertical-align:middle; width:2.5em; height:2.5em; background-position:center; background-repeat:no-repeat; background-size:1.125em auto; border:1px solid #dcdcdc; border-radius:50%; box-sizing:border-box; text-indent:-9999px; transition:all .15s; }
.calTop .month .prev { background-image:url(../images/board/btn_board_prev.png); }
.calTop .month .next { background-image:url(../images/board/btn_board_next.png); }
.calTop .month button:focus,
.calTop .month button:hover { background-color:#1a3ac5; border-color:#1a3ac5; }
.calTop .month .prev:focus,
.calTop .month .prev:hover { background-image:url(../images/board/btn_board_prev_on.png); }
.calTop .month .next:focus,
.calTop .month .next:hover { background-image:url(../images/board/btn_board_next_on.png); }
.calTop .month h4 { margin:0 1.875em; }
.calTop .month h4 input { width:6.8181em; font-size:1.375em; font-weight:700; letter-spacing:-.025em; color:#434343; border:none; background-image:url(../images/sub/icon_calrendar.png); background-repeat:no-repeat; background-position:right center; background-size:.909em auto; }
.calTop .month h4 input.pickerDate { width:9.0909em; line-height:1.8181em; }
.calendarTbl { margin-top:4.375em; padding-top:4.375em; border-top:1px solid #dcdcdc; }
.calendarTbl .dateHead,
.calendarTbl .dateList { display:flex; flex-wrap:wrap; justify-content:space-between; text-align:center; box-sizing:border-box; }
.calendarTbl .dateHead { border:1px solid #dcdcdc; border-width:1px 0 0 1px; }
.calendarTbl .dateHead>li,
.calendarTbl .dateList>li { width:14.2857%; border:1px solid #dcdcdc; border-width:0 1px 1px 0; box-sizing:border-box; }
.calendarTbl .dateList { border-left:1px solid #dcdcdc; }
.calendarTbl .dateHead>li span { display:block; padding:1.1176em 0; font-size:1.063em; color:#353535; letter-spacing:-.05em; }
.calendarTbl .dateList>li { padding:1.063em 1.25em; min-height:9.375em; }
.calendarTbl .dateList>li.off { background:#f7f7f7; }
.calendarTbl .dateList>li .date { text-align:left; }
.calendarTbl .dateList>li .date span { font-size:1.063em; color:#353535; letter-spacing:-.05em; }
.calendarTbl .dateHead>li:first-child span,
.calendarTbl .dateList>li:nth-child(7n+1) span { color:#f43535; }
.calendarTbl .dateHead>li:last-child span,
.calendarTbl .dateList>li:nth-child(7n+7) span { color:#536fff; }
.calendarTbl .dateList .weatherList { display:flex; margin-top:.75em; }
.calendarTbl .dateList .weatherList li { position:relative; margin-left:.4375em; }
.calendarTbl .dateList .weatherList li:first-child { margin-left:0; }
.calendarTbl .dateList .weatherList .iconTempBg { display:flex; align-items:center; justify-content:center; width:2.6875em; height:2.6875em; }
.calendarTbl .dateList .weatherList li .tooltip { width:250%; }
.calendarTbl .dateList .weatherList li:hover .tooltip { opacity:1; }
.calendarTbl .dateList .link { margin-top:1.375em; text-align:left; }
.calendarTbl .dateList .link a { display:block; position:relative; background:url(../images/sub/icon_weather_link.png) no-repeat right center; background-size:.375em auto; }
.calendarTbl .dateList .link span { position:relative; padding-left:.7333em; font-size:.9375em; color:#1a3ac5 !important; }
.calendarTbl .dateList .link span::before { content:''; display:block; position:absolute; top:.4666em; left:0; width:.2666em; height:.2666em; background:#1a3ac5; border-radius:50%; }
.calendarTbl .dateList .link span br { display:none; }
.tempInfo { display:flex; justify-content:space-between; align-items:center; margin-top:1.875em; }
.tempInfo .iconArea { flex-shrink:0; width:35.625em; display:flex; }
.tempInfo .iconArea .item { display:flex; align-items:center; position:relative; margin-right:1.25em; padding-right:1.25em; }
.tempInfo .iconArea .item:last-child { margin:0; padding:0; }
.tempInfo .iconArea .item::before { content:''; display:block; position:absolute; top:.1875em; right:0; width:1px; height:1.3125em; background:#cbcbcb; }
.tempInfo .iconArea .item:last-child::before { display:none; }
.tempInfo .iconArea .item p { margin-right:.7058em; font-size:1.063em; letter-spacing:-.025em; color:#434343; }
.tempInfo .iconArea .item ul { display:flex; }
.tempInfo .iconArea .item ul li { margin-left:.8125em; }
.tempInfo .iconArea .item ul li:first-child { margin-left:0; }
.tempInfo .iconArea .item ul li .iconTemp { display:inline-block; vertical-align:middle; }
.tempInfo .iconArea .item ul li span { display:inline-block; vertical-align:middle; margin-left:.2941em; font-size:1.063em; color:#595959; letter-spacing:-.025em; }
.tempInfo .txtArea { display:flex; }
.tempInfo .txtArea .item { position:relative; margin-left:.625em; padding-left:.625em; }
.tempInfo .txtArea .item::before { content:''; display:block; position:absolute; top:.0625em; left:0; width:1px; height:.875em; background:#cbcbcb; }
.tempInfo .txtArea .item:first-child::before { display:none; }
.tempInfo .txtArea .item p { font-size:.9375em; letter-spacing:-.025em; color:#8e8d8d; word-break:keep-all; }
@media screen and (max-width:960px) {   
	.iconTemp { width:1.1818rem; height:1.4545rem; }
	.iconTemp.temp01 { background-image:url(../images/sub/icon_temp01_mo.png); }
	.iconTemp.temp02 { background-image:url(../images/sub/icon_temp02_mo.png); }
	.iconTemp.temp03 { background-image:url(../images/sub/icon_temp03_mo.png); }
	.forecast { padding:.2222em .4444em; font-size:.8181rem; }
	.sanjiMain .resultArea.weather .dataTit { margin-bottom:3.2727em; }
	.sanjiMain .resultArea.weather h4 { margin:0; padding:0; }
	.calTop { display:block; margin-bottom:2.2727em; }
	.calTop .month { justify-content:space-between; margin-top:1.5454em; }
	.calTop .month button { width:3.1818em; height:3.1818em; background-size:auto 1em; }
	.calTop .month .prev { background-image:url(../images/board/btn_board_prev_mo.png); }	
	.calTop .month .next { background-image:url(../images/board/btn_board_next_mo.png); }
	.calTop .month .prev:focus,
	.calTop .month .prev:hover { background-image:url(../images/board/btn_board_prev_on_mo.png); }
	.calTop .month .next:focus,
	.calTop .month .next:hover { background-image:url(../images/board/btn_board_next_on_mo.png); }
	.calTop .month h4 input { width:8em; font-size:1.3636em; line-height:2.3333em; background:none; text-align:center; }
	.calTop .month h4 input.pickerDate { width:9.3333em; }
	.calendarTbl { margin-top:3.8181em; padding-top:3.8181em; }
	.calendarTbl .dateHead>li span { padding:.9em 0; font-size:.909em; }
	.calendarTbl .dateList>li { padding:.7272em; min-height:12.7272em; }
	.calendarTbl .dateList>li .date span { display:block; font-size:.909em; }
	.calendarTbl .dateList>li .date	.foreIcon { margin-top:.5555em; text-align:left; }
	.calendarTbl .dateList .weatherList { display:block; margin-top:.4545em; }
	.calendarTbl .dateList .weatherList li { margin:.363636em 0 0 0; }
	.calendarTbl .dateList .weatherList .iconTempBg { width:2em; height:2em; margin:0 auto; }
	.calendarTbl .dateList .weatherList .iconTemp { width:.9545rem; height:1.1818rem; }
	.calendarTbl .dateList .weatherList li:hover .tooltip { opacity:0; }
	.calendarTbl .dateList .link { margin:.4545em -.1818em 0; }
	.calendarTbl .dateList .link a { background-position:right bottom .181818em; background-size:.2727em auto; line-height:1; }
	.calendarTbl .dateList .link span { padding-left:0; font-size:.8181em; letter-spacing:-.1em; }
	.calendarTbl .dateList .link span::before { display:none; }
	.calendarTbl .dateList .link span br { display:block; }
	.tempInfo { display:block; margin-top:2.3636em; }
	.tempInfo .iconArea { display:block; width:100%; }
	.tempInfo .iconArea .item { margin:0 0 .8181em; padding:0; }
	.tempInfo .iconArea .item::before { display:none; }
	.tempInfo .iconArea .item p { font-size:1.2727em; }
	.tempInfo .iconArea .item ul li span { margin-left:.4285em; font-size:1.2727em; }
	.tempInfo .txtArea { display:block; margin-top:2.3636em; }
	.tempInfo .txtArea .item { margin:.5454em 0 0; padding:0; }
	.tempInfo .txtArea .item::before { display:none; }
	.tempInfo .txtArea .item p { font-size:1.1363em; }
}

/* 03 수급일보 */
.supplyDaily { display:flex; max-width:1300px; margin:0 auto 4.375em; }
.supplyDaily .itemInfo { display:flex; align-items:center; margin-right:5em; }
.supplyDaily .itemInfo .img { overflow:hidden; position:relative; width:7.5em; height:7.5em; margin-right:3.4375em; border-radius:50%; }
.supplyDaily .itemInfo .img img { position:absolute; left:50%; top:50%; width:100%; transform:translate(-50%, -50%); }
.supplyDaily .itemInfo .info .tit { font-size:1.25em; letter-spacing:-.05em; }
.supplyDaily .itemInfo .info .price { margin-top:1.25em; margin-bottom:.75em; }
.supplyDaily .itemInfo .info .price strong { font-size:2.625em; letter-spacing:-.025em; }
.supplyDaily .itemInfo .info .price span { margin-left:.5em; font-size:1.125em; }
.supplyDaily .itemInfo .info .comp { font-size:1.25em; letter-spacing:-.05em; }
.supplyDaily .itemInfo .info .comp .arrowsCol { display:inline-block; vertical-align:top; min-width:3.2857em; margin:.1428em 0 0 .7142em; padding:.1428em .5em .1428em .2142em; font-size:.875rem; font-weight:700; line-height:1; color:#fff; border-radius:0.2857em; box-sizing:border-box; text-align:center; }
.supplyDaily .itemInfo .info .comp .arrowsCol i::after { margin-top:.0833em; font-size:.8571em; }
.supplyDaily .itemInfo .info .comp .arrowsCol.up { background:#f72854; }
.supplyDaily .itemInfo .info .comp .arrowsCol.down { background:#307cf9; }
.supplyDaily .itemInfo .info .step { margin-top:.7272em; font-size:1.375em; letter-spacing:-.05em; }
.supplyDaily .itemInfo .info .step.top { margin-top:1.2727em; }
.supplyDaily .itemInfo .info .step span { display:inline-block; margin-right:.5909em; }
.supplyDaily .itemInfo .info .step em { display:inline-block; position:relative; padding-left:.5909em; font-weight:700; }
.supplyDaily .itemInfo .info .step em.col1 { color:#f72854; }
.supplyDaily .itemInfo .info .step em.col2 { color:#0f8536; }
.supplyDaily .itemInfo .info .step em::before { content:''; display:block; position:absolute; top:.1818em; left:0; width:1px; height:.7272em; background:#c8c8c8; }
.halfCon.top { margin-top:4.375em; }
.halfCon.supply .leftCon,
.halfCon.supply .rightCon { width:47.1138%; padding:0; }
@media screen and (max-width:960px) {  
	.supplyDaily { display:block; margin-bottom:4.7272em; }
	.supplyDaily .itemInfo { justify-content:center; margin:0; }
	.supplyDaily .itemInfo .img { width:7.5454em; height:7.5454em; margin-right:1.909em; }
	.supplyDaily .itemInfo .info .tit { font-size:1.2727em; }
	.supplyDaily .itemInfo .info .price { margin-top:.7272em; margin-bottom:1em; }
	.supplyDaily .itemInfo .info .price strong { font-size:2.5454em; }
	.supplyDaily .itemInfo .info .price span { font-size:1.1818em; }
	.supplyDaily .itemInfo .info .comp { font-size:1.1818em; }
	.supplyDaily .itemInfo:nth-child(2) { margin-top:3.2727em; }
	.supplyDaily .itemInfo:nth-child(2) .info { display:flex; align-items:center; }
	.supplyDaily .itemInfo:nth-child(2) .info .tit { position:relative; margin-right:.7692em; padding-right:.7692em; font-size:1.1818em; }
	.supplyDaily .itemInfo:nth-child(2) .info .tit::before { content:''; display:block; position:absolute; top:50%; right:0; width:1px; height:.8461em; margin-top:-.423em; background:#eee; }
	.supplyDaily .itemInfo .info .step { margin-top:0; font-size:1.1818em; }
	.supplyDaily .itemInfo .info .step.top { margin:0 1em 0 0; }
	.supplyDaily .itemInfo .info .step em { padding-left:0; }
	.supplyDaily .itemInfo .info .step em::before { display:none; }
	.halfCon.supply .leftCon,
	.halfCon.supply .rightCon { width:100%; }
}

/* 03 수급월보 */
.supplyWrap.top { margin-top:4.375em; padding-top:4.375em; border-top:1px solid #dcdcdc; }
.supplyMonthWrap .dataArea .dataTop { display:flex; align-items:center; justify-content:space-between; margin-bottom:.625em; }
.supplyMonthWrap .dataArea .dataTop .tableUnit { margin-bottom:0; }
.supplyMonthWrap .tableStyle td { padding:1em .2941em; }
.monthBoard .img { display:flex; margin:0 -.125em; }
.monthBoard .img li { width:33.33%; padding:0 .125em; box-sizing:border-box; }
.monthBoard .img li div { overflow:hidden; position:relative; padding-top:70.4433%; border-radius:.5rem; }
.monthBoard .img li div img { position:absolute; left:50%; top:50%; width:100%; transform:translate(-50%, -50%); }
.monthBoard .tit { margin-top:1.875em; letter-spacing:-.025em; }
.monthBoard .tit .date { position:relative; margin-left:.5em; padding-left:.5625em; }
.monthBoard .tit .date::before { content:''; display:block; position:absolute; top:.1875em; left:0; width:1px; height:.8125em; background:#7b7474; }
.monthBoard .txt { margin-top:1em; line-height:1.5; letter-spacing:-.025em; color:#3c3c3c; }
.itemGlobal { display:flex; justify-content:space-between; align-items:center; max-width:1300px; margin:0 auto 4.375em; }
.halfCon + .itemGlobal { margin-top:4.375em; }
.itemGlobal .itemInfo,
.itemGlobal .compInfo { display:flex; align-items:center; }
.itemGlobal .itemInfo .img { overflow:hidden; position:relative; width:7.5em; height:7.5em; margin-right:2.625em; border-radius:50%; }
.itemGlobal .itemInfo .img img { position:absolute; left:50%; top:50%; width:100%; transform:translate(-50%, -50%); }
.itemGlobal .compInfo .info { margin-left:5.625em; }
.itemGlobal .compInfo .info:first-child { margin-left:0; }
.itemGlobal .info .price { margin-bottom:.9375em; }
.itemGlobal .info .price strong { font-size:2em; letter-spacing:-.025em; }
.itemGlobal .info .price span { margin-left:.5em; font-size:1.125em; color:#7d7d7d; }
.itemGlobal .info .txt { margin-top:.5294em; font-size:1.063em; color:#565656; }
.itemGlobal .info .comp { margin-top:.4444em; font-size:1.125em; }
.itemGlobal .info .comp .arrowsCol i::after { width:1em; }
@media screen and (max-width:960px) {   
	.supplyWrap.top { margin-top:3.2727em; padding-top:3.2727em; }
	.supplyMonthWrap .dataArea .dataTop { display:block; margin-bottom:3.1818em; }
	.supplyMonthWrap .dataArea .dataTop .tableUnit { margin-top:2.4545em; margin-bottom:-2.4545em; }
	.monthBoard .img li div { padding-top:68.6868%; }
	.monthBoard .tit { margin-top:1.5333em; font-size:1.3636em; }
	.monthBoard .txt { margin-top:1.5em; font-size:1.0909em; }
	.itemGlobal { display:block; }
	.itemGlobal .itemInfo,
	.itemGlobal .compInfo { flex-wrap:wrap; justify-content:center; }
	.itemGlobal .itemInfo .img { width:7.5454em; height:7.5454em; margin-right:1.909em; }
	.itemGlobal .compInfo { margin-top:1.1818em; padding:0 1.8181em; }
	.itemGlobal .compInfo .info { width:50%; margin:2em 0 0; }	
	.itemGlobal .itemInfo .info { display:flex; flex-direction:column-reverse; }
	.itemGlobal .info .price { margin:0; }
	.itemGlobal .info .price strong { font-size:2.5454em; }
	.itemGlobal .info .price span { font-size:1.1818em; }
	.itemGlobal .info .txt { margin:.3571em 0 .7142em; font-size:1.2727em; }
	.itemGlobal .info .txt:last-child { margin:0; font-size:1.1818em; color:#717171; }
	.itemGlobal .info .comp { margin:0; font-size:1em; }
	.itemGlobal .compInfo .info .price strong { font-size:1.8181em; }
	.itemGlobal .compInfo .info .price span { font-size:1em; }
	.itemGlobal .compInfo .info .txt { margin:.7272em 0 .2727em; font-size:1em; }
}

/* 03 생산자 Talk */ 
.talkTop { display:flex; align-items:center; margin-bottom:4.375em; }
.talkTop .itemInfo { flex-shrink:0; display:flex; align-items:center; width:25.3731%; }
.talkTop .itemInfo .img { overflow:hidden; position:relative; width:7.875em; height:7.875em; margin-right:1.75em; border-radius:50%; }
.talkTop .itemInfo .img img { position:absolute; left:50%; top:50%; width:100%; transform:translate(-50%, -50%); }
.talkTop .itemInfo .info .name { font-size:1.5em; font-weight:700; }
.talkTop .itemInfo .info .price { margin:.2666em 0 .0333em; font-size:1.875em; font-weight:700; }
.talkTop .itemInfo .info .unit { font-size:1.125em; letter-spacing:-.05em; color:#545454; }
.talkTop .itemInfo .info .txt { margin-top:.9375em; letter-spacing:-.05em; color:#545454; }
.talkTop .allPrice { flex-grow:1; padding-right:6.3432%; }
.talkTop .allPrice .list { display:flex; align-items:center; justify-content:space-between; margin-top:.875em; }
.talkTop .allPrice .list:first-child { margin-top:0; }
.talkTop .allPrice .priceTxt { display:flex; align-items:center; font-size:1.063em; }
.talkTop .allPrice .priceTxt .tit { width:9.2352em; font-weight:500; letter-spacing:-.025em; }
.talkTop .allPrice .priceTxt .tit span { margin-left:.4705em; font-weight:400; color:#545454; }
.talkTop .allPrice .priceTxt .price strong { display:inline-block; width:4.2941em; text-align:right; }
.talkTop .allPrice .priceTxt .price span { margin-left:.2352em; letter-spacing:-.05em; color:#545454; }
.talkTop .allPrice .preTxt { display:flex; align-items:center; font-size:1.063em; }
.talkTop .allPrice .preTxt .txt { letter-spacing:-.05em; color:#545454; }
.talkTop .allPrice .preTxt .txt span { display:inline-block; width:4.4117em; letter-spacing:-.025em; color:#000; text-align:right; }
.talkTop .allPrice .preTxt .comp { width:5.8823em; letter-spacing:-.03em; color:#6b6b6b; text-align:right; }
.talkTop .allPrice .preTxt .comp .arrowsCol { display:inline-block; width:4.75em; letter-spacing:0; text-align:left; }
.talkTop .allPrice .preTxt .comp .arrowsCol.up { color:#d61d04; }
.talkTop .allPrice .preTxt .comp .arrowsCol.down { color:#144be9; }
.talkTop .tradeInfo { flex-shrink:0; width:24.5522%; }
.talkTop .tradeInfo .tit { margin-bottom:1em; font-size:1.25em; font-weight:700; letter-spacing:-.025em; }
.talkTop .tradeInfo .tit span { font-weight:400; color:#545454; }
.talkTop .tradeInfo .item { display:flex; }
.talkTop .tradeInfo .item ul { margin-left:3.125em; }
.talkTop .tradeInfo .item ul:first-child { margin-left:0; }
.talkTop .tradeInfo .item .txt { font-size:1.125em; letter-spacing:-.025em; }
.talkTop .tradeInfo .item .price { margin:.5em 0; letter-spacing:-.05em; }
.talkTop .tradeInfo .item .price strong { font-size:1.625em; }
.talkTop .tradeInfo .item .price span { margin-left:.1666em; font-size:1.5em; color:#545454; }
.talkTop .tradeInfo .item .comp .won { margin-right:.5em; letter-spacing:-.05em; }
.talkTop .tradeInfo .item .comp .arrowsCol i::after { width:1.1em; }
.talkTop .tradeInfo .item .comp .arrowsCol.up { color:#d61d04; }
.talkTop .tradeInfo .item .comp .arrowsCol.down { color:#144be9; }
.talkRelation { display:flex; justify-content:space-between; margin-top:8.5em; }
.talkRelation .left { width:42.5373%; }
.talkRelation .right { width:48.5074%; }
.talkRelation .item { margin-top:4.375em; }
.talkRelation .item:first-child { margin-top:0; }
.talkRelation .item h5 { margin-bottom:1.6071em; font-size:1.75em; letter-spacing:-.025em; }
.talkRelation .item .news li { margin-top:1.125em; }
.talkRelation .item .news li:first-child { margin-top:0; }
.talkRelation .item .news li a { overflow:hidden; position:relative; display:block; white-space:nowrap; text-overflow:ellipsis; padding:0 5.8823em 0 .7058em; font-size:1.063em; letter-spacing:-.025em; color:#434343; }
.talkRelation .item .news li a::before { content:''; display:block; position:absolute; top:50%; left:0; width:.1764em; height:.1764em; margin-top:-.0882em; background:#434343; border-radius:50%; }
.talkRelation .item .news li .tit { display:inline-block; position:relative; padding:1px 0; transition:all .15s; }
.talkRelation .item .news li .tit::after { content:''; position:absolute; left:0; bottom:0; width:0; height:1px; }
.talkRelation .item .news li a:focus,
.talkRelation .item .news li a:hover { color:#1a3ac5; }
.talkRelation .item .news li a:focus::before,
.talkRelation .item .news li a:hover::before { background:#1a3ac5; }
.talkRelation .item .news li a:focus .tit::after,
.talkRelation .item .news li a:hover .tit::after { width:100%; background:#1a3ac5; transition:all linear .2s; }
.talkRelation .item .news li .date { position:absolute; top:0; right:1px; letter-spacing:-.05em; font-weight:300; color:#a4a4a4; }
.talkRelation .item .menu { display:flex; flex-wrap:wrap; }
.talkRelation .item .menu li { width:33.33%; margin-top:1.125em; }
.talkRelation .item .menu li:nth-child(-n+3) { margin-top:0; }
.talkRelation .item .menu li a { display:inline-block; padding-right:1.8823em; font-size:1.063em; letter-spacing:-.025em; color:#434343; background-image:url(../images/sub/icon_talk_arrow.png); background-repeat:no-repeat; background-position:right center; background-size:1.4705em auto; }
.talkRelation .item .menu li span { display:inline-block; position:relative; padding:1px 0; transition:all .15s; }
.talkRelation .item .menu li span::after { content:''; position:absolute; left:0; bottom:0; width:0; height:1px; }
.talkRelation .item .menu li a:focus,
.talkRelation .item .menu li a:hover { color:#1a3ac5; }
.talkRelation .item .menu li a:focus span::after,
.talkRelation .item .menu li a:hover span::after { width:100%; background:#1a3ac5; transition:all linear .2s; }
@media screen and (max-width:960px) {   
    .talkTop { display:block; margin-bottom:5.4545em; }
    .talkTop .itemInfo { width:100%; justify-content:center; margin-bottom:4.909em; }
    .talkTop .itemInfo .img { width:7.5454em; height:7.5454em; margin-right:1.909em; }
    .talkTop .itemInfo .info .name { font-size:1.2727em; }
    .talkTop .itemInfo .info .price { font-size:1.8181em; }
    .talkTop .itemInfo .info .unit { font-size:1.0909em; }
    .talkTop .itemInfo .info .txt { font-size:1.0909em; }
    .talkTop .allPrice { margin-bottom:4.1818em; padding-right:0; }
    .talkTop .allPrice .list { display:block; position:relative; margin-top:1.7272em; }
    .talkTop .allPrice .priceTxt { align-items:flex-start; }
    .talkTop .allPrice .priceTxt .tit { width:10.5454rem; font-size:1.5454em; }
    .talkTop .allPrice .priceTxt .tit span { display:block; margin:.1666em 0 0; font-size:.7058em; }
    .talkTop .allPrice .priceTxt .price strong { width:auto; font-size:1.5454em; text-align:left; }
    .talkTop .allPrice .priceTxt .price span { font-size:1.0909em; }
    .talkTop .allPrice .preTxt { position:absolute; bottom:0; left:10.5454rem; font-size:1.0909em; }
    .talkTop .allPrice .preTxt .txt span { width:auto; margin-left:.5em; }
    .talkTop .allPrice .preTxt .comp { width:auto; margin-left:.5833em; text-align:left; }
    .talkTop .allPrice .preTxt .comp .arrowsCol { width:auto; }
    .talkTop .allPrice .preTxt .comp .arrowsCol i::after { width:1em; }
    .talkTop .tradeInfo { width:100%; }
    .talkTop .tradeInfo .tit { margin-bottom:1.9444em; font-size:1.6363em; }
    .talkTop .tradeInfo .item { display:block; }
    .talkTop .tradeInfo .item ul { position:relative; margin:2.2727em 0 0; padding-left:10.5454em; }
    .talkTop .tradeInfo .item .txt { position:absolute; top:0; left:0; font-size:1.5454em; }
    .talkTop .tradeInfo .item .price { margin:0; }
    .talkTop .tradeInfo .item .price strong { font-size:1.5454em; }
    .talkTop .tradeInfo .item .price span { font-size:1.0909em; }
    .talkTop .tradeInfo .item .comp { margin-top:.25em; font-size:1.0909em; }
    .talkRelation { display:block; margin-top:6.3636em; }
    .talkRelation .left { width:100%; }
    .talkRelation .right { width:100%; margin-top:4.0909em; }
    .talkRelation .item { margin-top:4.0909em; }
    .talkRelation .item h5 { margin-bottom:1.25em; font-size:1.8181em; }
    .talkRelation .item .news li { margin-top:1.1818em; }
    .talkRelation .item .news li a { padding:0 0 0 .6666em; font-size:1.0909em; }
    .talkRelation .item .news li .tit { overflow:hidden; display:block; white-space:nowrap; text-overflow:ellipsis; }
    .talkRelation .item .news li .date { display:none; }
    .talkRelation .item .menu li { width:50%; margin-top:1.2727em; }
    .talkRelation .item .menu li:nth-child(-n+3) { margin-top:1.2727em; }
    .talkRelation .item .menu li:nth-child(-n+2) { margin-top:0; }
    .talkRelation .item .menu li a { padding-right:2.5833em; font-size:1.0909em; background-image:url(../images/sub/icon_talk_arrow_mo.png); background-size:2em auto; }
}

/* 03 환경정보 */
.weatherTop { display:flex; align-items:center; }
.weatherTop .itemImg { margin-right:2.5em; }
.weatherTop .itemImg p { overflow:hidden; position:relative; width:7.5em; height:7.5em; border-radius:50%; }
.weatherTop .itemImg p img { position:absolute; left:50%; top:50%; width:100%; transform:translate(-50%, -50%); }
.weatherTop .itemInfo { display:flex; align-items:center; }
.weatherTop .itemInfo ul { margin-right:3.125em; }
.weatherTop .itemInfo .tit { font-size:1.375em; }
.weatherTop .itemInfo .price { margin-top:.24em; font-size:1.5625em; }
.weatTableWrap { overflow-y:auto; max-height:58.625em; border:1px solid #dcdcdc; border-width:1px 0; }
.weatTableWrap table { table-layout:fixed; }
.weatTableWrap table td { padding:.8888em .2777em; }
.dataWrap.weather .dataArea .dataTop { position:absolute; top:0; right:0; margin:0; }
.weatTit { padding:.45em 0; font-size:1.25em; font-weight:700; letter-spacing:-.025em; }
.forWrap { margin-top:3.125em; }
.forWrap .forArea { padding:2em .4375em 1.375em; border-bottom:1px solid #dcdcdc; }
.forWrap .forArea:first-child { border-top:1px solid #dcdcdc; }
.forWrap .forArea .titArea { display:flex; align-items:center; margin-bottom:1.1875em; padding:0 .625em; box-sizing:border-box; }
.forWrap .forArea .titArea .tit { font-size:1.125em; letter-spacing:-.05em; }
.forWrap .forArea .titArea .unit { margin-left:1.4em; font-size:.9375em; letter-spacing:-.05em; color:#1a3ac5; }
.forWrap .forArea .weatherGraph { position:relative; }
.forWrap .forArea .weatherHour { margin-top:.2857em; font-size:.875em; line-height:1; color:#8b8b8b; }
.forWrap .scrollCon { position:relative; overflow:hidden; height:6.25em; }
.forWrap .scrollCon .scrollArea { position:absolute; left:0; transition:all .3s; }
.forWrap .scrollControl { position:absolute; top:-2.5625em; right:.625em; }
.forWrap .scrollControl button { display:inline-block; vertical-align:middle; width:1.4375em; height:1.4375em; margin:0 1px; border:1px solid #dddddd; border-radius:50%; text-indent:-9999px; box-sizing:border-box; background-repeat:no-repeat; background-size:.6875em auto; background-position:center; }
.forWrap .scrollControl .prev { background-image:url(../images/sub/btn_weather_prev.png); }
.forWrap .scrollControl .next { background-image:url(../images/sub/btn_weather_next.png); }
/* 날씨 SVG */
.bb svg { -webkit-tap-highlight-color:rgba(0, 0, 0, 0); }
.bb line, 
.bb path { fill:none; stroke:#000; }
.bb-line { stroke-width:1px; }
.bb .bb-button, 
.bb text { -webkit-user-select:none; -moz-user-select:none; user-select:none; }
.bb-grid line { stroke:#aaa; }
/* 시간대별 */
.forWrap .time_weather .scrollCon { height:100px; }
.time_weather .chart_area { height:54px; margin-left:6px; }
.time_weather text.bb-text { font-size:.875em; letter-spacing:-.025em; fill:#000; }
.time_weather path.bb-line { stroke:#bacae1; stroke-width:1px; stroke-linecap:round; }
.time_weather circle.bb-circle { fill:#bacae1; }
.time_weather .bb-grid .bb-xgrid-line line { display:none; opacity:1; stroke:#d7dee3; stroke-width:1px; }
.time_list { display:flex; }
.item_time { position:relative; width:54px; padding-bottom:1.25em; text-align:center; }
.item_time .time { position:absolute; bottom:0; right:0; left:0; font-size:.875em; line-height:1; text-align:center; color:#8b8b8b; }
.item_time .ico { display:block; width:1.625em; height:1.625em; margin:0 auto; background-repeat:no-repeat; background-size:100%; }
.ico_wt1 { background-image:url(../images/sub/icon_weather01.png); }
.ico_wt2 { background-image:url(../images/sub/icon_weather02.png); }
.ico_wt3 { background-image:url(../images/sub/icon_weather03.png); }
.ico_wt4 { background-image:url(../images/sub/icon_weather04.png); }
.ico_wt5 { background-image:url(../images/sub/icon_weather05.png); }
.ico_wt6 { background-image:url(../images/sub/icon_weather06.png); }
.ico_wt7 { background-image:url(../images/sub/icon_weather07.png); }
/* 강수 */
.precipitationList { display:flex; }
.precipitationList li { width:54px; text-align:center; }
.icoPrec i { display:block; padding-top:3.2142em; font-size:.875em; font-style:normal; letter-spacing:-.025em; background-repeat:no-repeat; background-position:top center; background-size:1.25em auto; }
.icoPrec i.prec0 { background-image:url(../images/sub/icon_prec0.png); }
.icoPrec i.prec10 { background-image:url(../images/sub/icon_prec10.png); }
.icoPrec i.prec20 { background-image:url(../images/sub/icon_prec20.png); }
.icoPrec i.prec30 { background-image:url(../images/sub/icon_prec30.png); }
.icoPrec i.prec40 { background-image:url(../images/sub/icon_prec40.png); }
.icoPrec i.prec50 { background-image:url(../images/sub/icon_prec50.png); }
.icoPrec i.prec60 { background-image:url(../images/sub/icon_prec60.png); }
.icoPrec i.prec70 { background-image:url(../images/sub/icon_prec70.png); }
.icoPrec i.prec80 { background-image:url(../images/sub/icon_prec80.png); }
.icoPrec i.prec90 { background-image:url(../images/sub/icon_prec90.png); }
.icoPrec i.prec100 { background-image:url(../images/sub/icon_prec100.png); }
.icoPrec span { display:block; font-size:.875em; letter-spacing:-.025em; color:#1a3ac5; }
/* 습도 */
.humidityList { display:flex; align-items:flex-end; }
.humidityList li { width:54px; text-align:center; }
.icoHumid span { display:block; margin-bottom:.2142em; font-size:.875em; color:#1a3ac5; }
.icoHumid i { display:block; background-repeat:no-repeat; background-position:center; background-size:auto 100%; }
.icoHumid i.humid0 { height:1px; background-image:url(../images/sub/icon_humid0.png); }
.icoHumid i.humid10 { height:.625em; background-image:url(../images/sub/icon_humid10.png); }
.icoHumid i.humid20 { height:.9375em; background-image:url(../images/sub/icon_humid20.png); }
.icoHumid i.humid30 { height:1.3125em; background-image:url(../images/sub/icon_humid30.png); }
.icoHumid i.humid40 { height:1.625em; background-image:url(../images/sub/icon_humid40.png); }
.icoHumid i.humid50 { height:1.875em; background-image:url(../images/sub/icon_humid50.png); }
.icoHumid i.humid60 { height:2.25em; background-image:url(../images/sub/icon_humid60.png); }
.icoHumid i.humid70 { height:2.5625em; background-image:url(../images/sub/icon_humid70.png); }
.icoHumid i.humid80 { height:2.8125em; background-image:url(../images/sub/icon_humid80.png); }
.icoHumid i.humid90 { height:3.125em; background-image:url(../images/sub/icon_humid90.png); }
.icoHumid i.humid100 { height:3.375em; background-image:url(../images/sub/icon_humid100.png); }
.forWrap .forArea .humidityList .weatherHour { margin-top:.7142em; }
/* 바람 */
.windspeedList { display:flex; }
.windspeedList li { width:54px; text-align:center; }
.icoWind i { display:block; padding-bottom:2.5em; font-size:.875em; font-style:normal; letter-spacing:-.025em; background-repeat:no-repeat; background-position:bottom center; }
.icoWind i.wind01 { background-image:url(../images/sub/icon_wind01.png); background-size:1.2857em auto; }
.icoWind i.wind02 { background-image:url(../images/sub/icon_wind02.png); background-size:1.2857em auto; }
.icoWind i.wind03 { background-image:url(../images/sub/icon_wind03.png); background-size:auto 1.2857em; }
.icoWind i.wind04 { background-image:url(../images/sub/icon_wind04.png); background-size:auto 1.2857em; }
.icoWind i.wind05 { background-image:url(../images/sub/icon_wind05.png); background-size:1.7142em; }
.icoWind i.wind06 { background-image:url(../images/sub/icon_wind06.png); background-size:1.7142em; }
.icoWind i.wind07 { background-image:url(../images/sub/icon_wind07.png); background-size:1.7142em; }
.icoWind i.wind08 { background-image:url(../images/sub/icon_wind08.png); background-size:1.7142em; }
.forWrap .forArea .windspeedList .weatherHour { margin-top:.7142em; }
.forWrap .forArea .windspeedList .weatherHour span { display:block; margin-bottom:.3571em; color:#5cb4a4; }
/* 일주일별 */
.weatherWeek { padding:0 1.125em .625em; }
.weatherWeek ul { display:flex; justify-content:space-between; }
.weatherWeek ul li { text-align:center; }
.weatherWeek ul li .txt { font-size:.875em; }
.weatherWeek ul li .ico { display:block; width:3em; height:2.75em; margin:.625em 0; background-repeat:no-repeat; background-size:100%; }
.weatherWeek ul li .tit { font-size:.875em; line-height:1; color:#8b8b8b; }
/* 지도 */
.forMap { display:flex; justify-content:flex-end; align-items:center; height:58.625em; margin-top:3.125em; }
.forMap .mapBg { position:relative; width:35.3125em; height:50.5em; background-image:url(../images/sub/weather_map.png); background-repeat:no-repeat; background-position:center; background-size:100%; }
.forMap .mapBg .mapPin { position:absolute; }
.forMap .mapBg .mapPin:hover { z-index:1; }
.forMap .mapBg .mapPin .locaTxt { margin-bottom:.5833em; font-size:.75em; font-weight:700; }
.forMap .mapBg .mapPin .locaTxt.active { background:#386aa3; }
.forMap .mapBg .mapPin .weatherBox { display:block; position:absolute; bottom:0; left:50%; width:13.625em; margin-left:-6.8125em; background:rgba(255, 255, 255, .9); border:1px solid #dcdcdc; border-radius:.5rem; padding:1.25em; box-sizing:border-box; transition:all .15s; }
.forMap .mapBg .mapPin .weatherBox::before { content:''; display:block; position:absolute; bottom:-.625em; left:50%; width:1.1875em; height:.6875em; margin-left:-.59375em; background-image:url(../images/sub/icon_weather_arrow.png); background-repeat:no-repeat; background-size:100%; opacity:.9; }
.forMap .mapBg .mapPin:hover .weatherBox { background:#fff; }
.forMap .mapBg .mapPin:hover .weatherBox::before { opacity:1; }
.forMap .mapBg .mapPin .weatherBox ul { display:flex; align-items:flex-start; justify-content:space-between; }
.forMap .mapBg .mapPin .weatherBox ul li .tit { font-size:.75em; color:#8b8b8b; }
.forMap .mapBg .mapPin .weatherBox ul li .tit:first-child { margin-bottom:.4166em; }
.forMap .mapBg .mapPin .weatherBox ul li .tit:nth-child(2),
.forMap .mapBg .mapPin .weatherBox ul li .tit:nth-child(3) { line-height:1.8333em; }
.forMap .mapBg .mapPin .weatherBox ul li .date { margin-bottom:.4166em; font-size:.75em; letter-spacing:-.03em; }
.forMap .mapBg .mapPin .weatherBox ul li .ico { position:relative; width:1.125em; height:1.375em; margin:0 auto; background-repeat:no-repeat; background-size:100% auto; background-position:center; }
@media screen and (max-width:960px) {   
	.weatherTop { justify-content:center; }
	.weatherTop .itemImg { margin-right:2.4545em; }
	.weatherTop .itemImg p { width:7.5454em; animation-range:7.5454em; }
	.weatherTop .itemInfo { display:block; }
	.weatherTop .itemInfo ul { display:flex; align-items:center; justify-content:space-between; width:14.0909em; margin:1.2727em 0 0 0; }
	.weatherTop .itemInfo ul:first-child { margin-top:0; }
	.weatherTop .itemInfo .tit { font-size:1.3636em; }
	.weatherTop .itemInfo .price { margin:0; font-size:1.4545em; letter-spacing:-.05em; }
	.weatTableWrap { max-height:18.1818em; }
	.weatTableWrap table { width:100%; }
	.dataWrap.weather .dataArea .dataTop { top:4.909em; right:auto; left:0; }
	.weatTit { padding:0; font-size:1.6363em; }
	.forWrap { margin-top:9.5454em; }
	.forWrap .forArea { margin-top:3em; padding:0; border:none; }
	.forWrap .forArea:first-child { border:none; }
	.forWrap .forArea .titArea { margin-bottom:2.2727em; padding:0; }
	.forWrap .forArea .titArea .tit { font-size:1.3636em; }
	.forWrap .forArea .titArea .unit { margin-left:1.3846em; font-size:1.1818em; }
	.forWrap .forArea .weatherHour { font-size:1.0909em; }
	.forWrap .scrollCon { overflow-x:auto; height:9.5454em; }
	.forWrap .scrollCon .scrollArea { margin:0 -.909em; }
	.forWrap .scrollControl { display:none; }
	/* 시간대별 */
	.forWrap .time_weather .scrollCon { height:10em; }
	.time_weather text.bb-text { font-size:1.0909em; }
	.item_time { padding-bottom:1.8181em; }
	.item_time .time { font-size:1.0909em; }
	.item_time .ico { width:2.1818em; height:2em; }
	/* 강수 */
	.icoPrec i { padding-top:3.3333em; font-size:1.0909em; background-size:1.25em auto; }
	.icoPrec i.prec0 { background-image:url(../images/sub/icon_prec0_mo.png); }
	.icoPrec i.prec10 { background-image:url(../images/sub/icon_prec10_mo.png); }
	.icoPrec i.prec20 { background-image:url(../images/sub/icon_prec20_mo.png); }
	.icoPrec i.prec30 { background-image:url(../images/sub/icon_prec30_mo.png); }
	.icoPrec i.prec40 { background-image:url(../images/sub/icon_prec40_mo.png); }
	.icoPrec i.prec50 { background-image:url(../images/sub/icon_prec50_mo.png); }
	.icoPrec i.prec60 { background-image:url(../images/sub/icon_prec60_mo.png); }
	.icoPrec i.prec70 { background-image:url(../images/sub/icon_prec70_mo.png); }
	.icoPrec i.prec80 { background-image:url(../images/sub/icon_prec80_mo.png); }
	.icoPrec i.prec90 { background-image:url(../images/sub/icon_prec90_mo.png); }
	.icoPrec i.prec100 { background-image:url(../images/sub/icon_prec100_mo.png); }
	.icoPrec span { font-size:1.0909em; }
	/* 습도 */
	.icoHumid span { font-size:1.0909em; }
	.icoHumid i.humid0 { height:1px; background-image:url(../images/sub/icon_humid0_mo.png); }
	.icoHumid i.humid10 { height:.7727em; background-image:url(../images/sub/icon_humid10_mo.png); }
	.icoHumid i.humid20 { height:1.1818em; background-image:url(../images/sub/icon_humid20_mo.png); }
	.icoHumid i.humid30 { height:1.5909em; background-image:url(../images/sub/icon_humid30_mo.png); }
	.icoHumid i.humid40 { height:2em; background-image:url(../images/sub/icon_humid40_mo.png); }
	.icoHumid i.humid50 { height:2.3636em; background-image:url(../images/sub/icon_humid50_mo.png); }
	.icoHumid i.humid60 { height:2.7727em; background-image:url(../images/sub/icon_humid60_mo.png); }
	.icoHumid i.humid70 { height:3.1818em; background-image:url(../images/sub/icon_humid70_mo.png); }
	.icoHumid i.humid80 { height:3.5454em; background-image:url(../images/sub/icon_humid80_mo.png); }
	.icoHumid i.humid90 { height:3.8636em; background-image:url(../images/sub/icon_humid90_mo.png); }
	.icoHumid i.humid100 { height:4.1818em; background-image:url(../images/sub/icon_humid100_mo.png); }
	/* 바람 */
	.icoWind i { font-size:1.0909em; }
	.icoWind i.wind01 { background-image:url(../images/sub/icon_wind01_mo.png); background-size:1.25em auto; }
	.icoWind i.wind02 { background-image:url(../images/sub/icon_wind02_mo.png); background-size:1.25em auto; }
	.icoWind i.wind03 { background-image:url(../images/sub/icon_wind03_mo.png); background-size:auto 1.25em; }
	.icoWind i.wind04 { background-image:url(../images/sub/icon_wind04_mo.png); background-size:auto 1.25em; }
	.icoWind i.wind05 { background-image:url(../images/sub/icon_wind05_mo.png); background-size:1.7083em; }
	.icoWind i.wind06 { background-image:url(../images/sub/icon_wind06_mo.png); background-size:1.7083em; }
	.icoWind i.wind07 { background-image:url(../images/sub/icon_wind07_mo.png); background-size:1.7083em; }
	.icoWind i.wind08 { background-image:url(../images/sub/icon_wind08_mo.png); background-size:1.7083em; }
	/* 일주일별 */
	.weatherWeek { overflow-x:auto; overflow-y:hidden; padding:0 0 1.6363em; }
	.weatherWeek ul { display:block; white-space:nowrap; }
	.weatherWeek ul li { display:inline-block; width:7.2727em; }
	.weatherWeek ul li .txt { font-size:1.0909em; }
	.weatherWeek ul li .ico { width:3.6363em; height:3.4545em; margin:.6666em auto; }
	.weatherWeek ul li .ico_wt1 { background-image:url(../images/sub/icon_weather01_mo.png); }
	.weatherWeek ul li .ico_wt2 { background-image:url(../images/sub/icon_weather02_mo.png); }
	.weatherWeek ul li .ico_wt3 { background-image:url(../images/sub/icon_weather03_mo.png); }
	.weatherWeek ul li .ico_wt4 { background-image:url(../images/sub/icon_weather04_mo.png); }
	.weatherWeek ul li .ico_wt5 { background-image:url(../images/sub/icon_weather05_mo.png); }
	.weatherWeek ul li .ico_wt6 { background-image:url(../images/sub/icon_weather06_mo.png); }
	.weatherWeek ul li .ico_wt7 { background-image:url(../images/sub/icon_weather07_mo.png); }	
	.weatherWeek ul li .tit { font-size:1.0909em; }
	/* 지도 */
    .forMap { justify-content:center; margin-top:11.8181em; height:auto; }
    .forMap .mapBg { width:26.3636em; height:39.5454em; background-image:url(../images/sub/weather_map_mo.png); }
    .forMap .mapBg .mapPin .locaTxt { margin-bottom:.4em; font-size:.909em; }
    .forMap .mapBg .mapPin .weatherBox { width:13.1818em; margin-left:-6.5909em; padding:.7272em .5454em .5454em; }
    .forMap .mapBg .mapPin .weatherBox::before { bottom:-.4545em; left:50%; width:.8636em; height:.5em; margin-left:-.4318em; }
    .forMap .mapBg .mapPin .weatherBox ul li { margin:0 .0909em; }
    .forMap .mapBg .mapPin .weatherBox ul li .tit { font-size:.909em; }
    .forMap .mapBg .mapPin .weatherBox ul li .tit:first-child { margin-bottom:.1em; }
    .forMap .mapBg .mapPin .weatherBox ul li .tit:nth-child(2),
    .forMap .mapBg .mapPin .weatherBox ul li .tit:nth-child(3) { line-height:1.4em; }
    .forMap .mapBg .mapPin .weatherBox ul li .date { margin-bottom:.1em; font-size:.909em; letter-spacing:-.05em; }
    .forMap .mapBg .mapPin .weatherBox ul li .ico { width:1em; height:1.2727em; }
}

/* 03 5대 품목 수급현황 */
.dailySupply { display:flex; margin:0 -.625em 4.375em; }
.dailySupply .box { flex:1; padding:0 .625em; text-align:center; }
.dailySupply .topBox { border:1px solid #dcdcdc; box-sizing:border-box; }
.dailySupply .topBox dl dt { padding:1.875em 0 1.25em; box-sizing:border-box; }
.dailySupply .topBox dl dt span { display:block; padding-top:4.75em; font-size:1.25em; font-weight:700; letter-spacing:-.05em; background-repeat:no-repeat; background-position:top center; background-size:auto 4em; }
.dailySupply .topBox dl dt .goods1 { background-image:url(/resource/images/sub/icon_goods01.jpg); }
.dailySupply .topBox dl dt .goods2 { background-image:url(/resource/images/sub/icon_goods02.jpg); }
.dailySupply .topBox dl dt .goods3 { background-image:url(/resource/images/sub/icon_goods03.jpg); }
.dailySupply .topBox dl dt .goods4 { background-image:url(/resource/images/sub/icon_goods04.jpg); }
.dailySupply .topBox dl dt .goods5 { background-image:url(/resource/images/sub/icon_goods05.jpg); }
.dailySupply .topBox dl dt .goods6 { background-image:url(/resource/images/sub/icon_goods06.jpg); }
.dailySupply .topBox dd.txt { padding:1.5em 0; font-size:1.25em; letter-spacing:-.05em; } 
.dailySupply .warCor01 { color:#b60400; }
.dailySupply .warCor02 { color:#f26201; }
.dailySupply .warCor03 { color:#4ba20b; }
.dailySupply .warCor04 { color:#1f9eff; }
.dailySupply .warCor05 { color:#09b396; }
.dailySupply .warCor06 { color:#f58603; }
.dailySupply .warCor07 { color:#e41c7f; }
.dailySupply .midBox { margin:.625em 0; }
.dailySupply .midBox .tit { padding:1.666em 0 1em; font-size:1.125em; letter-spacing:-.05em; border:1px solid #dcdcdc; border-bottom:none; }
.dailySupply .midBox .chart { padding:0 1.25em 1.875em; border:1px solid #dcdcdc; border-width:0 1px; }
.dailySupply .midBox .tableBox { margin-top:-1px; }
.dailySupply .tableBox table th,
.dailySupply .tableBox table td { padding:.8571em .3333em; vertical-align:middle; background:#fff; border:1px solid #dcdcdc; font-size:.875em; font-weight:400; line-height:1.3; text-align:center; box-sizing:border-box; }
.dailySupply .tableBox table th { color:#6b6b6b; }
.dailySupply .tableBox table td .pay { display:block; text-align:right; }
.dailySupply .botBox .tableBox { position:relative; padding-bottom:2.5em; }
.dailySupply .botBox .tableBox table caption { display:table-caption; position:absolute; bottom:0; right:0; width:auto; height:auto; margin-left:0; text-indent:0; margin-bottom:.7152em; font-size:.875em; color:#586167; text-align:right; }
.dailySupply .botBox .tableBox table .col1 { width:43%; }
@media screen and (max-width:960px) {
	.dailySupply { display:block; margin:0 0 3em; }
	.dailySupply .box { margin-bottom:1.3636em; padding:0; }
	.dailySupply .topBox dl dt span,
	.dailySupply .topBox dd.txt { font-size:1.4545em; }
	.dailySupply .tableBox table th,
	.dailySupply .tableBox table td { font-size:1.0909em; }
	.dailySupply .botBox .tableBox table caption { font-size:.909em; color:#717171; }	
}

/* 04 국제 곡물 가격 */
.globalBoard .item { margin-top:3.4375em; }
.globalBoard .item:first-child { margin-top:0; }
.globalBoard .item a { display:flex; justify-content:space-between; }
.globalBoard .item .thumb { width:4.9375em; }
.globalBoard .item .thumb.bg1 { display:flex; flex-direction:column; align-items:center; justify-content:center; border:1px solid #eaeaea; border-top-color:#566ebc; box-sizing:border-box; color:#566ebc; }
.globalBoard .item .thumb.bg1 span { margin-bottom:.1666em; font-size:.75em; font-weight:700; letter-spacing:-.05em; }
.globalBoard .item .thumb.bg1 strong { font-size:2.375em; letter-spacing:-.05em; }
.globalBoard .item .thumb.bg2 { background-image:url(../images/sub/bg_global2.png); background-repeat:no-repeat; background-position:center; background-size:cover; }
.globalBoard .item ul { flex-shrink:0; width:82.6229%; }
.globalBoard .item ul li.tit { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:1.25em; font-weight:500; letter-spacing:-.025em; }
.globalBoard .item ul li.txt { overflow:hidden; height:3.75em; margin-top:.5333em; font-size:.9375em; font-weight:300; letter-spacing:-.025em; color:#2f2f2f; line-height:1.25; }
.globalBoard .item ul li.date { padding-top:.0625em; margin-bottom:.6875em; font-weight:500; color:#139a62; letter-spacing:-.025em; }
.globalBoard .item ul li.arrow { margin-top:.7142em; font-size:.875em; font-weight:300; color:#8e8e8f; }
.globalBoard .item ul li.arrow span { margin-left:.5714em; color:#aeaeae; }
.globalBoard.type2 { display:flex; justify-content:space-between; }
.globalBoard.type2 .inner { width:47.1138%; }
@media screen and (max-width:960px) {   
    .globalBoard .item { margin-top:3.2727em; }
    .globalBoard .item .thumb { width:6.4545em; }
    .globalBoard .item .thumb.bg1 span { font-size:.909em; }
    .globalBoard .item .thumb.bg1 strong { font-size:2.7272em; }
    .globalBoard .item .thumb.bg2 { background-image:url(../images/sub/bg_global2_mo.png); }
    .globalBoard .item ul { width:67.2413%; }
    .globalBoard .item ul li.tit { font-size:1.3636em; }
    .globalBoard .item ul li.txt { height:4.2em; margin-top:.8333em; font-size:1.0909em; line-height:1.4; }
    .globalBoard .item ul li.date { font-size:1.0909em; }
    .globalBoard .item ul li.arrow { margin-top:.75em; font-size:1.0909em; }
	.globalBoard.type2 { display:block; }
	.globalBoard.type2 .inner { width:100%; margin-top:3.2727em; }
	.globalBoard.type2 .inner:first-child { margin-top:0; }
}

/* 04 농산물 수출입 */
/* 필터 */
.checkSelData.type2 p,
.moCheckSelData.type2 p { width:8.4375rem; }
.checkSelData.type2 .txt,
.moCheckSelData.type2 .txt { width:100%; margin-bottom:1em; padding:0; font-size:1em; color:#555; }
.checkSelData.type2 .txt::before,
.checkSelData.type2 .txt::after,
.moCheckSelData.type2 .txt::before,
.moCheckSelData.type2 .txt::after { display:none; }
.dataTit.export { display:flex; justify-content:space-between; }
.dataTit.export .legend,
.exportChart .legend { display:flex; align-items:center; }
.exportChart .legend { display:none; }
.dataTit.export .legend li,
.exportChart .legend li { margin-left:1.5625em; }
.dataTit.export .legend li i,
.exportChart .legend li i { display:inline-block; vertical-align:middle; width:1.063em; height:1.063em; margin-right:.5em; border-radius:50%; }
.dataTit.export .legend li i.bg1,
.exportChart .legend li i.bg1 { background:#009876; }
.dataTit.export .legend li i.bg2,
.exportChart .legend li i.bg2 { background:#50d492; }
.dataTit.export .legend li i.bg3,
.exportChart .legend li i.bg3 { background:#00318f; }
.dataTit.export .legend li i.bg4,
.exportChart .legend li i.bg4 { background:#4686ff; }
.dataTit.export .legend li span { display:inline-block; vertical-align:middle; font-size:1.125em; color:#545454; }
.exportChart { display:flex; flex-wrap:wrap; justify-content:space-between; max-width:1300px; margin:0 auto; }
.exportChart .item { width:45.5223%; margin-top:5.375em; }
.exportChart .item:nth-child(-n+3) { margin-top:0; }
.exportChart .item .top { display:flex; align-items:center; }
.exportChart .item .top .tit { font-size:1.5em; letter-spacing:-.05em; }
.exportChart .item .top .txt { margin-left:.7916em; font-size:1.5em; font-weight:700; letter-spacing:-.05em; }
.exportChart .item .top .txt span,
.exportChart .item .top .txt .arrowsCol { margin-left:.4em; }
.exportChart .item .top .txt .arrowsCol i::after { width:1em; }
.exportChart .item .chart { margin-top:2.125em; }
.exportChart .item .barChart { position:relative; margin-top:1.125em; padding:0 8em 0 4.625em; box-sizing:border-box; }
.exportChart .item .barChart .date,
.exportChart .item .barChart .text { position:absolute; top:0; left:0; font-weight:300; letter-spacing:-.05em; color:#545454; }
.exportChart .item .barChart .text { left:auto; right:0; }
.exportChart .item .barChart .bar { overflow:hidden; position:relative; height:1.063em; background:#50d492; border-radius:2em; }
.exportChart .item .barChart .bar span { display:block; position:absolute; top:0; left:0; height:100%; background:#009876; }
.exportChart.bar2 .item .barChart .bar { background:#4686ff; }
.exportChart.bar2 .item .barChart .bar span { background:#00318f; }
.conIframe { max-width:1300px; margin:0 auto; }
.conIframe iframe { overflow-y:auto; width:100%; height:54.5454em; border:none; }
@media screen and (max-width:960px) {   
    .dataTit.export { display:block; margin-bottom:3.2727em; }
    .dataTit.export .legend { display:none; }
    .exportChart .legend { display:flex; }
    .exportChart .legend li { margin:0 1.3636em 0 0; }
    .exportChart .legend li i { width:1.0909em; height:1.0909em; margin-right:.4545em; }
    .exportChart .legend li span { font-size:1.0909em; }
    .exportChart { display:block; }
    .exportChart .item { width:100%; margin-top:3.0909em; }
    .exportChart .item:nth-child(-n+3) { margin-top:3.0909em; }
    .exportChart .item:nth-child(1) { margin-top:0; }
    .exportChart .item .top .tit { font-size:1.3636em; }
    .exportChart .item .top .txt { margin-left:.6666em; font-size:1.3636em; }
    .exportChart .item .chart { margin-top:1.8181em; }
    .exportChart .item .barChart { padding:0 7.6363em 0 4.0909em; margin-top:.7272em; }
    .exportChart .item .barChart .bar { font-size:1.0909em; }
}

/* 04 차이나 포커스 */
.chinaMap { height:41.25em; }
.scrollTblWrap2 { width:100%; max-height:25em; overflow:auto; border:1px solid #dcdcdc; border-width:1px 0; }
.scrollTblWrap2 .tableStyle { width:auto; min-width:100%; white-space:nowrap; }
.scrollTblWrap2 .tableStyle tr:first-child th { border-top:none; }
.scrollTblWrap2 .tableStyle tr:last-child th,
.scrollTblWrap2 .tableStyle tr:last-child td { border-bottom:none; }
.scrollTblWrap2 .tableStyle th { padding:1em; }
.scrollTblWrap2 .tableStyle tbody th, 
.scrollTblWrap2 .tableStyle td { padding:.8823em; }
.globalAllPrice { max-width:1300px; margin:0 auto; }
.globalAllPrice .itemList { display:flex; align-items:center; margin:0 -.5em; }
.globalAllPrice .itemPum,
.globalAllPrice .item { display:flex; align-items:center; width:25%; padding:0 .5em; box-sizing:border-box; }
.globalAllPrice .itemPum .img { flex-shrink:0; overflow:hidden; position:relative; width:7.5em; height:7.5em; margin-right:1.875em; border-radius:50%; }
.globalAllPrice .itemPum .img img { position:absolute; left:50%; top:50%; width:100%; transform:translate(-50%, -50%); }
.globalAllPrice .itemPum .info .txt { font-size:1.375em; letter-spacing:-.05em; }
.globalAllPrice .itemPum .info .name { margin-top:.375em; font-size:2em; font-weight:700; letter-spacing:-.05em; }
.globalAllPrice .item { display:block; }
.globalAllPrice .item .info { display:flex; align-items:center; }
.globalAllPrice .item .info li { letter-spacing:-.025em; color:#434343; }
.globalAllPrice .item .info .name { font-size:1.625em; font-weight:700; }
.globalAllPrice .item .info .price { margin-left:.4615em; font-size:1.625em; font-weight:700; }
.globalAllPrice .item .info .unit { margin-left:.3em; font-size:1.25em; font-weight:300; }
.globalAllPrice .item .preTxt { margin-top:1.125em; }
.globalAllPrice .item .preTxt ul li { display:flex; }
.globalAllPrice .item .preTxt ul li:last-child { margin-top:.25em; }
.globalAllPrice .item .preTxt .txt { font-weight:300; letter-spacing:-.05em; }
.globalAllPrice .item .preTxt .arrowsCol { margin-left:.625em; }
.globalAllPrice .item .preTxt .arrowsCol i::after { width:1em; }
.globalAllPrice .item .preTxt .arrowsCol.up { color:#d61d04; }
.globalAllPrice .item .preTxt .arrowsCol.down { color:#144be9; }
.globalChnChart .tit { font-size:1.5em; letter-spacing:-.025em; }
.globalChnChart .tit strong { display:block; margin-top:.2692em; font-size:1.0833em; color:#fe3a3a; }
.globalChnChart .chart { margin-top:3.125em; }
.globalChnChart .chartTitle { margin-top:2em; font-size:1.25em; letter-spacing:-.025em; text-align:center; }
.globalChnBtn { position:absolute; top:4.375em; right:11em; border:1px solid #dcdcdc; box-sizing:border-box; border-radius:.5rem; }
.globalChnBtn button { display:inline-block; position:relative; padding:.625em .875em; line-height:1; }
.globalChnBtn button span { display:inline-block; vertical-align:middle; padding-left:1.4666em; font-size:.9375em; letter-spacing:-.05em; color:#808080; line-height:1.3; background-image:url(../images/sub/btn_data_write.png); background-size:1em auto; background-repeat:no-repeat; background-position:left center; }
@media screen and (max-width:960px) {   
	.chinaMap { height:75vw; max-height:700px; }
    .globalAllPrice .itemList { display:block; margin:0; }
	.globalAllPrice .itemPum,
	.globalAllPrice .item { width:100%; padding:0; }
	.globalAllPrice .itemPum { justify-content:center; }
	.globalAllPrice .itemPum .img { width:7.6363em; height:7.6363em; margin-right:1.2727em; }
	.globalAllPrice .itemPum .info .txt { font-size:1.3636em; }
	.globalAllPrice .itemPum .info .name { margin-top:.2em; font-size:1.8181em; }
    .globalAllPrice .item { display:flex; justify-content:space-between; width:100%; margin-top:2.2727em; padding:0; }
    .globalAllPrice .item .info { flex-wrap:wrap; align-items:flex-end; }
    .globalAllPrice .item .info .name { width:100%; font-size:1.3636em; font-weight:400; }
    .globalAllPrice .item .info .price { margin:.333em 0 0; font-size:1.6363em; }
    .globalAllPrice .item .info .unit { margin-bottom:.1666em; font-size:1.0909em; }
    .globalAllPrice .item .preTxt { width:44.8275%; margin:0; }
    .globalAllPrice .item .preTxt ul li { font-size:1.0909em; }
    .globalAllPrice .item .preTxt .txt { flex-grow:1; }
    .globalAllPrice .item .preTxt .arrowsCol { flex-shrink:0; width:3.75em; margin-left:.75em; }
    .globalChnBtn { top:2.7272em; right:0; }
    .globalChnBtn button { padding:1.0909em 1.3333em; }
    .globalChnBtn button span { padding-left:1.25em; font-size:1.0909em; background-image:url(../images/sub/btn_data_write_mo.png); background-size:.8636em; }
}

/* 05 사용자 직접분석 */
.bigContent .txt p { font-size:1.25em; letter-spacing:-.025em; line-height:1.5; word-break:keep-all; }
.bigContent .txt p .blue { color:#2645c8; }
.bigContent .txt .sTxt { padding-left:1em; color:#6a6a6a; background:url(../images/sub/icon_big_txt.png) no-repeat left center; background-size:.75em; }
.bigContent .bigMenu { display:flex; flex-wrap:wrap; justify-content:space-between; margin-top:3.125em; }
.bigContent .bigMenu .item { width:48.8805%; padding:1.063em 0; }
.bigContent .bigMenu .item a { display:block; border:1px solid #d4dee8; border-radius:.5rem; transition:all .15s; }
.bigContent .bigMenu .item a:focus,
.bigContent .bigMenu .item a:hover { border-color:#2645c8; }
.bigContent .bigMenu .item dl dt { display:flex; align-items:center; justify-content:space-between; padding:2.5em 2.875em; background:#f2f7fb; border-radius:.5rem .5rem 0 0; transition:background .15s; }
.bigContent .bigMenu .item a:focus dl dt,
.bigContent .bigMenu .item a:hover dl dt { background:#2645c8; color:#fff; }
.bigContent .bigMenu .item dl dt .tit { font-size:1.375em; font-weight:700; }
.bigContent .bigMenu .item dl dt .arrow { display:inline-block; padding-right:3em; font-size:1.125em; font-weight:500; line-height:1; color:#2645c8; background:url(../images/sub/btn_big_arrow.png) no-repeat right top; background-size:auto .4444em; }
.bigContent .bigMenu .item a:focus dl dt .arrow,
.bigContent .bigMenu .item a:hover dl dt .arrow { color:#fff; background-image:url(../images/sub/btn_big_arrow_on.png); }
.bigContent .bigMenu .item dl dd { padding:2.5em 2.875em; }
.bigContent .bigMenu .item dl dd ul li { display:flex; margin-top:1em; font-size:1.063em; }
.bigContent .bigMenu .item dl dd ul li:first-child { margin-top:0; }
.bigContent .bigMenu .item dl dd ul li .tit { flex-shrink:0; width:7.9411em; letter-spacing:-.025em; color:#585858; }
.bigContent .bigMenu .item dl dd ul li .txt { word-break:keep-all; }
@media screen and (max-width:960px) {
	.bigContent .txt p { margin-bottom:1.1538em; font-size:1.1818em; }
	.bigContent .bigMenu { display:block; margin-top:2.909em; }
	.bigContent .bigMenu .item { width:100%; padding:.909em 0; }
	.bigContent .bigMenu .item dl dt { padding:1.8181em; }
	.bigContent .bigMenu .item dl dt .tit { font-size:1.3636em; }
	.bigContent .bigMenu .item dl dt .arrow { padding-right:2.25em; font-size:1.0909em; background-position:right center; background-size:auto .3333em; }
	.bigContent .bigMenu .item dl dd { padding:1.8181em; }
	.bigContent .bigMenu .item dl dd ul li { font-size:1.0909em; }
	.bigContent .bigMenu .item dl dd ul li .tit { width:6.8333em; }
}

/* 05 농산물 가격예측 */
.aiTable .step01 { background:#ff99a3; }
.aiTable .step02 { background:#ffdee1; }
.aiTable .step03 { background:#fff3f4; }
.aiTable .step04 { background:#e9eeff; }
.aiTable .step05 { background:#d0dbff; }
.aiTable .step06 { background:#99b1ff; }
.aiTable .date { width:21%; }
.aiTable .step { width:19%; }
.aiTable .pre { width:13%; }
.aiSource { margin-top:2.25em; padding:2.75em 6.0655%; background:#f7f7f7; border-radius:.5em; box-sizing:border-box; }
.aiSource ul li { margin-top:1.25em; }
.aiSource ul li:first-child { margin-top:0; }
.aiSource ul li .tit { font-size:1.063em; font-weight:500; letter-spacing:-.05em; color:#2a2a2a; }
.aiSource ul li .txt { margin-top:.8125em; letter-spacing:-.05em; color:#6c6b6b; }
/* 사용자 */
.arrowsTxt { display:inline-block; vertical-align:middle; width:1.375rem; height:1rem; background-image:url(../images/sub/arrows_txt.png); background-repeat:no-repeat; background-size:auto 100%; background-position:center; text-indent:-9999px; }
.arrowsTxt.up { background-image:url(../images/sub/arrows_txt_up.png); }
.arrowsTxt.down { background-image:url(../images/sub/arrows_txt_down.png); }
.infoText .arrowsTxt { width:1.063rem; height:.75rem; margin-top:-.0625rem; }
.aiTextEx { word-break:keep-all; letter-spacing:-.05em; color:#6c6b6b; }
@media screen and (max-width:960px) { 
	.aiSource { margin-top:2.2727em; padding:2.2727em; }
	.aiSource ul li .tit { font-size:1em; }
	.aiSource ul li .txt { margin-top:.6em; font-size:.909em; }
	.aiTextEx { font-size:1.0909em; }
}

/* 05 전국도매시장 거래지수 */
.checkSelData,
.moCheckSelData { margin-top:.9375em; padding:0 1.875em; box-sizing:border-box; }
.checkSelData .item,
.moCheckSelData .item { display:flex; align-items:flex-start; }
.checkSelData p,
.moCheckSelData p { flex-shrink:0; width:10.3125rem; position:relative; padding-left:1.5em; font-size:1.063em; color:#1a3ac5; font-weight:500; line-height:1.6; box-sizing:border-box; }
.checkSelData p::before,
.moCheckSelData p::before { content:''; display:block; position:absolute; top:50%; left:0; width:1.063em; height:1.063em; margin-top:-.5315em; background:#1a3ac5; border:1px solid #1a3ac5; border-radius:50%; box-sizing:border-box; transition:all .15s; font-size:1rem; }
.checkSelData p::after,
.moCheckSelData p::after { content:''; display:block; position:absolute; top:.625em; left:.3125em; width:.375em; height:.1875em; background:none; border:1px solid #fff; border-top:0; border-right:0; transform:rotate(-45deg); transition:all .15s; font-size:1rem; }
.checkSelData ul,
.moCheckSelData ul { display:flex; flex-wrap:wrap; }
.checkSelData ul li,
.moCheckSelData ul li { position:relative; margin-right:.5294em; padding-right:.5294em; font-size:1.063em; line-height:1.6; }
.checkSelData ul li::before,
.moCheckSelData ul li:before { content:''; display:block; position:absolute; top:50%; right:0; width:.1176em; height:.1176em; margin-top:-.0588em; background:#000; border-radius:50%; }
.checkSelData ul li:last-child::before,
.moCheckSelData ul li:last-child::before { display:none; }
.moCheckSelData { display:none; }
.bigMarketInfo { display:flex; align-items:center; max-width:1300px;  margin:0 auto 4.375em; }
.bigMarketInfo .img { overflow:hidden; position:relative; width:7.5em; height:7.5em; margin-right:2.5em; border-radius:50%; }
.bigMarketInfo .img img { position:absolute; left:50%; top:50%; width:100%; transform:translate(-50%, -50%); }
.bigMarketInfo .info .txt { margin-bottom:1.063em; letter-spacing:-.025em; color:#434343; }
.bigMarketInfo .info .txt strong { font-weight:500; }
.bigMarketInfo .info .txt2 { margin-top:.3076em; font-size:1.625em; word-break:keep-all; }
.bigMarketInfo .info .txt2 strong { margin:0 .3846em; }
.bigMarketInfo .info .txt2 .blue { color:#1a3ac5; }
.bigMarketInfo .info .txt2 .red { color:#ff0000; }
.bigMarketInfo .info .txt2 .arrowsCol i::after { width:1em; }
.bigTableWrap { overflow-y:auto; max-height:18.75em; border:1px solid #dcdcdc; border-width:1px 0; }
@media screen and (max-width:960px) { 
	.checkSelData { padding:0; }
	.moCheckSelData { display:block; margin:-1.8181em 0 4.0909em; padding:0; box-sizing:border-box; }
	.checkSelData p,
	.moCheckSelData p { padding-left:1.3076em; font-size:1.1818em; }
	.checkSelData p::before,
	.moCheckSelData p::before { width:1.0909em; height:1.0909em; margin-top:-.5454em; }
	.checkSelData p::after,
	.moCheckSelData p::after { top:.8181em; left:.2727em; width:.4545em; height:.1818em; }
	.checkSelData ul li,
	.moCheckSelData ul li { font-size:1.1818em; }
    .bigMarketInfo .img { flex-shrink:0; width:7.5454em; height:7.5454em; margin-right:1.3636em; }
    .bigMarketInfo .info .txt { margin-bottom:1.3em; font-size:.909em; }
    .bigMarketInfo .info .txt2 { margin-top:0; font-size:1.2727em; line-height:1.5; letter-spacing:-.04em; }
}

/* 05 데이터 맵 */
.dataMap .dataTit { display:flex; align-items:center; justify-content:space-between; margin-bottom:3.125em; }
.dataMap .tabBtnStyle li button { background:#f2f2f3; }
.dataMap .tabBtnStyle li button.on { background:#fff; border-color:#dcdcdc; font-weight:700; color:#000; transition:all .15s; }
.dataMap .txtArea { margin-top:4.375em; }
.dataMap .txtArea h4 { margin-bottom:2.5rem; font-size:1.375em; }
.dataMap .txtArea h4 span { margin-left:.4545em; font-weight:400; }
.dataMap .txtArea dl { display:flex; margin-top:1.25em; }
.dataMap .txtArea dl dt { flex-shrink:0; position:relative; width:10.8333em; padding-left:.6111em; font-size:1.125em; color:#585858; box-sizing:border-box; }
.dataMap .txtArea dl dt::before { content:''; display:block; position:absolute; top:.4444em; left:0; width:.2222em; height:.2222em; background:#585858; border-radius:50%; }
.dataMap .txtArea dl dd { font-size:1.125em; letter-spacing:-.02em; }
@media screen and (max-width:960px) { 
	.dataMap .dataTit { display:block; margin-bottom:3.2727em; }
}

/* 05 데이터 API 제공 */
.conTit { margin:3.5em 0 1.7857em; font-size:1.75em; letter-spacing:-.025em; }
.conTit:first-child { margin-top:0; }
.apiIntro { display:flex; justify-content:space-between; }
.apiIntro .txt { width:48.1343%; }
.apiIntro .txt .conTit { margin:0 0 1.3928em; }
.apiIntro .txt .img { display:none; }
.apiIntro .txt p { font-size:1.25em; letter-spacing:-.025em; line-height:1.5; word-break:keep-all; }
.apiIntro .txt ul { display:flex; margin-top:3em; }
.apiIntro .txt ul li a { display:block; width:17.5em; padding:1.4375em 1.625em; border:1px solid #d9d9d9; box-sizing:border-box; border-radius:.5rem 0 0 .5rem; transition:all .15s; }
.apiIntro .txt ul li:nth-child(2) a { border-left:none; border-radius:0 .5rem .5rem 0; }
.apiIntro .txt ul li a:focus,
.apiIntro .txt ul li a:hover { background:#1a3ac3; border-color:#1a3ac3; color:#fff; }
.apiIntro .txt ul li a span { display:block; position:relative; font-size:1.25em; font-weight:500; }
.apiIntro .txt ul li a span::after { content:''; position:absolute; right:.1875rem; top:50%; width:0.5625rem; height:0.5625rem; margin-top:-.28125rem; border-top:none; border-left:none; border-right:1px solid #000; border-bottom:1px solid #000; box-sizing:border-box; transform:rotate(-45deg); transition:all .15s; }
.apiIntro .txt ul li a:focus span::after,
.apiIntro .txt ul li a:hover span::after { border-color:#fff; }
.apiIntro .img { width:45.0746%; }
.apiStep { display:flex; justify-content:space-between; position:relative; }
.apiStep::before { content:''; display:block; position:absolute; top:1.8125em; left:0; width:100%; height:1px; border-top:1px dashed #d6d6d6; }
.apiStep li { position:relative; }
.apiStep li .tit { position:relative; padding-top:3.6363em; font-size:1.375em; font-weight:500; }
.apiStep li .tit::before { content:''; display:block; position:absolute; top:0; left:0; height:3.4375rem; background:#fff; }
.apiStep li .tit::after { content:''; display:block; position:absolute; top:0; left:0; height:3.4375rem; background-repeat:no-repeat; background-position:left top; background-size:100%; z-index:1; }
.apiStep li:nth-child(1) .tit::before { width:4rem; }
.apiStep li:nth-child(1) .tit::after { width:3rem; background-image:url(../images/sub/icon_api_step01.png); }
.apiStep li:nth-child(2) .tit::before { left:-1.125rem; width:5.875rem; }
.apiStep li:nth-child(2) .tit::after { width:3.625rem; background-image:url(../images/sub/icon_api_step02.png); }
.apiStep li:nth-child(3) .tit::before { left:-.8125rem; width:4.875rem; }
.apiStep li:nth-child(3) .tit::after { width:3.6875rem; background-image:url(../images/sub/icon_api_step03.png); }
.apiStep li:nth-child(4)::before { content:''; display:block; position:absolute; top:0; left:0; width:100%; height:3.375rem; background:#fff; }
.apiStep li:nth-child(4) .tit::before { left:-.625rem; width:4.25rem; }
.apiStep li:nth-child(4) .tit::after { width:3.5625rem; background-image:url(../images/sub/icon_api_step04.png); }
.apiStep li .tit em { display:inline-block; margin-right:.5em; font-weight:700; color:#1a3ac3; }
.apiStep li .txt { margin-top:.875em; letter-spacing:-.01em; color:#727272; line-height:1.3; word-break:keep-all; }
.tableStyle.api .num { width:8.5em; }
.tableStyle.api .btn { width:14em; }
.tableStyle.api td a { display:inline-block; padding:.2941em 1em; color:#1a3ac3; border:1px solid #1a3ac3; border-radius:2em; transition:all .15s; }
.tableStyle.api td a:focus,
.tableStyle.api td a:hover { background:#1a3ac3; color:#fff; }
.tableStyle.api td a span { position:relative; padding-left:1em; font-size:.8823em; }
.tableStyle.api td a span::before,
.tableStyle.api td a span::after { content:''; display:block; position:absolute; top:50%; left:0; width:.7333em; height:1px; margin-top:-.0333em; background:#1a3ac3; transition:all .15s; }
.tableStyle.api td a span::after { transform:rotate(90deg); }
.tableStyle.api td a:focus span::before,
.tableStyle.api td a:hover span::before,
.tableStyle.api td a:focus span::after,
.tableStyle.api td a:hover span::after { background:#fff; }
/* 동의 */
.apiAgree .agreeTop { position:relative; margin-bottom:3.75em; }
.apiAgree .agreeTop dl dt { font-size:1.75em; font-weight:700; }
.apiAgree .agreeTop dl dd { margin-top:1em; font-size:1.25em; letter-spacing:-.025em; line-height:1.5; }
.apiAgree .agreeTop dl dd strong { color:#1a3ac3; font-weight:500; }
.apiAgree .agreeCheck { display:flex; justify-content:space-between; align-items:flex-end; margin-top:3em; }
.apiAgree .agreeCheck .infoText { margin:0; font-size:1em; }
.apiAgree .agreeCheck .checkList li label { margin:0 0 .2em; font-size:1.25em; }
/* 조회 */
.apiView h4 { font-size:1.5em; margin:2.9166em 0 1.1666em; }
.apiView h4:first-child { margin-top:0; }
.apiView .txt { padding:1.1764em 1.7647em; font-size:1.063em; border:1px solid #dcdcdc; border-width:1px 0; }
.apiView .tableInfo { text-align:left; }
.apiView .box { margin-top:1.875em; padding:1.875em; background:#f9fafa; border-radius:.25em; }
.apiView .box dl dt { margin-bottom:1em; font-size:1.25em; font-weight:700; }
.apiView .box dl dd { font-size:1.063em; font-weight:300; color:#2645c8; word-break:break-all; }
@media screen and (max-width:960px) { 
    .conTit { margin:4.5454em 0 1.75em; font-size:1.8181em; }
    .apiIntro .txt { width:100%; }
    .apiIntro .txt .conTit { margin:0 0 1.75em; }
    .apiIntro .txt .img { display:block; width:100%; margin-bottom:2.2727em; }
    .apiIntro .txt p { font-size:1.1818em; }
    .apiIntro .txt ul li { flex:1; }
    .apiIntro .txt ul li a { width:100%; padding:1.3636em 1.2727em 1.3636em 1.4545em; }
    .apiIntro .txt ul li a:focus,
    .apiIntro .txt ul li a:hover { background:#fff; border-color:#d9d9d9; color:#000; }
    .apiIntro .txt ul li a span { font-size:1.0909em; }
    .apiIntro .txt ul li a span::after { width:.4545rem; height:.4545rem; margin-top:-.2272rem; }
    .apiIntro .txt ul li a:focus span::after,
    .apiIntro .txt ul li a:hover span::after { border-color:#000; }
    .apiIntro .img { display:none; }
    .apiStep { display:block; }
    .apiStep::before { top:0; left:1.909rem; width:1px; height:100%; border-top:none; border-left:1px dashed #d6d6d6; }
    .apiStep li { margin-top:2.5454em; padding-left:5.6363em; }
    .apiStep li::after { content:''; display:block; position:absolute; top:50%; left:0; width:3.8181rem; height:4.6363rem; margin-top:-2.3181rem; background-repeat:no-repeat; background-position:left top; background-size:100%; z-index:1; }
    .apiStep li:nth-child(1)::after { background-image:url(../images/sub/icon_api_step01_mo.png); }
    .apiStep li:nth-child(2)::after { background-image:url(../images/sub/icon_api_step02_mo.png); }
    .apiStep li:nth-child(3)::after { background-image:url(../images/sub/icon_api_step03_mo.png); }
    .apiStep li:nth-child(4)::after { background-image:url(../images/sub/icon_api_step04_mo.png); }
    .apiStep li .tit { padding:0; font-size:1.3636em; }
    .apiStep li .tit::before { display:none; }
    .apiStep li .tit::after { display:none; }
    .apiStep li:nth-child(4)::before { display:none; }
    .apiStep li .txt { font-size:1.0909em; }
    .tableStyle.api .num { width:4.5454em; }
    .tableStyle.api .btn { width:10.1818em; }
    .tableStyle.api td a { padding:.2727rem .8181rem .1818rem; }
    .tableStyle.api td a:focus,
    .tableStyle.api td a:hover { background:#fff; color:#1a3ac3; }
    .tableStyle.api td a span { padding-left:.909em; font-size:1em; }
    .tableStyle.api td a:focus span::before,
    .tableStyle.api td a:hover span::before,
    .tableStyle.api td a:focus span::after,
    .tableStyle.api td a:hover span::after { background:#1a3ac3; }
    /* 동의 */
    .apiAgree .agreeTop dl dd { font-size:1.1818em; }
    .apiAgree .agreeTop dl dd br { display:none; }
    .apiAgree .tableStyle th { width:7.8333em; text-align:left; }
    .apiAgree .tableStyle td { text-align:left; }
    .apiAgree .agreeCheck { display:block; margin-top:1.2727em; }
    .apiAgree .agreeCheck .checkList { margin-top:3.2727em; }
    .apiAgree .agreeCheck .checkList li label { font-size:1.3636em; }
    /* 조회 */
    .apiView .txt { padding:1.25em 0; font-size:1.0909em; }
    .apiView .box dl dd { font-size:1.0909em; }
}

/* 06 분석 보고서 */
.anaReportList { display:flex; flex-wrap:wrap; margin:0 -.625em; }
.anaReportList li { width:25%; margin-top:1.25em; padding:0 .625em; box-sizing:border-box; }
.anaReportList li:nth-child(-n+4) { margin-top:0; }
.anaReportList li a { display:block; padding:2em 9.836% 7.4375em; border:1px solid #dcdcdc; border-radius:0.5rem; box-sizing:border-box; background-repeat:no-repeat; background-position:right bottom; background-size:cover; transition:all .15s; }
.anaReportList li a:focus,
.anaReportList li a:hover { border-color:#1a3ac5; box-shadow:0 20px 24px 0 rgba(0, 0, 0, 0.12); }
.anaReportList.bg1 li a { background-image:url(../images/sub/bg_report1.jpg); }
.anaReportList.bg2 li a { background-image:url(../images/sub/bg_report2.jpg); }
.anaReportList.bg3 li a { background-image:url(../images/sub/bg_report3.jpg); }
.anaReportList.bg4 li a { background-image:url(../images/sub/bg_report4.jpg); }
.anaReportList.bg5 li a { background-image:url(../images/sub/bg_report5.jpg); }
.anaReportList.bg6 li a { background-image:url(../images/sub/bg_report6.jpg); }
.anaReportList.bg7 li a { background-image:url(../images/sub/bg_report7.jpg); }
.anaReportList li .type { margin-bottom:1.25em; }
.anaReportList li .type span { display:inline-block; padding:.1333em 1em; font-size:.9375em; font-weight:700; color:#0b9965; letter-spacing:-.05em; border:1px solid #41cc7f; border-radius:2em; box-sizing:border-box; }
.anaReportList li .tit { overflow:hidden; height:2.6em; font-size:1.25em; font-weight:500; line-height:1.3; }
.anaReportList li .date { margin-top:.4705em; font-size:1.063em; }
.anaReportList li .writer { margin-top:2em; }
.anaReportList li .writer span { display:inline-block; margin-right:.5em; font-size:.875em; color:#8e8e8f; }
/* .aiNewsTop { display:flex; justify-content: space-between; margin-bottom:3.275em; padding-bottom:3.275em; border-bottom:1px solid #d9d9d9;} */
.aiNewsTop {width: 100%; display: flex; margin-bottom:3.275em; padding-bottom:4.275em; border-bottom:1px solid #d9d9d9;}
.aiNewsTop .newsImg { flex-shrink:0; width:23.671875%; margin-right:3.125em; }
.aiNewsTop .newsImg .img { padding:0; }
.aiNewsTop .newsCon h5 { margin-bottom:.8666em; font-size:1.875em; font-weight:400; letter-spacing:-.025em; }
.aiNewsTop .newsCon h5 strong i { display:inline-block; vertical-align:middle; width:1.75rem; height:1.75rem; margin:-.125rem .5625rem 0 0; background-image:url(../images/board/icon_ai.png); background-repeat:no-repeat; background-size:100%; }
.aiNewsTop .newsCon ul.contList {display: flex; flex-direction: column;}
.aiNewsTop .newsCon ul.contList li {font-size: 1.175em; font-weight: 400; display: flex; align-items: center; margin-bottom: 1em;}
.aiNewsTop .newsCon ul.contList li:last-child {margin-bottom: 0;}
.aiNewsTop .newsCon ul.contList li .title {width: 130px; display:inline-block; margin-right: 2.5em; position: relative;}
.aiNewsTop .newsCon ul.contList li .title::after {width: .01em; height: 10px; background-color: #666; content: ''; position: absolute; top: 50%; right: -1em; transform: translateY(-50%);}
.aiNewsTop .newsCon ul.contList li:first-child .title {width: 100%;}
.aiNewsTop .newsCon ul.contList li:first-child .title::after {content: none;}
.aiNewsTop .newsCon ul.contList li .data {font-size: 1.175em; font-weight: bold; color: #2e76ff; padding: 0 .075em 0 .175em;}
.aiNewsTop .newsCon ul.contList li .cont {font-weight: 600; color: #000; display: flex; align-items: center; margin-right: .375em}
.aiNewsTop .newsCon ul.contList li .cont:last-child {margin-right: .1em;}
.aiNewsTop .newsCon .conList2 {display: flex; flex-direction: column; position: relative; margin-top: 1.325em;}
.aiNewsTop .newsCon .conList2 h6 {font-size: 1.125em; font-weight: 200; margin-bottom: .325em;}
.aiNewsTop .newsCon .conList2 span {font-size: 1.625em; font-weight: bold;}

.aiNewsTop .newsCon {width: 65%; height: 260px; position: relative; display: inline-block; vertical-align: middle;/* border-right: 1px solid #d9d9d9; */}
/*  .aiNewsTop .radialChart {width: calc(25% - 2em); height: 260px; position: relative; display: inline-block; vertical-align: middle; margin-right: 2em;} */
/* .aiNewsTop .treeChart {width: 32%; height: 260px; display: inline-block; vertical-align: middle;margin-right:2em;border-right: 0.5px solid #d9d9d9;} */
.aiNewsTop .wordCloud {width: 35%; height: 260px; display: inline-block; vertical-align: middle; cursor: pointer;}

.rMateH5__LegendMarker {/* left: 0px !important; */ border-radius: 50% !important;}
.rMateH5__UITextField {/* width: 100%; left: 0px !important; */}

.aiNewsTop .radialChart #chart1 > div > canvas {display: none !important;}

@media screen and (max-width:1080px) {
	.aiNewsTop {padding: 0 1.625em 3.275em;}
	.aiNewsTop .newsCon ul.contList li {font-size: 1em;}
	.aiNewsTop .newsCon ul.contList li .title {width: 100px;}
	.aiNewsTop .newsCon {width: 60%; height: 240px;}
	.aiNewsTop .radialChart {height: 240px;}
	.aiNewsTop .wordCloud {width: 40%; height: 240px;}
}
@media screen and (max-width:960px) {
	.aiNewsTop {display: block; margin-bottom: 0; padding: 0 0 2.175em;}
	/* .aiNewsTop .newsImg { width:100%; margin:0 0 2.8181em; } */
	.aiNewsTop .newsCon {width: 100%; height: auto; margin-right: 0;}
	.aiNewsTop .newsCon h5 { margin-bottom:1em; font-size:1.6363em; }
	.aiNewsTop .newsCon h5 strong i { width:1.4545rem; height:1.4545rem; margin:-.1818rem .4545rem 0 0; background-image:url(../images/board/icon_ai_mo.png); }
	.aiNewsTop .newsCon ul.contList li {font-size: 1.125em; margin: 0 0 .725em;}
	.aiNewsTop .newsCon p { font-size:1.125em;}
	.aiNewsTop .newsCon .conList2 {flex-direction: unset; align-items: center;}
	.aiNewsTop .newsCon .conList2 h6 {margin: 0 .625em 0 0;}
	.aiNewsTop .radialChart {display: none;}
	.aiNewsTop .wordCloud {display: none;}
}
@media screen and (max-width:640px) {
	.aiNewsTop .newsCon ul.contList li .title {width: 90px; margin-right: 2em;}
}
@media screen and (max-width:480px) {
	.aiNewsTop .newsCon ul.contList li {width: 100%; display: inline-block}
	.aiNewsTop .newsCon ul.contList li .title {width: 100%; margin-right: 0; margin-bottom: .325em;}
	.aiNewsTop .newsCon ul.contList li .title::after {content: none;}
	.aiNewsTop .newsCon ul.contList li:first-child .title {width: 100%;}
	.aiNewsTop .newsCon ul.contList li .cont {display: inline-flex;}
}
@media screen and (max-width:420px) {
	.aiNewsTop .newsCon {width: 100%;}
	.aiNewsTop .newsCon .conList2 span {font-size: 1.325em;}
}

.jqcloud-word.w1 {color: #b8cd94 !important;}
.jqcloud-word.w2 {color: #71b75c !important;}
.jqcloud-word.w3 {color: #91c041 !important;}
.jqcloud-word.w4 {color: #689356 !important;}
.jqcloud-word.w5 {color: #a3d185 !important; font-weight: bold;}
.jqcloud-word.w6 {color: #689356 !important; font-weight: bold;}
.jqcloud-word.w7 {color: #456648 !important; font-weight: bold;}
.jqcloud-word.w8 {color: #456648 !important; font-weight: bold;}
.jqcloud-word.w9 {color: #25421c !important; font-weight: bold;}
.jqcloud-word.w10 {color: #25421c !important; font-weight: bold;}
.jqcloud-word a:hover {color: #25421c !important;}

.aiCon { margin-top:4.375em; padding-top:4.375em; border-top:1px solid #d9d9d9; }
.aiCon:first-child { margin-top:0; padding-top:0; border-top:none; }
.aiCon .aiTit { display:flex; flex-wrap:wrap; align-items:center; margin-bottom:1.875em; }
.aiCon .aiTit p { padding:.2em .9em; font-size:1.25em; font-weight:500; color:#2b865b; border:1px solid #a3d1bb; border-radius:2em; }
.aiCon .aiTit .date { display:block; width:100%; margin-top:.7777em; font-size:1.125em; color:#898989; }
.aiCon .aiTitBtn { display:flex; flex-wrap:wrap; align-items:center; margin-bottom:1.875em; }
.aiCon .aiTitBtn a { min-width:4.625em; margin-right:.5em; padding:.4375em 1.25em; background:#edf2ef; border-radius:2em; box-sizing:border-box; text-align:center; transition:background .15s; }
.aiCon .aiTitBtn a:focus,
.aiCon .aiTitBtn a:hover { background:#d9e4de; }
.aiCon .aiTitBtn p { padding:0; font-size:1.25em; }
.aiCon .aiTitBtn a.active { background:#2b865b; color:#fff; }
.aiCon .aiTitBtn .title { display:block; width:100%; margin-top:2.5em; font-size:1.25em; font-weight:700; }
.aiCon .aiTitBtn .title strong { color:#1a3ac5; }

.contentWrap.aiNews {overflow: unset;}
.aiBoard { margin-top:3.25em; }
.aiBoard .item { counter-increment:newsList; margin-bottom:4.375em; }
.aiBoard .item p { padding:0; }
.aiBoard .item .icoPosi { display:none; width:2.1875em; height:2.1875em; text-indent:-9999px; background-repeat:no-repeat; background-position:center; background-size:100%; }
.aiBoard .item .icoPosi.posi01 { background-image:url(../images/board/icon_ai_positive01.png); }
.aiBoard .item .icoPosi.posi02 { background-image:url(../images/board/icon_ai_positive02.png); }
.aiBoard .item .icoPosi.posi03 { background-image:url(../images/board/icon_ai_positive03.png); }
.aiBoard .item .icoPick { padding-left:1.3333em; font-style:normal; font-size:1.125em; font-weight:700; color:#49a496; background-image:url(../images/board/icon_ai_pick.png); background-repeat:no-repeat; background-position:left center; background-size:.9444em; }
.aiBoard .item .senseWrap { display:flex; align-items:center;justify-content:center;flex-direction:column; }
.aiBoard .item .senseWrap h3{display:flex;justify-content:center;align-items:center;height:35%;padding-left:20%;}
.aiBoard .item .senseWrap .scorebox_wrap { width:100%;height:100%;display:flex;flex-direction:column; }
.aiBoard .item .senseWrap .scorebox_wrap p{text-align:center;padding-left:14%;}
.aiBoard .item .senseWrap .scorebox_wrap div{height:100%;position:relative;display:flex;justify-content:flex-end;}
.aiBoard .item .senseWrap .scorebox_wrap div .senseColorBox{width:80%;height:100%;background:linear-gradient(45deg, red, yellow);}
.aiBoard .item .senseWrap .scorebox_wrap div .senseScoreArrow{position:absolute;width:20%;left:0;background-size:contain;background-repeat: no-repeat;background-image:url(../images/sub/icon_growth_col3.png);}

.aiBoard .item .pick {display: inline-flex; gap: .325em; position: relative;}
/* .aiBoard .item .pick::after {width: 1px; height: 1em; background-color: #dcdcdc; content: none; position: absolute; top: 50%; right: -1em; transform: translateY(-50%);} */
.aiBoard .item .pick span {font-size: 1em; color: #fff; display: flex; align-items: center; border-radius: .625em; padding: .325em;}
.aiBoard .item .pick .pick1 {background-color: #1a3ac5;}
.aiBoard .item .pick .pick2 {background-color: #37a76a;}
.aiBoard .item .pick .pick3 {background-color: #eb7924;}
.aiBoard .item .pick .pick4 {background-color: #cb54e7;}

.aiBoard .item .top {display: flex; align-items: center; justify-content: space-between; margin-top: .875em;}
.aiBoard .item .top .tit {width: calc(100% - 180px); font-size:1.75em; font-weight:700;}
.aiBoard .item .top .tit::before { content:counter(newsList)"."; display:inline-block; margin-right:.1818em; }
.aiBoard .item .top .date {width: 160px; font-size:1.125em; font-weight:300; color:#898989;margin-left:0.5em;}
.aiBoard .item .txtArea { overflow:hidden; font-size:1.125em; letter-spacing:-.01em; margin: .875em 0;}

.aiBoard .item .detail {display: flex; align-items: center;}
.aiBoard .item .detail .pick {display: flex; gap: .325em; margin-right: 2em; position: relative;}
.aiBoard .item .detail .pick::after {width: 1px; height: 1em; background-color: #dcdcdc; content: ''; position: absolute; top: 50%; right: -1em; transform: translateY(-50%);}
.aiBoard .item .detail .pick span {height: 1.525em; font-size: .875em; color: #fff; display: flex; align-items: center; border-radius: .7625em; padding: 0 .325em;}
.aiBoard .item .detail .pick .pick1 {background-color: #1a3ac5;}
.aiBoard .item .detail .pick .pick2 {background-color: #37a76a;}
.aiBoard .item .detail .pick .pick3 {background-color: #eb7924;}
.aiBoard .item .detail .pick .pick4 {background-color: #cb54e7;}
/* .aiBoard .item .detail .keyword {display: flex;} */

.aiBoard .item .detail .infoItem {display: flex; position: relative; margin-right: 2em;}
.aiBoard .item .detail .infoItem::after {width: 1px; height: 1em; background-color: #dcdcdc; content: ''; position: absolute; top: 50%; right: -1em; transform: translateY(-50%);}
.aiBoard .item .detail .infoItem strong {line-height: 1; background-color: #fff; position: absolute; padding: .425em .425em .425em 0; top: 50%; left: 0; transform: translateY(-50%);}
.aiBoard .item .detail .infoItem .infoItemList {border: 1px solid #d9d9d9; border-radius: .625em; display: flex; padding: .625em .875em .625em 2.325em; margin-left: 1.75em;}
.aiBoard .item .detail .infoItem .infoItemList span {display: inline-block; font-size: .875em; color: rgba(0,0,0,.72);}

.aiBoard .item .detail .keyword {display: flex; position: relative; flex-grow: 1;}
.aiBoard .item .detail .keyword strong {line-height: 1; background-color: #fff; position: absolute; padding: .425em .425em .425em 0; top: 50%; left: 0; transform: translateY(-50%);}
.aiBoard .item .detail .keyword .keywordList {border: 1px solid #d9d9d9; border-radius: .625em; display: flex; padding: .625em .875em .625em 1.875em; margin-left: 1.325em;}
.aiBoard .item .detail .keyword .keywordList span {font-size: .875em; /* border-bottom: 1px solid #000; */ display: inline-block; margin-right: 10px;}
.aiBoard .item .detail .keyword .keywordList :last-child {margin: 0;}

/* .aiBoard .item .detail .keyword .viewCode {padding-right: 1.125em; margin-right: .625em;}
.aiBoard .item .detail .keyword .selectList {width: auto; padding: 1.6875em;}
.aiBoard .item .detail .keyword .selectList:before {content: none;}
.aiBoard .item .detail .keyword .selectList ul {display: flex; flex-direction: column; align-items: flex-start; overflow: visible;}
.aiBoard .item .detail .keyword .selectList ul li a {white-space: nowrap; display: block; padding-left: 1.875em; position: relative;}
.aiBoard .item .detail .keyword .selectList ul li:first-child a {background: url(../images/sub/icon_detail_a01.png) 0 no-repeat;}
.aiBoard .item .detail .keyword .selectList ul li:nth-child(2) a {background: url(../images/sub/icon_detail_a02.png) .1125em 0 no-repeat;}
.aiBoard .item .detail .keyword .selectList ul li:nth-child(3) a {background: url(../images/sub/icon_detail_a03.png) 0 no-repeat;}
.aiBoard .item .detail .keyword .selectList ul li a:hover {color: #000;}
.aiBoard .item .detail .keyword .selectList ul li a:after {width: 0; height: 1px; background-color: #000; content: ''; position: absolute; bottom: -8px; left: 50%; transform: translateX(-50%); transition: .4s;}
.aiBoard .item .detail .keyword .selectList ul li a:hover:after {width: 100%;} */

.aiBoard .item .detail span { overflow:hidden; flex-grow:1; }
.aiBoard .item .detail table tr td{text-align:center;}

@media screen and (max-width:1080px) {
	.aiBoard .item .detail {flex-direction: column; align-items: flex-start;}
	.aiBoard .item .detail .pick {margin-right: 0; margin-bottom: .625em;}
	.aiBoard .item .detail .pick::after {content: none;}
	.aiBoard .item .detail .keyword {margin: 0 0 .625em;}
	/* .aiBoard .item .detail .keyword::after {content: none;} */
	.aiBoard .item .detail .keyword strong {width: 60px; position: relative; padding: 0; top: 0; transform: translateY(0);}
	.aiBoard .item .detail .keyword .keywordList {position: relative; border: 0; padding: 0; margin: 0;}
	.aiBoard .item .detail .infoItem {margin: 0 0 .625em;}
	.aiBoard .item .detail .infoItem::after {content: none;}
	.aiBoard .item .detail .infoItem strong {width: 60px; position: relative; padding: 0; top: 0; transform: translateY(0);}
	.aiBoard .item .detail .infoItem .infoItemList {position: relative; border: 0; padding: 0; margin: 0;}
	/* .aiBoard .item .detail .keyword .selectItem {display: inline-block; margin-bottom: .625em;}
	.aiBoard .item .detail .info {margin-bottom: .625em;} */
}
@media screen and (max-width:960px) {
	.aiBoard .item .top {flex-direction: column; align-items: flex-start;}
	.aiBoard .item .top .tit {width: 100%; font-size: 1.6363em;}
	.aiBoard .item .top .date {margin-top: 0.625em; margin-left: 0;}
}
@media screen and (max-width:640px) {
	.aiBoard .item .detail .detail_item:first-child {display: inline-block}
	.aiBoard .item .detail .detail_item:first-child .selectItem {height: 2em; border: 1px solid #e1e1e1; border-radius: 1em; display: flex; display: inline-block; padding-left: 1em; margin: 0 .3em .4em 0;}
	.aiBoard .item .detail .detail_item:first-child .selectItem:last-child {margin-right: 0;}
	.aiBoard .item .detail .detail_item:first-child .selectItem .buttonSelect {height: 100%; display: flex; align-items: center;}
}
@media screen and (max-width:420px) {
	/* .aiBoard .item .detail .keyword {display: inline-block;}
	.aiBoard .item .detail .keyword .selectItem {display: inline-block;} */
}

.aiBoard .item .detail li .lawPopWrap{display:none;justify-content:center;align-items:center;flex-direction:column;}
.aiBoard .item .detail li .active{display:flex;}
.aiBoard .item .detail li:last-child{display:flex;justify-content:space-between;align-items:center;}
.aiBoard .item .detail li:last-child .scorebox_wrap{display:flex;justify-content:center;align-items:center;position:relative;cursor:pointer;}
.aiBoard .item .detail li:last-child .scorebox_wrap .scoreDetail{position:absolute;top:3em;left:0.1em;width:100%;height:100%;z-index:9;display:none;}
.aiBoard .item .detail li:last-child .scorebox_wrap .scoreDetail p{width:100%;height:100%;}

.aiBoard .item .btn { /* margin-top:1.875em; */ padding:0; font-size:1em; font-weight:500; }
.aiBoard .item .btn span { padding:.125em 0 .125em 1.25em; color:#1a3ac5; background-image:url(../images/sub/btn_api_link.png); background-repeat:no-repeat; background-position:left center; background-size:.9375em; border-bottom:1px solid #1a3ac5; }
.firstNewsBtn{position:fixed;right:30px;bottom:80px;z-index:10;width:50px;height:50px;display: block;padding: .75em 1.25em .5em;border: 1px solid #c0c2c4;box-sizing: border-box;border-radius: .5rem;transition: all .15s; background-color: #fff;}
.firstNewsBtn span{display: block;padding-top: 1.309em;font-size: .6875em;background: url(../images/common/btn_top_scroll.png) no-repeat top center;background-size: auto 1.125rem;}
.bottomNewsBtn{position:fixed;right:30px;bottom:20px;z-index:10;width:50px;height:50px;display: block;padding: .75em 1.25em .5em;border: 1px solid #c0c2c4;box-sizing: border-box;border-radius: .5rem;transition: all .15s; background-color: #fff;}
.bottomNewsBtn span{display: block;padding-top: 1.309em;font-size: .6875em;background: url(../images/common/btn_top_scroll.png) no-repeat top center;transform:rotate(180deg);background-size: auto 1.125rem;}
.aiBtn { margin-top:2.5em; text-align:center; }
.aiBtn a { display:inline-block; padding:.8125em 2.125em; letter-spacing:-.05em; border:1px solid #dcdcdc; border-radius:2em; transition:all .15s; }
.aiBtn a:focus,
.aiBtn a:hover { background-color:#1a3ac5; border-color:#1a3ac5; color:#fff; }
.aiBtn a span { padding-left:1.4444em; font-size:1.125em; background-image:url(../images/board/btn_ai_total.png); background-repeat:no-repeat; background-position:left center; background-size:1em; }
.aiBtn a:focus span,
.aiBtn a:hover span { background-image:url(../images/board/btn_ai_total_on.png); }
.aiBtn a em { position:relative; font-weight:700; letter-spacing:0; color:#1a3ac5; }
.aiBtn a em::before,
.aiBtn a em::after { content:'‘'; }
.aiBtn a em::after { content:'’'; }
.aiBtn a:focus em,
.aiBtn a:hover em { color:#fff; }

@media screen and (max-width:960px) {
    .anaReportList { margin:-.4545em; }
    .anaReportList li { width:50%; margin:0; padding:.4545em; }
    .anaReportList li a { padding:1.3636em 1.3636em 3.8181em; }
    .anaReportList li .type { margin-bottom:.7272em; }
    .anaReportList li .type span { padding:.1em .8em; font-size:.909em; }
    .anaReportList li .tit { font-size:1.1818em; }
    .anaReportList li .date { margin-top:.1em; font-size:.909em; }
    .anaReportList li .writer { margin-top:1em; }
    .anaReportList li .writer span { font-size:.8181em; }
    .aiBoard { margin-top:4.5454em; }
	.aiBoard .item { margin-bottom:3.8181em; }
    .aiBoard .item .icoPick { font-size:1.1818em; background-image:url(../images/board/icon_ai_pick_mo.png); background-size:1.0909em; }
    .aiBoard .item .tit p { font-size:1.6363em; }
    /* .aiBoard .item .txtArea { margin-top:2em; }
    .aiBoard .item .txtArea .date { font-size:1em; }
    .aiBoard .item .txtArea .txt { margin-top:1em; font-size:1.0909em; } */
    .aiBoard .item .detail li { margin-top:.5em; font-size:1.0909em; }
    .aiBoard .item .detail li em { width:4.5833em; }
    .aiBoard .item .btn { font-size:1.0909em; }
    .aiBoard .item .btn span { background-image:url(../images/sub/btn_api_link_mo.png); background-size:.8636em; }
	.aiCon { margin-top:3.8181em; padding-top:3.8181em; }
	.aiBtn { margin-top:4.0909em; }
	.aiBtn a { padding:1em 1.909em; }
	.aiBtn a span { padding-left:1.3333em; font-size:1.0909em; background-image:url(../images/board/btn_ai_total_mo.png); background-size:.9166em; }
	.aiBtn a:focus span,
	.aiBtn a:hover span { background-image:url(../images/board/btn_ai_total_on_mo.png); }
}

/* 06 농산물 품종규격 등급 도감 */
.proReportList { display:flex; flex-wrap:wrap; margin:0 -.625em; }
.proReportList li { width:25%; margin-top:1.25em; padding:0 .625em; box-sizing:border-box; }
.proReportList li:nth-child(-n+4) { margin-top:0; }
.proReportList li a { display:block; position:relative; padding:2em 9.836% 1.875em; border:1px solid #dcdcdc; border-radius:.5rem; box-sizing:border-box; transition:all .15s; }
.proReportList li a:focus,
.proReportList li a:hover { border-color:#1a3ac5; box-shadow:0 20px 24px 0 rgba(0, 0, 0, 0.12); }
.proReportList li .img { overflow:hidden; position:relative; margin-top:1.5625em; padding-top:64.1666%; border:1px solid #e8e8e8; box-sizing:border-box; border-radius:.375rem; }
.proReportList li .img img { position:absolute; left:50%; top:50%; width:100%; transform:translate(-50%, -50%); }
.proReportList li .type { margin-bottom:1.5625em; font-weight:300; color:#057b48; }
.proReportList li .type span { display:inline-block; margin-right:.625rem; }
.proReportList li .tit { overflow:hidden; font-size:1.1875em; font-weight:700; text-overflow:ellipsis; white-space:nowrap; }
.proReportList li .writer { margin-top:.9285em; font-size:.875em; color:#8e8e8f; }
/* bookView */
.bookView { max-width:1300px; margin:0 auto; padding-bottom:3.375em; }
.bookView .itemTop { display:flex; justify-content:space-between; margin:0 -2.5em; }
.bookView .itemList { width:33.33%; padding:0 2.5em; box-sizing:border-box; }
.bookView .itemList .thumb { overflow:hidden; display:block; position:relative; border:1px solid #dcdcdc; border-radius:0.5rem; box-sizing:border-box; }
.bookView .itemList .thumb .img { overflow:hidden; position:relative; padding-top:78.9473%; }
.bookView .itemList .thumb .img img { position:absolute; left:50%; top:50%; max-width:none; height:100%; transform:translate(-50%, -50%); }
.bookView .itemList .thumb .grade { position:absolute; top:1.875em; left:8.2524%; width:3.8em; padding:.35em 0; font-size:1.25em; font-weight:500; text-align:center; background:#f7f7f7; border-radius:2em; }
.bookView .itemList .itemInfo { margin-top:3.125em; }
.bookView .itemList .itemInfo li { display:flex; align-items:flex-start; margin-top:1.3125em; letter-spacing:-.025em; word-break:keep-all; }
.bookView .itemList .itemInfo li:first-child { margin-top:0; }
.bookView .itemList .itemInfo li .tit { flex-shrink:0; width:5.625em; padding-right:.625em; font-weight:700; box-sizing:border-box; }
.bookView .itemList .itemInfo li .txt { flex-grow:1; color:#454545; }
.bookView .itemContent { margin-top:4.375em; padding-top:4.375em; border-top:1px solid #dcdcdc; }
.bookView .itemContent h4 { margin:3.5em 0 2.5em; font-size:1.25em; letter-spacing:-.025em; }
.bookView .itemContent>h4:first-child { margin-top:0; }
.bookView .itemContent .itemImg { display:flex; flex-wrap:wrap; margin:0 -.625em; }
.bookView .itemContent .itemImg li { width:16.6666%; padding:0 .625em; box-sizing:border-box; }
.bookView .itemContent .itemImg li .img { overflow:hidden; position:relative; padding-top:70%; border-radius:.5rem; }
.bookView .itemContent .itemImg li .img img { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:100%; max-width:none; }
.bookView .itemContent .itemImg li .tit { margin-top:1.25em; letter-spacing:-.025em; text-align:center; }
.bookView .itemContent .editorStyle table th,
.bookView .itemContent .editorStyle table td { padding:1em .2941em; vertical-align:middle; background:#fff; border:1px solid #dcdcdc; border-right:none; font-size:1.063em; font-weight:400; line-height:1.3; text-align:center; box-sizing:border-box; }
.bookView .itemContent .editorStyle table th { color:#353535; letter-spacing:-.05em; }
.bookView .itemContent .editorStyle table tbody th { color:#6b6b6b; letter-spacing:0; }
.bookView .itemContent .editorStyle table tbody th,
.bookView .itemContent .editorStyle table td { padding:.8823em .2941em; }
.bookView .itemContent .editorStyle table .bdNone { border-left:none; }
.bookView .itemContent .editorStyle p { margin:1.4285em 0; font-size:.875em; line-height:1.5; letter-spacing:-.025em; }
@media screen and (max-width:960px) { 
    .proReportList { margin:-.4545em; }
    .proReportList li { width:50%; margin:0; padding:.4545em; }
    .proReportList li a { padding:1.3636em; }
    .proReportList li .img { margin-top:1em; padding-top:57.7981%; }
    .proReportList li .type { margin-bottom:.4545em; }
    .proReportList li .type span { margin-right:.5em; font-size:.909em; }
    .proReportList li .tit { font-size:1.1818em; }
    .proReportList li .writer { margin-top:.2222em; font-size:.8181em; }
    /* bookView */
    .bookView .itemTop { display:block; margin:0; }
    .bookView .itemList { width:100%; margin-top:2.7272em; padding:0; }
    .bookView .itemList:first-child { margin-top:0; }
    .bookView .itemList .thumb .img { padding-top:76.5517%; }
    .bookView .itemList .thumb .grade { top:1.6153em; left:1.6153em; font-size:1.1818em; }
    .bookView .itemList .itemInfo { margin-top:2.2727em; }
    .bookView .itemList .itemInfo li { font-size:1.0909em; }
	.bookView .itemList .itemInfo li .tit { width:7em; padding:0; }
    .bookView .itemContent { margin-top:4.0909em; padding-top:4.0909em; }
    .bookView .itemContent h4 { margin:2.2222em 0 1.3888em; font-size:1.6363em; }
    .bookView .itemContent .itemImg li { width:50%; margin-top:2.1818em; }
    .bookView .itemContent .itemImg li:nth-child(-n+2) { margin-top:0; }
    .bookView .itemContent .itemImg li .tit { font-size:1.0909em; }
	.bookView .itemContent .editorStyle table th,
	.bookView .itemContent .editorStyle table td { padding:1.3333em 1em; font-size:1.0909em; }
}

/* 06 농산물 이미지 정보 */
/* imgZoomPop */
.imgZoomPop { display:none; z-index:999; overflow-y:auto; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(000,000,000,0.7); text-align:center; font-size:1rem; box-sizing:border-box; }
#zoomArea { position:absolute; top:50%; left:0; right:0; width:894px; margin:0 auto; transform:translateY(-50%); }
.imgZoomPop .zoomControl { display:flex; align-items:center; position:absolute; left:0; bottom:.625em; color:#fff; }
.imgZoomPop .zoomControl button { display:inline-block; margin:.0833em .6875em 0 .4375em; padding:.1666em .9166em; background:rgba(0, 0, 0, .44); border:1px solid rgba(220, 220, 220, .44); border-radius:1em; font-size:.75em; color:#fff; }
.imgZoomPop .zoomControl .stop { display:none; }
.imgZoomPop .zoomControl .num .now { margin-right:.25em; }
.imgZoomPop .zoomControl .num .total { margin-left:.25em; }
.imgZoomPop .btnZoomClose { position:absolute; right:0; bottom:.625em; }
.imgZoomPop .btnZoomClose button { padding-right:1em; background:url(../images/sub/btn_zoom_close.png) no-repeat right center; background-size:.5625em auto; color:#fff; }
.imgZoomPop .zoomSlideFor .slick-slide { background:#fafafa; text-align:center; }
.imgZoomPop .zoomSlideFor .slick-slide img { display:inline-block; height:100%; }
.imgZoomPop .zoomSlideArea { position:relative; max-width:327px; margin:2em auto 0; padding:0 1.625em; box-sizing:border-box; }
.imgZoomPop .zoomArrows button { position:absolute; top:0; left:0; width:1.625em; height:100%; background-color:#0c0c0c; background-repeat:no-repeat; background-size:.4375em auto; background-position:center; text-indent:-9999px; }
.imgZoomPop .zoomArrows .prev { background-image:url(../images/sub/btn_zoom_prev.png); }
.imgZoomPop .zoomArrows .next { left:auto; right:0; background-image:url(../images/sub/btn_zoom_next.png); }
.imgZoomPop .zoomSlideNav .slick-slide { position:relative; height:44px; background:#fafafa; text-align:center; }
.imgZoomPop .zoomSlideNav .slick-slide::after { content:''; display:block; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0, 0, 0, .36); }
.imgZoomPop .zoomSlideNav .slick-slide img { display:inline-block; height:100%; }
.imgZoomPop .zoomSlideNav .slick-current::after { background:transparent; border:2px solid #fff; box-sizing:border-box; }
/* 농산물 검색 */
.btnZoomOpen { cursor:pointer; }
.agrBoardList { display:flex; flex-wrap:wrap; }
.agrBoardList li { width:20%; margin-top:2.75em; padding:0 .625em; box-sizing:border-box; }
.agrBoardList li:nth-child(-n+5) { margin-top:0; }
.agrBoardList a { display:block; }
.agrBoardList .img { overflow:hidden; position:relative; padding-top:60.8333%; background:#fafafa; border:1px solid #e8e8e8; border-radius:.25rem; box-sizing:border-box; transition:all .15s; }
.agrBoardList .img img { position:absolute; left:50%; top:50%; height:100%; max-width:none; min-width:100%; transform:translate(-50%, -50%); }
.agrBoardList .category { margin-top:1.375em; }
.agrBoardList .category span { display:inline-block; padding:.2857em .7857em .2142em; font-size:.875em; color:#057b48; border:1px solid #abd9be; border-radius:3em; transition:all .15s; }
.agrBoardList .tit { margin:.625em 0 .875em; }
.agrBoardList .tit p { display:inline-flex; position:relative; max-width:100%; padding:.1578em 0; font-size:1.1875em; text-overflow:ellipsis; white-space:nowrap; transition:all .15s; }
.agrBoardList .tit b { overflow:hidden; flex-shrink:0; max-width:60%; text-overflow:ellipsis; white-space:nowrap; }
.agrBoardList .tit span { overflow:hidden; position:relative; margin-left:.5263em; padding-left:.5263em; text-overflow:ellipsis; white-space:nowrap; box-sizing:border-box; }
.agrBoardList .tit span::before { content:''; display:block; position:absolute; top:.1578em; left:0; width:1px; height:.7894em; background:#c6c8d0; }
.agrBoardList .info { font-size:.875em; color:#707070; font-weight:300; }
.agrBoardList .info span { display:inline-block; position:relative; margin-right:.4285em; padding-right:.4285em; }
.agrBoardList .info span::after { content:''; display:block; position:absolute; top:1px; right:0; width:.0714em; height:.8571em; background:#d5d7dd; }
.agrBoardList .info span:last-child::after { display:none; }
.agrBoardList a:focus .img,
.agrBoardList a:hover .img { border-color:#667de2; }
.agrBoardList a:focus .category span,
.agrBoardList a:hover .category span { background:#1a3ac5; border-color:#1a3ac5; color:#fff; }
.agrBoardList a:focus .tit,
.agrBoardList a:hover .tit { color:#1a3ac5; }
.agrBoardList a:focus .tit p::after,
.agrBoardList a:hover .tit p::after { content:''; display:block; position:absolute; bottom:0; left:0; width:100%; height:1px; background:#1a3ac5; }
/* 조회 */
.viewTit.agr { padding:1.3125em 1.875em; }
.agrViewCon { display:flex; align-items:flex-start; padding-top:4.375em; }
.agrViewCon .agrThumb { flex-shrink:0; position:relative; width:48.9552%; margin-right:5.3731%; background:#fafafa; border-radius:.5rem; box-sizing:border-box; }
.agrViewCon .agrThumb .img { overflow:hidden; position:relative; padding-top:68.5975%; }
.agrViewCon .agrThumb .img img { position:absolute; left:50%; top:50%; height:100%; max-width:none; transform:translate(-50%, -50%); }
.agrViewCon .agrThumb .btn { position:absolute; right:0; bottom:0; }
.agrViewCon .agrThumb .btn button { display:block; width:3.3125em; height:3.3125em; background-image:url(../images/sub/btn_agr_zoom.png); background-repeat:no-repeat; background-position:center; background-color:#fff; background-size:1.25em; border:1px solid #dcdcdc; box-sizing:border-box; border-radius:.5rem; text-indent:-9999px; transition:all .15s; }
.agrViewCon .agrThumb .btn button:focus,
.agrViewCon .agrThumb .btn button:hover { background-image:url(../images/sub/btn_agr_zoom_on.png); background-color:#1a3ac5; border-color:#1a3ac5; color:#fff; }
.agrViewCon .agrInfo .titArea { display:flex; justify-content:space-between; align-items:center; position:relative; padding:0 .25em; }
.agrViewCon .agrInfo .titArea h4 { display:flex; font-size:2.125em; }
.agrViewCon .agrInfo .titArea h4 span { position:relative; margin-left:.3235em; padding-left:.3529em; }
.agrViewCon .agrInfo .titArea h4 span::before { content:''; display:block; position:absolute; top:50%; left:0; width:1px; height:.7352em; margin-top:-.3676em; background:#dcdcdc; }
.agrViewCon .agrInfo .titArea .btnDown button { display:block; width:2.8125em; height:2.8125em; background-image:url(../images/sub/btn_agr_view_down.png); background-repeat:no-repeat; background-position:center; background-size:1.25em auto; border:1px solid #dcdcdc; box-sizing:border-box; border-radius:0.5rem; text-indent:-9999px; transition:all .15s; }
.agrViewCon .agrInfo .titArea .btnDown button:focus,
.agrViewCon .agrInfo .titArea .btnDown button:hover { background-image:url(../images/sub/btn_agr_view_down_on.png); background-color:#1a3ac5; border-color:#1a3ac5; color:#fff; }
.agrViewCon .agrInfo .txt { margin-top:1.7777em; padding:0 .2222em; font-size:1.125em; letter-spacing:-.01em; line-height:1.4; word-break:keep-all; }
.agrViewCon .agrInfo .category { margin-top:2.25em; }
.agrViewCon .agrInfo .category li { display:flex; padding:.7777em .2222em; font-size:1.125em; letter-spacing:-.025em; line-height:1.3; word-break:keep-all; }
.agrViewCon .agrInfo .category li .tit { position:relative; flex-shrink:0; padding-left:.5em; width:6.6666em; color:#112e8c; box-sizing:border-box; }
.agrViewCon .agrInfo .category li .tit::before { content:''; display:block; position:absolute; top:.5555em; left:0; width:.1666em; height:.1666em; background:#112e8c; border-radius:50%; }
.agrViewCon .agrInfo .addImg { display:flex; margin-top:3.4375em; }
.agrViewCon .agrInfo .addImg li { width:7.625em; height:4.875em; background:#fafafa; border:1px solid #dcdcdc; border-left:none; text-align:center; }
.agrViewCon .agrInfo .addImg li:first-child { border-left:1px solid #dcdcdc; }
.agrViewCon .agrInfo .addImg li img { width:100%; }
/* 다운로드 */
.agrItemList dl { margin-top:3.125em; }
.agrItemList dl:first-child { margin-top:0; }
.agrItemList dl dt { display:flex; justify-content:space-between; align-items:center; margin-bottom:1.3125em; }
.agrItemList dl dt p { font-size:1.1875em; font-weight:700; }
.agrItemList dl dt button { padding-left:1.5em; font-size:.875em; color:#6a6a6a; background-image:url(../images/sub/btn_agr_list_down.png); background-repeat:no-repeat; background-position:left center; background-size:auto 1em; }
.agrItemList dl dd ul { display:flex; flex-wrap:wrap; position:relative; }
.agrItemList dl dd ul::before,
.agrItemList dl dd ul::after { content:''; display:block; position:absolute; top:0; left:0; width:100%; height:1px; background:#dcdcdc; }
.agrItemList dl dd ul::after { top:auto; bottom:0; }
.agrItemList dl dd ul li { display:flex; align-items:center; width:12.5%; min-height:3.5625em; border:1px solid #dcdcdc; border-width:0 1px 1px 0; box-sizing:border-box; line-height:1.5625em; }
.agrItemList dl dd ul li:nth-child(8n) { border-right:none; }
.agrItemList dl dd ul li a,
.agrItemList dl dd ul li button { display:flex; align-items:center; width:100%; height:100%; padding:.9375em .9375em .9375em .6875em; box-sizing:border-box; transition:all .15s; }
.agrItemList dl dd ul li a:focus,
.agrItemList dl dd ul li a:hover,
.agrItemList dl dd ul li button:focus,
.agrItemList dl dd ul li button:hover { background:#f8f8f8; }
.agrItemList dl dd ul li i { flex-shrink:0; display:inline-block; vertical-align:middle; position:relative; width:1.4375em; height:1.4375em; background-image:url(../images/sub/btn_agr_list_down.png); background-repeat:no-repeat; background-size:.9375em auto; background-position:center; border-radius:50%; text-indent:-9999px; }
.agrItemList dl dd ul li a:focus i,
.agrItemList dl dd ul li a:hover i,
.agrItemList dl dd ul li button:focus i,
.agrItemList dl dd ul li button:hover i { background-color:#1a3ac5; background-image:url(../images/sub/btn_agr_list_down_on.png); background-size:auto .625em; }
.agrItemList dl dd ul li span { display:inline-block; vertical-align:middle; margin-left:.3529em; font-size:1.063em; text-align:left; }
.agrItemList dl dd ul li.off { padding:.9375em .9375em .9375em .6875em; }
.agrItemList dl dd ul li.off i { background-image:url(../images/sub/btn_agr_list_down_off.png); }
.agrItemList dl dd ul li.off span { margin-top:1px; color:#bababa; }
.agrItemBtn { display:flex; justify-content:center; align-items:center; margin-top:6.875em; }
.agrItemBtn li { margin:0 .3125em; }
.agrItemBtn li a { display:block; width:15.625em; padding:.8125em 2.25em .8125em 1.5em; background:url(../images/sub/btn_agr_list_down.png) no-repeat right 19px center; border:1px solid #dcdcdc; border-radius:.5rem; box-sizing:border-box; }
.agrItemBtn li a i { display:inline-block; vertical-align:middle; width:1.4375em; height:1.4375em; margin-right:.625em; background-repeat:no-repeat; background-size:100%; text-indent:-9999px; }
.agrItemBtn li a span { display:inline-block; font-size:1.063em; line-height:1.5; }
@media screen and (max-width:960px) { 
    /* imgZoomPop */
	#zoomArea { width:91.3888%; padding-top:2.2142em; }
	.imgZoomPop .zoomControl { top:0; bottom:auto; }
	.imgZoomPop .zoomControl button { padding:.2em .8em; font-size:.909em; }
	.imgZoomPop .btnZoomClose { top:0; bottom:auto; }
	.imgZoomPop .zoomSlideFor .slick-slide { height:62.2222vw; }
	.imgZoomPop .zoomSlideArea { margin-top:0; padding:0 2.4285em; max-width:none; }
	.imgZoomPop .zoomArrows button { width:2.4285em; background-size:.5em auto; }
	.imgZoomPop .zoomSlideNav .slick-slide { height:15.2777vw; }	  
    /* 농산물 검색 */
    .agrBoardList { margin:0 -.4545em; }
    .agrBoardList li { width:50%; margin-top:2.2727em; padding:0 .4545em; }
    .agrBoardList li:nth-child(-n+5) { margin-top:2.2727em; }
    .agrBoardList li:nth-child(-n+2) { margin-top:0; }
    .agrBoardList .img { padding-top:60.7142%; }
    .agrBoardList .category { margin-top:1.3636em; }
    .agrBoardList .category span { padding:.1em .6em; font-size:.909em; }
    .agrBoardList .tit { margin:.4545em 0 .5454em; }
    .agrBoardList .tit p { font-size:1.1818em; }
    .agrBoardList .tit span { margin-left:.3846em; padding-left:.3846em; }
    .agrBoardList .tit span::before { top:.0769em; height:1em; }
    .agrBoardList .info span { font-size:.8181em; }
    .agrBoardList .info span:nth-child(2),
    .agrBoardList .info span:nth-child(3) { display:none; }
    .agrBoardList .info span::after { display:none; }
	/* 조회 */
    .viewTit.agr { padding:0; }
    .viewTit.agr .viewInfo:first-child { border:none; }
    .agrViewCon { display:block; padding-top:3.1818em; }
    .agrViewCon .agrThumb { width:100%; margin:0 0 3.1818em; }
    .agrViewCon .agrInfo .titArea h4 { font-size:1.8181em; }
    .agrViewCon .agrInfo .titArea .btnDown { display:none; }
    .agrViewCon .agrInfo .txt { font-size:1.0909em; }
    .agrViewCon .agrInfo .category li { padding:.75em 0; font-size:1.0909em; }
    .agrViewCon .agrInfo .category li .tit { color:#112e8c; }
    .agrViewCon .agrInfo .addImg { justify-content:center; margin:1.8181em -.1818em 0; }
    .agrViewCon .agrInfo .addImg li { overflow:hidden; position:relative; width:33.33%; height:auto; margin:0 .1818em; padding-top:22.4137%; border-radius:.3636rem; border-left:1px solid #dcdcdc; }
    .agrViewCon .agrInfo .addImg li img { position:absolute; left:50%; top:50%; height:100%; max-width:none; min-width:100%; transform:translate(-50%, -50%); }
    /* 다운로드 */
    .agrItemList dl { margin-top:4.0909em; }
    .agrItemList dl dt { margin-bottom:2.2727em; }
    .agrItemList dl dt p { font-size:1.5454em; }
    .agrItemList dl dt button { font-size:1em; background-image:url(../images/sub/btn_agr_list_down_mo.png); }
    .agrItemList dl dd ul li { width:33.33%; }
    .agrItemList dl dd ul li:nth-child(3n) { border-right:none; }
    .agrItemList dl dd ul li:nth-child(8n) { border-right:1px solid #dcdcdc; }
    .agrItemList dl dd ul li i,
    .agrItemList dl dd ul li a:focus i,
    .agrItemList dl dd ul li a:hover i,
    .agrItemList dl dd ul li button:focus i,
    .agrItemList dl dd ul li button:hover i { width:1.0909em; height:1.1818em; background-color:transparent; background-image:url(../images/sub/btn_agr_list_down_mo.png); background-size:auto 1em; border-radius:0; }
    .agrItemList dl dd ul li span { margin-left:.3333em; font-size:1.0909em; }
    .agrItemList dl dd ul li.off i { background-image:url(../images/sub/btn_agr_list_down_off_mo.png); }
    .agrItemBtn { margin-top:4.0909em; }
    .agrItemBtn li a { width:auto; padding:.909em 1.2727em; background:none; }
    .agrItemBtn li a i { width:1.04545em; height:1.04545em; margin-right:.4545em; }
    .agrItemBtn li a span { font-size:1.0909em; }
    
} 

/* 07 농넷소개 */
.introWrap h4 { font-size:2.25em; }
.introWrap h4 br { display:none; }
.introWrap h4 span { display:inline-block; position:relative; }
.introWrap h4 span::before { content:''; display:block; position:absolute; bottom:.1111em; left:0; width:100%; height:.3611em; background:#a7f54c; z-index:-1; }
.introWrap .introArea { margin-top:3.75em; }
.introWrap h5 { margin-bottom:1.4166em; font-size:1.5em; }
.introWrap .listStyle li { position:relative; padding-left:.909em; font-size:1.375em; letter-spacing:-.025em; word-break:keep-all; line-height:1.5; }
.introWrap .listStyle li::before { content:''; display:block; position:absolute; top:.6363em; left:0; width:.2272em; height:.2272em; background:#000; border-radius:50%; }
.introWrap .listStyle li .sTxt { display:block; margin-top:.4705em; padding-left:1.1176em; font-size:.7727em; color:#616161; background:url(../images/sub/intro_stxt.png) no-repeat left .2941em; background-size:.8235em auto; }
.introWrap .listStyle li .blue { color:#1a3ac5; }
.introWrap .listStyle.his li { display:flex; margin-top:.1363em; }
.introWrap .listStyle.his li .date { flex-shrink:0; width:6.6363em; }
.introWrap .introImg { margin:5.9375em 0 6.25em; text-align:center; }
.introWrap .introImg dl { display:none; }
.introWrap .people { margin-top:3.125em; }
.introWrap .people ul { display:flex; flex-wrap:wrap; margin:0 -.5em; }
.introWrap .people ul li { width:25%; padding:0 .5em; box-sizing:border-box; }
.introWrap .people ul li .img { overflow:hidden; position:relative; margin-bottom:2.125em; padding-top:100%; background:#e6e8eb; border-radius:0.5rem; text-align:center; }
.introWrap .people ul li .img img { position:absolute; top:50%; left:50%; height:100%; transform:translate(-50%, -50%); }
.introWrap .people ul li .job { display:block; font-size:1.063em; letter-spacing:-.025em; color:#707070; }
.introWrap .people ul li .name { display:block; margin-top:.5882em; font-size:1.063em; letter-spacing:-.025em; }
@media screen and (max-width:960px) { 
	.introWrap h4 { font-size:2.0909em; }
	.introWrap h4 span::before { bottom:.0434em; height:.2608em; }
	.introWrap h4 br { display:block; }
	.introWrap .introArea { margin-top:3.6363em; }
	.introWrap h5 { margin-bottom:1.3333em; font-size:1.6363em; }
	.introWrap .listStyle li { padding-left:.5384em; font-size:1.1818em; }
	.introWrap .listStyle li br { display:none; }
	.introWrap .listStyle li::before { top:.5384em; width:.2307em; height:.2307em; }
	.introWrap .listStyle li .sTxt { margin-top:1.5454em; font-size:.8461em; }
	.introWrap .introImg { margin:4.5454em 0 6.3636em; }
	.introWrap .introImg img { margin-bottom:4.5454em; }
	.introWrap .introImg dl { display:block; margin-bottom:3.1818em; text-align:left; }
	.introWrap .introImg dl dt { margin-bottom:.7142em; font-size:1.2727em; font-weight:700; color:#247acf; }
	.introWrap .introImg dl dd ul li { position:relative; padding-left:.5em; font-size:1.0909em; letter-spacing:-.025em; line-height:1.4; }
	.introWrap .introImg dl dd ul li::before { content:''; display:block; position:absolute; top:.5em; left:0; width:.1666em; height:.1666em; background:#000; border-radius:50%; }
	.introWrap .people ul li { width:50%; margin-top:2.2727em; }
	.introWrap .people ul li:nth-child(-n+2) { margin:0; }
	.introWrap .people ul li .img { margin-bottom:1em; }
	.introWrap .people ul li .job { font-size:.909em; }
	.introWrap .people ul li .name { margin-top:.3076em; font-size:1.1818em; }
}

/* 07 카드뉴스 */
.cardList { display:flex; flex-wrap:wrap; margin:0 -.625em; }
.cardList li { width:25%; margin-top:1.25em; padding:0 .625em; box-sizing:border-box; }
.cardList li:nth-child(-n+4) { margin-top:0; }
.cardList li a { display:block; position:relative; padding:2.3125em 9.836% 10.125em; border:1px solid #dcdcdc; border-radius:.5rem; box-sizing:border-box; transition:all .15s; background-repeat:no-repeat; background-position:right bottom; background-size:cover; }
.cardList li a:focus,
.cardList li a:hover { border-color:#1a3ac5; box-shadow:0 20px 24px 0 rgba(0, 0, 0, 0.12); }
.cardList li .type { margin-bottom:1.8666em; font-size:.9375em; font-weight:300; }
.cardList li .tit { overflow:hidden; font-size:1.1875em; font-weight:500; line-height:1.3; height:2.6em; word-break:keep-all; }
.cardList li .writer { position:relative; margin-top:.9285em; font-size:.875em; color:#8e8e8f; }
.cardList li .writer span { position:relative; padding-right:.2857em; margin-right:.2857em; }
.cardList li .writer span::after { content:'·'; display:block; position:absolute; top:.0714em; right:-.1428em; }
.cardList li .writer span:last-child::after { display:none; }
.cardList li .card1 { background-image:url(../images/board/card_bg1.jpg); }
.cardList li .card1 .type { color:#58266d; }
.cardList li .card2 { background-image:url(../images/board/card_bg2.jpg); }
.cardList li .card2 .type { color:#c26316; }
.cardList li .card3 { background-image:url(../images/board/card_bg3.jpg); }
.cardList li .card3 .type { color:#8e7a0d; }
.cardList li .card4 { background-image:url(../images/board/card_bg4.jpg); }
.cardList li .card4 .type { color:#7d2e55; }
.cardList li .card5 { background-image:url(../images/board/card_bg5.jpg); }
.cardList li .card5 .type { color:#053a7b; }
.cardList li .card6 { background-image:url(../images/board/card_bg6.jpg); }
.cardList li .card6 .type { color:#057b48; }
.cardList li .card7 { background-image:url(../images/board/card_bg7.jpg); }
.cardList li .card7 .type { color:#9e1b28; }
.cardList li .card8 { background-image:url(../images/board/card_bg8.jpg); }
.cardList li .card8 .type { color:#2b8f9b; }
@media screen and (max-width:960px) { 
	.cardList { margin:0 -.4545em; }
    .cardList li { width:50%; margin:0; padding:0.4545em; }
    .cardList li a { padding:1.3636em 1.3636em 5.7272em; }
    .cardList li .type { margin-bottom:.6em; font-size:.909em; }
    .cardList li .tit { font-size:1.1818em; }
    .cardList li .writer { font-size:.909em; }
}

/* 08 수급보고서 */
.trendReport .tableStyle th:first-child, 
.trendReport .tableStyle td:first-child { border-left:none; }
.trendReport .tableStyle th { width:12.3529em; padding:.5882em .2941em; }
.trendReport .tableStyle td { padding:.8235em 2.3529em; text-align:left; }
.trendReport .tableStyle td input[type="text"] { width:100%; height:3rem; padding:0 .9375rem; border:1px solid #dcdcdc; border-radius:.25rem; box-sizing:border-box; transition:all .15s; }
.trendReport .tableStyle td input[type="text"]::placeholder { color:#cecece; }
.trendReport .tableStyle td input[type="text"]:focus { border-color:#000; }
.trendReport .tableStyle td .optSelect .buttonSelect { width:20em; }
.trendReport .tableStyle td .optSelect .buttonSelect button { height:3rem; padding:0 2.5rem 0 .9375rem; border:1px solid #dcdcdc; border-radius:.25rem; box-sizing:border-box; }
.trendReport .tableStyle td .optSelect .buttonSelect button::after { right:.9375rem; }
.trendReport .tableStyle td .optSelect .selectList { width:100%; }
.trendReport .tableStyle td .optDate input { width:12.9411em; padding:0 0 0 2.647em; background-image:url(../images/sub/icon_calrendar.png); background-repeat:no-repeat; background-position:.9375rem center; background-size:1.1764em auto; }
.trendReport .tableStyle .optList { padding:0; }
.trendReport .tableStyle .optList .checkList { padding:.3529em 2.3529em 1.1764em; border-top:1px solid #dcdcdc; }
.trendReport .tableStyle .optList .checkList:first-child { border-top:none; }
.trendReport .tableStyle .optList .checkList li { width:10.1176em; margin-top:.875rem; }
.trendReport .tableStyle .optList .checkList li input[type="checkbox"] + label { margin-right:0; letter-spacing:-.05em; }
@media screen and (max-width:960px) { 
    .trendReport .tableStyle th { width:6.666em; padding:1.25em 0; font-size:1.0909em; }
    .trendReport .tableStyle td { padding:1em; }
    .trendReport .tableStyle td input[type="text"] { height:3.75em; font-size:1.0909rem; }
    .trendReport .tableStyle td .optSelect .buttonSelect { width:100%; }
    .trendReport .tableStyle td .optSelect .buttonSelect button { height:3.75em; font-size:1.0909rem; }
	.trendReport .tableStyle td .optDate input { width:100%; padding-left:3.3333em; background-image:url(../images/sub/icon_calrendar_mo.png); background-size:1.5833em auto; }
    .trendReport .tableStyle .optList .checkList { display:block; padding:.5em 1em 1em; }
    .trendReport .tableStyle .optList .checkList li { width:100%; margin-top:.5em; }
}

/* 09 모니터 보고서 */
.monitorTable th,
.monitorTable td { padding:1em .5882em; vertical-align:middle; background:#fff; border:1px solid #dcdcdc; border-right:none; font-size:1.063em; font-weight:400; line-height:1.3; text-align:center; box-sizing:border-box; }
.monitorTable th { color:#353535; letter-spacing:-.05em; }
.monitorTable tbody th { color:#6b6b6b; letter-spacing:0; }
.monitorTable tbody th,
.monitorTable td { padding:.8823em .5882em; word-break:keep-all; }
.monitorTable th:first-child,
.monitorTable td:first-child { border-left:none; }
.monitorTable .t1 { width:15%; }
.monitorTable .t2 { width:12%; }
.monitorTable .t3 { width:auto; }
.monitorTable .t4 { width:13%; }
.monitorTable .t5 { width:13%; }
.monitorTable .t6 { width:12%; }
.monitorTable .t7 { width:13%; }
.monitorTable td a,
.monitorTable td button { display:inline-block; padding:.3529em 1.0588em; color:#1a3ac3; border:1px solid #1a3ac3; border-radius:2em; transition:all .15s; }
.monitorTable td a:focus,
.monitorTable td a:hover,
.monitorTable td button:focus,
.monitorTable td button:hover { background:#1a3ac3; color:#fff; }
.monitorTable .noData { padding:5em .2941em; }
@media screen and (max-width:960px) { 
	.monitorTable { display:block; border-top:1px solid #a8a8a8; }
	.monitorTable colgroup { display:none; }
    .monitorTable,
    .monitorTable thead,
    .monitorTable tbody { display:block; }
    .monitorTable tr,
    .monitorTable th,
    .monitorTable td { display:flex; box-sizing:border-box; }
	.monitorTable tr { flex-wrap:wrap; align-items:center; border-bottom:1px solid #a8a8a8; }	
    .monitorTable th,
    .monitorTable td { font-size:1em; padding:1em .4545em; border:none; text-align:left; letter-spacing:-.06em; }    
    .monitorTable thead th,
    .monitorTable td { flex-shrink:0; }
    .monitorTable thead th.t1,
    .monitorTable thead th.t2,
    .monitorTable thead th.t3,
    .monitorTable td.t1,
    .monitorTable td.t2,
    .monitorTable td.t3 { border-bottom:1px solid #dcdcdc; }
    .monitorTable .t1,
    .monitorTable .t4 { width:30%; }
    .monitorTable .t2,
    .monitorTable .t5 { width:26%; }
    .monitorTable .t3 { width:44%; }
    .monitorTable .t6,
    .monitorTable .t7 { width:22%; }
}

/* 팝업 */
.windowPopup { padding:0; }
.winContainer { padding:2em; }
.winContainer .itemTit { margin-bottom:1.75em; font-size:2.5em; font-weight:700; text-align:center; }
.winContainer .tabBtn { margin-bottom:3.125em}
.winContainer .tabBtn li { width:9.0625em; }
.winContainer .tableStyle th:first-child,
.winContainer .tableStyle td:first-child { border-left:none; }
.winContainer .tableStyle th { padding:.5882em .2941em; }
.winContainer .tableStyle td { padding:.5882em; }
.winContainer .tableStyle td input[type="text"] { width:100%; height:3rem; padding:0 .9375rem; font-size:1.063em; border:1px solid #dcdcdc; border-radius:.25rem; box-sizing:border-box; transition:all .15s; text-align:center; }
.winContainer .tableStyle td input[type="text"]::placeholder { color:#cecece; }
.winContainer .tableStyle td input[type="text"]:focus { border-color:#000; }
.winContainer .btnMoreTable + .boardBtn { margin-top:3.125em; }
.winContainer .modifyBox { margin-top:4.375em; }
.winContainer .tableStyle td .tBtn { display:inline-block; padding:.3529em 1.0588em; color:#1a3ac3; border:1px solid #1a3ac3; border-radius:2em; transition:all .15s; }
.winContainer .tableStyle td .tBtn:focus,
.winContainer .tableStyle td .tBtn:hover { background:#1a3ac3; color:#fff; }
.winContainer .tableStyle td .tBtn span { position:relative; padding-left:1.4666em; font-size:.8823em; background-repeat:no-repeat; background-position:left center; }
.winContainer .tableStyle td .tBtn span.modify { background-image:url(../images/sub/icon_table_modify.png); background-size:1rem auto; }
.winContainer .tableStyle td .tBtn span.delete { background-image:url(../images/sub/icon_table_delete.png); background-size:.8125rem; }
.winContainer .tableStyle td .tBtn:focus span.modify,
.winContainer .tableStyle td .tBtn:hover span.modify { background-image:url(../images/sub/icon_table_modify_on.png); }
.winContainer .tableStyle td .tBtn:focus span.delete,
.winContainer .tableStyle td .tBtn:hover span.delete { background-image:url(../images/sub/icon_table_delete_on.png); }
.winContainer .writeTit { margin:2em 0 1em; font-size:1.25em; font-weight:700; letter-spacing:-.025em; }
.winContainer .tableStyle .dateItem { display:flex; align-items:center; position:relative; }
.winContainer .tableStyle .dateItem input { padding-left:2.4705em; background:url(../images/sub/icon_calrendar.png) no-repeat left .625em center; background-size:1.1764em auto; text-align:left; }
.winContainer .tableStyle .dateItem .tilde { margin:0 .625em; }
.winContainer .tableStyle .buttonSelect button { overflow:hidden; display:block; width:100%; min-width:6.25rem; height:3rem; padding:0 1.5625rem 0 .9375rem; border:1px solid #dcdcdc; border-radius:0.25rem; box-sizing:border-box; white-space:nowrap; text-overflow:ellipsis; }
.winContainer .tableStyle .buttonSelect button::after { right:.5rem; }
.winContainer .tableStyle .buttonSelect .selectList { width:100%; }
.winContainer .tableStyle .buttonSelect .selectList ul li { text-align:left; }
.winContainer .tableStyle .profit { display:flex; align-items:center; }
.winContainer .tableStyle .profit span,
.winContainer .tableStyle .profit .buttonSelect { margin-left:.2352em; }
.winContainer .tableStyle .profit.type2 input[type="text"] { width:20%; }
.winContainer .tableStyle .editor textarea { width:100%; height:100%; padding:.9375rem; border:1px solid #dcdcdc; resize:none; font-size:1.063em; border-radius:.25rem; transition:all .15s; }
.winContainer .tableStyle .editor textarea::-webkit-scrollbar { display:none; }
.winContainer .tableStyle .editor textarea::placeholder { color:#cecece; }
.winContainer .tableStyle .editor textarea:focus { border-color:#000; }
.winContainer .tableStyle ul.fileList li { overflow:hidden; display:flex; align-items:center; padding:.3125em 0; }
.winContainer .tableStyle ul.fileList li .fileArea { position:relative; flex-grow:1; }
.winContainer .tableStyle ul.fileList li .fileArea input[type="file"] { position:absolute; left:0; top:0; width:100%; height:3rem; padding:0 1.875rem; font-size:1.063em; box-sizing:border-box; opacity:0; }
.winContainer .tableStyle ul.fileList li .fileArea span { display:block; }
.winContainer .tableStyle ul.fileList li .fileArea span input { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.winContainer .tableStyle ul.fileList li .txt { flex-grow:1; padding:.8125em 0.9375em; border:1px solid #dcdcdc; border-radius:.25em; box-sizing:border-box; }
.winContainer .tableStyle ul.fileList li .txt span { font-size:1.063em; }
.winContainer .tableStyle ul.fileList li .btn { margin-left:.625em; }
.winContainer .tableStyle ul.fileList li .btn .delBtn { position:relative; }
.winContainer .tableStyle ul.fileList li .btn .delBtn input { overflow:hidden; position:absolute; left:-10000px; width:1px; height:1px; }
.winContainer .tableStyle ul.fileList li .btn .delBtn label { display:inline-block; cursor:pointer; position:relative; width:3em; height:3em; border:1px solid #dcdcdc; border-radius:.25em; text-indent:-9999px; box-sizing:border-box; transition:all .15s; }
.winContainer .tableStyle ul.fileList li .btn .delBtn label::before,
.winContainer .tableStyle ul.fileList li .btn .delBtn label::after { content:''; position:absolute; left:50%; top:50%; width:1.063em; height:1px; margin-top:-1px; margin-left:-.46875em; background:#000; transform:rotate(45deg); }
.winContainer .tableStyle ul.fileList li .btn .delBtn label::after { transform:rotate(135deg); }
.winContainer .tableStyle ul.fileList li .btn .delBtn input:checked + label { background:#1a3ac5; border-color:#1a3ac5; }
.winContainer .tableStyle ul.fileList li .btn .delBtn input:checked + label::before,
.winContainer .tableStyle ul.fileList li .btn .delBtn input:checked + label::after { background:#fff; }
.winContainer .tableStyle ul.fileList li .btn button { overflow:hidden; position:relative; width:3em; height:3em; border:1px solid #dcdcdc; border-radius:.25em; text-indent:-9999px; box-sizing:border-box; }
.winContainer .tableStyle ul.fileList li .label { margin-left:.625em; }
.winContainer .tableStyle ul.fileList li .label label { position:relative; display:flex; align-items:center; justify-content:center; width:100%; height:3rem; padding:0 .7647em; font-size:1.063em; border:1px solid #2544c8; border-radius:0.25rem; box-sizing:border-box; color:#2544c8; cursor:pointer; }
.winContainer .tableStyle ul.fileList li .label label span { padding-left:1.4117em; background:url(../images/board/icon_attach.png) no-repeat left center; background-size:.9411em auto; }

/* 통합검색 */ 
.tabFix { display:none; position:fixed; top:50%; left:50%; width:100%; max-width:1340px; transform:translateX(-50%); z-index:10; }
.tabFix .tabList2 { position:absolute; top:-13.25em; right:-8.125em; margin:0; }
.tabFix .tabList2 ul { display:block; margin:-.375em 0; }
.tabFix .tabList2 ul li { margin:.375em 0; }
.tabFix .tabList2 ul li a { display:flex; align-items:center; justify-content:center; position:relative; width:5em; height:5em; padding:0; font-size:1em; text-align:center; border-radius:50%; }
.tabFix .tabList2 ul li a::before { content:''; display:block; position:absolute; top:50%; left:.125em; width:.75em; height:.75em; margin-top:-.375em; background:#1a3ac5; transform:rotate(45deg); transition:left .15s; z-index:-1; }
.tabFix .tabList2 ul li a:hover, 
.tabFix .tabList2 ul li a:focus { background:#e1e1e3; }
.tabFix .tabList2 ul li.active a { background:#1a3ac5; color:#fff; }
.tabFix .tabList2 ul li.active a::before { left:-.3125em; }
.tabFix .tabList2 ul li a .moNone { display:block; font-style:normal; }
.totalSearchCon { margin-bottom:4.375em; padding-bottom:4.375em; }
.totalSearchCon:last-child { margin-bottom:0; padding-bottom:0; border:none; }
.totalSearchTop { display:flex; align-items:center; justify-content:center; padding:.625em 0 6.25em; }
.totalSearchTop .img { overflow:hidden; position:relative; flex-shrink:0; width:6.25em; height:6.25em; margin-right:1.75em; border-radius:50%; }
.totalSearchTop .img img { position:absolute; left:50%; top:50%; width:100%; transform:translate(-50%, -50%); }
.totalSearchTop .tit { font-size:2.25em; font-weight:700; line-height:1.5; }
.totalSearchTop .tit strong { position:relative; margin-right:.2777em; padding:0 .2777em; color:#1a3ac5; }
.totalSearchTop .tit strong::before, 
.totalSearchTop .tit strong::after { content:'‘'; position:absolute; top:.0833em; left:0; line-height:1; }
.totalSearchTop .tit strong::after { content:'’'; left:auto; right:0; }
.totalSearchTop .tit em { color:#1a3ac5; }
.totalSearchCon h3 { position:relative; margin-bottom:4.375rem; font-size:2.125em; line-height:1; }
.totalSearchCon h3.blind { margin-bottom:0; }
.totalSearchCon h3::before { content:''; display:block; position:absolute; top:50%; left:0; width:100%; height:1px; background:#dcdcdc; z-index:-1; }
.totalSearchCon h3 span { padding-right:.9375rem; background:#fff; }
.searchWrap { margin-top:6.875em; }
.totalSearchCon h3 + .searchWrap { margin-top:0; }
.searchWrap .dataTit { display:flex; justify-content:space-between; align-items:center; }
.searchWrap .dataTit h4 { font-weight:400; }
.searchWrap .dataTit .btnMore a { display:block; position:relative; padding:.15em 1.1em .15em .15em; font-size:1.25em; font-weight:700; color:#062aca; letter-spacing:-.025em; background-image:url(../images/sub/btn_total_more.png); background-repeat:no-repeat; background-position:right 1px center; background-size:.4em auto; }
.searchWrap .dataTit .btnMore a::after { content:''; position:absolute; left:0; bottom:0; width:0; height:1px; } 
.searchWrap .dataTit .btnMore a:focus::after,
.searchWrap .dataTit .btnMore a:hover::after { width:100%; background:#1a3ac5; transition:all linear .2s; }
.searchWrap .dataArea .dataTop { margin-bottom:0; }
.searchWrap .dataArea .dataTop .topTit { margin-bottom:3.125rem; padding:0; }
.searchWrap .dataArea .dataTop .tabBtn,
.searchWrap .dataArea .dataTop .tabBtnStyle { margin-bottom:4.375em; }
.searchWrap .dataArea .dataTop.total { display:flex; justify-content:space-between; align-items:center; margin-bottom:1.875em; }
.searchWrap .dataArea .dataTop.total .topTit,
.searchWrap .dataArea .dataTop.total .tabBtnStyle { margin-bottom:0; }
/* 통합검색 - 품목 */
/* 가격정보 */
.unitChange .txt { display:inline-block; vertical-align:middle; font-size:1.063em; letter-spacing:-.025em; }
.unitChange .btn { overflow:hidden; display:inline-block; position:relative; vertical-align:middle; margin-left:.375em; }
.unitChange .btn input { overflow:hidden; position:absolute; left:0; top:0; width:1px; height:1px; margin-left:-9999px; }
.unitChange .btn label { display:block; position:relative; width:2.8125rem; font-size:.8125em; line-height:1.5625rem; background:#a4a4a4; border-radius:2em; font-weight:700; text-align:center; color:#fff; cursor:pointer; transition:all .15s; }
.unitChange .btn label::after { content:'OFF'; }
.unitChange .btn input:checked + label { background:#1a3ac5; }
.unitChange .btn input:checked + label::after { content:'ON'; }
.compSetting { float:right; }
.compSetting ul { overflow:hidden; display:inline-flex; background:#f2f2f3; border:1px solid #dcdcdc; border-radius:.5em; box-sizing:border-box; }
.compSetting ul li { overflow:hidden; position:relative; border-left:1px solid #dcdcdc; }
.compSetting ul li:first-child { border-left:none; }
.compSetting ul li input { overflow:hidden; position:absolute; left:0; top:0; width:1px; height:1px; margin-left:-9999px; }
.compSetting ul li label { display:block; position:relative; width:7.375em; letter-spacing:-.025em; line-height:2.5em; text-align:center; cursor:pointer; z-index:1; }
.compSetting ul li input:checked + label { background:#fff; font-weight:700; color:#000; transition:all .15s; }
.compSetting.type2 ul { background:linear-gradient(90deg, rgba(2,112,235,1) 0%, rgba(3,164,158,1) 50%, rgba(0,199,108,1) 100%); border-color:#04a79b; border-radius:2em; }
.compSetting.type2 ul li { border:none; border-radius:2em; }
.compSetting.type2 ul li label { width:7.0625em; color:#fff; }
.compSetting.type2 ul li input:checked + label { font-weight:500; color:#010206; }
.totalScPrice { margin-bottom:5em; }
.totalSlide { margin:0 -.5625em; }
.totalSlide .slick-track,
.totalSlide2 .slick-track { display:flex; }
.totalSlide .slick-list,
.totalSlide2 .slick-list { overflow:visible; }
.totalScPrice .item { float:none; flex:1; padding:0 .5625em; cursor:pointer; }
.totalScPrice .item .inner { position:relative; padding:2.625em 13.3858%; background:#f6f6f6; border:1px solid transparent; border-radius:.5rem; box-sizing:border-box; transition:all .15s; }
.totalScPrice .item:focus .inner,
.totalScPrice .item:hover .inner { background:#ededed; }
.totalScPrice .item.active .inner { background:#fff; border-color:#c6c6c6; box-shadow:0px 24px 24px 0px rgba(0, 0, 0, 0.08); }
.totalScPrice .item.active .inner::before { content:''; display:block; position:absolute; bottom:-.875em; left:50%; width:1.625em; height:.9375em; margin-left:-.8125em; background-image:url(../images/sub/icon_total_arrow.png); background-repeat:no-repeat; background-size:100%; }
.totalScPrice .item .tit { margin-bottom:1.6666em; font-size:1.125em; font-weight:700; letter-spacing:-.05em; }
.totalScPrice .item .price .won { margin-bottom:.5em; letter-spacing:-.05em; }
.totalScPrice .item .price .won strong { font-size:1.875em; }
.totalScPrice .item .price .won span { margin-left:.1428em; font-size:1.75em; font-weight:300; }
.totalScPrice .item .price .txt { font-size:.9375em; color:#636363; }
.totalScPrice .item .price .comp { margin:1.25em 0 .375em; letter-spacing:-.025em; }
.totalScPrice .item .price .comp .diffe { margin:0 .375em; }
.totalScPrice .item .price .comp .arrowsCol i::after { width:1em; }
.totalScPrice .item .price .txt2 { color:#545454; }
.totalScPrice .item .logo { margin-top:2.125em; }
.totalScPrice .item .logo .img img { height:1.5em; }
.totalScPrice .item .logo .date { margin-top:.75em; letter-spacing:-.05em; color:#545454; }
.toggleExCon { margin-top:4.375em; padding:1.8125em 2.625em 1.8125em 3.125em; background:#fafafa; border-radius:0.5rem; box-sizing:border-box; }
.toggleExCon .btnToggle button { display:flex; justify-content:space-between; align-items:center; width:100%; }
.toggleExCon .btnToggle .tit { padding-left:1.7em; font-size:1.25em; line-height:1.3; letter-spacing:-.025em; background:url(../images/sub/ico_info.png) no-repeat left center; background-size:1.5625rem; box-sizing:border-box; }
.toggleExCon .btnToggle .btn { position:relative; padding:.7em 2.2666em .7em 1.0666em; font-size:.9375em; letter-spacing:-.025em; border:1px solid #dddddd; border-radius:.5rem; box-sizing:border-box; }
.toggleExCon .btnToggle .btn::after { content:'열기'; }
.toggleExCon .btnToggle .btn i { display:inline-block; position:absolute; top:50%; right:1em; width:.8666em; height:.8666em; margin-top:-1px; }
.toggleExCon .btnToggle .btn i::before,
.toggleExCon .btnToggle .btn i::after { content:''; display:block; position:absolute; top:0; left:0; width:100%; height:1px; background:#000; transition:all .2s; }
.toggleExCon .btnToggle .btn i::after { transform:rotate(90deg); }
.toggleExCon .btnToggle.active .btn::after { content:'닫기'; }
.toggleExCon .btnToggle.active .btn i::before,
.toggleExCon .btnToggle.active .btn i::after { left:.1333em; width:.6em; }
.toggleExCon .btnToggle.active .btn i::after { transform:none; }
.toggleExCon .toggleCon { display:none; }
.toggleExCon .toggleCon p { margin-top:.875em; line-height:1.6; color:#434343; letter-spacing:-.025em; }
.searchWrap .dataChart .tableUnit { margin-top:-1.25rem; }
/* 반입량 */
.searchWrap .dataChart .tableStyle .link { display:inline-block; position:relative; z-index:1; }
.searchWrap .dataChart .tableStyle .link::before { content:''; display:block; position:absolute; top:50%; left:50%; width:100%; height:100%; padding:.25em 1em; background:#eee; border-radius:2em; transition:all .15s; transform:translate(-50%, -50%); z-index:-1; }
.searchWrap .dataChart .tableStyle .link:focus,
.searchWrap .dataChart .tableStyle .link:hover { color:#fff; }
.searchWrap .dataChart .tableStyle .link:focus::before,
.searchWrap .dataChart .tableStyle .link:hover::before { background:#1a3ac5; }
/* 생산량 */
.searchWrap .sanjiView .sanjiList { padding-bottom:0; border:none; }
.searchWrap .sanjiView .sanjiList .item ul { width:54.7912%; }
.searchWrap .sanjiView .sanjiList .item .thumb { width:45.2088%; padding-top:27.027%; }
/* 소비 트렌드 */
.halfCon.totalSc { flex-wrap:wrap; }
.halfCon.totalSc .leftCon,
.halfCon.totalSc .rightCon { width:47.4198%; padding:0; }
.halfCon.totalSc .leftCon2,
.halfCon.totalSc .rightCon2 { width:49.2307%; padding:0; }
.halfCon.totalSc .fullCon { width:100%; }
.halfCon.totalSc .rightCon + .fullCon,
.halfCon.totalSc .rightCon2 + .fullCon { margin-top:3.125em; }
.searchWrap .dataChart .chartTxt { margin-top:1.7647em; font-size:1.063em; font-weight:500; letter-spacing:-.025em; text-align:center; }
.searchWrap .dataChart .chartTxt strong { color:#1a3ac5; }
/* 수출입 */
.exportLegend { display:flex; align-items:center; justify-content:flex-end; margin-bottom:3.125em; }
.exportLegend li { margin-left:1.5625em; }
.exportLegend li i { display:inline-block; vertical-align:middle; width:1.063em; height:1.063em; margin-right:.5em; border-radius:50%; }
.exportLegend li i.bg1 { background:#009876; }
.exportLegend li i.bg2 { background:#50d492; }
.exportLegend li i.bg3 { background:#00318f; }
.exportLegend li i.bg4 { background:#4686ff; }
.exportLegend li span { display:inline-block; vertical-align:middle; font-size:1.125em; color:#545454; }
/* 아카이브 */
.searchWrap .anaReportList li { width:50%; }
.searchWrap .halfCon.totalSc .fullCon .anaReportList li { width:25%; }
.gradeReportList { display:flex; flex-wrap:wrap; margin:0 -.625em; }
.gradeReportList li { width:25%; padding:0 .625em; box-sizing:border-box; }
.gradeReportList li a { overflow:hidden; display:block; position:relative; border:1px solid #dcdcdc; border-radius:0.5rem; box-sizing:border-box; transition:all .15s; }
.gradeReportList li a:focus,
.gradeReportList li a:hover { border-color:#1a3ac5; box-shadow:0 20px 24px 0 rgba(0, 0, 0, 0.12); }
.gradeReportList li .type { position:absolute; top:1.875em; left:8.2524%; width:3.8em; padding:.35em 0; font-size:1.25em; font-weight:500; text-align:center; background:#f7f7f7; border-radius:2em; z-index:1; }
.gradeReportList li .img { overflow:hidden; position:relative; padding-top:78.9473%; }
.gradeReportList li .img img { position:absolute; left:50%; top:50%; max-width:none; min-width:100%; height:100%; transform:translate(-50%, -50%); }
.searchWrap .agrBoardList li { width:25%; }
.searchRelation { margin-top:6.875em; } 
.searchRelation .item { margin-top:4.375em; }
.searchRelation .item:first-child { margin-top:0; }
.searchRelation .item h5 { margin-bottom:1.6071em; font-size:1.75em; letter-spacing:-.025em; }
.searchRelation .item .list { display:flex; flex-wrap:wrap; }
.searchRelation .item .list li { margin:.3125em; }
.searchRelation .item .list li a { display:block; padding:.6875em 1.25em; background:#eee; border-radius:2em; transition:all .15s; }
.searchRelation .item .list li a:hover,
.searchRelation .item .list li a:focus { background:#1a3ac5; color:#fff; }
.searchRelation .item .list li a span { letter-spacing:-.025em; }
@media screen and (max-width:960px) { 
	.tabList2.total { display:none; }
	.tabFix { display:block !important; top:8.4545em; left:0; transform:none; }
	.tabFix .tabList2 { position:static; background:#f6f6f6; }
	.tabFix .tabList2 ul { display:flex; margin:0; }
	.tabFix .tabList2 ul li { flex:1; margin:0; }
	.tabFix .tabList2 ul li a { width:100%; height:3.5714em; font-size:1.2727em; background:none; border-radius:.5rem; }
	.tabFix .tabList2 ul li a::before { top:auto; bottom:.2em; width:.7em; height:.7em; margin-top:-.35em; margin-left:-.35em; transition:none; }
	.tabFix .tabList2 ul li a:hover, 
	.tabFix .tabList2 ul li a:focus { background:none; }
	.tabFix .tabList2 ul li.active a { background:#1a3ac5; }
	.tabFix .tabList2 ul li.active a::before { left:50%; bottom:-.3em; }
	.tabFix .tabList2 ul li a br,
	.tabFix .tabList2 ul li a .moNone { display:none; }
	.totalSearchCon { margin-bottom:3.8181em; padding-bottom:3.8181em; }
	.totalSearchTop { padding:5em 0 3.2727em; }
	.totalSearchTop .img { width:7.5454em; height:7.5454em; margin-right:1.7272em; }
	.totalSearchTop .tit { font-size:1.8181em; letter-spacing:-.01em; }	
	.totalSearchCon h3 { font-size:2.0909em; margin-bottom:1.9565em; }
	.searchWrap { margin-top:6em; }
	.searchWrap .dataTit { display:block; }	
	.searchWrap .dataTit .btnMore a { display:inline-block; padding:0 1.0769em 0 0; font-size:1.1818em; background-image:url(../images/sub/btn_total_more_mo.png); background-size:auto .6923em; }
	.searchWrap .dataTit .btnMore a::after,
	.searchWrap .dataTit .btnMore a:focus::after,
	.searchWrap .dataTit .btnMore a:hover::after { display:none; }
	.searchWrap .dataArea .dataTop .topTit { margin-bottom:3.1818rem; }
	.searchWrap .dataArea .dataTop .tabBtn,
	.searchWrap .dataArea .dataTop .tabBtnStyle { width:100%; margin-bottom:3.2727em; }		
	.searchWrap .dataArea .dataTop .tabBtnStyle li { flex:1; }
	.searchWrap .dataArea .dataTop.total { display:block; margin-bottom:0; }
	.searchWrap .dataArea .dataTop.total .topTit { margin-bottom:1.8181rem; }
	.searchWrap .dataArea .dataTop.total .tabBtnStyle { margin-bottom:3.2727em; }
    /* 통합검색 - 품목 */
    /* 가격정보 */
	.compSetting { float:none; }
	.compSetting ul { width:100%; }
	.compSetting ul li { flex:1; }
	.compSetting ul li label { width:100%; font-size:1.0909em; line-height:3em; }
	.compSetting.type2 ul li label { width:100%; font-weight:700; }
	.tabBtnStyle + .compSetting { margin:-1.8181em 0 3.2727em; }
	.totalScPrice { margin-bottom:4em; }
	.totalSlide { margin:0 -.4545em; }
	.totalSlide .slick-track,
	.totalSlide2 .slick-track { display:block; }
	.totalSlide .slick-list,
	.totalSlide2 .slick-list { overflow:hidden; padding-bottom:2.7272em; }
	.totalSlide .slick-dots,
	.totalSlide2 .slick-dots { display:flex; justify-content:center; }
	.totalSlide .slick-dots li,
	.totalSlide2 .slick-dots li { margin:0 .1818em; }
	.totalSlide .slick-dots li button,
	.totalSlide2 .slick-dots li button { width:2.1818em; height:.1818em; text-indent:-9999px; background:#e3e3e3; transition:all .15s; }
	.totalSlide .slick-dots li.slick-active button,
	.totalSlide2 .slick-dots li.slick-active button { height:.3636em; background:#1a3ac5; }
	.totalScPrice .item { float:left; padding:0 .4545em; }
	.totalScPrice .item .inner { padding:2em 1.6363em; }
	.totalScPrice .item.active .inner { box-shadow:0 14px 12px 0 rgba(0, 0, 0, 0.08); }
	.totalScPrice .item.active .inner::before { bottom:-.8181em; width:1.4545em; height:.8181em; margin-left:-.72725em; background-image:url(../images/sub/icon_total_arrow_mo.png); }
	.totalScPrice .item .tit { margin-bottom:.6666em; font-size:1.0909em; }
	.totalScPrice .item .price .won { margin-bottom:.1818em; }
	.totalScPrice .item .price .won strong { font-size:2em; }
	.totalScPrice .item .price .won span { font-size:1.7272em; }
	.totalScPrice .item .price .txt { font-size:.909em; }
	.totalScPrice .item .price .comp { margin-top:1.5833em; font-size:1.0909em; }
	.totalScPrice .item .price .comp .compTxt { display:block; margin-bottom:.25em; }
	.totalScPrice .item .price .comp .diffe { margin-left:0; }
	.totalScPrice .item .price .txt2 { font-size:1.0909em; }
	.totalScPrice .item .logo .img img { height:1.1818em; }
	.totalScPrice .item .logo .date { font-size:1.0909em; }
	.toggleExCon { margin-top:3.1818em; padding:2.2727em; }
	.toggleExCon .btnToggle .tit { padding-left:1.5em; font-size:1.0909em; line-height:1.2; background-size:1.1363rem; }
	.toggleExCon .btnToggle .btn { width:2.7272em; height:2.7272em; padding:0; font-size:1em; }
	.toggleExCon .btnToggle .btn::after { display:none; }
	.toggleExCon .btnToggle .btn i { right:50%; width:1em; height:1em; margin-right:-.5em; }
	.toggleExCon .toggleCon p { font-size:.909em; }
    /* 생산량 */
    .searchWrap .sanjiView .sanjiList .item ul { width:58.6207%; }
	.searchWrap .sanjiView .sanjiList .item .thumb { width:41.3793%; padding-top:24.1379%; }
	/* 소비 트렌드 */
	.halfCon.totalSc .leftCon, 
	.halfCon.totalSc .rightCon,
	.halfCon.totalSc .leftCon2, 
	.halfCon.totalSc .rightCon2 { width:100%; }
	.halfCon.totalSc .rightCon2 { margin-top:4.3636em; }
	.halfCon.totalSc .rightCon + .fullCon,
	.halfCon.totalSc .rightCon2 + .fullCon { margin-top:4.3636em; }
	/* 수출입 */
    .exportLegend { display:none; }
	/* 아카이브 */
	.searchWrap .halfCon.totalSc .fullCon .anaReportList li { width:50%; }
	.gradeReportList { margin:0 -.25em; }
	.gradeReportList li { width:33.33%; padding:0 .25em; }
	.gradeReportList li .type { top:1em; left:1em; width:3.2em; padding:.2em 0; font-size:.909em; }	
	.searchWrap .agrBoardList li { width:50%; }
	.searchRelation { margin-top:3.8181em; } 
    .searchRelation .item { margin-top:4.0909em; }
	.searchRelation .item .list li { margin:.5em; }
	.searchRelation .item .list li a span { font-size:1.0909em; }
}


/* 통합검색 - 지역 */
/* 품목 정보 */
.totalScPrice.type2 { display:flex; }
.totalScPrice.type2 .topTit { width:100%; margin-bottom:3.125rem; font-size:1.25em; font-weight:700; letter-spacing:-.025em; box-sizing:border-box; }
.totalScPrice.type2 .leftCon { width:40%; }
.totalScPrice.type2 .rightCon { width:60%; }
.totalScPrice.type2 .rightCon .topTit { padding-left:.5625rem; }
.totalSlide2 { margin:0 -.5625em 0 0; }
.totalSlideNo { display:flex; margin:0 0 0 -.5625em; }
.totalScPrice .item .rank { display:inline-block; margin-bottom:1.2666em; padding:.1333em .8em; font-style:normal; font-size:.9375em; letter-spacing:-.05em; color:#157a13; border:1px solid #6dc96b; border-radius:2em; }
.totalScPrice .item .thumb .img { overflow:hidden; position:relative; width:4.375em; height:4.375em; margin-bottom:1.125em; border-radius:50%; }
.totalScPrice .item .thumb .img img { position:absolute; left:50%; top:50%; width:100%; transform:translate(-50%, -50%); }
.totalScPrice .item .thumb .name { margin-bottom:.3em; font-size:1.25em; font-weight:700; letter-spacing:-.05em; }
/* 날씨 정보 */
.halfCon.totalSc .tradeTable.top { margin-top:0; }
/* 생산 전망 */
.totalSanjiList .item { margin-top:1.125em; }
.totalSanjiList .item a { display:flex; justify-content:space-between; }
.totalSanjiList .item .thumb { display:flex; width:47.4198%; margin:0 -.5625em; }
.totalSanjiList .item .thumb li { width:33.33%; padding:0 .5625em; box-sizing:border-box; }
.totalSanjiList .item .thumb li .img { overflow:hidden; position:relative; width:100%; padding-top:73.6842%; border-radius:.5rem; }
.totalSanjiList .item .thumb li .img img { position:absolute; left:50%; top:50%; width:100%; transform:translate(-50%, -50%); }
.totalSanjiList .item .txtArea { width:47.4198%; }
.totalSanjiList .item .txtArea .tit { display:flex; align-items:center; }
.totalSanjiList .item .txtArea .tit span { display:inline-block; position:relative; padding:2px 0; letter-spacing:-.025em; }
.totalSanjiList .item .txtArea .tit span::after { content:''; position:absolute; left:0; bottom:0; width:0; height:1px; } 
.totalSanjiList .item a:focus .txtArea .tit span,
.totalSanjiList .item a:hover .txtArea .tit span { color:#1a3ac5; }
.totalSanjiList .item a:focus .txtArea .tit span::after,
.totalSanjiList .item a:hover .txtArea .tit span::after { width:100%; background:#1a3ac5; transition:all linear .2s; }
.totalSanjiList .item .txtArea .tit em { position:relative; margin-left:.75em; padding-left:.6875em; letter-spacing:-.025em; color:#494848; }
.totalSanjiList .item .txtArea .tit em::before { content:''; display:block; position:absolute; top:50%; left:0; width:1px; height:1.063em; margin-top:-.5315em; background:#494848; }
.totalSanjiList .item .txtArea .txt { overflow:hidden; margin-top:.875em; height:6em; color:#3c3c3c; word-break:keep-all; line-height:1.5; }
/* 뉴스 */
.totalSearchCon .searchRelation .item h5 { margin-bottom:2.25em; font-size:1.25em; }
.searchRelation .item .news { display:flex; justify-content:space-between; }
.searchRelation .item .news ul { width:47.4198%; }
.searchRelation .item .news ul li { margin-top:1.125em; }
.searchRelation .item .news ul li:first-child { margin-top:0; }
.searchRelation .item .news ul li a { overflow:hidden; position:relative; display:block; white-space:nowrap; text-overflow:ellipsis; padding:0 5.8823em 0 .7058em; font-size:1.063em; letter-spacing:-.025em; color:#434343; }
.searchRelation .item .news ul li a::before { content:''; display:block; position:absolute; top:50%; left:0; width:.1764em; height:.1764em; margin-top:-.0882em; background:#434343; border-radius:50%; }
.searchRelation .item .news ul li .tit { display:inline-block; position:relative; padding:1px 0; transition:all .15s; }
.searchRelation .item .news ul li .tit::after { content:''; position:absolute; left:0; bottom:0; width:0; height:1px; }
.searchRelation .item .news ul li a:focus,
.searchRelation .item .news ul li a:hover { color:#1a3ac5; }
.searchRelation .item .news ul li a:focus::before,
.searchRelation .item .news ul li a:hover::before { background:#1a3ac5; }
.searchRelation .item .news ul li a:focus .tit::after,
.searchRelation .item .news ul li a:hover .tit::after { width:100%; background:#1a3ac5; transition:all linear .2s; }
.searchRelation .item .news ul li .date { position:absolute; top:0; right:1px; letter-spacing:-.05em; font-weight:300; color:#a4a4a4; }
@media screen and (max-width:960px) { 
	/* 품목 정보 */
	.totalScPrice.type2 { display:block; }
	.totalScPrice.type2 .topTit { margin-bottom:1.3333em; font-size:1.2828em; }
	.totalScPrice.type2 .leftCon { width:100%; }
	.totalScPrice.type2 .rightCon { width:100%; margin-top:3.6363em; }
	.totalScPrice.type2 .rightCon .topTit { padding-left:0; }
	.totalSlide2 { margin:0 -.4545em; }
	.totalSlideNo { margin:0 -.4545em; }
	.totalScPrice .item .rank { padding:.1em .8em; margin-bottom:1.5em; font-size:.909em; }
	.totalScPrice .item .thumb .img { display:none; width:5.4545em; height:5.4545em; margin-bottom:1.3636em; }
	.totalScPrice .item .thumb .name { font-size:1.0909em; }
	/* 생산 전망 */
	/* 뉴스 */
	.totalSearchCon .searchRelation .item h5 { margin-bottom:3.1818rem; font-size:1.5454em; }
	.searchRelation .item .news { display:block; }
	.searchRelation .item .news ul { width:100%; margin-top:1.1818em; }
	.searchRelation .item .news ul:first-child { margin-top:0; }
	.searchRelation .item .news ul li { margin-top:1.1818em; }
	.searchRelation .item .news ul li a { padding:0 0 0 .6666em; font-size:1.0909em; }
	.searchRelation .item .news ul li .tit { overflow:hidden; display:block; white-space:nowrap; text-overflow:ellipsis; }
	.searchRelation .item .news ul li .date { display:none; }
}

/* 로그인 */
.loginWrap { max-width:700px; margin:0 auto; padding:0 1.25em; }
.loginMain { padding:5em 5.25em; border:1px solid #e8e8e8; border-radius:.5rem; box-sizing:border-box; }
.loginMain h4 { margin:3.1818em 0 1.5em; font-size:1.375em; }
.loginMain .socialList { display:flex; justify-content:space-between; }
.loginMain .socialList li:last-child { margin-right:0; }
.loginMain .socialList li a { display:inline-block; width:4.125em; height:4.125em; }
.loginMain .socialList li.apple a { background:url(../images/use/icon_login_apple.png); background-size:contain; text-indent:-9999px; }
.loginMain input[type="radio"] { overflow:hidden; display:block; position:absolute; top:0; left:-9999px; width:1px; height:1px; margin-top:-1px; clip:rect(0,0,0,0); }
.loginMain input[type="radio"] + label { display:inline-block; cursor:pointer; font-size:1.125em; }
.loginMain input[type="radio"] + label span { display:inline-block; position:relative; min-height:1.5rem; padding-top:1px; padding-left:1.777em; box-sizing:border-box; }
.loginMain input[type="radio"] + label span::before { content:''; position:absolute; top:0; left:0; width:1.5rem; height:1.5rem; border-radius:50%; border:1px solid #b7b7b7; background-image:url(../images/use/bg_check_off.png); background-repeat:no-repeat; background-position:50% 50%; background-size:contain; box-sizing:border-box; }
.loginMain input[type="radio"]:checked + label span::before { border:none; background-color:#1a3ac3; background-image:url(../images/use/bg_check_on.png); transition:background 0.3s; }
.loginMain .loginBox { margin-top:3.125em; padding-top:3.125em; border-top:1px solid #e8e8e8; }
.loginMain .loginBox h4 { margin-top:0; }
.loginMain .loginBox .inputGroup { margin-top:1.5em; }
.loginMain .loginBox .inputGroup input { width:100%; height:3.611em; margin:0.312rem 0; padding:0 3.2222em 0 3.7777em; border-radius:.5rem; border:1px solid #b7b7b7; background-repeat:no-repeat; background-position:1.5em 50%; background-size:1.055em auto; line-height:3.611em; font-size:1.125em; transition:all .15s; }
.loginMain .loginBox .inputGroup input:focus { border-color:#000; }
.loginMain .loginBox .inputGroup input[type="text"] { background-image:url(../images/use/icon_user.png); }
.loginMain .loginBox .inputGroup input[type="password"] { background-image:url(../images/use/icon_lock.png); }
.loginMain .loginBox .checkBox { position:relative; margin-top:1em; margin-bottom:2.5em; }
.loginMain .btnWrap a,
.loginMain .btnWrap button { display:block; width:100%; height:3.611em; margin-top:0.625rem; border-radius:.5rem; text-align:center; line-height:3.611em; font-size:1.125em; border:1px solid #b7b7b7; color:#474747; transition:background .15s; }
.loginMain .btnWrap .btnLogin:focus,
.loginMain .btnWrap .btnLogin:hover,
.loginMain .btnWrap .btnTypeSelect:focus,
.loginMain .btnWrap .btnTypeSelect:hover,
.loginMain .btnWrap .btnTypeSelect.active { background:#1a3ac3; border-color:#1a3ac3; color:#fff; font-weight:700; }
.loginMain .btnList { display:flex; justify-content:center; margin-top:1.75em; }
.loginMain .btnList li { position:relative; padding:0 .875em; }
.loginMain .btnList li::before { content:''; display:block; position:absolute; top:50%; left:0; width:1px; height:1em; margin-top:-.4375em; background:#8a8a8a; }
.loginMain .btnList li:first-child::before { display:none; }
.loginMain .btnList li a { display:block; font-size:1.125em; color:#8a8a8a; }
.loginMain .btnList li a:focus,
.loginMain .btnList li a:hover { color:#1a3ac3; }
.loginMain .btnList li a span { display:inline-block; position:relative; padding:1px 0; }
.loginMain .btnList li a span::after { content:''; position:absolute; left:0; bottom:0; width:0; height:1px; }
.loginMain .btnList li a:focus span::after,
.loginMain .btnList li a:hover span::after { width:100%; background:#1a3ac5; transition:all linear .2s; }
@media screen and (max-width:960px) { 
    .loginMain { padding:4em 6%; }
    .loginMain .socialList li a { width:4em; height:4em; }
	.loginMain input[type="radio"] + label { font-size:1.0909em; }
	.loginMain .loginBox { margin-top:2.7272em; padding-top:2.7272em; }
	.loginMain .loginBox .inputGroup input { font-size:1.0909em; }
	.loginMain .btnWrap a,
	.loginMain .btnWrap button { font-size:1.1818em; }
	.loginMain .btnList li a { font-size:1.1818em; }
}

/* 회원가입 - SNS 간편가입 */
.loginMain .joinTab ul { overflow:hidden; display:flex; }
.loginMain .joinTab ul li { flex:1; }
.loginMain .joinTab ul li a { display:block; padding:1.2941em 0; font-size:1.063em; color:#353535; text-align:center; border:1px solid #dcdcdc; border-left:none; box-sizing:border-box; transition:background .15s; }
.loginMain .joinTab ul li:first-child a { border-left:1px solid #dcdcdc; border-radius:.5rem 0 0 .5rem; }
.loginMain .joinTab ul li:last-child a { border-radius:0 .5rem .5rem 0; }
.loginMain .joinTab ul li.active a,
.loginMain .joinTab ul li a:hover,
.loginMain .joinTab ul li a:focus { background:#1a3ac5; color:#fff; font-weight:700; }
.loginMain .joinType .typeList { display:flex; justify-content:space-between; margin-top:3.25em; margin-bottom:3.125em; }
.loginMain .joinType .typeList li { position:relative; width:30.6042%; }
.loginMain .joinType .typeList li label { text-align:center; }
.loginMain .joinType .typeList li label img { display:block; opacity:0.6; -webkit-filter:grayscale(1); filter:grayscale(1); }
.loginMain .joinType .typeList li label span { margin-top:1.125em; }
.loginMain .joinType .typeList li input:checked + label img { opacity:1; -webkit-filter:grayscale(0); filter:grayscale(0); transition:0.4s; }
.loginMain .joinItem { position:relative; filter:grayscale(1); opacity:0.4; }
.loginMain .joinItem::after { content:''; position:absolute; top:0; left:0; width:100%; height:100%; }
.loginMain .joinItem h5 { margin-bottom:2.812rem; }
.loginMain .joinItem.active { -webkit-filter:grayscale(0); filter:grayscale(0); opacity:1; transition:0.4s; }
.loginMain .joinItem.active::after { z-index:-1; }
/* 기관 회원가입 */
.joinWrap .joinTit { display:flex; align-items:center; margin-bottom:2.5rem; margin-left:0.312rem; font-size:1.375em; }
.joinWrap .joinTit span { display:inline-block; margin-left:1.125em; color:#444; font-weight:400; font-size:1rem; }
.joinWrap i.req { overflow:hidden; display:inline-block; width:0.5rem; height:0.5rem; margin-top:0.187rem; background:url(../images/use/bg_required.png) no-repeat 50% 50% / contain; vertical-align:top; text-indent:-999px; }
.joinWrap .joinForm input::-webkit-input-placeholder { color:#b1b1b1; }
.joinWrap .joinForm input:-ms-input-placeholder { color:#b1b1b1; }
.joinWrap .joinForm input::placeholder { color:#b1b1b1; }
.joinWrap .joinForm .joinFormTbl { display:flex; flex-wrap:wrap; }
.joinWrap .joinForm .joinFormTbl li { overflow:hidden; display:flex; align-items:center; position:relative; width:100%; margin:.312rem 0; border-radius:0.5em; border:1px solid #d6d6d6; box-sizing:border-box; transition:all .15s; }
.joinWrap .joinForm .joinFormTbl input.txt,
.joinWrap .joinForm .joinFormTbl p.txt { width:100%; height:4.062rem; border:none; line-height:4.062rem; font-size:1.125em; }
.joinWrap .joinForm .joinFormTbl label { flex-shrink:0; display:inline-block; width:8.3333em; padding-left:1.3333em; color:#8a8a8a; font-size:1.125em; box-sizing:border-box; }
.joinWrap .joinForm .joinFormTbl li:has(input.txt:focus) { border-color:#000; }
.joinWrap .joinBtn { display:flex; margin:2.812rem -.3125em 0; }
.joinWrap .joinBtn li { flex:1; margin:0 .3125em; }
.joinWrap .joinBtn li a,
.joinWrap .joinBtn li button { display:block; width:100%; padding:1.294em; border-radius:0.5rem; color:#fff; text-align:center; vertical-align:top; font-weight:500; font-size:1.062em; box-sizing:border-box; }
.joinWrap .joinBtn li .type1 { background:#6f80c8; }
.joinWrap .joinBtn li .type2 { background:#1a3ac3; }
@media screen and (max-width:960px) { 
	.loginMain .joinTab ul li a { padding:1.1818em 0; font-size:1em; }
	/* 기관 회원가입 */
    .joinWrap .joinBtn { display:block; margin:2.812rem 0 0; }
    .joinWrap .joinBtn li { margin:.3125em 0; }
	.joinWrap .joinForm .joinFormTbl label { width:7.5em; padding-left:1em; font-size:1.0909em; }
}
/* 회원 > 비밀번호 변경 */
.joinWrap .pwInfo { margin:2em 0; }
.joinWrap .pwInfo ul { max-width:780px; margin:0 auto; }
.joinWrap .pwInfo ul li { position:relative; font-size:.9375em; color:#898989; word-break:keep-all; padding-left:.666em; letter-spacing:-.05em; margin-bottom:.8em; }
.joinWrap .pwInfo ul li::before { content:''; display:block; width:2px; height:2px; border-radius:50%; background:#898989; position:absolute; top:50%; left:0; margin-top:-1px; }

/* 회원가입 - 완료 */
.joinWrap .joinComplete { margin:7.5em 0; text-align:center; }
.joinWrap .joinComplete h4 { margin:0 0 1.25em; font-size:2em; }
.joinWrap .joinComplete h4 span { padding-left:1.25em; background:url(../images/use/icon_complete_tit.png) no-repeat left center; background-size:auto 1em; }
.joinWrap .joinComplete .txt { letter-spacing:-.025em; line-height:1.65; }
.joinWrap .joinComplete .txt strong { color:#1a39c5; }
.joinWrap .joinComplete dl { display:flex; justify-content:center; align-items:center; margin-top:1.625em; color:#777; }
.joinWrap .joinComplete dl dd { position:relative; margin-left:.625em; padding-left:.625em; }
.joinWrap .joinComplete dl dd::before { content:''; display:block; position:absolute; top:50%; left:0; width:1px; height:.875em; margin-top:-.4375em; background:#c2c2c2; }
.joinWrap .joinComplete dl dd a { color:#777; }
@media screen and (max-width:960px) { 
	.joinWrap .joinComplete { margin:4.5454em 0; }
	.joinWrap .joinComplete h4 { margin-bottom:1.1428em; font-size:1.909em; }
	.joinWrap .joinComplete .txt i { display:block; }
}

/* 나의 공간 */
.myPage .tableStyle th:first-child, 
.myPage .tableStyle td:first-child { border-left:none; }
.myPage .tableStyle th { width:12.3529em; padding:.5882em .2941em; }
.myPage .tableStyle td { padding:.8235em 2.3529em; text-align:left; }
.myPage .tableStyle .optList { padding:0; }
.myPage .tableStyle .optList .checkList { padding:.3529em 2.3529em 1.1764em; border-top:1px solid #dcdcdc; }
.myPage .tableStyle .optList .checkList:first-child { border-top:none; }
.myPage .tableStyle .optList .checkList li { width:25%; margin-top:.875rem; }
.myPage .tableStyle .optList .checkList li input[type="checkbox"] + label { margin-right:0; letter-spacing:-.05em; }
.myPage .tableStyle .optSearch .searchkeyword { display:inline-block; vertical-align:middle; width:20.2941em; }
.myPage .tableStyle .optSearch .searchkeyword .searchKey { top:2.6875rem; }
.myPage .tableStyle .optSearch .sTxt { display:inline-block; vertical-align:middle; margin-left:1.7647em; color:#9f9f9f; }
.myPage .tableStyle td input[type="text"] { width:100%; height:3.75rem; padding:0 1.5em; background-image:url(../images/sub/btn_filter_search_bk.png); background-repeat:no-repeat; background-size:1em; background-position:right 1.2352em center; border:1px solid #dcdcdc; border-radius:.25rem; box-sizing:border-box; transition:all .15s; }
.myPage .tableStyle td input[type="text"]::placeholder { color:#cecece; }
.myPage .tableStyle td input[type="text"]:focus { border-color:#000; }
.myPage .tableStyle .selectOpt { display:flex; justify-content:space-between; align-items:center; }
.myPage .tableStyle .selectOpt .txt { padding:0 1.5em; font-weight:500; }
.myPage .tableStyle .selectOpt .btn { display:flex; }
.myPage .tableStyle .selectOpt .btn li { overflow:hidden; position:relative; margin-right:1.647em; }
.myPage .tableStyle .selectOpt .btn li:last-child { margin-right:0; }
.myPage .tableStyle .selectOpt .btn button { display:block; position:relative; padding-left:1.7647em; font-weight:300; line-height:1.2941em; color:#9f9f9f; }
.myPage .tableStyle .selectOpt .btn button::before { content:''; display:block; position:absolute; top:0; left:0; width:1.2941em; height:1.2941em; border:1px solid #d6d6d6; border-radius:50%; box-sizing:border-box; }
.myPage .tableStyle .selectOpt .btn button::after { content:''; display:block; position:absolute; top:.5882em; left:.4117em; width:.5294em; height:2px; background:#d6d6d6; }
.myPage .tableStyle .selectOpt .btn input { overflow:hidden; position:absolute; left:0; top:0; width:1px; height:1px; margin-left:-9999px; }
.myPage .tableStyle .selectOpt .btn input + label { display:block; position:relative; padding-left:1.7647em; font-weight:300; line-height:1.2941em; color:#9f9f9f; cursor:pointer; }
.myPage .tableStyle .selectOpt .btn input + label::before { content:''; display:block; position:absolute; top:0; left:0; width:1.2941em; height:1.2941em; border:1px solid #d6d6d6; border-radius:50%; box-sizing:border-box; transition:all .15s; }
.myPage .tableStyle .selectOpt .btn input + label::after { content:''; display:block; position:absolute; top:.4117em; left:.3529em; width:.4705em; height:.2352em; border:2px solid #d6d6d6; border-top:0; border-right:0; transform:rotate(-45deg); transition:all .15s; }
.myPage .tableStyle .selectOpt .btn input:checked + label::before { background:#1a3ac5; border-color:#1a3ac5; }
.myPage .tableStyle .selectOpt .btn input:checked + label::after { border-color:#fff; }
.lineBox { padding:1.75em 1.5625em; border:1px solid #dcdcdc; border-width:1px 0; box-sizing:border-box; }
.lineBox p { font-size:1.125em; color:#4e4e4e; }
@media screen and (max-width:960px) { 
	.myPage .tableStyle th { width:6.666em; padding:1.25em 0; font-size:1.0909em; }
	.myPage .tableStyle td { padding:1em; }
	.myPage .tableStyle td input[type="text"] { height:3.75em; font-size:1.0909rem; }
	.myPage .tableStyle td .optSelect .buttonSelect { width:100%; }
	.myPage .tableStyle td .optSelect .buttonSelect button { height:3.75em; font-size:1.0909rem; }
	.myPage .tableStyle .optList .checkList { display:block; padding:.5em 1em 1em; }
	.myPage .tableStyle .optList .checkList li { width:100%; margin-top:.5em; }
    .myPage .tableStyle .optSearch .searchkeyword { width:100%; }
    .myPage .tableStyle .optSearch .sTxt { display:block; margin:1em 0 0; }
	.myPage .tableStyle .selectOpt { display:block; }
	.myPage .tableStyle .selectOpt .txt { padding:0; }
	.myPage .tableStyle .selectOpt .btn { margin-top:.5em; }
	.myPage .tableStyle .selectOpt .btn li { margin-right:1em; }
	.myPage .tableStyle .selectOpt .btn button::before { width:1.3333em; height:1.3333em; }
	.myPage .tableStyle .selectOpt .btn button::after { top:.5833em; width:.5em; height:1px; }
	.myPage .tableStyle .selectOpt .btn input + label::before { width:1.3333em; height:1.3333em; }
	.myPage .tableStyle .selectOpt .btn input + label::after { top:.4166em; left:.4166em; width:.5em; height:.25em; border-width:1px; }
    .lineBox { padding:1.8181em 0; }
    .lineBox p { font-size:1.0909em; }	
}

/* print */
@media print { 
	@page { 
		margin:20mm; 
		size:297mm 210mm; 
	}
	* { 
		-webkit-print-color-adjust:exact; 
		print-color-adjust:exact; 
    }
	html, body { 
		margin:0; 
		padding:0; 
		page-break-after:avoid; 
		page-break-before:avoid; 
	}
	.pageBreak { margin:0 !important; padding:0 !important; border:none !important; page-break-before:always; }
	.header,
	.footer,
	.subFunc,
	.allMenuWrap,
	.popWrapBg { display:none; }
	#container { margin:0 auto; }
	.filterWrap,
	.filterWrap2,
	.contentWrap,
	.conSource,
	.pageTop,
	.tabNav { padding:0; } 
}



/**********************
                  가격특화서비스
*********************** */
.ps * {letter-spacing: -.05em;}
.ps .contentWrap{position:relative;padding:0;max-width:100%}
.ps .contentWrap2{position:relative; padding:2em 2em 0; max-width:1080px; margin:0 auto}

/*페이지 넘기는 화살표*/
.swiper-button-next, .swiper-button-prev{color:black!important}
/* .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after{position:absolute!important;} */
/* .ps .contentWrap:after{position: fixed; content: ''; top: 58%; right:10%; width: 20px;height: 20px; border-left:3px solid rgba(40,40,40,.2);border-bottom:3px solid rgba(40,40,40,.2); transform: translate(-5%,-55%) rotate(-134deg);animation: btn-motion 1.5s infinite;z-index:9999}
 */
/* @keyframes btn-motion {
  0% {
    transform: rotate(-134deg) translate(0, 0);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: rotate(-134deg) translate(-20px, 20px);
    opacity: 0;
  }
}
  

.ps .contentWrap2:after{position: fixed; content: ''; top: 58%; left:10%; width: 20px;height: 20px; border-left:3px solid rgba(40,40,40,.3);border-bottom:3px solid rgba(40,40,40,.3); transform: translate(-5%,-55%) rotate(-314deg);animation: btn-motion2 1.5s infinite;z-index:9999}
@keyframes btn-motion2 {
  0% {
    transform: rotate(-314deg) translate(0, 0);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: rotate(-314deg) translate(-20px, 20px);
    opacity: 0;
  }
}
#content{margin-bottom:0}


/* top-wrap */
/* 날짜 */
.ps .top-wrap { padding:0 2em;}
.ps .date-box{position:relative;z-index:5;margin-bottom:0.8em!important; width:300px; display: flex; align-items: center; justify-content: center; font-size: 2.2em; letter-spacing: -.05em; margin: 0 auto;}
.ps .date-box-center{color:#fff;position:relative;z-index:10;width:100%; text-align:center; border:none; cursor:pointer;background:none;}
.ps .prev{z-index:10; margin: 0 20px;  left: -4vw; position: absolute; top: 50%;  content: '';  width: 16px;  height:16px;  border-top: 2px solid #fff;  border-right: 2px solid #fff;  transform: translateY(-50%) rotate(225deg);}
.ps .next{z-index:10; margin: 0 20px;  right: -4vw; position: absolute;  top: 50%;  content: '';  width: 16px;  height: 16px;  border-top: 2px solid #fff; border-right: 2px solid #fff; transform: translateY(-50%) rotate(45deg);}
.ps .prev:hover,
.ps .next:hover{opacity:0.5; transition:.4s}


/* 검색 */
.filterWrap2.ps2{max-width:1080px; margin:0 auto; padding:0}
.filterWrap2.ps2 .inner{padding-bottom: 1.875em; border: 0; padding-left: 0;  padding-right: 0;  padding-top: 0;border:0}
.filterWrap2.ps2 .filterItem{width:auto; padding:0}
.filterWrap2.ps2 .filterLine{width:100%;}
.filterWrap2.ps2 .bestKey label{width:100%; padding:0.9em .1875em}
.filterWrap2.ps2 .bestKey li{width:100%;}
.filterWrap2.ps2 .selectItem{margin-bottom:1em!important; border:1px solid #38b18a;border-radius:1.875em; display: flex; align-items: center;width:220px; max-width:480px; margin: 0 auto;}
.filterWrap2.ps2 .filterItem input{width: 100%; padding-right: 0;line-height: 3.3529em;  border: 0;  font-size: 1.063em; background-repeat: no-repeat;    background-position: 93% center;    display: flex;   align-items: center;   justify-content: center;}
.filterWrap2.ps2 .checkSelect{width:100%;}
.filterWrap2.ps2 .checkSelect #searchName1{padding:0 2em; border-radius:1.875em}

/*버튼  
.ps .search-btn {width:100%;}
.ps .mb10{margin-bottom:1em;}
.ps .search-btn .article {width:calc((100% / 5) - (60px / 5)); margin-right:10px; border:1px solid #38b18a; height: 2.3em; font-size: 1.5em; border-radius: 2em; text-align:center;}
.ps .search-btn .article:nth-child(n+6) {margin-bottom: 0;}
.ps .search-btn .article:nth-child(5n){margin-right: 0;}
.ps .search-btn .article.add {background-color: #fff; border: 1px solid #e1e1e1; position: relative; padding: 0 .875em;}
.ps .search-btn .article.add:before {width: 1px; height: 1em; background-color: #8e8e8e; content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%)}
.ps .search-btn .article.add:after {width: 1em; height: 1px; background-color: #8e8e8e; content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%)}
*/

/* 메뉴 더보기 화살표 */
.ps .search-arrow-wrap{width: 100%; height:20px;display: flex; align-items:start; justify-content: center;}
.ps .search-arrow-wrap.on {margin-top: 1.2em; align-items: flex-end;}
.ps .search-arrow-wrap .search-arrow{width: 16px;height: 16px; border-top: 2px solid #aaa;border-right: 2px solid #aaa;transform:  rotate(-225deg); cursor: pointer; transition: .4s;box-sizing: border-box;}
.ps .search-arrow-wrap.on .search-arrow{width:16px;height:16px; border-top: 2px solid #000;border-right: 2px solid #000;transform:  rotate(-45deg);cursor: pointer;padding-top:0.2em}
.filterWrap2.ps2 .bestkey-box{width:100%;display:none}
.filterWrap2.ps2 .bestKey{width:100%;}
.ps .search-arrow-wrap.on .filterWrap2.ps2 .bestKey{display:flex!important}
.ps .search-btn.search-menu-hide{width:100%; display:none}

.ps .searchList {font-size: 1.88em; border-top: 1px solid #e1e1e1; padding:0.7em 0;}
.ps .searchList span {display: inline-block; margin-right: .5em; position: relative;}
.ps .searchList span:last-child {margin-right: 0;}
.ps .searchList span.keyword {font-weight: 600;}
.ps .searchList span.keyword::after {width: .25em; height: .25em; border-radius: 50%; background-color: #000; content: ''; position: absolute; top: 50%; right: -.5em; transform: translateY(-50%)}
.ps .searchList span.keyword:last-child::after {content: none}
.ps .search-box{width:100%; height:40px; border-bottom:1px soild; display:flex; align-items:center; justify-content:space-between}
.ps .s-txt{opacity:0.3}
.ps .search-icon{opacity:0.3}


/**********************
         con1
************************/
.ps .con1{width:100%; height:100%; position:relative;}

/* con1-1 */
.ps .con1-1{width: 100%; height:50%;padding:3em 0 4.5em;background-color:#38b18a; position:relative; display: flex; align-items: center; justify-content: center; flex-direction: column; }
.ps .con1-1:before{width:100%; height:100%; position: absolute; content: ''; top:0; left:0;z-index: 1;background: url(/resource/product/con1-bg.png) 50% 50% no-repeat; background-size:contain;  object-fit: contain;}

.ps .con1-1 .c1-lr-box{width: 100%;display: flex; align-items: center;justify-content:center }
.ps .con1-1 .left{width:28%; height:100%; display: flex;justify-content: center; position: relative;padding-right:2em}
	.con1-1 .left img{width:100%; height:100%; border-radius:50%; object-fit: contain; background-size: 100%;}
.ps.con1-1 .right{width: 60%; display: flex; flex-direction: column; position: relative;padding-bottom:1em}
	.ps .r-t1{font-size:2.3em; padding-bottom:0.1em;text-align: left; color: #fff;}
	.ps .r-t1 span{font-size:0.8em; padding-left:0.2em;opacity: 0.6;}
	.ps .r-t2{font-size:3em; letter-spacing: -.05em; color:#fffc00; font-weight: 600;}
	.ps .r-t2 span{ font-size:0.5em; font-weight: 400; padding-left:0.2em}
	.ps .r-t3{color: #fff;padding-top:.3em; font-size:1.5em}

 /* con1-2 */
 .ps .con1 .con1-2{width:90%;height:5em; position:absolute; left:50%; z-index:3;transform: translate(-50%,-50%); background-color: #fff; border-radius:20px; box-shadow:3px 3px 3px #ddd;}
 .ps .con1 .con1-2 .year{width:100%;height:50%;display:flex;align-items:center;justify-content:center; font-size:1.4em;padding-top:0.1em}	
 .ps .con1 .con1-2 .year2{width:100%;height:50%;display:flex;align-items:start;justify-content:center; font-size:1.4em;}	 
 .ps .con1 .con1-2 .year2 .c-2, .ps .con1 .con1-2 .year .c-2{padding:0 1.5em 0 0.5em;position:relative}
 .ps .con1 .con1-2 .year2 .c-3,
 .ps .con1 .con1-2 .year .c-3{padding-left:0.1em;position:relative;padding-right:1em}
 .ps .con1 .con1-2 .year2 .c-3:after,
 .ps .con1 .con1-2 .year .c-3:after{position:absolute;content:'%'}
 
 
 

/* 글씨 색상 */
.red{color:#fb4444}
.blue{color:#0083fe;}

/*플러스 마이너스  class에 추가  */
.ps .plus{position:relative}
.ps .plus:before{content:"+";color: #fb4444;font-weight:500;padding-right:0.1em}
.ps .minus{position:relative}
.ps .minus:before{content:"-";color:#0083fe;font-weight:500;padding-right:0.1em}

/*업 다운  class에 추가  */
.ps .up{position:relative}
.ps .up:before{position:absolute;content:"▲";left:0; color:#fb4444;top: 50%;transform: translate(-100%, -50%); font-size:0.7em; padding-right:0.5em}
.ps .down{position:relative}
.ps .down:before{position:absolute;content:"▼";left:0;top: 50%;color: #0083fe;transform: translate(-100%, -50%); font-size:0.7em; padding-right:0.5em}
	
/* con1-3 */
.bg-gray{position:relative;display: flex;align-items: center; justify-content: flex-end; z-index: 10; padding-left: 0.15em;background-color:#f2f2f2;}
.ps .con1-3{width:100%; padding:4.5em 0 2.5em; position:relative; background-color:#f2f2f2;}
.ps .lr-box{width:100%;height:100%;padding:0 2em;display: flex;align-items:start;}
.ps .lr-box .bold{font-weight:600;font-size:1.7em}
.ps .lr-box .bold-side{opacity: 0.6;font-size:1.2em; margin-left:0}

.ps .lr-box .left{width:34%; height: 100%; position: relative; padding-right:5vw}
	.ps .lr-box .left:after {width: 1px; height: 100%; background-color: #d8d8d8; content: ''; position: absolute; top: 50%; right:0; transform: translateY(-50%);}
	.ps .lr-box .left .coin-box{width:100%;height:100%;position:relative;display:flex;align-items:start;justify-content:space-between;padding-top:1.2em}
	.ps .lr-box .left .coin-box-left{width:15vw; height:100%; z-index:1; position:relative;z-index:1;display: flex; align-items: center;justify-content: space-between;flex-direction: column;}
	.ps .lr-box .left .coin-box-left .coin-fill-box{width: auto;position: relative; z-index: 1; border-radius: 50%; overflow: hidden; display: flex; align-items: center;justify-content: center;}
	.ps .lr-box .left .coin-box-left .coin-fill-box:before{position: absolute;content: ''; left: 50%; bottom: 0%; width:100%; overflow: hidden;background-color: #00e49b; z-index: -1;transform: translate(-50%, 0);}
	.ps .lr-box .left .coin-box-left .coin-fill-box .coin-color-txt{position: absolute;top: 50%; left: 50%; transform: translate(-50%, -50%);  font-size: 2.4em; font-weight: 600;}
	.ps .lr-box .left .coin-box-right{width:calc(100% - 15vw);height:6.3em; position:relative;display: flex;flex-direction: column;justify-content: space-between; padding-left: 2vw;}
	
.ps .lr-box .right{width:46%; position: relative;padding-left:5vw}
	.ps .lr-box .right .ton-box{width:100%;height:100%; position:relative;display:flex;align-items:start;justify-content:space-between;padding-top:1.2em}
	.ps .lr-box .right .ton-box-left{width:22vw;height:100%;display: flex; flex-direction: column;align-items:center;justify-content: space-between; z-index:1;}
	.ps .lr-box .right .ton-box-left .ton-fill-box{width:100%;position: relative; z-index: 1; overflow: hidden; display: flex; align-items: center;justify-content: center;}
	.ps .lr-box .right .ton-box-left .ton-fill-box:before{position: absolute;content: ''; bottom:1px; width:97%; overflow: hidden;background-color:#00e49b; z-index: -1;}
	.ps .lr-box .right .ton-box-left .ton-fill-box .ton-color-txt{position: absolute; top: 41%; left: 64%; transform: translate(-50%, -50%);  font-size: 1.54em;  font-weight: 800;width:30px; height:30px;border-radius:50%;border:2px solid;background-color:#f2f2f2; display:flex;align-items:center;justify-content:center}
	.ps .lr-box .right .ton-box-right{width:calc(100% - 22vw);height:6.3em;display: flex; flex-direction: column; justify-content: space-between;position:relative;padding-left:2vw}
	.ps .con1-2 .bt-txt{position:absolute; right:3vh;bottom:3vh}
	
.ps .con1-3 .bt-txt{ width: 96%; color: #aaa; font-size: 1.3em; margin-top: 1em; max-width: 1080px; word-break: break-all;text-align:end}
.ps .con1-3 .bt-txt .bt-pl{padding-left:0.3em}
.ps .con1-3 .t-txt{width:91%;font-size:1.3em; text-align:end; margin:0 auto; margin-bottom:1em;max-width:1080px;}
.ps .lr-box .bt{width:100%;font-weight:600;font-size:1.6em; display: flex; align-items: center; justify-content: center;padding-top:0.3em}

/*txt-right*/
.ps .lr-box .box-r-txt1,
.ps .lr-box .box-r-txt2{width:100%;font-size:1.5em; position:relative; align-items: center;display: flex; justify-content:flex-end;}
.ps .lr-box .box-r-txt1:after,
.ps .lr-box .box-r-txt2:after{position:absolute;content:'';left:0;width:100%; border-bottom:2px dashed #000;}

/* 가격 게이지 class추가  1-100 (1단위)  */

/*0-20 */
.ps .lr-box .left .coin-box-left .coin-fill-box.g0:before{height: 0%;}
.ps .lr-box .left .coin-box-left .coin-fill-box.g1:before{height: 1%;}
.ps .lr-box .left .coin-box-left .coin-fill-box.g2:before{height: 2%;}
.ps .lr-box .left .coin-box-left .coin-fill-box.g3:before{height: 3%;}
.ps .lr-box .left .coin-box-left .coin-fill-box.g4:before{height: 4%;}
.ps .lr-box .left .coin-box-left .coin-fill-box.g5:before{height: 5%;}
.ps .lr-box .left .coin-box-left .coin-fill-box.g6:before{height: 6%;}
.ps .lr-box .left .coin-box-left .coin-fill-box.g7:before{height: 7%;}
.ps .lr-box .left .coin-box-left .coin-fill-box.g8:before{height: 8%;}
.ps .lr-box .left .coin-box-left .coin-fill-box.g9:before{height: 9%;}
.ps .lr-box .left .coin-box-left .coin-fill-box.g10:before{height:10%;}

.ps .lr-box .left .coin-box-left .coin-fill-box.g11:before{height: 11%;}
.ps .lr-box .left .coin-box-left .coin-fill-box.g12:before{height: 12%;}
.ps .lr-box .left .coin-box-left .coin-fill-box.g13:before{height: 13%;}
.ps .lr-box .left .coin-box-left .coin-fill-box.g14:before{height: 14%;}
.ps .lr-box .left .coin-box-left .coin-fill-box.g15:before{height: 15%;}
.ps .lr-box .left .coin-box-left .coin-fill-box.g16:before{height: 16%;}
.ps .lr-box .left .coin-box-left .coin-fill-box.g17:before{height: 17%;}
.ps .lr-box .left .coin-box-left .coin-fill-box.g18:before{height: 18%;}
.ps .lr-box .left .coin-box-left .coin-fill-box.g19:before{height: 19%;}
.ps .lr-box .left .coin-box-left .coin-fill-box.g20:before{height: 20%;}

/*가격  won 색상 */
/*0-20 파랑  */
.ps .lr-box .left .coin-box-left .coin-fill-box.g0 .coin-color-txt,
.ps .lr-box .left .coin-box-left .coin-fill-box.g1 .coin-color-txt,
.ps .lr-box .left .coin-box-left .coin-fill-box.g2 .coin-color-txt,
.ps .lr-box .left .coin-box-left .coin-fill-box.g3 .coin-color-txt,
.ps .lr-box .left .coin-box-left .coin-fill-box.g4 .coin-color-txt,
.ps .lr-box .left .coin-box-left .coin-fill-box.g5 .coin-color-txt,
.ps .lr-box .left .coin-box-left .coin-fill-box.g6 .coin-color-txt,
.ps .lr-box .left .coin-box-left .coin-fill-box.g7 .coin-color-txt,
.ps .lr-box .left .coin-box-left .coin-fill-box.g8 .coin-color-txt,
.ps .lr-box .left .coin-box-left .coin-fill-box.g9 .coin-color-txt,
.ps .lr-box .left .coin-box-left .coin-fill-box.g10 .coin-color-txt,
.ps .lr-box .left .coin-box-left .coin-fill-box.g11 .coin-color-txt,
.ps .lr-box .left .coin-box-left .coin-fill-box.g12 .coin-color-txt,
.ps .lr-box .left .coin-box-left .coin-fill-box.g13 .coin-color-txt,
.ps .lr-box .left .coin-box-left .coin-fill-box.g14 .coin-color-txt,
.ps .lr-box .left .coin-box-left .coin-fill-box.g15 .coin-color-txt,
.ps .lr-box .left .coin-box-left .coin-fill-box.g16 .coin-color-txt,
.ps .lr-box .left .coin-box-left .coin-fill-box.g17 .coin-color-txt,
.ps .lr-box .left .coin-box-left .coin-fill-box.g18 .coin-color-txt,
.ps .lr-box .left .coin-box-left .coin-fill-box.g19 .coin-color-txt,
.ps .lr-box .left .coin-box-left .coin-fill-box.g20 .coin-color-txt{color: #0066ab;}

/*21-40 */
.ps .lr-box .left .coin-box-left .coin-fill-box.g21:before{height: 21%;}
.ps .lr-box .left .coin-box-left .coin-fill-box.g22:before{height: 22%;}
.ps .lr-box .left .coin-box-left .coin-fill-box.g23:before{height: 23%;}
.ps .lr-box .left .coin-box-left .coin-fill-box.g24:before{height: 24%;}
.ps .lr-box .left .coin-box-left .coin-fill-box.g25:before{height: 25%;}
.ps .lr-box .left .coin-box-left .coin-fill-box.g26:before{height: 26%;}
.ps .lr-box .left .coin-box-left .coin-fill-box.g27:before{height: 27%;}
.ps .lr-box .left .coin-box-left .coin-fill-box.g28:before{height: 28%;}
.ps .lr-box .left .coin-box-left .coin-fill-box.g29:before{height: 29%;}
.ps .lr-box .left .coin-box-left .coin-fill-box.g30:before{height: 30%;}
 
.ps .lr-box .left .coin-box-left .coin-fill-box.g31:before{height: 31%;}
.ps .lr-box .left .coin-box-left .coin-fill-box.g32:before{height: 32%;}
.ps .lr-box .left .coin-box-left .coin-fill-box.g33:before{height: 33%;}
.ps .lr-box .left .coin-box-left .coin-fill-box.g34:before{height: 34%;}
.ps .lr-box .left .coin-box-left .coin-fill-box.g35:before{height: 35%;}
.ps .lr-box .left .coin-box-left .coin-fill-box.g36:before{height: 36%;}
.ps .lr-box .left .coin-box-left .coin-fill-box.g37:before{height: 37%;}
.ps .lr-box .left .coin-box-left .coin-fill-box.g38:before{height: 38%;}
.ps .lr-box .left .coin-box-left .coin-fill-box.g39:before{height: 39%;}
.ps .lr-box .left .coin-box-left .coin-fill-box.g40:before{height: 40%;}

/*가격  won 색상 */
/*21-40 초록  */
.ps .lr-box .left .coin-box-left .coin-fill-box.g21 .coin-color-txt,
.ps .lr-box .left .coin-box-left .coin-fill-box.g22 .coin-color-txt,
.ps .lr-box .left .coin-box-left .coin-fill-box.g23 .coin-color-txt,
.ps .lr-box .left .coin-box-left .coin-fill-box.g24 .coin-color-txt,
.ps .lr-box .left .coin-box-left .coin-fill-box.g25 .coin-color-txt,
.ps .lr-box .left .coin-box-left .coin-fill-box.g26 .coin-color-txt,
.ps .lr-box .left .coin-box-left .coin-fill-box.g27 .coin-color-txt,
.ps .lr-box .left .coin-box-left .coin-fill-box.g28 .coin-color-txt,
.ps .lr-box .left .coin-box-left .coin-fill-box.g29 .coin-color-txt,
.ps .lr-box .left .coin-box-left .coin-fill-box.g30 .coin-color-txt,
.ps .lr-box .left .coin-box-left .coin-fill-box.g31 .coin-color-txt,
.ps .lr-box .left .coin-box-left .coin-fill-box.g32 .coin-color-txt,
.ps .lr-box .left .coin-box-left .coin-fill-box.g33 .coin-color-txt,
.ps .lr-box .left .coin-box-left .coin-fill-box.g34 .coin-color-txt,
.ps .lr-box .left .coin-box-left .coin-fill-box.g35 .coin-color-txt,
.ps .lr-box .left .coin-box-left .coin-fill-box.g36 .coin-color-txt,
.ps .lr-box .left .coin-box-left .coin-fill-box.g37 .coin-color-txt,
.ps .lr-box .left .coin-box-left .coin-fill-box.g38 .coin-color-txt,
.ps .lr-box .left .coin-box-left .coin-fill-box.g39 .coin-color-txt,
.ps .lr-box .left .coin-box-left .coin-fill-box.g40 .coin-color-txt{color:#00862a;}

/*41-60 */
.ps .lr-box .left .coin-box-left .coin-fill-box.g41:before{height: 41%;}
.ps .lr-box .left .coin-box-left .coin-fill-box.g42:before{height: 42%;}
.ps .lr-box .left .coin-box-left .coin-fill-box.g43:before{height: 43%;}
.ps .lr-box .left .coin-box-left .coin-fill-box.g44:before{height: 44%;}
.ps .lr-box .left .coin-box-left .coin-fill-box.g45:before{height: 45%;}
.ps .lr-box .left .coin-box-left .coin-fill-box.g46:before{height: 46%;}
.ps .lr-box .left .coin-box-left .coin-fill-box.g47:before{height: 47%;}
.ps .lr-box .left .coin-box-left .coin-fill-box.g48:before{height: 48%;}
.ps .lr-box .left .coin-box-left .coin-fill-box.g49:before{height: 49%;}
.ps .lr-box .left .coin-box-left .coin-fill-box.g50:before{height: 50%;}

.ps .lr-box .left .coin-box-left .coin-fill-box.g51:before{height: 51%;}
.ps .lr-box .left .coin-box-left .coin-fill-box.g52:before{height: 52%;}
.ps .lr-box .left .coin-box-left .coin-fill-box.g53:before{height: 53%;}
.ps .lr-box .left .coin-box-left .coin-fill-box.g54:before{height: 54%;}
.ps .lr-box .left .coin-box-left .coin-fill-box.g55:before{height: 55%;}
.ps .lr-box .left .coin-box-left .coin-fill-box.g56:before{height: 56%;}
.ps .lr-box .left .coin-box-left .coin-fill-box.g57:before{height: 57%;}
.ps .lr-box .left .coin-box-left .coin-fill-box.g58:before{height: 58%;}
.ps .lr-box .left .coin-box-left .coin-fill-box.g59:before{height: 59%;}
.ps .lr-box .left .coin-box-left .coin-fill-box.g60:before{height: 60%;}

/*가격  won 색상 */
/*41-60 노랑  */
.ps .lr-box .left .coin-box-left .coin-fill-box.g41 .coin-color-txt,
.ps .lr-box .left .coin-box-left .coin-fill-box.g42 .coin-color-txt,
.ps .lr-box .left .coin-box-left .coin-fill-box.g43 .coin-color-txt,
.ps .lr-box .left .coin-box-left .coin-fill-box.g44 .coin-color-txt,
.ps .lr-box .left .coin-box-left .coin-fill-box.g45 .coin-color-txt,
.ps .lr-box .left .coin-box-left .coin-fill-box.g46 .coin-color-txt,
.ps .lr-box .left .coin-box-left .coin-fill-box.g47 .coin-color-txt,
.ps .lr-box .left .coin-box-left .coin-fill-box.g48 .coin-color-txt,
.ps .lr-box .left .coin-box-left .coin-fill-box.g49 .coin-color-txt,
.ps .lr-box .left .coin-box-left .coin-fill-box.g50 .coin-color-txt,
.ps .lr-box .left .coin-box-left .coin-fill-box.g51 .coin-color-txt,
.ps .lr-box .left .coin-box-left .coin-fill-box.g52 .coin-color-txt,
.ps .lr-box .left .coin-box-left .coin-fill-box.g53 .coin-color-txt,
.ps .lr-box .left .coin-box-left .coin-fill-box.g54 .coin-color-txt,
.ps .lr-box .left .coin-box-left .coin-fill-box.g55 .coin-color-txt,
.ps .lr-box .left .coin-box-left .coin-fill-box.g56 .coin-color-txt,
.ps .lr-box .left .coin-box-left .coin-fill-box.g57 .coin-color-txt,
.ps .lr-box .left .coin-box-left .coin-fill-box.g58 .coin-color-txt,
.ps .lr-box .left .coin-box-left .coin-fill-box.g59 .coin-color-txt,
.ps .lr-box .left .coin-box-left .coin-fill-box.g60 .coin-color-txt{color:#f2c552;}

/*61-80 */
.ps .lr-box .left .coin-box-left .coin-fill-box.g61:before{height: 61%;}
.ps .lr-box .left .coin-box-left .coin-fill-box.g62:before{height: 62%;}
.ps .lr-box .left .coin-box-left .coin-fill-box.g63:before{height: 63%;}
.ps .lr-box .left .coin-box-left .coin-fill-box.g64:before{height: 64%;}
.ps .lr-box .left .coin-box-left .coin-fill-box.g65:before{height: 65%;}
.ps .lr-box .left .coin-box-left .coin-fill-box.g66:before{height: 66%;}
.ps .lr-box .left .coin-box-left .coin-fill-box.g67:before{height: 67%;}
.ps .lr-box .left .coin-box-left .coin-fill-box.g68:before{height: 68%;}
.ps .lr-box .left .coin-box-left .coin-fill-box.g69:before{height: 69%;}
.ps .lr-box .left .coin-box-left .coin-fill-box.g70:before{height: 70%;}

.ps .lr-box .left .coin-box-left .coin-fill-box.g71:before{height: 71%;}
.ps .lr-box .left .coin-box-left .coin-fill-box.g72:before{height: 72%;}
.ps .lr-box .left .coin-box-left .coin-fill-box.g73:before{height: 73%;}
.ps .lr-box .left .coin-box-left .coin-fill-box.g74:before{height: 74%;}
.ps .lr-box .left .coin-box-left .coin-fill-box.g75:before{height: 75%;}
.ps .lr-box .left .coin-box-left .coin-fill-box.g76:before{height: 76%;}
.ps .lr-box .left .coin-box-left .coin-fill-box.g77:before{height: 77%;}
.ps .lr-box .left .coin-box-left .coin-fill-box.g78:before{height: 78%;}
.ps .lr-box .left .coin-box-left .coin-fill-box.g79:before{height: 79%;}
.ps .lr-box .left .coin-box-left .coin-fill-box.g80:before{height: 80%;}

/*가격  won 색상 */
/*61-80 주황  */
.ps .lr-box .left .coin-box-left .coin-fill-box.g61 .coin-color-txt,
.ps .lr-box .left .coin-box-left .coin-fill-box.g62 .coin-color-txt,
.ps .lr-box .left .coin-box-left .coin-fill-box.g63 .coin-color-txt,
.ps .lr-box .left .coin-box-left .coin-fill-box.g64 .coin-color-txt,
.ps .lr-box .left .coin-box-left .coin-fill-box.g65 .coin-color-txt,
.ps .lr-box .left .coin-box-left .coin-fill-box.g66 .coin-color-txt,
.ps .lr-box .left .coin-box-left .coin-fill-box.g67 .coin-color-txt,
.ps .lr-box .left .coin-box-left .coin-fill-box.g68 .coin-color-txt,
.ps .lr-box .left .coin-box-left .coin-fill-box.g69 .coin-color-txt,
.ps .lr-box .left .coin-box-left .coin-fill-box.g70 .coin-color-txt,
.ps .lr-box .left .coin-box-left .coin-fill-box.g71 .coin-color-txt,
.ps .lr-box .left .coin-box-left .coin-fill-box.g72 .coin-color-txt,
.ps .lr-box .left .coin-box-left .coin-fill-box.g73 .coin-color-txt,
.ps .lr-box .left .coin-box-left .coin-fill-box.g74 .coin-color-txt,
.ps .lr-box .left .coin-box-left .coin-fill-box.g75 .coin-color-txt,
.ps .lr-box .left .coin-box-left .coin-fill-box.g76 .coin-color-txt,
.ps .lr-box .left .coin-box-left .coin-fill-box.g77 .coin-color-txt,
.ps .lr-box .left .coin-box-left .coin-fill-box.g78 .coin-color-txt,
.ps .lr-box .left .coin-box-left .coin-fill-box.g79 .coin-color-txt,
.ps .lr-box .left .coin-box-left .coin-fill-box.g80 .coin-color-txt{color:#e17b00;}


/*81-100 */
.ps .lr-box .left .coin-box-left .coin-fill-box.g81:before{height: 81%;}
.ps .lr-box .left .coin-box-left .coin-fill-box.g82:before{height: 82%;}
.ps .lr-box .left .coin-box-left .coin-fill-box.g83:before{height: 83%;}
.ps .lr-box .left .coin-box-left .coin-fill-box.g84:before{height: 84%;}
.ps .lr-box .left .coin-box-left .coin-fill-box.g85:before{height: 85%;}
.ps .lr-box .left .coin-box-left .coin-fill-box.g86:before{height: 86%;}
.ps .lr-box .left .coin-box-left .coin-fill-box.g87:before{height: 87%;}
.ps .lr-box .left .coin-box-left .coin-fill-box.g88:before{height: 88%;}
.ps .lr-box .left .coin-box-left .coin-fill-box.g89:before{height: 89%;}
.ps .lr-box .left .coin-box-left .coin-fill-box.g90:before{height: 90%;}

.ps .lr-box .left .coin-box-left .coin-fill-box.g91:before{height: 91%;}
.ps .lr-box .left .coin-box-left .coin-fill-box.g92:before{height: 92%;}
.ps .lr-box .left .coin-box-left .coin-fill-box.g93:before{height: 93%;}
.ps .lr-box .left .coin-box-left .coin-fill-box.g94:before{height: 94%;}
.ps .lr-box .left .coin-box-left .coin-fill-box.g95:before{height: 95%;}
.ps .lr-box .left .coin-box-left .coin-fill-box.g96:before{height: 96%;}
.ps .lr-box .left .coin-box-left .coin-fill-box.g97:before{height: 97%;}
.ps .lr-box .left .coin-box-left .coin-fill-box.g98:before{height: 98%;}
.ps .lr-box .left .coin-box-left .coin-fill-box.g99:before{height: 99%;}
.ps .lr-box .left .coin-box-left .coin-fill-box.g100:before{height: 100%;}

/*가격  won 색상 */
/*81-100 빨강  */
.ps .lr-box .left .coin-box-left .coin-fill-box.g81 .coin-color-txt,
.ps .lr-box .left .coin-box-left .coin-fill-box.g82 .coin-color-txt,
.ps .lr-box .left .coin-box-left .coin-fill-box.g83 .coin-color-txt,
.ps .lr-box .left .coin-box-left .coin-fill-box.g84 .coin-color-txt,
.ps .lr-box .left .coin-box-left .coin-fill-box.g85 .coin-color-txt,
.ps .lr-box .left .coin-box-left .coin-fill-box.g86 .coin-color-txt,
.ps .lr-box .left .coin-box-left .coin-fill-box.g87 .coin-color-txt,
.ps .lr-box .left .coin-box-left .coin-fill-box.g88 .coin-color-txt,
.ps .lr-box .left .coin-box-left .coin-fill-box.g89 .coin-color-txt,
.ps .lr-box .left .coin-box-left .coin-fill-box.g90 .coin-color-txt,
.ps .lr-box .left .coin-box-left .coin-fill-box.g91 .coin-color-txt,
.ps .lr-box .left .coin-box-left .coin-fill-box.g92 .coin-color-txt,
.ps .lr-box .left .coin-box-left .coin-fill-box.g93 .coin-color-txt,
.ps .lr-box .left .coin-box-left .coin-fill-box.g94 .coin-color-txt,
.ps .lr-box .left .coin-box-left .coin-fill-box.g95 .coin-color-txt,
.ps .lr-box .left .coin-box-left .coin-fill-box.g96 .coin-color-txt,
.ps .lr-box .left .coin-box-left .coin-fill-box.g97 .coin-color-txt,
.ps .lr-box .left .coin-box-left .coin-fill-box.g98 .coin-color-txt,
.ps .lr-box .left .coin-box-left .coin-fill-box.g99 .coin-color-txt,
.ps .lr-box .left .coin-box-left .coin-fill-box.g100 .coin-color-txt{color:#e10000;}

/*톤 게이지 class추가 1-100 (1단위)  */

/*0-20 */
.ps .lr-box .right .ton-box-left .ton-fill-box.g0:before{height: 0%;}
.ps .lr-box .right .ton-box-left .ton-fill-box.g1:before{height: 1%;}
.ps .lr-box .right .ton-box-left .ton-fill-box.g2:before{height: 2%;}
.ps .lr-box .right .ton-box-left .ton-fill-box.g3:before{height: 3%;}
.ps .lr-box .right .ton-box-left .ton-fill-box.g4:before{height: 4%;}
.ps .lr-box .right .ton-box-left .ton-fill-box.g5:before{height: 5%;}
.ps .lr-box .right .ton-box-left .ton-fill-box.g6:before{height: 6%;}
.ps .lr-box .right .ton-box-left .ton-fill-box.g7:before{height: 7%;}
.ps .lr-box .right .ton-box-left .ton-fill-box.g8:before{height: 8%;}
.ps .lr-box .right .ton-box-left .ton-fill-box.g9:before{height: 9%;}
.ps .lr-box .right .ton-box-left .ton-fill-box.g10:before{height:10%;}

.ps .lr-box .right .ton-box-left .ton-fill-box.g11:before{height: 11%;}
.ps .lr-box .right .ton-box-left .ton-fill-box.g12:before{height: 12%;}
.ps .lr-box .right .ton-box-left .ton-fill-box.g13:before{height: 13%;}
.ps .lr-box .right .ton-box-left .ton-fill-box.g14:before{height: 14%;}
.ps .lr-box .right .ton-box-left .ton-fill-box.g15:before{height: 15%;}
.ps .lr-box .right .ton-box-left .ton-fill-box.g16:before{height: 16%;}
.ps .lr-box .right .ton-box-left .ton-fill-box.g17:before{height: 17%;}
.ps .lr-box .right .ton-box-left .ton-fill-box.g18:before{height: 18%;}
.ps .lr-box .right .ton-box-left .ton-fill-box.g19:before{height: 19%;}
.ps .lr-box .right .ton-box-left .ton-fill-box.g20:before{height: 20%;}

/*가격물량  ton 색상 */
/*0-20 파랑 */
.ps .lr-box .right .ton-box-left .ton-fill-box.g0 .ton-color-txt,
.ps .lr-box .right .ton-box-left .ton-fill-box.g1 .ton-color-txt,
.ps .lr-box .right .ton-box-left .ton-fill-box.g2 .ton-color-txt,
.ps .lr-box .right .ton-box-left .ton-fill-box.g3 .ton-color-txt,
.ps .lr-box .right .ton-box-left .ton-fill-box.g4 .ton-color-txt,
.ps .lr-box .right .ton-box-left .ton-fill-box.g5 .ton-color-txt,
.ps .lr-box .right .ton-box-left .ton-fill-box.g6 .ton-color-txt,
.ps .lr-box .right .ton-box-left .ton-fill-box.g7 .ton-color-txt,
.ps .lr-box .right .ton-box-left .ton-fill-box.g8 .ton-color-txt,
.ps .lr-box .right .ton-box-left .ton-fill-box.g9 .ton-color-txt,
.ps .lr-box .right .ton-box-left .ton-fill-box.g10 .ton-color-txt,
.ps .lr-box .right .ton-box-left .ton-fill-box.g11 .ton-color-txt,
.ps .lr-box .right .ton-box-left .ton-fill-box.g12 .ton-color-txt,
.ps .lr-box .right .ton-box-left .ton-fill-box.g13 .ton-color-txt,
.ps .lr-box .right .ton-box-left .ton-fill-box.g14 .ton-color-txt,
.ps .lr-box .right .ton-box-left .ton-fill-box.g15 .ton-color-txt,
.ps .lr-box .right .ton-box-left .ton-fill-box.g16 .ton-color-txt,
.ps .lr-box .right .ton-box-left .ton-fill-box.g17 .ton-color-txt,
.ps .lr-box .right .ton-box-left .ton-fill-box.g18 .ton-color-txt,
.ps .lr-box .right .ton-box-left .ton-fill-box.g19 .ton-color-txt,
.ps .lr-box .right .ton-box-left .ton-fill-box.g20 .ton-color-txt{color:#0066ab;}

/*21-40 */
.ps .lr-box .right .ton-box-left .ton-fill-box.g21:before{height: 21%;}
.ps .lr-box .right .ton-box-left .ton-fill-box.g22:before{height: 22%;}
.ps .lr-box .right .ton-box-left .ton-fill-box.g23:before{height: 23%;}
.ps .lr-box .right .ton-box-left .ton-fill-box.g24:before{height: 24%;}
.ps .lr-box .right .ton-box-left .ton-fill-box.g25:before{height: 25%;}
.ps .lr-box .right .ton-box-left .ton-fill-box.g26:before{height: 26%;}
.ps .lr-box .right .ton-box-left .ton-fill-box.g27:before{height: 27%;}
.ps .lr-box .right .ton-box-left .ton-fill-box.g28:before{height: 28%;}
.ps .lr-box .right .ton-box-left .ton-fill-box.g29:before{height: 29%;}
.ps .lr-box .right .ton-box-left .ton-fill-box.g30:before{height: 30%;}

.ps .lr-box .right .ton-box-left .ton-fill-box.g31:before{height: 31%;}
.ps .lr-box .right .ton-box-left .ton-fill-box.g32:before{height: 32%;}
.ps .lr-box .right .ton-box-left .ton-fill-box.g33:before{height: 33%;}
.ps .lr-box .right .ton-box-left .ton-fill-box.g34:before{height: 34%;}
.ps .lr-box .right .ton-box-left .ton-fill-box.g35:before{height: 35%;}
.ps .lr-box .right .ton-box-left .ton-fill-box.g36:before{height: 36%;}
.ps .lr-box .right .ton-box-left .ton-fill-box.g37:before{height: 37%;}
.ps .lr-box .right .ton-box-left .ton-fill-box.g38:before{height: 38%;}
.ps .lr-box .right .ton-box-left .ton-fill-box.g39:before{height: 39%;}
.ps .lr-box .right .ton-box-left .ton-fill-box.g40:before{height: 40%;}

/*거래물량  ton 색상 */
/*21-40 초록 */
.ps .lr-box .right .ton-box-left .ton-fill-box.g21 .ton-color-txt,
.ps .lr-box .right .ton-box-left .ton-fill-box.g22 .ton-color-txt,
.ps .lr-box .right .ton-box-left .ton-fill-box.g23 .ton-color-txt,
.ps .lr-box .right .ton-box-left .ton-fill-box.g24 .ton-color-txt,
.ps .lr-box .right .ton-box-left .ton-fill-box.g25 .ton-color-txt,
.ps .lr-box .right .ton-box-left .ton-fill-box.g26 .ton-color-txt,
.ps .lr-box .right .ton-box-left .ton-fill-box.g27 .ton-color-txt,
.ps .lr-box .right .ton-box-left .ton-fill-box.g28 .ton-color-txt,
.ps .lr-box .right .ton-box-left .ton-fill-box.g29 .ton-color-txt,
.ps .lr-box .right .ton-box-left .ton-fill-box.g30 .ton-color-txt,
.ps .lr-box .right .ton-box-left .ton-fill-box.g31 .ton-color-txt,
.ps .lr-box .right .ton-box-left .ton-fill-box.g32 .ton-color-txt,
.ps .lr-box .right .ton-box-left .ton-fill-box.g33 .ton-color-txt,
.ps .lr-box .right .ton-box-left .ton-fill-box.g34 .ton-color-txt,
.ps .lr-box .right .ton-box-left .ton-fill-box.g35 .ton-color-txt,
.ps .lr-box .right .ton-box-left .ton-fill-box.g36 .ton-color-txt,
.ps .lr-box .right .ton-box-left .ton-fill-box.g37 .ton-color-txt,
.ps .lr-box .right .ton-box-left .ton-fill-box.g38 .ton-color-txt,
.ps .lr-box .right .ton-box-left .ton-fill-box.g39 .ton-color-txt,
.ps .lr-box .right .ton-box-left .ton-fill-box.g40 .ton-color-txt{color:#00862a}

/*41-60 */
.ps .lr-box .right .ton-box-left .ton-fill-box.g41:before{height: 41%;}
.ps .lr-box .right .ton-box-left .ton-fill-box.g42:before{height: 42%;}
.ps .lr-box .right .ton-box-left .ton-fill-box.g43:before{height: 43%;}
.ps .lr-box .right .ton-box-left .ton-fill-box.g44:before{height: 44%;}
.ps .lr-box .right .ton-box-left .ton-fill-box.g45:before{height: 45%;}
.ps .lr-box .right .ton-box-left .ton-fill-box.g46:before{height: 46%;}
.ps .lr-box .right .ton-box-left .ton-fill-box.g47:before{height: 47%;}
.ps .lr-box .right .ton-box-left .ton-fill-box.g48:before{height: 48%;}
.ps .lr-box .right .ton-box-left .ton-fill-box.g49:before{height: 49%;}
.ps .lr-box .right .ton-box-left .ton-fill-box.g50:before{height: 50%;}

.ps .lr-box .right .ton-box-left .ton-fill-box.g51:before{height: 51%;}
.ps .lr-box .right .ton-box-left .ton-fill-box.g52:before{height: 52%;}
.ps .lr-box .right .ton-box-left .ton-fill-box.g53:before{height: 53%;}
.ps .lr-box .right .ton-box-left .ton-fill-box.g54:before{height: 54%;}
.ps .lr-box .right .ton-box-left .ton-fill-box.g55:before{height: 55%;}
.ps .lr-box .right .ton-box-left .ton-fill-box.g56:before{height: 56%;}
.ps .lr-box .right .ton-box-left .ton-fill-box.g57:before{height: 57%;}
.ps .lr-box .right .ton-box-left .ton-fill-box.g58:before{height: 58%;}
.ps .lr-box .right .ton-box-left .ton-fill-box.g59:before{height: 59%;}
.ps .lr-box .right .ton-box-left .ton-fill-box.g60:before{height: 60%;}

/*거래물량  ton 색상 */
/*41-60 노랑 */
.ps .lr-box .right .ton-box-left .ton-fill-box.g41 .ton-color-txt,
.ps .lr-box .right .ton-box-left .ton-fill-box.g42 .ton-color-txt,
.ps .lr-box .right .ton-box-left .ton-fill-box.g43 .ton-color-txt,
.ps .lr-box .right .ton-box-left .ton-fill-box.g44 .ton-color-txt,
.ps .lr-box .right .ton-box-left .ton-fill-box.g45 .ton-color-txt,
.ps .lr-box .right .ton-box-left .ton-fill-box.g46 .ton-color-txt,
.ps .lr-box .right .ton-box-left .ton-fill-box.g47 .ton-color-txt,
.ps .lr-box .right .ton-box-left .ton-fill-box.g48 .ton-color-txt,
.ps .lr-box .right .ton-box-left .ton-fill-box.g49 .ton-color-txt,
.ps .lr-box .right .ton-box-left .ton-fill-box.g50 .ton-color-txt,
.ps .lr-box .right .ton-box-left .ton-fill-box.g51 .ton-color-txt,
.ps .lr-box .right .ton-box-left .ton-fill-box.g52 .ton-color-txt,
.ps .lr-box .right .ton-box-left .ton-fill-box.g53 .ton-color-txt,
.ps .lr-box .right .ton-box-left .ton-fill-box.g54 .ton-color-txt,
.ps .lr-box .right .ton-box-left .ton-fill-box.g55 .ton-color-txt,
.ps .lr-box .right .ton-box-left .ton-fill-box.g56 .ton-color-txt,
.ps .lr-box .right .ton-box-left .ton-fill-box.g57 .ton-color-txt,
.ps .lr-box .right .ton-box-left .ton-fill-box.g58 .ton-color-txt,
.ps .lr-box .right .ton-box-left .ton-fill-box.g59 .ton-color-txt,
.ps .lr-box .right .ton-box-left .ton-fill-box.g60 .ton-color-txt{color:#f2c552}

/*61-80 */
.ps .lr-box .right .ton-box-left .ton-fill-box.g61:before{height: 61%;}
.ps .lr-box .right .ton-box-left .ton-fill-box.g62:before{height: 62%;}
.ps .lr-box .right .ton-box-left .ton-fill-box.g63:before{height: 63%;}
.ps .lr-box .right .ton-box-left .ton-fill-box.g64:before{height: 64%;}
.ps .lr-box .right .ton-box-left .ton-fill-box.g65:before{height: 65%;}
.ps .lr-box .right .ton-box-left .ton-fill-box.g66:before{height: 66%;}
.ps .lr-box .right .ton-box-left .ton-fill-box.g67:before{height: 67%;}
.ps .lr-box .right .ton-box-left .ton-fill-box.g68:before{height: 68%;}
.ps .lr-box .right .ton-box-left .ton-fill-box.g69:before{height: 69%;}
.ps .lr-box .right .ton-box-left .ton-fill-box.g70:before{height: 70%;}

.ps .lr-box .right .ton-box-left .ton-fill-box.g71:before{height: 71%;}
.ps .lr-box .right .ton-box-left .ton-fill-box.g72:before{height: 72%;}
.ps .lr-box .right .ton-box-left .ton-fill-box.g73:before{height: 73%;}
.ps .lr-box .right .ton-box-left .ton-fill-box.g74:before{height: 74%;}
.ps .lr-box .right .ton-box-left .ton-fill-box.g75:before{height: 75%;}
.ps .lr-box .right .ton-box-left .ton-fill-box.g76:before{height: 76%;}
.ps .lr-box .right .ton-box-left .ton-fill-box.g77:before{height: 77%;}
.ps .lr-box .right .ton-box-left .ton-fill-box.g78:before{height: 78%;}
.ps .lr-box .right .ton-box-left .ton-fill-box.g79:before{height: 79%;}
.ps .lr-box .right .ton-box-left .ton-fill-box.g80:before{height: 80%;}

/*거래물량  ton 색상 */
/*61-80 주황 */
.ps .lr-box .right .ton-box-left .ton-fill-box.g61 .ton-color-txt,
.ps .lr-box .right .ton-box-left .ton-fill-box.g62 .ton-color-txt,
.ps .lr-box .right .ton-box-left .ton-fill-box.g63 .ton-color-txt,
.ps .lr-box .right .ton-box-left .ton-fill-box.g64 .ton-color-txt,
.ps .lr-box .right .ton-box-left .ton-fill-box.g65 .ton-color-txt,
.ps .lr-box .right .ton-box-left .ton-fill-box.g66 .ton-color-txt,
.ps .lr-box .right .ton-box-left .ton-fill-box.g67 .ton-color-txt,
.ps .lr-box .right .ton-box-left .ton-fill-box.g68 .ton-color-txt,
.ps .lr-box .right .ton-box-left .ton-fill-box.g69 .ton-color-txt,
.ps .lr-box .right .ton-box-left .ton-fill-box.g70 .ton-color-txt,
.ps .lr-box .right .ton-box-left .ton-fill-box.g71 .ton-color-txt,
.ps .lr-box .right .ton-box-left .ton-fill-box.g72 .ton-color-txt,
.ps .lr-box .right .ton-box-left .ton-fill-box.g73 .ton-color-txt,
.ps .lr-box .right .ton-box-left .ton-fill-box.g74 .ton-color-txt,
.ps .lr-box .right .ton-box-left .ton-fill-box.g75 .ton-color-txt,
.ps .lr-box .right .ton-box-left .ton-fill-box.g76 .ton-color-txt,
.ps .lr-box .right .ton-box-left .ton-fill-box.g77 .ton-color-txt,
.ps .lr-box .right .ton-box-left .ton-fill-box.g78 .ton-color-txt,
.ps .lr-box .right .ton-box-left .ton-fill-box.g79 .ton-color-txt,
.ps .lr-box .right .ton-box-left .ton-fill-box.g80 .ton-color-txt{color:#e17b00;}

/*81-100 */
.ps .lr-box .right .ton-box-left .ton-fill-box.g81:before{height: 81%;}
.ps .lr-box .right .ton-box-left .ton-fill-box.g82:before{height: 82%;}
.ps .lr-box .right .ton-box-left .ton-fill-box.g83:before{height: 83%;}
.ps .lr-box .right .ton-box-left .ton-fill-box.g84:before{height: 84%;}
.ps .lr-box .right .ton-box-left .ton-fill-box.g85:before{height: 85%;}
.ps .lr-box .right .ton-box-left .ton-fill-box.g86:before{height: 86%;}
.ps .lr-box .right .ton-box-left .ton-fill-box.g87:before{height: 87%;}
.ps .lr-box .right .ton-box-left .ton-fill-box.g88:before{height: 88%;}
.ps .lr-box .right .ton-box-left .ton-fill-box.g89:before{height: 89%;}
.ps .lr-box .right .ton-box-left .ton-fill-box.g90:before{height: 90%;}

.ps .lr-box .right .ton-box-left .ton-fill-box.g91:before{height: 91%;}
.ps .lr-box .right .ton-box-left .ton-fill-box.g92:before{height: 92%;}
.ps .lr-box .right .ton-box-left .ton-fill-box.g93:before{height: 93%;}
.ps .lr-box .right .ton-box-left .ton-fill-box.g94:before{height: 94%;}
.ps .lr-box .right .ton-box-left .ton-fill-box.g95:before{height: 95%;}
.ps .lr-box .right .ton-box-left .ton-fill-box.g96:before{height: 96%;}
.ps .lr-box .right .ton-box-left .ton-fill-box.g97:before{height: 97%;}
.ps .lr-box .right .ton-box-left .ton-fill-box.g98:before{height: 98%;}
.ps .lr-box .right .ton-box-left .ton-fill-box.g99:before{height: 99%;}
.ps .lr-box .right .ton-box-left .ton-fill-box.g100:before{height: 100%;}

/*거래물량  ton 색상 */
/*81-100 빨강 */
.ps .lr-box .right .ton-box-left .ton-fill-box.g81 .ton-color-txt,
.ps .lr-box .right .ton-box-left .ton-fill-box.g82 .ton-color-txt,
.ps .lr-box .right .ton-box-left .ton-fill-box.g83 .ton-color-txt,
.ps .lr-box .right .ton-box-left .ton-fill-box.g84 .ton-color-txt,
.ps .lr-box .right .ton-box-left .ton-fill-box.g85 .ton-color-txt,
.ps .lr-box .right .ton-box-left .ton-fill-box.g86 .ton-color-txt,
.ps .lr-box .right .ton-box-left .ton-fill-box.g87 .ton-color-txt,
.ps .lr-box .right .ton-box-left .ton-fill-box.g88 .ton-color-txt,
.ps .lr-box .right .ton-box-left .ton-fill-box.g89 .ton-color-txt,
.ps .lr-box .right .ton-box-left .ton-fill-box.g90 .ton-color-txt,
.ps .lr-box .right .ton-box-left .ton-fill-box.g91 .ton-color-txt,
.ps .lr-box .right .ton-box-left .ton-fill-box.g92 .ton-color-txt,
.ps .lr-box .right .ton-box-left .ton-fill-box.g93 .ton-color-txt,
.ps .lr-box .right .ton-box-left .ton-fill-box.g94 .ton-color-txt,
.ps .lr-box .right .ton-box-left .ton-fill-box.g95 .ton-color-txt,
.ps .lr-box .right .ton-box-left .ton-fill-box.g96 .ton-color-txt,
.ps .lr-box .right .ton-box-left .ton-fill-box.g97 .ton-color-txt,
.ps .lr-box .right .ton-box-left .ton-fill-box.g98 .ton-color-txt,
.ps .lr-box .right .ton-box-left .ton-fill-box.g99 .ton-color-txt,
.ps .lr-box .right .ton-box-left .ton-fill-box.g100 .ton-color-txt{color:#e10000;}

/**********************
      con-1 반응형
************************/
/* min-480px-180px-s */

@media screen and (min-width:480px){
/* .ps .contentWrap:after{top: 55%; right:11%;}
.ps .contentWrap2:after{ top: 55%; left:11%;} */
.ps .search-arrow-wrap{ height:30px;}
.ps .search-arrow-wrap .search-arrow{width: 20px;height:20px;}
.ps .search-arrow-wrap.on .search-arrow{width:20px;height:20px;}	
	
.ps .con1-1{padding:3em 0 4.5em}
.ps .con1-1 .left{width:20%}
.ps .top-wrap .date-box .next,
.ps .top-wrap .date-box .prev{width:20px;height:20px}
.ps .con1-3{ padding:5em 0 2em}
.ps .con1 .con1-2 .year2,
.ps .con1 .con1-2 .year{font-size:1.5em;}
.ps .lr-box .bold{font-size:1.9em}
.ps .lr-box .bold-side{font-size:1.5em}
.ps .lr-box .left .coin-box-right,
.ps .lr-box .right .ton-box-right{width:50%;height:7.6em;}
.ps .lr-box .right .ton-box-left .ton-fill-box .ton-color-txt{font-size:1.5em; width:34px; height:34px;border:3px solid;}
}

@media screen and (min-width:540px){
.ps .lr-box .right .ton-box-left .ton-fill-box .ton-color-txt{font-size:1.7em; width:40px; height:40px; border:3px solid;}
}

@media screen and (min-width:580px){
.filterWrap2.ps2 .selectItem{width:260px;}
	
.ps .con1-1{padding:3em 0 4em}
.ps .r-t3{font-size:1.6em}
.ps .r-t2 span{font-size:0.6em}
.ps .con1-3{padding:5em 0 2em}
.ps .lr-box .bold-side{font-size:1.6em}
.ps .lr-box .box-r-txt2,
.ps .lr-box .box-r-txt1{font-size:1.7em}
.ps .lr-box .left{width:40%; padding-right:4vw;}
.ps .lr-box .right{ width:42%; padding-left:4vw;}
.ps .lr-box .left .coin-box-left{width:14vw}
.ps .lr-box .left .coin-box-right{width:calc(100% - 14vw)}
.ps .lr-box .right .ton-box-left{width:19vw}
.ps .lr-box .right .ton-box-right{width:calc(100% - 19vw)}
.ps .lr-box .left .coin-box-right, .ps .lr-box .right .ton-box-right{height:7.6em}
.ps .lr-box .bt{font-size:2em}
.ps .con1-3 .bt-txt{font-size:1.3em; margin-top:1em;}
.ps .lr-box .left .coin-box-left .coin-fill-box .coin-color-txt{font-size:2.8em}
.ps .lr-box .right .ton-box-left .ton-fill-box .ton-color-txt{font-size:1.8em;}
}
@media screen and (min-width:630px){
.ps .lr-box{padding:0 3em;}
}

@media screen and (min-width:640px){
/* .ps .contentWrap:after{top: 57%;right:8%}
.ps .contentWrap2:after{ top: 57%;left:8%} */
.ps .con1-1 .left{width:22%}
.ps .lr-box .right .ton-box-left .ton-fill-box .ton-color-txt{width:42px; height:42px;border:3px solid;}
.ps .con1-3 .bt-txt{display:flex; justify-content:flex-end; flex-direction:row;margin-top:1.5em}

}

@media screen and (min-width:680px){/* 
.ps .contentWrap:after{top: 56%;right:10%}
.ps .contentWrap2:after{ top: 56%;left:10%} */
.ps .con1-1 {padding:2em 0 4em}
.ps .search-btn .article{font-size:1.6em}
.ps .searchList span{font-size:1em}
.ps .r-t1{font-size:2.5em}
.ps .r-t3{font-size:1.8em}
.ps .con1-3{padding:5em 0 2em}

/* 새로수정 */
.ps .con1 .con1-2 .year2 .c-2, 
.ps .con1 .con1-2 .year .c-2 {padding: 0 1.8em 0 1em}
.plus:before,.minus:before{left:20%}

}

@media screen and (min-width:740px){/* 
.ps .contentWrap:after{top: 53%;right:10%}
.ps .contentWrap2:after{ top: 53%;left:10%} */
.ps .search-btn .article{font-size:20px; height:2.5em}
.ps .con1-1 {padding:2em 0 3.5em}
.ps .con1-1 .left{width:20%}
.ps .con1-1 .right{padding:0 1em;}
.ps .con1 .con1-2 {width:80%;}
.ps .r-t1{font-size:30px}
.ps .r-t2{font-size:44px}
.ps .r-t3{font-size:24px}
.ps .con1 .con1-2 .year2, .ps .con1 .con1-2 .year{font-size:1.6em}
.ps .con1-3 {padding:6em 0 2.5em}
.ps .lr-box .bold{font-size:28px}
.ps .lr-box .bold-side {font-size:24px}
.ps .lr-box .right .ton-box, .ps .lr-box .left .coin-box{padding-top:1.5em}
.ps .lr-box .left .coin-box-left{width:16vw}
.ps .lr-box .left .coin-box-right{width: calc(100% - 16vw)}
.ps .lr-box .right .ton-box-left{width:22vw}
.ps .lr-box .right .ton-box-right{width: calc(100% - 22vw)}
.ps .lr-box .left .coin-box-right, .ps .lr-box .right .ton-box-right{height:9em}
.ps .lr-box .box-r-txt2, .ps .lr-box .box-r-txt1{font-size:26px}
.ps .lr-box .bt{font-size:30px}
.ps .lr-box{padding:0 4em}
.ps .con1-3 .bt-txt{width:96%; }
.ps .lr-box .left .coin-box-left .coin-fill-box .coin-color-txt{font-size:3.5em}
.ps .lr-box .right .ton-box-left .ton-fill-box .ton-color-txt{font-size:2.33em; width:56px; height:56px;border:4px solid;}
}

@media screen and (min-width:840px){
/* .ps .contentWrap:after{top: 54%;right:7%}
.ps .contentWrap2:after{ top: 54%;left:7%} */
.filterWrap2.ps2 .selectItem{width:300px;}
.ps .search-btn .article{height:2.6em}
.ps .con1 .con1-2{height:6em}
.ps .con1-1{padding:2em 0 4.5em}
.ps .con1-3{padding:6em 0 2em}
.ps .con1-1 .left{width:20%}
.ps .r-t1{font-size:2.5em}
.ps .r-t2{font-size:3.8em}
.ps .r-t3{font-size:2.1em}
.ps .lr-box .box-r-txt2, .ps .lr-box .box-r-txt1{font-size:2em}
.ps .lr-box .left .coin-box-right, .ps .lr-box .right .ton-box-right{height:9.6em}
.ps .lr-box .left{padding-right:3em}
.ps .lr-box .right{padding-left:3em}
.ps .con1 .con1-2 .year2, .ps .con1 .con1-2 .year{font-size:22px;}
}

@media screen and (min-width:940px){
/* .ps .contentWrap:after{top: 55%;right:7%}
.ps .contentWrap2:after{ top: 55%;left:7%} */
.ps .search-btn .article{font-size:1.5em;}
.ps .top-wrap {max-width:1080px; margin:0 auto;}
.ps .date-box{font-size:2.7em; width:330px}
.ps .con1-1 {padding:2em 0 5em}
.ps .con1 .con1-2 .year2 .c-2, .ps .con1 .con1-2 .year .c-2{padding:0 2em 0 1em}
.ps .con1 .con1-2{width:96%;display: flex; align-items: center; justify-content: center; height: 7em; max-width: 1080px; margin: 0 auto;}
.ps .con1 .con1-2 .year{width:50%;padding-top:0;font-size:1.7em;justify-content:flex-end;margin-right:0.3em}
.ps .con1 .con1-2 .year2{width:50%;padding-top:0; align-items:center; justify-content:flex-start;font-size:1.7em; margin-left:0.3em}
.ps .lr-box{margin:0 auto; max-width:1080px;}
.ps .r-t1{font-size:2.8em}
.ps .r-t3{font-size:2.2em}
.ps .lr-box .left{width:40%;}
.ps .lr-box .left .coin-box-right, .ps .lr-box .right .ton-box-right{height:11.2em}
.ps .lr-box .left .coin-box-left{width:14vw}
.ps .lr-box .left .coin-box-right{width:calc(100% - 14vw)}
.ps .lr-box .right .ton-box-left{width:20vw}
.ps .lr-box .right .ton-box-right{width:calc(100% - 20vw)}
.ps .con1-3{padding:6.5em 0em 2em}
.ps .lr-box .left .coin-box-left .coin-fill-box .coin-color-txt{font-size:3.8em}
.ps .lr-box .right .ton-box-left .ton-fill-box .ton-color-txt{font-size:2.5em; width:64px; height:64px;border:5px solid;}
}

@media screen and (min-width:1080px){
.filterWrap2.ps2 .selectItem{width:360px;}
.ps .contentWrap{ max-width:100%; margin:0 auto; padding:0}
.ps .top-wrap{max-width:1080px; margin:0 auto;padding:0}
.ps .con1-1{padding-right:8em}
.ps .con1-1 .c1-lr-box{ max-width: 1080px; margin: 0 auto;}
.ps .con1 .con1-2{width:80%;max-width:1080px}
.ps .lr-box{margin:0 auto; max-width:1080px;}
.ps .lr-box .left .coin-box-left{width:14vw}
.ps .lr-box .left .coin-box-right{width:calc(100% - 14vw)}
.ps .lr-box .left{width:45%}
.ps .lr-box .right{width:48%}
.ps .lr-box .right .ton-box-left{width:20vw}
.ps .lr-box .right .ton-box-right{width:calc(100% - 20vw)}
.ps .lr-box .right .ton-box-right{padding-right:1vw}
.ps .lr-box .right .ton-box-left .ton-bt,
.ps .lr-box .left .coin-box-left .coin-bt{font-size:2.6em;}
.ps .lr-box .right .ton-box-left .ton-fill-box .ton-color-txt{width:68px; height:68px;border:5px solid;}

.ps .con1-3 .bt-txt{width:100%; margin:0 auto; margin-top:1.5em}

}

/* 새로수정 */
@media screen and (min-width:1240px){
.ps .con1 .con1-2{display:flex; align-items: center; justify-content: space-between; gap:1em}
.ps .con1 .con1-2 .year{justify-content:flex-end}
.ps .con1 .con1-2 .year2{align-items:center;justify-content:flex-start}
.ps .con1 .con1-2 .year{padding-top:0}
.minus:before,.plus:before{left:16%}
}


@media screen and (min-width:1280px){
/* .ps .contentWrap:after{width: 28px;height: 28px;}
.ps .contentWrap2:after{ width: 28px; height: 28px;} */
.ps .con1-1{padding-right:0}
.ps .lr-box .bold{font-size:2em}
.ps .lr-box .bold-side{font-size:1.6em}
.ps .con1 .con1-2{width:100%;}
.ps .lr-box .left .coin-box-left{width:13vw}
.ps .lr-box .left .coin-box-right{width:calc(100% - 13vw)}
.ps .lr-box .right .ton-box-left{width:19vw}
.ps .lr-box .right .ton-box-right{width:calc(100% - 19vw)}
.ps .lr-box .bt{font-size:2.4em}
/* .ps .contentWrap:after{top: 53%;}
.ps .contentWrap2:after{top: 53%;} */
}

@media screen and (min-width:1440px){
/* .ps .contentWrap:after{top: 55%; right:5%; width: 34px;height: 34px; transform:translate(-5%,-55%) rotate(-134deg)}
.ps .contentWrap2:after{ content: ''; top: 55%; left:5%; width: 34px;height: 34px;} */
.filterWrap2.ps2 .selectItem{width:100%;}
.ps .con1-3 {padding:6em 0em 2em}
.ps .lr-box .left .coin-box-right, .ps .lr-box .right .ton-box-right{height:10.2em}
.ps .lr-box .left .coin-box-left{width:160px}
.ps .lr-box .left .coin-box-right{width:calc(100% - 160px)}
.ps .lr-box .right .ton-box-left{width:226px}
.ps .lr-box .right .ton-box-right{width:calc(100% - 226px)}
.ps .con1 .con1-2 .year2 .c-2, .ps .con1 .con1-2 .year .c-2{padding:0 1.5em 0 0.5em}
.ps .top-wrap .date-box .next,
.ps .top-wrap .date-box .prev{width:24px;height:24px}
.ps .lr-box .left .coin-box-left .coin-fill-box .coin-color-txt{font-size:4em}
.ps .lr-box .right .ton-box-left .ton-fill-box .ton-color-txt{font-size:2.3em;}
}

/* min-480px-1440px-e */
@media screen and (max-width:429px){
/* .ps .contentWrap:after{top: 57%; right:11%;}
.ps .contentWrap2:after{ top: 57%; left:11%;} */
.filterWrap2.ps2 .selectItem{width:200px;}
.ps .lr-box .right .ton-box-left .ton-fill-box .ton-color-txt{font-size:1.4em; width:28px; height:28px; border: 2px solid;}
}

@media screen and (max-width:380px){
	.filterWrap2.ps2 .selectItem{width:180px;}
	/* .ps .contentWrap:after{top: 59%; right:11%;}
	.ps .contentWrap2:after{ top: 59%; left:11%;} */
	.ps .prev{left:8vw}
	.ps .next{right:8vw}
	.ps .search-btn .article{width: calc((100% / 5) - (28px / 5)); margin-right:4px; height:2.5em; border-radius:1.2em }
	.ps .date-box{width:100%!important}
	.ps .searchList{font-size:1.8em}
	.ps .con1-1{padding:2.5em 0em 3.5em}
	.ps .con1-1 .left{width:28%}
	.ps .r-t1{font-size:1.8em;}
	.ps .r-t2{font-size:2.6em;}
	.ps .r-t3{font-size:1.3em}
	
	.ps .date-box{width:100%}
	.ps .con1 .con1-2{width:80%; height:4em}
	.ps .con1 .con1-2 .year2,
	.ps .con1 .con1-2 .year{font-size:14px;}	
	.ps .con1-3{padding:4em 0 2em}
	.ps .lr-box .left{padding-right:3vw}
	.ps .lr-box .left .coin-box-left{width:20vw;}
	.ps .lr-box .left .coin-box-right{width:calc(100% - 20vw); height:6.5em}
	.ps .lr-box .right .ton-box-right{width:calc(100% - 27vw); height:6.5em}
	.ps .lr-box .right .ton-box-left{width:27vw}
	.ps .lr-box .right{padding-left:3vw}
	.ps .lr-box .bold{font-size:1.6em}
	.ps .lr-box .bold-side{font-size:1.3em}
	.ps .lr-box .bt{font-size:1.7em;}
	.ps .lr-box .box-r-txt2, .ps .lr-box .box-r-txt1{font-size:14px}
	.ps .search-btn .article{height:2.1em;font-size:1.3em}
	.ps .con1-3 .t-txt{width:90%;font-size:1.1em }
	.ps .con1-3 .bt-txt{font-size:1.1em}
	.ps .lr-box .left .coin-box-left .coin-fill-box .coin-color-txt{font-size:2.6em}
	.ps .lr-box .right .ton-box-left .ton-fill-box .ton-color-txt{font-size:1.5em; width:30px; height:30px;border:2px solid}
}

@media screen and (max-width:320px){
	.ps .con1-1 .left{width:30%}
	.ps .lr-box{padding:0 1em}
	.ps .lr-box .right{padding-left:1em}
	.ps .lr-box .left{padding-right:1em}
	.ps .con1 .con1-2 .year2, .ps .con1 .con1-2 .year{font-size:12px}
	.ps .lr-box .right .ton-box-right,
	.ps .lr-box .left .coin-box-right{height:5.5em}
	.ps .lr-box .right .ton-box-left{width:28vw}
	.ps .lr-box .right .ton-box-right{width:calc(100% - 28vw)}
	.ps .con1-3{padding:3.5em 0 1em}
	.ps .lr-box .bold-side{font-size:1.5em}
	.ps .con1-3 .t-txt{font-size:1.1em}
	.ps .con1-3 .bt-txt{ font-size:1.1em;}
	.ps .lr-box .bt{font-size:1.6em}
	.ps .lr-box .right .ton-box-right,
	.ps .lr-box .left .coin-box-right{height:5em}
	.ps .lr-box .left{width:40%;}
	.ps .lr-box .left .coin-box-left .coin-fill-box .coin-color-txt{font-size:2.3em}
}

/*con2*/
.ps .con2 {width:100%;display: flex; flex-direction: column; position:relative;margin:0 auto;}
.ps .con2 .dataTit {width: 100%;display: flex; align-items: center; justify-content: space-between; margin-bottom: 0;}
.ps .con2 .dataTit strong {font-size: 2em; font-weight: 500;}
.ps .con2 .dataTit .dataTit-r {font-size: 1.5em; color: rgba(0,0,0,.6);}
.ps .con2 .dataTit-r2 {font-size: 1.5em; color: rgba(0,0,0,.6);text-align: end; padding-top:1.5em;display: flex;  align-items: center;justify-content: space-between;}
.ps .con2 table {border-top: 1px solid #000; margin-top: 1.25em;}
.ps .con2 thead {border-bottom: 1px solid #e1e1e1;}
.ps .con2 thead th {font-size: 1.625em; padding: .725em 0;}
.ps .con2 thead :first-child {text-align: left; padding-left: 1.625em;}
.ps .con2 thead :last-child {text-align: right; padding-right: 1.625em;}
.ps .con2 tbody tr {border-bottom: 1px solid #e1e1e1;}
.ps .con2 tbody tr :first-child {text-align: left; padding-left: 1.625em;}
.ps .con2 tbody tr :last-child {text-align: right; padding-right: 1.625em;}
.ps .con2 tbody tr:first-child td {background-color: #efefef;}
.ps .con2 tbody tr:first-child td:first-child {border-radius: 1.666em 0 0 1.666em;}
.ps .con2 tbody tr:first-child td:last-child {border-radius: 0 1.666em 1.666em 0;}
.ps .con2 tbody td {font-size: 1.625em; padding: .4em 0;}
.ps .con2 tbody td .today {display: inline-block; position: relative; padding-right: 0; padding-left: 1.25em;}
.ps .con2 tbody td .today::before {font-size: .875em; position: absolute; top: 50%; left: 0; transform: translateY(-50%);}
.ps .con2 tbody td .today.todayDown::before {color: #3184ff; content: '▼';}
.ps .con2 tbody td .today.todayUp::before {color: #f1314f; content: '▲';}
.ps .con2 .table-bt {font-size: 1.475em; letter-spacing: -.05em; margin-top: .625em; margin-bottom:1em; color: rgba(0, 0, 0, .68);}
.ps .con2 .priceService_chart {width:100vw; height:100%; max-width: 1080px; margin: 0 auto; padding-top:1em;}
.ps .side2{padding:0!important}

/**********************
         con-2 반응형
************************/

/*480-1440  */
@media screen and (min-width:350px){
.ps .txt-add{display:inline}
}

@media screen and (min-width:430px){
.ps .con2 tbody td{padding:.56em 0}
.ps .txt-add2{width: 10rem;text-overflow: ellipsis; overflow: hidden; word-break: break-word; display: -webkit-box; -webkit-line-clamp: 2;}
}

@media screen and (min-width:480px){
.ps .con2 tbody td{padding:0.52em 0}
.ps .con2 .date-box .next,
.ps .con2 .date-box .prev{width:24px;height:20px}
}

@media screen and (min-width:540px){	
.ps .con2 tbody td{padding:0.63em 0}
.ps .side2{padding:0!important}
}
@media screen and (min-width:546px){	
.ps .txt-add2{display:contents;}
}

@media screen and (min-width:640px){
.ps .con2 tbody td{padding:0.68em 0}
}

@media screen and (min-width:740px){
.ps .con2 tbody td{padding:0.9em 0}
}

@media screen and (max-width:940px){
.ps .date-box-center{width:180px!important}
}

@media screen and (max-width:940px){
.ps .date-box-center{width:220px!important}
}

@media screen and (min-width:961px){
.ps .con2 tbody td{padding:0.75em 0}	
.ps .con2 .priceService_chart{height:28vh}
}

@media screen and (min-width:1024px){
.con2 tbody td{padding:0.8em 0}	
.ps .con2 .priceService_chart{height:28vh}
.ps .date-box-center{width:300px!important}
.ps .prev, .ps .next{width:24px;height:24px;}
}

@media screen and (min-width:1040px){	
.ps .con2 .priceService_chart{height:28vh}
.ps .date-box-center{width:100%!important}
}

@media screen and (min-width:1080px){
.ps .con2{max-width:1080px; margin:0 auto;}
}

@media screen and (min-width:1280px){
.ps .con2 .priceService_chart{max-width:1080px;}
} 

@media screen and (min-width:1440px){
.ps .con2 tbody td{padding:0.65em 0}
.ps .con2 .date-box .next,
.ps .con2 .date-box .prev{width:24px;height:24px}
}

/*320-380  */
@media screen and (max-width:429px){
.ps .con2 tbody td{padding:0.6em 0}
.ps .txt-add2{width: 10rem;text-overflow: ellipsis; overflow: hidden; word-break: break-word; display: -webkit-box; -webkit-line-clamp: 2;}
.ps .plus:before{left:13%}
.ps .minus:before{left:13%}
}

@media screen and (max-width:380px){
.ps .con2 tbody td {padding: .38em 0;}
.ps .con1-1{padding:3.5em 0 4em}
.ps .con2 .table-bt{margin-bottom:0}
.ps .con2 .dataTit-r2{padding-top:1em}
.ps .lr-box .bold-side{font-size:14px;margin-left:0}
.ps .txt-add{width: 10rem;text-overflow: ellipsis; overflow: hidden; word-break: break-word; display: -webkit-box; -webkit-line-clamp: 2;}
}

@media screen and (max-width:350px){
.ps .con2 tbody td {padding: .38em 0;}
.ps .con1-1{padding:2.5em 0em 3.5em}
}

@media screen and (max-width:320px){
.ps .con1-1{padding:2em 0em 3.5em}
.con2 .priceService_chart{padding-top:1em}
}