@charset "utf-8"; 
/*
	농넷 MAIN STYLE
	WRITER : Lee Jeonghee
	Last Modify Date : 2024. 01. 25.
*/

body { padding-top:7.625em; background:url(../images/main/top_bg.png) repeat-x top center; background-size:auto 13.3125em; }

/* header */
.header { background:none; }
.headTop { display:flex; justify-content:space-between; max-width:100%; padding:3.5625em 4.0625em .375em 3.0625em; }
.headTop .logo { position:static; }
.headTop .btnAllMenu { display:block !important; }
.headTop .btnAllMenu button { width:2.0625em; }
.headTop .btnAllMenu .icoMenu { width:100%; height:1.75em; }
.headTop .icoMenu i::before { top:-.75em; }
.headTop .icoMenu i::after { top:.75em; }
.gnbWrap {transform:translateY(-100%);transition:.25s .1s cubic-bezier(0.22, 0.61, 0.36, 1);position:absolute;top:0;left:0;width:100%;background:#fff;border-top:none;}
.gnbWrap .scrollLogo { position:absolute; top:1.875em; left:2.375em; }
.gnbWrap .scrollLogo a { display:block; width:5.9375em; height:2.4375em; background:url(../images/common/logo.png) no-repeat; background-size:100%; transition:all .15s; text-indent:-9999px; }
.gnbWrap .btnAllMenu { position:absolute; top:2.5em; right:3.3125em; display:flex; align-items:center; }
.gnbWrap .gnb { justify-content:center; }
.gnb .gnbList {width:50.625em;justify-content:space-between;}
.gnb .gnbList>li { margin:0; }
.gnb .gnbList>li>a { padding:1.75em 0; }
.scroll .headTop { display:none; }
.scroll .gnbWrap { transform:translateY(0); }
@media screen and (max-width:960px) { 
	body { padding-top:11.2727em; background:none; }
	/* header */
	.header { border:none; background:#fff; }
	.headTop { padding:4em 3.3333% 1.909em 5.8333%; }
	.headTop .btnAllMenu { display:none !important; }
	.btnMoGnb { position:static; }
	.gnbWrap { transform:none; transition:none; position:fixed; left:auto; }
	.gnbWrap .scrollLogo { display:none; }
	.gnbWrap .btnAllMenu { display:none; }
	.gnb .gnbList { width:100%; }
	.gnb .gnbList>li { margin:1em 0 0; }
	.gnb .gnbList>li>a { padding:.5625em 0; }
}

/* titSearch */
.titSearch .inner { max-width:1220px; margin:0 auto; }
.titSearch h3 { font-size:2.75em; font-weight:400; letter-spacing:-.01em; line-height:1.6; color:#11056d; text-align:center; }
.titSearch h3 span { position:relative; font-weight:700; color:#1a3ac5; }
.titSearch h3 span::before,
.titSearch h3 span::after { content:'”'; }
.titSearch .searchArea { margin-top:3.4375em; }
.titSearch .searchBox { margin-bottom:1.625em; }
.titSearch .searchBox .searchkeyword { width:25.1875em; margin:0 auto; }
.titSearch .searchBox .searchkeyword input { width:100%; padding:0 4.375rem 0 1.875rem; line-height:3.5555em; font-size:1.125em; font-weight:700; color:#1a3ac5; letter-spacing:-.05em; border:1px solid #1f43df; box-sizing:border-box; border-radius:3em; box-shadow:0 15px 16px 0 rgba(35, 72, 164, 0.1); }
.titSearch .searchBox .searchkeyword input::placeholder { font-weight:400; color:#7b8cce; }
.titSearch .searchBox .searchkeyword input:focus { outline:none; }
.titSearch .searchBox .searchkeyword button { display:flex; align-items:center; justify-content:center; position:absolute; top:50%; right:.625em; width:3.0625em; height:3.0625em; margin-top:-1.53125em; border-radius:50%; text-indent:-9999px; }
.titSearch .searchBox .searchkeyword button::before { content:''; position:absolute; top:0; left:0; width:100%; height:100%; transition:all .15s; transform:scale(.1); border-radius:50%; }
.titSearch .searchBox .searchkeyword button i { display:block; width:1.063em; height:1.063em; background-image:url(../images/main/btn_main_search.png); background-repeat:no-repeat; background-position:center; background-size:100%; z-index:1; }
.titSearch .searchBox .searchkeyword button.active::before { background:#1f43df; transform:scale(1); }
.titSearch .searchBox .searchkeyword button.active i { background-image:url(../images/main/btn_main_search_on.png); }
.titSearch .bestItem { position:relative; max-width:25em; margin:0 auto; padding-left:3.75em; box-sizing:border-box; }
.titSearch .bestItem .tit { position:absolute; top:.0666em; left:.6666em; font-size:.9375em; color:#ef2458; }
.titSearch .bestItem .bestSlide { overflow:hidden; position:relative; height:1.25em; }
.titSearch .bestItem .bestSlide::after { content:''; display:block; position:absolute; top:0; right:0; width:1.6875em; height:100%; background:url(../images/main/best_slide_bg.png) no-repeat; background-size:100%; z-index:1; }
.titSearch .bestItem .bestSlide .item { float:left; padding:0 .25em; }
.titSearch .bestItem .bestSlide a { display:block; position:relative; padding-left:1.5em; box-sizing:border-box; color:#2d2f3a; }
.titSearch .bestItem .bestSlide a:focus, 
.titSearch .bestItem .bestSlide a:hover { color:#1a3ac5; }
.titSearch .bestItem .bestSlide i { position:absolute; top:.0833em; left:.0833em; width:1.5em; border:1px solid #dedfe2; border-radius:.25rem; box-sizing:border-box; text-align:center; line-height:1.35em; font-style:normal; font-size:.75em; color:#2d2f3a; }
.titSearch .bestItem .bestSlide span { display:inline-block; position:relative; padding:1px 0; line-height:1em; font-size:.9375em; letter-spacing:-.05em; }
.titSearch .bestItem .bestSlide span::after { content:''; position:absolute; left:0; bottom:0; width:0; height:1px; }
.titSearch .bestItem .bestSlide a:focus span::after, 
.titSearch .bestItem .bestSlide a:hover span::after { width:100%; background:#1a3ac5; transition:all linear .2s; }
.titSearch .quickMenu { margin-top:1.625em; }
.titSearch .quickSlide { overflow:hidden; width:56em; margin:0 auto; }
.titSearch .quickSlide .item { float:left; }
.titSearch .quickSlide .slick-arrow { display:none !important; }
.titSearch .quickSlide .slick-list { padding:0 .9375em; }
.titSearch .quickSlide .slick-slide { padding:0 .125em 2em; }
.titSearch .quickSlide a { display:flex; flex-direction:column; justify-content:center; width:8.75em; height:8.75em; text-align:center; border:1px solid transparent; box-sizing:border-box; border-radius:50%; transition:all .15s; }
.titSearch .quickSlide i { display:block; width:3.8125em; height:3.375em; margin:0 auto .75em; background-repeat:no-repeat; background-position:center; background-size:100%; transition:all .15s; }
.titSearch .quickSlide .icon01 { background-image:url(../images/main/icon_quick01.png); }
.titSearch .quickSlide .icon02 { background-image:url(../images/main/icon_quick02.png); }
.titSearch .quickSlide .icon03 { background-image:url(../images/main/icon_quick03.png); }
.titSearch .quickSlide .icon04 { background-image:url(../images/main/icon_quick04.png); }
.titSearch .quickSlide .icon05 { background-image:url(../images/main/icon_quick05.png); }
.titSearch .quickSlide .icon06 { background-image:url(../images/main/icon_quick06.png); }
.titSearch .quickSlide a:hover,
.titSearch .quickSlide a:focus { border-color:#e9ecf6; box-shadow:0 0.9375em 1.25em 0 rgba(35, 72, 164, 0.07); }
.titSearch .quickSlide a:hover .icon01,
.titSearch .quickSlide a:hover .icon01 { background-image:url(../images/main/icon_quick01_on.png); }
.titSearch .quickSlide a:focus .icon02,
.titSearch .quickSlide a:hover .icon02 { background-image:url(../images/main/icon_quick02_on.png); }
.titSearch .quickSlide a:focus .icon03,
.titSearch .quickSlide a:hover .icon03 { background-image:url(../images/main/icon_quick03_on.png); }
.titSearch .quickSlide a:focus .icon04,
.titSearch .quickSlide a:hover .icon04 { background-image:url(../images/main/icon_quick04_on.png); }
.titSearch .quickSlide a:focus .icon05,
.titSearch .quickSlide a:hover .icon05 { background-image:url(../images/main/icon_quick05_on.png); }
.titSearch .quickSlide a:focus .icon06,
.titSearch .quickSlide a:hover .icon06 { background-image:url(../images/main/icon_quick06_on.png); }
.titSearch .quickSlide p { position:relative; display:inline-block; color:#283873; letter-spacing:-.05em; text-align:center; }
.titSearch .quickSlide a:hover,
.titSearch .quickSlide a:focus p { color:#00177a; }
@media screen and (max-width:960px) { 
	.titSearch h3 { font-size:1.7272em; }
	.titSearch .searchArea { margin-top:2.3636em; padding:0 11.6666%; }
	.titSearch .searchBox { margin-bottom:2.5454em; }
	.titSearch .searchBox .searchkeyword { width:100%; }
	.titSearch .searchBox .searchkeyword input { padding:0 4.375rem 0 2.1818rem; line-height:3.4285em; font-size:1.2727em; }
	.titSearch .searchBox .searchkeyword button { width:3.2727em; height:3.2727em; margin-top:-1.6363em; }
	.titSearch .searchBox .searchkeyword button i { width:1.1363em; height:1.1363em; background-image:url(../images/main/btn_main_search_mo.png); }
	.titSearch .searchBox .searchkeyword button.active i { background-image:url(../images/main/btn_main_search_on_mo.png); }
	.titSearch .bestItem { max-width:none; padding-left:4.5454em; }
	.titSearch .bestItem .tit { top:0; left:.7692em; font-size:1.1818em; font-weight:700; color:#fc5e87; }
	.titSearch .bestItem .bestSlide { height:1.6363em; }
	.titSearch .bestItem .bestSlide::after { width:2.2727em; }
	.titSearch .bestItem .bestSlide .slick-slide { margin:0 1.1818em 0 0; }
	.titSearch .bestItem .bestSlide a { padding:.0909em 0 .0909em 2.0909em; }
	.titSearch .bestItem .bestSlide i { top:.0454em; width:1.5454em; height:1.4545em; font-size:1em; line-height:1.4em; }
	.titSearch .bestItem .bestSlide span { font-size:1.1818em; }
	.titSearch .quickMenu { margin-top:5.6363em; padding:0 5.5555%; }
	.titSearch .quickSlide { width:100%; padding:0 1.8181em; }
	.titSearch .quickSlide .slick-arrow { display:block !important; position:absolute; top:50%; left:0; width:.7727rem; height:1.3181rem; margin-top:-.659rem; background-image:url(../images/main/btn_quick_prev.png); background-repeat:no-repeat; background-size:100%; text-indent:-9999px; }
	.titSearch .quickSlide .slick-next { left:auto; right:0; background-image:url(../images/main/btn_quick_next.png); }
	.titSearch .quickSlide .slick-list { padding:0; }
	.titSearch .quickSlide .slick-slide { padding:0 .125em; }
	.titSearch .quickSlide a { width:auto; height:auto; border-radius:0; border:none; }
	.titSearch .quickSlide a:hover,
	.titSearch .quickSlide a:focus { border:; box-shadow:none; }
	.titSearch .quickSlide i { width:3.6363em; height:3.1363em; margin:0 auto .6363em; }
	.titSearch .quickSlide .icon01,
	.titSearch .quickSlide a:focus .icon01,
	.titSearch .quickSlide a:hover .icon01 { background-image:url(../images/main/icon_quick01_mo.png); }
	.titSearch .quickSlide .icon02,
	.titSearch .quickSlide a:focus .icon02,
	.titSearch .quickSlide a:hover .icon02 { background-image:url(../images/main/icon_quick02_mo.png); }
	.titSearch .quickSlide .icon03,
	.titSearch .quickSlide a:focus .icon03,
	.titSearch .quickSlide a:hover .icon03 { background-image:url(../images/main/icon_quick03_mo.png); }
	.titSearch .quickSlide .icon04,
	.titSearch .quickSlide a:focus .icon04,
	.titSearch .quickSlide a:hover .icon04 { background-image:url(../images/main/icon_quick04_mo.png); }
	.titSearch .quickSlide .icon05,
	.titSearch .quickSlide a:focus .icon05,
	.titSearch .quickSlide a:hover .icon05 { background-image:url(../images/main/icon_quick05_mo.png); }
	.titSearch .quickSlide .icon06,
	.titSearch .quickSlide a:focus .icon06,
	.titSearch .quickSlide a:hover .icon06 { background-image:url(../images/main/icon_quick06_mo.png); }	
	.titSearch .quickSlide p,
	.titSearch .quickSlide a:hover p,
	.titSearch .quickSlide a:focus p { font-size:1.0454em; color:#7b83a2; }
}

/* tradeItem */
.tradeItem { margin-top:4.875em; }
.tradeItem .inner { display:flex; justify-content:space-between; max-width:1220px; margin:0 auto; }
.tradeItem .tradeArea { position:relative; width:69.4262%; padding:7em 3.125em 2em 3.125em; background:#f3f5f5; border-radius:1em; box-sizing:border-box; }
.tradeItem .tabBtn { display:flex; position:absolute; top:2.0625em; left:2.25em; z-index:1; }
.tradeItem .tabBtn li a { display:block; width:100%; padding:.65em .95em; font-size:1.25em; font-weight:700; letter-spacing:-.025em; color:#a8aec0; line-height:1.1; text-align:center; border:1px solid transparent; border-radius:2em; box-sizing:border-box; transition:all .15s; }
.tradeItem .tabBtn li a:focus,
.tradeItem .tabBtn li a:hover { background:#e5e9ea; color:#949aab }
.tradeItem .tabBtn li a.on { color:#1d3bbb; background:#fff; border-color:#dfe4e4; }
.tradeItem .trdCon { display:flex; align-items:center; position:relative; }
.tradeItem .btnMore { position:absolute; top:3em; right:3.125em; }
.tradeItem .btnMore a { display:inline-block; font-size:.9375em; color:#99a9bc; }
.tradeItem .btnMore a i { display:inline-block; vertical-align:middle; position:relative; width:.9333em; height:.9333em; margin:-.2666em 0 0 0.4em; transition:all .15s; }
.tradeItem .btnMore a i::before, 
.tradeItem .btnMore a i::after { content:''; display:block; position:absolute; top:0; left:50%; width:2px; height:100%; background:#99a9bc; }
.tradeItem .btnMore a i::after { transform:rotate(90deg); }
.tradeItem .btnMore a:focus i,
.tradeItem .btnMore a:hover i { transform:rotate(90deg); }
.tradeItem .info { flex-shrink:0; display:flex; align-items:center; width:17.5em; }
.tradeItem .info .img { overflow:hidden; position:relative; flex-shrink:0; width:6em; height:6em; margin-right:1.5em; border-radius:50%; }
.tradeItem .info .img img { position:absolute; left:50%; top:50%; width:100%; transform:translate(-50%, -50%); }
.tradeItem .info .name { font-size:1.375em; font-weight:700; letter-spacing:-.025em; }
.tradeItem .info .price { display:flex; align-items:center; margin-top:.625em; }
.tradeItem .info .price strong { font-size:1.75em; letter-spacing:-.025em; }
.tradeItem .info .price span { margin-left:.1538em; font-size:1.625em; font-weight:300; }
.tradeItem .info .txt { margin-top:.5em; font-size:.875em; letter-spacing:-.05em; color:#7d8491; }
.tradeItem .chart { flex-shrink:0; width:15.625em; height:5.875em; }
.tradeItem .prepare { flex-grow:1; display:flex; align-items:center; justify-content:flex-end; box-sizing:border-box; }
.tradeItem .prepare ul:last-child { margin-left:1.5625em; }
.tradeItem .prepare ul li { text-align:right; }
.tradeItem .prepare .txt { font-size:1.125em; }
.tradeItem .prepare .price { margin:.6875em 0 .875em; }
.tradeItem .prepare .price.up { color:#df1010; }
.tradeItem .prepare .price.down { color:#0d3aff; }
.tradeItem .prepare .price strong { font-weight:500; }
.tradeItem .prepare .percent .arrowsCol { display:inline-block; min-width:4.3571em; padding:.2857em .3571em .2857em .2857em; font-size:.875em; font-weight:700; line-height:1; color:#fff; border-radius:.2857em; box-sizing:border-box; text-align:center; }
.tradeItem .prepare .percent .arrowsCol.up { background:#f72854; }
.tradeItem .prepare .percent .arrowsCol.down { background:#307cf9; }
.tradeItem .prepare .percent .arrowsCol i { font-style:normal; }
.tradeItem .prepare .percent .arrowsCol i::after { display:inline-block; vertical-align:top; width:1.2em; margin-top:.0833em; font-size:.8571em; }
.tradeItem .prepare .percent .arrowsCol.up i::after { content:'▲'; }
.tradeItem .prepare .percent .arrowsCol.down i::after { content:'▼'; }
.tradeItem .trdControl,
.tradeItem .itemControl { display:flex; justify-content:center; align-items:center; margin-top:2em; }
.tradeItem .trdControl .btn button,
.tradeItem .itemControl .btn button { display:block; width:1.3125em; height:1.3125em; background-color:#fff; background-repeat:no-repeat; background-position:center; background-size:auto .5625em; border:1px solid #dfe1e0; box-sizing:border-box; border-radius:50%; text-indent:-9999px; transition:all .15s; }
.tradeItem .trdControl .btn button.prev,
.tradeItem .itemControl .btn button.prev { background-image:url(../images/main/btn_trd_prev.png); }
.tradeItem .trdControl .btn button.next,
.tradeItem .itemControl .btn button.next { background-image:url(../images/main/btn_trd_next.png); }
.tradeItem .trdControl .btn button:focus,
.tradeItem .trdControl .btn button:hover,
.tradeItem .itemControl .btn button:focus,
.tradeItem .itemControl .btn button:hover { background-color:#1a3ac5; border-color:#1a3ac5; }
.tradeItem .trdControl .btn button.prev:focus,
.tradeItem .trdControl .btn button.prev:hover,
.tradeItem .itemControl .btn button.prev:focus,
.tradeItem .itemControl .btn button.prev:hover { background-image:url(../images/main/btn_trd_prev_on.png); }
.tradeItem .trdControl .btn button.next:focus,
.tradeItem .trdControl .btn button.next:hover,
.tradeItem .itemControl .btn button.next:focus,
.tradeItem .itemControl .btn button.next:hover { background-image:url(../images/main/btn_trd_next_on.png); }
.tradeItem .trdControl .trdDots,
.tradeItem .itemControl .itemDots { display:flex; margin:0 .5em; }
.tradeItem .itemControl .itemDots ul { display:flex; }
.tradeItem .trdControl .trdDots li,
.tradeItem .itemControl .itemDots li { margin:0 .1875em; }
.tradeItem .trdControl .trdDots li button,
.tradeItem .itemControl .itemDots li button { display:block; width:.4375em; height:.4375em; background:#cad0cd; border-radius:50%; text-indent:-9999px; transition:all .15s; }
.tradeItem .trdControl .trdDots li button.active,
.tradeItem .itemControl .itemDots li.slick-active button { background:#197d7d; }
.tradeItem .interestArea { width:29.3442%; background:#f3f5f5; border-radius:1em; box-sizing:border-box; }
.tradeItem .default { padding:2.625em 2.6875em 3.125em; }
.tradeItem .titArea { display:flex; justify-content:space-between; align-items:center; }
.tradeItem .titArea h3 { font-size:1.25em; font-weight:700; letter-spacing:-.025em; color:#040404; }
.tradeItem .titArea .btn a { display:block; padding:.5em .8571em; font-size:.875em; letter-spacing:-.025em; color:#575757; background:#fff; border:1px solid #dfe4e4; border-radius:.5rem; box-sizing:border-box; transition:all .15s; }
.tradeItem .titArea .btn a:focus,
.tradeItem .titArea .btn a:hover { border-color:#96afc2; color:#1d3bbb; }
.tradeItem .txtArea { position:relative; margin-top:1.875em; padding-left:7em; background-image:url(../images/main/icon_interest_login.png); background-repeat:no-repeat; background-position:left center; background-size:5.25em auto; }
.tradeItem .txtArea .txt { font-size:1.125em; color:#44454d; letter-spacing:-.025em; line-height:1.5; word-break:keep-all; }
.tradeItem .txtArea .txt span { display:none; }
.tradeItem .txtArea .txt strong { color:#000; }
.tradeItem .txtArea .txt2 { font-size:1.125em; line-height:1.4; color:#7d7e85; }
.tradeItem .txtArea ul { margin-top:.75em; }
.tradeItem .txtArea ul li { position:relative; margin-top:.25em; }
.tradeItem .txtArea ul li:first-child { margin-top:0; }
.tradeItem .txtArea ul li a,
.tradeItem .txtArea ul li button { display:block; padding:.5em 1em .5em 1.125em; background:#fff; border:1px solid #dfe4e4; border-radius:.5em; box-sizing:border-box; color:#575757; transition:border .15s; }
.tradeItem .txtArea ul li a:focus,
.tradeItem .txtArea ul li a:hover,
.tradeItem .txtArea ul li button:focus,
.tradeItem .txtArea ul li button:hover { border-color:#96afc2; color:#1d3bbb; }
.tradeItem .txtArea ul li span { display:block; background-image:url(../images/main/btn_interest_arrow.png); background-repeat:no-repeat; background-position:right center; background-size:auto .625em; }
.tradeItem .txtArea ul li a:focus span,
.tradeItem .txtArea ul li a:hover span,
.tradeItem .txtArea ul li button:focus span,
.tradeItem .txtArea ul li button:hover span { background-image:url(../images/main/btn_interest_arrow_on.png); }
.tradeItem .txtArea ul li span i { font-style:normal; }
.tradeItem .login { padding:2.625em 2.6875em 2.5em; }
.tradeItem .login .txtArea { margin-top:.9375em; }
.tradeItem .login .txtArea ul { margin-top:.8125em; }
.tradeItem .login2 { padding:2.25em 2.6875em 1.875em; }
.tradeItem .login2 .titArea h3 { color:#44454d; }
.tradeItem .login2 .titArea h3 span { color:#1d3bbb; }
.tradeItem .itemSlide { overflow:hidden; height:6.25em; margin-top:2.5em; }
.tradeItem .itemSlide .item { float:left; text-align:center; }
.tradeItem .itemSlide .img { overflow:hidden; position:relative; width:4.375em; height:4.375em; margin:0 auto .625em; background:#dbdddf; border-radius:50%; transition:all .15s; }
.tradeItem .itemSlide .img::before,
.tradeItem .itemSlide .img::after { content:''; display:block; position:absolute; top:50%; left:50%; width:1px; height:1.1875em; margin-top:-.59375em; background:#fff; transition:all .15s; }
.tradeItem .itemSlide .img::after { transform:rotate(90deg); }
.tradeItem .itemSlide .img img { position:absolute; left:50%; top:50%; width:100%; transform:translate(-50%, -50%); z-index:1; }
.tradeItem .itemSlide .name { overflow:hidden; display:inline-block; position:relative; max-width:100%; font-size:1.063em; color:#44454d; text-align:center; white-space:nowrap; text-overflow:ellipsis; }
.tradeItem .itemSlide .name::after { content:''; position:absolute; left:0; bottom:0; width:0; height:1px; }
.tradeItem .itemSlide a:focus .name,
.tradeItem .itemSlide a:hover .name { color:#1d3bbb; }
.tradeItem .itemSlide a:focus .name::after, 
.tradeItem .itemSlide a:hover .name::after { width:100%; background:#1d3bbb; transition:all linear .2s; }
.tradeItem .itemSlide a:focus .img::before,
.tradeItem .itemSlide a:hover .img::before { transform:rotate(90deg); }
.tradeItem .itemSlide a:focus .img::after,
.tradeItem .itemSlide a:hover .img::after { transform:rotate(180deg); }
.tradeItem .itemSlide .item.no .name { color:#afb4b9; }
.tradeItem .itemSlide .item.no a:focus .name::after, 
.tradeItem .itemSlide .item.no a:hover .name::after { display:none; }
@media screen and (max-width:960px) { 
    .tradeItem { margin-top:5.1818em; }
    .tradeItem .inner { display:block; padding:0 5.5555%; }
    .tradeItem .tradeArea { width:100%; padding:6.6363em 2.5454em 2.2727em; }
    .tradeItem .tabBtn { top:2.1818em; left:2.5454em; }
    .tradeItem .tabBtn li { margin-right:.7272em; }
    .tradeItem .tabBtn li a { padding:0; font-size:1.2727em; border:none; }
	.tradeItem .tabBtn li a:focus,
	.tradeItem .tabBtn li a:hover,
	.tradeItem .tabBtn li a.on { color:#000; background:none; border:none; }
    .tradeItem .trdCon { flex-wrap:wrap; justify-content:space-evenly; padding-right:0; }
    .tradeItem .btnMore { top:2.2727em; right:2.5454em; }
    .tradeItem .btnMore a { font-size:1em; }
	.tradeItem .btnMore a i { width:1em; height:1em; }
	.tradeItem .btnMore a i::before, 
	.tradeItem .btnMore a i::after { width:1px; }
    .tradeItem .info { width:48.8637%; }
    .tradeItem .info .img { width:4.3636em; height:4.3636em; margin-right:.909em; }
    .tradeItem .info .name { font-size:1.0909em; }
	.tradeItem .info .price { margin-top:.3636em; }
	.tradeItem .info .price strong { font-size:1.3636em; }
	.tradeItem .info .price span { font-size:1.2727em; }
	.tradeItem .info .txt { font-size:.909em; word-break:keep-all; }
	.tradeItem .chart { width:51.1363%; height:5.8181em; }
	.tradeItem .prepare { justify-content:space-evenly; width:100%; margin-top:2.0909em; padding:0; }
	.tradeItem .prepare ul { display:flex; align-items:center; }
	.tradeItem .prepare ul:last-child { margin:0; }
	.tradeItem .prepare .txt { margin-right:.25em; font-size:1em; text-align:left; }
	.tradeItem .prepare .price { margin:0; font-size:1em; }
	.tradeItem .prepare .percent { margin-left:.3636em; }
	.tradeItem .prepare .percent .arrowsCol { padding:.375em .5em .375em .375em; font-size:.7272em; }
	.tradeItem .prepare .percent .arrowsCol i::after { vertical-align:middle; width:1.5em; font-size:.7272em; }
	.tradeItem .trdControl,
	.tradeItem .itemControl { margin-top:2.7272em; }
	.tradeItem .trdControl .btn button,
	.tradeItem .itemControl .btn button { width:1.8181em; height:1.8181em; background-size:auto .7272em; }
	.tradeItem .trdControl .btn button.prev,
	.tradeItem .itemControl .btn button.prev { background-image:url(../images/main/btn_trd_prev_mo.png); }
	.tradeItem .trdControl .btn button.next,
	.tradeItem .itemControl .btn button.next { background-image:url(../images/main/btn_trd_next_mo.png); }
	.tradeItem .trdControl .btn button.prev:focus,
	.tradeItem .trdControl .btn button.prev:hover,
	.tradeItem .itemControl .btn button.prev:focus,
	.tradeItem .itemControl .btn button.prev:hover { background-image:url(../images/main/btn_trd_prev_on_mo.png); }
	.tradeItem .trdControl .btn button.next:focus,
	.tradeItem .trdControl .btn button.next:hover,
	.tradeItem .itemControl .btn button.next:focus,
	.tradeItem .itemControl .btn button.next:hover { background-image:url(../images/main/btn_trd_next_on_mo.png); }
	.tradeItem .trdControl .trdDots,
	.tradeItem .itemControl .itemDots { margin:0 .909em; }
	.tradeItem .trdControl .trdDots li button,
	.tradeItem .itemControl .itemDots li button { width:.6363em; height:.6363em; }
	.tradeItem .interestArea { width:100%; margin-top:1em; }
	.tradeItem .default { padding:2.1818em 2.5454em; }
	.tradeItem .titArea h3 { font-size:1.2727em; }
	.tradeItem .titArea .btn a { padding:.5833em 1em; font-size:1.0909em; border-radius:.5em; }
	.tradeItem .txtArea { min-height:5em; margin-top:1.909em; padding:0 8.1818em 0 5.6363em; background-image:url(../images/main/icon_interest_login_mo.png); background-size:auto 5em; }
	.tradeItem .txtArea .txt,
	.tradeItem .txtArea .txt2 { font-size:1.0909em; color:#44454d; }
	.tradeItem .txtArea div.txt { display:flex; align-items:center; min-height:5rem; }
	.tradeItem .txtArea .txt span { display:block; }
	.tradeItem .txtArea .txt2 { margin-top:.1666em; }
	.tradeItem .txtArea ul { position:absolute; top:50%; right:0; margin-top:0; transform:translateY(-50%); }
	.tradeItem .txtArea ul li { margin-top:.1818em; }
	.tradeItem .txtArea ul li a,
	.tradeItem .txtArea ul li button { width:6.9166em; padding:.5833em 1em; font-size:1.0909em; }
	.tradeItem .txtArea ul li span { background-image:url(../images/main/btn_interest_arrow_mo.png); }
	.tradeItem .txtArea ul li a:focus span,
	.tradeItem .txtArea ul li a:hover span,
	.tradeItem .txtArea ul li button:focus span,
	.tradeItem .txtArea ul li button:hover span { background-image:url(../images/main/btn_interest_arrow_on_mo.png); }
	.tradeItem .txtArea ul li span.bold { font-weight:700; }
	.tradeItem .txtArea ul li span i { display:none; }
	.tradeItem .login { padding:2.1818em 2.5454em; }
	.tradeItem .login .txtArea { margin-top:1.909em; }
	.tradeItem .login .txtArea ul { margin-top:0; }
	.tradeItem .login2 { padding:1.4545em 2.5454em 2em; }
	.tradeItem .login2 .titArea h3 { font-weight:400; }
	.tradeItem .login2 .titArea h3 span { font-weight:700; color:#44454d; }
	.tradeItem .itemSlide { height:6.8181em; margin-top:2.1818em; }
	.tradeItem .itemSlide .img { width:4.5454em; height:4.5454em; margin-bottom:.8181em; }
	.tradeItem .itemSlide .name { font-size:1.1818em; }
	.tradeItem .itemSlide .slick-dots { display:flex; justify-content:center; position:static; width:100%; margin-top:2em; transform:none; }
	.tradeItem .itemSlide .slick-dots li { margin:0 .1818em; }
	.tradeItem .itemSlide .slick-dots li button { width:.4545rem; height:.4545rem; }
}

/* trendBoard */
.trendBoard { margin:5.4375em 0 5.625em; }
.trendBoard .inner { display:flex; justify-content:space-between; max-width:1220px; margin:0 auto; }
.trendBoard .trendArea { width:49.1803%; padding:2.9375em 5.125em 3.875em 3.875em; background-image:url(../images/main/trend_bg.png); background-color:#01b18b; background-repeat:no-repeat; background-size:19.875em auto; background-position:right bottom; border-radius:1em; box-sizing:border-box; }
.trendBoard .trendArea .titArea h3 { display:flex; align-items:center; }
.trendBoard .trendArea .titArea h3 span { font-size:1.875em; color:#fff; }
.trendBoard .trendArea .titArea h3 em { display:inline-block; vertical-align:middle; width:5.1875rem; height:1.5rem; margin-left:.625rem; background-image:url(../images/main/trend_tit.png); background-repeat:no-repeat; background-size:100%; text-indent:-9999px; }
.trendBoard .trendArea .info { display:flex; align-items:center; margin-top:.75em; }
.trendBoard .trendArea .info .date { font-size:.875em; letter-spacing:-.05em; color:#b5ffef; }
.trendBoard .trendArea .info .legend { display:flex; align-items:center; margin:0 .375em 0 .9375em; }
.trendBoard .trendArea .info .legend li { margin-right:.5em; line-height:1; }
.trendBoard .trendArea .info .legend li i { display:inline-block; vertical-align:middle; width:.5em; height:.5em; margin-right:.25em; border-radius:50%; }
.trendBoard .trendArea .info .legend li span { display:inline-block; vertical-align:middle; font-size:.875em; color:#b5ffef; }
.trendBoard .trendArea .info .legend i.bg1 { background:#d8ffc5; }
.trendBoard .trendArea .info .legend i.bg2 { background:#25ffab; }
.trendBoard .trendArea .info .unit { font-size:.875em; color:#b5ffef; }
.trendBoard .trendArea .chart { position:relative; margin-top:3em; }
.trendBoard .trendArea .chart>ul>li { display:flex; align-items:center; margin-top:.625em; counter-increment:chartList; }
.trendBoard .trendArea .chart>ul>li:first-child { margin-top:0; }
.trendBoard .trendArea .chart>ul>li .tit { flex-shrink:0; position:relative; width:6.3888em; font-size:1.125em; font-weight:700; color:#fff; }
.trendBoard .trendArea .chart>ul>li .tit::before { content:counter(chartList)"위"; margin-right:.2777em; }
.trendBoard .trendArea .chart>ul>li .barArea { flex-grow:1; margin-top:2px; }
.trendBoard .trendArea .chart>ul>li .barArea>li { display:flex; }
.trendBoard .trendArea .chart>ul>li .barArea>li:first-child { align-items:flex-end; }
.trendBoard .trendArea .chart>ul>li .barArea>li:nth-child(2) { align-items:flex-start; margin-top:.125em; }
.trendBoard .trendArea .chart>ul>li .barArea>li .bar { height:.375em; border-radius:1em; }
.trendBoard .trendArea .chart>ul>li .barArea>li:first-child .bar { margin-bottom:.1875em; background:#d8ffc5; }
.trendBoard .trendArea .chart>ul>li .barArea>li:nth-child(2) .bar { background:#10f19a; }
.trendBoard .trendArea .chart>ul>li .barArea>li .data { flex-shrink:0; width:2.75em; margin-right:0.75em; font-size:.75em; line-height:1; color:#c5fbe6; }
.trendBoard .trendArea .chart .info { display:none; }
.trendBoard .trendArea .top1 { margin-top:3.125em; }
.trendBoard .trendArea .top1 .rank { display:flex; align-items:center; padding-left:1.75em; color:#fff; background-image:url(../images/main/icon_medal.png); background-repeat:no-repeat; background-position:left top; background-size:1.25em auto; }
.trendBoard .trendArea .top1 .rank strong { font-size:1.75em; font-weight:500; }
.trendBoard .trendArea .top1 .rank span { margin-left:.12em; font-size:1.5625em; }
.trendBoard .trendArea .top1 ul { display:flex; align-items:center; margin-top:.4375em; }
.trendBoard .trendArea .top1 ul li { color:#fff; }
.trendBoard .trendArea .top1 .name { font-size:1.625em; font-weight:700; }
.trendBoard .trendArea .top1 .price { margin-left:.5357em; font-size:1.75em; font-weight:700; }
.trendBoard .trendArea .top1 .txt { margin-left:.1428em; font-size:1.75em; font-weight:300; }
.trendBoard .trendArea .top1 .btnMore { margin-top:1.125em; }
.trendBoard .trendArea .top1 .btnMore a { display:inline-block; font-size:.9375em; color:#fff; }
.trendBoard .trendArea .top1 .btnMore i { display:inline-block; vertical-align:middle; position:relative; width:.9333em; height:.9333em; margin:-.2666em 0 0 0.4em; transition:all .15s; }
.trendBoard .trendArea .top1 .btnMore i::before,
.trendBoard .trendArea .top1 .btnMore i::after { content:''; display:block; position:absolute; top:0; left:50%; width:2px; height:100%; background:#fff; }
.trendBoard .trendArea .top1 .btnMore i::after { transform:rotate(90deg); }
.trendBoard .trendArea .top1 .btnMore a:focus i,
.trendBoard .trendArea .top1 .btnMore a:hover i { transform:rotate(90deg); }
.trendBoard .boardArea { display:flex; flex-direction:column; justify-content:space-between; width:49.1803%; }
.trendBoard .boardArea .report { height:48.2944%; padding:2.9375em 3.5625em 2.25em; background:#6cc89a; border-radius:1em; box-sizing:border-box; }
.trendBoard .boardArea .report .titArea { display:flex; justify-content:space-between; align-items:flex-end; }
.trendBoard .boardArea .report .titArea h3 { display:flex; align-items:flex-end; }
.trendBoard .boardArea .report .titArea h3 .tit { font-size:1.5em; color:#fff; }
.trendBoard .boardArea .report .titArea h3 .date { margin-left:.8571em; font-size:.875em; font-weight:300; letter-spacing:-.05em; color:#fff; }
.trendBoard .boardArea .report .titArea h3 .unit { margin-left:.1428em; font-size:.875em; font-weight:400; color:#e2ffec; letter-spacing:-.05em; }
.trendBoard .boardArea .report .btnMore a { display:inline-block; font-size:.9375em; color:#fff; }
.trendBoard .boardArea .report .btnMore i { display:inline-block; vertical-align:middle; position:relative; width:.9333em; height:.9333em; margin:-.2666em 0 0 0.4em; transition:all .15s; }
.trendBoard .boardArea .report .btnMore i::before,
.trendBoard .boardArea .report .btnMore i::after { content:''; display:block; position:absolute; top:0; left:50%; width:2px; height:100%; background:#fff; }
.trendBoard .boardArea .report .btnMore i::after { transform:rotate(90deg); }
.trendBoard .boardArea .report .btnMore a:focus i,
.trendBoard .boardArea .report .btnMore a:hover i { transform:rotate(90deg); }
.trendBoard .boardArea .report .chart { margin-top:2.25em; }
.trendBoard .boardArea .news { height:48.2944%; padding:2.75em 14.375em 2.8125em 3.125em; background-image:url(../images/main/news_bg.png); background-color:#cbeae3; background-repeat:no-repeat; background-size:10.5625em auto; background-position:right 1.875em bottom 2.375em; border-radius:1em; box-sizing:border-box; }
.trendBoard .boardArea .news h3 { padding:0 .3888em; font-size:1.125em; font-weight:700; color:#6f9a85; letter-spacing:.05em; }
.trendBoard .boardArea .news .list { margin-top:.8125em; }
.trendBoard .boardArea .news .list li a { overflow:hidden; display:inline-block; position:relative; max-width:100%; padding-left:.4375rem; text-overflow:ellipsis; white-space:nowrap; box-sizing:border-box; letter-spacing:-.025em; line-height:1.3; color:#28714c; }
.trendBoard .boardArea .news .list li a::before { content:''; display:block; position:absolute; top:50%; left:0; width:.125em; height:.125em; margin-top:-.0625em; background:#28714c; border-radius:50%; }
.trendBoard .boardArea .news .list li a::after { content:''; position:absolute; left:.4375em; bottom:0; width:0; height:1px; }
.trendBoard .boardArea .news .list li a:focus::after, 
.trendBoard .boardArea .news .list li a:hover::after { width:100%; background:#28714c; transition:all linear .2s; }
.trendBoard .boardArea .news .list .first { margin-bottom:.625em; }
.trendBoard .boardArea .news .list .first a { height:2.8em; font-size:1.375em; font-weight:700; line-height:1.4; color:#28714c; white-space:normal; word-break:keep-all; }
.trendBoard .boardArea .news .list .first a::before,
.trendBoard .boardArea .news .list .first a::after { display:none; }
.trendBoard .boardArea .news .btnMore { padding:.4375em .4375em 0; }
.trendBoard .boardArea .news .btnMore a { display:inline-block; font-size:.9375em; color:#6f9a85; }
.trendBoard .boardArea .news .btnMore i { display:inline-block; vertical-align:middle; position:relative; width:.9333em; height:.9333em; margin:-.2666em 0 0 0.4em; transition:all .15s; }
.trendBoard .boardArea .news .btnMore i::before, 
.trendBoard .boardArea .news .btnMore i::after { content:''; display:block; position:absolute; top:0; left:50%; width:2px; height:100%; background:#6f9a85; }
.trendBoard .boardArea .news .btnMore i::after { transform:rotate(90deg); }
.trendBoard .boardArea .news .btnMore a:focus i,
.trendBoard .boardArea .news .btnMore a:hover i { transform:rotate(90deg); }
@media screen and (max-width:960px) { 
	.trendBoard { margin:1em 0 1.8181em; }
	.trendBoard .inner { display:block; padding:0 5.5555%; }
	.trendBoard .trendArea { width:100%; padding:2.2727em 2.5454em 3.3636em; background-image:url(../images/main/trend_bg_mo.png); background-size:14.8636em auto; }
	.trendBoard .trendArea .titArea h3 span { font-size:1.3636em; }
	.trendBoard .trendArea .titArea h3 em { width:4.0909rem; height:1.1818rem; margin-left:.3636rem; background-image:url(../images/main/trend_tit_mo.png); }
	.trendBoard .trendArea .titArea .info { display:none; }
	.trendBoard .trendArea .chart { margin-top:2em; }
	.trendBoard .trendArea .chart>ul>li { margin-top:.4545em; }
	.trendBoard .trendArea .chart>ul>li .tit { width:6.24em; font-size:1.1363em; font-weight:500; }
	.trendBoard .trendArea .chart>ul>li .tit::before { margin-right:.64em; }
	.trendBoard .trendArea .chart>ul>li .barArea>li .bar { height:.3636em; }
	.trendBoard .trendArea .chart>ul>li .barArea>li .data { width:2.666em; font-size:.6818em; }
	.trendBoard .trendArea .chart .info { display:flex; flex-wrap:wrap; margin-top:1.7272em; }
	.trendBoard .trendArea .chart .info .date { display:block; width:100%; margin-top:.6363em; font-size:1em; }
	.trendBoard .trendArea .chart .info .legend { margin:0 .3636em 0 0; }
	.trendBoard .trendArea .chart .info .legend li i { width:.4545em; height:.4545em; }
	.trendBoard .trendArea .chart .info .legend li span { font-size:1em; }
	.trendBoard .trendArea .chart .info .unit { font-size:1em; }
	.trendBoard .trendArea .top1 { margin-top:1.909em; padding-top:2.1818em; border-top:1px solid #059374; }
	.trendBoard .trendArea .top1 .rank { padding-left:1.6363em; background-image:url(../images/main/icon_medal_mo.png); background-size:1.0454em auto; }
	.trendBoard .trendArea .top1 .rank strong { font-size:1.4545em; }
	.trendBoard .trendArea .top1 .rank span { font-size:1.3636em; }
	.trendBoard .trendArea .top1 .name { font-size:1.4545em; }
	.trendBoard .trendArea .top1 .price { font-size:1.4545em; }
	.trendBoard .trendArea .top1 .txt { font-size:1.4545em; }
    .trendBoard .trendArea .top1 .btnMore a { font-size:1em; }
	.trendBoard .trendArea .top1 .btnMore a i { width:1em; height:1em; }
	.trendBoard .trendArea .top1 .btnMore a i::before, 
	.trendBoard .trendArea .top1 .btnMore a i::after { width:1px; }	
	.trendBoard .boardArea { width:100%; }
	.trendBoard .boardArea .report { height:auto; margin-top:1em; padding:2.2727em 2.5454em 2.6363em; }
	.trendBoard .boardArea .report .titArea { align-items:flex-start; }
	.trendBoard .boardArea .report .titArea h3 { display:block; }
	.trendBoard .boardArea .report .titArea h3 .tit { display:block; font-size:1.3636em; }
	.trendBoard .boardArea .report .titArea h3 .date { display:inline-block; margin:.4545em 0 0 0; font-size:1em; }
	.trendBoard .boardArea .report .titArea h3 .unit { display:inline-block; margin:.4545em 0 0 .4545em; font-size:1em; }	
	.trendBoard .boardArea .report .titArea .btnMore { margin-top:.1818em; }
	.trendBoard .boardArea .report .titArea .btnMore a { font-size:1em; }
	.trendBoard .boardArea .report .titArea .btnMore a i { width:1em; height:1em; }
	.trendBoard .boardArea .report .titArea .btnMore a i::before, 
	.trendBoard .boardArea .report .titArea .btnMore a i::after { width:1px; }
	.trendBoard .boardArea .news { height:auto; margin-top:1em; padding:2.4545em 10.909em 2.2727em 2.5454em; background-image:url(../images/main/news_bg_mo.png); background-size:7.5909em auto; }
	.trendBoard .boardArea .news h3 a { font-size:1em; }
	.trendBoard .boardArea .news .list li a { line-height:1.4; }
	.trendBoard .boardArea .news .list .first a { font-size:1.1818em; }
	.trendBoard .boardArea .news .btnMore { padding:.5454em .4375em 0; }
    .trendBoard .boardArea .news .btnMore a { font-size:1em; }
	.trendBoard .boardArea .news .btnMore a i { width:1em; height:1em; }
	.trendBoard .boardArea .news .btnMore a i::before, 
	.trendBoard .boardArea .news .btnMore a i::after { width:1px; }		
}

/* insight */
.insight { position:relative; height:49.25em; }
.insight .video { position:relative; width:100%; height:100%; }
.insight .video::after { content:''; display:block; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(1, 30, 177, .3); }
.insight .video video { width:100%; height:100%; object-fit:cover; }
.insight .inner { position:absolute; top:0; left:50%; width:100%; max-width:1220px; height:100%; color:#fff; transform:translateX(-50%); z-index:1; }
.insight .insightTit { padding:6.6875em 2.75em 4.125em; }
.insight .insightTit p { font-size:1.625em; font-weight:300; color:#a2adde; }
.insight .insightTit h3 { margin-top:.5666em; font-size:1.875em; color:#fff; }
.insight .insightSlide { margin:0 -.5em; }
.insight .insightSlide .slick-slide { padding:0 .5em; }
.insight .insightSlide .slick-dots { display:flex; justify-content:center; align-items:flex-end; margin-top:4.125em; }
.insight .insightSlide .slick-dots li { margin:0 .25em; }
.insight .insightSlide .slick-dots li button { display:block; position:relative; background:#444f7f; width:3.75em; height:.125em; text-indent:-9999px; transition:all .15s; }
.insight .insightSlide .slick-dots li.slick-active button { height:.1875em; background:#fff; }
.insight .itemBg { overflow:hidden; position:relative; -webkit-backdrop-filter:blur(25px); backdrop-filter:blur(25px); height:21.0625em; padding:2.5625em 2.8125em 3.1818em; border-radius:1.25em; box-sizing:border-box; }
.insight .itemBg::before { content:''; display:block; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(255,255,255,.1); transition:.2s; z-index:-1; }
.insight .itemBg:hover::before { background:rgba(255,255,255,.15); }
.insight .titArea { display:flex; justify-content:space-between; align-items:center; margin-bottom:2.5em; }
.insight .titArea h4 a { font-size:1.25em; color:#b8d6ff; }
.insight .titArea h4 a span { display:inline-block; position:relative; padding:1px 0; }
.insight .titArea h4 a span::after { content:''; position:absolute; left:0; bottom:0; width:0; height:1px; }
.insight .titArea h4 a:focus span::after,
.insight .titArea h4 a:hover span::after { width:100%; background:#b8d6ff; transition:all linear .2s; }
.insight .tabBtn { overflow:hidden; display:flex; border:1px solid #445183; border-radius:.25em; }
.insight .tabBtn li a { display:block; position:relative; padding:0 .6666em; font-size:.9375em; color:#8893bd; line-height:1; text-align:center; }
.insight .tabBtn li a::before { content:''; display:block; position:absolute; top:50%; left:0; width:1px; height:1em; margin-top:-.5em; background:#445183; }
.insight .tabBtn li:first-child a::before { display:none; }
.insight .tabBtn li a.on { color:#fff; }
.insight .tabBtn li a span { display:inline-block; position:relative; padding:.6666em 0; }
.insight .tabBtn li a span::after { content:''; display:block; position:absolute; bottom:0; left:0; width:100%; height:1px; transition:all .15s; }
.insight .tabBtn li a.on span::after { background:#fff; }
.insight .chartBox { height:11.125em; }
.insight .chartBox2 { overflow:hidden; height:9.9375em; }
.insight .exportChart .item { margin-top:1.063em; }
.insight .exportChart .item:first-child { margin-top:0; }
.insight .exportChart .item .tit { font-size:1.063em; color:#b8d6ff; }
.insight .exportChart .item .chart { margin-top:.375em; }
.insight .exportChart .item .barChart { position:relative; margin-top:.0625em; padding:.25em 8.4375em .25em 3.75em; box-sizing:border-box; }
.insight .exportChart .item .barChart .date, 
.insight .exportChart .item .barChart .text { position:absolute; top:0; left:0; font-size:.875em; color:#759bd5; }
.insight .exportChart .item .barChart .text { left:auto; right:0; }
.insight .exportChart .item .barChart .bar { overflow:hidden; position:relative; width:100%; height:.5625em; background:#50d492; border-radius:2em; }
.insight .exportChart .item .barChart .bar span { display:block; position:absolute; top:0; left:0; height:100%; background:#028880; }
.insight .exportChart.bar2 .item .barChart .bar { background:#00a9f7; }
.insight .exportChart.bar2 .item .barChart .bar span { background:#006afa; }
.insight .exportLegend { display:flex; align-items:center; margin-top:1.3125em; }
.insight .exportLegend li { margin-right:.5em; line-height:1; }
.insight .exportLegend li i { display:inline-block; vertical-align:middle; width:.6875em; height:.6875em; margin-right:.375em; border-radius:50%; }
.insight .exportLegend li span { font-size:.875em; color:#759bd5; }
.insight .exportLegend i.bg1 { background:#028880; }
.insight .exportLegend i.bg2 { background:#50d492; }
.insight .exportLegend i.bg3 { background:#006afa; }
.insight .exportLegend i.bg4 { background:#00a9f7; }
.insight .archive li a { overflow:hidden; display:inline-block; position:relative; max-width:100%; padding-left:6.875em; text-overflow:ellipsis; white-space:nowrap; box-sizing:border-box; line-height:1.4; color:#abbded; }
.insight .archive li a::after { content:''; position:absolute; left:.625em; bottom:0; width:0; height:1px; }
.insight .archive li a:focus::after, 
.insight .archive li a:hover::after { width:100%; background:rgba(171, 189, 237, .8); transition:all linear .2s; }
.insight .archive li .date { position:absolute; top:0; left:0; padding-left:.625em; }
.insight .archive li .date::before { content:''; display:block; position:absolute; top:50%; left:0; width:0.125em; height:0.125em; margin-top:-0.0625em; background:#abbded; border-radius:50%; }
.insight .sanjiList { display:flex; justify-content:space-between; }
.insight .sanjiList li { width:48.5245%; }
.insight .sanjiList li .img { overflow:hidden; position:relative; margin-bottom:1em; padding-top:60.1351%; border-radius:.25em; }
.insight .sanjiList li .img img { position:absolute; left:50%; top:50%; width:100%; transform:translate(-50%, -50%); }
.insight .sanjiList li .region { overflow:hidden; display:block; color:#bec4e3; text-overflow:ellipsis; white-space:nowrap; }
.insight .sanjiList li .tit { overflow:hidden; display:block; margin-top:.3125em; color:#bec4e3; text-overflow:ellipsis; white-space:nowrap; }
.insight .sanjiList li .date { display:block; margin-top:.5833em; font-size:.75em; letter-spacing:-.025em; color:#7ea2de; }
@media screen and (max-width:960px) { 
	.insight { height:45em; }
	.insight .insightTit { padding:4.4545em 13.3333% 2.5454em; }
	.insight .insightTit p { font-size:1.4545em; }
	.insight .insightTit h3 { font-size:1.6363em; }
	.insight .insightSlide { margin:0; padding:0 5.5555%; }
	.insight .insightSlide .slick-list { margin:0 -0.5em; }
	.insight .insightSlide .slick-dots { margin-top:3.4545em; padding:0 13.3333%; }
	.insight .insightSlide .slick-dots li button { width:2.8181em; height:.1818em; }
	.insight .insightSlide .slick-dots li.slick-active button { height:.2727em; }
	.insight .itemBg { height:24.7272em; padding:3.0909em 2.909em 2.7272em; -webkit-backdrop-filter:none; backdrop-filter:none; }
	.insight .itemBg::before,
	.insight .itemBg:hover::before { background:rgba(56,67,114,.8); }
	.insight .titArea { margin-bottom:3.0909em; }
	.insight .titArea h4 { font-size:1.3636em; }
	.insight .tabBtn li a { padding:0 .6666em; font-size:1.0909em; }
    .insight .chartBox { height:12.5454em; }
    .insight .chartBox2 { height:12.0909em; }
	.insight .exportChart .item { margin-top:1.3636em; }
	.insight .exportChart .item .tit { font-size:1.1818em; }
	.insight .exportChart .item .chart { margin-top:.6363em; }
	.insight .exportChart .item .barChart { margin-top:.2727em; padding:.1818em 9.5454em .1818em 4.5454em; }
	.insight .exportChart .item .barChart .date, 
	.insight .exportChart .item .barChart .text { font-size:1em; }
	.insight .exportChart .item .barChart .bar { height:.6363em; }
	.insight .exportLegend { margin-top:1.7272em; }
	.insight .exportLegend li i { width:.7272em; height:.7272em; }
	.insight .exportLegend li span { font-size:1em; }
	.insight .archive li a { font-size:1.1818em; line-height:1.3; }
	.insight .sanjiList li .img { width:100%; height:6.909em; padding-top:0; }
	.insight .sanjiList li .region { font-size:1.1818em; }
	.insight .sanjiList li .tit { margin-top:.3846em; font-size:1.1818em; }
	.insight .sanjiList li .date { font-size:.909em; }
}

/* footer */
.footer .footInfo { border-top:none; }
.footer .inner { max-width:none; padding:4em 2.8125em 5.25em 4.375em; }
.footer .moSns { display:none; }
.footer .left { display:flex; align-items:center; }
.footer .footLogo { margin-right:2.625em; }
.footer .footUtil { display:block; margin:0 1.75em 0 0; }
.footer .footUtil li { margin:0; padding:0; }
.footer .footUtil li::after { display:none; }
.footer .footUtil li a { font-weight:400; }
.footer .footUtil li:first-child a { font-weight:500; }
.footer .item { display:flex; align-items:center; margin-left:5.25em; }
.footer .item:first-child { margin:0; }
.footer .item p { margin-right:1.875em; line-height:1.2; }
.footer .snsList li:first-child { margin:0; }
.footer .snsList li a,
.footer .snsList li button { width:2.375em; height:2.375em; border:none; background-color:#a3a3a3; background-size:1.25em; }
.footer .snsList li a:focus,
.footer .snsList li a:hover,
.footer .snsList li button:focus,
.footer .snsList li button:hover { background-color:#1a3ac5; }
.footer .snsList li.facebook a { background-image:url(../images/common/icon_facebook_on.png); }
.footer .snsList li.kakaostory a { background-image:url(../images/common/icon_kakaostory_on.png); }
.footer .snsList li.kakaotalk a { background-image:url(../images/common/icon_kakaotalk_on.png); }
.footer .snsList li.url a { background-image:url(../images/common/icon_url_on.png); }
@media screen and (max-width:1500px) { 
	.footer .item { margin-left:.875em; }
	.footer .item p { margin-right:.5em; }
}
@media screen and (max-width:960px) { 
	.footer .inner { display:block; padding:4em 7.7777% 3.6363em 16.6666%; }
	.footer .moSns { display:block; margin-bottom:3.4545em; }
	.footer .moSns .snsList { justify-content:center; }
	.footer .moSns .snsList li a,
	.footer .moSns .snsList li button { width:3.3636em; height:3.3636em; background-color:#fff; background-size:1.5em; border:1px solid #d9d9d9; }
	.footer .moSns .snsList li.facebook a { background-image:url(../images/main/icon_facebook_gr.png); }
	.footer .moSns .snsList li.kakaostory a { background-image:url(../images/main/icon_kakaostory_gr.png); }
	.footer .moSns .snsList li.kakaotalk a { background-image:url(../images/main/icon_kakaotalk_gr.png); }
	.footer .moSns .snsList li.url a { background-image:url(../images/main/icon_url_gr.png); }	
	.footer .footUtil { display:none; }
	.footer address { font-size:.8636em; }
	.footer .copyright { font-size:.6818em; color:#a0a0a0; }
}

/* link */
.btnMenuArea { display:flex; align-items:center; }
.btnMenuArea .link { margin-right:1.625em; }
.btnMenuArea .link a { display:block; padding:.5em .75em; border:1px solid #c6cbde; border-radius:.25em; }
.btnMenuArea .link a span { padding-left:1.25em; background:url(../images/main/btn_link_home.png) no-repeat left center; background-size:.875em; color:#475168; }
@media screen and (max-width:960px) { 
    .btnMenuArea .link { margin-right:1.25em; }
}