@charset "UTF-8";
@import url("../../css/common.css");
@import url("contents.css");
/*-------------------------------------------------
title       : 서브
Author      : ㅈㅁㅈ
Create date : 2020-06-07
-------------------------------------------------*/
#visual { position: relative; z-index: 0; z-index: -1; height: 41.5rem; }

#visual::before { position: absolute; left: 50%; top: 0; z-index: -1; width: 1000%; height: 100%; margin-left: -500%; content: ''; top: auto; bottom: 0; left: auto; right: 50%; z-index: 1; height: 6.5rem; margin: 0 -46rem 0 0; background-color: #fff; }

#visual .control { display: none; }

#visual .title { font-size: 4rem; display: block; position: relative; top: 2rem; padding-top: 17.5rem; color: #fff; text-align: center; line-height: 1.2; opacity: 0; }

#visual .img { position: absolute; left: 50%; top: 0; z-index: -1; width: 1000%; height: 100%; margin-left: -500%; content: ''; overflow: hidden; height: 100%; background-color: #0C1B27; text-align: center; }

#visual .img img { height: 100%; }

#visual.active .title { top: 0; opacity: 1; transition: all 0.5s; }

#visual.active + #snb + #contents .contents_util .path { margin-top: 0; opacity: 1; transition: all 0.5s 0.2s; }

#main { display: inline-block; width: 100%; padding-bottom: 14rem; border-bottom: 0.3rem solid #E5E5E5; }

#contents { float: left; width: 101.5rem; width: calc(100% - 30rem); padding-top: 0.5rem; outline: 0 none; }

.main_wrap { width: 140rem; max-width: calc(100% - 6rem); margin-left: auto !important; margin-right: auto !important; }

#snb { float: right; width: 24.5rem; margin-top: -6.5rem; }

#snb .title { font-size: 2.3rem; height: 12.5rem; margin-bottom: 1rem; padding-top: 4rem; background-color: #F25C1E; color: #fff; text-align: center; }

#snb .title::before { display: block; width: 2.1rem; height: 0.6rem; margin: 0 auto; background: url("/main/img/sub/snb.png") no-repeat center center/cover; content: ''; }

#snb.sub09 .title::after { content: '기타'; }

#snb .list > ul > li > a { border: 2px solid #F2F2F2; font-size: 1.7rem; overflow: hidden; display: block; position: relative; min-height: 6rem;word-break:keep-all; margin-top: 0.5rem; padding: 1rem 5rem 1rem 2.5rem; background-color: #F2F2F2; color: #1D1D1D; line-height: 1.25; transition: all 0.2s; display:flex; align-items:center;}

#snb .list > ul > li > a::after { position: absolute; top: auto; left: auto; right: auto; font-family: "xeicon"; position: absolute; top: 50%; left: auto; transform: translateY(-50%); font-size: 2.3rem; right: 2rem; color: #B5B5B5; content: ''; }

#snb .list > ul > li > a:hover, #snb .list > ul > li > a:focus { background-color: #fff; }

#snb .list > ul > li.type1 > a::after { right: 2.5rem; content: '+'; transition: all 0.2s; }

#snb .list > ul > li.type1 > a:hover::after, #snb .list > ul > li.type1 > a:focus::after { transform: translateY(-50%) rotate(180deg); }

#snb .list > ul > li.active > a { border-color: #f25c1e; background-color: #fff; font-weight: 500; }

#snb .list > ul > li.active > a::after { color: #FF5A00; }

#snb .list > ul > li.active ul { visibility: visible; height: auto; padding: 2.5rem 2rem 2rem; opacity: 1; transition: all 0.2s; }

#snb .list > ul > li ul { display: block !important; visibility: hidden; height: 0; opacity: 0; padding: 0 2rem; background-color: #fff; color: #555; transition: all 0s; }

#snb .list > ul > li ul li + li { margin-top: 0.5rem; }

#snb .list > ul > li ul a { position: relative; padding-left: 1rem; text-align: left; display: block; transition: all 0.2s;font-weight:400; word-break:keep-all;}

#snb .list > ul > li ul a::before { position: absolute; left: 0; top: auto; content: ''; }

#snb .list > ul > li ul a::before { top: 1rem; width: 0.4rem; height: 0.4rem; background-color: #9A9A9A; content: ''; transition: all 0.2s; }

