@CHARSET "UTF-8";
.pagination { margin-top: 20px; }
.pagination > ul { display: table; margin: auto; border-spacing: 0; line-height: 0; text-align: center; }
.pagination > ul > li { display: table-cell; padding: 0; vertical-align: top}
.pagination > ul > li > a { display: inline-block; width: 35px; height: 35px; background-color: #fff; border: 1px solid #dbdbdb; box-sizing: border-box; vertical-align: bottom; line-height: 33px; border-left: hidden; }
.pagination > ul > li:FIRST-CHILD > a { border-left: 1px solid #dbdbdb; }
.pagination > ul > li.active > a { border: 1px solid #1964aa !important; font-size: 100%; background-color: #2c77bc; background-image: url(../img/ptn-diagonal-01.png); font-weight: bold; color: #fff; }
.pagination > ul > li.prev + li > a {border-left: 1px solid #dbdbdb;}
.pagination > ul > li.first > a,
.pagination > ul > li.prev > a,
.pagination > ul > li.next > a,
.pagination > ul > li.end > a { border: 1px solid #dbdbdb; background-image: url(../img/icon-paging.png); background-repeat: no-repeat; font-size: 0%; color: transparent; }
.pagination > ul > li.first > a { background-position: 8px 8px;   border-right: hidden;}
.pagination > ul > li.prev > a { background-position: 10px -17px; margin-right: 10px; }
.pagination > ul > li.next > a { background-position: 12px -42px;  margin-left: 10px; }
.pagination > ul > li.end > a { background-position: 10px -67px; border-left: hidden;  }
.pagination > ul > li.disabled > a { display: none; }

.CHART-AREA{position: relative;}
/* input text 자동완성 list */
.search-auto { position:absolute; border:1px solid #ccc; background:#FFF; font-size:0.83em; letter-spacing:normal; z-index:999 }
.search-auto ul { margin:5px 0;}
.search-auto ul li a { display:inline-block; width:90%; padding:4px 15px; color:#666; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; text-align: left;}
.search-auto ul li.on{ background:#efefef;}
.search-auto ul li span { font-weight:bold; color:#e49f15;}

.func-zip-addr label {position:absolute;left:-9999px;top:-9999px}

.zipcd {width:60px;background:#ffffff; border: 1px solid #c7c7c7;padding: 5px 10px; vertical-align: top;}
.zip-addr {margin-top:5px}
.zipaddr {width:320px;background:#ffffff; border: 1px solid #c7c7c7;padding: 5px 10px; vertical-align: top;}
.zipaddrlong {width:500px !important;}
.zipdtladdr {width:180px;margin-left:10px;background:#ffffff; border: 1px solid #c7c7c7;padding: 5px 10px; vertical-align: top;}

.func-search-btn {margin:10px 0 20px 0; text-align: center}
.func-btn-small {position:relative; display:inline-block; min-width:80px; height:30px; border:1px solid #dbdbdb; font-size:100%; padding:0 0 0 10px; margin: 0 10px; background-color:#fff; box-sizing: border-box;}
.func-btn-small:HOVER {background-color: #f0f0f0 !important;}
.func-btn-small > span {position:absolute; top:7px; left:10px; display:block; width:15px; height:15px;background-image: url(../img/icon-btn.png); background-repeat: no-repeat;}
.func-btn-small-search > span {background-position: -100px -23px;}

.func-btn-data1 {position:relative; display:inline-block; min-width:72px; height:29px; border:1px solid #495776; font-size:100%; padding:0px; margin: 10px 10px 10px 0; background-color:#667391; box-sizing: border-box; color:#fff;}
.func-btn-data2 {position:relative; display:inline-block; min-width:72px; height:29px; border:1px solid #dbdbdb; font-size:100%; padding:0px; margin: 10px 10px 10px 0; background-color:#fbfbfb; box-sizing: border-box; color:#000;}

.func-icon-time{margin-bottom: 10px;}
.func-icon-time > span:FIRST-CHILD{vertical-align: middle; margin-right: 3px;display:inline-block; width:15px; height:15px;background-image: url(../img/icon-mdicontent.png); background-repeat: no-repeat;}

.func-finder-input{width:290px;}
.func-finder-searchInput{width: 300px;}
/* 증권시장지 공시 */
.mkd-section{overflow-y:scroll; height:500px;}
.mkd-section > dl > dt{font-size:1.5em;}
.mkd-section > dl > ul > li{ list-style-position: inside;list-style-type: disc !important;}

.controller {position: relative; overflow: hidden; background-color: #abb7d2; border-top: 1px solid #8c97b1; border-bottom: 1px solid #8c97b1; border-right: 1px solid #8c97b1; height:40px;}
.controller .slider { height: 38px; width:84%; float:left;}
.controller button {width: 40px; height: 40px; border: 0; padding: 0; margin: 0; float:left;}
.controller button span {position: absolute; left: -9999px;}
.controller .play_btn 	{background: url(../img/btn-mditimeline.png) no-repeat 16px 13px; background-color: #556381; border: 1px solid #515f7d;}
.controller .pause_btn 	{background: url(../img/btn-mditimeline.png) no-repeat 15px -37px; background-color: #556381; border-top: 1px solid #515f7d; border-bottom: 1px solid #515f7d; border-right: 1px solid #515f7d;}
.controller .stop_btn 	{background: url(../img/btn-mditimeline.png) no-repeat 14px -87px; background-color: #556381; border-top: 1px solid #515f7d; border-bottom: 1px solid #515f7d; border-right: 1px solid #515f7d;}
.controller .ui-state-default {background: url(../img/btn-mditimeline.png) no-repeat 0px -150px; border: 0; width: 16px; height: 16px; top: -2px}
.controller .ui-slider-horizontal {height: 0.7em;}
.controller .ui-widget-content {border: 0; background: #8792ab; left: 35px; width: 75%; top: 14px; border-top: 1px solid #7a849c; border-bottom: 1px solid #7a849c; border-right: 1px solid #7a849c;}
.controller .ui-widget-header {background: #fff; border:1px solid #8c97b1; top: -1px;}
.controller .sliderTextBox > div{position: absolute; font-size: 0.8em; top: 10px; margin-left:-33px;}
/* chartbox 1 */
.chart_legend {position:relative;top:-2px;display:table; border-top:1px solid #eaeaea; overflow:hidden;margin:0; font-size:12px; font-color:#666666; background:#f5f3f4; width:100%;}
.chart_legend h3 {display:table-cell; text-align:center; width:70px; height:auto; vertical-align:middle}
.info_ico {overflow:hidden;display:table-cell;padding:5px 0 5px 10px;width:690px; background:#fff; height: 20px; vertical-align: middle;}
.info_ico li {float:left; padding-right:20px; white-space:nowrap; overflow:hidden;}
.info_ico li span {vertical-align:middle; margin-right:5px;}
/* //chartbox 1 */
/* chartbox 3 */
.chart-root-cover3 {display:table;width:100%;position:relative;}
.chart-area-cover3 {display:table-cell; text-align: left; width:100%; padding-right:205px;}
.chart-legend-cover3 {position:absolute; top:0; right:0; width:205px; height:100%;}
.chart_legend3 {display:table; border-bottom:1px solid #eaeaea; border-top:1px solid #eaeaea; border-right:1px solid #eaeaea; overflow:hidden;margin:0; font-size:12px; font-color:#666666; background:#f5f3f4; height:100%; width:100%;}
.info_ico3 {overflow:hidden;display:table-cell;padding:45px 20px;width:690px; background:#fff}
.info_ico3 li {float:left; margin-bottom:15px; width: 45%; white-space:nowrap; overflow:hidden;}
.info_ico3 li:nth-child(odd) {margin-right:15px;}
.info_ico3 li span {vertical-align:middle; margin-right:5px;}
/* //chartbox 3 */

/* chartbox + lengend top 1line */
.chart-top-legend-box {position:relative;top:-2px; border-top:1px solid #eaeaea; overflow:hidden;margin:0; font-size:12px; font-color:#666666; width:100%;}
.chart-top-legend-box > ul {padding:5px 0 5px 10px; background:#fff; height: 20px; vertical-align: middle;}
.chart-top-legend-box > ul > li {float:left; padding-right:20px; white-space:nowrap;}
.chart-top-legend-box > ul > li > span {vertical-align:middle; margin-right:5px;}
/* chartbox + lengend left 1line */
.chart-legend-box {display:table;width:100%;position:relative;}
.chart-legend-box > div:FIRST-CHILD {display:table-cell; text-align: left; width:80%; vertical-align:top; }
.chart-legend-box > div:FIRST-CHILD + div {display:table-cell; top:0; right:0; width:140px; margin:0; font-size:12px; background:#fff; height:100%; border-bottom:1px solid #eaeaea; border-top:1px solid #eaeaea; border-right:1px solid #eaeaea;}
.chart-legend-box > div:FIRST-CHILD + div > ul { padding:45px 20px; }
.chart-legend-box > div:FIRST-CHILD + div > ul > li {margin-bottom:15px; color:#666666;}
.chart-legend-box > div:FIRST-CHILD + div > ul > li > span {vertical-align:middle; margin-right:5px;}
/* chartbox + lengend left 2line */
.chart-legend-box2 {display:table;width:100%;position:relative; }
.chart-legend-box2 > div:FIRST-CHILD {display:table-cell; text-align: left; width:70%; vertical-align:top; }
.chart-legend-box2 > div:FIRST-CHILD + div {display:table-cell; top:0; right:0; margin:0; font-size:12px; background:#fff; height:100%; border-bottom:1px solid #eaeaea; border-top:1px solid #eaeaea; border-right:1px solid #eaeaea;}
.chart-legend-box2 > div:FIRST-CHILD + div > ul { padding:45px 18px; width:195px; overflow: hidden; }
.chart-legend-box2 > div:FIRST-CHILD + div > ul > li {float:left; margin-bottom:15px; white-space:nowrap; width:90px;}
.chart-legend-box2 > div:FIRST-CHILD + div > ul > li:nth-child(odd) {margin-right:15px;}
.chart-legend-box2 > div:FIRST-CHILD + div > ul > li > span {vertical-align:middle; margin-right:5px;}
/* chartbox + lengend left line scroll bar 4 */
.chart-legend-box4 {display:table;width:100%;position:relative;}
.chart-legend-box4 > div:FIRST-CHILD {display:table-cell; text-align: left; width:74%; vertical-align:top; }
.chart-legend-box4 > div:FIRST-CHILD + div { overflow-y: scroll; display:table-cell; top:0; right:0; width:140px; margin:0; font-size:12px; background:#fff;  border-bottom:1px solid #eaeaea; border-top:1px solid #eaeaea; border-right:1px solid #eaeaea;}
.chart-legend-box4 > div:FIRST-CHILD + div > ul { padding:15px 20px; height:350px;}
.chart-legend-box4 > div:FIRST-CHILD + div > ul > li {margin-bottom:15px; color:#666666; }
.chart-legend-box4 > div:FIRST-CHILD + div > ul > li > span {vertical-align:middle; margin-right:5px;}
/* //chartbox 4 */
.chartItem-box-close { width: 13px;float: right; height: 13px; margin : 4px 2px 0px 5px; background:url(../img/btn-mdipopup.png) no-repeat;cursor:pointer }
.chartItem-box-close span{display: none;}
.chart-tip-topbox{  background:#44526f;border:1px solid #0c2545; color:#fff; height:20px; }
.tip {border:1px solid #0c2545; color:#fff; margin:0; padding:0;}
.tip .tip-xaxis { background:#44526f; padding: 5px 10px; font-size:12px; vertical-align:middle; margin:0; }
.tip .tip-yaxis { background:#515f7d; padding:10px; font-size:11px; margin:0; }

.legend-a1 { background: url(../../../WEB-APP/webponent/chart/img/legend_a1.png); width:12px; height:12px; display:inline-block; }
.legend-a2 { background: url(../../../WEB-APP/webponent/chart/img/legend_a2.png); width:12px; height:12px; display:inline-block; }
.legend-a3 { background: url(../../../WEB-APP/webponent/chart/img/legend_a3.png); width:12px; height:12px; display:inline-block; }
.legend-a5 { background: url(../../../WEB-APP/webponent/chart/img/legend_a5.png); width:12px; height:12px; display:inline-block; }
.legend-a6 { background: url(../../../WEB-APP/webponent/chart/img/legend_a6.png); width:12px; height:12px; display:inline-block; }
.legend-a7 { background: url(../../../WEB-APP/webponent/chart/img/legend_a7.png); width:12px; height:12px; display:inline-block; }
.legend-a8-1 { background: url(../../../WEB-APP/webponent/chart/img/legend_a8-1.png); width:12px; height:12px; display:inline-block; }
.legend-a9 { background: url(../../../WEB-APP/webponent/chart/img/legend_a9.png); width:12px; height:12px; display:inline-block; }
.legend-a10 { background: url(../../../WEB-APP/webponent/chart/img/legend_a10.png); width:12px; height:12px; display:inline-block; }
.legend-a11 { background: url(../../../WEB-APP/webponent/chart/img/legend_a11.png); width:12px; height:12px; display:inline-block; }
.legend-a12 { background: url(../../../WEB-APP/webponent/chart/img/legend_a12.png); width:12px; height:12px; display:inline-block; }
.legend-a13 { background: url(../../../WEB-APP/webponent/chart/img/legend_a13.png); width:12px; height:12px; display:inline-block; }
.legend-a14 { background: url(../../../WEB-APP/webponent/chart/img/legend_a14.png); width:12px; height:12px; display:inline-block; }
.legend-b1 { background: url(../../../WEB-APP/webponent/chart/img/legend_b1.png); width:12px; height:12px; display:inline-block; }
.legend-b2 { background: url(../../../WEB-APP/webponent/chart/img/legend_b2.png); width:12px; height:12px; display:inline-block; }
.legend-b3 { background: url(../../../WEB-APP/webponent/chart/img/legend_b3.png); width:12px; height:12px; display:inline-block; }
.legend-b4 { background: url(../../../WEB-APP/webponent/chart/img/legend_b4.png); width:12px; height:12px; display:inline-block; }
.legend-b5 { background: url(../../../WEB-APP/webponent/chart/img/legend_b5.png); width:12px; height:12px; display:inline-block; }
.legend-b6 { background: url(../../../WEB-APP/webponent/chart/img/legend_b6.png); width:12px; height:12px; display:inline-block; }
.legend-c1 { background: url(../../../WEB-APP/webponent/chart/img/legend_c1.png); width:12px; height:12px; display:inline-block; }
.legend-c2 { background: url(../../../WEB-APP/webponent/chart/img/legend_c2.png); width:12px; height:12px; display:inline-block; }
.legend-c3 { background: url(../../../WEB-APP/webponent/chart/img/legend_c3.png); width:12px; height:12px; display:inline-block; }
.legend-c4 { background: url(../../../WEB-APP/webponent/chart/img/legend_c4.png); width:12px; height:12px; display:inline-block; }
.legend-c5 { background: url(../../../WEB-APP/webponent/chart/img/legend_c5.png); width:12px; height:12px; display:inline-block; }
.legend-c6 { background: url(../../../WEB-APP/webponent/chart/img/legend_c6.png); width:12px; height:12px; display:inline-block; }
.legend-c7 { background: url(../../../WEB-APP/webponent/chart/img/legend_c7.png); width:12px; height:12px; display:inline-block; }
.legend-icon-01 { background: url(../../../WEB-APP/webponent/chart/img/icon_01.png); width:12px; height:12px; display:inline-block; }
.legend-icon-02 { background: url(../../../WEB-APP/webponent/chart/img/icon_02.png); width:12px; height:12px; display:inline-block; }
.legend-icon-03 { background: url(../../../WEB-APP/webponent/chart/img/icon_03.png); width:12px; height:12px; display:inline-block; }
.legend-icon-04 { background: url(../../../WEB-APP/webponent/chart/img/icon_04.png); width:12px; height:12px; display:inline-block; }
.legend-icon-05 { background: url(../../../WEB-APP/webponent/chart/img/icon_05.png); width:12px; height:12px; display:inline-block; }
.legend-icon-06 { background: url(../../../WEB-APP/webponent/chart/img/icon_06.png); width:12px; height:12px; display:inline-block; }
.legend-icon-07 { background: url(../../../WEB-APP/webponent/chart/img/icon_07.png); width:12px; height:12px; display:inline-block; }
.legend-icon-dot { background: url(../../../WEB-APP/webponent/chart/img/icon_dot.png); width:12px; height:12px; display:inline-block; }
.legend-icon-rect { background: url(../../../WEB-APP/webponent/chart/img/icon_rect.png); width:12px; height:12px; display:inline-block; }
.legend-icon-rhom { background: url(../../../WEB-APP/webponent/chart/img/icon_rhom.png); width:12px; height:12px; display:inline-block; }
.legend-icon-star { background: url(../../../WEB-APP/webponent/chart/img/icon_star.png); width:12px; height:12px; display:inline-block; }
.legend-icon-triangle { background: url(../../../WEB-APP/webponent/chart/img/icon_triangle.png); width:12px; height:12px; display:inline-block; }
.legend-1-a1 { background: url(../../../WEB-APP/webponent/chart/img/legend_1_a1.png); width:12px; height:12px; display:inline-block; }
.legend-1-a2 { background: url(../../../WEB-APP/webponent/chart/img/legend_1_a2.png); width:12px; height:12px; display:inline-block; }
.legend-1-a3 { background: url(../../../WEB-APP/webponent/chart/img/legend_1_a3.png); width:12px; height:12px; display:inline-block; }
.legend-1-a5 { background: url(../../../WEB-APP/webponent/chart/img/legend_1_a5.png); width:12px; height:12px; display:inline-block; }
.legend-1-a5-11 { background: url(../../../WEB-APP/webponent/chart/img/legend_1_a5-11.png); width:12px; height:12px; display:inline-block; }
.legend-1-a6 { background: url(../../../WEB-APP/webponent/chart/img/legend_1_a6.png); width:12px; height:12px; display:inline-block; }
.legend-1-a7 { background: url(../../../WEB-APP/webponent/chart/img/legend_1_a7.png); width:12px; height:12px; display:inline-block; }
.legend-1-a8 { background: url(../../../WEB-APP/webponent/chart/img/legend_1_a8.png); width:12px; height:12px; display:inline-block; }
.legend-1-a9 { background: url(../../../WEB-APP/webponent/chart/img/legend_1_a9.png); width:12px; height:12px; display:inline-block; }
.legend-1-a10 { background: url(../../../WEB-APP/webponent/chart/img/legend_1_a10.png); width:12px; height:12px; display:inline-block; }
.legend-1-a11 { background: url(../../../WEB-APP/webponent/chart/img/legend_1_a11.png); width:12px; height:12px; display:inline-block; }
.legend-1-a13 { background: url(../../../WEB-APP/webponent/chart/img/legend_1_a13.png); width:12px; height:12px; display:inline-block; }
.legend-1-b7 { background: url(../../../WEB-APP/webponent/chart/img/legend_1_b7.png); width:12px; height:12px; display:inline-block; }
.legend-1-b8 { background: url(../../../WEB-APP/webponent/chart/img/legend_1_b8.png); width:12px; height:12px; display:inline-block; }
.legend-1-b9 { background: url(../../../WEB-APP/webponent/chart/img/legend_1_b9.png); width:12px; height:12px; display:inline-block; }
.legend-1-b10 { background: url(../../../WEB-APP/webponent/chart/img/legend_1_b10.png); width:12px; height:12px; display:inline-block; }
.legend-1-b12 { background: url(../../../WEB-APP/webponent/chart/img/legend_1_b12.png); width:12px; height:12px; display:inline-block; }
.legend-2-a1 { background: url(../../../WEB-APP/webponent/chart/img/legend_2_a1.png); width:12px; height:12px; display:inline-block; }
.legend-2-a2 { background: url(../../../WEB-APP/webponent/chart/img/legend_2_a2.png); width:12px; height:12px; display:inline-block; }
.legend-2-a3 { background: url(../../../WEB-APP/webponent/chart/img/legend_2_a3.png); width:12px; height:12px; display:inline-block; }
.legend-2-a4 { background: url(../../../WEB-APP/webponent/chart/img/legend_2_a4.png); width:12px; height:12px; display:inline-block; }
.legend-2-a5 { background: url(../../../WEB-APP/webponent/chart/img/legend_2_a5.png); width:12px; height:12px; display:inline-block; }
.legend-2-a7 { background: url(../../../WEB-APP/webponent/chart/img/legend_2_a7.png); width:12px; height:12px; display:inline-block; }
.legend-2-a11 { background: url(../../../WEB-APP/webponent/chart/img/legend_2_a11.png); width:12px; height:12px; display:inline-block; }
.legend-2-a14 { background: url(../../../WEB-APP/webponent/chart/img/legend_2_a14.png); width:12px; height:12px; display:inline-block; }
.legend-2-b11 { background: url(../../../WEB-APP/webponent/chart/img/legend_2_b11.png); width:12px; height:12px; display:inline-block; }
.legend-3-a1 { background: url(../../../WEB-APP/webponent/chart/img/legend_3_a1.png); width:12px; height:12px; display:inline-block; }
.legend-3-a2 { background: url(../../../WEB-APP/webponent/chart/img/legend_3_a2.png); width:12px; height:12px; display:inline-block; }
.legend-3-a3 { background: url(../../../WEB-APP/webponent/chart/img/legend_3_a3.png); width:12px; height:12px; display:inline-block; }
.legend-3-a5 { background: url(../../../WEB-APP/webponent/chart/img/legend_3_a5.png); width:12px; height:12px; display:inline-block; }
.legend-3-a5-19 { background: url(../../../WEB-APP/webponent/chart/img/legend_3_a5-19.png); width:12px; height:12px; display:inline-block; }
.legend-3-a6 { background: url(../../../WEB-APP/webponent/chart/img/legend_3_a6.png); width:12px; height:12px; display:inline-block; }
.legend-3-a7 { background: url(../../../WEB-APP/webponent/chart/img/legend_3_a7.png); width:12px; height:12px; display:inline-block; }
.legend-3-a8 { background: url(../../../WEB-APP/webponent/chart/img/legend_3_a8.png); width:12px; height:12px; display:inline-block; }
.legend-3-a9 { background: url(../../../WEB-APP/webponent/chart/img/legend_3_a9.png); width:12px; height:12px; display:inline-block; }
.legend-3-a10 { background: url(../../../WEB-APP/webponent/chart/img/legend_3_a10.png); width:12px; height:12px; display:inline-block; }
.legend-3-a11 { background: url(../../../WEB-APP/webponent/chart/img/legend_3_a11.png); width:12px; height:12px; display:inline-block; }
.legend-3-a13 { background: url(../../../WEB-APP/webponent/chart/img/legend_3_a13.png); width:12px; height:12px; display:inline-block; }
.legend-3-b7 { background: url(../../../WEB-APP/webponent/chart/img/legend_3_b7.png); width:12px; height:12px; display:inline-block; }
.legend-3-b8 { background: url(../../../WEB-APP/webponent/chart/img/legend_3_b8.png); width:12px; height:12px; display:inline-block; }
.legend-3-b9 { background: url(../../../WEB-APP/webponent/chart/img/legend_3_b9.png); width:12px; height:12px; display:inline-block; }
.legend-3-b10 { background: url(../../../WEB-APP/webponent/chart/img/legend_3_b10.png); width:12px; height:12px; display:inline-block; }
.legend-3-b12 { background: url(../../../WEB-APP/webponent/chart/img/legend_3_b12.png); width:12px; height:12px; display:inline-block; }
.legend-4-a1 { background: url(../../../WEB-APP/webponent/chart/img/legend_4_a1.png); width:12px; height:12px; display:inline-block; }
.legend-4-a2 { background: url(../../../WEB-APP/webponent/chart/img/legend_4_a2.png); width:12px; height:12px; display:inline-block; }
.legend-4-a3 { background: url(../../../WEB-APP/webponent/chart/img/legend_4_a3.png); width:12px; height:12px; display:inline-block; }
.legend-4-a4 { background: url(../../../WEB-APP/webponent/chart/img/legend_4_a4.png); width:12px; height:12px; display:inline-block; }
.legend-4-a5 { background: url(../../../WEB-APP/webponent/chart/img/legend_4_a5.png); width:12px; height:12px; display:inline-block; }
.legend-4-a7 { background: url(../../../WEB-APP/webponent/chart/img/legend_4_a7.png); width:12px; height:12px; display:inline-block; }
.legend-4-a11 { background: url(../../../WEB-APP/webponent/chart/img/legend_4_a11.png); width:12px; height:12px; display:inline-block; }
.legend-4-a14 { background: url(../../../WEB-APP/webponent/chart/img/legend_4_a14.png); width:12px; height:12px; display:inline-block; }
.legend-4-b11 { background: url(../../../WEB-APP/webponent/chart/img/legend_4_b11.png); width:12px; height:12px; display:inline-block; }
.legend-4-b14 { background: url(../../../WEB-APP/webponent/chart/img/legend_4_b14.png); width:12px; height:12px; display:inline-block; }
.legend-5-a1 { background: url(../../../WEB-APP/webponent/chart/img/legend_5_a1.png); width:12px; height:12px; display:inline-block; }
.legend-5-a2 { background: url(../../../WEB-APP/webponent/chart/img/legend_5_a2.png); width:12px; height:12px; display:inline-block; }
.legend-5-a3 { background: url(../../../WEB-APP/webponent/chart/img/legend_5_a3.png); width:12px; height:12px; display:inline-block; }
.legend-5-a5 { background: url(../../../WEB-APP/webponent/chart/img/legend_5_a5.png); width:12px; height:12px; display:inline-block; }
.legend-5-a5-43 { background: url(../../../WEB-APP/webponent/chart/img/legend_5_a5-43.png); width:12px; height:12px; display:inline-block; }
.legend-5-a6 { background: url(../../../WEB-APP/webponent/chart/img/legend_5_a6.png); width:12px; height:12px; display:inline-block; }
.legend-5-a7 { background: url(../../../WEB-APP/webponent/chart/img/legend_5_a7.png); width:12px; height:12px; display:inline-block; }
.legend-5-a8 { background: url(../../../WEB-APP/webponent/chart/img/legend_5_a8.png); width:12px; height:12px; display:inline-block; }
.legend-5-a9 { background: url(../../../WEB-APP/webponent/chart/img/legend_5_a9.png); width:12px; height:12px; display:inline-block; }
.legend-5-a10 { background: url(../../../WEB-APP/webponent/chart/img/legend_5_a10.png); width:12px; height:12px; display:inline-block; }
.legend-5-a11 { background: url(../../../WEB-APP/webponent/chart/img/legend_5_a11.png); width:12px; height:12px; display:inline-block; }
.legend-5-a13 { background: url(../../../WEB-APP/webponent/chart/img/legend_5_a13.png); width:12px; height:12px; display:inline-block; }
.legend-5-b7 { background: url(../../../WEB-APP/webponent/chart/img/legend_5_b7.png); width:12px; height:12px; display:inline-block; }
.legend-5-b8 { background: url(../../../WEB-APP/webponent/chart/img/legend_5_b8.png); width:12px; height:12px; display:inline-block; }
.legend-5-b9 { background: url(../../../WEB-APP/webponent/chart/img/legend_5_b9.png); width:12px; height:12px; display:inline-block; }
.legend-5-b10 { background: url(../../../WEB-APP/webponent/chart/img/legend_5_b10.png); width:12px; height:12px; display:inline-block; }
.legend-5-b12 { background: url(../../../WEB-APP/webponent/chart/img/legend_5_b12.png); width:12px; height:12px; display:inline-block; }
.legend-6-a1 { background: url(../../../WEB-APP/webponent/chart/img/legend_6_a1.png); width:12px; height:12px; display:inline-block; }
.legend-6-a2 { background: url(../../../WEB-APP/webponent/chart/img/legend_6_a2.png); width:12px; height:12px; display:inline-block; }
.legend-6-a3 { background: url(../../../WEB-APP/webponent/chart/img/legend_6_a3.png); width:12px; height:12px; display:inline-block; }
.legend-6-a4 { background: url(../../../WEB-APP/webponent/chart/img/legend_6_a4.png); width:12px; height:12px; display:inline-block; }
.legend-6-a5 { background: url(../../../WEB-APP/webponent/chart/img/legend_6_a5.png); width:12px; height:12px; display:inline-block; }
.legend-6-a7 { background: url(../../../WEB-APP/webponent/chart/img/legend_6_a7.png); width:12px; height:12px; display:inline-block; }
.legend-6-a11 { background: url(../../../WEB-APP/webponent/chart/img/legend_6_a11.png); width:12px; height:12px; display:inline-block; }
.legend-6-a14 { background: url(../../../WEB-APP/webponent/chart/img/legend_6_a14.png); width:12px; height:12px; display:inline-block; }
.legend-6-b11 { background: url(../../../WEB-APP/webponent/chart/img/legend_6_a11.png); width:12px; height:12px; display:inline-block; }
.legend-7-a1 { background: url(../../../WEB-APP/webponent/chart/img/legend_7_a1.png); width:12px; height:12px; display:inline-block; }
.legend-7-a2 { background: url(../../../WEB-APP/webponent/chart/img/legend_7_a2.png); width:12px; height:12px; display:inline-block; }
.legend-7-a3 { background: url(../../../WEB-APP/webponent/chart/img/legend_7_a3.png); width:12px; height:12px; display:inline-block; }
.legend-7-a5 { background: url(../../../WEB-APP/webponent/chart/img/legend_7_a5.png); width:12px; height:12px; display:inline-block; }
.legend-7-a5-35 { background: url(../../../WEB-APP/webponent/chart/img/legend_7_a5-35.png); width:12px; height:12px; display:inline-block; }
.legend-7-a6 { background: url(../../../WEB-APP/webponent/chart/img/legend_7_a6.png); width:12px; height:12px; display:inline-block; }
.legend-7-a7 { background: url(../../../WEB-APP/webponent/chart/img/legend_7_a7.png); width:12px; height:12px; display:inline-block; }
.legend-7-a8 { background: url(../../../WEB-APP/webponent/chart/img/legend_7_a8.png); width:12px; height:12px; display:inline-block; }
.legend-7-a9 { background: url(../../../WEB-APP/webponent/chart/img/legend_7_a9.png); width:12px; height:12px; display:inline-block; }
.legend-7-a10 { background: url(../../../WEB-APP/webponent/chart/img/legend_7_a10.png); width:12px; height:12px; display:inline-block; }
.legend-7-a11 { background: url(../../../WEB-APP/webponent/chart/img/legend_7_a11.png); width:12px; height:12px; display:inline-block; }
.legend-7-a13 { background: url(../../../WEB-APP/webponent/chart/img/legend_7_a13.png); width:12px; height:12px; display:inline-block; }
.legend-7-b7 { background: url(../../../WEB-APP/webponent/chart/img/legend_7_b7.png); width:12px; height:12px; display:inline-block; }
.legend-7-b8 { background: url(../../../WEB-APP/webponent/chart/img/legend_7_b8.png); width:12px; height:12px; display:inline-block; }
.legend-7-b9 { background: url(../../../WEB-APP/webponent/chart/img/legend_7_b9.png); width:12px; height:12px; display:inline-block; }
.legend-7-b10 { background: url(../../../WEB-APP/webponent/chart/img/legend_7_b10.png); width:12px; height:12px; display:inline-block; }
.legend-7-b12 { background: url(../../../WEB-APP/webponent/chart/img/legend_7_b12.png); width:12px; height:12px; display:inline-block; }
.legend-8-a11 { background: url(../../../WEB-APP/webponent/chart/img/legend_8_a11.png); width:12px; height:12px; display:inline-block; }
.legend-8-b11 { background: url(../../../WEB-APP/webponent/chart/img/legend_8_b11.png); width:12px; height:12px; display:inline-block; }
.legend-9-a1 { background: url(../../../WEB-APP/webponent/chart/img/legend_9_a1.png); width:12px; height:12px; display:inline-block; }
.legend-9-b15 { background: url(../../../WEB-APP/webponent/chart/img/legend_9_b15.png); width:12px; height:12px; display:inline-block; }
.legend-10-b14 { background: url(../../../WEB-APP/webponent/chart/img/legend_10_b14.png); width:12px; height:12px; display:inline-block; }
.legend-11-a9 { background: url(../../../WEB-APP/webponent/chart/img/legend_11_a9.png); width:12px; height:12px; display:inline-block; }
.legend-11-b9 { background: url(../../../WEB-APP/webponent/chart/img/legend_11_b9.png); width:12px; height:12px; display:inline-block; }
.legend-11-a13 { background: url(../../../WEB-APP/webponent/chart/img/legend_11_a13.png); width:12px; height:12px; display:inline-block; }
.legend-12-a4 { background: url(../../../WEB-APP/webponent/chart/img/legend_12_a4.png); width:12px; height:12px; display:inline-block; }
.legend-12-b11 { background: url(../../../WEB-APP/webponent/chart/img/legend_12_b11.png); width:12px; height:12px; display:inline-block; }
.legend-13-a7 { background: url(../../../WEB-APP/webponent/chart/img/legend_13_a7.png); width:12px; height:12px; display:inline-block; }
.legend-13-b7 { background: url(../../../WEB-APP/webponent/chart/img/legend_13_b7.png); width:12px; height:12px; display:inline-block; }
.legend-13-a9 { background: url(../../../WEB-APP/webponent/chart/img/legend_13_a9.png); width:12px; height:12px; display:inline-block; }
.legend-14-a14 { background: url(../../../WEB-APP/webponent/chart/img/legend_14_a14.png); width:12px; height:12px; display:inline-block; }
.legend-14-b14 { background: url(../../../WEB-APP/webponent/chart/img/legend_14_b14.png); width:12px; height:12px; display:inline-block; }
.legend-15-a1 { background: url(../../../WEB-APP/webponent/chart/img/legend_15_a1.png); width:12px; height:12px; display:inline-block; }
.legend-15-a7 { background: url(../../../WEB-APP/webponent/chart/img/legend_15_a7.png); width:12px; height:12px; display:inline-block; }
.legend-15-a13 { background: url(../../../WEB-APP/webponent/chart/img/legend_15_a13.png); width:12px; height:12px; display:inline-block; }
.legend-15-b13 { background: url(../../../WEB-APP/webponent/chart/img/legend_15_b13.png); width:12px; height:12px; display:inline-block; }
.legend-16-a1 { background: url(../../../WEB-APP/webponent/chart/img/legend_16_a1.png); width:12px; height:12px; display:inline-block; }
.legend-16-b11 { background: url(../../../WEB-APP/webponent/chart/img/legend_16_b11.png); width:12px; height:12px; display:inline-block; }
.legend-17-a2 { background: url(../../../WEB-APP/webponent/chart/img/legend_17_a2.png); width:12px; height:12px; display:inline-block; }
.legend-17-a5 { background: url(../../../WEB-APP/webponent/chart/img/legend_17_a5.png); width:12px; height:12px; display:inline-block; }
.legend-17-a6 { background: url(../../../WEB-APP/webponent/chart/img/legend_17_a6.png); width:12px; height:12px; display:inline-block; }
.legend-17-a8 { background: url(../../../WEB-APP/webponent/chart/img/legend_17_a8.png); width:12px; height:12px; display:inline-block; }
.legend-17-a10 { background: url(../../../WEB-APP/webponent/chart/img/legend_17_a10.png); width:12px; height:12px; display:inline-block; }
.legend-17-a11 { background: url(../../../WEB-APP/webponent/chart/img/legend_17_a11.png); width:12px; height:12px; display:inline-block; }
.legend-17-a13 { background: url(../../../WEB-APP/webponent/chart/img/legend_17_a13.png); width:12px; height:12px; display:inline-block; }
.legend-17-a14 { background: url(../../../WEB-APP/webponent/chart/img/legend_17_a14.png); width:12px; height:12px; display:inline-block; }
.legend-17-b7 { background: url(../../../WEB-APP/webponent/chart/img/legend_17_b7.png); width:12px; height:12px; display:inline-block; }
.legend-17-b8 { background: url(../../../WEB-APP/webponent/chart/img/legend_17_b8.png); width:12px; height:12px; display:inline-block; }
.legend-18-a8 { background: url(../../../WEB-APP/webponent/chart/img/legend_18_a8.png); width:12px; height:12px; display:inline-block; }
.legend-18-b14 { background: url(../../../WEB-APP/webponent/chart/img/legend_18_b14.png); width:12px; height:12px; display:inline-block; }
.legend-18-a11 { background: url(../../../WEB-APP/webponent/chart/img/legend_18_a11.png); width:12px; height:12px; display:inline-block; }

.cal_lengend_stk01 {background: url(../img/icon-legend-02.png) no-repeat 0px 0px; width:26px; height:18px; display:inline-block; vertical-align:middle;}
.cal_lengend_stk02 {background: url(../img/icon-legend-02.png) no-repeat 0px -50px; width:26px; height:18px; display:inline-block; vertical-align:middle;}
.cal_lengend_stk03 {background: url(../img/icon-legend-02.png) no-repeat 0px -100px; width:26px; height:18px; display:inline-block; vertical-align:middle;}
.cal_lengend_stk04 {background: url(../img/icon-legend-02.png) no-repeat 0px -150px; width:26px; height:18px; display:inline-block; vertical-align:middle;}
.cal_lengend_stk05 {background: url(../img/icon-legend-02.png) no-repeat 0px -200px; width:26px; height:18px; display:inline-block; vertical-align:middle;}
.cal_lengend_stk07 {background: url(../img/icon-legend-02.png) no-repeat 0px -250px; width:26px; height:18px; display:inline-block; vertical-align:middle;}
.cal_lengend_stk08 {background: url(../img/icon-legend-02.png) no-repeat 0px -300px; width:26px; height:18px; display:inline-block; vertical-align:middle;}
.cal_lengend_stk09 {background: url(../img/icon-legend-02.png) no-repeat 0px -350px; width:37px; height:18px; display:inline-block; vertical-align:middle;}
.cal_lengend_stk11 {background: url(../img/icon-legend-02.png) no-repeat 0px -400px; width:26px; height:18px; display:inline-block; vertical-align:middle;}
.cal_lengend_stk12 {background: url(../img/icon-legend-02.png) no-repeat 0px -450px; width:26px; height:18px; display:inline-block; vertical-align:middle;}
.cal_lengend_ksq01 {background: url(../img/icon-legend-03.png) no-repeat 0px 0px; width:26px; height:18px; display:inline-block; vertical-align:middle;}
.cal_lengend_ksq02 {background: url(../img/icon-legend-03.png) no-repeat 0px -50px; width:26px; height:18px; display:inline-block; vertical-align:middle;}
.cal_lengend_ksq03 {background: url(../img/icon-legend-03.png) no-repeat 0px -100px; width:26px; height:18px; display:inline-block; vertical-align:middle;}
.cal_lengend_ksq04 {background: url(../img/icon-legend-03.png) no-repeat 0px -150px; width:26px; height:18px; display:inline-block; vertical-align:middle;}
.cal_lengend_ksq05 {background: url(../img/icon-legend-03.png) no-repeat 0px -200px; width:26px; height:18px; display:inline-block; vertical-align:middle;}
.cal_lengend_ksq07 {background: url(../img/icon-legend-03.png) no-repeat 0px -250px; width:26px; height:18px; display:inline-block; vertical-align:middle;}
.cal_lengend_ksq08 {background: url(../img/icon-legend-03.png) no-repeat 0px -300px; width:26px; height:18px; display:inline-block; vertical-align:middle;}
.cal_lengend_ksq09 {background: url(../img/icon-legend-03.png) no-repeat 0px -350px; width:37px; height:18px; display:inline-block; vertical-align:middle;}
.cal_lengend_ksq11 {background: url(../img/icon-legend-03.png) no-repeat 0px -400px; width:26px; height:18px; display:inline-block; vertical-align:middle;}
.cal_lengend_ksq12 {background: url(../img/icon-legend-03.png) no-repeat 0px -450px; width:26px; height:18px; display:inline-block; vertical-align:middle;}
.cal_lengend_drv10 {background: url(../img/icon-legend-04.png) no-repeat 0px 0px; width:26px; height:18px; display:inline-block; vertical-align:middle;}
.cal_lengend_drv20 {background: url(../img/icon-legend-04.png) no-repeat 0px -50px; width:26px; height:18px; display:inline-block; vertical-align:middle;}
.cal_lengend_drv30 {background: url(../img/icon-legend-04.png) no-repeat 0px -100px; width:37px; height:18px; display:inline-block; vertical-align:middle;}
.cal_lengend_drv40 {background: url(../img/icon-legend-04.png) no-repeat 0px -150px; width:26px; height:18px; display:inline-block; vertical-align:middle;}
.cal_lengend_drv50 {background: url(../img/icon-legend-04.png) no-repeat 0px -200px; width:26px; height:18px; display:inline-block; vertical-align:middle;}
.cal_lengend_bnd100 {background: url(../img/icon-legend-05.png) no-repeat 0px -300px; width:26px; height:18px; display:inline-block; vertical-align:middle;}
.cal_lengend_bnd200 {background: url(../img/icon-legend-05.png) no-repeat 0px 0px; width:26px; height:18px; display:inline-block; vertical-align:middle;}
.cal_lengend_bnd300 {background: url(../img/icon-legend-05.png) no-repeat 0px -50px; width:26px; height:18px; display:inline-block; vertical-align:middle;}
.cal_lengend_bnd400 {background: url(../img/icon-legend-05.png) no-repeat 0px -100px; width:26px; height:18px; display:inline-block; vertical-align:middle;}
.cal_lengend_bnd500 {background: url(../img/icon-legend-05.png) no-repeat 0px -150px; width:26px; height:18px; display:inline-block; vertical-align:middle;}
.cal_lengend_bnd600 {background: url(../img/icon-legend-05.png) no-repeat 0px -200px; width:26px; height:18px; display:inline-block; vertical-align:middle;}
.cal_lengend_bnd700 {background: url(../img/icon-legend-05.png) no-repeat 0px -250px; width:26px; height:18px; display:inline-block; vertical-align:middle;}
.cal_lengend_bnd800 {background: url(../img/icon-legend-05.png) no-repeat 0px -300px; width:26px; height:18px; display:inline-block; vertical-align:middle;}
.cal_lengend_knx1 {background: url(../img/icon-legend-01.png) no-repeat 0px -50px;  width:25px; height:19px; display:inline-block; vertical-align:middle;}
.cal_lengend_knx2 {background: url(../img/icon-legend-01.png) no-repeat 0px -100px; width:25px; height:19px; display:inline-block; vertical-align:middle;}
.cal_lengend_knx3 {background: url(../img/icon-legend-01.png) no-repeat 0px 0px;  width:25px; height:19px; display:inline-block; vertical-align:middle;}
.cal_lengend_krx1 {background: url(../img/icon-legend-06.png) no-repeat 0px -50px; width:22px; height:20px; display:inline-block; vertical-align:middle;}
.cal_lengend_krx2 {background: url(../img/icon-legend-06.png) no-repeat 0px 0; width:22px; height:20px; display:inline-block; vertical-align:middle;}
.cal_lengend_krx3 {background: url(../img/icon-legend-06.png) no-repeat 0px -100px; width:22px; height:20px; display:inline-block; vertical-align:middle;}
.cal_lengend_krx6 {background: url(../img/icon-legend-06.png) no-repeat 0px -150px; width:22px; height:20px; display:inline-block; vertical-align:middle;}

.cal_lengend_stk01_en {background: url(../img/icon-legend-02-en.png) no-repeat 0px 0px; width:26px; height:18px; display:inline-block; vertical-align:middle;}
.cal_lengend_stk02_en {background: url(../img/icon-legend-02-en.png) no-repeat 0px -50px; width:26px; height:18px; display:inline-block; vertical-align:middle;}
.cal_lengend_stk03_en {background: url(../img/icon-legend-02-en.png) no-repeat 0px -100px; width:26px; height:18px; display:inline-block; vertical-align:middle;}
.cal_lengend_stk04_en {background: url(../img/icon-legend-02-en.png) no-repeat 0px -150px; width:26px; height:18px; display:inline-block; vertical-align:middle;}
.cal_lengend_stk05_en {background: url(../img/icon-legend-02-en.png) no-repeat 0px -200px; width:26px; height:18px; display:inline-block; vertical-align:middle;}
.cal_lengend_stk07_en {background: url(../img/icon-legend-02-en.png) no-repeat 0px -250px; width:26px; height:18px; display:inline-block; vertical-align:middle;}
.cal_lengend_stk08_en {background: url(../img/icon-legend-02-en.png) no-repeat 0px -300px; width:26px; height:18px; display:inline-block; vertical-align:middle;}
.cal_lengend_stk09_en {background: url(../img/icon-legend-02-en.png) no-repeat 0px -350px; width:37px; height:18px; display:inline-block; vertical-align:middle;}
.cal_lengend_stk11_en {background: url(../img/icon-legend-02-en.png) no-repeat 0px -400px; width:26px; height:18px; display:inline-block; vertical-align:middle;}
.cal_lengend_stk12_en {background: url(../img/icon-legend-02-en.png) no-repeat 0px -400px; width:26px; height:18px; display:inline-block; vertical-align:middle;}
.cal_lengend_ksq01_en {background: url(../img/icon-legend-03-en.png) no-repeat 0px 0px; width:26px; height:18px; display:inline-block; vertical-align:middle;}
.cal_lengend_ksq02_en {background: url(../img/icon-legend-03-en.png) no-repeat 0px -50px; width:26px; height:18px; display:inline-block; vertical-align:middle;}
.cal_lengend_ksq03_en {background: url(../img/icon-legend-03-en.png) no-repeat 0px -100px; width:26px; height:18px; display:inline-block; vertical-align:middle;}
.cal_lengend_ksq04_en {background: url(../img/icon-legend-03-en.png) no-repeat 0px -150px; width:26px; height:18px; display:inline-block; vertical-align:middle;}
.cal_lengend_ksq05_en {background: url(../img/icon-legend-03-en.png) no-repeat 0px -200px; width:26px; height:18px; display:inline-block; vertical-align:middle;}
.cal_lengend_ksq07_en {background: url(../img/icon-legend-03-en.png) no-repeat 0px -250px; width:26px; height:18px; display:inline-block; vertical-align:middle;}
.cal_lengend_ksq08_en {background: url(../img/icon-legend-03-en.png) no-repeat 0px -300px; width:26px; height:18px; display:inline-block; vertical-align:middle;}
.cal_lengend_ksq09_en {background: url(../img/icon-legend-03-en.png) no-repeat 0px -350px; width:37px; height:18px; display:inline-block; vertical-align:middle;}
.cal_lengend_ksq11_en {background: url(../img/icon-legend-03-en.png) no-repeat 0px -400px; width:26px; height:18px; display:inline-block; vertical-align:middle;}
.cal_lengend_ksq12_en {background: url(../img/icon-legend-03-en.png) no-repeat 0px -400px; width:26px; height:18px; display:inline-block; vertical-align:middle;}
.cal_lengend_drv10_en {background: url(../img/icon-legend-04-en.png) no-repeat 0px 0px; width:26px; height:18px; display:inline-block; vertical-align:middle;}
.cal_lengend_drv20_en {background: url(../img/icon-legend-04-en.png) no-repeat 0px -50px; width:26px; height:18px; display:inline-block; vertical-align:middle;}
.cal_lengend_drv30_en {background: url(../img/icon-legend-04-en.png) no-repeat 0px -100px; width:37px; height:18px; display:inline-block; vertical-align:middle;}
.cal_lengend_drv40_en {background: url(../img/icon-legend-04-en.png) no-repeat 0px -150px; width:26px; height:18px; display:inline-block; vertical-align:middle;}
.cal_lengend_drv50_en {background: url(../img/icon-legend-04-en.png) no-repeat 0px -200px; width:26px; height:18px; display:inline-block; vertical-align:middle;}

.fb_iframe_widget {opacity:0}

.custom-wait-cursor{cursor:url(/res/pc/img/wait_cursor.cur), url(../img/wait_cursor.cur), wait; }
/* 메뉴검색 */
.menu-search > div { position: relative; width: 100%; display: inline-block; text-align:center;  background-image: url(../img/ptn-triangle-gray.png);  height: 56px; margin-top: 30px;}
.menu-search > div > label { font-size: 16px; font-weight: bold; color: #665842; }
.menu-search > div > input { width: 400px; height: 35px; background-color: #f4f4f4; border: 1px solid #ccc; box-sizing: border-box; margin-top: 10px; margin-left: 10px; padding-left: 5px;}
.menu-search > div > button.btn-search { width: 100px; height: 35px; margin-left:20px; background-color: #665842; margin-top: 10px; color: #ffffff; border: 0; }
.menu-search > div > button.btn-back { width: 180px; height: 35px; margin-left: 10px; background-color: #665842; margin-top: 10px; color: #ffffff; border: 0; }
.menu-search > div > button:HOVER { background-color: #483d2a; }
.menu-search > div > button.btn-search > span { display: inline-block; width: 15px; height: 15px; margin-right: 10px; background-image: url(../img/icon-btn.png); background-position: -200px 0px; vertical-align: middle; }
.menu-search > div > button.btn-back > span { display: inline-block; width: 15px; height: 15px; margin-right: 10px; background-image: url(../img/icon-btn.png); background-position: 0px -75px; vertical-align: middle; }

.search-title { margin-top: 35px; }
.search-title > dl > dt { font-size: 28px; font-weight: bold; color: #333333; text-align: center;}
.search-title > dl > dd { font-size: 16px; font-weight: bold; color: #666666; text-align: center;}

.search-result > div { position: relative; width: 100%; background-color: #fff; }
.search-result .menu-single-wrap { border-top: 1px solid #ececec; margin-top: 30px; }
.search-result .menu-single-wrap > dl { display: table; width: 100%; }

.search-result .menu-single-wrap > dl > dt { position: relative; padding-left: 54px; padding-top:8px; vertical-align: middle; font-size: 18px; font-weight: bold; height: 45px; border: 1px solid #dbdbdb; background-color: #fbfbfb; }
.search-result .menu-single-wrap > dl > dt > span.icon-OPN { position: absolute; top: 10px; left: 15px; display: block; width: 21px; height: 25px; background-image: url(../img/icon-totalsearch.png); background-repeat: no-repeat; background-position: 0px 0px; }
.search-result .menu-single-wrap > dl > dt > span.icon-LST { position: absolute; top: 10px; left: 15px; display: block; width: 21px; height: 25px; background-image: url(../img/icon-totalsearch.png); background-repeat: no-repeat; background-position: -25px 0px; }
.search-result .menu-single-wrap > dl > dt > span.icon-MKD { position: absolute; top: 10px; left: 15px; display: block; width: 21px; height: 25px; background-image: url(../img/icon-totalsearch.png); background-repeat: no-repeat; background-position: -50px 0px; }
.search-result .menu-single-wrap > dl > dt > span.icon-RGL { position: absolute; top: 10px; left: 15px; display: block; width: 21px; height: 25px; background-image: url(../img/icon-totalsearch.png); background-repeat: no-repeat; background-position: -75px 0px; }
.search-result .menu-single-wrap > dl > dt > span.icon-ACA { position: absolute; top: 10px; left: 15px; display: block; width: 21px; height: 25px; background-image: url(../img/icon-totalsearch.png); background-repeat: no-repeat; background-position: -100px 0px; }
.search-result .menu-single-wrap > dl > dt > span.icon-KRX { position: absolute; top: 10px; left: 15px; display: block; width: 21px; height: 25px; background-image: url(../img/icon-totalsearch.png); background-repeat: no-repeat; background-position: -125px 0px; }
.search-result .menu-single-wrap > dl > dt > span.icon-GLB { position: absolute; top: 10px; left: 15px; display: block; width: 21px; height: 25px; background-image: url(../img/icon-totalsearch.png); background-repeat: no-repeat; background-position: -150px 0px; }
.search-result .menu-single-wrap > dl > dt > button.menu-plus { width: 30px; height: 30px; background-image: url(../img/icon-plusminus.png); background-repeat: no-repeat; background-position: 5px 5px; background-color: #FFFFFF; vertical-align: middle; border: 1px solid #dbdbdb; float: right; margin-right: 10px; }
.search-result .menu-single-wrap > dl > dt > button.menu-minus { width: 30px; height: 30px; background-image: url(../img/icon-plusminus.png); background-repeat: no-repeat; background-position: 5px -20px; background-color: #FFFFFF; vertical-align: middle; border: 1px solid #dbdbdb; float: right; margin-right: 10px; }
.search-result .menu-single-wrap > dl > dd { border: 1px solid #dbdbdb; border-top: 0; padding: 20px 0 20px 0; }
.search-result .menu-single-wrap > dl > dd > p { font-size: 14px; color: #666666; margin-left: 30px; }
.search-result .menu-single-wrap > dl > dd > ul > li { position: relative; font-size: 16px; color: #007ab3; margin-left: 30px; margin-bottom: 10px; padding-left: 15px;}
.search-result .menu-single-wrap > dl > dd > ul > li > a { color: #007ab3; }
.search-result .menu-single-wrap > dl > dd > ul > li > a:HOVER { font-weight: bold; }
.search-result .menu-single-wrap > dl > dd > ul > li > span { position: absolute; top: 8px; left: 2px; display: block; width: 8px; height: 8px; background-image: url(../img/bu-allmenu2.png); background-position: 0px 3px; }
.search-result .menu-single-wrap > dl > dd > ul > li > a > em { color: #ff0000; }
    
/* 메뉴전체보기 */
.popup-all-site-map > div { position: relative; width: 100%; margin: auto;margin-top: 40px;background-color: #fff; }
.popup-all-site-map > div > dl {}
.popup-all-site-map > div > dl > dt { height: 55px; padding: 15px 20px; background-color: #515864; border: 1px solid #313946; color: #fff; font-size: 16px; font-weight: bold; line-height: 1.5; box-sizing: border-box; }
.popup-all-site-map > div > dl > dd { height: 640px; border: 1px solid #76787d; border-top: 0; box-sizing: border-box; overflow: hidden; overflow-y: auto; width: 100% }
.popup-all-site-map > div > dl > dd > .direct-matching { display: inline-block; vertical-align: middle; position: absolute; top: 13px; left: 150px; }
.popup-all-site-map > div > dl > dd > .direct-matching > img { display: block; }
.popup-all-site-map > div > dl > dd > .btn-close { display:none }
.popup-all-site-map > div > dl > dd > .search { position: absolute; top: 12px; right: 40px; }
.popup-all-site-map > div > dl > dd > .search > div { position: relative; display: inline-block; vertical-align: middle; }
.popup-all-site-map > div > dl > dd > .search > div > span { color: #fff; font-weight: bold; vertical-align: middle; margin-right: 5px; }
.popup-all-site-map > div > dl > dd > .search > div > input { width: 250px; height: 30px; padding-left: 10px; padding-right: 40px; background-color: #f4f4f4; border: 1px solid #ccc; vertical-align: middle; box-sizing: border-box; }
.popup-all-site-map > div > dl > dd > .search > div > button.btn-search { position: absolute; top: 0; right: 0; width: 35px; height: 30px; margin: 0; padding: 0; background-image: url(../img/icon-search.png); background-color: transparent; background-position: 6px 7px; background-repeat: no-repeat; border: 0; font-size: 0%; }
.popup-all-site-map > div > dl > dd > .search > button.btn-next-search { height: 30px; margin-left: 5px; padding: 0 8px; background-color: #f4f4f4; border: 1px solid #c7c7c7; color: #666; font-size: 86%; vertical-align: middle; }
.popup-all-site-map > div > dl > dd > .search > button.btn-next-search:HOVER { background-color: #c7c7c7; }

.popup-all-site-map .menu-wrap { padding: 0 20px; }
.popup-all-site-map .menu-single-wrap { border-top: 1px solid #ececec; }
.popup-all-site-map .menu-single-wrap:FIRST-CHILD { border-top: 0; padding-top: 0; margin-top: 0; }

.popup-all-site-map .menu-single-wrap > dl { display: table; width: 100%; height: 89px; }

.popup-all-site-map .menu-single-wrap > dl > dt { position: relative; display: table-cell; width: 130px; padding-left: 54px; vertical-align: middle; font-size: 22px; font-weight: bold; }
.popup-all-site-map .menu-single-wrap > dl > dt > span { position: absolute; top: 20px; left: 0; display: block; width: 44px; height: 49px; background-image: url(../img/ele-allmenu.png); background-repeat: no-repeat; }
.popup-all-site-map .menu-single-wrap > dl > dt > span.icon-KRX { background-position: 0px 0px; }
.popup-all-site-map .menu-single-wrap > dl > dt > span.icon-OPN { background-position: 0px -50px; }
.popup-all-site-map .menu-single-wrap > dl > dt > span.icon-LST { background-position: 0px -100px; }
.popup-all-site-map .menu-single-wrap > dl > dt > span.icon-MKD { background-position: 0px -150px; }
.popup-all-site-map .menu-single-wrap > dl > dt > span.icon-RGL { background-position: 0px -200px; }
.popup-all-site-map .menu-single-wrap > dl > dt > span.icon-ACA { background-position: 0px -250px; }
.popup-all-site-map .menu-single-wrap > dl > dt > span.icon-GLB { background-position: 0px -300px; }

.popup-all-site-map .menu-single-wrap > dl > dd { position: relative; display: table-cell; vertical-align: middle; font-size: 86%; }
.popup-all-site-map .menu-single-wrap > dl > dd > p > em,
.popup-all-site-map .menu-single-wrap > dl > dd > p > em > a { color: #006699; font-weight: normal; }
.popup-all-site-map .menu-single-wrap > dl > dd > p > em > a:HOVER { text-decoration: underline; }
.popup-all-site-map .menu-single-wrap > dl > dd > div { position: absolute; top: 30px; right: 0; }
.popup-all-site-map .menu-single-wrap > dl > dd > div > a,
.popup-all-site-map .menu-single-wrap > dl > dd > div > button { display: inline-block; height: 30px; margin-left: 5px; padding: 5px 10px; background-color: #fff; border: 1px solid #c7c7c7; color: #666; font-size: 100%; vertical-align: middle; box-sizing: border-box; }
.popup-all-site-map .menu-single-wrap > dl > dd > div > a:HOVER,
.popup-all-site-map .menu-single-wrap > dl > dd > div > button:HOVER { background-color: #c7c7c7; }
.popup-all-site-map .menu-single-wrap > dl > dd > div > a > span { display: inline-block; width: 5px; height: 7px; margin-left: 5px; background-image: url(../img/icon-allmenubtn.png); background-position: 0 0; vertical-align: middle; }
.popup-all-site-map .menu-single-wrap > dl > dd > div > button > span { display: inline-block; width: 9px; height: 9px; margin-left: 5px; background-image: url(../img/icon-allmenubtn.png); background-position: 0 -50px; vertical-align: middle; }
.popup-all-site-map .menu-single-wrap > dl > dd > div > button.sub-open > span { background-position: 0 -100px; }

.popup-all-site-map .menu-single-wrap > div {}
.popup-all-site-map .menu-single-wrap > div > dl {width: 214px;display: inline-block;vertical-align: top;    margin: 0 6px;}
.popup-all-site-map .menu-single-wrap > div > dl > dt { margin-bottom: 10px; font-size: 114%; font-weight: bold; padding: 5px 15px; height: 37px; box-sizing: border-box; border-top: 2px solid #515864; border-bottom: 1px solid #515864; text-align:center }
.popup-all-site-map .menu-single-wrap > div > dl > dt > a:HOVER { color: #333; }
.popup-all-site-map .menu-single-wrap > div > dl > dd { margin-bottom: 20px; }
.popup-all-site-map .menu-single-wrap > div > dl > dd > ul { width: 100%; }
.popup-all-site-map .menu-single-wrap > div > dl > dd > ul > li { position: relative; }
.popup-all-site-map .menu-single-wrap > div > dl > dd > ul > li > a { display: block; padding: 6px 10px 6px 26px; color: #666; height: 34px; font-weight: bold; box-sizing: border-box; }
.popup-all-site-map .menu-single-wrap > div > dl > dd > ul > li > a:HOVER { color: #000; }
.popup-all-site-map .menu-single-wrap > div > dl > dd > ul > li > a > span { position: absolute; top: 13px; left: 12px; display: block; width: 8px; height: 8px; background-image: url(../img/bu-allmenu2.png); background-position: 0px 3px; }
.popup-all-site-map .menu-single-wrap > div > dl > dd > ul > li > a.check > span { background-position: 0px -50px; }
.popup-all-site-map .menu-single-wrap > div > dl > dd > ul > li > a > em { color: #dc4800; }
.popup-all-site-map .menu-single-wrap > div > dl > dd > ul > li > a.check { color: #333; }

.popup-background .popup-all-site-map > div {margin-top: 90px;}
.popup-background .popup-all-site-map { margin-right: 17px; }
.popup-background .popup-all-site-map > div { position: relative; width: 980px; height: 695px; margin: auto; margin-top: 90px; background-color: #fff; }
.popup-background .popup-all-site-map > div > dl > dd { height: 640px; border: 1px solid #76787d; border-top: 0; box-sizing: border-box; overflow: hidden; overflow-y: auto; width: 100% }
.popup-background .popup-all-site-map > div > dl > dd > .btn-close {display: block;position: absolute; top: -20px; right: -10px; width: 40px; height: 40px; background-color: transparent; background-image: url(../img/btn-allmenu.png); background-position: 0 -50px; border: 0; font-size: 0%; }