@CHARSET "UTF-8";

.pc-main .header-outer {border-bottom:0}

.pc-main .section-list > li {position: relative;}

.pc-main .body-wrap > .index-list {position: fixed;right:20px;z-index:5000}
.pc-main .body-wrap > .index-list > li {text-align:right;height:50px;vertical-align: middle}
.pc-main .body-wrap > .index-list > li > button {border:0;font-size: 92%;background: #ffffff;border:1px solid #c9c9c9;border-radius:15px;width:120px;height:30px;vertical-align: middle;text-align: center}
.pc-main .body-wrap > .index-list > li > button > span {display: inline-block;vertical-align: middle;width:17px;height:17px;background-image: url(../img/pc/icon-gatepaging.png);background-repeat: no-repeat;margin-right: 8px;background-position-x:0; background-position-y:0}
.pc-main .body-wrap > .index-list > li:FIRST-CHILD+li > button > span {background-position-y: -25px}
.pc-main .body-wrap > .index-list > li:FIRST-CHILD+li+li > button > span {background-position-y: -50px}
.pc-main .body-wrap > .index-list > li:FIRST-CHILD+li+li+li > button > span {background-position-y: -75px}
.pc-main .body-wrap > .index-list > li:FIRST-CHILD+li+li+li+li > button > span {background-position-y: -100px}
.pc-main .body-wrap > .index-list > li:FIRST-CHILD+li+li+li+li+li > button > span {background-position-y: -125px}
.pc-main .body-wrap > .index-list > li:FIRST-CHILD+li+li+li+li+li+li > button > span {background-position-y: -198px}
.pc-main .body-wrap > .index-list > li:FIRST-CHILD+li+li+li+li+li+li > button {background: #14b7a2; color: #ffffff;} 
.pc-main .body-wrap > .index-list > li.body-view > button {  color: #ffffff; font-weight: bold; border:1px solid #006b98;background: #0180a5;text-decoration:underline;}
.pc-main .body-wrap > .index-list > li.body-view > button > span {background-position-x:-25px}

/*
.pc-main .visual-list {position:relative;height:750px !important;}
.pc-main .body-wrap > .section-list > li {position: relative;box-sizing:border-box;height:750px !important}
*/

.pc-main .top-quickmenu-wrap {position: absolute; width:100%;}
.pc-main .top-quickmenu {position: relative;z-index: 1000;text-align: center;margin: auto;width: 1000px;}
.pc-main .top-quickmenu > div {text-align:center;margin:auto}
.pc-main .top-quickmenu > div > img {float:left}
.pc-main .top-quickmenu > button {display:block; width:100px;height:26px;font-size:0;background-image: url(../img/pc/btn-topquickmenu.png);background-repeat: no-repeat; background-position: -100px 0; background-color: transparent;border:0;margin: auto;}
.pc-main .top-quickmenu > button.up {background-position: 0 0}

.scroll-guide-wrap {position: absolute;width: 100%;height: 114px;bottom: 300px;}
.scroll-guide {position:relative;width:980px;height:100%;margin:auto;text-align: right}

.pc-main .intro .visual-list > li {width:100%;height:100%;}
.pc-main .intro .visual-list > li:FIRST-CHILD > .visual-area {width:100%;height:100%;background: #c9e3f0}
.pc-main .intro .visual-list > li:FIRST-CHILD > .visual-area > .visual {position:relative;width:100%;height:100%;background: url(../img/pc/bg-intro.png) no-repeat bottom center;}
.pc-main .intro .visual-list > li:FIRST-CHILD .site-title-context {position: relative;width:980px;margin:auto;height:100%;box-sizing: border-box;padding: 180px 0 0 98px;}
.pc-main .intro .visual-list > li:FIRST-CHILD .site-title-context .title-krx {font-size: 285%;line-height:1.5}
.pc-main .intro .visual-list > li:FIRST-CHILD .site-title-context .title-krx > span:FIRST-CHILD {font-size: 76%}
.pc-main .intro .visual-list > li:FIRST-CHILD .site-title-context .title-krx > .strong {font-size: 121%; font-weight: bold}
.pc-main .intro .visual-list > li:FIRST-CHILD .site-title-context .title-gap {margin:20px 0 25px 0;width:70px;height:2px;background: #0aacbb}
.pc-main .intro .visual-list > li:FIRST-CHILD .site-title-context .title-desc {font-size: 100%;line-height: 1.5}

.pc-main .intro .visual-list > li:FIRST-CHILD+li > .visual-area {background: #aac7d5}
.pc-main .intro .visual-list > li:FIRST-CHILD+li > .visual-area > .visual {position:relative;width:100%;height:100%;background: url(../img/pc/bg-intro-02.png) no-repeat bottom center;}
.pc-main .intro .visual-list > li:FIRST-CHILD+li .site-title-context {position: relative;width:980px;margin:auto;height:100%;box-sizing: border-box;padding: 180px 0 0 98px;}
.pc-main .intro .visual-list > li:FIRST-CHILD+li .site-title-context .title-krx {font-size: 285%;line-height:1.5}
.pc-main .intro .visual-list > li:FIRST-CHILD+li .site-title-context .title-krx > span:FIRST-CHILD {font-size: 76%}
.pc-main .intro .visual-list > li:FIRST-CHILD+li .site-title-context .title-krx > .strong {font-size: 121%; font-weight: bold}
.pc-main .intro .visual-list > li:FIRST-CHILD+li .site-title-context .title-gap {margin:20px 0 25px 0;width:70px;height:2px;background: #0aacbb}
.pc-main .intro .visual-list > li:FIRST-CHILD+li .site-title-context .title-desc {font-size: 100%;line-height: 1.5}

.pc-main .intro .visual-list > li:FIRST-CHILD+li+li > .visual-area {background: #e4ecee}
.pc-main .intro .visual-list > li:FIRST-CHILD+li+li > .visual-area > .visual {position:relative;width:100%;height:100%;background: url(../img/pc/bg-intro-03.png) no-repeat bottom center;}
.pc-main .intro .visual-list > li:FIRST-CHILD+li+li .site-title-context {position: relative;width:980px;margin:auto;height:100%;box-sizing: border-box;padding: 180px 0 0 98px;}
.pc-main .intro .visual-list > li:FIRST-CHILD+li+li .site-title-context .title-krx {font-size: 285%;line-height:1.5}
.pc-main .intro .visual-list > li:FIRST-CHILD+li+li .site-title-context .title-krx > span:FIRST-CHILD {font-size: 76%}
.pc-main .intro .visual-list > li:FIRST-CHILD+li+li .site-title-context .title-krx > .strong {font-size: 121%; font-weight: bold}
.pc-main .intro .visual-list > li:FIRST-CHILD+li+li .site-title-context .title-gap {margin:20px 0 25px 0;width:70px;height:2px;background: #0aacbb}
.pc-main .intro .visual-list > li:FIRST-CHILD+li+li .site-title-context .title-desc {font-size: 100%;line-height: 1.5}


.pc-main .intro .intro-index-wrap {position: absolute;width: 100%;height: 114px;bottom: 150px;}
.pc-main .intro .intro-index {position:relative;width:980px;height:100%;background:url(../img/pc/bg-index.png);margin:auto}
.pc-main .intro .intro-index > ul {display:table;width:100%;height:100%;}
.pc-main .intro .intro-index > ul > li {display:table-cell;width:20%;text-align:center;box-sizing:border-box;padding:20px 0}
.pc-main .intro .intro-index > ul > li > span {display:inline-block;line-height:1}
.pc-main .intro .intro-index > ul > li > .index-name {font-size:100%;color:#ffffff;margin-bottom:10px}
.pc-main .intro .intro-index > ul > li > .index-price {font-size:178%;color:#ffffff}
.pc-main .intro .intro-index > ul > li > .index-up {font-size:100%;color:#ffa800}
.pc-main .intro .intro-index > ul > li > .index-down {font-size:100%;color:#00ccff}

.pc-main .main-slider-auto {position:relative; width:100%; height:100%; overflow: hidden; margin:0;}
.pc-main .main-slider-auto-mask {overflow:hidden; height:100%;}
.pc-main .main-slider-auto > ul {position:relative; margin:0; padding:0;}
.pc-main .main-slider-auto > ul > li {position:absolute; left:0; width:100%; height:100%;opacity:0}

.pc-main .section-wrap {position:relative;width:980px; height:100%;margin:auto;padding-top:100px;box-sizing:border-box}
.pc-main .section-title {position:absolute;z-index:200;width:100%;top:100px;text-align:center;line-height:1;vertical-align: bottom;font-size: 286%;font-weight: bold;}
.pc-main .section-title > h1 {display: inline;}
.pc-main .section-title > a {display: inline-block;vertical-align: middle;width: 30px;height: 36px;font-size: 0;background: url(../img/pc/icon-go.png) no-repeat 0 -100px;}
.pc-main .section-content-wrap {position:relative;display:table;width:100%;height:100%;}
.pc-main .section-content {display: table-cell;vertical-align: middle;}

.pc-main .info {background-color: #f1f1f1}

.pc-main .info .vision {    float: left;width: 396px;background: url(../img/pc/bg-info-02.png) no-repeat right bottom;box-sizing:border-box}
.pc-main .info .vision > .title {font-size: 143%;font-weight: bold;background:url(../img/pc/bu-gate.png) no-repeat 0 5px;line-height:1;margin-bottom:20px;padding-left:14px}
.pc-main .info .vision > .desc {font-size: 214%;color:#2c77bc;line-height: 1.2;letter-spacing: -3px;;margin-bottom:30px}
.pc-main .info .vision > a {display: block;vertical-align: middle;width: 81px;height: 81px;font-size: 0;background: url(../img/pc/icon-go.png) no-repeat 0 0px;}
.pc-main .info .key-value {display:none !important}

.pc-main .info .greeting {float: right; margin-top: -50px;width: 502px;height: 503px;background: url(../img/pc/bg-info-01.png) no-repeat;box-sizing: border-box;}
.pc-main .info .greeting > .title {font-size: 143%;font-weight: bold;background: url(../img/pc/bu-gate.png) no-repeat 0 5px;line-height: 1;padding-left: 14px;width: 95px;margin: 109px 0 0 auto;}
.pc-main .info .greeting > a {display: block;vertical-align: middle;width: 81px;height: 81px;font-size: 0;background: url(../img/pc/icon-go.png) no-repeat 0 0px;margin: 147px 0 0 auto;}

.pc-main .info .notice {    float: left;position:relative;width: 270px;margin-top:75px;box-sizing:border-box;}
.pc-main .info .notice > .title {font-size: 143%;font-weight: bold;background:url(../img/pc/bu-gate.png) no-repeat 0 5px;line-height:1;margin-bottom:20px;padding-left:14px}
.pc-main .info .notice > .more {position:absolute;display:block;background:url(../img/pc/icon-more.png) no-repeat 0 0;width: 12px;height:12px;top:5px;right:12px;font-size: 0}
.pc-main .info .notice > ul {width:100%;}
.pc-main .info .notice > ul > li {width:100%;margin-bottom:10px}
.pc-main .info .notice > ul > li > a {display:block;width:100%;height:100%;white-space: nowrap;text-overflow: ellipsis;color:#666666;overflow: hidden;}
.pc-main .info .notice > ul > li > a:HOVER {color:#333333}


.pc-main .open {background: url(../img/pc/bg-open.png) no-repeat center bottom #f3e9c5;}


.pc-main .open .f-contn {display:table;width:100%;}
.pc-main .open .f-contn > li {display:table-cell;vertical-align: middle}
.pc-main .open .notice {position:relative;width: 300px;box-sizing:border-box;text-align: left;padding-top: 14px;}
.pc-main .open .notice > .title {width:270px;font-size: 143%;font-weight: bold;background:url(../img/pc/bu-gate.png) no-repeat 0 5px;line-height:1;margin-bottom:20px;padding-left:14px}
.pc-main .open .notice > .more {position:absolute;display:block;background:url(../img/pc/icon-more.png) no-repeat 0 0;width: 12px;height:12px;top:20px;right:25px;font-size: 0}
.pc-main .open .notice > ul {width:270px}
.pc-main .open .notice > ul > li {width:100%;margin-bottom:10px}
.pc-main .open .notice > ul > li > a {display:block;width:100%;height:100%;white-space: nowrap;text-overflow: ellipsis;color:#333333;overflow: hidden}
.pc-main .open .notice > ul > li > a:HOVER {color:#333333}

.pc-main .open .banner {position: relative;}
.pc-main .open .banner-list {position: relative;width:680px;height:210px;}
.pc-main .open .banner-list > ul {position: relative;width:100%;height:100%;}
.pc-main .open .banner-list > ul > li {display:none;left:0 !important;opacity:1 !important}
.pc-main .open .banner-list > ul > li > a > img{width:100%;height:100%;}

.pc-main .open .open-control {margin: auto;position: absolute;top: 12px;right: 12px;text-align: center;}

.pc-main .open .open-control > button {display:inline-block; width:12px;height:12px; margin:0 5px ;font-size: 0; vertical-align: top;background-image: url(../img/pc/icon-control.png); background-repeat: no-repeat;border:0;background-color: transparent;}
.pc-main .open .open-control > .visual-off {background-position: 0 0}
.pc-main .open .open-control > .visual-on {background-position: 0 -25px}
.pc-main .open .open-control > .control-pause {background-position: 0 -50px}
.pc-main .open .open-control > .control-play {background-position: 0 -75px}

.pc-main .open .guide-wrap {position: relative;margin-top:58px;box-sizing:border-box}
.pc-main .open .guide-wrap .title {font-size: 143%;font-weight: bold;background:url(../img/pc/bu-gate.png) no-repeat 0 5px;line-height:1;margin-bottom:30px;padding-left:14px}
.pc-main .open .guide-wrap .title > span {display: inline-block;margin-left: 20px;font-size: 73%;color: #666666;}
.pc-main .open .guide {height:130px;background: url(../img/pc/ptn-open-icon.png);box-sizing:border-box;padding:20px 34px;}
.pc-main .open .guide > ul {}
.pc-main .open .guide > ul > li {float: left;width: 90px;height: 90px;margin: 0 12px;text-align: center;}
.pc-main .open .guide > ul > li > a {display:block;width:100%;height:100%;padding-top: 13px;box-sizing:border-box;background:url(../img/pc/bg-open-icon.png) no-repeat;color:#666666}
.pc-main .open .guide > ul > li > a:HOVER {color:#333333}
.pc-main .open .guide > ul > li > a > span {display:block;width:40px;height:40px;margin:auto;background:url(../img/pc/icon-open.png) no-repeat;}
.pc-main .open .guide > ul > li:FIRST-CHILD > a > span {background-position: 0 0}
.pc-main .open .guide > ul > li:FIRST-CHILD+li > a > span {background-position: 0 -50px}
.pc-main .open .guide > ul > li:FIRST-CHILD+li+li > a > span {background-position: 0 -100px}
.pc-main .open .guide > ul > li:FIRST-CHILD+li+li+li > a > span {background-position: 0 -150px}
.pc-main .open .guide > ul > li:FIRST-CHILD+li+li+li+li > a > span {background-position: 0 -200px}
.pc-main .open .guide > ul > li:FIRST-CHILD+li+li+li+li+li > a > span {background-position: 0 -250px}
.pc-main .open .guide > ul > li:FIRST-CHILD+li+li+li+li+li+li > a > span {background-position: 0 -300px}
.pc-main .open .guide > ul > li:FIRST-CHILD+li+li+li+li+li+li+li > a > span {background-position: 0 -350px}


.pc-main .market {background: url(../img/pc/bg-market.png) no-repeat center top #ebfbff;}

.pc-main .market .f-contn {display:table;width:100%;}
.pc-main .market .f-contn > li {display:table-cell;vertical-align: top}
.pc-main .market .f-contn > .sihwang {width:380px;}
.pc-main .market .f-contn > .sihwang > ul {width:300px;}
.pc-main .market .f-contn > .sihwang > ul > li {width:100%;height:75px;background: #009bc9;box-sizing:border-box;padding:5px 0 0 30px;border-bottom:1px solid #1689c2}
.pc-main .market .f-contn > .sihwang > ul > li:LAST-CHILD {border-bottom:0px;}

.pc-main .market .f-contn > .sihwang > ul > li > h2 {font-size:112%;margin-bottom:8px;color:#ffffff;font-weight: bold;line-height: 1}
.pc-main .market .f-contn > .sihwang > ul > li > button {width:240px;height:40px;border:2px solid #ffffff;color:#ffffff;background: transparent;letter-spacing: -1px}


.pc-main .market .f-contn > .notice {position:relative;position:relative;width:310px}
.pc-main .market .f-contn > .notice .title {  width:210px;font-size: 143%;font-weight: bold;background:url(../img/pc/bu-gate.png) no-repeat 0 5px;line-height:1;margin-bottom:20px;padding-left:14px}
.pc-main .market .f-contn > .notice .title > span {display: inline-block;margin-left: 20px;font-size: 73%;color: #666666;}
.pc-main .market .f-contn > .notice > .more {position:absolute;display:block;background:url(../img/pc/icon-more.png) no-repeat 0 0;width: 12px;height:12px;top:5px;left:210px;font-size: 0}
.pc-main .market .f-contn > .notice > ul {position: relative; width:210px;}
.pc-main .market .f-contn > .notice > ul > li  {margin-top:11px}
.pc-main .market .f-contn > .notice > ul > li > a {display:block;width:100%;height:100%;white-space: nowrap;text-overflow: ellipsis;color:#333333;overflow: hidden}
.pc-main .market .f-contn > .notice > ul > li > .date {display:block;font-size: 85%; color:#666666;}



.pc-main .market .f-contn > .sijangji {position: relative; width:290px;}
.pc-main .market .f-contn > .sijangji .title {position:relative;  width:255px;font-size: 143%;font-weight: bold;background:url(../img/pc/bu-gate.png) no-repeat 0 5px;line-height:1;margin-bottom:20px;padding-left:14px}
.pc-main .market .f-contn > .sijangji .title > span {display: inline-block;margin-left: 20px;font-size: 73%;color: #666666;}
.pc-main .market .f-contn > .sijangji ul {}
.pc-main .market .f-contn > .sijangji ul > li {display: inline-block;width: 140px;vertical-align: middle;background: url(../../res/pc/img/icon-flie.png) no-repeat 0 -25px;height: 25px;padding-left: 25px;box-sizing: border-box;margin-bottom: 11px;}
.pc-main .market .f-contn > .sijangji button {position:relative; margin-top: 2px;width: 220px;display: block;height: 40px;border: 2px solid #cccccc;background: #ffffff;box-sizing: border-box;padding-left: 22px;}
.pc-main .market .f-contn > .sijangji button > span {position: absolute;top: 14px;left: 47px;display: block;width: 25px;height: 25px;background: url(../../res/pc/img/icon-btn.png) no-repeat -94px 0;}


.pc-main .market .s-contn {  position:relative;  margin-top: 30px;}
.pc-main .market .s-contn > .title { font-size: 143%;font-weight: bold;background:url(../img/pc/bu-gate.png) no-repeat 0 5px;line-height:1;margin-bottom:20px;padding-left:14px}
.pc-main .market .s-contn > .title > span {font-size: 70%;color:#666666}
.pc-main .market .s-contn > .more {position:absolute;display:block;background:url(../img/pc/icon-more.png) no-repeat 0 0;width: 12px;height:12px;top:5px;right:12px;font-size: 0}
.pc-main .market .s-contn > ul > li {position: relative;display: inline-block;width: 185px;text-align: center;margin-left:75px}
.pc-main .market .s-contn > ul > li:FIRST-CHILD {margin-left:0;}
.pc-main .market .s-contn > ul > li > .group-name {display: table;margin: auto;}
.pc-main .market .s-contn > ul > li > .group-name > li {display:table-cell;width: 82px;background-color: #747779;padding: 3px;text-align: center;color: #ffffff;}
.pc-main .market .s-contn > ul > li > .group-name > .on {}
.pc-main .market .s-contn > ul > li > .chart {position: relative;margin-top: 15px;width: 185px;height: 130px;background: url(../img/pc/bg-chart.png) no-repeat;}
.pc-main .market .s-contn > ul > li > .chart > ul {display: table;width:100%;height: 100%;}
.pc-main .market .s-contn > ul > li > .chart > ul > li {position: relative;display: table-cell;width: 1%;text-align: center;vertical-align: top;padding-top: 5px;}
.pc-main .market .s-contn > ul > li > .chart > ul > li > dl {display:block;width:100%;height:100%}
.pc-main .market .s-contn > ul > li > .chart > ul > li > dl > dt {position:absolute;width:100%;min-width: 43px;bottom:0;text-align: center;}
.pc-main .market .s-contn > ul > li > .chart > ul > li > dl > dd {}
.pc-main .market .s-contn > ul > li > .chart > ul > li > dl > dd .up {position:relative;width:43px;height:45px;margin:auto}
.pc-main .market .s-contn > ul > li > .chart > ul > li > dl > dd .down {position:relative;width:43px;height:45px;margin:auto}
.pc-main .market .s-contn > ul > li > .chart > ul > li > dl > dd .up > div{position:absolute;width:100%;bottom:0;left:0;background:#f0658c}
.pc-main .market .s-contn > ul > li > .chart > ul > li > dl > dd .up > div > span {position: absolute;width: 100%;top: -21px;left: 0;color:#f0658c}
.pc-main .market .s-contn > ul > li > .chart > ul > li > dl > dd .down > div{position:absolute;width:100%;top:0;left:0;background:#608cea}
.pc-main .market .s-contn > ul > li > .chart > ul > li > dl > dd .down > div > span {position: absolute;width: 100%;bottom: -21px;left: 0;color:#608cea}

.pc-main .listing {background:#f1f1f1 url(../img/pc/bg-listing-01.png) no-repeat center bottom;}

.pc-main .listing .section-content > ul {display:table;width:100%;}
.pc-main .listing .section-content > ul > li {display:table-cell;position: relative;vertical-align: top}

.pc-main .listing .new-listing > .title {position:relative;width:466px;font-size: 143%;font-weight: bold;background:url(../img/pc/bu-gate.png) no-repeat 0 5px;line-height:1;margin-bottom:20px;padding-left:14px}
.pc-main .listing .new-listing > .title > .more {position:absolute;display:block;background:url(../img/pc/icon-more.png) no-repeat 0 0;width: 12px;height:12px;top:5px;right:12px;font-size: 0}
.pc-main .listing .new-listing > .photo {box-sizing:border-box;width:470px;height:316px;margin-bottom:25px;border:4px solid #dadada}
.pc-main .listing .new-listing > .photo > img {width:100%;height:100%;}
.pc-main .listing .new-listing > .bbs-title {font-size: 128%; font-weight: bold;line-height: 1;margin-bottom:15px;width: 470px;height: 1.5em;overflow: hidden;text-overflow: ellipsis;}
.pc-main .listing .new-listing > .bbs-contn {margin-bottom:20px;line-height: 1.5;width: 470px;height: 7.5em;overflow: hidden}

.pc-main .listing ul > .photo {width:580px}
.pc-main .listing ul > .company {width:400px}
.pc-main .listing ul > .company > .desc {padding-top:168px;background:url(../img/pc/ele-listing-01.png) no-repeat 0 0;margin-bottom:40px;line-height: 1.5}
.pc-main .listing ul > .company > .desc > h2 {position: absolute; top:-9999px; left:-9999px}
.pc-main .listing ul > .company > .desc > span { font-size: 0%; position: absolute; top: -99999px; left: -99999px; width: 0; height: 0; }


.pc-main .listing ul > .company > .desc > a {display: block;vertical-align: middle;width: 81px;height: 81px;font-size: 0;background: url(../img/pc/icon-go.png) no-repeat 0 0px;position: absolute;top: 112px;right: 0;}

.pc-main .listing ul > .company > .total-com {display:table;width:100%;}
.pc-main .listing ul > .company > .total-com > .title {display:table-cell;font-size: 92%;vertical-align: middle;font-weight: bold}
.pc-main .listing ul > .company > .total-com > .count {display:table-cell;font-size: 285%;vertical-align: bottom;text-align: right;color:#dd3f6c}
.pc-main .listing ul > .company > .total-com > .count > span {font-size: 55%}
.pc-main .listing ul > .company > .com-count-list {display:table;width:100%;}
.pc-main .listing ul > .company > .com-count-list > li {position: relative; display: table-cell;height:13px;border-radius: 15px;}
.pc-main .listing ul > .company > .com-count-list > li:FIRST-CHILD {background: #dd3f6c}
.pc-main .listing ul > .company > .com-count-list > li:FIRST-CHILD+li {background: #f0658c}
.pc-main .listing ul > .company > .com-count-list > li:FIRST-CHILD+li+li {background: #f08fa8}
.pc-main .listing ul > .company > .com-name-list {display:table;width:100%;}
.pc-main .listing ul > .company > .com-name-list > li {position: relative; display: table-cell;height:13px;white-space: nowrap;padding-left:5px}
.pc-main .listing ul > .company > .com-name-list > li:FIRST-CHILD {padding-left: 0}
.pc-main .listing ul > .company > .com-name-list > li:FIRST-CHILD > span {color: #dd3f6c}
.pc-main .listing ul > .company > .com-name-list > li:FIRST-CHILD+li > span {color: #f0658c}
.pc-main .listing ul > .company > .com-name-list > li:FIRST-CHILD+li+li > span {color: #f08fa8}


.pc-main .listing ul > .company > .total-val {display:table;width:100%;margin-top:15px}
.pc-main .listing ul > .company > .total-val > .title {display:table-cell;font-size: 92%;vertical-align: middle;font-weight: bold}
.pc-main .listing ul > .company > .total-val > .count {display:table-cell;font-size: 285%;vertical-align: bottom;text-align: right;color:#4d79d8}
.pc-main .listing ul > .company > .total-val > .count > span {font-size: 55%}
.pc-main .listing ul > .company > .val-count-list {display:table;width:100%;}
.pc-main .listing ul > .company > .val-count-list > li {position: relative; display: table-cell;height:13px;border-radius: 15px;}
.pc-main .listing ul > .company > .val-count-list > li:FIRST-CHILD {background: #4d79d8}
.pc-main .listing ul > .company > .val-count-list > li:FIRST-CHILD+li {background: #608cea}
.pc-main .listing ul > .company > .val-count-list > li:FIRST-CHILD+li+li {background: #7da2f0}
.pc-main .listing ul > .company > .val-name-list {display:table;width:100%;margin-bottom: 20px;}
.pc-main .listing ul > .company > .val-name-list:FIRST-CHILD {margin-bottom: 0px;}
.pc-main .listing ul > .company > .val-name-list > li {position: relative; display: table-cell;height:13px;white-space: nowrap;padding-left:5px}
.pc-main .listing ul > .company > .val-name-list > li:FIRST-CHILD {padding-left: 0}
.pc-main .listing ul > .company > .val-name-list > li:FIRST-CHILD > span {color: #4d79d8}
.pc-main .listing ul > .company > .val-name-list > li:FIRST-CHILD+li > span {color: #608cea}
.pc-main .listing ul > .company > .val-name-list > li:FIRST-CHILD+li+li > span {color: #7da2f0}

.pc-main .listing ul > .company > .kind-link { padding-top: 20px; border-top: 1px solid #dadada; }

.pc-main .academy {background:#ebebf4;}
.pc-main .academy .f-contn {display:table;}
.pc-main .academy .f-contn > li {display:table-cell;width:368px;box-sizing:border-box;vertical-align: bottom}
.pc-main .academy .f-contn > .desc {width:420px;padding:190px 50px 0 0;background:url(../img/pc/bg-academy-01.png) no-repeat 0 0;line-height: 1.5}
.pc-main .academy .f-contn > .desc > h2 {position:absolute;top:-9999px;left:-9999px}
.pc-main .academy .f-contn > .request {width:294px;padding-right:35px;}
.pc-main .academy .f-contn > .notice {position:relative;width:266px;}

.pc-main .academy .f-contn .notice > .title {width:266px;font-size: 143%;font-weight: bold;background:url(../img/pc/bu-gate.png) no-repeat 0 5px;line-height:1;margin-bottom:20px;padding-left:14px}
.pc-main .academy .f-contn .notice > .more {position:absolute;display:block;background:url(../img/pc/icon-more.png) no-repeat 0 0;width: 12px;height:12px;bottom:170px;right:12px;font-size: 0}
.pc-main .academy .f-contn .notice > ul {width:266px}
.pc-main .academy .f-contn .notice > ul > li {width:100%;margin-top:10px}
.pc-main .academy .f-contn .notice > ul > li:FIRST-CHILD {margin-top:0px}
.pc-main .academy .f-contn .notice > ul > li > a {display:block;width:100%;height:100%;white-space: nowrap;text-overflow: ellipsis;color:#333333;overflow: hidden}
.pc-main .academy .f-contn .notice > ul > li > a:HOVER {color:#333333}
.pc-main .academy .f-contn .notice > ul > li > a > span {display:inline-block;margin-right:10px;padding:1px 2px;background: #009bc8;color:#ffffff;font-size: 85%}
.pc-main .academy .f-contn .notice > ul > li > a > span.even {background: #2c77bc;}


.pc-main .academy .f-contn .request > .title {position:relative;width:266px;font-size: 143%;font-weight: bold;background:url(../img/pc/bu-gate.png) no-repeat 0 5px;line-height:1;margin-bottom:20px;padding-left:14px}
.pc-main .academy .f-contn .request > .content-link-box > ul {    display: table;width: 252px;}
.pc-main .academy .f-contn .request > .content-link-box > ul > li {display: table-cell;box-sizing: border-box;padding-right: 5px;}
.pc-main .academy .f-contn .request > .content-link-box > ul > li > a {display: block;font-size: 85%;padding-top: 9px;text-align: center;height: 95px;border: 1px solid #cccccc;border-radius: 6px;box-sizing: border-box;box-shadow: 0px 2px 2px #f2f2f2;background: #ffffff;line-height: 1.2;}
.pc-main .academy .f-contn .request > .content-link-box > ul > li > a > span {background-image: url(../img/pc/icon-academy.png);background-repeat: no-repeat;display: block;width: 34px;height: 41px;margin: 0 auto 6px auto;}
.pc-main .academy .f-contn .request > .content-link-box > ul > li:FIRST-CHILD > a > span {background-position: 0 0}
.pc-main .academy .f-contn .request > .content-link-box > ul > li:FIRST-CHILD+li > a > span {background-position: 0 -50px}
.pc-main .academy .f-contn .request > .content-link-box > ul > li:FIRST-CHILD+li+li > a > span {background-position: 0 -100px}

.pc-main .academy .f-contn .request > .content-link-text {margin-top:5px} 
.pc-main .academy .f-contn .request > .content-link-text > ul {display: table-cell;box-sizing: border-box;padding-right: 5px;width:264px;}
.pc-main .academy .f-contn .request > .content-link-text > ul > li {display: table-cell;box-sizing: border-box;padding-right: 5px;width: 84px;}
.pc-main .academy .f-contn .request > .content-link-text > ul > li > a {display: block;font-size: 85%;padding: 6px;text-align: center;height: 44px;border: 1px solid #aeb1d2;border-radius: 6px;box-sizing: border-box;box-shadow: 0px 2px 2px #f2f2f2;background: #cdcfe7;color: #666699;line-height: 1.2;} 


.pc-main .academy .mov-wrap {position: relative;margin-top:80px;box-sizing:border-box}
.pc-main .academy .mov-wrap .title {font-size: 143%;font-weight: bold;background:url(../img/pc/bu-gate.png) no-repeat 0 5px;line-height:1;margin-bottom:30px;padding-left:14px}
.pc-main .academy .mov-wrap .title > span {display: inline-block;margin-left: 20px;font-size: 73%;color: #666666;}
.pc-main .academy .mov > ul > li {float:left;width:200px;height:220px}
.pc-main .academy .mov > ul > li:FIRST-CHILD+li+li+li+li {width:180px;}
.pc-main .academy .mov > ul > li > a {display:block;width:100%;height:155px;background:url(../img/pc/thum-academy.png) no-repeat; font-size: 0;vertical-align: top;}
.pc-main .academy .mov > ul > li:FIRST-CHILD > a {background-position: 0 0;} 
.pc-main .academy .mov > ul > li:FIRST-CHILD+li > a {background-position: 0 -200px;} 
.pc-main .academy .mov > ul > li:FIRST-CHILD+li+li > a {background-position: 0 -400px;} 
.pc-main .academy .mov > ul > li:FIRST-CHILD+li+li+li > a {background-position: 0 -600px;} 
.pc-main .academy .mov > ul > li:FIRST-CHILD+li+li+li+li > a {background-position: 0 -800px;} 



.pc-main .gov-banner-wrap {width: 1000px;margin: auto;height:120px;padding: 20px 0;box-sizing: border-box;}
.pc-main .gov-banner-control {float: left;height: 80px;width: 40px;box-sizing: border-box;}
.pc-main .gov-banner-control > button {display: block;width: 30px;font-size: 0;height: 40px;background: url(../img/pc/btn-banner.png) no-repeat -40px 14px;border: 1px solid #e5e5e5;}
.pc-main .gov-banner-control > button:FIRST-CHILD {background-position: 11px 13px;border-bottom: 0;}
.pc-main .gov-banner {position:relative;;height:80px;overflow: hidden;} 
.pc-main .gov-banner > ul {}
.pc-main .gov-banner > ul > li {float: left;margin-left: 10px;}
.pc-main .gov-banner > ul > li:FIRST-CHILD {margin-left: 0;}
.pc-main .gov-banner > ul > li img {border:1px solid #e5e5e5}


.mobile-main .intro .visual-list > li {width:100%;height:100%;}
.mobile-main .intro .visual-list > li:FIRST-CHILD > .visual-area {width:100%;height:100%;background:#c9e3f0}
.mobile-main .intro .visual-list > li:FIRST-CHILD > .visual-area > .visual {position:relative;width:100%;height:100%;background: url(../img/mobile/bg-intro.png) no-repeat bottom center;background-size:450px}
.mobile-main .intro .visual-list > li:FIRST-CHILD .site-title-context {position: relative;width:100%;margin:auto;height:100%;box-sizing: border-box;padding: 30px 0 0 10px;}
.mobile-main .intro .visual-list > li:FIRST-CHILD .site-title-context .title-krx {font-size: 180%;line-height: 1.2;}
.mobile-main .intro .visual-list > li:FIRST-CHILD .site-title-context .title-krx > span:FIRST-CHILD {font-size: 76%}
.mobile-main .intro .visual-list > li:FIRST-CHILD .site-title-context .title-krx > .strong {font-size: 121%; font-weight: bold}
.mobile-main .intro .visual-list > li:FIRST-CHILD .site-title-context .title-gap {margin:10px 0 15px 0;width:70px;height:2px;background: #0aacbb}
.mobile-main .intro .visual-list > li:FIRST-CHILD .site-title-context .title-desc {font-size: 85%;line-height: 1.2;width: 90%;}

.mobile-main .intro .visual-list > li:FIRST-CHILD+li > .visual-area {background: #aac7d5}
.mobile-main .intro .visual-list > li:FIRST-CHILD+li > .visual-area > .visual {position:relative;width:100%;height:100%;background: url(../img/mobile/bg-intro-02.png) no-repeat bottom center;background-size:450px}
.mobile-main .intro .visual-list > li:FIRST-CHILD+li .site-title-context {position: relative;width:100%;margin:auto;height:100%;box-sizing: border-box;padding: 30px 0 0 10px;}
.mobile-main .intro .visual-list > li:FIRST-CHILD+li .site-title-context .title-krx {font-size: 180%;line-height: 1.2;}
.mobile-main .intro .visual-list > li:FIRST-CHILD+li .site-title-context .title-krx > span:FIRST-CHILD {font-size: 76%}
.mobile-main .intro .visual-list > li:FIRST-CHILD+li .site-title-context .title-krx > .strong {font-size: 121%; font-weight: bold}
.mobile-main .intro .visual-list > li:FIRST-CHILD+li .site-title-context .title-gap {margin:10px 0 15px 0;width:70px;height:2px;background: #0aacbb}
.mobile-main .intro .visual-list > li:FIRST-CHILD+li .site-title-context .title-desc {font-size: 85%;line-height: 1.2;width: 90%;}

.mobile-main .intro .visual-list > li:FIRST-CHILD+li+li > .visual-area {background: #e4ecee}
.mobile-main .intro .visual-list > li:FIRST-CHILD+li+li > .visual-area > .visual {position:relative;width:100%;height:100%;background: url(../img/mobile/bg-intro-03.png) no-repeat bottom center;background-size:450px}
.mobile-main .intro .visual-list > li:FIRST-CHILD+li+li .site-title-context {position: relative;width:100%;margin:auto;height:100%;box-sizing: border-box;padding: 30px 0 0 10px;}
.mobile-main .intro .visual-list > li:FIRST-CHILD+li+li .site-title-context .title-krx {font-size: 180%;line-height: 1.2;}
.mobile-main .intro .visual-list > li:FIRST-CHILD+li+li .site-title-context .title-krx > span:FIRST-CHILD {font-size: 76%}
.mobile-main .intro .visual-list > li:FIRST-CHILD+li+li .site-title-context .title-krx > .strong {font-size: 121%; font-weight: bold}
.mobile-main .intro .visual-list > li:FIRST-CHILD+li+li .site-title-context .title-gap {margin:10px 0 15px 0;width:70px;height:2px;background: #0aacbb}
.mobile-main .intro .visual-list > li:FIRST-CHILD+li+li .site-title-context .title-desc {font-size: 85%;line-height: 1.2;width: 90%;}

.mobile-main .main-banner-wrap {display:none !important}
.mobile-main .visual-control {top: 10px !important}

.mobile-main .intro {background: #f1f1f1 !important}
.mobile-main .intro .intro-index-wrap {}
.mobile-main .intro .intro-index {position:relative;width:100%;background: #425c62;}
.mobile-main .intro .intro-index > ul {}
.mobile-main .intro .intro-index > ul > li {display: table;width: 100%;height: 32px;box-sizing: border-box;padding: 5px 12px;border-top:1px solid #354a58}
.mobile-main .intro .intro-index > ul > li:FIRST-CHILD {border-top:0}
.mobile-main .intro .intro-index > ul > li > span {display:table-cell;line-height:1;vertical-align: middle;}
.mobile-main .intro .intro-index > ul > li > .index-name {font-size:85%;color:#ffffff;width:30%}
.mobile-main .intro .intro-index > ul > li > .index-price {font-size:120%;color:#ffffff;width:32%;text-align: right}
.mobile-main .intro .intro-index > ul > li > .index-up {font-size:85%;color:#ffa800;text-align: right}
.mobile-main .intro .intro-index > ul > li > .index-down {font-size:85%;color:#00ccff;text-align: right}

.mobile-main .body-wrap > .index-list {position: relative;display:block;text-align:center}
.mobile-main .body-wrap > .index-list > li {display:inline-block;padding:5px;}
.mobile-main .body-wrap > .index-list > li > button {font-size:0;border:0;background: #cccccc;border-radius:12px;width:12px;height:12px;vertical-align: middle;}
.mobile-main .body-wrap > .index-list > li.body-view > button {background: #313946;}

.mobile-main .gov-banner-wrap {position: relative;padding:10px}
.mobile-main .gov-banner {position: relative;overflow: scroll;white-space: nowrap;}
.mobile-main .gov-banner ul > li {display: inline-block;width:92px;height:39px;box-sizing:border-box;border:1px solid #e6e5e3}
.mobile-main .gov-banner ul > li img {width:100%;height:100%;}

.mobile-main .body-wrap {position: relative;overflow: hidden}
.mobile-main .section-list {position:relative; margin:0; padding:0;}
.mobile-main .section-list > li {position:absolute; left:100%; width:100%; height:100%;background-color: #ffffff;}
.mobile-main .section-list .slide-auto-view {left:0 !important}

.mobile-main .visual-list {position:relative; margin:0; padding:0;}
.mobile-main .visual-list > li {position:absolute; left:0; width:100%; height:100%;opacity:0}
.mobile-main .visual-list .slide-auto-view {left:0;opacity:1}


.mobile-main .section-wrap {position: relative;width: 100%;height: 100%;margin: auto;box-sizing: border-box;padding-top: 65px;overflow: hidden;}
.mobile-main .section-title {position: absolute;width: 100%;top: 0;left: 0;text-align: center;line-height: 1;vertical-align: bottom;font-size: 181%;font-weight: bold;color: #ffffff;background: url(../img/mobile/ptn-grid.png) #515862;padding: 8px 0}
.mobile-main .section-title > h1 {display: inline}
.mobile-main .section-title > .prev {position: absolute;width: 25px;height: 25px;left: 20px;top: 14px;background: url(../img/mobile/icon-pagingcontrol.png) no-repeat 0 0;background-size: 25px;}
.mobile-main .section-title > .next {position: absolute;width: 25px;height: 25px;right: 20px;top: 14px;background: url(../img/mobile/icon-pagingcontrol.png) no-repeat 0 -25px;background-size: 25px;}
.mobile-main .section-title > a {display: inline-block;vertical-align: middle;width: 25px;height: 25px;font-size: 0;background: url(../img/mobile/ele-title-btn.png) no-repeat 0 0px;background-size: 25px;}
.mobile-main .section-content-wrap {position:relative;display:table;width:100%;height:100%;padding: 0 12px;box-sizing: border-box;}
.mobile-main .section-content {position: relative;display: table-cell;width:100%;vertical-align: top;box-sizing: border-box;}


.mobile-main .info {background: #ffffff !important}
.mobile-main .info .section-content {padding: 140px 0 0px 0;}

.mobile-main .info .vision-wrap {position: absolute;width: 100%;height: 80px;top: 0;left: 0;text-align: center;background-color: #0E71B5;}
.mobile-main .info .vision {width: 300px;background: url(../img/mobile/ele-vision.png) no-repeat 17px 10px;box-sizing: border-box;padding: 10px 10px 10px 83px;background-size: 75px;margin: auto;}
.mobile-main .info .vision > .title {font-size: 100%;line-height: 1;margin-bottom: 8px;padding-left: 14px;color: #ffffff;}
.mobile-main .info .vision > .desc {font-size: 100%;color: #ffffff;line-height: 1.2;}
.mobile-main .info .key-value {text-align: center;color: #ffffff;width: 100%;font-size: 80%;background-color: #0b5a91;position: absolute;bottom: 0;padding: 10px 0;box-sizing: border-box;}
.mobile-main .info .key-value > dl > dt {display: inline-block;font-weight: bold;line-height: 1.7;background: url(../img/mobile/icon-btn-02.png) no-repeat 49px -94px;background-size: 25px;padding-right: 15px;}
.mobile-main .info .key-value > dl > dd {display: inline-block;}
.mobile-main .info .greeting {width: 300px;height: 200px;background: url(../img/mobile/visual-greeting.png) no-repeat;margin: auto;background-size: 300px;margin-top:-80px}

.mobile-main .info .notice {width: 100%;bottom: 0;left: 0;box-sizing: border-box;position: absolute;border: 1px solid #dedede;height: 120px;background: #ffffff;}
.mobile-main .info .notice > .title {font-size: 113%;font-weight: bold;line-height: 1;margin-bottom: 1px;padding: 12px;}
.mobile-main .info .notice > .more { position: absolute; display: block; background: url(../img/mobile/icon-more-gray.png) no-repeat 0 10px; width: 25px; height: 25px; top: 5px; right: 12px; font-size: 0; background-size: 25px; }
.mobile-main .info .notice > ul {width: 100%;height: 65px;overflow: hidden;}
.mobile-main .info .notice > ul > li {width:100%;margin-bottom: 5px;padding: 0 10px;box-sizing: border-box;}
.mobile-main .info .notice > ul > li > a {display: block;width: 100%;height: 100%;white-space: nowrap;text-overflow: ellipsis;color: #666666;overflow: hidden;box-sizing: border-box;padding-left: 10px;background: url(../img/mobile/bu-depth-01.png) no-repeat 0 10px;background-size: 25px;font-size: 89%;}
.mobile-main .info .notice > ul > li > a:HOVER {color:#333333}


.mobile-main .open {background: #f3eac9 !important}
.mobile-main .open .section-content {padding: 120px 0 0px 0;}

.mobile-main .open .notice {width: 100%;top: 0;left: 0;box-sizing: border-box;position: absolute;border: 1px solid #dedede;height: 120px;background: #ffffff;}
.mobile-main .open .notice > .title {font-size: 113%;font-weight: bold;line-height: 1;margin-bottom: 1px;padding: 12px;}
.mobile-main .open .notice > .more {position: absolute;display: block;background: url(../img/mobile/icon-more-gray.png) no-repeat 0 10px;width: 25px;height: 25px;top: 5px;right: 12px;font-size: 0;background-size: 25px;}
.mobile-main .open .notice > ul {width: 100%;height: 65px;overflow: hidden;}
.mobile-main .open .notice > ul > li {width:100%;margin-bottom: 5px;padding: 0 10px;box-sizing: border-box;}
.mobile-main .open .notice > ul > li > a {display: block;width: 100%;height: 100%;white-space: nowrap;text-overflow: ellipsis;color: #666666;overflow: hidden;box-sizing: border-box;padding-left: 10px;background: url(../img/mobile/bu-depth-01.png) no-repeat 0 10px;background-size: 25px;font-size: 89%;}
.mobile-main .open .notice > ul > li > a:HOVER {color:#333333}


.mobile-main .open .banner {position: absolute;bottom:0;left:0;width:100%;height:90px;}
.mobile-main .open .banner-list {position: relative;width:100%;height:100%;}
.mobile-main .open .banner-list > ul {position: relative;width:100%;height:100%;}
.mobile-main .open .banner-list > ul > li {display:none;width:100%;height:100%;left:0 !important}
.mobile-main .open .banner-list > ul > li > a > img{width:100%;height:100%;}

.mobile-main .open .open-control {margin: auto;position: absolute;top: 12px;right: 12px;text-align: center;}

.mobile-main .open .open-control > button {display:inline-block; width:12px;height:12px; margin:0 5px ;font-size: 0; vertical-align: top;background-image: url(../img/pc/icon-control.png); background-repeat: no-repeat;border:0;background-color: transparent;}
.mobile-main .open .open-control > .visual-off {background-position: 0 0}
.mobile-main .open .open-control > .visual-on {background-position: 0 -25px}


.mobile-main .open .guide-wrap {position: relative;box-sizing:border-box}
.mobile-main .open .guide-wrap .title { font-size: 115%;font-weight: bold;line-height: 1;margin-bottom: 30px;padding-left: 14px;}
.mobile-main .open .guide-wrap .title > span {display: inline-block;font-size: 73%;color: #666666;margin-top: 7px;}
.mobile-main .open .guide {height: 130px;box-sizing: border-box;}
.mobile-main .open .guide > ul {}
.mobile-main .open .guide > ul > li {float: left;width: 25%;height: 60px;text-align: center;margin-bottom: 10px;font-size: 92%}
.mobile-main .open .guide > ul > li > a {display: block;width: 100%;height: 100%;box-sizing: border-box}
.mobile-main .open .guide > ul > li > a:HOVER {color:#333333}
.mobile-main .open .guide > ul > li > a > span {display: block;width: 30px;height: 36px;margin: auto;background: url(../img/mobile/icon-quickmenu.png) no-repeat;background-size: 50px;}
.mobile-main .open .guide > ul > li:FIRST-CHILD > a > span {background-position: 0 0}
.mobile-main .open .guide > ul > li:FIRST-CHILD+li > a > span {background-position: 0 -50px}
.mobile-main .open .guide > ul > li:FIRST-CHILD+li+li > a > span {background-position: 0 -100px}
.mobile-main .open .guide > ul > li:FIRST-CHILD+li+li+li > a > span {background-position: 0 -150px}
.mobile-main .open .guide > ul > li:FIRST-CHILD+li+li+li+li > a > span {background-position: 0 -200px}
.mobile-main .open .guide > ul > li:FIRST-CHILD+li+li+li+li+li > a > span {background-position: 0 -250px}
.mobile-main .open .guide > ul > li:FIRST-CHILD+li+li+li+li+li+li > a > span {background-position: 0 -300px}
.mobile-main .open .guide > ul > li:FIRST-CHILD+li+li+li+li+li+li+li > a > span {background-position: 0 -350px}



.mobile-main .market {background: #ebfbff !important;}

.mobile-main .market .section-content {padding: 290px 0 0 0;}

.mobile-main .market .f-contn {position:absolute;top:0;left:0;width:100%;}
.mobile-main .market .f-contn > li {position:relative; width:100%}
.mobile-main .market .f-contn > .sihwang {display:block}
.mobile-main .market .f-contn > .sihwang > ul {width: 100%;display: table;}
.mobile-main .market .f-contn > .sihwang > ul > li {width: 50%;height: 65px;background: #009bc9;box-sizing: border-box;padding: 8px 10px;display: table-cell;text-align: center;}
.mobile-main .market .f-contn > .sihwang > ul > li:FIRST-CHILD {border-bottom:1px solid #1689c2}

.mobile-main .market .f-contn > .sihwang > ul > li > div {font-size: 92%;margin-bottom: 13px;color: #ffffff;font-weight: bold;line-height: 1;}
.mobile-main .market .f-contn > .sihwang > ul > li > button {position:relative; width: 100%;border: 2px solid #ffffff;color: #ffffff;background: transparent;letter-spacing: -1px;font-size: 83%;min-height: 40px;box-sizing: border-box;padding-right: 33px;}
.mobile-main .market .f-contn > .sihwang > ul > li > button > span {background: url(../img/mobile/icon-btn-02.png) no-repeat 0 -23px;display: inline-block;width: 16px;height: 13px;margin-left: 10px;background-size: 25px;vertical-align: middle;position: absolute;right: 12px;top: 12px;}


.mobile-main .market .f-contn > .notice {position:relative; width: 100%;box-sizing: border-box;border: 1px solid #dedede;height: 120px;background: #ffffff;margin-top:10px}
.mobile-main .market .f-contn > .notice > .title {font-size: 113%;font-weight: bold;line-height: 1;margin-bottom: 1px;padding: 12px;}
.mobile-main .market .f-contn > .notice > .more {position: absolute;display: block;background: url(../img/mobile/icon-more-gray.png) no-repeat 0 10px;width: 25px;height: 25px;top: 5px;right: 12px;font-size: 0;background-size: 25px;}
.mobile-main .market .f-contn > .notice > ul {width: 100%;height: 65px;overflow: hidden;}
.mobile-main .market .f-contn > .notice > ul > li {width: 100%;margin-bottom: 5px;padding: 0 10px;box-sizing: border-box;position: relative;}
.mobile-main .market .f-contn > .notice > ul > li > a {display: block;width: 100%;height: 100%;white-space: nowrap;text-overflow: ellipsis;color: #666666;overflow: hidden;box-sizing: border-box;padding-left: 10px;background: url(../img/mobile/bu-depth-01.png) no-repeat 0 10px;background-size: 25px;font-size: 89%;padding-right: 73px;}
.mobile-main .market .f-contn > .notice > ul > li > a:HOVER {color:#333333}

.mobile-main .market .f-contn > .notice > ul > li > .date {display: block;font-size: 85%;color: #666666;position: absolute;right: 14px;top: 0;}


.mobile-main .market .f-contn > .sijangji {position: relative;width: 100%;height: 45px;background: #0aa4a2;margin-top: 10px;box-sizing: border-box;padding: 5px 10px;}
.mobile-main .market .f-contn > .sijangji .title {position: relative;font-size: 100%;font-weight: bold;line-height: 1.2;color: #ffffff;}
.mobile-main .market .f-contn > .sijangji .title > span {display: block;font-size: 80%    color: #ffffff;}
.mobile-main .market .f-contn > .sijangji button {position: absolute;margin-top: 18px;width: 150px;display: block;margin: auto;height: 29px;border: 1px solid #fff;background: transparent;box-sizing: border-box;font-size: 92%;color: #ffffff;top: 8px;right: 11px;}
.mobile-main .market .f-contn > .sijangji button > span {position: absolute;top: 8px;right: 0;    display: block;width: 25px;height: 25px;background: url(../img/mobile/icon-btn-02.png) no-repeat 0 -23px;background-size: 25px;}



.mobile-main .market .s-contn {position: relative;height: 100%;width: 100%;box-sizing: border-box;background: #ffffff;border: 1px solid #dedede;}
.mobile-main .market .s-contn > .title {position: relative;font-size: 85%;font-weight: bold;line-height: 1;}
.mobile-main .market .s-contn > .title > span {font-size: 100%;float:right}
.mobile-main .market .s-contn > .control {}
.mobile-main .market .s-contn > .control > .prev {position: absolute;width: 9px;height: 25px;left: 1px;top: 50%;background: url(../img/mobile/icon-pagingcontrol.png) no-repeat 0 0;background-size: 25px;}
.mobile-main .market .s-contn > .control > .next {position: absolute;width: 9px;height: 25px;right: 1px;top: 50%;background: url(../img/mobile/icon-pagingcontrol.png) no-repeat 0 -25px;background-size: 25px;}

.mobile-main .market .s-contn > ul {position: relative;width: 100%;height: 100%;box-sizing: border-box;overflow: hidden}
.mobile-main .market .s-contn > ul > li { position: absolute;display: block;width: 100%;height: 100%;text-align: center;box-sizing: border-box;left:101%;padding:0 25px}
.mobile-main .market .s-contn > ul > li > .group-name {display: block;position: absolute;    left: 0;width: 100%;height: 25px;}
.mobile-main .market .s-contn > ul > li > .chart {position: relative;padding: 40px 0 50px 0;width: 100%;height: 100%;box-sizing: border-box;}
.mobile-main .market .s-contn > ul > li > .chart > ul {display: table;width:100%;height: 100%;background: url(../img/pc/bg-chart.png) repeat-x left center;}
.mobile-main .market .s-contn > ul > li > .chart > ul > li {    position: relative;display: table-cell;width: 1%;text-align: center;vertical-align: top;}
.mobile-main .market .s-contn > ul > li > .chart > ul > li > dl {display:block;width:100%;height:100%}
.mobile-main .market .s-contn > ul > li > .chart > ul > li > dl > dt {position: absolute;width: 100%;bottom: -33px;text-align: center;font-size: 85%;}
.mobile-main .market .s-contn > ul > li > .chart > ul > li > dl > dd {width: 100%;height: 100%;}
.mobile-main .market .s-contn > ul > li > .chart > ul > li > dl > dd .up {position: relative;width: 43%;height: 50%;margin: auto;}
.mobile-main .market .s-contn > ul > li > .chart > ul > li > dl > dd .down {position: relative;width: 43%;height: 50%;margin: auto;}
.mobile-main .market .s-contn > ul > li > .chart > ul > li > dl > dd .up > div{position:absolute;width:100%;bottom:0;left:0;background:#f0658c}
.mobile-main .market .s-contn > ul > li > .chart > ul > li > dl > dd .up > div > span {position: absolute;width: 100%;top: -21px;left: 0;color:#f0658c}
.mobile-main .market .s-contn > ul > li > .chart > ul > li > dl > dd .down > div{position:absolute;width:100%;top:0;left:0;background:#608cea}
.mobile-main .market .s-contn > ul > li > .chart > ul > li > dl > dd .down > div > span {position: absolute;width: 100%;bottom: -21px;left: 0;color:#608cea}


.mobile-main .listing {background:#f1f1f1 !important;}

.mobile-main .listing .section-content {padding: 70px 0 190px 0;}

.mobile-main .listing .section-content > ul {width:100%;}
.mobile-main .listing .section-content > ul > li {position: relative;vertical-align: top}



.mobile-main .listing .new-listing {width: 100%;bottom: 0;left: 0;box-sizing: border-box;position: absolute !important;border: 1px solid #dedede;height: 190px;background: #ffffff;padding:12px}
.mobile-main .listing .new-listing > .title {font-size: 113%;font-weight: bold;line-height: 1;margin-bottom: 1px;padding-bottom: 12px;}
.mobile-main .listing .new-listing > .title > .more {position: absolute;display: block;background: url(../img/mobile/icon-more-gray.png) no-repeat 0 10px;width: 25px;height: 25px;top: 5px;right: 12px;font-size: 0;background-size: 25px;}

.mobile-main .listing .new-listing > .photo {box-sizing:border-box;width:100%;height:70px;margin-bottom:4px;}
.mobile-main .listing .new-listing > .photo > img {width:100%;height:100%;}
.mobile-main .listing .new-listing > .bbs-title {font-size: 100%; font-weight: bold;line-height: 1;;width: 100%;height: 1.5em;overflow: hidden;text-overflow: ellipsis;}
.mobile-main .listing .new-listing > .bbs-contn {display:none}

.mobile-main .listing ul > .company {width:100%;position: static !important;bottom:auto !important;left:auto !important;}
.mobile-main .listing ul > .company > .desc {background: url(../img/mobile/ele-listing-01.png) no-repeat 0 0;margin-bottom: 63px;line-height: 1.5;background-size: 200px;font-size: 0;position: absolute;width: 100%;height: 50px;top: 0;}
.mobile-main .listing ul > .company > .desc > span { font-size: 0%; position: absolute; top: -99999px; left: -99999px; width: 0; height: 0; }
.mobile-main .listing ul > .company > .total-com {display:table;width:100%;}
.mobile-main .listing ul > .company > .total-com > .title {display:table-cell;font-size: 92%;vertical-align: middle;font-weight: bold}
.mobile-main .listing ul > .company > .total-com > .count {display:table-cell;font-size: 200%;vertical-align: bottom;text-align: right;color:#dd3f6c}
.mobile-main .listing ul > .company > .total-com > .count > span {font-size: 55%}
.mobile-main .listing ul > .company > .com-count-list {display:table;width:100%;}
.mobile-main .listing ul > .company > .com-count-list > li {position: relative; display: table-cell;height:13px;border-radius: 15px;}
.mobile-main .listing ul > .company > .com-count-list > li:FIRST-CHILD {background: #dd3f6c}
.mobile-main .listing ul > .company > .com-count-list > li:FIRST-CHILD+li {background: #f0658c}
.mobile-main .listing ul > .company > .com-count-list > li:FIRST-CHILD+li+li {background: #f08fa8}
.mobile-main .listing ul > .company > .com-name-list {display:table;width:100%;font-size:90%}
.mobile-main .listing ul > .company > .com-name-list > li {position: relative; display: table-cell;height:13px;white-space: nowrap;padding-left:5px}
.mobile-main .listing ul > .company > .com-name-list > li:FIRST-CHILD {padding-left: 0}
.mobile-main .listing ul > .company > .com-name-list > li:FIRST-CHILD > span {color: #dd3f6c}
.mobile-main .listing ul > .company > .com-name-list > li:FIRST-CHILD+li > span {color: #f0658c}
.mobile-main .listing ul > .company > .com-name-list > li:FIRST-CHILD+li+li > span {color: #f08fa8}


.mobile-main .listing ul > .company > .total-val {display:table;width:100%;}
.mobile-main .listing ul > .company > .total-val > .title {display:table-cell;font-size: 92%;vertical-align: middle;font-weight: bold}
.mobile-main .listing ul > .company > .total-val > .count {display:table-cell;font-size: 200%;vertical-align: bottom;text-align: right;color:#4d79d8}
.mobile-main .listing ul > .company > .total-val > .count > span {font-size: 55%}
.mobile-main .listing ul > .company > .val-count-list {display:table;width:100%;}
.mobile-main .listing ul > .company > .val-count-list > li {position: relative; display: table-cell;height:13px;border-radius: 15px;}
.mobile-main .listing ul > .company > .val-count-list > li:FIRST-CHILD {background: #4d79d8}
.mobile-main .listing ul > .company > .val-count-list > li:FIRST-CHILD+li {background: #608cea}
.mobile-main .listing ul > .company > .val-count-list > li:FIRST-CHILD+li+li {background: #7da2f0}
.mobile-main .listing ul > .company > .val-name-list {display:table;width:100%;font-size:90%}
.mobile-main .listing ul > .company > .val-name-list > li {position: relative; display: table-cell;height:13px;white-space: nowrap;padding-left:5px}
.mobile-main .listing ul > .company > .val-name-list > li:FIRST-CHILD {padding-left: 0}
.mobile-main .listing ul > .company > .val-name-list > li:FIRST-CHILD > span {color: #4d79d8}
.mobile-main .listing ul > .company > .val-name-list > li:FIRST-CHILD+li > span {color: #608cea}
.mobile-main .listing ul > .company > .val-name-list > li:FIRST-CHILD+li+li > span {color: #7da2f0}

.mobile-main .academy {background: #ebebf4 !important}
.mobile-main .academy .f-contn {padding: 120px 0 0 0px;}
.mobile-main .academy .f-contn > .desc {position:absolute;left:0;top:0; width:100%;font-size:100%;    background: url(../img/mobile/visual-academy.png) no-repeat right 0px;line-height: 1.5;background-size: 125px;}
.mobile-main .academy .f-contn > .desc > span {display:block;font-size:135%;font-weight: bold; color:#9494ab}

.mobile-main .academy .f-contn .notice {width: 100%;bottom: 0;left: 0;box-sizing: border-box;position: absolute;border: 1px solid #dedede;height: 120px;background: #ffffff;}
.mobile-main .academy .f-contn .notice > .title {font-size: 113%;font-weight: bold;line-height: 1;margin-bottom: 1px;padding: 12px;}
.mobile-main .academy .f-contn .notice > .more {position: absolute;display: block;background: url(../img/mobile/icon-more-gray.png) no-repeat 0 10px;width: 25px;height: 25px;top: 5px;right: 12px;font-size: 0;background-size: 25px;}
.mobile-main .academy .f-contn .notice > ul {width: 100%;height: 65px;overflow: hidden;}
.mobile-main .academy .f-contn .notice > ul > li {width:100%;margin-bottom: 5px;padding: 0 10px;box-sizing: border-box;}
.mobile-main .academy .f-contn .notice > ul > li > a {display: block;width: 100%;height: 100%;white-space: nowrap;text-overflow: ellipsis;color: #666666;overflow: hidden;box-sizing: border-box;padding-left: 10px;background: url(../img/mobile/bu-depth-01.png) no-repeat 0 10px;background-size: 25px;font-size: 89%;}
.mobile-main .academy .f-contn .notice > ul > li > a:HOVER {color:#333333}
.mobile-main .academy .f-contn .notice > ul > li > a > span {display:inline-block;margin-right:10px;padding:1px 2px;background: #009bc8;color:#ffffff;font-size: 85%}
.mobile-main .academy .f-contn .notice > ul > li > a > span.even {background: #2c77bc;}


.mobile-main .academy .f-contn .request > .title {position: relative;width: 100%;font-size: 110%;font-weight: bold;line-height: 1;margin-bottom: 20px;}
.mobile-main .academy .f-contn .request > .content-link-box > ul {    display: table;width: 100%;}
.mobile-main .academy .f-contn .request > .content-link-box > ul > li {display: table-cell;box-sizing: border-box;}
.mobile-main .academy .f-contn .request > .content-link-box > ul > li:FIRST-CHILD {padding-right:10px;}
.mobile-main .academy .f-contn .request > .content-link-box > ul > li:FIRST-CHILD+li {padding:0px 5px}
.mobile-main .academy .f-contn .request > .content-link-box > ul > li:FIRST-CHILD+li+li {padding-left:10px;}
.mobile-main .academy .f-contn .request > .content-link-box > ul > li > a {display: block;font-size: 85%;padding-top: 14px;text-align: center;height: 105px;border: 1px solid #cccccc; border-radius:10px; box-sizing: border-box;box-shadow: 0px 2px 2px #f2f2f2;background: #ffffff}
.mobile-main .academy .f-contn .request > .content-link-box > ul > li > a > span {background-image: url(../img/mobile/icon-btn-03.png);background-repeat: no-repeat;display: block;width: 25px;height: 30px;margin: 0 auto 10px auto;background-size:25px}
.mobile-main .academy .f-contn .request > .content-link-box > ul > li:FIRST-CHILD > a > span {background-position: 0 0}
.mobile-main .academy .f-contn .request > .content-link-box > ul > li:FIRST-CHILD+li > a > span {background-position: 0 -50px}
.mobile-main .academy .f-contn .request > .content-link-box > ul > li:FIRST-CHILD+li+li > a > span {background-position: 0 -100px}

.mobile-main .academy .f-contn .request > .content-link-text {margin-top:15px} 
.mobile-main .academy .f-contn .request > .content-link-text > ul > li {display: block;text-align: center;width: 100%;}
.mobile-main .academy .f-contn .request > .content-link-text > ul > li > a {background: #2c77bc;padding: 10px;color: #ffffff;font-weight: bold;width: 100%;display: inline-block;box-sizing: border-box;} 

.main-slider-auto .intro-slide-auto-view {left:0;opacity:1 !important}
.intro .intro-slide-auto-out {
	animation-duration : 1.5s;
	animation-timing-function:linear;
	animation-name : intro-slide-auto-out;
	-webkit-animation-duration : 1.5s;
	-webkit-animation-timing-function:linear;
	-webkit-animation-name : intro-slide-auto-out;
}
@keyframes intro-slide-auto-out {
	from {opacity:1}
	to {opacity:0}
}

.intro .intro-slide-auto-in {
	animation-duration : 1.5s;
	animation-timing-function:linear;
	animation-name : intro-slide-auto-in;
	-webkit-animation-duration : 1.5s;
	-webkit-animation-timing-function:linear;
	-webkit-animation-name : intro-slide-auto-in;
}
@keyframes intro-slide-auto-in {
	from {opacity:0}
	to {opacity:1}
}

.intro .intro-slide-auto-out2 {
	animation-duration : 1.5s;
	animation-timing-function:linear;
	animation-name : intro-slide-auto-out2;
	-webkit-animation-duration : 1.5s;
	-webkit-animation-timing-function:linear;
	-webkit-animation-name : intro-slide-auto-out2;
}
@keyframes intro-slide-auto-out2 {
	from {opacity:1}
	to {opacity:0}
}

.intro .intro-slide-auto-in2 {
	animation-duration : 1.5s;
	animation-timing-function:linear;
	animation-name : intro-slide-auto-in2;
	-webkit-animation-duration : 1.5s;
	-webkit-animation-timing-function:linear;
	-webkit-animation-name : intro-slide-auto-in2;
}
@keyframes intro-slide-auto-in2 {
	from {opacity:0}
	to {opacity:1}
}