#snb .list > ul > li ul a::after { display: none; position: absolute; left: 1rem; bottom: 0; width: 0; height: 1px; background-color: #9A9A9A; content: ''; transition: width 0.2s; }

#snb .list > ul > li ul a:hover, #snb .list > ul > li ul a:focus { color: #e84400; }

#snb .list > ul > li ul a:hover::after, #snb .list > ul > li ul a:focus::after { width: calc(100% - 1rem); }

#snb .list > ul > li ul .active a { color: #e84400; text-decoration: underline; }

#snb .list > ul > li ul .active a::before { background-color: #e84400; }

#snb .list > ul > li ul .active a::after { width: calc(100% - 1rem); background-color: #e84400; }

#snb .btn_top { display: block; position: fixed; width: 6.2rem; height: 5.8rem; margin: 4.5rem 0 0 9rem; padding-top: 3.5rem; color: #2C3167; text-align: right; z-index: 12; bottom: 1rem;}

#snb .btn_top::before { position: absolute; left: 2.35rem; top: 0; width: 0.3rem; height: 100%; background-color: #2C3167; content: ''; }

#snb .btn_top::after { position: absolute; left: 0.75rem; top: 0.25rem; width: 3.5rem; height: 3.5rem; border-top: 0.3rem solid #2C3167; border-left: 0.3rem solid #2C3167; content: ''; transform: scaleY(0.9) rotate(45deg); }

#snb.fixed { position: fixed; left: 50%; top: 6.5rem; z-index: 1; margin-left: 70rem; transform: translateX(-100%); }

#depth4_menu_div ul { display: table; width: calc(100% + 0px); table-layout: fixed; font-size: 1.7rem; width: 100%; margin-bottom: 5.5rem; }

#depth4_menu_div ul > * { display: table-cell; padding-right: 0px; vertical-align: middle; }

#depth4_menu_div ul li { position: relative; z-index: 0; height: 6rem; border: 1px solid #ddd; color: #282728; text-align: center; }

#depth4_menu_div ul li + li { border-left: 0 none; }

#depth4_menu_div ul li.active { border-color: #0C387E; background-color: #0C387E; color: #fff; }

#depth4_menu_div ul li.active::after { position: absolute; top: auto; left: 50%; transform: translateX(-50%); bottom: -0.75rem; z-index: -1; width: 1.5rem; height: 1.5rem; background-color: #0C387E; content: ''; transform: rotate(45deg); }

#depth4_menu_div ul a { display: block; padding: 1rem; line-height: 1.2; word-break: keep-all; transition: all 0.2s; }

#depth4_menu_div ul a::before { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: -1; width: 0; height: 0; background-color: #0C387E; content: ''; transition: all 0.2s; }

#depth4_menu_div ul a:hover, #depth4_menu_div ul a:focus { color: #fff; }

#depth4_menu_div ul a:hover::before, #depth4_menu_div ul a:focus::before { width: 100%; height: 6rem;left:0;top:-1px;transform:none}

#depth4_menu_div.type1 ul { margin-top: -0; display: inline-block; width: calc(100% + 0px); }

#depth4_menu_div.type1 ul > * { clear: none; float: left; width: calc(25% - 0px); margin: 0 0px 0 0; }

#depth4_menu_div.type1 ul > *:nth-child(2n + 1) { clear: none; }

#depth4_menu_div.type1 ul > *:nth-child(3n + 1) { clear: none; }

#depth4_menu_div.type1 ul > *:nth-child(4n + 1) { clear: both; }

#depth4_menu_div.type1 ul li:nth-child(n+5) { border-top: 0 none; }

#depth4_menu_div.type1 ul li:nth-child(4n + 1) { border-left: 1px solid #ddd; }

#depth4_menu_div.type1 ul li::after { display: none; }

#depth4_menu_div.type1 ul a { display: flex; min-height: 6rem; justify-content: center; align-items: center; }

#depth4_menu_div.type1_custom ul li:nth-child(4n + 1) {border-left:0 none;}

#depth4_menu_div.type1_custom ul {position:relative; padding-left:25%}

#depth4_menu_div.type1_custom ul li {width:33.3333%}

#depth4_menu_div.type1_custom ul li:nth-of-type(1) {position:absolute; height:100%; left: 0; top:0; width:25%; border-left:1px solid #ddd;}

#depth4_menu_div.type1_custom ul li a {height:100%;}

#depth4_menu_div.type1_custom ul li.active a::before, #depth4_menu_div.type1_custom ul a:hover::before, #depth4_menu_div.type1_custom ul a:focus::before { height:calc(100% + 1px); width:calc(100% + 1px);}

#depth4_menu_div.type1_custom ul a:hover::before, #depth4_menu_div.type1_custom ul a:focus::before {top:0;}

#depth4_menu_div.type1_custom ul li.active a::before {transition:none;}

#depth5_menu_ul { display: table; width: calc(100% + 0px); table-layout: fixed; height: 5rem; margin: -4rem 0 4rem; }

#depth5_menu_ul > * { display: table-cell; padding-right: 0px; vertical-align: middle; }

#depth5_menu_ul li { border-bottom: 1px solid #ddd; }

#depth5_menu_ul a { font-size: 1.7rem; display: block; color: #555; text-align: center; }

#depth5_menu_ul .active { border-bottom: 4px solid #345CB7; }

#depth5_menu_ul .active a { font-weight: bold; color: #333; }

.contents_util .zoom, .contents_util .list { display: none; }

.contents_util .path { position: absolute; left: 0; top: 24rem; width: 100%; margin-top: 2rem; color: #fff; text-align: center; opacity: 0; }

.contents_util .path li { display: inline; }

.contents_util .path li + li::before { display: inline-block; position: relative; top: 1px; font-family: "xeicon"; vertical-align: top; position: relative; top: 0.5rem; margin: 0 0.5rem; content: ''; }

.contents_util .path li a { display: inline-block; vertical-align: middle; }

.contents_util .path .icon a { display: inline-block; overflow: hidden; width: 2rem; height: 2rem; text-align: center; line-height: 2rem; vertical-align: middle; }

.contents_util .path .icon a::before { display: block; width: 100%; height: 100%; font-family: "xeicon"; text-align: center; line-height: inherit; content: ''; }

.contents_util .util { float: right; position: relative; top: -9rem; height: 0; }

.contents_util .btn { display: inline-block; overflow: hidden; width: 2.5rem; height: 2.5rem; color: #B2B2B2; text-align: center; line-height: 2.5rem; vertical-align: top; transition: all 0.2s; }

.contents_util .btn::before { display: block; width: 100%; height: 100%; font-family: "xeicon"; text-align: center; line-height: inherit; font-size: 2.2rem; font-weight: 400; }

.contents_util .btn.print::before { content: ""; }

.contents_util .btn.up::before { content: ""; }

.contents_util .btn.down::before { content: ""; }

.contents_util .btn.open::before { content: ""; }

.contents_util .btn:hover, .contents_util .btn:focus { color: #000; }

.contents_util .btn.print { margin-left: 2.5rem; }

.contents_util .share { display: inline-block; position: relative; z-index: 1; vertical-align: top; }

.contents_util .share .item { visibility: hidden; overflow: hidden; width: 0; height: 0; opacity: 0; position: absolute; top: auto; left: 50%; transform: translateX(-50%); overflow: hidden; top: 2rem; width: 6rem; margin-top: 1rem; padding: 1rem; border: 1px solid #ddd; background-color: #fff; white-space: nowrap; }

.contents_util .share .item::before { position: absolute; top: auto; left: 50%; transform: translateX(-50%); top: -0.3rem; width: 1rem; height: 1rem; background-color: #fff; border-top: 1px solid #ddd; border-left: 1px solid #ddd; content: ''; transform: rotate(45deg) translateX(-50%); }

.contents_util .share .item .list { display: block !important; }

.contents_util .share .item a { display: block; overflow: hidden; width: 3rem; height: 3rem; margin-top: 1rem; text-align: center; line-height: 3rem; }

.contents_util .share .item a::before { display: block; width: 100%; height: 100%; font-family: "xeicon"; text-align: center; line-height: inherit; font-size: 2rem; transition: all 0.2s; transition-delay: 0.1s; }

.contents_util .share .item a.close::before { transform: rotate(0); transition: all 0.2s; }

.contents_util .share .item a.close:hover::before, .contents_util .share .item a.close:focus::before { transform: rotate(180deg) translateY(2px); }

.contents_util .share .item a.close::before { content: ''; }

.contents_util .share .item a:hover::before, .contents_util .share .item a:focus::before { transform: scale(1.5); }

.contents_util .share .item .facebook a::before { color: #29487d; content: ""; }

.contents_util .share .item .twitter a::before { color: #1da1f2; content: ""; }

.contents_util .share .item .kakaostory a::before { color: #ffc20f; content: ""; }

.contents_util .share .item .kakaotalk a::before { color: #381e1f; content: ""; }

.contents_util .share .item .band a::before { font-size: 2rem; font-family: "Noto Sans KR"; font-weight: 900; color: #21c531; content: 'b'; }

.contents_util .share .item .url a { position: relative; z-index: 0; padding-top: 3rem; }

.contents_util .share .item .url a::before { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 0; width: 2rem; height: 2rem; background: url("/main/img/contents/icon_url.png") no-repeat center center/cover; content: ''; }

.contents_util .share .item .url a:hover::before, .contents_util .share .item .url a:focus::before { transform: translate(-50%, -50%) scale(1.5); }

.contents_util .share.active .btn { color: #000; }

.contents_util .share.active .item { visibility: visible; overflow: visible; width: auto; height: auto; opacity: 1; margin-top: 1.5rem; transition: all 0.2s; }

#contents_title { font-size: 3.4rem; margin-bottom: 4rem; padding-bottom: 1.5rem; border-bottom: 1px solid #ddd; color: #000; line-height: 1.5; }

.contents_info .group { width: 100%; }

.layerpopup { visibility: hidden; overflow: hidden; width: 0; height: 0; opacity: 0; position: fixed; left: 0; top: 0; z-index: 5; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.4); opacity: 0; }

.layerpopup > .group { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100rem; max-width: calc(100% - 6rem); margin-left: auto !important; margin-right: auto !important; overflow-y: auto; max-height: 80%; background-color: #fff; }

.layerpopup > .group > h2 { font-size: 2.5rem; display: block; padding: 2rem 8rem 2rem 4rem; background-color: #263A71; color: #fff; line-height: 1.2; word-break: keep-all; }

.layerpopup > .group.alert { display: table; width: calc(100% + 0px); table-layout: fixed; width: 59rem; padding: 5.5rem 4.5rem 5.5rem 5.5rem; border: 0.3rem solid #3B53A3; }

.layerpopup > .group.alert > * { display: table-cell; padding-right: 0px; vertical-align: middle; }

.layerpopup > .group.alert .img { width: 12.5rem; }

.layerpopup > .group.alert .desc { padding-left: 5.5rem; }

.layerpopup > .group.alert .title { font-size: 2rem; display: block; margin-bottom: 1rem; font-weight: 400; }

.layerpopup > .group.alert .btn1.type2.txt_center { min-width: 13rem; height: 4.5rem; margin-top: 2.5rem; padding: 0; text-align: center !important; line-height: 4.3rem; }

.layerpopup > .group.type1 { overflow: visible; width: 44.5rem; padding: 4rem 5rem; border-radius: 0.3rem; border: 0.3rem solid #2A449B; }

.layerpopup > .group.type1 .title { font-size: 1.9rem; padding: 0; background: none; color: #000; }

.layerpopup > .group.type1 .item { padding: 0.5rem 0 0; }

.layerpopup > .group.type1 .btns { padding-top: 2rem; }

.layerpopup > .group.type1 .btns .btn1.type2 { min-width: 13rem; height: 4.5rem; padding: 0 2rem; text-align: center !important; line-height: 4.3rem; }

.layerpopup > .group.type1 .close { overflow: hidden; position: absolute; right: -6rem; top: -0.3rem; width: 6rem; height: 6rem; background-color: #2A449B; text-align: center; line-height: 6rem; }

.layerpopup > .group.type1 .close::before { font-size: 2.7rem; }

.layerpopup > .group.type1 .form_captcha { margin-top: 2rem; }

.layerpopup > .group.type1 .form_captcha .form { position: relative; z-index: 0; padding-right: 11rem; }

.layerpopup > .group.type1 .form_captcha .form .form_textbox { font-size: 2rem; height: 8.5rem; border: 1px solid #D0D0D0; background-color: #EFEFEF; font-weight: 100; text-align: center; letter-spacing: 0.5rem; }

.layerpopup > .group.type1 .form_captcha .form span { position: absolute; right: 0; top: 0; width: 10rem; }

.layerpopup > .group.type1 .form_captcha .btn1.type1 { font-size: 1.5rem; width: 10rem; min-width: 0; height: 4rem; padding: 0; font-weight: 300; text-align: center !important; line-height: 3.8rem; }

.layerpopup > .group.type1 .form_captcha .btn1.type1 i { position: relative; top: auto; left: auto; right: auto; bottom: auto; transform: translate(0, 0); }

.layerpopup > .group.type1 .form_captcha .btn1.type1 + .btn1.type1 { margin-top: 0.5rem; }

.layerpopup > .group.type1 .form_captcha > .form_textbox { height: 4.5rem; margin-top: 1rem; }

.layerpopup > .group.type1 .check { margin: 2.5rem 0 1rem; padding: 3rem 4rem; border: 1px solid #D0D0D0; }

.layerpopup > .group.type1 .check li { display: inline-block; }

.layerpopup > .group.type1 .check li:nth-child(2) { color: #0A2C9F; }

.layerpopup > .group.type1 .check li:nth-child(2)::before { display: inline-block; width: 1px; height: 1.5rem; margin: 0 0.5rem; background-color: #C9C9C9; content: ''; vertical-align: middle; }

.layerpopup > .group.type1 .check li:last-child { font-size: 1.5rem; display: block; }

.layerpopup > .group.type1 .check i { font-size: 1.6rem; }

.layerpopup .item { padding: 5rem 6.5rem; }

.layerpopup .close { font-size: 3.5rem; overflow: hidden; position: absolute; right: 4rem; top: 2rem; width: 3.5rem; height: 3.5rem; color: #fff; text-align: center; line-height: 3.5rem; }

.layerpopup .close::before { transform: rotate(0); transition: all 0.2s; }

.layerpopup .close:hover::before, .layerpopup .close:focus::before { transform: rotate(180deg) translateY(2px); }

.layerpopup .close::before { display: block; width: 100%; height: 100%; font-family: "xeicon"; text-align: center; line-height: inherit; content: ''; }

.layerpopup.active { visibility: visible; overflow: visible; width: auto; height: auto; opacity: 1; width: 100%; height: 100%; opacity: 1; transition: opacity 0.2s; }

.layerpopup[id*="clean"] { word-break: keep-all; }

.layerpopup[id*="clean"] h2 { font-size: 2.3rem; font-weight: 400; text-align: center; }

.layerpopup[id*="clean"] .group { width: 92rem; }

.layerpopup[id*="clean"] .title { font-size: 2.4rem; display: block; margin: 3.5rem 0 1rem; color: #000; }

.layerpopup[id*="clean"] .title:first-child { margin-top: 0; }

.layerpopup[id*="clean"] .list { border-bottom: 1px solid #C9C9C9; }

.layerpopup[id*="clean"] .list li { margin-bottom: 3rem; }

.layerpopup[id*="clean"] .list strong { font-size: 1.8rem; display: block; margin-bottom: 1rem; font-weight: 400; color: #1A2273; }

.layerpopup[id*="clean"] p.txt_center:first-child { margin-bottom: 3.5rem; padding-bottom: 3rem; border-bottom: 1px dashed #C9C9C9; }

.layerpopup[id*="clean"] p.txt_center:last-child { margin-top: 3.5rem; padding-top: 3rem; border-top: 1px dashed #C9C9C9; }

.search_result .search_form.board_box.type1 { padding: 3.5rem; border: 0.3rem solid #E2E2E2; background: none; }

.search_result .search_form.board_box.type1 form { width: 61rem; padding: 0 11.5rem 0 0; }

.search_result .search_form.board_box.type1 label { display: none; }

.search_result .search_form.board_box.type1 input { width: 100%; height: 5rem; padding: 0 2rem; color: #767676; }

.search_result .search_form.board_box.type1 button { position: absolute; right: 0; top: 0; width: 11.5rem; height: 5rem; border-color: #484341; background-color: #484341; }

.search_result .search_form.board_box.type1 button::before { display: inline-block; position: relative; top: 1px; font-family: "xeicon"; vertical-align: top; font-size: 2rem; margin-right: 1rem; content: ''; }

.search_result .search_form.board_box.type1 button:hover, .search_result .search_form.board_box.type1 button:focus { background-color: #fff; }

.search_result .depth4_tab ul { display: table; width: calc(100% + 0px); table-layout: fixed; margin-top: 4rem; border: 1px solid #D4D4D4; color: #767676; text-align: center; }

.search_result .depth4_tab ul > * { display: table-cell; padding-right: 0px; vertical-align: middle; }

.search_result .depth4_tab ul li + li { border-left: 1px solid #D4D4D4; }

.search_result .depth4_tab ul a { display: block; padding: 1.25rem 0.5rem; }

.search_result .depth4_tab ul .active { background-color: #0C387E; font-weight: 600; color: #fff; }

.search_result .group .title small { font-size: 0; color: inherit; }

.search_result .group .title small span { font-size: 2.5rem; font-weight: 500; color: inherit; }

.search_result .group .title small span::before { content: '('; }

.search_result .group .title small span::after { content: ')'; }

.search_result .group [style="color:red"] { color: #f25c1e !important; }

.search_result .group .board_list { border-top-width: 1px; }

.search_result .group .board_list li { font-size: 1.6rem; line-height: 1.5625; padding: 1.5rem 0; }

.search_result .group .board_list p.info { margin: 0; padding: 0; background: none; opacity: 0.7; }

.search_result .group .board_list p.info + .txt { margin-top: 0.5rem; }

.search_result .group .board_list p.txt { margin-top: 0; color: #555; }

.search_result .group .board_list + .more { font-size: 1.5rem; height: 4rem; margin-top: -1px; padding: 0; background-color: #F9F9F9; color: #767676; line-height: 4rem; }

.sitemap dt { color: #1A2273; }

.sitemap .depth2 > li { width: 33.333%; }

.sitemap .depth2 > li:nth-child(3n+1) { clear: both; }

.sitemap .depth2 > li > a { font-size: 1.7rem; height: auto; padding: 1.5rem 3rem; font-weight: 400; line-height: 1.5; white-space: normal; }

.sitemap .depth2 > li > a:hover, .sitemap .depth2 > li > a:focus { background-color: #253D8D; }

.sitemap .depth3 { padding-left: 1rem; }

.sitemap .depth3 > li > a { position: relative; padding-left: 1rem; text-align: left; display: block; transition: all 0.2s; }

.sitemap .depth3 > li > a::before { position: absolute; left: 0; top: auto; content: ''; }

.sitemap .depth3 > li > a::before { top: 1.25rem; width: 0.5rem; height: 0.5rem; border-radius: 100%; background-color: #B5B5B5; transition: all 0.2s; }

.sitemap .depth3 > li > a:hover, .sitemap .depth3 > li > a:focus { color: #1A2273; text-decoration: underline; }

.sitemap .depth3 > li > a:hover::before, .sitemap .depth3 > li > a:focus::before { background-color: #3E5DC3; }

.box-link {display:flex; gap:1rem 2rem; margin-bottom:5.5rem;}

.box-link-item {flex:1; border:1px solid #ddd; padding:5rem 4rem 4rem; display:flex; flex-direction: column;}

.box-link-item:first-of-type .box-link-item-title { margin-bottom:3.2rem;} 

.box-link-item-title {font-size:1.9rem; line-height:1.5; margin-bottom:2rem; letter-spacing:-0.05em;}

.box-link-item-info {display:flex; align-items:center; justify-content:space-between;}

.box-link-item-info img {max-width:19rem; max-height:7rem;}

.box-link-item-info a {transition:all 0.2s; display:flex; width: 18rem; height:4.8rem; align-items:center; margin-left:3rem; border:1px solid #ddd; padding:0 2.5rem; justify-content:space-between;}

.box-link-item-info a span {color:#545454; transition:all 0.2s;}

.box-link-item-info a i {color:#A3A3A3; transition:all 0.2s; font-weight:700;}

.box-link-item-info a:hover { border-color:#1A2273}

.box-link-item-info a:hover span, .box-link-item-info a:hover i {color:#1A2273;}