@CHARSET "UTF-8";

.sitemap-wrap {position: relative; z-index: 4000;padding-top:70px}
.sitemap-wrap > .menu-sitemap > .ms-list {padding:0px 20px;}

.sitemap-wrap > .menu-sitemap > .ms-list > ul {padding-bottom:30px;}
.sitemap-wrap > .menu-sitemap > .ms-list > ul > li > div {display:table;width:100%;height:40px;background-color: #555555}
.sitemap-wrap > .menu-sitemap > .ms-list > ul > li > div > span {display:table-cell;width:16px;padding-left:10px;background-image:url(../../../res/pc/img/bu-allmenu.png); background-repeat: no-repeat; background-position: 10px 13px}
.sitemap-wrap > .menu-sitemap > .ms-list > ul > li > div > a {display:table-cell;padding-left:8px;vertical-align: middle; font-size: 114%; font-weight: bold; color:#ffffff}
.sitemap-wrap > .menu-sitemap > .ms-list > ul > li > ul {margin:15px 0 0 0; padding:0 5px}
.sitemap-wrap > .menu-sitemap > .ms-list > ul > li > ul > li {display:inline-block;  width:173px; margin:0 5px 25px 0; vertical-align: top}
.sitemap-wrap > .menu-sitemap > .ms-list > ul > li > ul > li > a {display:block; padding:10px 0;text-align: center; border-bottom: 1px solid #f8c4a1; border-top: 1px solid #f8c4a1;font-size:114%;font-weight:bold; color:#ed6c15}

.sitemap-wrap > .menu-sitemap > .ms-list > ul > li > ul > li > ul {margin-top:15px;}
.sitemap-wrap > .menu-sitemap > .ms-list > ul > li > ul > li > ul > li {margin-top:10px}
.sitemap-wrap > .menu-sitemap > .ms-list > ul > li > ul > li > ul > li > a {position:relative; display:block;padding-left:16px;}
.sitemap-wrap > .menu-sitemap > .ms-list > ul > li > ul > li > ul > li > a:HOVER {font-weight: bold;}
.sitemap-wrap > .menu-sitemap > .ms-list > ul > li > ul > li > ul > li > a > span {position:absolute; display: block; left:0; top:4px;width: 16px; height:9px;} 
.sitemap-wrap > .menu-sitemap > .ms-list > ul > li > ul > li > ul > li > a.depth-last > span {background-image: url(../../../res/pc/img/bu-allmenu.png); background-repeat: no-repeat; background-position: -47px 2px} 
.sitemap-wrap > .menu-sitemap > .ms-list > ul > li > ul > li > ul > li > a.children-close > span {background-image: url(../../../res/pc/img/bu-allmenu.png); background-repeat: no-repeat; background-position: -100px 0px} 
.sitemap-wrap > .menu-sitemap > .ms-list > ul > li > ul > li > ul > li > a.children-open > span {background-image: url(../../../res/pc/img/bu-allmenu.png); background-repeat: no-repeat; background-position: -150px 0px} 

.sitemap-wrap > .menu-sitemap > .ms-list > ul > li > ul > li > ul > li > ul {margin:20px 0 20px 20px;}
.sitemap-wrap > .menu-sitemap > .ms-list > ul > li > ul > li > ul > li > ul > li {margin-top:10px}
.sitemap-wrap > .menu-sitemap > .ms-list > ul > li > ul > li > ul > li > ul > li > a {font-size: 85%; color: #666666}
.sitemap-wrap > .menu-sitemap > .ms-list > ul > li > ul > li > ul > li > ul > li > a:HOVER {font-weight: bold; color:#ed8c15}
.sitemap-wrap > .menu-sitemap > .ms-list > ul a em.ms-search-highlight {font-style:normal; color:#018bb9;font-weight: bold;}

.search-wrap {position:relative; width:1000px;margin:auto}
.search-text {padding:180px 0 100px 370px;}
.search-text > span {position:absolute;top: 180px;left: 140px; display:block; width:210px;height:142px;background: url(../../../res/pc/img/icon-error.png) no-repeat 0 0;}
.search-text .text {padding-left: 50px;border-left: 1px solid #dedede;}
.search-text .title {font-size: 210%;}
.search-text .desc {margin-top:20px;color:#666666}
.search-text .search-form {margin-top:35px;padding-bottom:15px;}
.search-text .search-form > div {width:400px;height:26px;border:1px solid #cccccc}
.search-text .search-form > div > label{ position: absolute; width: 0; height: 0; left: -99999px; top: -99999px; }
.search-text .search-form > div > input{display:block;float:left;width:378px;height:24px;background: #f8f8f8;border:0}
.search-text .search-form > div > button{display:block;float:left;width:20px;height:26px;border:0;background: #f8f8f8 url(../../../res/pc/img/icon-search.png) 0 5px no-repeat;font-size: 0;vertical-align: top}

.aca-movie-div { position: relative; padding: 10px 40px; background-color: #f8f8f8; border: 1px solid #e7e7e7; }
.aca-movie-div > img { position: absolute; bottom: 0; right: 0; z-index: 0; }
.aca-movie-div > img + ul { position: relative; }
.aca-movie-div > img + ul li{ border-top:1px solid #e2e2e2; padding: 30px 0;display: table;width: 100%; }
.aca-movie-div > img + ul li:FIRST-CHILD{ border-top:none; }
.aca-movie-div > img + ul li > div{ display: table-cell; width: 50%; }
.aca-movie-div > img + ul li > div > img{ float: left; padding-right: 20px; }
.aca-movie-div > img + ul li > div > div{ position: relative; height: 140px; }
.aca-movie-div > img + ul li > div > div > div{ font-weight: bold; color: #007ab3; padding-bottom: 3px; }
.aca-movie-div > img + ul li > div > div > div + div{ font-size: 107.1%; color: #333333; line-height: 18px; }
.aca-movie-div > img + ul li > div > div > div + div + span{ position: absolute; bottom: 0; }

.aca-movie-div2 {border: 1px solid #eee; background-color: #f8f8f8; width:100%; position:relative; display: block; box-sizing: border-box;}
.aca-movie-div2 > div { display: block; }
.aca-movie-div2 > div > img { padding: 30px 0 30px 30px; display: block; }
.aca-movie-div2 > div + div { padding: 70px 0 30px 30px; position: absolute; top: 0; left: 350px; }
.aca-movie-div2 > div + div > div { font-size: 114.3%; color: #007ab3; line-height: 15px; }
.aca-movie-div2 > div + div > div + div { font-size: 171.4%; font-weight: bold; color: #333333; line-height: 39px;}
.aca-movie-div2 > div + div > div + div + div { font-size: 100%; font-weight: normal; color: #666666; line-height: 19px; margin-top: 40px; }
.aca-movie-div2 > div + div > div + div + div + div{ padding-top:15px; }
.aca-movie-div2 > div + div > div + div + div + div > div{ padding-top:10px; }
.aca-movie-div2 > div + div > div + div + div + div > div:FIRST-CHILD{ padding-top:0; }
.aca-movie-div2 > div + div + img { position: absolute; right: 0; bottom:0; }

.aca-bookdown-box { border: 1px solid #eee; border-top: 0; background-color: #fff; padding: 15px 20px; position: relative; }
.aca-bookdown-box > span > a, .aca-bookdown-box > span > button { margin: 0; }
.aca-bookdown-box > span { vertical-align: middle; float: left; }
.aca-bookdown-box > p { display: inline-block; vertical-align: middle; margin-left: 20px; font-size: 93%; }
.aca-bookdown-box > span ~ span { float: right; }

.aca-flashdown-box { border: 1px solid #eee; border-top: 0; background-color: #fff; padding: 15px 20px; position: relative; }
.aca-flashdown-box > span > a, .aca-flashdown-box > span > button { margin: 0; }
.aca-flashdown-box > p { display: inline-block; vertical-align: middle; font-size: 93%; }
.aca-flashdown-box > span { vertical-align: middle; float: right; }

.aca-ebook-div { position: relative; padding: 10px 40px; background-color: #f8f8f8; border: 1px solid #e7e7e7; }
.aca-ebook-div ul {  }
.aca-ebook-div ul li{ border-top:1px solid #e2e2e2; padding: 30px 0;display: table;width: 100%; }
.aca-ebook-div ul li:FIRST-CHILD{ border-top:none; }
.aca-ebook-div ul li > div{ display: table-cell; border-left: 1px dotted #cccccc; padding-left:40px; padding-right: 0; }
.aca-ebook-div ul li > div:FIRST-CHILD{ width: 50%; border-left: none; padding-left: 0; padding-right:40px; }
.aca-ebook-div ul li > div > img{ float: left; padding-right: 20px; }
.aca-ebook-div ul li > div > div{ position: relative; height: 174px; }
.aca-ebook-div ul li > div > div > div{ font-weight: bold; color: #007ab3; padding-top: 32px; padding-bottom: 3px; }
.aca-ebook-div ul li > div > div > div + div{ font-size: 114.3%; color: #333333; line-height: 19px; padding:0}
.aca-ebook-div ul li > div > div > div + div + span{ position: absolute; bottom: 35px; }
.aca-ebook-div ul + div { position: absolute; bottom: -6px; right: -1px; background-color:#ffffff; }

.aca-ebook-div.aca-02030601 ul li > div > div > div { padding-top: 10px; }
.aca-ebook-div.aca-02030601 ul li > div > div > div + div { font-size: 100%; }
.aca-ebook-div.aca-02030601 ul li > div > div > div + div + span { bottom: 15px; }

.aca-02010300-div {position:relative; padding: 10px 40px; background-color: #f8f8f8; border: 1px solid #e7e7e7; }
.aca-02010300-div > img { position: absolute; bottom: 0; right: 0; z-index: 0; }
.aca-02010300-div > img + ul { position: relative; }
.aca-02010300-div > img + ul li{ border-top:1px solid #e2e2e2; padding: 30px 0;width: 100%; }
.aca-02010300-div > img + ul li:FIRST-CHILD{ border-top:none; }
.aca-02010300-div > img + ul li > img{ float: left; }
.aca-02010300-div > img + ul li > img + dl{ margin-left: 105px; }
.aca-02010300-div > img + ul li > img + dl > dt { font-size: 128%; font-weight: bold; padding-bottom: 10px; }
.aca-02010300-div > img + ul li > img + dl > dd > span { margin-top:10px; margin-right:10px; }
.aca-02010300-div > img + ul li > img + dl > dd button { width: 209px; padding:0; }

.aca-movie-iframe{margin: 0; padding: 0; border:none; overflow: hidden;}

.aca-02010400-div { position: relative; background-color: #f8f8f8; border: 1px solid #e7e7e7; padding:40px; }
.aca-02010400-div > dl {  }
.aca-02010400-div > dl > dt { padding-bottom:30px; border-bottom: 1px solid #e2e2e2; }
.aca-02010400-div > dl > dt > img { position: absolute; top: 0; right: 0; }
.aca-02010400-div > dl > dd { padding-top:30px; display: inline-block; }
.aca-02010400-div > dl > dd > div{ float: left; text-align: center; padding-left:30px; }
.aca-02010400-div > dl > dd > div:FIRST-CHILD{ padding-left:0; }
.aca-02010400-div > dl > dd > div > div{ padding-bottom:25px; }
.aca-02010400-div > dl > dd > div > div + div{ padding-bottom:0; }
.aca-02010400-div > dl > dd > div > div + div > img{  }
.aca-02010400-div > dl > dd > div > div + div > img + div{  }
.aca-02010400-div > dl > dd > div > div + div > img + div > span > button{ width:244px; }

.aca-horizon-list { display: table; width: 100%;}
.aca-horizon-list > div { display: table-cell; padding-left: 20px; }
.aca-horizon-list > div:FIRST-CHILD { padding-left: 0; }

.aca-comic-box { position: relative; }
.aca-comic-box > .design-button-ebook { position: absolute; top: 154px; left: 41px; width: 350px; height: 35px; border: 0; }
.aca-comic-box > .design-button-ebook > span { float: left; display: block; box-sizing: border-box; }
.aca-comic-box > .design-button-ebook > span > span { top: 6px; left: 6px; }
.aca-comic-box > .design-button-ebook > a { display: block; box-sizing: border-box; height: 35px; padding-left: 50px; background-color: #fff; border: 1px solid #c7c7c7; line-height: 2; }
.aca-comic-box.aca-02030602 > .design-button-ebook > span { background-color: #9b1686; border: 1px solid #7b0869; }
.aca-comic-box.aca-02030602 > .design-button-ebook:HOVER > span { background-color: #7b0869; }
.aca-comic-box.aca-02030603 > .design-button-ebook > span { background-color: #51904d; border: 1px solid #367b31; }
.aca-comic-box.aca-02030603 > .design-button-ebook:HOVER > span { background-color: #367b31; }
.aca-comic-box.aca-02030604 > .design-button-ebook > span { background-color: #ffae00; border: 1px solid #ea9400; }
.aca-comic-box.aca-02030604 > .design-button-ebook:HOVER > span { background-color: #ea9400; }
.aca-comic-box.aca-02030605 > .design-button-ebook > span { background-color: #ec76bc; border: 1px solid #db5ba7; }
.aca-comic-box.aca-02030605 > .design-button-ebook:HOVER > span { background-color: #db5ba7; }

.aca-02030800-yesno > span,
.aca-02030800-yesno > span > *,
.aca-02030800-yesno > div > span > * { display: block; }

.aca-02030800-yesno > .step01 > div { padding: 45px; background-color: #f8f8f8; border: 1px solid #e7e7e7; border-top: 0; text-align: center; }
.aca-02030800-yesno > .step01 > div > button { display: inline-block; width: 200px; height: 210px; margin: 0; padding: 0; background-color: transparent; background-image: url(../img/icon-btn-ACA02030800.png); background-repeat: no-repeat; border: 0; color: transparent; font-size: 0; }
.aca-02030800-yesno > .step01 > div > button:FIRST-CHILD { margin-right: 87px; }
.aca-02030800-yesno > .step01 > div > button.yes { background-position: 0px 0px; }
.aca-02030800-yesno > .step01 > div > button.no { background-position: 0px -250px; }
.aca-02030800-yesno > .step01 > div > button.yes:HOVER { background-position: -250px 0px; }
.aca-02030800-yesno > .step01 > div > button.no:HOVER { background-position: -250px -250px; }

.aca-02030800-yesno > .step02-1 > div {position: relative;}
.aca-02030800-yesno > .step02-1 > div > button,
.aca-02030800-yesno > .step02-2 > div > button {position: absolute; border:0; background: none; right:20px; bottom:20px;}

.aca-02030800-yesno > [class*=step02-] > div:FIRST-CHILD { position: relative; }
.aca-02030800-yesno > [class*=step02-] > div:FIRST-CHILD > span,
.aca-02030800-yesno > [class*=step02-] > div:FIRST-CHILD > span > * { display: block; }
.aca-02030800-yesno > [class*=step02-] > div:FIRST-CHILD > button { position: absolute; bottom: 30px; right: 50px; display: block; width: 165px; height: 40px; margin: 0; padding: 0; background-color: transparent; border: 0; }
.aca-02030800-yesno > [class*=step02-] > div:FIRST-CHILD > button > img { display: block; }
.aca-02030800-yesno > [class*=step02-] > table { width: 100%; table-layout: fixed; border-collapse: collapse; }
.aca-02030800-yesno > [class*=step02-] > table > caption { position: absolute; top: -100000px; left: -100000px; }
.aca-02030800-yesno > [class*=step02-] > table > thead th { padding: 12px; background-color: #555; border: 1px solid #414141; color: #fff; font-size: 114%; line-height: 1; }
.aca-02030800-yesno > [class*=step02-] > table > tbody > tr { border: 1px solid #e7e7e7; border-top: 0; }
.aca-02030800-yesno > [class*=step02-] > table > tbody > tr > td { padding: 20px; border-left: 1px solid #ccc; vertical-align: top; }
.aca-02030800-yesno > [class*=step02-] > table > tbody > tr > td:FIRST-CHILD { border-left: 0; }
.aca-02030800-yesno > [class*=step02-] > table ul > li { position: relative; display: block; padding-left: 30px; margin-top: 12px; }
.aca-02030800-yesno > [class*=step02-] > table ul > li:FIRST-CHILD { margin-top: 0px; }

.aca-02030800-yesno > .step02-2 > table td > ul { display: table; width: 100%; margin-top: 12px; }
.aca-02030800-yesno > .step02-2 > table td > ul:FIRST-CHILD { margin-top: 0; }
.aca-02030800-yesno > .step02-2 > table td > ul > li { display: table-cell; box-sizing: border-box; width: 25%; }

.aca-02030800-yesno > [class*=step02-] > table ul > li > a > span { position: absolute; top: 0; left: 0; display: block; width: 22px; height: 22px; background-image: url(../img/ele-btn-ACA02030800.png); background-repeat: no-repeat; color: transparent; font-size: 0%; }
.aca-02030800-yesno > [class*=step02-] > table ul > li > a > span.n01 { background-position: 0px 0px; }
.aca-02030800-yesno > [class*=step02-] > table ul > li > a > span.n02 { background-position: -50px 0px; }
.aca-02030800-yesno > [class*=step02-] > table ul > li > a > span.n03 { background-position: -100px 0px; }
.aca-02030800-yesno > [class*=step02-] > table ul > li > a > span.n04 { background-position: -150px 0px; }
.aca-02030800-yesno > [class*=step02-] > table ul > li > a > span.n05 { background-position: -200px 0px; }
.aca-02030800-yesno > [class*=step02-] > table ul > li > a > span.n06 { background-position: -250px 0px; }
.aca-02030800-yesno > [class*=step02-] > table ul > li > a > span.n07 { background-position: -300px 0px; }
.aca-02030800-yesno > [class*=step02-] > table ul > li > a > span.n08 { background-position: -350px 0px; }
.aca-02030800-yesno > [class*=step02-] > table ul > li > a > span.n09 { background-position: -400px 0px; }
.aca-02030800-yesno > [class*=step02-] > table ul > li > a > span.n10 { background-position: -450px 0px; }
.aca-02030800-yesno > [class*=step02-] > table ul > li > a > span.n11 { background-position: -500px 0px; }
.aca-02030800-yesno > [class*=step02-] > table ul > li > a > span.n12 { background-position: -550px 0px; }
.aca-02030800-yesno > [class*=step02-] > table ul > li > a > span.n13 { background-position: -600px 0px; }
.aca-02030800-yesno > [class*=step02-] > table ul > li > a > span.n14 { background-position: -650px 0px; }
.aca-02030800-yesno > [class*=step02-] > table ul > li > a > span.n15 { background-position: -700px 0px; }
.aca-02030800-yesno > [class*=step02-] > table ul > li > a > span.n16 { background-position: -750px 0px; }
.aca-02030800-yesno > [class*=step02-] > table ul > li > a > span.n17 { background-position: -800px 0px; }
.aca-02030800-yesno > [class*=step02-] > table ul > li > a > span.n18 { background-position: -850px 0px; }
.aca-02030800-yesno > [class*=step02-] > table ul > li > a > span.n19 { background-position: -900px 0px; }
.aca-02030800-yesno > [class*=step02-] > table ul > li > a > span.n20 { background-position: -950px 0px; }
.aca-02030800-yesno > [class*=step02-] > table ul > li > a > span.n21 { background-position: -1000px 0px; }
.aca-02030800-yesno > [class*=step02-] > table ul > li > a > span.n22 { background-position: -1050px 0px; }
.aca-02030800-yesno > [class*=step02-] > table ul > li > a > span.n23 { background-position: -1100px 0px; }
.aca-02030800-yesno > [class*=step02-] > table ul > li > a > span.n24 { background-position: -1150px 0px; }
.aca-02030800-yesno > [class*=step02-] > table ul > li > a > span.n25 { background-position: -1200px 0px; }
.aca-02030800-yesno > [class*=step02-] > table ul > li > a > span.n26 { background-position: -1250px 0px; }

.aca-big-calendar-appl { display: inline-block; width: 25px; height: 18px; margin-left: 5px; vertical-align: middle; background-image: url(../img/icon-legend-01.png); background-repeat: no-repeat; background-position: 0px -51px;	}
.aca-big-calendar-appl-en { display: inline-block; width: 50px; height: 18px; margin-left: 5px; vertical-align: middle; background-image: url(../img/icon-legend-en-01.png); background-repeat: no-repeat; background-position: 0px -51px;	}
.aca-big-calendar-closed { display: inline-block; width: 25px; height: 18px; margin-left: 5px; vertical-align: middle; background-image: url(../img/icon-legend-01.png); background-repeat: no-repeat; background-position: 0px -150px;	}

.aca-textarea { resize:none; overflow-y: scroll; width: 100%; height: 200px; border: 1px solid #eeeeee; background-color: #fdfdfd; }

.aca-03040100-link {  }
.aca-03040100-link > img { position: absolute; display: inline-block; }
.aca-03040100-link > ul { position: relative; margin: 40px auto 10px; font-size: 0%; color: transparent; text-align: center; }
.aca-03040100-link > ul > li { display: inline-block; width: 200px; height: 215px; margin: 0px 15px 30px 15px; }
.aca-03040100-link > ul > li > a { display: block; width: 100%; height: 100%; background-image: url(../img/icon-btn-ACA03040100.png); background-repeat: no-repeat; }
.aca-03040100-link > ul > li:FIRST-CHILD > a {background-position: 0px 0px;}
.aca-03040100-link > ul > li:FIRST-CHILD > a:HOVER {background-position: -250px 0px;}
.aca-03040100-link > ul > li:FIRST-CHILD+li > a {background-position: 0px -250px;}
.aca-03040100-link > ul > li:FIRST-CHILD+li > a:HOVER {background-position: -250px -250px;}
.aca-03040100-link > ul > li:FIRST-CHILD+li+li > a {background-position: 0px -500px;}
.aca-03040100-link > ul > li:FIRST-CHILD+li+li > a:HOVER {background-position: -250px -500px;}
.aca-03040100-link > ul > li:FIRST-CHILD+li+li+li > a {background-position: 0px -750px;}
.aca-03040100-link > ul > li:FIRST-CHILD+li+li+li > a:HOVER {background-position: -250px -750px;}
.aca-03040100-link > ul > li:FIRST-CHILD+li+li+li+li > a {background-position: 0px -1000px;}
.aca-03040100-link > ul > li:FIRST-CHILD+li+li+li+li > a:HOVER {background-position: -250px -1000px;}
.aca-03040100-link > ul > li:FIRST-CHILD+li+li+li+li+li > a {background-position: 0px -1250px;}
.aca-03040100-link > ul > li:FIRST-CHILD+li+li+li+li+li > a:HOVER {background-position: -250px -1250px;}
.aca-03040100-link > ul > li:FIRST-CHILD+li+li+li+li+li+li > a {background-position: 0px -1500px;}
.aca-03040100-link > ul > li:FIRST-CHILD+li+li+li+li+li+li > a:HOVER {background-position: -250px -1500px;}
.aca-03040100-link > ul > li:FIRST-CHILD+li+li+li+li+li+li+li > a {background-position: 0px -1750px;}
.aca-03040100-link > ul > li:FIRST-CHILD+li+li+li+li+li+li+li > a:HOVER {background-position: -250px -1750px;}
.aca-03040100-link > ul > li:FIRST-CHILD+li+li+li+li+li+li+li+li > a {background-position: 0px -2000px;}
.aca-03040100-link > ul > li:FIRST-CHILD+li+li+li+li+li+li+li+li > a:HOVER {background-position: -250px -2000px;}
.aca-03040100-link > ul > li:FIRST-CHILD+li+li+li+li+li+li+li+li+li > a {background-position: 0px -2250px;}
.aca-03040100-link > ul > li:FIRST-CHILD+li+li+li+li+li+li+li+li+li > a:HOVER {background-position: -250px -2250px;}

.aca-edu-recuitment { border: 1px solid #efefef; background-color: #fdfdfd; padding: 20px; margin-bottom: 30px }
.aca-edu-recuitment ul {  }
.aca-edu-recuitment ul > li { padding: 5px 0; }

.krx-info { display: inline-block; width: 100%; background-image: url(../img/KRX01010000_02.png); background-repeat: no-repeat; background-position: 530px 40px;}
.krx-info > div.info { width: 570px; float: left; margin-right: 20px; margin-top: 50px; margin-bottom: 50px}
.krx-info > div.info > div { padding:40px 0 12px 0; font-weight: bold; }
.krx-info > div.info > div+div { padding:0; font-size: 150.4% }

.krx-list-table { border-top: 3px solid #2565a0; width: 100%; }
.krx-list-table caption{ position: absolute; top: -99999px; left: -99999px; width: 0; height: 0; }
.krx-list-table tbody > tr:FIRST-CHILD > td:FIRST-CHILD,
.krx-list-table tbody > tr.last th,
.krx-list-table tbody > tr.last td{ border-bottom: 1px dotted #cccccc; }
.krx-list-table tbody > tr th{text-align: left; }
.krx-list-table td, .krx-list-table th {vertical-align: top}
.krx-list-table tbody > tr:FIRST-CHILD + tr> th,
.krx-list-table tbody > tr:FIRST-CHILD + tr > td {padding-top:35px}
.krx-list-table tbody > tr.last > th,
.krx-list-table tbody > tr.last > td{padding-bottom:35px}
.krx-list-table tbody > tr:FIRST-CHILD > td:FIRST-CHILD { position: relative; }
.krx-list-table tbody > tr:FIRST-CHILD > td:FIRST-CHILD img{ position: absolute; top: 15px; left: 14px; }
.krx-list-table tbody > tr:FIRST-CHILD > td:FIRST-CHILD img + img{ position: absolute; top: 35px; left: 30px; }
.krx-list-table tbody > tr:FIRST-CHILD > td:FIRST-CHILD strong{ position: absolute; top:208px; left: 30px }
.krx-list-table tbody > tr th span {display: inline-block; width: 2px; height: 19px; float:right; background-image: url(../img/ele-listbar.png); background-repeat: no-repeat; background-position: 0px 4px; }
.krx-list-table tbody > tr td { padding-left: 20px }

.krx-chairman {display: table; margin: auto;}
.krx-chairman > div:FIRST-CHILD {padding-left: 0}
.krx-chairman > div {display: table-cell; padding-left: 20px; }

.krx-chairman > div > div:FIRST-CHILD { position: relative; padding: 0 65px 43px 65px; border-top: 3px solid #2565a0; border-left:1px solid #cccccc; border-right:1px solid #c7c7c7; }
.krx-chairman > div > div:FIRST-CHILD img{ display: block; margin: auto }
.krx-chairman > div > div:FIRST-CHILD img + div { position: absolute; top: 29px; color: #ffffff; text-align: center; width: 135px; left:83px;}
.krx-chairman > div > div:FIRST-CHILD img + div > strong { font-size: 142.9% }
.krx-chairman > div > div:FIRST-CHILD img + div + img{ top: 121px;}
.krx-chairman > div > div:FIRST-CHILD img + div + img + img{ position: absolute; top: 139px; left: 90px; }
.krx-chairman > div > div + div { border:1px solid #c7c7c7; border-top:none; background-color: #f8f8f8; height: 52px; width: 308px; vertical-align: middle; text-align: center; display: inherit; font-weight: bold;}
.krx-chairman > div > div + div > span{ display: inline-block; width: 2px; height: 15px; background-image: url(../img/ele-listbar.png); background-repeat: no-repeat; background-position: 8px 0px; padding: 0 8px; vertical-align: middle;}

.krx-address{ padding:15px 0 40px 0; }
.krx-address dl{ width:100%; }
.krx-address dl dt{ float: left; font-weight: bold; width: 100px; background-image: url(../img/ele-listbar.png); background-repeat: no-repeat; background-position: 77px 4px; }
.krx-address dl dd { padding-left: 100px; }

.krx-info-contents { border: 1px solid #c7c7c7; border-top: 3px solid #333333; width: 100%; background-color: #f8f8f8; border-collapse: separate; border-spacing: 0px; display: table; }
.krx-info-contents > dl { display: table-row; }
.krx-info-contents > dl > dt { display: table-cell; width: 180px; padding-left: 30px; padding-top: 17px; font-weight: bold; }
.krx-info-contents > dl > dd { display: table-cell; padding-left: 20px; padding-top: 17px; padding-right: 30px; }
.krx-info-contents > dl:FIRST-CHILD > dt { padding-top: 30px; }
.krx-info-contents > dl:FIRST-CHILD > dd { padding-top: 30px; }
.krx-info-contents > dl > dt > span { display: inline-block; width: 2px; height: 15px; float: right; vertical-align: middle; background-image: url(../img/ele-listbar.png); background-repeat: no-repeat; background-position: 0px 0px; margin-top: 4px; }
.krx-info-contents > dl.last > dd { position: relative; padding-bottom: 30px; }
.krx-info-contents > dl.last > dd > img { position: absolute; bottom: 15px; right: 30px; }

.krx-history { padding: 35px 0; border-bottom: 1px dotted #cccccc; }
.krx-history:FIRST-CHILD { padding-top: 20px; }
.krx-history table{border-collapse: collapse; width: 100%; }
.krx-history table caption{ position: absolute; top: -99999px; left: -99999px; width: 0; height: 0; }
.krx-history table tbody > tr:FIRST-CHILD > td:FIRST-CHILD,
.krx-history table tbody > tr th{text-align: left; }
.krx-history table td, .krx-history th {vertical-align: top}
.krx-history table tbody > tr > th:FIRST-CHILD { }
.krx-history table tbody > tr > td:FIRST-CHILD { font-size: 214.3%; font-weight:bold; padding-right: 70px; border-left: none; }
.krx-history table tbody > tr > th { padding-right:20px; border-right: 1px solid #007ab3; font-size: 128.6%; color: #007ab3; position: relative;}
.krx-history table tbody > tr > th > div {background-color: #007ab3; width: 7px; height: 7px; position: absolute; right: -4px; top: 12px; border-radius:10px}
.krx-history table tbody > tr > td {  }
.krx-history table tbody > tr > td > dl { margin-top: 3px; }
.krx-history table tbody > tr > td > dl > dt{ float: left; padding: 0 20px; width: 30px; color: #666666}
.krx-history table tbody > tr > td > dl > dd{ padding-left:70px;}

.krx-horizon-list {display: table; }
.krx-horizon-list > div {display: table-cell; padding-right: 20px;}
.krx-horizon-list > div> dl > dd {margin:20px 0}

.krx-pt40{padding-top: 40px}
.krx-pb40{padding-bottom: 40px}
.krx-pr20{padding-right: 20px !important;}
.krx-pl0{padding-left: 0 !important;}
.krx-pb10{padding-left: 10 !important;}

.krx-box{border: 1px solid #eeeeee; background-color: #f8f8f8; width:100%; position:relative; display: inline-block;}
.krx-box > div { float: left; }
.krx-box > div > img { padding:30px 0 30px 30px; }
.krx-box > div > img + img { padding-left: 10px; }
.krx-box > div + div { padding:30px 0 30px 30px; }
.krx-box > div + div >img { padding:0; }
.krx-box > div + div > div { font-size: 114.3%; color: #007ab3; line-height: 15px; }
.krx-box > div + div > div + div { font-size: 171.4%; font-weight: bold; color: #333333; line-height: 39px;}
.krx-box > div + div > div + div + div { font-size:100%; font-weight: normal; color: #666666; line-height: 19px;}
.krx-box > div + div > div + div + div + div{ padding-top:15px; }
.krx-box > div + div > div + div + div + div > div{ padding-top:10px; }
.krx-box > div + div > div + div + div + div > div:FIRST-CHILD{ padding-top:0; position: relative; }
.krx-box > div + div + img { position: absolute; right: 0; bottom:0; }

.krx-movie-box {border: 1px solid #eeeeee; background-color: #f8f8f8; width:100%; position:relative; display: inline-block; }
.krx-movie-box > div { float: left; padding: 30px 10px 30px 0px; }
.krx-movie-box > div:FIRST-CHILD{ padding-left: 30px }
.krx-movie-box > div > div{ }
.krx-movie-box > div > div > span > button{ width:178px;}

.krx-box-info{position:relative; padding:20px; color: #666666; border: 1px solid #eeeeee; border-top: none;}
.krx-box-info div{position: absolute; right: 20px; top:15px;}

.krx-subway{border:1px solid #c7c7c7; border-top:3px solid #333333; background-color: #f8f8f8; padding:30px; margin-bottom: 40px; }
.krx-subway dl dt { font-size: 114.3%; font-weight: bold; padding-bottom: 20px; }
.krx-subway dl dd { position: relative; min-height: 45px; }
.krx-subway dl dd ul li { padding-top: 8px }
.krx-subway dl dd ul li:FIRST-CHILD { padding-top: 0 }
.krx-subway dl dd ul li span {color: #ffffff; font-weight: bold; padding:0 6px; margin-right: 10px; }
.krx-subway dl dd ul li span.subway1{border: 1px solid #e67200; background-color: #ff7e00; } 
.krx-subway dl dd ul li span.subway2{border: 1px solid #33ae1f; background-color: #55c043; }
.krx-subway dl dd ul li span.subway5{border: 1px solid #8445c0; background-color: #945acb; margin-right: 5px; } 
.krx-subway dl dd ul li span.subway9{border: 1px solid #ab8624; background-color: #b28b25; }
.krx-subway dl dd img{ position: absolute;right: 0; bottom: 0; }
 
.krx-bus{border:1px solid #c7c7c7; border-top:3px solid #333333; background-color: #f8f8f8; padding:30px; }
.krx-bus dl dt { font-size: 114.3%; font-weight: bold; padding-bottom: 20px; }
.krx-bus dl dd { position: relative; }
.krx-bus dl dd ul {display: table;}
.krx-bus dl dd ul li {display: table-cell; padding: 0 30px; border-left: 1px solid #cccccc; line-height: 22px;}
.krx-bus dl dd ul li:FIRST-CHILD {padding-left: 0; border-left: none; }
.krx-bus dl dd ul li span {color: #ffffff; font-weight: bold; padding:0 6px; border: 1px solid #004f97; background-color: #2c77bc;line-height: 32px;}
.krx-bus dl dd ul li span.krx-green-bus { border: 1px solid #15930f; background-color: #2db027; }
.krx-bus dl dd ul li span.krx-yellow-bus { border: 1px solid #ec9600; background-color: #ffae00; }
.krx-bus dl dd img{ position: absolute;right: 0; bottom: 0; }

.krx-office-map {padding-top:48px; float:right;}

.krx-organization {  }
.krx-organization div {   }
.krx-organization div.krx-organization-first { display: table; border:1px solid #dad3c8; background-color: #f0eae1; width: 408px; padding: 20px; margin: auto; }
.krx-organization div.krx-organization-first > img{ float: left; }
.krx-organization div.krx-organization-first > div{ display: inline-block; padding-left: 15px; }
.krx-organization div.krx-organization-first > div ul li{ margin: 3px 0; font-size: 92.9%; }
.krx-organization div.krx-organization-first > div.list{  }
.krx-organization div.krx-organization-first > div.list > ul{  }
.krx-organization div.krx-organization-first > div.list > ul > li{ position: relative; padding-left: 15px; font-weight: normal; }
.krx-organization div.krx-organization-first > div.list > ul > li > span:FIRST-CHILD{ position: absolute; display: block; left: 5px; width: 10px; height: 14px; background-image: url(../img/bu-org.png); background-repeat: no-repeat; background-size: 25px; background-position: 0px 10px; }
.krx-organization-depth2{ width: 100%; height: 50px; background-image: url(../img/line-org.png); background-repeat: no-repeat; background-position: 128px -10px; }
.krx-organization-depth3{ width: 100%; height: 50px; background-image: url(../img/line-org.png); background-repeat: no-repeat; background-position: 128px -210px; }
.krx-organization-depth4{ width: 100%; height: 50px; background-image: url(../img/line-org.png); background-repeat: no-repeat; background-position: 128px -410px; }
.krx-organization-depth1{ width: 100%; height: 50px; background-image: url(../img/line-org.png); background-repeat: no-repeat; background-position: 128px -610px; }

.krx-organization div.krx-organization-contents { display: table; margin: auto;}
.krx-organization div.krx-organization-contents > div { width: 240px; padding-left: 7px; display: table-cell;}
.krx-organization div.krx-organization-contents > div:FIRST-CHILD {padding-left: 0;}
.krx-organization div.krx-organization-contents > div .design-content-list1 ul { margin: 0 0 0 -19px; }
.krx-organization div.krx-organization-contents > div .design-content-list2 ul { margin: 0 0 0 -19px; }
.krx-organization div.krx-organization-contents > div ul li{ margin: 3px 0; font-size: 92.9%; }
.krx-organization div.krx-organization-contents > div > div { border:1px solid #cecece; background-color: #f9f9f9; padding: 20px; box-shadow:0 2px 0 #f0f0f0; }
.krx-organization div.krx-organization-contents > div > div.list { border:1px solid #dddddd; border-top:none; background-color: #ffffff; padding:15px; box-shadow:none; height: 160px; }
.krx-organization div.krx-organization-contents > div > div.list ul { display: table; margin: auto; }
.krx-organization div.krx-organization-contents > div > div.list ul > li { width: 20px; display: table-cell; text-align:center; line-height: 15px; }
.krx-organization div.krx-organization-contents > div > div.list ul > li > span { display: block; left: 5px; width: 20px; height: 6px; background-image: url(../img/bu-org.png); background-repeat: no-repeat; background-size: 25px; background-position: 9px -41px; }
.krx-organization div.krx-organization-contents > div > div:FIRST-CHILD { position: relative; margin-left: 0; height: 268px; }
.krx-organization div.krx-organization-contents > div.derivatives { background-image: url(../img/line-org-02.png); background-repeat: no-repeat;background-position-x: 125px;}
.krx-organization div.krx-organization-contents > div > .list-none { border:1px solid #dddddd; background-color: #ffffff; padding:15px; box-shadow:none; height: 160px !important; position:absolute !important; top:1140px; width:215px;  }
.krx-organization div.krx-organization-contents > div > .list-none ul { display: table; margin: auto; }
.krx-organization div.krx-organization-contents > div > .list-none ul > li { width: 20px; display: table-cell; text-align:center; line-height: 15px; }
.krx-organization div.krx-organization-contents > div > .list-none ul > li > span { display: block; left: 5px; width: 20px; height: 6px; background-image: url(../img/bu-org.png); background-repeat: no-repeat; background-size: 25px; background-position: 9px -41px; }

.krx-02010000-menu div > div {min-width: 250px;}

.krx06080000-search-input {width:90%;}

.krx-06060301-link { display: table; width: 100%; height: 74px; table-layout: fixed; margin-right: -10px; }
.krx-06060301-link > li { display: table-cell; width: 1%; height: 100%; padding-right: 10px; background-color: #fff; }
.krx-06060301-link > li > span { display: table; width: 100%; height: 100%; border: 1px solid #ddd; box-sizing: border-box; box-shadow: 0 2px 0 #f2f2f2; }
.krx-06060301-link > li > span > a { position: relative; display: table-cell; padding: 0 40px 0 95px; background-image: url(../img/icon-linkbtn.png); background-repeat: no-repeat; vertical-align: middle; }
.krx-06060301-link > li.link1 > span > a { background-position: 20px 14px; }
.krx-06060301-link > li.link2 > span > a { background-position: 20px -86px; }
.krx-06060301-link > li.link3 > span > a { background-position: 20px -186px; }
.krx-06060301-link > li.link4 > span > a { background-position: 20px -286px; }
.krx-06060301-link > li > span > a > span { display: inline-block; position: absolute; top: 28px; right: 20px; width: 9px; height: 16px; background-image: url(../img/ele-board-next.png); }
.krx-06060301-link > li.tel { position: relative; }
.krx-06060301-link > li.tel > dl { position: absolute; top: 0; left: 0; width: 100%; height: 74px; padding: 8px 10px; box-sizing: border-box; box-shadow: 0 2px 0 #f2f2f2; background-image: url(../img/ptn_gridb.png); background-color: #f8f8f8; border: 1px solid #ddd; line-height: 1; letter-spacing: 0; }
.krx-06060301-link > li.tel > dl > dt { margin-bottom: 8px; }
.krx-06060301-link > li.tel > dl > dd > ul > li { margin-top: 4px; color: #666; }

.krx05050000t1-div {margin-top:20px;}
.krx05050000t1-table {border-spacing: 0;}
.krx05050000t1-table > caption {position: absolute; top: -99999px; left: -99999px; width: 0; height: 0;}
.krx05050000t1-table td {padding:20px;border-bottom:1px dotted #cccccc}
.krx05050000t1-table td:FIRST-CHILD {padding-right:0px;}

.krx05100000 {position:relative; padding:10px; margin:20px 0; border: 1px solid #eeeeee; background-color: #f8f8f8;}
.krx05100000 > ul {position: relative;}
.krx05100000 > ul > li  {padding:30px;border-top:1px solid #eeeeee}
.krx05100000 > ul > li:FIRST-CHILD  {border-top:0}
.krx05100000 > ul > li > table {width:100%;}
.krx05100000 > ul > li > table > caption {position: absolute; top: -99999px; left: -99999px; width: 0; height: 0;}
.krx05100000 > ul > li > table td.fit-width{width:1%;}
.krx05100000 > ul > li > table td > dl {padding:0 20px}
.krx05100000 > ul > li > table td > dl > dt {font-size: 125%;font-weight: bold;margin-bottom:25px;}

.krx05100000 > .krx05100000-box-bg {position: absolute;bottom:-6px;right:-1px;}

.krx02010800-blog-list > tbody > tr > td {
	padding: 20px !important;
	position: relative;
}
.krx02010800-blog-list > tbody > tr > td > .blog-thumbnail {
	background-image: url(../img/ele-board-default-02.png);
	background-repeat: no-repeat;
	width: 90px;
	height: 115px;
	display: inline-block;
	float: left;
	margin-right: 20px;
}
.krx02010800-blog-list > tbody > tr > td > .blog-thumbnail > img {
	width: 100%;
	height: 100%;
}
.krx02010800-blog-list > tbody > tr > td > .blog-lang {
	
}
.krx02010800-blog-list > tbody > tr > td > .blog-lang > span {
	width: 36px;
	height: 18px;
	display: inline-block;
	font-size: 0%;
	color: transparent;
	background-image: url(../img/icon-board-02.png);
	vertical-align: top;
}
.krx02010800-blog-list > tbody > tr > td > .blog-lang > span.ENG { background-position: 0px -50px; }
.krx02010800-blog-list > tbody > tr > td > .blog-title {
	margin-right: 180px;
	font-weight: bold;
	font-size: 128%;
	margin-bottom: 6px;
}
.krx02010800-blog-list > tbody > tr > td > .blog-write-date {
	color: #666;
}
.krx02010800-blog-list > tbody > tr > td > .blog-content {
	color: #555;
	margin-top: 9px;
	overflow: hidden;
	max-height: 3.0em
}
.krx02010800-blog-list > tbody > tr > td > .design-attach-file {
	position: absolute;
	top: 20px;
	right: 20px;
}

.lst03-step-link > ol { display: table; margin: auto; margin-bottom: 30px; }
.lst03-step-link > ol > li { display: table-cell; padding-left: 70px; background-image: url(../img/ele-ipo-arrow.png); background-repeat: no-repeat; background-position: 25px 62px; }
.lst03-step-link > ol > li:FIRST-CHILD { padding-left: 0; background-image: none; }
.lst03-step-link > ol > li > a { display: block; width: 161px; height: 153px; background-image: url(../img/icon-btn-ipo.png); background-repeat: no-repeat; color: transparent; font-size: 0%; }
.lst03-step-link > ol > li.step01 > a { background-position: -200px 0px; }
.lst03-step-link > ol > li.step02 > a { background-position: -200px -200px; }
.lst03-step-link > ol > li.step03 > a { background-position: -200px -400px; }
.lst03-step-link > ol > li.step04 > a { background-position: -200px -600px; }
.lst03-step-link > ol > li.step01 > a:HOVER,
.lst03-step-link > ol > li.step01.on > a { background-position: 0px 0px; }
.lst03-step-link > ol > li.step02 > a:HOVER,
.lst03-step-link > ol > li.step02.on > a { background-position: 0px -200px; }
.lst03-step-link > ol > li.step03 > a:HOVER,
.lst03-step-link > ol > li.step03.on > a { background-position: 0px -400px; }
.lst03-step-link > ol > li.step04 > a:HOVER,
.lst03-step-link > ol > li.step04.on > a { background-position: 0px -600px; }

.glb-0307-step-custom.lst03-step-link > ol > li > a { background-image: url(../img/icon-btn-GLB0307010000T1.png); }

.glb-050401-gridTd .CI-GRID-BODY-TABLE-TBODY td { white-space: normal; }

.lst03-title-wrap { margin-top: 10px; }
.lst03-title-wrap > .design-title-list2 > dl { margin-left: 40px; display: inline-block; }
.lst03-title-wrap > .design-title-list2 > dl:FIRST-CHILD { margin-left: 0; }
.lst03-title-wrap > .design-title-list2 > dl > * { display: inline-block; margin: 0; }
.lst03-title-wrap > .design-title-list2 > dl > dt { margin: 0; }
.lst03-title-wrap > .design-title-list2 > dl > dd { margin-left: 10px; }

.lst05020000-img-box { padding-left: 85px; }
.lst05020000-img-box > span { margin-right: 80px; }
.lst05020000-img-box > div { display: inline-block; box-sizing: border-box; width: 450px; height: 352px; padding: 25px 30px; background-image: url(../img/list-half-box.png); background-repeat: no-repeat; vertical-align: top; }
.lst05020000-img-box > div.glb-custom-box { background-image: none; padding: 0; height: auto; position: relative; }
.lst05020000-img-box > div.glb-box > img { }
.lst05020000-img-box > div.glb-custom-box > div { padding: 22px 30px; position: absolute; top: 0; left: 0; }

.lst07060300-box { padding: 35px; background-color: #f8f8f8; border: 1px solid #e7e7e7; border-top: 2px solid #00b4d5; text-align: center; }
.lst07060300-box > img { margin-bottom: 20px; }
.lst07060300-box > dl > dt { padding-bottom: 15px; color: #007ab3; font-weight: bold; font-size: 128%; line-height: 1; }
.lst07060300-box > dl > dd > span { color: #c28711; font-weight: bold; }

.opn-info {position: relative;}
.opn-info div:FIRST-CHILD { width: 633px; display: inline-block; }
.opn-info > span > img { margin: 50px; position: absolute; top: 0px; right: 0px; }

.opn-list-table { border-top: 3px solid #2565a0; width: 100%; }
.opn-list-table caption{ display: none; }
.opn-list-table tbody > tr:FIRST-CHILD > td:FIRST-CHILD,
.opn-list-table tbody > tr.last th,
.opn-list-table tbody > tr.last td{ border-bottom: 1px dotted #cccccc; }
.opn-list-table tbody > tr th{text-align: left; }
.opn-list-table td, .opn-list-table th {vertical-align: top}
.opn-list-table tbody > tr:FIRST-CHILD th,
.opn-list-table tbody > tr:FIRST-CHILD td {padding-top:35px}
.opn-list-table tbody > tr.last > th,
.opn-list-table tbody > tr.last > td{padding-bottom:35px}
.opn-list-table tbody > tr th span {display: inline-block; width: 2px; height: 19px; float:right; background-image: url(../img/ele-listbar.png); background-repeat: no-repeat; background-position: 0px 4px; }
.opn-list-table tbody > tr td { padding-left: 20px }

.opn-tel { width: 34px; height: 34px; display: inline-block; vertical-align: middle; margin: 6px 7px 6px 0; background-image: url(../img/icon-contact.png); background-repeat: no-repeat; background-position: 0px 0px; font-size: 0%; }
.opn-mail { width: 34px; height: 34px; display: inline-block; vertical-align: middle; margin: 6px 7px 6px 0; background-image: url(../img/icon-contact.png); background-repeat: no-repeat; background-position: 0px -50px; font-size: 0%; }

.opn-accent-table-header { background-color: #f9dfb3 !important; border-color: #e7c48c !important; }
.opn-accent-table-body { background-color: #ffefd4 !important; border-color: #e7c48c !important; }

.opn-01010304-ad {}
.opn-01010304-ad > div{display: inline-block; padding-top: 45px;}
.opn-01010304-ad > div:FIRST-CHILD{padding-top: 30px;}
.opn-01010304-ad > div > div{float: left;}
.opn-01010304-ad > div > div + div{padding-left: 30px;}
.opn-01010304-ad > div > div + div > span{border: 1px solid #555555; background-color: #666666; color: #ffffff; height: 20px; padding : 0 10px;}
.opn-01010304-ad > div > div + div > div{font-size: 114.3%; padding-top: 15px;}
.opn-01010304-ad > div > div + div > div + div{font-size: 171.4%; color: #a58f71; font-weight: bold; padding-top: 5px;}

.opn-01030205t3t1-half { display: table; }
.opn-01030205t3t1-half > div { display: table-cell; vertical-align: top; }
.opn-01030205t3t1-half > div:FIRST-CHILD { padding-right: 30px; }

.opn01050301-img-box { position: relative; padding-right: 180px; }
.opn01050301-img-box > img { position: absolute; right: 20px; top: -30px; }

.opn-07030100-t2-gallery .board-view > .view-contents > .content > .galler-image { width: 50%; }

.opn-user-layout { border-top: 2px solid #00b4d5; border-bottom: 1px solid #dfdfdf; display: table; width: 100%; padding: 40px 0; margin: 100px 0; }

.opn-user-left { display: table-cell; border-right: 1px solid #dfdfdf; padding: 0 45px; width: 410px; font-size: 92.9% }
.opn-user-logo { display: table; margin: auto; margin-bottom: 22px; }
.opn-user-logo span { vertical-align: middle; display: table-cell; }
.opn-user-logo span:FIRST-CHILD { width: 145px; height: 105px; background-image: url(../img/icon-user.png); background-repeat: no-repeat; }
.opn-user-logo span:FIRST-CHILD + span { margin-left: 8px; color:#333333; font-size: 157%; }
.opn-user-logo span:FIRST-CHILD + span > strong { font-size: 193%; }
.opn-user-logo span.info { background-position: 0px 0px; }
.opn-user-logo span.pw-reset { background-position: -298px 0px; }
.opn-user-logo span.certification { background-position: -150px 0px; }

.opn-user-right { display: table-cell; height: 100%; vertical-align: middle;}
.opn-user-info {  }
.opn-user-info div.info { float: left; margin-left: 38px; width: 308px; }
.opn-user-info div.info dl{ padding-top: 8px; display: table; }
.opn-user-info div.info dl:FIRST-CHILD{ padding: 0; }
.opn-user-info div.info dl dt{ width: 60px; font-weight: bold; display: table-cell; margin-right: 8px; }
.opn-user-info div.info dl dd{  }
.opn-user-info div.info dl dd input{ width:238px; height: 31px; border:1px solid #dbdbdb; background: #f4f4f4; }
.opn-user-info div.login-btn button{ float: right; margin-right: 45px; width: 100px; height: 78px; background-image: url(../img/ele-btn.png); background-repeat: no-repeat; color: #ffffff; font-size: 128%; border: 1px solid #105594; background-color: #2c77bc; font-weight: 800; text-align: center; }
.opn-user-info div.login-btn button:HOVER { background-color: #105594; }

.opn-user-pw-reset div.info { margin-left: 38px; width: 418px; }
.opn-user-pw-reset div.info dl{ padding-top: 8px; display: table; }
.opn-user-pw-reset div.info dl:FIRST-CHILD{ padding: 0; }
.opn-user-pw-reset div.info dl dt{ width: 140px; font-weight: bold; display: table-cell; margin-right: 8px; }
.opn-user-pw-reset div.info dl dd{  }
.opn-user-pw-reset div.info dl dd input{ width:278px; height: 31px; border:1px solid #dbdbdb; background: #f4f4f4; }

.opn-user-input-btn { border: 1px solid #c7c7c7; background-color: #ffffff; padding: 2px 10px; }
.opn-user-input-btn:HOVER { background-color: #f0f0f0; }
.opn-user-btn { position:relative; display:table; border:0; margin:auto; padding-top: 35px; }
.opn-user-btn div { display: table-cell; padding-left:4px; }
.opn-user-btn div:FIRST-CHILD { margin: 0; }
.opn-user-btn div a, .opn-user-btn div button { display: inline-block; width:198px; padding:13px 0; color: #ffffff; font-size: 87%; border: 1px solid #105594; background-color: #2c77bc; font-weight: bold; text-align: center; vertical-align: middle; }
.opn-user-btn div a:HOVER, .opn-user-btn div button:HOVER { background-color: #105594; }
.opn-user-btn div span { display: inline-block; width: 21px; height: 20px; margin-right: 10px; vertical-align: middle; background-image: url(../img/icon-btn.png);  background-repeat: no-repeat;  }
.opn-user-btn div > .join span { background-position: -150px -50px; }
.opn-user-btn div > .pw-reset span { background-position: -226px -50px; }
.opn-user-btn div > .confirm span { background-position: -125px -50px; }
.opn-user-btn div > .cancle, .opn-user-btn div > .prev { color: #666666; background-color: #ffffff; border-top:1px solid #c7c7c7; border-left:1px solid #c7c7c7; border-bottom:1px solid #a3a3a3; border-right:1px solid #a3a3a3; }
.opn-user-btn div > .cancle:HOVER, .opn-user-btn div > .prev:HOVER { background-color: #f0f0f0; }
.opn-user-btn div > .cancle span { background-position: -25px -50px; }
.opn-user-btn div > .info span { background-position: -75px -50px; }
.opn-user-btn div > .prev span { background-position: 0 -50px; }
.opn-user-btn div > .withdrawal span { background-position: -200px -50px; }
.opn-user-btn div > .main { color: #666666; font-size: 87%; border-top: 1px solid #c7c7c7; border-left: 1px solid #c7c7c7; border-right: 1px solid #a3a3a3; border-bottom: 1px solid #a3a3a3; background-color: #ffffff; }
.opn-user-btn div > .main:HOVER { background-color: #f0f0f0; }
.opn-user-btn div > .main span { background-position: -50px -50px; }

.opn-user-join-tab { display: inline-block; width: 100%; margin: 40px 0 45px 0; }
.opn-user-join-tab div { float:left; border-top:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb; border-left:1px solid #dbdbdb; width: 348px; padding: 20px; font-size: 137%; font-weight: bold;  }
.opn-user-join-tab ol {  }
.opn-user-join-tab ol > li { float: left; position: relative; display : table; font-size: 112%; padding: 13px 0px 13px 40px; width: 198px; margin-left: -20px; background-image: url(../img/icon-step.png); background-repeat: no-repeat; border-top: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb; background-position: 1px -101px; }
.opn-user-join-tab ol > li > span { display : table-cell; color:#999999; font-size: 85.7% }
.opn-user-join-tab ol > li > span strong { color:#666666; font-size: 114% }
.opn-user-join-tab ol > li > span:FIRST-CHILD { width: 42px; height: 42px; vertical-align: middle; background-image: url(../img/icon-step.png); background-repeat: no-repeat; }
.opn-user-join-tab ol > li.on { background-position: 0px 0px; border-top: 1px solid orange; border-bottom: 1px solid orange; }
.opn-user-join-tab ol > li.on > span:FIRST-CHILD { background-position: 0 -199px; }
.opn-user-join-tab ol > li > span:FIRST-CHILD { background-position: 0 -302px; }
.opn-user-join-tab ol > li.on > span { display : table-cell; color: #ffffff; }
.opn-user-join-tab ol > li.on > span strong { color: #ffffff; }
.opn-user-join-tab ol > li + li { margin-left: -42px; }
.opn-user-join-tab ol > li + li.on > span:FIRST-CHILD { background-position: -49px -199px; }
.opn-user-join-tab ol > li + li > span:FIRST-CHILD { background-position: -49px -302px; }
.opn-user-join-tab ol > li + li + li { border-right: 1px solid #dbdbdb; }
.opn-user-join-tab ol > li + li + li.on > span:FIRST-CHILD { background-position: -99px -199px; }
.opn-user-join-tab ol > li + li + li > span:FIRST-CHILD { background-position: -99px -302px; }

.opn-user-join-guide { resize:none; overflow-y: scroll; width: 100%; height: 200px; border: 1px solid #eeeeee; background-color: #fdfdfd; }

.duplicate-msg { text-align: center; padding-bottom: 20px; }

.rgl-03010404-image { display: table; width: 100%; table-layout: fixed; }
.rgl-03010404-image > span { display: table-cell; width: 50%; padding-left: 10px; }
.rgl-03010404-image > span:FIRST-CHILD { padding-left: 0; padding-right: 10px; }
.rgl-03010404-image > span > img { display: block; width: 100%; }

.rgl-03010408-image { display: table; width: 100%; table-layout: fixed; }
.rgl-03010408-image > span { display: table-cell; width: 33.3333333333%; padding: 0 10px; }
.rgl-03010408-image > span > button { position: relative; display: block; margin: 0; padding: 0; background-color: transparent; border: hidden; }
.rgl-03010408-image > span > button > img { display: block; width: 100%; }
.rgl-03010408-image > span > button:HOVER > span { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../img/zoom-btn.png) no-repeat 50% 50% #000; opacity: 0.5; filter: alpha(opacity=50); }

.rgl-04020105-image { display: table; width: 100%; table-layout: fixed; }
.rgl-04020105-image > span { display: table-cell; width: 50%; padding-left: 10px; }
.rgl-04020105-image > span:FIRST-CHILD { padding-left: 0; padding-right: 10px; }
.rgl-04020105-image > span > img { display: block; width: 100%; }

.rgl-09010100-link { background: url(../../../contents/RGL/09/09010100/RGL09010100_bg.png) no-repeat 50% 0; }
.rgl-09010100-link > ul { width: 660px; margin: 0 auto; font-size: 0%; color: transparent; }
.rgl-09010100-link > ul > li { display: inline-block; width: 200px; height: 215px; margin-right: 30px; }
.rgl-09010100-link > ul > li:FIRST-CHILD,
.rgl-09010100-link > ul > li:FIRST-CHILD+li,
.rgl-09010100-link > ul > li:FIRST-CHILD+li+li {margin-bottom: 30px;}
.rgl-09010100-link > ul > li:FIRST-CHILD+li+li,
.rgl-09010100-link > ul > li:FIRST-CHILD+li+li+li+li+li {margin-right: 0px;}
.rgl-09010100-link > ul > li > a { display: block; width: 100%; height: 100%; background-image: url(../../../contents/RGL/09/09010100/RGL09010100.png); background-repeat: no-repeat; }
.rgl-09010100-link > ul > li:FIRST-CHILD > a {background-position: 0px 0px;}
.rgl-09010100-link > ul > li:FIRST-CHILD > a:HOVER {background-position: -250px 0px;}
.rgl-09010100-link > ul > li:FIRST-CHILD+li > a {background-position: 0px -250px;}
.rgl-09010100-link > ul > li:FIRST-CHILD+li > a:HOVER {background-position: -250px -250px;}
.rgl-09010100-link > ul > li:FIRST-CHILD+li+li > a {background-position: 0px -500px;}
.rgl-09010100-link > ul > li:FIRST-CHILD+li+li > a:HOVER {background-position: -250px -500px;}
.rgl-09010100-link > ul > li:FIRST-CHILD+li+li+li > a {background-position: 0px -750px;}
.rgl-09010100-link > ul > li:FIRST-CHILD+li+li+li > a:HOVER {background-position: -250px -750px;}
.rgl-09010100-link > ul > li:FIRST-CHILD+li+li+li+li > a {background-position: 0px -1000px;}
.rgl-09010100-link > ul > li:FIRST-CHILD+li+li+li+li > a:HOVER {background-position: -250px -1000px;}
.rgl-09010100-link > ul > li:FIRST-CHILD+li+li+li+li+li > a {background-position: 0px -1250px;}
.rgl-09010100-link > ul > li:FIRST-CHILD+li+li+li+li+li > a:HOVER {background-position: -250px -1250px;}

.rgl-09030100-link { background: url(../../../contents/RGL/09/09030100/RGL09030100_bg.png) no-repeat 50% 0; }
.rgl-09030100-link > ul { width: 430px; margin: 0 auto; font-size: 0%; color: transparent; }
.rgl-09030100-link > ul > li { display: inline-block; width: 200px; height: 215px; }
.rgl-09030100-link > ul > li:FIRST-CHILD {margin-right: 30px;}
.rgl-09030100-link > ul > li > a { display: block; width: 100%; height: 100%; background-image: url(../../../contents/RGL/09/09030100/RGL09030100.png); background-repeat: no-repeat; }
.rgl-09030100-link > ul > li:FIRST-CHILD > a {background-position: 0px 0px;}
.rgl-09030100-link > ul > li:FIRST-CHILD > a:HOVER {background-position: -251px 0px;}
.rgl-09030100-link > ul > li:FIRST-CHILD+li > a {background-position: 0px -250px;}
.rgl-09030100-link > ul > li:FIRST-CHILD+li > a:HOVER {background-position: -251px -250px;}

.rgl-content-button2 > ul { margin: 0 auto; text-align: center; }
.rgl-content-button2 > ul > li { display: inline-block; width: 331px; height: 82px; vertical-align: middle; margin: 0 10px; margin-top: 20px; }
.rgl-content-button2 > ul > li:FIRST-CHILD,
.rgl-content-button2 > ul > li:FIRST-CHILD+li { margin-top: 0; }
.rgl-content-button2 > ul > li > a { display: table; width: 100%; height: 100%; background-image: url(../img/icon-btn-filedown.png); background-repeat: no-repeat; background-position: 0px -200px; text-align: left; }
.rgl-content-button2 > ul > li > a.pdf { background-position: 0px 0px; }
.rgl-content-button2 > ul > li > a.hwp { background-position: 0px -100px; }
.rgl-content-button2 > ul > li > a > span { display: table-cell; padding-left: 75px; padding-right: 45px; vertical-align: middle; }

.rgl-accent-table-body1 { background-color: #ff5a5a !important; border-color: #d44646 !important; }
.rgl-accent-table-body2 { background-color: #ff5a5a !important; border-color: #d44646 !important; color:#fff; }

.rgl-user-layout { border-top: 2px solid #00b4d5; border-bottom: 1px solid #dfdfdf; display: table; width: 100%; padding: 40px 0; margin: 100px 0; }

.rgl-user-left { display: table-cell; border-right: 1px solid #dfdfdf; padding: 0 45px; width: 410px; font-size: 92.9% }
.rgl-user-logo { display: table; margin: auto; margin-bottom: 22px; }
.rgl-user-logo span { vertical-align: middle; display: table-cell; }
.rgl-user-logo span:FIRST-CHILD { width: 145px; height: 105px; background-image: url(../img/icon-user.png); background-repeat: no-repeat; }
.rgl-user-logo span:FIRST-CHILD + span { margin-left: 8px; color:#333333; font-size: 157%; }
.rgl-user-logo span:FIRST-CHILD + span > strong { font-size: 193%; }
.rgl-user-logo span.info { background-position: 0px 0px; }
.rgl-user-logo span.pw-reset { background-position: -298px 0px; }
.rgl-user-logo span.certification { background-position: -150px 0px; }

.rgl-user-right { display: table-cell; height: 100%; vertical-align: middle;}
.rgl-user-info {  }
.rgl-user-info div.info { float: left; margin-left: 38px; width: 308px; }
.rgl-user-info div.info dl{ padding-top: 8px; display: table; }
.rgl-user-info div.info dl:FIRST-CHILD{ padding: 0; }
.rgl-user-info div.info dl dt{ width: 60px; font-weight: bold; display: table-cell; margin-right: 8px; }
.rgl-user-info div.info dl dd{  }
.rgl-user-info div.info dl dd input{ width:238px; height: 31px; border:1px solid #dbdbdb; background: #f4f4f4; }
.rgl-user-info div.login-btn button{ float: right; margin-right: 45px; width: 100px; height: 78px; background-image: url(../img/ele-btn.png); background-repeat: no-repeat; color: #ffffff; font-size: 128%; border: 1px solid #105594; background-color: #2c77bc; font-weight: 800; text-align: center; }
.rgl-user-info div.login-btn button:HOVER { background-color: #105594; }

.rgl-user-pw-reset div.info { margin-left: 38px; width: 418px; }
.rgl-user-pw-reset div.info dl{ padding-top: 8px; display: table; }
.rgl-user-pw-reset div.info dl:FIRST-CHILD{ padding: 0; }
.rgl-user-pw-reset div.info dl dt{ width: 140px; font-weight: bold; display: table-cell; margin-right: 8px; }
.rgl-user-pw-reset div.info dl dd{  }
.rgl-user-pw-reset div.info dl dd input{ width:278px; height: 31px; border:1px solid #dbdbdb; background: #f4f4f4; }

.rgl-user-input-btn { border: 1px solid #c7c7c7; background-color: #ffffff; padding: 2px 10px; }
.rgl-user-input-btn:HOVER { background-color: #f0f0f0; }
.rgl-user-btn { position:relative; display:table; border:0; margin:auto; padding-top: 35px; }
.rgl-user-btn div { display: table-cell; padding-left:4px; }
.rgl-user-btn div:FIRST-CHILD { margin: 0; }
.rgl-user-btn div a, .rgl-user-btn div button { display: inline-block; width:198px; padding:13px 0; color: #ffffff; font-size: 87%; border: 1px solid #105594; background-color: #2c77bc; font-weight: bold; text-align: center; vertical-align: middle; }
.rgl-user-btn div a:HOVER, .rgl-user-btn div button:HOVER { background-color: #105594; }
.rgl-user-btn div span { display: inline-block; width: 21px; height: 20px; margin-right: 10px; vertical-align: middle; background-image: url(../img/icon-btn.png);  background-repeat: no-repeat;  }
.rgl-user-btn div > .join span { background-position: -150px -50px; }
.rgl-user-btn div > .pw-reset span { background-position: -226px -50px; }
.rgl-user-btn div > .confirm span { background-position: -125px -50px; }
.rgl-user-btn div > .cancle, .rgl-user-btn div > .prev { color: #666666; background-color: #ffffff; border-top:1px solid #c7c7c7; border-left:1px solid #c7c7c7; border-bottom:1px solid #a3a3a3; border-right:1px solid #a3a3a3; }
.rgl-user-btn div > .cancle:HOVER, .rgl-user-btn div > .prev:HOVER { background-color: #f0f0f0; }
.rgl-user-btn div > .cancle span { background-position: -25px -50px; }
.rgl-user-btn div > .info span { background-position: -75px -50px; }
.rgl-user-btn div > .prev span { background-position: 0 -50px; }
.rgl-user-btn div > .withdrawal span { background-position: -200px -50px; }
.rgl-user-btn div > .main { color: #666666; font-size: 87%; border-top: 1px solid #c7c7c7; border-left: 1px solid #c7c7c7; border-right: 1px solid #a3a3a3; border-bottom: 1px solid #a3a3a3; background-color: #ffffff; }
.rgl-user-btn div > .main:HOVER { background-color: #f0f0f0; }
.rgl-user-btn div > .main span { background-position: -50px -50px; }

.rgl-user-join-tab { display: inline-block; width: 100%; margin: 40px 0 45px 0; }
.rgl-user-join-tab div { float:left; border-top:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb; border-left:1px solid #dbdbdb; width: 348px; padding: 20px; font-size: 137%; font-weight: bold;  }
.rgl-user-join-tab ol {  }
.rgl-user-join-tab ol > li { float: left; position: relative; display : table; font-size: 112%; padding: 13px 0px 13px 40px; width: 198px; margin-left: -20px; background-image: url(../img/icon-step.png); background-repeat: no-repeat; border-top: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb; background-position: 1px -101px; }
.rgl-user-join-tab ol > li > span { display : table-cell; color:#999999; font-size: 85.7% }
.rgl-user-join-tab ol > li > span strong { color:#666666; font-size: 114% }
.rgl-user-join-tab ol > li > span:FIRST-CHILD { width: 42px; height: 42px; vertical-align: middle; background-image: url(../img/icon-step.png); background-repeat: no-repeat; }
.rgl-user-join-tab ol > li.on { background-position: 0px 0px; border-top: 1px solid orange; border-bottom: 1px solid orange; }
.rgl-user-join-tab ol > li.on > span:FIRST-CHILD { background-position: 0 -199px; }
.rgl-user-join-tab ol > li > span:FIRST-CHILD { background-position: 0 -302px; }
.rgl-user-join-tab ol > li.on > span { display : table-cell; color: #ffffff; }
.rgl-user-join-tab ol > li.on > span strong { color: #ffffff; }
.rgl-user-join-tab ol > li + li { margin-left: -42px; }
.rgl-user-join-tab ol > li + li.on > span:FIRST-CHILD { background-position: -49px -199px; }
.rgl-user-join-tab ol > li + li > span:FIRST-CHILD { background-position: -49px -302px; }
.rgl-user-join-tab ol > li + li + li { border-right: 1px solid #dbdbdb; }
.rgl-user-join-tab ol > li + li + li.on > span:FIRST-CHILD { background-position: -99px -199px; }
.rgl-user-join-tab ol > li + li + li > span:FIRST-CHILD { background-position: -99px -302px; }

.rgl-user-join-guide { resize:none; overflow-y: scroll; width: 100%; height: 200px; border: 1px solid #eeeeee; background-color: #fdfdfd; }

.tsk-notice-box { padding: 40px 30px; padding-bottom: 0; background-color: #fdfdfd; border: 1px solid #efefef; }
.tsk-notice-box > dl > dt { font-size: 128%; font-weight: bold; text-align: center; }
.tsk-notice-box > dl > dd { margin-top: 10px; font-size: 114%; text-align: center; }

.tsk-user-layout { border-top: 2px solid #00b4d5; border-bottom: 1px solid #dfdfdf; display: table; width: 100%; padding: 40px 0; margin: 100px 0; }

.tsk-user-left { display: table-cell; border-right: 1px solid #dfdfdf; padding: 0 45px; width: 410px; font-size: 92.9% }
.tsk-user-logo { display: table; margin: auto; margin-bottom: 22px; }
.tsk-user-logo span { vertical-align: middle; display: table-cell; }
.tsk-user-logo span:FIRST-CHILD { width: 145px; height: 105px; background-image: url(../img/icon-user.png); background-repeat: no-repeat; }
.tsk-user-logo span:FIRST-CHILD + span { margin-left: 8px; color:#333333; font-size: 157%; }
.tsk-user-logo span:FIRST-CHILD + span > strong { font-size: 193%; }
.tsk-user-logo span.info { background-position: 0px 0px; }
.tsk-user-logo span.pw-reset { background-position: -298px 0px; }
.tsk-user-logo span.certification { background-position: -150px 0px; }

.tsk-user-success{ display: inline-block; width: 50%;}

.tsk-user-right { display: table-cell; height: 100%; vertical-align: middle;}
.tsk-user-info {  }
.tsk-user-info div.itinfo { float: left; margin-left: 38px; width: 416px; }
.tsk-user-info div.itinfo dl{ padding-bottom: 8px; display: table; }
.tsk-user-info div.itinfo dl dt{ width: 60px; font-weight: bold; display: table-cell; margin-right: 8px; }
.tsk-user-info div.itinfo dl dd select{ width:355px; height: 31px; border:1px solid #dbdbdb; background: #f4f4f4; }
.tsk-user-info div.info { float: left; margin-left: 38px; width: 308px; }
.tsk-user-info div.info dl{ padding-top: 8px; display: table; }
.tsk-user-info div.info dl:FIRST-CHILD{ padding: 0; }
.tsk-user-info div.info dl dt{ width: 68px; font-weight: bold; display: table-cell; margin-right: 8px; }
.tsk-user-info div.info dl dd{  }
.tsk-user-info div.info dl dd input{ width:238px; height: 31px; border:1px solid #dbdbdb; background: #f4f4f4; }
.tsk-user-info div.login-btn button{ float: right; margin-right: 45px; width: 100px; height: 78px; background-image: url(../img/ele-btn.png); background-repeat: no-repeat; color: #ffffff; font-size: 128%; border: 1px solid #105594; background-color: #2c77bc; font-weight: 800; text-align: center; }
.tsk-user-info div.login-btn button:HOVER { background-color: #105594; }

.tsk-user-pw-reset div.info { margin-left: 38px; width: 418px; }
.tsk-user-pw-reset div.info dl{ padding-top: 8px; display: table; }
.tsk-user-pw-reset div.info dl:FIRST-CHILD{ padding: 0; }
.tsk-user-pw-reset div.info dl dt{ width: 140px; font-weight: bold; display: table-cell; margin-right: 8px; }
.tsk-user-pw-reset div.info dl dd{  }
.tsk-user-pw-reset div.info dl dd input{ width:278px; height: 31px; border:1px solid #dbdbdb; background: #f4f4f4; }

.tsk-user-input-btn { border: 1px solid #c7c7c7; background-color: #ffffff; padding: 2px 10px; }
.tsk-user-input-btn:HOVER { background-color: #f0f0f0; }
.tsk-user-btn { position:relative; display:table; border:0; margin:auto; padding-top: 35px; }
.tsk-user-btn div { display: table-cell; padding-left:4px; }
.tsk-user-btn div:FIRST-CHILD { margin: 0; }
.tsk-user-btn div a, .tsk-user-btn div button { display: inline-block; width:198px; padding:13px 0; color: #ffffff; font-size: 87%; border: 1px solid #105594; background-color: #2c77bc; font-weight: bold; text-align: center; vertical-align: middle; }
.tsk-user-btn div a:HOVER, .tsk-user-btn div button:HOVER { background-color: #105594; }
.tsk-user-btn div span { display: inline-block; width: 21px; height: 20px; margin-right: 10px; vertical-align: middle; background-image: url(../img/icon-btn.png);  background-repeat: no-repeat;  }
.tsk-user-btn div > .join span { background-position: -150px -50px; }
.tsk-user-btn div > .pw-reset span { background-position: -226px -50px; }
.tsk-user-btn div > .confirm span { background-position: -125px -50px; }
.tsk-user-btn div > .cancle, .tsk-user-btn div > .prev { color: #666666; background-color: #ffffff; border-top:1px solid #c7c7c7; border-left:1px solid #c7c7c7; border-bottom:1px solid #a3a3a3; border-right:1px solid #a3a3a3; }
.tsk-user-btn div > .cancle:HOVER, .tsk-user-btn div > .prev:HOVER { background-color: #f0f0f0; }
.tsk-user-btn div > .cancle span { background-position: -25px -50px; }
.tsk-user-btn div > .info span { background-position: -75px -50px; }
.tsk-user-btn div > .prev span { background-position: 0 -50px; }
.tsk-user-btn div > .withdrawal span { background-position: -200px -50px; }
.tsk-user-btn div > .main { color: #666666; font-size: 87%; border-top: 1px solid #c7c7c7; border-left: 1px solid #c7c7c7; border-right: 1px solid #a3a3a3; border-bottom: 1px solid #a3a3a3; background-color: #ffffff; }
.tsk-user-btn div > .main:HOVER { background-color: #f0f0f0; }
.tsk-user-btn div > .main span { background-position: -50px -50px; }

.tsk-user-join-tab { display: inline-block; width: 100%; margin: 40px 0 45px 0; }
.tsk-user-join-tab div { float:left; border-top:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb; border-left:1px solid #dbdbdb; width: 348px; padding: 20px; font-size: 137%; font-weight: bold;  }
.tsk-user-join-tab ol {  }
.tsk-user-join-tab ol > li { float: left; position: relative; display : table; font-size: 112%; padding: 13px 0px 13px 40px; width: 198px; margin-left: -20px; background-image: url(../img/icon-step.png); background-repeat: no-repeat; border-top: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb; background-position: 1px -101px; }
.tsk-user-join-tab ol > li > span { display : table-cell; color:#999999; font-size: 85.7% }
.tsk-user-join-tab ol > li > span strong { color:#666666; font-size: 114% }
.tsk-user-join-tab ol > li > span:FIRST-CHILD { width: 42px; height: 42px; vertical-align: middle; background-image: url(../img/icon-step.png); background-repeat: no-repeat; }
.tsk-user-join-tab ol > li.on { background-position: 0px 0px; border-top: 1px solid orange; border-bottom: 1px solid orange; }
.tsk-user-join-tab ol > li.on > span:FIRST-CHILD { background-position: 0 -199px; }
.tsk-user-join-tab ol > li > span:FIRST-CHILD { background-position: 0 -302px; }
.tsk-user-join-tab ol > li.on > span { display : table-cell; color: #ffffff; }
.tsk-user-join-tab ol > li.on > span strong { color: #ffffff; }
.tsk-user-join-tab ol > li + li { margin-left: -42px; }
.tsk-user-join-tab ol > li + li.on > span:FIRST-CHILD { background-position: -49px -199px; }
.tsk-user-join-tab ol > li + li > span:FIRST-CHILD { background-position: -49px -302px; }
.tsk-user-join-tab ol > li + li + li { border-right: 1px solid #dbdbdb; }
.tsk-user-join-tab ol > li + li + li.on > span:FIRST-CHILD { background-position: -99px -199px; }
.tsk-user-join-tab ol > li + li + li > span:FIRST-CHILD { background-position: -99px -302px; }

.tsk-user-join-guide { resize:none; overflow-y: scroll; width: 100%; height: 200px; border: 1px solid #eeeeee; background-color: #fdfdfd; }
.tsk-user-join-guide > div.design-table1 {padding:0 20px}

.tsk-06000000-fieldset { margin: 0; padding: 0; border:0; }
.tsk-06000000-fieldset .dl-mbt { margin-bottom: 20px; }


.aco-greeting-box { display: table; }
.aco-greeting-box > div { position: relative; display: table-cell; width: 195px; }
.aco-greeting-box > div > img { position: absolute; }
.aco-greeting-box > div > img:FIRST-CHILD { top: 0; left: 0; }
.aco-greeting-box > div > img:FIRST-CHILD + img { top: 20px; left: 20px; }
.aco-greeting-box > dl { display: table-cell; padding-top: 20px; }
.aco-greeting-box > dl > dt { font-size: 128%; font-weight: bold; margin-bottom: 30px; }
.aco-greeting-box > dl > dd.sign { margin-top: 50px; font-weight: bold; line-height: 1; }
.aco-greeting-box > dl > dd.sign > span { display: inline-block; margin-top: 10px; margin-left: 5px; font-size: 171%; vertical-align: bottom; }
.aco-greeting-box > dl > dd > dl > dt { margin-top: 30px; margin-bottom: 30px; font-size: 107%; font-weight: bold; }

.aco-tel, .aco-fax { width: 34px; height: 34px; display: inline-block; vertical-align: middle; margin: 6px 7px 6px 0; background-image: url(../img/icon-contact.png); background-repeat: no-repeat; }
.aco-tel { background-position: 0px 0px; font-size: 0%; }
.aco-fax { background-position: 0px -100px; font-size: 0%; }

.aco-01030000-btn { display: inline-block; width: 330px; height: 73px; }
.aco-01030000-btn > a { display: table; width: 100%; height: 100%; border: 1px solid #ddd; box-sizing: border-box; box-shadow: 0 2px 0 #f2f2f2; text-align: left; }
.aco-01030000-btn > a > span { position: relative; display: table-cell; height: 100%; padding: 0 40px 0 95px; background-color: #ffffff; background-image: url(../img/icon-linkbtn.png); background-repeat: no-repeat; vertical-align: middle; background-position: 10px -188px; }
.aco-01030000-btn > a > span > span { display: inline-block; position: absolute; top: 28px; right: 20px; width: 9px; height: 16px; background-image: url(../img/ele-board-next.png); }

.aco-address{ padding:15px 0 40px 0; }
.aco-address dl{ width:100%; }
.aco-address dl dt{ float: left; font-weight: bold; width: 60px; background-image: url(../img/ele-listbar.png); background-repeat: no-repeat; background-position: 42px 4px; }
.aco-address dl dd { padding-left: 60px; }

.aco-subway { border: 1px solid #c7c7c7; border-top: 3px solid #333; background-color: #f8f8f8; padding: 30px; margin-bottom: 40px; }
.aco-subway dl dt { font-size: 114%; font-weight: bold; padding-bottom: 20px; }
.aco-subway dl dd { position: relative; min-height: 45px; }
.aco-subway dl dd ul li { padding-top: 8px; }
.aco-subway dl dd ul li:FIRST-CHILD { padding-top: 0; }
.aco-subway dl dd img { position: absolute; right: 0; bottom: 0; }
 
.aco-bus { border:1px solid #c7c7c7; border-top: 3px solid #333; background-color: #f8f8f8; padding: 30px; }
.aco-bus dl dt { font-size: 114%; font-weight: bold; padding-bottom: 20px; }
.aco-bus dl dd { position: relative; }
.aco-bus dl dd img { position: absolute;right: 0; bottom: 0; }

.aco-member-box { display: block; }
.aco-member-box > div { display: inline-block; margin-left: 20px; padding-left: 25px; width: 150px; border-left: 1px dotted #ddd; }
.aco-member-box > div:FIRST-CHILD { margin-left: 0; padding-left: 0; border-left: 0; }
.aco-member-box > div > span { display: block; margin-bottom: 15px; }
.aco-member-box > div > span > img { display: block; margin: auto; }

.aco-01050000-box { overflow-y: scroll; width: 100%; height: 500px; border: 1px solid #eee; background-color: #fdfdfd; padding: 15px; box-sizing: border-box; }

.aco-user-layout { border-top: 2px solid #00b4d5; border-bottom: 1px solid #dfdfdf; display: table; width: 100%; padding: 40px 0; margin: 100px 0; }

.aco-user-left { display: table-cell; border-right: 1px solid #dfdfdf; padding: 0 45px; width: 410px; font-size: 92.9% }
.aco-user-logo { display: table; margin: auto; margin-bottom: 22px; }
.aco-user-logo span { vertical-align: middle; display: table-cell; }
.aco-user-logo span:FIRST-CHILD { width: 145px; height: 105px; background-image: url(../img/icon-user.png); background-repeat: no-repeat; }
.aco-user-logo span:FIRST-CHILD + span { margin-left: 8px; color:#333333; font-size: 157%; }
.aco-user-logo span:FIRST-CHILD + span > strong { font-size: 181%; }
.aco-user-logo span.info { background-position: 0px 0px; }
.aco-user-logo span.pw-reset { background-position: -298px 0px; }
.aco-user-logo span.certification { background-position: -150px 0px; }

.aco-user-right { display: table-cell; height: 100%; vertical-align: middle;}
.aco-user-info {  }
.aco-user-info div.info { float: left; margin-left: 38px; width: 308px; }
.aco-user-info div.info dl{ padding-top: 8px; display: table; }
.aco-user-info div.info dl:FIRST-CHILD{ padding: 0; }
.aco-user-info div.info dl dt{ width: 60px; font-weight: bold; display: table-cell; margin-right: 8px; }
.aco-user-info div.info dl dd{  }
.aco-user-info div.info dl dd input{ width:238px; height: 31px; border:1px solid #dbdbdb; background: #f4f4f4; }
.aco-user-info div.login-btn button{ float: right; margin-right: 45px; width: 100px; height: 78px; background-image: url(../img/ele-btn.png); background-repeat: no-repeat; color: #ffffff; font-size: 128%; border: 1px solid #105594; background-color: #2c77bc; font-weight: 800; text-align: center; }
.aco-user-info div.login-btn button:HOVER { background-color: #105594; }

.aco-user-pw-reset div.info { margin-left: 38px; width: 418px; }
.aco-user-pw-reset div.info dl{ padding-top: 8px; display: table; }
.aco-user-pw-reset div.info dl:FIRST-CHILD{ padding: 0; }
.aco-user-pw-reset div.info dl dt{ width: 140px; font-weight: bold; display: table-cell; margin-right: 8px; }
.aco-user-pw-reset div.info dl dd{  }
.aco-user-pw-reset div.info dl dd input{ width:278px; height: 31px; border:1px solid #dbdbdb; background: #f4f4f4; }

.aco-user-input-btn { border: 1px solid #c7c7c7; background-color: #ffffff; padding: 2px 10px; }
.aco-user-input-btn:HOVER { background-color: #f0f0f0; }
.aco-user-btn { position:relative; display:table; border:0; margin:auto; padding-top: 35px; }
.aco-user-btn div { display: table-cell; padding-left:4px; }
.aco-user-btn div:FIRST-CHILD { margin: 0; }
.aco-user-btn div a, .aco-user-btn div button { display: inline-block; width:198px; padding:13px 0; color: #ffffff; font-size: 87%; border: 1px solid #105594; background-color: #2c77bc; font-weight: bold; text-align: center; vertical-align: middle; }
.aco-user-btn div a:HOVER, .aco-user-btn div button:HOVER { background-color: #105594; }
.aco-user-btn div span { display: inline-block; width: 21px; height: 20px; margin-right: 10px; vertical-align: middle; background-image: url(../img/icon-btn.png);  background-repeat: no-repeat;  }
.aco-user-btn div > .join span { background-position: -150px -50px; }
.aco-user-btn div > .pw-reset span { background-position: -226px -50px; }
.aco-user-btn div > .confirm span { background-position: -125px -50px; }
.aco-user-btn div > .cancle, .aco-user-btn div > .prev { color: #666666; background-color: #ffffff; border-top:1px solid #c7c7c7; border-left:1px solid #c7c7c7; border-bottom:1px solid #a3a3a3; border-right:1px solid #a3a3a3; }
.aco-user-btn div > .cancle:HOVER, .aco-user-btn div > .prev:HOVER { background-color: #f0f0f0; }
.aco-user-btn div > .cancle span { background-position: -25px -50px; }
.aco-user-btn div > .info span { background-position: -75px -50px; }
.aco-user-btn div > .prev span { background-position: 0 -50px; }
.aco-user-btn div > .withdrawal span { background-position: -200px -50px; }
.aco-user-btn div > .main { color: #666666; font-size: 87%; border-top: 1px solid #c7c7c7; border-left: 1px solid #c7c7c7; border-right: 1px solid #a3a3a3; border-bottom: 1px solid #a3a3a3; background-color: #ffffff; }
.aco-user-btn div > .main:HOVER { background-color: #f0f0f0; }
.aco-user-btn div > .main span { background-position: -50px -50px; }

.aco-user-join-tab { display: inline-block; width: 100%; margin: 40px 0 45px 0; }
.aco-user-join-tab div { float:left; border-top:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb; border-left:1px solid #dbdbdb; width: 348px; padding: 20px; font-size: 137%; font-weight: bold;  }
.aco-user-join-tab ol {  }
.aco-user-join-tab ol > li { float: left; position: relative; display : table; font-size: 112%; padding: 13px 0px 13px 40px; width: 198px; margin-left: -20px; background-image: url(../img/icon-step.png); background-repeat: no-repeat; border-top: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb; background-position: 1px -101px; }
.aco-user-join-tab ol > li > span { display : table-cell; color:#999999; font-size: 85.7% }
.aco-user-join-tab ol > li > span strong { color:#666666; font-size: 114% }
.aco-user-join-tab ol > li > span:FIRST-CHILD { width: 42px; height: 42px; vertical-align: middle; background-image: url(../img/icon-step.png); background-repeat: no-repeat; }
.aco-user-join-tab ol > li.on { background-position: 0px 0px; border-top: 1px solid orange; border-bottom: 1px solid orange; }
.aco-user-join-tab ol > li.on > span:FIRST-CHILD { background-position: 0 -199px; }
.aco-user-join-tab ol > li > span:FIRST-CHILD { background-position: 0 -302px; }
.aco-user-join-tab ol > li.on > span { display : table-cell; color: #ffffff; }
.aco-user-join-tab ol > li.on > span strong { color: #ffffff; }
.aco-user-join-tab ol > li + li { margin-left: -42px; }
.aco-user-join-tab ol > li + li.on > span:FIRST-CHILD { background-position: -49px -199px; }
.aco-user-join-tab ol > li + li > span:FIRST-CHILD { background-position: -49px -302px; }
.aco-user-join-tab ol > li + li + li { border-right: 1px solid #dbdbdb; }
.aco-user-join-tab ol > li + li + li.on > span:FIRST-CHILD { background-position: -99px -199px; }
.aco-user-join-tab ol > li + li + li > span:FIRST-CHILD { background-position: -99px -302px; }

.aco-user-join-guide { resize:none; overflow-y: scroll; width: 100%; height: 200px; border: 1px solid #eeeeee; background-color: #fdfdfd; }

.aco04020000s2-fieldset { border: 0; padding: 0; margin: 0; }

.drc01030000-tabs > ul > li {float:left}
.drc01030000-tabs > ul > li > a {font-size: 0}
.drc01030000-tabs > ul + span {display:block;clear:both}

.drc05010100-list {position:relative;}
.drc05010100-list > .bg-image {position: absolute; bottom: 0; right: 0}

.drc05010100-list > ul {display:table;background-color:#f8f8f8;border:1px solid #cccccc;padding:10px 40px 10px 40px}
.drc05010100-list > ul >  li {display:table-row;} 
.drc05010100-list > ul >  li > .image {display:table-cell;vertical-align: top;width:1%;padding:30px 20px 30px 0px;border-top:1px solid #cccccc}
.drc05010100-list > ul >  li > .contn {display:table-cell;vertical-align: top;padding:30px 0;border-top:1px solid #cccccc}
.drc05010100-list > ul >  li:FIRST-CHILD > .image {border-top:0}
.drc05010100-list > ul >  li:FIRST-CHILD > .contn {border-top:0}
.drc05010100-list > ul >  li > .contn > .number {color:#007ab3;font-weight: bold}
.drc05010100-list > ul >  li > .contn > .title {font-weight: bold; font-size: 109%}
.drc05010100-list > ul >  li > .contn > .buttons {margin-top: 59px;}


.drc05020100-swf {height:700px}

.drc05010300-mdeiaplayer {float:right; display:inline-block;vertical-align: middle;}

.drc02010000-box dt {width:57%}
.drc02010000-btn {position: absolute;bottom: 8px;right: 0;}
.drc02010000-btn > span { display: table; width: 300px; height:73px; border: 1px solid #ddd; box-sizing: border-box; box-shadow: 0 2px 0 #f2f2f2; }
.drc02010000-btn > span > a { position: relative; display: table-cell; height:100%;padding: 0 40px 0 95px;  background-color:#ffffff; background-image: url(../img/icon-linkbtn.png); background-repeat: no-repeat; vertical-align: middle; background-position: 10px -189px}
.drc02010000-btn > span > a > span { display: inline-block; position: absolute; top: 28px; right: 20px; width: 9px; height: 16px; background-image: url(../img/ele-board-next.png); }

.drc5010200-list {display:inline-block;width:78px;height:29px;color:#ffffff;background: url(../img/icon-drc-list.jpg) no-repeat;padding:3px 0px 0px 13px;margin: 0 10px; box-sizing: border-box;}
.drc5010200-list-odd {background-position: 0 -100px}

.moc-info { display: inline-block; width: 100%; }
.moc-info div.info { width: 600px; float: left;}
.moc-info div.info > div.title{ font-size: 128.6%; font-weight: bold; color: #333333; padding:24px 0; }
.moc-info div.info + div { display: inline-block; float: right; margin: 75px 10px 75px 10px;}
.moc-info div.info + div div.name { padding:40px 0 12px 0; font-weight: bold; }
.moc-info div.info + div div.name > span { padding:0; font-size: 171.4% }

.moc-01020000-bg{ display: inline-block; }
.moc-01020000-bg img{ position: absolute; right: 0; bottom: 0; }
.moc-width78 { width: 78%; }

.moc-history { padding: 35px 0; border-bottom: 1px dotted #cccccc; }
.moc-history:FIRST-CHILD { padding-top: 20px; }
.moc-history table{border-collapse: collapse; width: 100%; }
.moc-history table caption{ display: none; }
.moc-history table tbody > tr:FIRST-CHILD > td:FIRST-CHILD,
.moc-history table tbody > tr th{text-align: left; }
.moc-history table td, .moc-history th {vertical-align: top}
.moc-history table tbody > tr > th:FIRST-CHILD { }
.moc-history table tbody > tr > td:FIRST-CHILD { font-size: 214.3%; font-weight:bold; padding-right: 70px; border-left: none; }
.moc-history table tbody > tr > th { padding-right:20px; border-right: 1px solid #007ab3; font-size: 128.6%; color: #007ab3; position: relative;}
.moc-history table tbody > tr > th > div {background-color: #007ab3; width: 7px; height: 7px; position: absolute; right: -4px; top: 12px; border-radius:10px}
.moc-history table tbody > tr > td {  }
.moc-history table tbody > tr > td > dl{  }
.moc-history table tbody > tr > td > dl > dt{ float: left; padding: 0 20px; width: 30px; color: #666666}
.moc-history table tbody > tr > td > dl > dd{ padding-left:70px;}

.moc-box > div.design-box2 { margin:0; }

.moc02040100-swf {height:700px}

.moc01050000 {display:table}
.moc01050000 > .contents-view {display:table-cell; width:632px;text-align: left}
.moc01050000 > .contents-view > div {width:542px;height:100%;border:1px solid #ccc; border-top-width: 2px; background-color: #f8f8f8;padding:25px;}
.moc01050000 > .contents-view > div > .content-movie-title,
.moc01050000 > .contents-view > div > .content-photo-title {height:22px;font-size: 142%;font-weight: bold;line-height: 1;padding-left:28px;margin-bottom:20px;}
.moc01050000 > .contents-view > div > .content-movie-title {background: url(../img/icon-popupvideo.png) no-repeat;}
.moc01050000 > .contents-view > div > .content-photo-title {background: url(../img/icon-pic.png) no-repeat;}

.moc01050000 > .contents-list {display:table-cell;border-top:2px solid #cccccc;border-bottom:2px solid #cccccc;vertical-align: middle}
.moc01050000 > .contents-list > .roll-up {text-align: center}
.moc01050000 > .contents-list > .roll-up > .roll-up-btn {font-size: 0;background:  #ffffff url(../img/btn_arrow.png) no-repeat 0 16px; border:0; height:44px; width:25px;margin:0;padding:0}
.moc01050000 > .contents-list > .roll-down {text-align: center}
.moc01050000 > .contents-list > .roll-down > .roll-down-btn {font-size: 0;background:  #ffffff url(../img/btn_arrow.png) no-repeat 0 -32px; border:0; height:44px; width:25px;margin:0;padding:0}

.moc01050000 > .contents-list > .roll-content {height:437px;overflow: hidden}
.moc01050000 > .contents-list > .roll-content > ul { }

.moc01050000 > .contents-list > .roll-content > ul > li {border-bottom:1px dotted #cccccc}

.moc01050000 > .contents-list > .roll-content > ul > li > div {display:table;padding:14px 20px;}
.moc01050000 > .contents-list > .roll-content > ul > li > div > span {display:table-cell}
.moc01050000 > .contents-list > .roll-content > ul > li > div > .thumnail {width:150px; height:80px;}
.moc01050000 > .contents-list > .roll-content > ul > li > div > .thumnail img {width:130px; height:80px;}
.moc01050000 > .contents-list > .roll-content > ul > li > div > .movie-util {position: relative;vertical-align: top;line-height: 1}
.moc01050000 > .contents-list > .roll-content > ul > li > div > .movie-util > .design-button{position: absolute;bottom: 5px;left: 0;}
.moc01050000 > .contents-list > .roll-content > ul > li > div > .movie-util > .design-button > button{min-width:130px;}
.moc01050000 > .contents-list > .roll-content > ul > li > div > .photo-util {position: relative;vertical-align: middle;}

.moc-popup-box { border: 1px solid #7a7a7a; background-color: #fff; border-top: 3px solid #03b6d5; width: 100%; box-sizing: border-box; }
.moc-popup-box > dl > dt { border-bottom: 1px solid #ddd; text-align: center; font-size: 143%; font-weight: bold; padding: 10px 25px; }
.moc-popup-box > dl > dd { padding: 25px 35px; }
.moc-popup-box > dl > dd > .box { padding: 20px; border: 1px solid #cfcfcf; background-color: #f9f9f9; font-size: 93%; line-height: 1.85; }
.moc-popup-box > dl > dd > div > dl { margin-bottom: 20px; }
.moc-popup-box > dl > dd > div > dl > dd { margin-top: 5px; padding-left: 30px; font-size: 93%; }
.moc-popup-box > dl > dd > dl > dt { font-weight: bold; margin-top: 25px; margin-bottom: 15px; }
.moc-popup-box > dl > dd > dl > dt:FIRST-CHILD { margin-top: 0; }
.moc-popup-box > dl > dd > dl > dd .select { width: 150px; }
.moc-popup-box > dl > dd > .thanks { font-size: 114%; font-weight: bold; text-align: center; margin-top: 60px; margin-bottom: 50px; }
.moc-popup-box > dl > dd > .thanks > span { width: 34px; height: 34px; background-image: url(../img/icon-contact.png); display: inline-block; background-position: 0 -200px; vertical-align: middle; margin-right: 8px; }

.moc-popup-box > dl > dd > dl > dd > dl { display: inline-block; }
.moc-popup-box > dl > dd > dl > dd > dl > dd > .desgin-code-finder { left: auto !important; right: 20px !important; }

.moc-popup-box input { border:1px solid #c7c7c7; padding:5px 10px; }
.moc-popup-box select { border:1px solid #c7c7c7; padding:4px 10px; }

.hel-address{ padding:15px 0 40px 0; }
.hel-address dl{ width:100%; }
.hel-address dl dt{ float: left; font-weight: bold; width: 100px; background-image: url(../img/ele-listbar.png); background-repeat: no-repeat; background-position: 77px 4px; }
.hel-address dl dd { padding-left: 100px; }

.hel-subway{border:1px solid #c7c7c7; border-top:3px solid #333333; background-color: #f8f8f8; padding:30px; margin-bottom: 40px; }
.hel-subway dl dt { font-size: 114.3%; font-weight: bold; padding-bottom: 20px; }
.hel-subway dl dd { position: relative; min-height: 45px; }
.hel-subway dl dd ul li { padding-top: 8px }
.hel-subway dl dd ul li:FIRST-CHILD { padding-top: 0 }
.hel-subway dl dd ul li span {color: #ffffff; font-weight: bold; padding:0 6px; margin-right: 10px; }
.hel-subway dl dd ul li span.subway1{border: 1px solid #e67200; background-color: #ff7e00; } 
.hel-subway dl dd ul li span.subway2{border: 1px solid #33ae1f; background-color: #55c043; }
.hel-subway dl dd ul li span.subway5{border: 1px solid #8445c0; background-color: #945acb; margin-right: 5px; } 
.hel-subway dl dd ul li span.subway9{border: 1px solid #ab8624; background-color: #b28b25; }
.hel-subway dl dd img{ position: absolute;right: 0; bottom: 0; }
 
.hel-bus{border:1px solid #c7c7c7; border-top:3px solid #333333; background-color: #f8f8f8; padding:30px; }
.hel-bus dl dt { font-size: 114.3%; font-weight: bold; padding-bottom: 20px; }
.hel-bus dl dd { position: relative; }
.hel-bus dl dd ul {display: table;}
.hel-bus dl dd ul li {display: table-cell; padding: 0 30px; border-left: 1px solid #cccccc; line-height: 22px;}
.hel-bus dl dd ul li:FIRST-CHILD {padding-left: 0; border-left: none; }
.hel-bus dl dd ul li span {color: #ffffff; font-weight: bold; padding:0 6px; border: 1px solid #004f97; background-color: #2c77bc;line-height: 32px;}
.hel-bus dl dd ul li span.hel-green-bus { border: 1px solid #15930f; background-color: #2db027; }
.hel-bus dl dd ul li span.hel-yellow-bus { border: 1px solid #ec9600; background-color: #ffae00; }
.hel-bus dl dd img{ position: absolute;right: 0; bottom: 0; }

.hel03010000-box dt {width:57%}
.hel03010000-btn {position: absolute;bottom: 8px;right: 0;}
.hel03010000-btn > span { display: table; width: 300px; height:73px; border: 1px solid #ddd; box-sizing: border-box; box-shadow: 0 2px 0 #f2f2f2; }
.hel03010000-btn > span > a { position: relative; display: table-cell; height:100%;padding: 0 40px 0 95px;  background-color:#ffffff; background-image: url(../img/icon-linkbtn.png); background-repeat: no-repeat; vertical-align: middle; background-position: 10px -189px}
.hel03010000-btn > span > a > span { display: inline-block; position: absolute; top: 28px; right: 20px; width: 9px; height: 16px; background-image: url(../img/ele-board-next.png); }

.hel04010000-box dt {width:57%}
.hel04010000-btn {position: absolute;bottom: 0px;right: 0;}
.hel04010000-btn > span { display: table; width: 300px; height:73px; border: 1px solid #ddd; box-sizing: border-box; box-shadow: 0 2px 0 #f2f2f2; }
.hel04010000-btn > span > a { position: relative; display: table-cell; height:100%;padding: 0 40px 0 95px;  background-color:#ffffff; background-image: url(../img/icon-linkbtn.png); background-repeat: no-repeat; vertical-align: middle; background-position: 10px -189px}
.hel04010000-btn > span > a > span { display: inline-block; position: absolute; top: 28px; right: 20px; width: 9px; height: 16px; background-image: url(../img/ele-board-next.png); }

.fnd-03-tab { position: relative; }
/*
.fnd-03-tab > div.border {
	width: 100%;
	height: 100%;
	position: absolute;
	border: 1px solid #e7e7e7;
	top: 0;
	left: 0;
	box-sizing: border-box;
}
.fnd-03-tab > div.border > span {
	position: absolute;
	width: 1px;
	height: 100%;
	background-color: #e7e7e7;
	top: 0;
	left: 268px;
}
*/
.fnd-03-tab > span { position: absolute; top: 0; left: 0; width: 270px; height: 100px; background-color: #4b5362; display: table; }
.fnd-03-tab > span > span { display: table-cell; vertical-align: middle; text-align: center; color: #fff; font-size: 157%; }
.fnd-03-tab > div.design-tabs-base { display: table; table-layout: fixed; width: 100%; }
.fnd-03-tab > div.design-tabs-base > span { display: none; }
.fnd-03-tab > div.design-tabs-base > ul { display: table-cell; width: 270px; height: auto; padding-top: 100px; background-color: #f2f2f2; }
.fnd-03-tab > div.design-tabs-base > ul > li { display: block; width: 270px; height: auto; border: 0; background-color: transparent; border-bottom: 1px solid #e7e7e7; position: relative; }
.fnd-03-tab > div.design-tabs-base > ul > li > span { background-image: url(../img/bu-depth-find.png); width: 3px; height: 3px; position: absolute; top: 20px; left: 10px; }
.fnd-03-tab > div.design-tabs-base > ul > li > a { display: block; }
.fnd-03-tab > div.design-tabs-base > ul > li > a > span { display: block; text-align: left; padding: 10px; padding-left: 20px; }
.fnd-03-tab > div.design-tabs-base > ul > li.active { background-color: #00b5d5; border-color: #00b5d5; }
.fnd-03-tab > div.design-tabs-base > ul > li.active > span { background-position: -25px 0; }
.fnd-03-tab > div.design-tabs-base > div { display: table-cell; padding: 35px 25px; padding-bottom: 60px; vertical-align: top; box-sizing: border-box; border: 1px solid #e7e7e7; border-left: 0; }

.fnd-03040000-downlist > ul { border-top: 2px solid #2c77bc; border-bottom: 1px solid #c4c4c4; }
.fnd-03040000-downlist > ul > li { padding: 10px; border-top: 1px solid #dbdbdb; }
.fnd-03040000-downlist > ul > li:FIRST-CHILD { border-top: 0; }
.fnd-03040000-downlist > ul > li > dl { display: table; width: 100%; table-layout: fixed; }
.fnd-03040000-downlist > ul > li > dl > dt { position: relative; display: table-cell; padding-left: 10px; vertical-align: middle; }
.fnd-03040000-downlist > ul > li > dl > dt > span { display: inline-block; width: 5px; height: 8px; margin-right: 10px;; background-image: url(../img/bu-depth.png); background-position: -7px -50px; vertical-align: middle; }
.fnd-03040000-downlist > ul > li > dl > dd { display: table-cell; text-align: right; width: 45%; vertical-align: middle; }

.fnd-button-single { position: relative; display: inline-block; box-sizing: border-box; min-width: 130px; height: 30px; margin: 0; padding: 2px 0; padding-left: 38px; padding-right: 10px; border: 1px solid #c7c7c7; text-align: center; }
.fnd-button-single > span { position: absolute; top: 3px; left: 10px; display: inline-block; width: 18px; height: 22px; background-image: url(../img/icon-flie.png); }
.fnd-button-single.zip > span { background-position: 0px 0px; }
.fnd-button-single.jpg > span { background-position: 0px -25px; }
.fnd-button-single.pdf > span { background-position: 0px -50px; }
.fnd-button-single.xls > span { background-position: 0px -75px; }
.fnd-button-single.doc > span { background-position: 0px -100px; }
.fnd-button-single.hwp > span { background-position: 0px -125px; }
.fnd-button-single.txt > span { background-position: 0px -150px; }
.fnd-button-single.etc > span { background-position: 0px -175px; }

.fnd-03020000 { border: 1px solid #e7e7e7; background-color: #f2f2f2; padding:30px 25px; }
.fnd-03020000 > div:FIRST-CHILD { display: table; width: 100%; }
.fnd-03020000 > div:FIRST-CHILD > dl { display: table-cell; width: 50%; padding-left: 23px; }
.fnd-03020000 > div:FIRST-CHILD > dl:FIRST-CHILD { padding-left: 0; }
.fnd-03020000 iframe { border: 1px solid #e7e7e7; background-color: #fff; width: 100%; }

.fnd-00010000-list > ul > li { position: relative; padding-left: 25px; margin-top: 10px; }
.fnd-00010000-list > ul > li:FIRST-CHILD { margin-top: 30px; }
.fnd-00010000-list > ul > li > span:FIRST-CHILD  { position: absolute; display: block; left: 0px; width: 25px; height: 21px; background-image: url(../img/bu-depth.png); background-repeat: no-repeat; background-position: 0px -43px; }

.fnd-00020000-list > dl > dt { position: relative; padding-left: 25px; margin-top: 20px; font-size: 114%; font-weight: bold; }
.fnd-00020000-list > dl > dt:FIRST-CHILD { margin-top: 30px; }
.fnd-00020000-list > dl > dt > span:FIRST-CHILD { position: absolute; display: block; left: 0px; width: 25px; height: 25px; background-image: url(../img/bu-depth.png); background-repeat: no-repeat; background-position: 0px -20px; }

.fnd-00030000-box { background-color: #f8f8f8; border: 1px solid #eee; padding: 10px  40px; }
.fnd-00030000-box > ul { display: block; }
.fnd-00030000-box > ul > li { display: table; border-top: 1px solid #e2e2e2; width: 100%; padding: 30px 0; }
.fnd-00030000-box > ul > li:FIRST-CHILD { border-top: 0; }
.fnd-00030000-box > ul > li > div { display: table-cell; vertical-align: top; padding-left: 20px; position: relative; }
.fnd-00030000-box > ul > li > div:FIRST-CHILD { width: 220px; padding-left: 0; }
.fnd-00030000-box > ul > li > div:FIRST-CHILD > a,
.fnd-00030000-box > ul > li > div:FIRST-CHILD > a > img { display: block; }
.fnd-00030000-box > ul > li > div > dl { margin-top: 15px; }
.fnd-00030000-box > ul > li > div > dl > dt { font-size: 114%; font-weight: bold; color: #007ab3; margin-bottom: 5px; }
.fnd-00030000-box > ul > li > div > dl > dd { font-size: 107%; line-height: 1.3; }
.fnd-00030000-box > ul > li > div > span { position: absolute; bottom: 0; left: 20px; }

.btn-scroll { position: relative; display: inline-block; min-width: 120px; font-size: 100%; margin: 0 0 10px 10px; box-sizing: border-box; text-decoration: none; color: #333333; background-color: #ffffff; border: 1px solid #c7c7c7; height: 38px; padding: 7px 20px 8px 50px; }
.btn-scroll:HOVER {background-color: #f0f0f0; border:1px solid #c7c7c7}
.btn-scroll span{ position: absolute; top: 12px; left: 20px; display: block; width: 15px; height: 15px; background-image: url(../img/icon-btn-find.png); background-repeat: no-repeat; }
.btn-scroll span.on{ background-position: 0px 0px; }
.btn-scroll span.off{ background-position: -25px 0px;}

.emo-info { display: inline-block; width: 100%; }
.emo-info div.info { width: 600px; float: left; margin-bottom: 40px;}
.emo-info div.info > div.title{ font-size: 128.6%; font-weight: bold; color: #333333; padding:24px 0; }
.emo-info div.info + div { display: inline-block; float: right; margin: 75px 10px 75px 10px;}
.emo-info div.info + div div.name { padding-top: 20px; font-weight: bold; }
.emo-info div.info + div div.name > span { padding-top: 15px; font-size: 171.4%; line-height: 1; display: inline-block; }

.emo-01020000-bg{ display: inline-block; }
.emo-01020000-bg img{ position: absolute; right: 0; bottom: 0; }
.emo-width78 { width: 78%; }

.emo-03010100-box { display: table; width: 100%; table-layout: fixed; }
.emo-03010100-box > div { display: table-cell; vertical-align: top; }
.emo-03010100-box > div:FIRST-CHILD { width: 60%; padding-top: 15px; padding-right: 20px; }

.emo-03020100-box { display: table; width: 100%; table-layout: fixed; }
.emo-03020100-box > div { display: table-cell; }
.emo-03020100-box > div:FIRST-CHILD { padding-right: 10px; }
.emo-03020100-box > div:FIRST-CHILD+div { padding-left: 10px; }

.over-hidden {float:none; overflow: hidden;}
.sign-text1,
.sign-text4,
.up { color:#F33 !important; }
.sign-text2, 
.sign-text5,
.down { color:#06C !important; }

.sign1 { display:inline-block; float:left; width:10px; height:7px; margin-top:10px; margin-right:5px; background:url(../img/index_sign.png) no-repeat 4px 0 }
.sign2 { display:inline-block; float:left; width:10px; height:7px; margin-top:10px; margin-right:5px; background:url(../img/index_sign.png) no-repeat 4px -10px }
.sign3 { display:inline-block; float:left; width:10px; height:7px; margin-top:10px; margin-right:5px; background:url(../img/index_sign.png) no-repeat 4px -18px }
.sign4 { display:inline-block; float:left; width:10px; height:9px; margin-top:10px; margin-right:5px; background:url(../img/index_sign.png) no-repeat 4px -67px }
.sign5 { display:inline-block; float:left; width:10px; height:9px; margin-top:10px; margin-right:5px; background:url(../img/index_sign.png) no-repeat 4px -81px }

.sign-icon1 { display:inline-block; width:10px; height:7px; margin-top:10px; margin-right:5px; background:url(../img/index_sign.png) no-repeat 4px 0 }
.sign-icon2 { display:inline-block; width:10px; height:7px; margin-top:10px; margin-right:5px; background:url(../img/index_sign.png) no-repeat 4px -10px }
.sign-icon3 { display:inline-block; width:10px; height:7px; margin-top:10px; margin-right:5px; background:url(../img/index_sign.png) no-repeat 4px -18px }
.sign-icon4 { display:inline-block; width:10px; height:9px; margin-top:10px; margin-right:5px; background:url(../img/index_sign.png) no-repeat 4px -67px }
.sign-icon5 { display:inline-block; width:10px; height:9px; margin-top:10px; margin-right:5px; background:url(../img/index_sign.png) no-repeat 4px -81px }

.chart-icon1 { background: url(../../../WEB-APP/webponent/chart/img/legend_a1.png); width:12px; height:12px; display:inline-block; vertical-align: middle; margin-right: 3px;}
.chart-icon2 { background: url(../../../WEB-APP/webponent/chart/img/legend_a7.png); width:12px; height:12px; display:inline-block; vertical-align: middle; margin-right: 3px;}
.chart-icon3 { background: url(../../../WEB-APP/webponent/chart/img/legend_a3.png); width:12px; height:12px; display:inline-block; vertical-align: middle; margin-right: 3px;}
.chart-icon4 { background: url(../../../WEB-APP/webponent/chart/img/legend_a11.png); width:12px; height:12px; display:inline-block; vertical-align: middle; margin-right: 3px;}
.chart-icon5 { background: url(../../../WEB-APP/webponent/chart/img/legend_a9.png); width:12px; height:12px; display:inline-block; vertical-align: middle; margin-right: 3px;}
.chart-delet { display:inline-block; width:10px; height:17px; background:url(../img/icon_sprite.png) no-repeat 0 -87px; margin-left: 11px; }

.index-sign-up { display:inline-block; float:left; width:10px; height:7px; margin-top:5px; background:url(../img/index_sign.png) no-repeat 4px 0 }
.index-sign-up2 { display:inline-block; float:left; width:11px; height:12px; margin:6px 10px 0 0; background:url(../img/index_sign.png) no-repeat 0 -30px }
.index-sign-down { display:inline-block; float:left; width:10px; height:7px; margin-top:5px; background:url(../img/index_sign.png) no-repeat 4px -10px }
.index-sign-down2 { display:inline-block; float:left; width:11px; height:12px; margin:6px 10px 0 0; background:url(../img/index_sign.png) no-repeat 0 -45px }
.index-sign-none { display:inline-block; float:left; width:10px; height:7px; margin-top:5px; background:url(../img/index_sign.png) no-repeat 4px -18px }
.index-sign-none2 { display:inline-block; float:left; width:11px; height:12px; margin:6px 10px 0 0; background:url(../img/index_sign.png) no-repeat 0 -56px }
.index-sign-high { display:inline-block; float:left; width:10px; height:9px; margin-top:3px; background:url(../img/index_sign.png) no-repeat 4px -67px }
.index-sign-low { display:inline-block; float:left; width:10px; height:9px; margin-top:4px; background:url(../img/index_sign.png) no-repeat 4px -81px }

.dropbox { display:inline-block; position:relative; font-size:0.83em; margin-top: 5px; margin-right: 10px; text-align: left;}
.dropbox .dropbox-control .dropbox-open { border:solid 1px #ccc; background:url(../img/bg_fsite.png) no-repeat -21px -34px #eaeaea; font-size:1.125em; padding: 0 20px 0 10px; }
.dropbox .dropbox-control .dropbox-open a { display:inline-block; height:24px; padding:0; margin-top: 3px; }
.dropbox .dropbox-list { position:absolute; top:0; border:solid 1px #ddd; background:#ffffff; z-index:999; }
.dropbox .dropbox-list .dropbox-close{ background:url(../img/bg_fsite.png) no-repeat -21px 10px; font-size:1.125em;padding: 0 20px 0 10px; }
.dropbox .dropbox-list .dropbox-close a { display:inline-block; width:100%; height:24px; margin-top: 3px }
.dropbox .dropbox-list ul { margin:0 5px; }
.dropbox .dropbox-list ul li { line-height:2.2 }
.dropbox .dropbox-list ul li:FIRST-CHILD { border-top:dotted 1px #ddd; }
.dropbox .dropbox-list ul li label { vertical-align:top }

.mkd-textarea-guide { resize:none; overflow-y: scroll; width: 100%; height: 250px; border: 1px solid #eeeeee; background-color: #fdfdfd; }
.mkd-width112 { width: 112px !important;}

.icon-STK{ display:inline-block; float:left; width:20px; height:18px; margin-top:5px; margin-right:5px; background:url(../img/icon-legend-06.png) no-repeat 0 -50px }
.icon-KSQ{ display:inline-block; float:left; width:20px; height:18px; margin-top:5px; margin-right:5px; background:url(../img/icon-legend-06.png) no-repeat 0 0 }
.icon-KNX{ display:inline-block; float:left; width:20px; height:18px; margin-top:5px; margin-right:5px; background:url(../img/icon-legend-06.png) no-repeat 0 -150px }

.icon-ENG-STK{ display:inline-block; float:left; width:20px; height:18px; margin-top:7px; margin-right:5px; background:url(../img/icon-legend-06-en.png) no-repeat 0 -50px }
.icon-ENG-KSQ{ display:inline-block; float:left; width:20px; height:18px; margin-top:7px; margin-right:5px; background:url(../img/icon-legend-06-en.png) no-repeat 0 0 }
.icon-ENG-KNX{ display:inline-block; float:left; width:20px; height:18px; margin-top:7px; margin-right:5px; background:url(../img/icon-legend-06-en.png) no-repeat 0 -100px }

.item-bar-graph { position:relative; display:inline-block; height:10px; background:#abe55c; border:1px solid #77bf10 }

.remark { display:inline-block; position:relative; padding-left:10px }
.remark span { position:absolute; left:0; top:50%; width:12px; height:12px; margin:-6px 0 0 -8px }
.remark .remark01 { background:#ffcc69 }
.remark .remark02 { background:#ff9546 }
.remark .remark03 { background:#b54a4a }
.remark .remark04 { background:#792d91 }
.remark .remark05 { background:#173881 }
.remark .remark06 { background:#005a9f }
.remark .remark07 { background:#0071bd }
.remark .remark08 { background:#29aae3 }
.remark .remark09 { background:#5edbf1 }
.remark .remark10 { background:#b4b4b4 }

.icon-file-zip {display:inline-block; vertical-align: middle; min-height:22px; font-size: 0; text-indent: -1000px; padding-left:24px;background-image: url(../img/icon-flie.png); background-repeat: no-repeat; background-position: 0 0;}
.icon-file-jpg {display:inline-block; vertical-align: middle; min-height:22px; font-size: 0; text-indent: -1000px; padding-left:24px;background-image: url(../img/icon-flie.png); background-repeat: no-repeat; background-position: 0 -25px;}
.icon-file-pdf {display:inline-block; vertical-align: middle; height:22px; font-size: 0; text-indent: -1000px; padding-left:24px;background-image: url(../img/icon-flie.png); background-repeat: no-repeat; background-position: 0 -50px;}
.icon-file-xls {display:inline-block; vertical-align: middle; min-height:22px; font-size: 0; text-indent: -1000px; padding-left:24px;background-image: url(../img/icon-flie.png); background-repeat: no-repeat; background-position: 0 -75px;}
.icon-file-doc {display:inline-block; vertical-align: middle; min-height:22px; font-size: 0; text-indent: -1000px; padding-left:24px;background-image: url(../img/icon-flie.png); background-repeat: no-repeat; background-position: 0 -100px;}
.icon-file-hwp {display:inline-block; vertical-align: middle; min-height:22px; font-size: 0; text-indent: -1000px; padding-left:24px;background-image: url(../img/icon-flie.png); background-repeat: no-repeat; background-position: 0 -125px;}
.icon-file-txt {display:inline-block; vertical-align: middle; min-height:22px; font-size: 0; text-indent: -1000px; padding-left:24px;background-image: url(../img/icon-flie.png); background-repeat: no-repeat; background-position: 0 -150px;}
.icon-file-etc {display:inline-block; vertical-align: middle; min-height:22px; font-size: 0; text-indent: -1000px; padding-left:24px;background-image: url(../img/icon-flie.png); background-repeat: no-repeat; background-position: 0 -175px;}

.mkd-section{padding:10px 30px; border:1px solid #dbdbdb;}

.mkd11020200s2-agree-text { position: absolute; display: block; left: 10px; width: 25px; height: 15px; background-image: url(../img/bu-box.png); background-repeat: no-repeat; background-size: 25px; background-position: -15px 0px; }

.mkd-user-layout { border-top: 2px solid #00b4d5; border-bottom: 1px solid #dfdfdf; display: table; width: 100%; padding: 20px 0; margin:0; }

.mkd-user-left { display: table-cell; border-right: 1px solid #dfdfdf; padding: 0 45px; width: 410px; font-size: 92.9% }
.mkd-user-logo { display: table; margin: auto; margin-bottom: 22px; }
.mkd-user-logo span { vertical-align: middle; display: table-cell; }
.mkd-user-logo span:FIRST-CHILD { width: 145px; height: 105px; background-image: url(../img/icon-user.png); background-repeat: no-repeat; }
.mkd-user-logo span:FIRST-CHILD + span { margin-left: 8px; color:#333333; font-size: 157%; }
.mkd-user-logo span:FIRST-CHILD + span > strong { font-size: 181%; }
.mkd-user-logo span.info { background-position: 0px 0px; }
.mkd-user-logo span.pw-reset { background-position: -298px 0px; }
.mkd-user-logo span.certification { background-position: -150px 0px; }

.mkd-user-right { display: table-cell; height: 100%; vertical-align: middle;}
.mkd-user-info {  }
.mkd-user-info div.info { margin: auto; width: 505px; }
.mkd-user-info div.info .fltLef { float: left; }
.mkd-user-info div.info .clrBoth { clear: both; }
.mkd-user-info div.info dl{ padding-top: 8px; display: table; }
.mkd-user-info div.info dl:FIRST-CHILD{ padding: 0; }
.mkd-user-info div.info dl dt{ width: 105px; font-weight: bold; display: table-cell; margin-right: 8px; }
.mkd-user-info div.info dl dd{  }
.mkd-user-info div.info dl dd input{ width:238px; height: 31px; border:1px solid #dbdbdb; background: #f4f4f4; }
.mkd-user-info div.info dl dd select{ width:240px; height: 38px; border:1px solid #dbdbdb; background: #f4f4f4; margin-bottom:8px;}
.mkd-user-info div.info .info-bottom{margin-top:17px;}
.mkd-user-info div.login-btn button{ float: right; margin-right: 45px; width: 100px; height: 78px; background-image: url(../img/ele-btn.png); background-repeat: no-repeat; color: #ffffff; font-size: 128%; border: 1px solid #105594; background-color: #2c77bc; font-weight: 800; text-align: center; }
.mkd-user-info div.login-btn button:HOVER { background-color: #105594; }

.KNX020101 fieldset.design-fieldset > form > dl + dl + script + dl,
.KNX020102 fieldset.design-fieldset > form > dl + dl + script + dl { display:none; }
.KNX020301 fieldset.design-fieldset,
.KNX020302 fieldset.design-fieldset,
.KNX020303 fieldset.design-fieldset { border:none; }
.KNX020605 span.button-mdi-group button:FIRST-CHILD { display:none; }
.KNX020501 div.design-mdi-page-desc,
.KNX020503 div.design-mdi-page-desc,
.KNX020504 div.design-mdi-page-desc { display:none; }

.mkd-mkd04020100t1-topgap{padding:10px 0;}
.mkd-mkd05050000t1-topgap{padding:10px 0;}
.mkd-main-isu-titlelink {position: relative; padding-left: 25px; margin-bottom: 10px; font-size: 15px; font-weight: bold; color:#333}
.mkd-main-isu-titlelink span:FIRST-CHILD {position:absolute;display:block; left:0px;width:25px; height:25px;background-image: url(../img/bu-depth.png); background-repeat: no-repeat;  background-position:0px -20px }
.mkd-main-isu-titlelink span:FIRST-CHILD + span{ margin-right:6px;}
.mkd-main-isu-titlelink span:FIRST-CHILD + span + span{ font-size: 14px; color:#667391; margin-right:5px;}
.mkd-main-isu-titlelink span:FIRST-CHILD + span + span + span{ padding:3px 11px 3px 6px; border:1px solid #c7c7c7; font-weight: normal; font-size:13px; display: inline-block;}
.mkd-main-isu-titlelink span:FIRST-CHILD + span + span + span > a > span{position: relative;display: inline-block;vertical-align: middle; width:10px; height:10px; margin-left:3px; background-image: url(../img/icon-window.png); background-repeat: no-repeat; background-position:0px 0px; }
.mkd-mainisu-box{background: url(../img/ptn-diagonal-01.png) #eaedf4; border-top: 2px solid #333333;} 
.mkd-mainisu-box .design-ul-table{margin: 20px;}
.mkd-mainisu-box + .design-table1 > table {border-top:0;margin-top:0}
.mkd-mainisu-box + .design-table1 > table td {text-align:right}

.mkd-mainisu-chart {position: relative;}
.mkd-mainisu-chart > div:FIRST-CHILD {position: absolute;right:0;top:-33px}
.mkd-main-isu-title { border:1px solid #cdcdcd; }
.mkd-main-isu-title .mkd04020100-isuBox1{ height: 33px; background: #667391; font-size: 15px;color: #fff;font-weight: bold; padding-left: 10px;}
.mkd-main-isu-title .mkd04020100-isuBox1 > span:FIRST-CHILD{margin-right:10px;}
.mkd-main-isu-title .mkd04020100-isuBox1 > span:FIRST-CHILD + span{font-size: 20px;}
.mkd-main-isu-title .mkd04020100-isuBox2{background-color: #fff;height: 60px;text-align: right;padding-right: 12px;font-size: 42px;color: #333;}
.mkd-main-isu-title .mkd05050000-isuBox1{ background: #667391; font-size: 13px;color: #fff;font-weight: bold; padding-left: 10px;}
.mkd-main-isu-title .mkd05050000-isuBox1 > span:FIRST-CHILD{margin-right:10px;}
.mkd-main-isu-title .mkd05050000-isuBox1 > span:FIRST-CHILD + span{font-size: 20px;}
.mkd-main-isu-title .mkd05050000-isuBox2{background-color: #fff;height: 60px;text-align: right;padding-right: 12px;font-size: 35px;color: #333;}
.mkd-mainisu-box .mkd-main-isu-contents{margin-left: 20px;}
.mkd-mainisu-box .mkd-main-isu-contents ul{color: #333;font-size: 15px;line-height: 24pt;}
.mkd-mainisu-box .mkd-main-isu-contents ul > li > span{float: right}

.mkd03010000t1-main-jisu{padding-right: 20px; border-bottom: 1px dotted #ccc; margin-bottom: 10px;}
.mkd03010000t1-main-jisu ul{font-size:15px; margin-bottom:20px;}
.mkd03010000t1-main-jisu ul li:FIRST-CHILD{color:#333;}
.mkd03010000t1-main-jisu ul li:FIRST-CHILD + li > span:FIRST-CHILD{font-size:28px; font-weight: bold;}
.mkd03010000t1-main-jisu ul li:FIRST-CHILD + li > span:FIRST-CHILD + span{float:right; padding-top:10px;}
.mkd03010000t1-highlog-table {margin-right:10px; border: 1px solid #eee;}
.mkd03010000t1-highlog-table > table {width:100%;}
.mkd03010000t1-highlog-table > table > tbody {}
.mkd03010000t1-highlog-table > table > tbody > tr > td {height:25px; text-align: center;}
.mkd03010000t1-highlow-div{margin-right: 10px;}
.mkd03010000t1-highlow-div > ul > li{color:#333; font-size: 13px; font-weight: bold;}
.mkd03010000t1-highlow-div > ul > li:FIRST-CHILD{margin-top:10px; }
.mkd03010000t1-highlow-div > ul > li:FIRST-CHILD + li{margin-top:8px; margin-bottom:10px;}
.mkd03010000t1-highlow-div > ul > li > span:FIRST-CHILD + span{float: right}
.mkd03010000t1-show-btn{border-top: 1px solid #667391;margin-right:10px; text-align:right;}
.mkd03010000t1-show-btn button {width:25px; height:24px; background-image: url(../img/btn-mdibox.png); background-repeat: no-repeat; background-position: 0 -100px; border: 0; background-color: transparent;}

.mkd-legend-bottom-box {overflow: hidden;}
.mkd-legend-bottom-box > ul > li{float:left; margin-right: 15px; font-size:13px;}
.mkd01100304p1-popup-view{color:#333; font-size:13px;}
.mkd01100304p1-popup-view > dl > dt{position:relative;padding-left:25px; font-size:114%; font-weight: bold; }
.mkd01100304p1-popup-view > dl > dt > span:FIRST-CHILD{position:absolute;display:block; left:0px;width:25px; height:25px;background-image: url(../img/bu-depth.png); background-repeat: no-repeat;  background-position:0px -20px }
.mkd01100304p1-popup-view > dl > dd {margin:20px 0;}

.mdk-chartMaingBg{position: absolute;top:0px; width:100%; height:100%; border: 1px solid #eaeaea; background: #f8f8f8 url(../img/ele-mdichart-default.png) no-repeat center;}
.mdk-chartMaingBg > div{margin-top: 280px; font-size:0.9em; height: 22px; text-align: center;}
.mdk-chartMaing-BigChartBg{position: absolute;top:0px; width:100%; height:100%; border: 1px solid #eaeaea; background: #f8f8f8 url(../img/ele-mdibigchart-default.png) no-repeat center;}
.mdk-chartMaing-BigChartBg > div{margin-top: 280px; font-size:0.9em; height: 22px; text-align: center;}
.mkd-chart-compare-topdiv{height:85px; background: #313946; margin-bottom:40px;}
.mkd-chart-compare-topdiv > div {text-align: center; width: 100%; height: 100%; padding-top:15px;}
.mkd-chart-compare-topdiv > div > span{color:#fff; font-size: 2em;font-weight: bold; vertical-align: bottom;} 
.mkd-chart-compare-topdiv > div > img{vertical-align: middle; margin-right:10px;}
.mkd-chart-compare-topdiv > div > img:FIRST-CHILD{margin-right:20px;}
.mkd-chart-compare-main-div{padding:0 40px;}
.mkd-chart-compare-div{background-color: #667391; height:40px;}
.mkd-chart-compare-div > ul {display:table;width:100%}
.mkd-chart-compare-div > ul > li {display:table-cell; vertical-align: bottom;}
.mkd-chart-compare-div > ul > li:FIRST-CHILD > input {margin-left:10px; height:24px; width: 60%; }
.mkd-chart-compare-div > ul > li:FIRST-CHILD > button {display:inline-block;border:1px solid #313946; background: #313946; text-align: center;white-space: nowrap; color: #fff; margin-left: 5px; color: #fff; padding: 4px 10px;}
.mkd-chart-compare-div > ul > li:FIRST-CHILD {position: relative;}
.mkd-chart-compare-div > ul > li:FIRST-CHILD > .search-auto{top: 30px;left: 10px;width: 59.5%;}

.mkd-chart-compare-table {margin-bottom:20px;}
.mkd-chart-compare-table > .design-table1 > table {margin:0; border-top:1px solid #495776;}
.mkd-chart-compare-bottom{display:table; background: #f7f7f7; border-bottom:1px solid #d8d8d8; border-left:1px solid #d8d8d8; border-right:1px solid #d8d8d8; width:99.9%; height:32px;}
.mkd-chart-compare-bottom .cal-area{vertical-align:middle;}
.mkd-chart-compare-bottom .cal-area > button{height: 24px; padding:0 5px;}
.mkd-chart-compare-bottom .cal-area > .cal-btn-open{width: 25px !important; background-position: -72px -23px !important;}
.mkd-chart-compare-bottom .cal-area > input[type=text] { height: 24px !important; }
.mkd-chart-compare-bottom .cal-area .btn-search,
.mkd-chart-compare-bottom .cal-area .btngroup-myindex{display:inline-block;border:1px solid #313946; background: #313946; text-align: center;white-space: nowrap; color: #fff; margin-left: 5px; color: #fff;}

.mkd-time-right{float:right; color:#333; font-size:0.8em;}
.mkd03040101-topbox{position: relative; padding-bottom:3px; margin-bottom:20px;}
.mkd03040101-topbox > div:FIRST-CHILD {border: 1px solid #dbdbdb; background-color: #fff; height: 120px; overflow: hidden;}
.mkd03040101-topbox > div:FIRST-CHILD > dl{background-color: #f8f8f8; border:2px solid #fff; padding: 17px;}
.mkd03040101-topbox > div:FIRST-CHILD > dl > dt{font-weight: bold; font-size: 1.3em; color: #394563; padding-bottom: 15px;}
.mkd03040101-topbox > div:FIRST-CHILD > dl > dd{color: #666;}
.mkd03040101-topbox > div:FIRST-CHILD > div{position: absolute; bottom: -3px; right:5px;}
.mkd03040101-topbox > div:FIRST-CHILD > div > button {width:29px; height:30px; background:transparent url(../img/btn-mdibox.png) no-repeat 0px -49px; border: 0;}

.jisulist-open-btn{margin-left: 10px; height:29px;width:29px;box-sizing:border-box;border-radius:30px; border:1px solid #667391; background: #fff url(../img/btn-mditab.png) no-repeat 6px -394px;}
.jisulist-open-btn:HOVER {background: #667391 url(../img/btn-mditab.png) no-repeat -44px -394px;}
.mkd03040101-jisulist{position: absolute; width:100%; top:0; z-index: 2;}
.mkd03040101-jisulist .popupclosebtn{position: absolute; top:14px;right: 10px;border: 0;width: 20px;height: 20px;font-size: 0;background: #ffffff url(../img/btn-mdipopup.png) no-repeat 0 0;}
.mkd03040101-jisulist > div {border: 1px solid #e7e7e7; background-color: #fff;}
.mkd03040101-jisulist > div > dl > dt{border-bottom:1px solid #e7e7e7; height: 35px; padding: 5px 0 0 0;}
.mkd03040101-jisulist > div > dl > dt > span{font-size:1.2em; font-weight: bold; vertical-align: middle; margin-left: 30px;}
.mkd03040101-jisulist > div > dl > dd{padding:20px; background-color:#fbfbfb}
.mkd03040101-jisulist > div > dl > dd > ul{overflow:hidden;}
.mkd03040101-jisulist > div > dl > dd > ul > li{float:left; width:179px; margin-bottom: 10px;}
.mkd03040101-jisulist > div > dl > dd > ul > li > span{position: absolute; width: 12px; height: 12px; background:transparent url(../img/bu-depth.png) no-repeat 0 -91px; margin-left: -15px;}

.mkd-allstock-topbox{position: relative; height: 82px; background-color: #33384a; overflow: hidden;}
.mkd-allstock-topbox div{width: 320px; height: 100%; position: absolute;}
.mkd-allstock-topbox .icon{position: relative; left: 20px; top: 12px;}
.mkd-allstock-topbox .logo{left: 32px; top: -20px; position: relative;}
.mkd-allstock-topbox h1{font-size: 20px; font-weight: bold; color: #ffffff; position: absolute; top: 33px; left: 83px;}
.mkd-allstock-topbox ul{position: absolute; left: 320px; width: 663px; height: 100%;}
.mkd-allstock-topbox ul li:last{border-right: 0px;}
.mkd-allstock-topbox ul li{width: 180px; float: left; padding: 20px 20px; cursor: pointer; border-right: 1px solid #000000}
.mkd-allstock-topbox ul li p{font-size: 22px; font-weight: bold; color: #ffffff; line-height: 16px; margin-bottom: 10px;}
.mkd-allstock-topbox ul li p:last{margin-bottom: 0px !important;}
.mkd-allstock-topbox ul li .clsprc{font-size: 20px; float: left; font-weight: initial !important;}
.mkd-allstock-topbox ul li .idxInfo{font-size: 20px; float: right;}
.mkd-allstock-topbox ul li .cls_cmpr{font-size: 13px;}
.mkd-allstock-topbox ul li.on{background-color: #ffffff; color: #333333;}
.mkd-allstock-topbox ul li.on p{color: #333333 !important;}
.mkd-allstock-inquirybox{position: relative; height: 50px; background-color: #ffffff;}
.mkd-allstock-inquirybox .refresh{position: absolute; top: 9px; right: 0px;}
.mkd-allstock-inquirybox .refresh img{cursor: pointer; margin-left: 10px; margin-right: 20px;}
.mkd-allstock-inquirybox .refresh span{position: relative; top: -10px;}
.mkd-allstock-inquirybox .category{position: absolute; top: 14px; left: 20px;}
.mkd-allstock-inquirybox .category span{padding-right: 8px; position: relative; top: -2px;}
.mkd-allstock-databox {padding: 20px; background-color: #272d41; color: #ffffff; font-size: 13px; overflow: scroll; background-image: url(../../../res/pc/img/ptn-triangle-b.png); background-position: 0px -21px;}
.mkd-allstock-databox div.data{width: 300px; float: left; margin-right: 12px; margin-bottom: 20px}
.mkd-allstock-databox table.databoard{width: 100%; border-spacing: initial; border: solid 1px #000000;}
.mkd-allstock-databox table.databoard thead{text-align: center; background-color: #000000;}
.mkd-allstock-databox table.databoard thead tr{height: 40px;}
.mkd-allstock-databox table.databoard tbody tr{height: 37px; background-color: #272d41;}
.mkd-allstock-databox table.databoard tbody tr.list{background-color: #1e2437}
.mkd-allstock-databox table.databoard tbody tr td{padding: 11px 10px 12px 10px;}
.mkd-allstock-databox table.databoard td.num{text-align: right;}
.mkd-allstock-psbox{height: 45px; border: 1px solid #1f222c; background-color: #272d41; font-size: 12px; color: #ffffff; position: absolute; width: 100%; bottom: 0px; right: 0px;}
.mkd-allstock-psbox p{position: absolute; top: 15px; left: 36px;}
.mkd-allstock-psbox span{position: absolute; width: 12px; height: 16px; left: 20px; top: 15px; background-image: url(../../../res/pc/img/bu-footnote.png); background-repeat: no-repeat; background-position: 0px -21px;}

.mkd11050100t2-basket { padding: 8px 10px; border: 1px solid #495776; background: #667391; color:#ffffff; }
.mkd11050100t2-basket select {height:30px; min-width:100px;border:1px solid #dbdbdb; padding:4px 2px; };
.push-basket-btn { background-color:#313946; color:#ffffff; border:0px; padding: 5px 15px; float:right;}
.push-basket-btn > span { display: inline-block; width: 21px; height: 20px; margin-right: 10px; vertical-align: middle; background-image: url(../img/icon-btn.png);  background-repeat: no-repeat; background-position: -345px -20px;  }

.mkd11050100t2-layout-icon { display: inline-block; width: 31px; height: 31px; vertical-align: middle; background-image: url(../img/icon-datasale.png);  background-repeat: no-repeat; background-position: 0px 0px; }
.mkd11050100t2-sample-icon { display: inline-block; width: 31px; height: 31px; vertical-align: middle; background-image: url(../img/icon-datasale.png);  background-repeat: no-repeat; background-position: 0px -50px; }
.mkd11050100t2-code-icon { display: inline-block; width: 31px; height: 31px; vertical-align: middle; background-image: url(../img/icon-datasale.png);  background-repeat: no-repeat; background-position: 0px -100px; }

.glb-disclosure-lang-icon-kor { display:inline-block; vertical-align:middle; width:30px; height:18px; margin-right:5px; background:url(../img/icon-legend-07-en.png) no-repeat 0 -100px }
.glb-disclosure-lang-icon-kor2 { display:inline-block; vertical-align:middle; width:30px; height:18px; margin-right:5px; background:url(../img/icon-legend-07-en.png) no-repeat 0 -50px }
.glb-disclosure-lang-icon-eng { display:inline-block; vertical-align:middle; width:30px; height:18px; margin-right:5px; background:url(../img/icon-legend-07-en.png) no-repeat 0 0 }

.mkd99000020-div > .design-fieldset > form {border: 1px solid #C0B09B; background:#C0B09B url(../img/ptn-triangle-gray.png); margin-top: 25px;text-align: center; height: 59px; color: #665842;}
.mkd99000020-div > .design-fieldset > form > div > span{position: relative;}
.mkd99000020-div > .design-fieldset > form > div > span > input[type=text]{padding: 10px; width:45%; height:35px !important; }
.mkd99000020-div > .design-fieldset > form > div > span > .search-auto{left: 0px;top: 30px;width: 99.6%;text-align: left;font-weight: normal;}
.mkd99000020-div > .design-fieldset > form > div > span{margin-right: 10px; font-size: 1.2em; font-weight: bold; }
.mkd99000020-div > .design-fieldset > form > div > .btn-board-search{border-radius: 0; background-color: #665842 !important;border: 1px solid #665842;width: 100px;height: 35px !important;margin: 12px 0px !important;}
.mkd99000020-div > .design-fieldset > form > div > .btn-board-search:HOVER{background-color: #483d2a !important;}
.mkd99000020-div > .design-fieldset > form > div > span > .btn-board-search{font-size:0.85em; width:120px; border-radius: 0; background-color: #555 !important;border: 1px solid #454545;height: 35px !important;margin: 12px 0px !important;}
.mkd99000020-div > .design-fieldset > form > div > span > .btn-board-search:HOVER{background-color: #4f4f4f !important;}
.mkd99000020-div > .design-fieldset > form > div .btn-board > span{top: 13px !important;}

.mkd10010103 .rinkBtn { margin: 10px 10px 10px 0px; width: 215px; height: 40px; display: inline-block; background-image: url('../../../contents/MKD/10/1001/10010103/btn_mditab.png'); }
.mkd10010103 #rinkBtn1:FIRST-CHILD:HOVER { background-position: 250px 0px;}
.mkd10010103 #rinkBtn2 { background-position: 0px -100px;}
.mkd10010103 #rinkBtn2:HOVER { background-position: 250px -100px;}
.mkd10010103 #rinkBtn3 { background-position: 0px -200px;}
.mkd10010103 #rinkBtn3:HOVER { background-position: 250px -200px;}

.glb-horizon-list > div { display: table; width: 100%;}
.glb-horizon-list > div > dl { display: table-cell; padding-left: 20px; width: 50%;}
.glb-horizon-list > div > dl:FIRST-CHILD { padding-left: 0; }

.glb-history { padding: 35px 0; border-bottom: 1px dotted #cccccc; }
.glb-history:FIRST-CHILD { padding-top: 20px; }
.glb-history table{border-collapse: collapse; width: 100%; }
.glb-history table caption{ display: none; }
.glb-history table tbody > tr:FIRST-CHILD > td:FIRST-CHILD,
.glb-history table tbody > tr th{text-align: left; }
.glb-history table td, .glb-history th {vertical-align: top}
.glb-history table tbody > tr > th:FIRST-CHILD { }	
.glb-history table tbody > tr > td:FIRST-CHILD { font-size: 214.3%; font-weight:bold; padding-right: 60px; border-left: none; }
.glb-history table tbody > tr > th { padding-right:20px; border-right: 1px solid #007ab3; font-size: 128.6%; color: #007ab3; position: relative;}
.glb-history table tbody > tr > th > div {background-color: #007ab3; width: 7px; height: 7px; position: absolute; right: -4px; top: 12px; border-radius:10px}
.glb-history table tbody > tr > th + td,
.glb-history table tbody > tr > td + th + td{ padding-left:20px;}

.mkd99000020-div .mkd99000020-schment{display:inline-block; padding-left:20px; background:url(../img/bu-search.png) no-repeat 0 4px; font-size:1em; font-weight:bold; color:#333}
.mkd99000020-div .mkd99000020-schment > span{color:#ba590a;}

.glb0508020600-div { width:60%; margin:auto;}

.glb-history.krx-history table tbody > tr > td > dl{  }
.glb-history.krx-history table tbody > tr > td > dl > dt{ float: left; padding: 0 20px; width: 50px; color: #666666}
.glb-history.krx-history table tbody > tr > td > dl > dd{ padding-left: 90px;}

.glb0508030000-mail-icon { display:inline-block; width:20px; height:15px; background:url(../img/icon_sprite.png) no-repeat 0 -145px; margin-left: 11px; }
.glb0508030000-tel-icon { display:inline-block; width:20px; height:15px; background:url(../img/icon_sprite.png) no-repeat 0 -176px; margin-left: 11px; }
.glb0508030000-fax-icon { display:inline-block; width:20px; height:15px; background:url(../img/icon_sprite.png) no-repeat 0 -207px; margin-left: 11px; }


.glb-mem-reg-btn {margin-top: 20px;}

.glb-time-right{float:right; color:#333; font-size:0.8em;}
.glb0502030101-topbox{position: relative; padding-bottom:3px; margin-bottom:20px;}
.glb0502030101-topbox > div:FIRST-CHILD {border: 1px solid #dbdbdb; background-color: #fff; height: 120px; overflow: hidden;}
.glb0502030101-topbox > div:FIRST-CHILD > dl{background-color: #f8f8f8; border:2px solid #fff; padding: 17px;height: 100%;}
.glb0502030101-topbox > div:FIRST-CHILD > dl > dt{font-weight: bold; font-size: 1.3em; color: #394563; padding-bottom: 15px;}
.glb0502030101-topbox > div:FIRST-CHILD > dl > dd{color: #666;}
.glb0502030101-topbox > div:FIRST-CHILD > div{position: absolute; bottom: -3px; right:5px;}
.glb0502030101-topbox > div:FIRST-CHILD > div > button {width:29px; height:30px; background:transparent url(../img/btn-mdibox.png) no-repeat 0px -49px; border: 0;}

.jisulist-open-btn{margin-left: 10px; height:29px;width:29px;box-sizing:border-box;border-radius:30px; border:1px solid #667391; background: #fff url(../img/btn-mditab.png) no-repeat 6px -394px;}
.jisulist-open-btn:HOVER {background: #667391 url(../img/btn-mditab.png) no-repeat -44px -394px;}
.glb0502030101-jisulist{position: absolute; width:100%; top:0; z-index: 2;}
.glb0502030101-jisulist .popupclosebtn{position: absolute; top:14px;right: 10px;border: 0;width: 20px;height: 20px;font-size: 0;background: #ffffff url(../img/btn-mdipopup.png) no-repeat 0 0;}
.glb0502030101-jisulist > div {border: 1px solid #e7e7e7; background-color: #fff;}
.glb0502030101-jisulist > div > dl > dt{border-bottom:1px solid #e7e7e7; height: 35px; padding: 5px 0 0 0;}
.glb0502030101-jisulist > div > dl > dt > span{font-size:1.2em; font-weight: bold; vertical-align: middle; margin-left: 30px;}
.glb0502030101-jisulist > div > dl > dd{padding:20px; background-color:#fbfbfb}
.glb0502030101-jisulist > div > dl > dd > ul{overflow:hidden;}
.glb0502030101-jisulist > div > dl > dd > ul > li{float:left; width:179px; margin-bottom: 10px;}
.glb0502030101-jisulist > div > dl > dd > ul > li > span{position: absolute; width: 12px; height: 12px; background:transparent url(../img/bu-depth.png) no-repeat 0 -91px; margin-left: -15px;}

.glb-0301020000-table > div > table { margin-bottom: 10px; border-top-color: #333; }
.glb-0301020000-table > div > table > thead > tr > th,
.glb-0301020000-table > div > table > tbody > tr > td { border-left: 0; padding: 9px 30px; }
.glb-0301020000-table > div > table > tbody > tr.active > td { background-image: url(../img/ptn-diagonal-01.png); background-color: #ecfcff; color: #00488c; font-size: 114%; font-weight: bold; padding: 0 30px; height: 39px; position: relative; }
.glb-0301020000-table > div > table > tbody > tr.active > td > span { color: #fff; font-weight: bold; position: absolute; top: 20px; left: 75px; display: block; width: 27px; height: 27px; margin-top: -12px; margin-left: -13px; font-size: 87.5%; }
.glb-0301020000-table > div > table > tbody > tr.active > td > img { vertical-align: middle; }
.glb-0301020000-table > p.note { font-size: 93%; color: #666; }
.glb-0301020000-table > p.note > span { display: inline-block; vertical-align: middle; background-image: url(../img/bu-etc.png); background-position: 0px -24px; width: 10px; height: 10px; margin-right: 5px; }


.glb-user-layout { border-top: 2px solid #00b4d5; border-bottom: 1px solid #dfdfdf; display: table; width: 100%; padding: 40px 0; margin: 100px 0; }

.glb-user-left { display: table-cell; border-right: 1px solid #dfdfdf; padding: 0 45px; width: 410px; font-size: 92.9% }
.glb-user-logo { display: table; margin: auto; margin-bottom: 22px; }
.glb-user-logo span { vertical-align: middle; display: table-cell; }
.glb-user-logo span:FIRST-CHILD { width: 145px; height: 105px; background-image: url(../img/icon-user.png); background-repeat: no-repeat; }
.glb-user-logo span:FIRST-CHILD + span { margin-left: 8px; color:#333333; font-size: 157%; }
.glb-user-logo span:FIRST-CHILD + span > strong { font-size: 193%; }
.glb-user-logo span.info { background-position: 0px 0px; }
.glb-user-logo span.pw-reset { background-position: -298px 0px; }
.glb-user-logo span.certification { background-position: -150px 0px; }

.glb-user-success{ display: inline-block; width: 50%;}

.glb-user-right { display: table-cell; height: 100%; vertical-align: middle;}
.glb-user-info {  }
.glb-user-info div.itinfo { float: left; margin-left: 38px; width: 416px; }
.glb-user-info div.itinfo dl{ padding-bottom: 8px; display: table; }
.glb-user-info div.itinfo dl dt{ width: 60px; font-weight: bold; display: table-cell; margin-right: 8px; }
.glb-user-info div.itinfo dl dd select{ width:355px; height: 31px; border:1px solid #dbdbdb; background: #f4f4f4; }
.glb-user-info div.info { float: left; margin-left: 38px; width: 308px; }
.glb-user-info div.info dl{ padding-top: 8px; display: table; }
.glb-user-info div.info dl:FIRST-CHILD{ padding: 0; }
.glb-user-info div.info dl dt{ width: 80px; font-weight: bold; display: table-cell; margin-right: 8px; }
.glb-user-info div.info dl dd{  }
.glb-user-info div.info dl dd input{ width:220px; height: 31px; border:1px solid #dbdbdb; background: #f4f4f4; }
.glb-user-info div.info dl dd select{ width:220px; height: 31px; border:1px solid #dbdbdb; background: #f4f4f4; }
.glb-user-info div.login-btn button{ float: right; margin-right: 45px; width: 100px; height: 77px; background-image: url(../img/ele-btn.png); background-repeat: no-repeat; color: #ffffff; font-size: 128%; border: 1px solid #105594; background-color: #2c77bc; font-weight: 800; text-align: center; }
.glb-user-info div.login-btn button:HOVER { background-color: #105594; }

.glb-user-pw-reset div.info { margin-left: 38px; width: 418px; }
.glb-user-pw-reset div.info dl{ padding-top: 8px; display: table; }
.glb-user-pw-reset div.info dl:FIRST-CHILD{ padding: 0; }
.glb-user-pw-reset div.info dl dt{ width: 140px; font-weight: bold; display: table-cell; margin-right: 8px; }
.glb-user-pw-reset div.info dl dd{  }
.glb-user-pw-reset div.info dl dd input{ width:278px; height: 31px; border:1px solid #dbdbdb; background: #f4f4f4; }

.glb-user-input-btn { border: 1px solid #c7c7c7; background-color: #ffffff; padding: 2px 10px; }
.glb-user-input-btn:HOVER { background-color: #f0f0f0; }
.glb-user-btn { position:relative; display:table; border:0; margin:auto; padding-top: 35px; }
.tsk-user-logo span:FIRST-CHILD { width: 145px; height: 105px; background-image: url(../img/icon-user.png); background-repeat: no-repeat; }
.tsk-user-logo span:FIRST-CHILD + span { margin-left: 8px; color:#333333; font-size: 157%; }
.tsk-user-logo span:FIRST-CHILD + span > strong { font-size: 193%; }
.glb-user-btn div { display: table-cell; padding-left:4px; }
.glb-user-btn div:FIRST-CHILD { margin: 0; }
.glb-user-btn div a, .glb-user-btn div button { display: inline-block; width:198px; padding:13px 0; color: #ffffff; font-size: 87%; border: 1px solid #105594; background-color: #2c77bc; font-weight: bold; text-align: center; vertical-align: middle; }
.glb-user-btn div a:HOVER, .glb-user-btn div button:HOVER { background-color: #105594; }
.glb-user-btn div span { display: inline-block; width: 21px; height: 20px; margin-right: 10px; vertical-align: middle; background-image: url(../img/icon-btn.png);  background-repeat: no-repeat;  }
.glb-user-btn div > .join span { background-position: -150px -50px; }
.glb-user-btn div > .pw-reset span { background-position: -226px -50px; }
.glb-user-btn div > .confirm span { background-position: -125px -50px; }
.glb-user-btn div > .cancle, .glb-user-btn div > .prev { color: #666666; background-color: #ffffff; border-top:1px solid #c7c7c7; border-left:1px solid #c7c7c7; border-bottom:1px solid #a3a3a3; border-right:1px solid #a3a3a3; }
.glb-user-btn div > .cancle:HOVER, .glb-user-btn div > .prev:HOVER { background-color: #f0f0f0; }
.glb-user-btn div > .cancle span { background-position: -25px -50px; }
.glb-user-btn div > .info span { background-position: -75px -50px; }
.glb-user-btn div > .prev span { background-position: 0 -50px; }
.glb-user-btn div > .withdrawal span { background-position: -200px -50px; }
.glb-user-btn div > .main { color: #666666; font-size: 87%; border-top: 1px solid #c7c7c7; border-left: 1px solid #c7c7c7; border-right: 1px solid #a3a3a3; border-bottom: 1px solid #a3a3a3; background-color: #ffffff; }
.glb-user-btn div > .main:HOVER { background-color: #f0f0f0; }
.glb-user-btn div > .main span { background-position: -50px -50px; }

.glb-chart-compare-div{background-color: #667391; height:40px;}
.glb-chart-compare-div > ul {display:table;width:100%}
.glb-chart-compare-div > ul > li {display:table-cell; vertical-align: bottom;}
.glb-chart-compare-div > ul > li:FIRST-CHILD > input {margin-left:10px; height:24px; width: 60%; }
.glb-chart-compare-div > ul > li:FIRST-CHILD > button {display:inline-block;border:1px solid #313946; background: #313946; text-align: center;white-space: nowrap; color: #fff; margin-left: 5px; color: #fff; padding: 4px 10px;}
.glb-chart-compare-div > ul > li:FIRST-CHILD {position: relative;}
.glb-chart-compare-div > ul > li:FIRST-CHILD > .search-auto{top: 30px;left: 10px;width: 59.5%;}
.glb-chart-compare-bottom{display:table; background: #f7f7f7; border-bottom:1px solid #d8d8d8; border-left:1px solid #d8d8d8; border-right:1px solid #d8d8d8; width:99.9%; height:32px;}
.glb-chart-compare-bottom .cal-area{vertical-align:middle;}
.glb-chart-compare-bottom .cal-area > button{height: 24px; padding:0 5px;}
.glb-chart-compare-bottom .cal-area > .cal-btn-open{width: 25px !important; background-position: -72px -23px !important;}
.glb-chart-compare-bottom .cal-area > input[type=text] { height: 24px !important; }
.glb-chart-compare-bottom .cal-area .btn-search,
.glb-chart-compare-bottom .cal-area .btngroup-myindex{display:inline-block;border:1px solid #313946; background: #313946; text-align: center;white-space: nowrap; color: #fff; margin-left: 5px; color: #fff;}

.glb-glb0503010300-topgap{padding:10px 0;}
.glb-main-isu-titlelink {position: relative; padding-left: 25px; margin-bottom: 10px; font-size: 15px; font-weight: bold; color:#333}
.glb-main-isu-titlelink span:FIRST-CHILD {position:absolute;display:block; left:0px;width:25px; height:25px;background-image: url(../img/bu-depth.png); background-repeat: no-repeat;  background-position:0px -20px }
.glb-main-isu-titlelink span:FIRST-CHILD + span{ margin-right:6px;}
.glb-main-isu-titlelink span:FIRST-CHILD + span + span{ font-size: 14px; color:#667391; margin-right:5px;}
.glb-main-isu-titlelink span:FIRST-CHILD + span + span + span{ padding:3px 11px 3px 6px; border:1px solid #c7c7c7; font-weight: normal; font-size:13px;}
.glb-main-isu-titlelink span:FIRST-CHILD + span + span + span > a > span{position: relative;display: inline-block;vertical-align: middle; width:10px; height:10px; margin-left:3px; background-image: url(../img/icon-window.png); background-repeat: no-repeat; background-position:0px 0px; }
.glb-mainisu-box{background: #e5e5e5; border-top: 1px solid #c7c7c7; height: 136px;}
.glb-mainisu-box .design-ul-table{margin: 20px;}
.glb-mainisu-box .design-ul-table > ul > li {width: 50%;}
.glb-main-isu-title{ border:1px solid #cdcdcd;}
.glb-main-isu-title .glb0503010300-isuBox1{ height: 33px; background: #667391; font-size: 15px;color: #fff;font-weight: bold; padding-left: 10px;}
.glb-main-isu-title .glb0503010300-isuBox1 > span:FIRST-CHILD{margin-right:10px;}
.glb-main-isu-title .glb0503010300-isuBox1 > span:FIRST-CHILD + span{font-size: 20px;}
.glb-main-isu-title .glb0503010300-isuBox2{background-color: #fff;height: 60px;text-align: right;padding-right: 12px;font-size: 42px;color: #333;}
.glb-mainisu-box .glb-main-isu-contents{margin-left: 20px;}
.glb-mainisu-box .glb-main-isu-contents ul{color: #333;font-size: 15px;line-height: 24pt;}
.glb-mainisu-box .glb-main-isu-contents ul > li > span{float: right}

.glb-legend-bottom-box {overflow: hidden;}
.glb-legend-bottom-box > ul > li{float:left; margin-right: 15px; font-size:13px;}
.glb0501060000p1-popup-view{color:#333; font-size:13px;}
.glb0501060000p1-popup-view > dl > dt{position:relative;padding-left:25px; font-size:114%; font-weight: bold; }
.glb0501060000p1-popup-view > dl > dt > span:FIRST-CHILD{position:absolute;display:block; left:0px;width:25px; height:25px;background-image: url(../img/bu-depth.png); background-repeat: no-repeat;  background-position:0px -20px }
.glb0501060000p1-popup-view > dl > dd {margin:20px 0;}

.glb-0402040000-table { display: table; width: 100%; }
.glb-0402040000-table > div { display: table-row; }
.glb-0402040000-table > div > div { display: table-cell; width: 33.33333%; padding: 15px; }
.glb-0402040000-table > div table { margin: 0; }

#searchBox { width: 100%; height: 47px; background-color: #c0b09b; background:transparent url(../img/ptn-triangle-gray.png); margin-bottom: 35px; position: relative;}
#searchBox .in { width: 712px; margin: 0px auto; padding-top: 6px; position:relative; }
#searchBox fieldset { border: 0; padding: 0; margin: 0; height: 35px; float: left;}
#searchBox fieldset legend { display: none; }
#searchBox fieldset span {   font-size: 16px; font-weight: bold; color: #665842; position: relative; left: -5px; }
#searchBox fieldset .AKCKwd { width: 400px; height: 35px; border: 0; padding: 0;}
#searchBox fieldset #AKCDiv { left: 60px; width: 525px; display:none; Z-INDEX: 11; position: absolute;}
#searchBox fieldset #AKCDiv #AKCIfrm { width: 400px;}
#searchBox .in span label { font-size: 14px; color: #665842; position: relative; margin: 0; } 
#searchBox .in #research { position: relative; margin-left: 10px;} 
#searchBox .in #search_btn_box { position: relative; display: inline-block; min-width: 100px; height: 35px; border: 0; font-size: 100%; padding: 0 20px 0 35px; margin-left: 40px; box-sizing: border-box; background-color: #665842; color: #ffffff !important; } 
#searchBox .in #search_btn_box:HOVER { background-color: #483d2a; } 
#searchBox .in #search_btn_box span { position: absolute; top: 13px; left: 25px; display: block; width: 15px; height: 15px; background-image: url(../img/icon-btn.png); background-repeat: no-repeat; background-position: -200px 0px; }

#searchBox #search_btn_back { position: absolute; display: inline-block; min-width: 222px; height: 40px; font-size: 100%; padding: 0 20px 0 35px; box-sizing: border-box; background-color: #ffffff; color: #333333 !important; border: 1px solid #c7c7c7; right: 0; top: 117px; z-index: 99; } 
#searchBox #search_btn_back span { position: absolute; top: 10px; left: 11px; display: block; width: 25px; height: 19px; background-image: url(../img/icon-btn.png); background-repeat: no-repeat; background-position: 0px -50px; }

.search h1 { font-size: 28px; font-weight: bold; color: #333333; } 
.search h2 { font-size: 16px; font-weight: bold; color: #666666; } 

#schCont { margin: 30px 0 0; padding: 0; border: 1px solid #dbdbdb; }
#schCont .schCont { height: 45px; border-bottom: 1px solid #dbdbdb; background-color: #fbfbfb;}
#schCont .schCont p { top: 11px; position: relative; margin-left: 40px; }
#schCont .schCont p span { position: absolute; display: block; width: 20px; height: 20px; background-image: url(../img/icon-totalsearch.png); background-repeat: no-repeat; left: -25px; top: 2px; }
#schCont .schCont p.market span { background-position: 0px 0px; }
#schCont .schCont p.menu span { background-position: -25px 0px; }
#schCont .schCont p.dic span { background-position: -50px 0px; }
#schCont .schCont p.ldr span { background-position: -75px 0px; }
#schCont .schCont p.news span { background-position: -100px 0px; }
#schCont .schCont .btnmore {   position: relative; float: right; border: 1px solid#dbdbdb; padding: 5px; right: 10px; top: -13px; }
#schCont .schCont .btnmore span { display: block; width: 18px; height: 18px; background-image: url(../img/icon-btn.png); background-repeat: no-repeat; float: right; background-position: -300px 0px; border: 1px solid #c7c7c7;}

#schCont .schCont_dl { margin: 30px; }
#schCont .schCont_dl dt { background-image: url(../img/bu-depth.png); background-repeat: no-repeat; background-position:0px -90px; padding-left: 20px; margin-bottom: 10px; }
#schCont .schCont_dl dt, #schCont .schCont_dl dt a{ font-size: 14px; color: #007ab3 !important; }
#schCont .schCont_dl dd { font-size: 13px; color: #666666; padding-left: 20px; padding-bottom: 18px; }
#schCont .schCont_dl dd:last-child { padding-bottom: 0; }
#schCont .schCont_dl dd.not_row { font-size: 14px !important; }

.img-title-margin { margin-bottom: 20px }

.mkdMKD01110100-topBox{padding: 30px;margin-bottom: 40px;border: 1px solid #e7e7e7; background-color: #fff;}
.mkdMKD01110100-topBox > dl{overflow: hidden;}
.mkdMKD01110100-topBox > dl > dt {float:left}

.stock_info{margin-top:20px;}

.mkd-inipay-loading-table-01 { width:100%; border:0; cellpadding:0; cellspacing:0; }
.mkd-inipay-loading-table-01 .mkd-inipay-loading-table-02{ width:304px; height:150px; border:0; }
.mkd-inipay-loading-table-01 .mkd-inipay-loading-table-02-td { text-align:center; valign:top; background-image: url(../img/inipay_loading_bg.gif); }
.mkd-inipay-loading-table-01 .mkd-inipay-loading-table-03 { width:100%; height: 150px; border:0; }

.mkd-inipay-title { display: inline-block; width: 142px; height: 18px; margin: 0; padding: 0; background-color: transparent; background-image: url(../img/inipay_title.gif); background-repeat: no-repeat; border: 0; color: transparent; font-size: 0; }
.mkd-inipay-loading { display: inline-block; width: 269px; height: 14px; margin: 0; padding: 0; background-color: transparent; background-image: url(../img/inipay_loading.gif); background-repeat: no-repeat; border: 0; color: transparent; font-size: 0; }

.status-opened { border: 1px solid #3ba0c5; background-color: #45bce8; color: #fff; font-size: 93%; }
.status-reopened { border: 1px solid #33ae1f; background-color: #55c043; color: #fff; font-size: 93%; }
.status-assigned { border: 1px solid #db860d; background-color: #e49f14; color: #fff; font-size: 93%; }
.status-rectified { border: 1px solid #c16000; background-color: #e67200; color: #fff; font-size: 93%; }
.status-resolved { border: 1px solid #2156cb; background-color: #2f63d8; color: #fff; font-size: 93%; }
.status-released { border: 1px solid #8445c0; background-color: #945acb; color: #fff; font-size: 93%; }
.status-closed { border: 1px solid #898989; background-color: #999999; color: #fff; font-size: 93%; }

.emo00010000-div { padding-left:120px; }
.emo00010000-div dl { float:left; width:350px; margin-bottom: 10px !important;}
.emo00010000-div dl > dt { margin-top: 15px !important;}
.emo00010000-div ul { margin-left:15px; }

/* 매칭서비스 */

.matching-service { position: relative; margin-top: -30px; }

.matching-service-header { position: relative; margin-top: -30px; }

.matching-service-header > .searching-wrap { position: absolute; top: 20px; right: 0; width: 200px; z-index: 10; }
.matching-service-header > .searching-wrap > .com-search { margin-bottom: 6px; }
.matching-service-header > .searching-wrap > .com-search > button,
.matching-service-header > .searching-wrap > .com-search > a { position: relative; display: block; height: 32px; width: 100%; padding: 4px 40px 4px 15px; background-color: #555; border: 1px solid #444; color: #fff; font-size: 93%; text-align: left; box-sizing: border-box; }
.matching-service-header > .searching-wrap > .com-search > button > span,
.matching-service-header > .searching-wrap > .com-search > a > span { position: absolute; top: 0; right: 0; height: 100%; width: 30px; border-left: 1px solid #444; font-size: 0%; background-image: url(../img/matching-icon.png); background-position: 8px 8px; box-sizing: border-box; }

.matching-service-header > .searching-wrap > .matching-list { position: relative; }
.matching-service-header > .searching-wrap > .matching-list > span { position: absolute; top: -11px; left: -71px; display: block; width: 66px; height: 53px; background-image: url(../img/matching-click.png); font-size: 0%; }
.matching-service-header > .searching-wrap > .matching-list > div {}
.matching-service-header > .searching-wrap > .matching-list > div > button { position: relative; display: block; width: 100%; height: 32px; padding: 0 40px 0 15px; background-color: #fff; border: 1px solid #dbdbdb; color: #333; font-size: 93%; text-align: left; }
.matching-service-header > .searching-wrap > .matching-list > div > button > span { position: absolute; top: 0; right: 0; width: 30px; height: 100%; background-image: url(../img/matching-icon.png); background-position: 8px -39px; border-left: 1px solid #dbdbdb; font-size: 0%; box-sizing: border-box; }
.matching-service-header > .searching-wrap > .matching-list > div > ul { display: block; max-height: 450px; border: 1px solid #dbdbdb; border-top: 0; overflow-y: scroll; }
.matching-service-header > .searching-wrap > .matching-list > div > ul > li { display: table; width: 100%; background-color: #fff; border-top: 1px solid #eee; }
.matching-service-header > .searching-wrap > .matching-list > div > ul > li:FIRST-CHILD { border-top: 0; }
.matching-service-header > .searching-wrap > .matching-list > div > ul > li > a { position: relative; display: table-cell; padding: 4px 10px 4px 24px; height: 29px; color: #555; font-size: 93%; vertical-align: middle; box-sizing: border-box; }
.matching-service-header > .searching-wrap > .matching-list > div > ul > li > a.on { font-weight: bold; }
.matching-service-header > .searching-wrap > .matching-list > div > ul > li > a:FOCUS,
.matching-service-header > .searching-wrap > .matching-list > div > ul > li > a:HOVER { color: #007ab3; }
.matching-service-header > .searching-wrap > .matching-list > div > ul > li > a > span { position: absolute; top: 14px; left: 14px; display: block; width: 2px; height: 2px; background-image: url(../img/matching-bu-header.png); background-position: 0 -100px; }

.matching-service-step01 { background-image: url(../img/matching-bg.png); height: 695px; padding-top: 117px; padding-left: 320px; box-sizing: border-box; }
.matching-service-step01 > dl {}
.matching-service-step01 > dl > dt { margin-bottom: 36px; }
.matching-service-step01 > dl > dt > span:FIRST-CHILD { display: block; font-size: 157%; color: #333; line-height: 1; }
.matching-service-step01 > dl > dt > span:FIRST-CHILD + span { display: block; margin-top: 10px; font-size: 257%; color: #2c77bc; line-height: 1; }
.matching-service-step01 > dl > dt > span:FIRST-CHILD + span > strong { display: inline-block; }
.matching-service-step01 > dl > dd { position: relative; padding-top: 50px; }
.matching-service-step01 > dl > dd > span { position: absolute; top: 0; left: 0; display: block; height: 3px; width: 75px; background-color: #999; }

.matching-service-step02 > .matching-wrap { padding-top: 20px; }
.matching-service-step02 > .matching-wrap > .header { display: table; width: 100%; margin-bottom: 20px; }
.matching-service-step02 > .matching-wrap > .header > span { display: table-cell; width: 145px; height: 100px; border: 1px solid #999; background-image: url(../img/matching-thum-www.png); }

.matching-service-step02 > .matching-wrap > .header > span.thum-dacademy {   background-image: url(../img/matching-thum-dacademy.png); }
.matching-service-step02 > .matching-wrap > .header > span.thum-edu {        background-image: url(../img/matching-thum-edu.png); }
.matching-service-step02 > .matching-wrap > .header > span.thum-elwedu {     background-image: url(../img/matching-thum-elwedu.png); }
.matching-service-step02 > .matching-wrap > .header > span.thum-eng {        background-image: url(../img/matching-thum-eng.png); }
.matching-service-step02 > .matching-wrap > .header > span.thum-engetf {     background-image: url(../img/matching-thum-engetf.png); }
.matching-service-step02 > .matching-wrap > .header > span.thum-engindex {   background-image: url(../img/matching-thum-engindex.png); }
.matching-service-step02 > .matching-wrap > .header > span.thum-etf {        background-image: url(../img/matching-thum-etf.png); }
.matching-service-step02 > .matching-wrap > .header > span.thum-etfedu {     background-image: url(../img/matching-thum-etfedu.png); }
.matching-service-step02 > .matching-wrap > .header > span.thum-ets {        background-image: url(../img/matching-thum-ets.png); }
.matching-service-step02 > .matching-wrap > .header > span.thum-exture {     background-image: url(../img/matching-thum-exture.png); }
.matching-service-step02 > .matching-wrap > .header > span.thum-global {     background-image: url(../img/matching-thum-global.png); }
.matching-service-step02 > .matching-wrap > .header > span.thum-gold {       background-image: url(../img/matching-thum-gold.png); }
.matching-service-step02 > .matching-wrap > .header > span.thum-index {      background-image: url(../img/matching-thum-index.png); }
.matching-service-step02 > .matching-wrap > .header > span.thum-ipo {        background-image: url(../img/matching-thum-ipo.png); }
.matching-service-step02 > .matching-wrap > .header > span.thum-konex {      background-image: url(../img/matching-thum-konex.png); }
.matching-service-step02 > .matching-wrap > .header > span.thum-krxrnd {     background-image: url(../img/matching-thum-krxrnd.png); }
.matching-service-step02 > .matching-wrap > .header > span.thum-marketdata { background-image: url(../img/matching-thum-marketdata.png); }
.matching-service-step02 > .matching-wrap > .header > span.thum-member {     background-image: url(../img/matching-thum-member.png); }
.matching-service-step02 > .matching-wrap > .header > span.thum-petro {      background-image: url(../img/matching-thum-petro.png); }
.matching-service-step02 > .matching-wrap > .header > span.thum-press {      background-image: url(../img/matching-thum-press.png); }
.matching-service-step02 > .matching-wrap > .header > span.thum-riskdoctor { background-image: url(../img/matching-thum-riskdoctor.png); }
.matching-service-step02 > .matching-wrap > .header > span.thum-spac {       background-image: url(../img/matching-thum-spac.png); }
.matching-service-step02 > .matching-wrap > .header > span.thum-stats {      background-image: url(../img/matching-thum-stats.png); }
.matching-service-step02 > .matching-wrap > .header > span.thum-tv {         background-image: url(../img/matching-thum-tv.png); }
.matching-service-step02 > .matching-wrap > .header > span.thum-voc {        background-image: url(../img/matching-thum-voc.png); }
.matching-service-step02 > .matching-wrap > .header > span.thum-www {        background-image: url(../img/matching-thum-www.png); }

.matching-service-step02 > .matching-wrap > .header > dl { display: table-cell; padding-left: 30px; vertical-align: top; }
.matching-service-step02 > .matching-wrap > .header > dl > dt { display: block; margin-top: 10px; line-height: 1; font-size: 150%; font-weight: bold; }
.matching-service-step02 > .matching-wrap > .header > dl > dd { position: relative; margin-top: 14px; padding-top: 16px; }
.matching-service-step02 > .matching-wrap > .header > dl > dd > .bar { position: absolute; top: 0; left: 0; display: block; width: 35px; height: 2px; background-color: #01a8ca; }

.matching-service-step02 > .matching-wrap > .body {}
.matching-service-step02 > .matching-wrap > .body > .thead { display: table; width: 100%; height: 39px; }
.matching-service-step02 > .matching-wrap > .body > .thead > span { display: table-cell; vertical-align: middle; padding: 0 30px; text-align: center; box-sizing: border-box; }
.matching-service-step02 > .matching-wrap > .body > .thead > span:FIRST-CHILD { width: 360px; background-color: #ccc; border: 1px solid #b4b4b4; border-right: 0; }
.matching-service-step02 > .matching-wrap > .body > .thead > span:FIRST-CHILD + span { background-image: url(../img/matching-bg-header.png); background-position: 0 -1px; border: 1px solid #444; border-left: 0; color: #fff; }
.matching-service-step02 > .matching-wrap > .body > .thead > span > span { display: inline-block; width: 33px; height: 17px; margin: 10px 0; margin-right: 10px; background-image: url(../img/matching-bu-header.png); vertical-align: middle; }
.matching-service-step02 > .matching-wrap > .body > .thead > span:FIRST-CHILD > span {}
.matching-service-step02 > .matching-wrap > .body > .thead > span:FIRST-CHILD + span > span { background-position: 0 -50px; }

.matching-service-step02 > .matching-wrap > .body > .tbody { height: 510px; border: 1px solid #ccc; border-top: 0; overflow-y: scroll; }
.matching-service-step02 > .matching-wrap > .body > .tbody > table { width: 100%; border-collapse: separate; border-spacing: 0px; border-bottom: 1px solid #f0f0f0; }
.matching-service-step02 > .matching-wrap > .body > .tbody > table > thead { position: absolute; top: -100000px; left: -100000px; width: 0px; height: 0px; }
.matching-service-step02 > .matching-wrap > .body > .tbody > table > tbody {}
.matching-service-step02 > .matching-wrap > .body > .tbody > table > tbody > tr { border: 0; }
.matching-service-step02 > .matching-wrap > .body > .tbody > table > tbody > tr > td { height: 33px; padding: 3px 10px; border: 0; border-top: 1px solid #f0f0f0; border-left: 1px solid #dbdbdb; vertical-align: middle; box-sizing: border-box; }
.matching-service-step02 > .matching-wrap > .body > .tbody > table > tbody > tr:FIRST-CHILD > td { border-top: 0; }
.matching-service-step02 > .matching-wrap > .body > .tbody > table > tbody > tr > td:FIRST-CHILD { border-left: 0; position: relative; }
.matching-service-step02 > .matching-wrap > .body > .tbody > table > tbody > tr.selected > td:FIRST-CHILD { background-color: #fafafa; border-color: #e2e2e2; }
.matching-service-step02 > .matching-wrap > .body > .tbody > table > tbody > tr.selected > td:FIRST-CHILD + td { background-color: #fff3e3; border-color: #eddac1; }
.matching-service-step02 > .matching-wrap > .body > .tbody > table > tbody > tr.selected_ > td:FIRST-CHILD { border-top-color: #e2e2e2; }
.matching-service-step02 > .matching-wrap > .body > .tbody > table > tbody > tr.selected_ > td:FIRST-CHILD + td { border-top-color: #eddac1; }
.matching-service-step02 > .matching-wrap > .body > .tbody > table > tbody > tr > td > a { display: inline-block; }
.matching-service-step02 > .matching-wrap > .body > .tbody > table > tbody > tr > td > a > span { position: absolute; top: 7px; left: 0; display: block; width: 19px; height: 19px; background-image: url(../img/matching-depth.png); font-size: 0%; }
.matching-service-step02 > .matching-wrap > .body > .tbody > table > tbody > tr > td > a > span.open { background-position: 0 -50px; }

.matching-service-step02 > .matching-wrap > .body > .tbody > table > tbody > tr > td.depth1 { padding-left: 34px; }
.matching-service-step02 > .matching-wrap > .body > .tbody > table > tbody > tr > td.depth1 > a > span { margin-left: 10px; }
.matching-service-step02 > .matching-wrap > .body > .tbody > table > tbody > tr > td.depth2 { padding-left: 53px; }
.matching-service-step02 > .matching-wrap > .body > .tbody > table > tbody > tr > td.depth2 > a > span { margin-left: 29px; }
.matching-service-step02 > .matching-wrap > .body > .tbody > table > tbody > tr > td.depth3 { padding-left: 72px; font-size: 93%; }
.matching-service-step02 > .matching-wrap > .body > .tbody > table > tbody > tr > td.depth3 > a > span { display: none; }

.matching-service-step02 > .matching-wrap > .body > .tbody > table > tbody > tr > td.true > a > span { display: none; }
.matching-service-step02 > .matching-wrap > .body > .tbody > table > tbody > tr > td.false > a > span {  }

.matching-service-step02 > .matching-wrap > .body > .tbody > table > tbody > tr > td:FIRST-CHILD + td { position: relative; padding: 3px 20px; font-size: 93%; color: #999; }
.matching-service-step02 > .matching-wrap > .body > .tbody > table > tbody > tr > td:FIRST-CHILD + td > div { display: table; width: 100%; }
.matching-service-step02 > .matching-wrap > .body > .tbody > table > tbody > tr > td:FIRST-CHILD + td > div > span { display: table-cell; vertical-align: middle; }
.matching-service-step02 > .matching-wrap > .body > .tbody > table > tbody > tr > td:FIRST-CHILD + td > div > span > span { color: #333; }
.matching-service-step02 > .matching-wrap > .body > .tbody > table > tbody > tr > td:FIRST-CHILD + td > div > span:FIRST-CHILD { padding-right: 10px; }
.matching-service-step02 > .matching-wrap > .body > .tbody > table > tbody > tr > td:FIRST-CHILD + td > div > span:FIRST-CHILD + span { width: 100px; }
.matching-service-step02 > .matching-wrap > .body > .tbody > table > tbody > tr > td:FIRST-CHILD + td > div > span > a { display: block; width: 100px; height: 27px; right: 20px; top: 3px; padding: 2px; background-color: #fff; border: 1px solid #dbdbdb; color: #333; font-size: 100%; text-align: center; box-sizing: border-box; }
.matching-service-step02 > .matching-wrap > .body > .tbody > table > tbody > tr > td:FIRST-CHILD + td > div > span > a:HOVER { background-color: #fafafa; }
.matching-service-step02 > .matching-wrap > .body > .tbody > table > tbody > tr > td:FIRST-CHILD + td > div > span > a > span { display: inline-block; width: 12px; height: 7px; margin-left: 5px; background-image: url(../img/matching-icon.png); background-position: 0 -100px; vertical-align: middle; position: static; }

.my-stocks-data { margin: 10px 0 20px 0 !important; border-radius: 14px; min-width: 80px !important; height: 30px !important; padding: 0 20px !important; background-color: #555555 !important; color: #ffffff !important; border: none; }
	
.KNX0101 .design-button-basic2 {display:none}
.CCP010101 > div.design-right,
.CCP010102 > div.design-right,
.CCP010103 > div.design-right,
.CCP0201 > div.design-right, {display:none}
.RND0402 .design-layer-popup > .design-center { display:none; }
.RND0501 .design-right { display:none; }

.page-loading-wrap {position: absolute;display: block;width:100%;height:100%;background:url(../img/ptn-gridb.png) #fff; z-index:1; text-align: center;}
.page-loading-wrap > .page-loading {display: inline-block;vertical-align: middle;text-align: center; margin-top:100px;}
.page-loading-wrap > .page-loading > .loading-img {display:block;}
.page-loading-wrap > .page-loading > .title {display:block;font-weight: bold; font-size: 125%;margin-bottom:8px;line-height: 1}
.page-loading-wrap > .page-loading > .note {display:inline-block;font-size: 85%; color: #666666;border-top:1px solid #dbdbdb;padding:8px 0px;line-height: 1}
.page-loading-wrap > .page-loading > .tel {display:block;font-size: 85%; color: #667391;line-height: 1}

.MNA-id-photo {width: 113px; height: 151px;}

.mna-user-layout { border-top: 2px solid #00b4d5; border-bottom: 1px solid #dfdfdf; display: table; width: 100%; padding: 40px 0; margin: 100px 0; }

.mna-user-left { display: table-cell; border-right: 1px solid #dfdfdf; padding: 0 45px; width: 410px; font-size: 92.9% }
.mna-user-logo { display: table; margin: auto; margin-bottom: 22px; }
.mna-user-logo span { vertical-align: middle; display: table-cell; }
.mna-user-logo span:FIRST-CHILD { width: 145px; height: 105px; background-image: url(../img/icon-user.png); background-repeat: no-repeat; }
.mna-user-logo span:FIRST-CHILD + span { margin-left: 8px; color:#333333; font-size: 157%; }
.mna-user-logo span:FIRST-CHILD + span > strong { font-size: 181%; }
.mna-user-logo span.info { background-position: 0px 0px; }
.mna-user-logo span.pw-reset { background-position: -298px 0px; }
.mna-user-logo span.certification { background-position: -150px 0px; }

.mna-user-right { display: table-cell; height: 100%; vertical-align: middle;}
.mna-user-info div.info-title { margin-left: 38px; width: 308px; font-size: 150%; font-weight: bold; margin-bottom: 20px; }
.mna-user-info div.info { float: left; margin-left: 38px; width: 308px; }
.mna-user-info div.info dl{ padding-top: 8px; display: table; }
.mna-user-info div.info dl:FIRST-CHILD{ padding: 0; }
.mna-user-info div.info dl dt{ width: 60px; font-weight: bold; display: table-cell; margin-right: 8px; }
.mna-user-info div.info dl dd{  }
.mna-user-info div.info dl dd input{ width:238px; height: 31px; border:1px solid #dbdbdb; background: #f4f4f4; }
.mna-user-info div.login-btn button{ float: right; margin-right: 45px; width: 100px; height: 78px; background-image: url(../img/ele-btn.png); background-repeat: no-repeat; color: #ffffff; font-size: 128%; border: 1px solid #105594; background-color: #2c77bc; font-weight: 800; text-align: center; }
.mna-user-info div.login-btn button:HOVER { background-color: #105594; }

.mna-user-pw-reset div.info { margin-left: 38px; width: 418px; }
.mna-user-pw-reset div.info > dl{ padding-top: 8px; display: table; }
.mna-user-pw-reset div.info > dl:FIRST-CHILD{ padding: 0; }
.mna-user-pw-reset div.info > dl > dt{ width: 140px; font-weight: bold; display: table-cell; margin-right: 8px; }
.mna-user-pw-reset div.info > dl > dd > input{ width:278px; height: 31px; border:1px solid #dbdbdb; background: #f4f4f4; }
.mna-user-pw-reset div.info > dl > dd > .design-button-popup1 > button{padding: 10px 20px !important}

.mna-user-input-btn { border: 1px solid #c7c7c7; background-color: #ffffff; padding: 2px 10px; }
.mna-user-input-btn:HOVER { background-color: #f0f0f0; }
.mna-user-btn { position:relative; display:table; border:0; margin:auto; padding-top: 35px; }
.mna-user-btn div { display: table-cell; padding-left:4px; }
.mna-user-btn div:FIRST-CHILD { margin: 0; }
.mna-user-btn div a, .mna-user-btn div button { display: inline-block; width:200px; padding:13px 0; color: #ffffff; font-size: 87%; border: 1px solid #105594; background-color: #2c77bc; font-weight: bold; text-align: center; vertical-align: middle; }
.mna-user-btn div a:HOVER, .mna-user-btn div button:HOVER { background-color: #105594; }
.mna-user-btn div span { display: inline-block; width: 21px; height: 20px; margin-right: 10px; vertical-align: middle; background-image: url(../img/icon-btn.png);  background-repeat: no-repeat;  }
.mna-user-btn div > .join span { background-position: -150px -50px; }
.mna-user-btn div > .pw-reset span { background-position: -226px -50px; }
.mna-user-btn div > .confirm span { background-position: -125px -50px; }
.mna-user-btn div > .cancle, .mna-user-btn div > .prev { color: #666666; background-color: #ffffff; border-top:1px solid #c7c7c7; border-left:1px solid #c7c7c7; border-bottom:1px solid #a3a3a3; border-right:1px solid #a3a3a3; }
.mna-user-btn div > .cancle:HOVER, .mna-user-btn div > .prev:HOVER { background-color: #f0f0f0; }
.mna-user-btn div > .cancle span { background-position: -25px -50px; }
.mna-user-btn div > .info span { background-position: -75px -50px; }
.mna-user-btn div > .prev span { background-position: 0 -50px; }
.mna-user-btn div > .withdrawal span { background-position: -200px -50px; }
.mna-user-btn div > .main { color: #666666; font-size: 87%; border-top: 1px solid #c7c7c7; border-left: 1px solid #c7c7c7; border-right: 1px solid #a3a3a3; border-bottom: 1px solid #a3a3a3; background-color: #ffffff; }
.mna-user-btn div > .main:HOVER { background-color: #f0f0f0; }
.mna-user-btn div > .main span { background-position: -50px -50px; }

.mna-user-join-tab { display: inline-block; width: 100%; margin: 40px 0 45px 0; }
.mna-user-join-tab div { float:left; border-top:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb; border-left:1px solid #dbdbdb; width: 348px; padding: 20px; font-size: 137%; font-weight: bold;  }
.mna-user-join-tab ol {  }
.mna-user-join-tab ol > li { float: left; position: relative; display : table; font-size: 112%; padding: 13px 0px 13px 40px; width: 198px; margin-left: -20px; background-image: url(../img/icon-step.png); background-repeat: no-repeat; border-top: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb; background-position: 1px -101px; }
.mna-user-join-tab ol > li > span { display : table-cell; color:#999999; font-size: 85.7% }
.mna-user-join-tab ol > li > span strong { color:#666666; font-size: 114% }
.mna-user-join-tab ol > li > span:FIRST-CHILD { width: 42px; height: 42px; vertical-align: middle; background-image: url(../img/icon-step.png); background-repeat: no-repeat; }
.mna-user-join-tab ol > li.on { background-position: 0px 0px; border-top: 1px solid orange; border-bottom: 1px solid orange; }
.mna-user-join-tab ol > li.on > span:FIRST-CHILD { background-position: 0 -199px; }
.mna-user-join-tab ol > li > span:FIRST-CHILD { background-position: 0 -302px; }
.mna-user-join-tab ol > li.on > span { display : table-cell; color: #ffffff; }
.mna-user-join-tab ol > li.on > span strong { color: #ffffff; }
.mna-user-join-tab ol > li + li { margin-left: -42px; }
.mna-user-join-tab ol > li + li.on > span:FIRST-CHILD { background-position: -49px -199px; }
.mna-user-join-tab ol > li + li > span:FIRST-CHILD { background-position: -49px -302px; }
.mna-user-join-tab ol > li + li + li { border-right: 1px solid #dbdbdb; }
.mna-user-join-tab ol > li + li + li.on > span:FIRST-CHILD { background-position: -99px -199px; }
.mna-user-join-tab ol > li + li + li > span:FIRST-CHILD { background-position: -99px -302px; }

.mna-user-join-guide { resize:none; overflow-y: scroll; width: 100%; height: 200px; border: 1px solid #eeeeee; background-color: #fdfdfd; margin-bottom: 10px;}
.mna-user-join-complete { margin: 90px 0 50px 0; }

.mna-login-main { margin-top: -30px; }
.mna-login-main > .main-title { height: 250px; background: url(../img/ele-mna-loginbg.png) no-repeat;}
.mna-login-main > .main-title > h1 { padding-top: 120px; text-align: center; font-size: 36px; color:#333333; font-weight: 400;}
.mna-login-main > .main-title > h1 > span { color: #072364; }
.mna-login-main > .main-title > p { margin: 20px 0 40px 0; text-align: center;}
.mna-login-main > .login-menu { overflow:auto; margin-bottom: 30px; }
.mna-login-main > .login-menu > ul > li { display: block; float: left; width: 240px; height: 300px; margin-left: 13px; text-align:center;}
.mna-login-main > .login-menu > ul > li:FIRST-CHILD { margin-left: 0; background-color: #009bc8;}
.mna-login-main > .login-menu > ul > li:FIRST-CHILD + li { background-color: #0aa4a2;}
.mna-login-main > .login-menu > ul > li:FIRST-CHILD + li + li { background-color: #009bc8;}
.mna-login-main > .login-menu > ul > li:FIRST-CHILD + li + li + li { background-color: #0aa4a2;}
.mna-login-main > .login-menu > ul > li > span {background: url(../img/icon-mna-login.png) no-repeat; display:inline-block; width:120px; height: 120px; margin-top: 35px;}
.mna-login-main > .login-menu > ul > li:FIRST-CHILD > span { background-position:0 0; }
.mna-login-main > .login-menu > ul > li:FIRST-CHILD + li > span { background-position:0 -150px; }
.mna-login-main > .login-menu > ul > li:FIRST-CHILD + li + li > span { background-position:0 -300px; }
.mna-login-main > .login-menu > ul > li:FIRST-CHILD + li + li + li > span { background-position:0 -450px; }
.mna-login-main > .login-menu > ul > li > p { margin-top: 20px; text-align: center; color: #ffffff; font-size: 22px;}
.mna-login-main > .login-menu > ul > li > button { margin-top: 20px; width: 115px; height: 30px; border: 1px solid #ffffff; border-radius: 20px;background-color: #009bc8; color: #ffffff; font-size: 13px;}
.mna-login-main > .login-menu > ul > li:FIRST-CHILD + li > button { background-color: #0aa4a2;}
.mna-login-main > .login-menu > ul > li:FIRST-CHILD + li + li + li > button { background-color: #0aa4a2;}
.mna-login-main > .login-info-main > .login-info { overflow:auto; padding: 6px; background: url(../img/icon-mna-infobg.png); }
.mna-login-main > .login-info-main > .login-info > ul > li { float: left; padding: 20px 0 20px 60px; width: 434px; background-color: #ffffff; position: relative;}
.mna-login-main > .login-info-main > .login-info > ul > li > span { display: inline-block; background: url(../img/icon-mna-info.png) no-repeat 0 0; margin-right: 10px; width:24px; height: 24px; vertical-align: middle;}
.mna-login-main > .login-info-main > .login-info > ul > li:FIRST-CHILD > span { background-position: 0 0; }
.mna-login-main > .login-info-main > .login-info > ul > li:FIRST-CHILD + li > span { background-position: 0 -50px; }
.mna-login-main > .login-info-main > .login-info > ul > li > b { margin-right: 30px}
.mna-login-main > .login-info-main > .login-info > ul > li > p { position: absolute; display: inline-block; float: right; right: 0; background: url(../img/icon-mna-infoline.png) no-repeat; height: 24px; width: 1px;}

.mna-page > .design-center{margin-top:20px;}

.mna-profile-box{border: 1px solid #191a1b; border-top:3px solid #0f0f0f; margin-bottom:30px; background-color: #4f5256; background-image:url(../img/bg-mna-mypagebg.png); }
.mna-profile-box > ul{display:table;width:100%}
.mna-profile-box > ul > li:FIRST-CHILD{border-left:0px;width:643px; text-align: left;}
.mna-profile-box > ul > li{border-left:1px solid #6c7075; display:table-cell; vertical-align: middle; padding: 20px 0; text-align: center;}
.mna-profile-box .mna-profile-picimg{width:90px; height: 120px; border: 2px solid #3e3e3e;}
.mna-profile-box > ul > li:FIRST-CHILD > div{display:table-cell; vertical-align: top; padding-left:20px;}
.mna-profile-box > ul > li:FIRST-CHILD > div > div {position: relative; top:-6px; padding:3px 0;border: 1px solid #c7c7c7; background-color: #fff;}
.mna-profile-box > ul > li:FIRST-CHILD > div > div > span {float: left;display:block;margin-left: 5px; width:15px; height:20px; background: url(../img/icon-btn-startup.png) no-repeat -100px -95px;}
.mna-profile-box > ul > li:FIRST-CHILD > div > div > button{background-color: #ffffff; border: 0;}
.mna-profile-box > ul > li:FIRST-CHILD > div > div > input {width:100%;height:26px;opacity:0;filter: alpha(opacity=0);position: absolute; top: 0; left: 0; z-index: 5;}
.mna-profile-box > ul > li:FIRST-CHILD > div > div > input[name=attachFile] { padding:0;border:none; }
.mna-profile-box > ul > li:FIRST-CHILD > div + div{width: 100%; color:#fff;}
.mna-profile-box > ul > li:FIRST-CHILD > div > dl{}
.mna-profile-box > ul > li:FIRST-CHILD > div > dl > dt{float: left; width:100px;}
.mna-profile-box > ul > li:FIRST-CHILD > div > dl > dt > span{ display: inline-block; width:8px; height:6px; background: url(../img/bu-mna-myprofile.png) no-repeat 0px 0px;}
.mna-profile-box > ul > li:FIRST-CHILD > div > dl > dd{margin-bottom:10px;}
.mna-profile-box > ul > li:FIRST-CHILD > div > dl > dd > span{ display: inline-block; width:10px; height:10px; background: url(../img/bu-mna-myprofile.png) no-repeat 0px -50px;}
.mna-profile-box > ul > li:FIRST-CHILD > div > dl > dd > span.mna-profile-box-consult{font-size: 0; display: inline-block; vertical-align: middle; margin-left: 10px; width:100px; height:24px; background: url(../img/icon-mna-counselors.png) no-repeat;}
.mna-profile-box > ul > li:FIRST-CHILD > div > dl > dd > span.mna-profile-box-alram{font-size: 0; display: inline-block; vertical-align: middle; margin-left: 10px;width:105px; height:24px; background: url(../img/icon-mna-sms2.png) no-repeat 0px -100px;}
.mna-profile-box > ul > li:FIRST-CHILD > div > dl > dd > span.mna-profile-box-alram-on{background-position: 0px 0px;}
.mna-profile-box > ul > li:FIRST-CHILD > div > dl > dd > span.design-button-popup2{display: inline;}
.mna-profile-box > ul > li:FIRST-CHILD > div > dl > dd > span.design-note-check{display: inline;}
.mna-profile-box > ul > li:FIRST-CHILD > div > dl > dd > input[type="text"]{width:50px;}
.mna-profile-box > ul > li:FIRST-CHILD > div > span > a{position: relative; width: 155px; padding: 4px 0; text-align: center; border: 1px solid #333538;}
.mna-profile-box > ul > li:FIRST-CHILD > div > span > a > span{display: inline-block; width:20px; height:16px; background: url(../img/icon-btn-startup.png) no-repeat;}
.mna-profile-box > ul > li:FIRST-CHILD > div > span > a.mna-profile-btn-viw > span{background-position: 0px -95px;}
.mna-profile-box > ul > li:FIRST-CHILD > div > span > a.mna-profile-btn-mod > span{background-position: -50px -95px;}
.mna-profile-box > ul > li:FIRST-CHILD > div > span > a.mna-profile-btn-int > span{background-position: -150px -95px;}
.mna-profile-box > ul > li:FIRST-CHILD > div > span > a.mna-profile-btn-send > span{background-position: 0 -143px;}
.mna-profile-box > ul > li:FIRST-CHILD > div > span > a.mna-profile-btn-send{background-color: #2c77bc;border: 1px solid #105594;color: #fff;}
.mna-profile-box > ul > li:FIRST-CHILD > div + div > em{color:#cbcbcb; font-weight: normal;}
.mna-profile-box .mna-profile-icon-box > ul > li > span{display:block; margin: auto; width:50px; height:50px; background: url(../img/icon-mna2.png) no-repeat;}
.mna-profile-box .mna-profile-icon-box > ul > li > span.mna-profile-buy-icon{background-position: 0px 0px;}
.mna-profile-box .mna-profile-icon-box > ul > li > span.mna-profile-sell-icon{background-position: 0px -50px;}
.mna-profile-box .mna-profile-icon-box > ul > li > span.mna-profile-sess-icon{background-position: 0px -100px;}
.mna-profile-box .mna-profile-icon-box > ul > li > span.mna-profile-spac-icon{background-position: 0px -150px;}
.mna-profile-box .mna-profile-icon-box > ul > li + li{font-size: 14px; color: #fff; margin-top:10px;}
.mna-profile-box .mna-profile-icon-box > ul > li + li + li{font-size: 30px; color: #fff;}

.mna-profile-box2{border: 1px solid #e2e8ef; border-top:3px solid #2c77bc; background: #f9fcff; margin-bottom:30px;}
.mna-profile-box2 > ul{display:table;width:100%}
.mna-profile-box2 > ul > li:FIRST-CHILD{border-left:0px;width:643px; text-align: left;}
.mna-profile-box2 > ul > li{border-left:1px solid #e2e8ef; display:table-cell; vertical-align: middle; padding: 20px 0; text-align: center;}
.mna-profile-box2 .mna-profile-picimg{width:90px; height: 120px; border: 1px solid #ccc; padding: 2px; background-color: #fff;}
.mna-profile-box2 > ul > li:FIRST-CHILD > div{display:table-cell; vertical-align: top; padding-left:20px;}
.mna-profile-box2 > ul > li:FIRST-CHILD > div > div {position: relative; top:-6px; padding:3px 0;border: 1px solid #c7c7c7;}
.mna-profile-box2 > ul > li:FIRST-CHILD > div > div > span {float: left;display:block;margin-left: 5px; width:15px; height:20px; background: url(../img/icon-btn-startup.png) no-repeat -100px -95px;}
.mna-profile-box2 > ul > li:FIRST-CHILD > div > div > button{background-color: #ffffff; border: 0;}
.mna-profile-box2 > ul > li:FIRST-CHILD > div > div > input {width:100%;height:26px;opacity:0;filter: alpha(opacity=0);position: absolute; top: 0; left: 0; z-index: 5;}
.mna-profile-box2 > ul > li:FIRST-CHILD > div > div > input[name=attachFile] { padding:0;border:none; }
.mna-profile-box2 > ul > li:FIRST-CHILD > div + div{width: 100%;}
.mna-profile-box2 > ul > li:FIRST-CHILD > div > dl > dt{float: left; width:75px;}
.mna-profile-box2 > ul > li:FIRST-CHILD > div > dl > dd{margin-bottom:10px;}
.mna-profile-box2 > ul > li:FIRST-CHILD > div > dl > dd > span{ display: inline-block; width:1px; height:10px; margin-right: 10px; background: #333;}
.mna-profile-box2 > ul > li:FIRST-CHILD > div > dl > dd > span.mna-profile-box-consult{font-size: 0; display: inline-block; vertical-align: middle; margin-left: 10px; width:100px; height:24px; background: url(../img/icon-mna-counselors.png) no-repeat;}
.mna-profile-box2 > ul > li:FIRST-CHILD > div > dl > dd > span.mna-profile-box-alram{font-size: 0; display: inline-block; vertical-align: middle; margin-left: 10px;width:105px; height:24px; background: url(../img/icon-mna-sms.png) no-repeat 0px -100px;}
.mna-profile-box2 > ul > li:FIRST-CHILD > div > dl > dd > span.mna-profile-box-alram-on{background-position: 0px 0px;}
.mna-profile-box2 > ul > li:FIRST-CHILD > div > dl > dd > span.design-button-popup2{display: inline;}
.mna-profile-box2 > ul > li:FIRST-CHILD > div > span > a{position: relative; width: 155px; padding: 4px 0; text-align: center; border: 1px solid #c7c7c7;}
.mna-profile-box2 > ul > li:FIRST-CHILD > div > span > a > span{display: inline-block; width:20px; height:16px; background: url(../img/icon-btn-startup.png) no-repeat;}
.mna-profile-box2 > ul > li:FIRST-CHILD > div > span > a.mna-profile-btn-viw > span{background-position: 0px -95px;}
.mna-profile-box2 > ul > li:FIRST-CHILD > div > span > a.mna-profile-btn-mod > span{background-position: -50px -95px;}
.mna-profile-box2 > ul > li:FIRST-CHILD > div > span > a.mna-profile-btn-int > span{background-position: -150px -95px;}
.mna-profile-box2 > ul > li:FIRST-CHILD > div > span > a.mna-profile-btn-concrn > span{background-position: 0 -295px}
.mna-profile-box2 > ul > li:FIRST-CHILD > div > span > a.mna-profile-btn-send > span{background-position: 0 -143px;}
.mna-profile-box2 > ul > li:FIRST-CHILD > div > span > a.mna-profile-btn-send{background-color: #2c77bc;border: 1px solid #105594;color: #fff;}
.mna-profile-box2 > ul > li:FIRST-CHILD > div + div > em{color:#cbcbcb;}
.mna-profile-box2 .mna-profile-icon-box > ul > li > span{display:block; margin: auto; width:50px; height:50px; background: url(../img/icon-mna.png) no-repeat;}
.mna-profile-box2 .mna-profile-icon-box > ul > li > span.mna-profile-buy-icon{background-position: 0px 0px;}
.mna-profile-box2 .mna-profile-icon-box > ul > li > span.mna-profile-sell-icon{background-position: 0px -50px;}
.mna-profile-box2 .mna-profile-icon-box > ul > li > span.mna-profile-sess-icon{background-position: 0px -100px;}
.mna-profile-box2 .mna-profile-icon-box > ul > li > span.mna-profile-spac-icon{background-position: 0px -150px;}
.mna-profile-box2 .mna-profile-icon-box > ul > li + li{font-size: 14px; color: #333; margin-top:10px;}
.mna-profile-box2 .mna-profile-icon-box > ul > li + li + li{font-size: 30px; color: #333;}

.mna-profile-box3{border: 1px solid #e2e8ef; border-top:3px solid #2c77bc; background: #f9fcff; margin-bottom:30px;}
.mna-profile-box3 > ul{display:table;width:100%}
.mna-profile-box3 > ul > li:FIRST-CHILD{border-left:0px;width:643px; text-align: left;}
.mna-profile-box3 > ul > li{border-left:1px solid #e2e8ef; display:table-cell; vertical-align: middle; padding: 20px 0; text-align: center;}
.mna-profile-box3 .mna-profile-picimg{width:90px; height: 120px; border: 1px solid #ccc; padding: 2px; background-color: #fff;}
.mna-profile-box3 > ul > li:FIRST-CHILD > div{display:table-cell; vertical-align: top; padding-left:20px;}
.mna-profile-box3 > ul > li:FIRST-CHILD > div > div {position: relative; top:-6px; padding:3px 0;border: 1px solid #c7c7c7;}
.mna-profile-box3 > ul > li:FIRST-CHILD > div > div > span {float: left;display:block;margin-left: 5px; width:15px; height:20px; background: url(../img/icon-btn-startup.png) no-repeat -100px -95px;}
.mna-profile-box3 > ul > li:FIRST-CHILD > div > div > button{background-color: #ffffff; border: 0;}
.mna-profile-box3 > ul > li:FIRST-CHILD > div > div > input {width:100%;height:26px;opacity:0;filter: alpha(opacity=0);position: absolute; top: 0; left: 0; z-index: 5;}
.mna-profile-box3 > ul > li:FIRST-CHILD > div + div{width: 250px;}
.mna-profile-box3 > ul > li:FIRST-CHILD > div > dl {padding-top: 20px;}
.mna-profile-box3 > ul > li:FIRST-CHILD > div > dl > dt{float: left; width:65px; font-weight: bold;}
.mna-profile-box3 > ul > li:FIRST-CHILD > div > dl > dd{margin-bottom:10px;}
.mna-profile-box3 > ul > li:FIRST-CHILD > div > dl > dd > span{ display: inline-block; width:1px; height:10px; margin-right: 10px; background: #333;}

.mna-profile-box4{position:relative; border: 1px solid #e2e8ef; border-top:3px solid #2c77bc; background: #f9fcff; margin-bottom:30px;}
.mna-profile-box4 > ul{display:table;width:100%}
.mna-profile-box4 > ul > li{border-left:1px solid #e2e8ef; display:table-cell; vertical-align: middle; padding: 10px 0; text-align: center;}
.mna-profile-box4 > ul > li:FIRST-CHILD{border-left:0px;width:643px; text-align: left;}
.mna-profile-box4 .mna-profile-picimg{width:90px; height: 120px; border: 1px solid #ccc; padding: 2px; background-color: #fff;}
.mna-profile-box4 > ul > li:FIRST-CHILD > div{display:table-cell; vertical-align: top; padding-left:20px;}
.mna-profile-box4 > ul > li:FIRST-CHILD > div > div {position: relative; top:-6px; padding:3px 0;border: 1px solid #c7c7c7;}
.mna-profile-box4 > ul > li:FIRST-CHILD > div > div > span {float: left;display:block;margin-left: 5px; width:15px; height:20px; background: url(../img/icon-btn-startup.png) no-repeat -100px -95px;}
.mna-profile-box4 > ul > li:FIRST-CHILD > div > div > button{background-color: #ffffff; border: 0;}
.mna-profile-box4 > ul > li:FIRST-CHILD > div > div > input {width:100%;height:26px;opacity:0;filter: alpha(opacity=0);position: absolute; top: 0; left: 0; z-index: 5;}
.mna-profile-box4 > ul > li:FIRST-CHILD > div > div > input[name=attachFile] { padding:0;border:none; }
.mna-profile-box4 > ul > li:FIRST-CHILD > div + div{width: 100%;}
.mna-profile-box4 > ul > li:FIRST-CHILD > div > dl > dt{float: left; width:75px;}
.mna-profile-box4 > ul > li:FIRST-CHILD > div > dl > dd{margin-bottom:10px;}
.mna-profile-box4 > ul > li:FIRST-CHILD > div > dl > dd > span{ display: inline-block; width:1px; height:10px; margin-right: 10px; background: #333;}
.mna-profile-box4 > ul > li:FIRST-CHILD > div > dl > dd > span.mna-profile-box-consult{font-size: 0; display: inline-block; vertical-align: middle; margin-left: 10px; width:100px; height:24px; background: url(../img/icon-4na-counselors.png) no-repeat;}
.mna-profile-box4 > ul > li:FIRST-CHILD > div > dl > dd > span.mna-profile-box-alram{font-size: 0; display: inline-block; vertical-align: middle; margin-left: 10px;width:105px; height:24px; background: url(../img/icon-mna-sm4.png) no-repeat 0px -100px;}
.mna-profile-box4 > ul > li:FIRST-CHILD > div > dl > dd > span.mna-profile-box-alram-on{background-position: 0px 0px;}
.mna-profile-box4 > ul > li:FIRST-CHILD > div > dl > dd > span.design-button-popup2{display: inline;}
.mna-profile-box4 > ul > li:FIRST-CHILD > div > span > a{position: relative; width: 155px; padding: 4px 0; text-align: center; border: 1px solid #c7c7c7;}
.mna-profile-box4 > ul > li:FIRST-CHILD > div > span > a > span{display: inline-block; width:20px; height:16px; background: url(../img/icon-btn-startup.png) no-repeat;}
.mna-profile-box4 > ul > li:FIRST-CHILD > div > span > a.mna-profile-btn-viw > span{background-position: 0px -95px;}
.mna-profile-box4 > ul > li:FIRST-CHILD > div > span > a.mna-profile-btn-mod > span{background-position: -50px -95px;}
.mna-profile-box4 > ul > li:FIRST-CHILD > div > span > a.mna-profile-btn-int > span{background-position: -150px -95px;}
.mna-profile-box4 > ul > li:FIRST-CHILD > div > span > a.mna-profile-btn-concrn > span{background-position: 0 -295px}
.mna-profile-box4 > ul > li:FIRST-CHILD > div > span > a.mna-profile-btn-send > span{background-position: 0 -143px;}
.mna-profile-box4 > ul > li:FIRST-CHILD > div > span > a.mna-profile-btn-send{background-color: #2c77bc;border: 1px solid #105594;color: #fff;}
.mna-profile-box4 > ul > li:FIRST-CHILD > div + div > em{color:#cbcbcb;}
.mna-profile-box4 .mna-profile-icon-box{margin-top:35px;}
.mna-profile-box4 .mna-profile-icon-box > ul > li > span{display:block; margin: auto; width:50px; height:50px; background: url(../img/icon-mna.png) no-repeat;}
.mna-profile-box4 .mna-profile-icon-box > ul > li > span.mna-profile-buy-icon{background-position: 0px 0px;}
.mna-profile-box4 .mna-profile-icon-box > ul > li > span.mna-profile-sell-icon{background-position: 0px -50px;}
.mna-profile-box4 .mna-profile-icon-box > ul > li > span.mna-profile-sess-icon{background-position: 0px -100px;}
.mna-profile-box4 .mna-profile-icon-box > ul > li > span.mna-profile-spac-icon{background-position: 0px -150px;}
.mna-profile-box4 .mna-profile-icon-box > ul > li + li{font-size: 14px; color: #333;}
.mna-profile-box4 .mna-profile-icon-box > ul > li + li + li{font-size: 30px; color: #333;}
.mna-profile-box4 .mna-profile-icon-info{position: absolute;top:0; left: 643px; background-color: #e2e8ef;color: #072364; font-weight: bold; width: 350px; text-align: center; padding: 3px;}

.mna-mbr-list-notibox{float: right; padding-top: 10px; font-weight: bold;}

.mna-profile-contents{position:relative;} 
.mna-profile-contents > dl{border-bottom: 1px dotted #d9d9d9;padding:20px 0;}
.mna-profile-contents > dl > dt{font-size: 1.2em; font-weight: bold; color: #333; padding-left:75px; padding-bottom:25px;}
.mna-profile-contents > dl > dt > span{position:absolute; left:20px; display:block; width:40px; height:40px;background-image: url(../img/icon-mna-myprofile.png); background-repeat: no-repeat;}
.mna-profile-contents > dl > dd{display: block; word-break: break-all;padding-left:75px; padding-right: 25px; white-space: pre-line;}
.mna-profile-contents .mna-profs{background-position: 0px 0px;}
.mna-profile-contents .mna-carr{background-position: -100px 0px;}

.mna-goods-top-title{position: relative;}
.mna-goods-top-title > dl {border: 1px solid #eee; width: 100%; background-image: url(../img/ptn-diagonal-01.png)}
.mna-goods-top-title > dl > dt{ display: table-cell; width:150px; height:36px; background: url(../img/ele-mna-productbox.png) no-repeat; padding-top: 14px; padding-left: 42px; color:#fff; font-size: 15px; font-weight: bold;}
.mna-goods-top-title > dl > dt > span.goodsSell{position: absolute; display:block; left:20px; width:20px; height:20px; background: url(../img/icon-mna-productbox.png) no-repeat 0px 0px;}
.mna-goods-top-title > dl > dt > span.goodsBuy{position: absolute; display:block; left:20px; width:20px; height:20px; background: url(../img/icon-mna-productbox.png) no-repeat 0px -50px;}
.mna-goods-top-title > dl > dd{ display: table-cell; font-size: 18px; color: #333; width: 850px;}
.mna-goods-top-title > dl > dd > dl{float:right; font-size: 14px; background-color:#072364; color:#fff; margin: 0 10px;border-radius: 5px;}
.mna-goods-top-title > dl > dd > dl > dt{display: table-cell;padding: 5px 10px; border-right:1px solid #fff;}
.mna-goods-top-title > dl > dd > dl > dd{display: table-cell;padding: 5px; min-width: 25px; text-align: center;}

.mna-goods-regist-track{display: inline-block;}
.mna-goods-regist-track > input{margin-left: 10px;}

.mna-goods-usr-poptable{overflow-y:scroll;height:500px; margin-bottom: 20px;}
.mna-goods-usr-poptable > table{margin:0; border-top: 0;}

.mna-mbr-list-wrap{position: relative; min-height:550px}
.mna-mbr-list{border-top: 3px solid #2c77bc; position: relative; margin-top:20px;}
.mna-mbr-list > ul{width:100%; clear: both; overflow: hidden;}
.mna-mbr-list > ul > li{display:block; float: left; width: 498px; border-bottom:1px solid #dbdbdb; border-left: 1px solid #dbdbdb; border-right: 1px solid #dbdbdb;}
/* .mna-mbr-list > ul > li:nth-child(5),.mna-mbr-list > ul > li:nth-child(6){border-bottom:0;} */
.mna-mbr-list > ul > li:FIRST-CHILD{border-right:1px solid #dbdbdb;}
.mna-mbr-list > ul > li:FIRST-CHILD + li{border-left:0;}
.mna-mbr-list > ul > li:FIRST-CHILD + li + li{border-right:1px solid #dbdbdb;}
.mna-mbr-list > ul > li:FIRST-CHILD + li + li + li{border-left:0;}
.mna-mbr-list > ul > li:FIRST-CHILD + li + li + li + li{border-right:1px solid #dbdbdb;}
.mna-mbr-list > ul > li:FIRST-CHILD + li + li + li + li + li{border-left:0;}
.mna-mbr-list > ul > li:FIRST-CHILD + li + li + li + li + li + li{border-right:1px solid #dbdbdb;}
.mna-mbr-list > ul > li:FIRST-CHILD + li + li + li + li + li + li + li{border-left:0;}
.mna-mbr-list > ul > li:FIRST-CHILD + li + li + li + li + li + li + li + li{border-right:1px solid #dbdbdb;}
.mna-mbr-list > ul > li:FIRST-CHILD + li + li + li + li + li + li + li + li + li{border-left:0;}
.mna-mbr-list > ul > li > div{display: table-cell; vertical-align: top; padding: 20px 0;}
.mna-mbr-list > ul > li > div > img{width:90px; height: 120px; margin: 0 20px; border: 1px solid #ccc; padding: 2px; background-color: #fff;}
.mna-mbr-list > ul > li > div > ul{display: table-cell; width: 150px; padding-bottom: 10px; padding-left: 10px;}
.mna-mbr-list > ul > li > div > ul > li{padding: 5px 0; font-size: 1em; color:#333; font-weight: bold; width: 140px;}
.mna-mbr-list > ul > li > div > ul:FIRST-CHILD > li{white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.mna-mbr-list > ul > li > div > ul > li > span{ float: right; font-weight: normal;}
.mna-mbr-list > ul > li > div > ul > li > span > span{display: inline-block; width: 1px; height: 10px; margin-right: 35px; background: #333;}
.mna-mbr-list > ul > li > div > span > a{ position: relative; width: 155px; padding: 4px 0;text-align: center; margin-left: 5px;}
.mna-mbr-list > ul > li > div > span > a > span{display: inline-block; width:15px; height:16px; background: url(../img/icon-btn-startup.png) no-repeat;}
.mna-mbr-list > ul > li > div > span > a.mna-btn-viw > span{background-position: 0px -95px;}
.mna-mbr-list > ul > li > div > span > a.mna-btn-send{background-color: #2c77bc;border: 1px solid #105594;color: #fff;}
.mna-mbr-list > ul > li > div > span > a.mna-btn-send > span{background-position: 0 -143px;}
.mna-mbr-list > div{text-align: center; border-right: 1px solid #dbdbdb; padding: 20px 0; border-bottom:1px solid #dbdbdb;}

.mna-mbr-list2{border-top: 3px solid #2c77bc; border-bottom:1px solid #dbdbdb; border-right:1px solid #dbdbdb;}
.mna-mbr-list2 > ul{width:100%; clear: both; overflow: hidden;}
.mna-mbr-list2 > ul > li{display:block; float: left; width: 498px; min-height: 275px; border-top:1px solid #dbdbdb; border-left: 1px solid #dbdbdb; position: relative;}
.mna-mbr-list2 > ul > li > div:LAST-CHILD{position: relative;}
.mna-mbr-list2 > ul > li > div:LAST-CHILD > span.design-button-basic3 { position: absolute; top: 25px; right:10px;}
.mna-mbr-list2 > ul > li > div:LAST-CHILD > span.design-button-basic2 { position: absolute; bottom: 20px;}
.mna-mbr-list2 > ul > li:LAST-CHILD{border-bottom:0;}
.mna-mbr-list2 > ul > li:nth-child(odd){}
.mna-mbr-list2 > ul > li:nth-child(even){}
.mna-mbr-list2 > ul > li > div{display: table-cell; vertical-align: top; padding: 20px 0;}
.mna-mbr-list2 > ul > li > div > img{width:90px; height: 120px; margin: 10px 20px;}
.mna-mbr-list2 > ul > li > div > ul{display: table-cell; width: 360px; padding-bottom: 10px; word-break: break-word;height: 370px;}
.mna-mbr-list2 > ul > li > div > ul > li{padding: 5px 0; font-size: 1em; color:#333; font-weight: bold; }
.mna-mbr-list2 > ul > li > div > ul > li.mna-carr-box > dl > dd{display:-webkit-box;display:-ms-flexbox; display: block;text-overflow: ellipsis; overflow: hidden; vertical-align: top; word-break: break-all; height: 120px;-webkit-box-orient:vertical;-webkit-line-clamp:3;}
.mna-mbr-list2 > ul > li > div > span > a{ position: relative; width: 350px; padding: 4px 0;text-align: center; margin-left: 5px;}
.mna-mbr-list2 > ul > li > div > span > a > span{display: inline-block; width:15px; height:16px; background: url(../img/icon-btn-startup.png) no-repeat;}
.mna-mbr-list2 > ul > li > div > span > a.mna-btn-send{border-radius: 15px; width: 170px;}
.mna-mbr-list2 > ul > li > div > span > a.mna-btn-send > span{background-position: 0 -143px;}

.mna-mbr-list-chg-btn{text-align: right;}
.mna-mbr-list-chg-btn > button{display: inline-block; width:35px; height:35px; background: url(../img/btn-mna-list.png) no-repeat; font-size: 0; border: 0; background-position: 0 -50px;}
.mna-mbr-list-chg-btn > button + button{background-position: 0 0;}
.mna-mbr-list-chg-btn > button.on{background-position: 0 -150px;}
.mna-mbr-list-chg-btn > button + button.on{background-position: 0 -100px;}

.mna-goods-list-icon-mandateY{display: inline-block; width:20px; height:18px; background: url(../img/icon-mna-legend.png) no-repeat; vertical-align: middle; background-position: 0 0;}
.mna-goods-list-icon-mandateD{display: inline-block; width:20px; height:18px; background: url(../img/icon-mna-legend.png) no-repeat; vertical-align: middle; background-position: 0 -50px;}

.mna-goods-list-bottom{background-color: #f8f8f8;border: 1px solid #dbdbdb; padding: 20px;}
.mna-goods-list-bottom > span{display: inline; padding-left:35px; background: url(../img/icon-mna-legend.png) no-repeat; vertical-align: middle; background-position: 0 -100px;}
.mna-goods-list-bottom > span+span{display: inline-block; margin-left: 30px; padding-left:25px; background: url(../img/icon-mna-legend.png) no-repeat; vertical-align: middle; background-position: 0 0;}
.mna-goods-list-bottom > span+span+span{display: inline-block; margin-left: 30px; padding-left:25px; background: url(../img/icon-mna-legend.png) no-repeat; vertical-align: middle; background-position: 0 -50px;}

.mna-fasttrack-info-box{text-align: left;}
.mna-fasttrack-info-box1{}
.mna-fasttrack-info-box2{text-align: left;padding-top: 10px;}

.mna-layer-popup-goods-confirmBg > span{display:block; margin:20px auto 5px auto; width:100px; height:70px; background: url(../img/ele-popup.png) no-repeat;}
.mna-layer-popup-goods-confirm-box > dt.alertTitle{text-align:center; border-bottom: 0px;}
.mna-layer-popup-goods-confirm-box > dd.alertBox{margin: 10px 0 20px 0; padding:10px; border: 1px solid #eee; background-color: #fcfcfc;}
.mna-layer-popup-goods-confirm-box > dd > ul > li{background: url(../img/bu-depth.png) no-repeat 0px -115px; padding-left: 15px;}

.mna-goods-list{position: relative; min-height: 650px;}
.mna-goods-list > fieldset > form > dl > dt{width: 70px;}
.mna-goods-list > fieldset > form > dl > dd{padding:0 5px;}
.mna-goods-list > fieldset > form > dl > dd:nth-child(2){width:144px;}
.mna-goods-list > fieldset > form > dl > dd:nth-child(4){width:150px;}
.mna-goods-list > fieldset > form > dl > dd:nth-child(4) > select, 
.mna-goods-list > fieldset > form > dl > dd:nth-child(4) > input{width:155px;}
.mna-goods-list > fieldset > form > dl > dd:nth-child(6) > select{width:120px;}
.mna-goods-list > fieldset > form > dl > dt:nth-child(7){width:70px;}
.mna-goods-list > fieldset > form > dl > dd:nth-child(8) > select{width:250px;}

.mna-icon-starup-ques {border:0; background: url(../img/icon-board-startup.png) no-repeat 0px 0px;width:15px; height:15px; margin: auto;font-size: 0;line-height: 0; vertical-align: middle;}
.mna-button-mbr {display:inline-block; font-size:100%; background: #ffffff; border:1px solid #c7c7c7; padding: 5px 17px; margin: 0 0px 5px 5px;}
.mna-button-mbr:HOVER {color:#333333; background: #c7c7c7;}
.mna-button-mbr > span {float: left;display:block; width:12px; height:16px; background: url(../img/icon-btn-startup.png) no-repeat 0px -196px;}

.mna-ft20 { font-size: 20px !important; }
.mna-mgt30 { margin-top: 30px; }
.mna-mgt20 { margin-top: 20px; }
.mna-pdb30 { padding-bottom: 30px; }
.mna-pdb0 { padding-bottom: 0px; }
.mna-fieldset .mna-floR { float: right;}
.mna-pc-floatR { float: right;}
.mna-strong { font-weight: bold !important; }

.mna-noteCnt { color: #007ab3; font-size: 14px; font-weight: bold !important; }
.mna-noteGubun { position: relative;}
.mna-noteGubun span:FIRST-CHILD { float: left; display: block; width: 30px; height: 20px; background-image: url(../img/icon-board-startup.png); background-repeat: no-repeat;}
.mna-noteGubun span:LAST-CHILD { position: relative; left: 8px;}
.mna-noteGubun .RECEIVE { background-position: 0px -50px;}
.mna-noteGubun .SEND { background-position: 0px -100px;}
.mna-noteTable .design-table1 > table > tbody > tr > td, .mna-noteTable .design-table1 > table > thead > tr > th { border-left: 0px solid #dbdbdb;}
.mna-noteConfrmY { border: 1px solid #00529e; background-color: #2c77bc; width: 40px; padding: 4px 20px; color: #ffffff !important; display: inline-block;}
.mna-noteConfrmN { border: 1px solid #464646; background-color: #5e5e5e; width: 40px; padding: 4px 20px; color: #ffffff !important; display: inline-block;}

.mna-fieldset { border: 0; padding-bottom: 20px;}
.mna-fieldset form > div { border-top: 2px solid #2c77bc; padding: 35px 30px 30px 30px; font-size: 14px; font-weight: bold;}
.mna-fieldset form > div #reg_ddtm { color: #666666}
.mna-fieldset form > div:LAST-CHILD { border-top: 1px solid #dbdbdb; padding: 30px 30px 35px 30px; background-color: #f7fbff;}
.mna-textarea-guide { resize: none; width: 100%; height: 200px; border: 0; background-color: #f7fbff; }
.mna-textarea-write { resize: none; width: 100%; height: 200px; border: 1px solid #e7e7e7; overflow-y: scroll; margin-top: 10px; margin-bottom: 5px; }

.blueBorderTop { border-top: 2px solid #2c77bc; }
.tdRECEIVE { background-color: #f7fbff !important; background-image: url(../img/ptn-diagonal-01.png); }
.mna-note-btn { position: relative; padding: 9px 28px 9px 46px !important;}
.mna-note-btn > span { position: absolute; top: 13px; left: 20px; display: block; width: 15px; height: 15px; background-image: url(../img/icon-btn.png); background-repeat: no-repeat; background-position: -50px 0px;}
.mna-note-btn .mna-note-del { background-position: -50px 0px; }
.mna-note-btn .mna-note-cancel { background-position: -25px 0px; }
.mna-note-btn .mna-note-confirm { background-position: -175px 0px; }
.mna-note-btn .mna-note-send { background: url(../img/icon-btn-startup.png) no-repeat; background-position: 0 -148px; }
.mna-note-btn .mna-note-list { background-position: 0px 0px; }
.mna-file > span { min-height: 22px; padding-left: 24px; background-image: url(../img/icon-flie.png); background-repeat: no-repeat; padding-top: 4px; }
.mna-file-zip {background-position: 0 0;}
.mna-file-jpg {background-position: 0 -25px;}
.mna-file-pdf {background-position: 0 -50px;}
.mna-file-xls {background-position: 0 -75px;}
.mna-file-doc {background-position: 0 -100px;}
.mna-file-hwp {background-position: 0 -125px;}
.mna-file-txt {background-position: 0 -150px;}


.mna-communityBtnWrite {margin-top:30px}
.mna-communityList > ul > li > span.mna-community-noList{margin:0 auto; font-weight: bold;}
.mna-communityList{border-top:2px solid #2c77bc;}
.mna-communityList > ul > li > div > img{ height: 120px; width:90px}
.mna-communityList > ul > li > .listPic{ display: table-cell; vertical-align:top;}
.mna-communityList > ul > li > .fileTab{ width:600px;}
.mna-communityList > ul > li > .community-write-date {display: table-cell;width:100%}
.mna-communityList > ul > li > div > ul > li > span.attach-span {float:right;margin-right:12px;}
.mna-communityList > ul > li > div > .attach-span{float:right;}
.mna-communityList > ul > li { padding:20px;border-bottom: 1px solid #dbdbdb; display: flex;}
.mna-communityList > ul > li > div > ul {float:left; width:100%; padding-left:30px; vertical-align:bottom;}
.mna-communityList > ul > li > div > ul > .community-title{margin-top:14px;font-weight: bold;font-size: 18px; color:#333333;}
.mna-communityList > ul > li > div > ul > .community-write-date {font-size:14px; color:#333333; margin-top:8px}
.mna-communityList > ul > li > div > ul > .community-content {color:#666666 ;margin-top:8px;font-size:14px; width:100%; height:3.0em; overflow:hidden}
.mna-community-favorImg{margin-left:30px; display:inline-block;margin-right:4px; width:16px; height:14px; background: url(../img/icon-board-startup.png) no-repeat 0px -150px;background-repeat: no-repeat; line-height: 1;} 
.mna-community-replyImg{margin-left:20px;display:inline-block;margin-right:4px;  width:16px; height:14px; background: url(../img/icon-board-startup.png) no-repeat 0px -200px;background-repeat: no-repeat; line-height: 1;} 
.mna-community-reReplyImg{margin-left:30px;display:inline-block; width:16px; height:14px; background: url(../img/ele-mna-comment.png) no-repeat 0px 0px;background-repeat: no-repeat; line-height: 1;}
.mna-community-reReplyImg2{margin-left:27px;display:inline-block; width:16px; height:14px; background: url(../img/ele-mna-comment.png) no-repeat 0px 0px;background-repeat: no-repeat; line-height: 1;}
.mna-community-countFavor2{float:right; font-size:14px; margin-right:30px}
.mna-community-fontRed{color:#f00250;font-weight: bold;}
.mna-community-cntRe{width:3%;}
.mna-communityDetail {position: relative; width: 100%; margin: 0px 0; border-bottom: 1px solid #dbdbdb; border-top: 2px solid #2c77bc; border-spacing: 0;}
.mna-communityDetail > tbody > tr > td.communityDetail-file {float:right;margin-top:30px; padding-right:20px}
.mna-communityDetail > tbody > tr > .favor_reply_count {border-top: 1px solid #dbdbdb; height:40px;}
.mna-communityDetail > tbody > tr > td > span.mna-community-detail-Img {float:left;}
.mna-communityDetail > tbody > tr > td {border : 0px solid black; padding : 5px 0px;}
.mna-communityDetail > tbody > tr > td.padding_top {padding-top :30px;}
.mna-communityDetail > tbody > tr > td > img {width:90px;height: 120px;}
.mna-communityDetail > tbody > tr > td.usr_pic {padding:20px;width:110px}
.mna-communityDetail > tbody > tr > .bottom{padding-bottom : 30px; padding-top:0px;}
.mna-communityDetail > tbody > tr > td > .usr_nm {font-size : 14px; color:#333333;}
.mna-communityDetail > tbody > tr > td > .contn_title {font-size : 18px; font-weight:bold; color:#333333;}
.mna-communityDetail > tbody > tr > td > .contn_contn {font-size : 14px; padding:30px; border-top: 1px solid #dbdbdb}
.mna-communityDetail > tbody > tr > td > div > div > span > button {margin-bottom: 30px; margin-top:30px; float: }
.mna-communityDetail > tbody > tr > td > div > div > span > button > .favorBtn{margin-right:10px; display: inline-block; width: 20px; height: 19px; background-image: url(../../../res/pc/img/icon-btn-startup.png); background-repeat: no-repeat; background-position: -300px -46px;} 
.mna-communityDetail > tbody > tr > td > div > div > span > button > .favorBtn{margin-right:10px; display: inline-block; width: 20px; height: 19px; background-image: url(../img/icon-btn-startup.png); background-repeat: no-repeat; background-position: -300px -46px;} 
.mna-communityDetail > tbody > tr > td > div > div > span > button > .favor{ vertical-align: top;}
.mna-communityWriteTable > tbody > tr > td > .writeTitle {height: 20px; width:83%;}
.mna-communityWriteTable > tbody > tr > td > .writeContn {resize: none; height: 300px; width:85%;}
.mna-community-replyList {background-color:#f9f9f9; padding:10px 25px 0px 25px;}
.mna-community-replyList > .oneDepth {border-top : 1px solid #dbdbdb; background-color:#f9f9f9; padding-top:10px;}
.mna-community-replyList > .oneDepth:first-child{border-top : 0px solid #dbdbdb;}
.mna-community-replyList > .twoDepth {background-color:#f9f9f9; margin-top:5px;}
.mna-community-replyList > .view_del_reply_one {padding-top:10px;padding-bottom:10px; border-top:1px solid #dbdbdb; font-weight:bold}
.mna-community-replyList > .view_del_reply_one:first-child { border:0px solid #dbdbdb; font-weight:bold}
.mna-community-replyList > .view_del_reply_two {margin-top:5px; font-weight: bold;}
.mna-community-replyList >li > .replyBtn {border:0px; height: 25px; width: 60px; margin-left:5px; background-color: #555; font-size:13px; color:#fff;}
.mna-community-replyList >li.reply_contn_list {padding-left:46px}
.mna-community-replyList >li > .mna-community-detail-name {font-size:15px; font-weight:bold; color:#333333; margin-top:20px;}
.mna-community-replyList >li > .mna-community-detail-ddtm {font-size:15px; color:#333333; margin-top:20px; margin-left:10px}
.mna-community-replyList >li > .mna-community-detail-name2 {font-size:15px; font-weight:bold; color:#333333; margin-top:20px;}
.mna-community-replyList >li > .mna-community-detail-ddtm2 {font-size:15px; color:#333333; margin-top:20px; margin-left:10px}
.mna-community-replyList >li > .replyBtn {border:1px solid #dbdbdb; height: 25px; width: 25px; margin-left:5px; background: url(../img/icon-mna-comment.png) no-repeat -1px -1px; background-repeat: no-repeat; background-color: #555;vertical-align: text-top;}
.mna-community-replyList >li > .replyBtnCancle{border:1px solid #dbdbdb; height: 25px; width: 25px; margin-left:5px; background: url(../img/icon-mna-comment.png) no-repeat -1px -51px; background-repeat: no-repeat; background-color: #555;vertical-align: text-top;}
.mna-community-replyList >li > .replyModify {float:right;border:1px solid #dbdbdb; height: 25px; width: 25px; margin-left:5px; background: url(../img/icon-mna-comment.png) no-repeat -1px -101px;  background-repeat: no-repeat; background-color: #fff; vertical-align: text-top;}
.mna-community-replyList >li > .replyModify2 {float:right;border:1px solid #dbdbdb; height: 25px; width: 25px; margin-left:5px; background: url(../img/icon-mna-comment.png) no-repeat -1px -101px; background-repeat: no-repeat; background-color: #fff; vertical-align: text-top;}
.mna-community-replyList >li > .replyDelete {float:right;border:1px solid #dbdbdb; height: 25px; width: 25px; margin-left:5px;background: url(../img/icon-mna-comment.png) no-repeat -1px -150px; background-repeat: no-repeat; background-color: #fff; vertical-align: text-top;}
.mna-community-replyList >li > .replyDelete2 {float:right;border:1px solid #dbdbdb; height: 25px; width: 25px; margin-left:5px; background: url(../img/icon-mna-comment.png) no-repeat -1px -150px; background-repeat: no-repeat; background-color: #fff; vertical-align: text-top;}
.mna-community-replyList >li > .replyModifyCancle {border:1px solid #dbdbdb; height: 25px; width: 25px; float:right; margin-bottom:5px; background: url(../img/icon-mna-comment.png) no-repeat -1px -201px; background-repeat: no-repeat; background-color: #fff; vertical-align: text-top;}
.mna-community-replyList >li > .replyModifyCancle2 {border:1px solid #dbdbdb; height: 25px; width: 25px; float:right; margin-bottom:5px; background: url(../img/icon-mna-comment.png) no-repeat -1px -201px; background-repeat: no-repeat; background-color: #fff; vertical-align: text-top;}
.mna-community-replyList >li > .reply_contn2 {font-size:14px;margin-left:5px; color:#666;display:inline-block;}
.mna-community-writeOneDepthReply {padding:25px; background-color:#f9f9f9; color:#fff; font-size:14px; text-align: center; width:100%;}
.mna-community-writeOneDepthReply > tbody > tr > .regOneDepthReplyTD {width:80px; padding:0; height: 80px; border: 1px solid #1a62a4; background-color:#2c77bc;}
.mna-community-writeOneDepthReply > tbody > tr > .writeOneDepthReplyTD {padding:0;height: 80px; }
.mna-community-writeOneDepthReply > tbody > tr > td > .oneDepthReply {resize: none;width:100%;height: 100%;border: 1px solid #dbdbdb; padding:0px;vertical-align: bottom;}
.mna-community-writeOneDepthReply > tbody > tr > td > .oneDepthReplyReg {background-color:#2c77bc;font-size:14px; color:#fff;width: 100%;height: 100%;border: 0px solid #1a62a4; padding:0px;}
.mna-community-writeTwoDepthReply { background-color:#f9f9f9; color:#fff; font-size:14px; text-align: center; width:100%;}
.mna-community-writeTwoDepthReply > tbody > tr > .regOneDepthReplyTD {width:80px; padding:0; height: 80px; border: 1px solid #1a62a4; background-color:#2c77bc;}
.mna-community-writeTwoDepthReply > tbody > tr > .writeOneDepthReplyTD {padding:0;height: 80px; }
.mna-community-writeTwoDepthReply > tbody > tr > td > .oneDepthReply {resize: none;width:100%;height: 100%;border: 1px solid #dbdbdb; padding:0px;vertical-align: bottom;}
.mna-community-writeTwoDepthReply > tbody > tr > td > .oneDepthReplyReg {background-color:#2c77bc;font-size:14px; color:#fff;width: 100%;height: 100%;border: 0px solid #1a62a4; padding:0px;}
.mna-community-writeThreeDepthReply {padding-right:5px; background-color:#f9f9f9; color:#fff; font-size:14px; text-align: center; width:100%;}
.mna-community-writeThreeDepthReply > tbody > tr > .regOneDepthReplyTD {width:80px; padding:0; height: 80px; border: 1px solid #1a62a4; background-color:#2c77bc;}
.mna-community-writeThreeDepthReply > tbody > tr > .writeOneDepthReplyTD {padding:0;height: 80px; }
.mna-community-writeThreeDepthReply > tbody > tr > td > .oneDepthReply {resize: none;width:100%;height: 100%;border: 1px solid #dbdbdb; padding:0px;vertical-align: bottom;}
.mna-community-writeThreeDepthReply > tbody > tr > td > .oneDepthReplyReg {background-color:#2c77bc;font-size:14px; color:#fff;width: 100%;height: 100%;border: 0px solid #1a62a4; padding:0px;}
.mna-community-writeOneDepthReplyModify { background-color:#f9f9f9; color:#fff; font-size:14px; text-align: center; width:100%;}
.mna-community-writeOneDepthReplyModify > tbody > tr > .regOneDepthReplyTD {width:80px; padding:0; height: 80px; border: 1px solid #1a62a4; background-color:#2c77bc;}
.mna-community-writeOneDepthReplyModify > tbody > tr > .writeOneDepthReplyTD {padding:0;height: 80px; }
.mna-community-writeOneDepthReplyModify > tbody > tr > td > .oneDepthReply {resize: none;width:100%;height: 100%;border: 1px solid #dbdbdb; padding:0px;vertical-align: bottom;}
.mna-community-writeOneDepthReplyModify > tbody > tr > td > .oneDepthReplyReg {background-color:#2c77bc;font-size:14px; color:#fff;width: 100%;height: 100%;border: 0px solid #1a62a4; padding:0px;}
.mna-community-write-reply-form {border-bottom : 1px solid #dbdbdb}
.mna-community-modify > tbody > tr > td > .contn_title {height: 20px; width:83%;}
.mna-community-modify > tbody > tr > td > .contn_contn {resize:none; height: 300px; width:85%;}

.mna-profs_spcag{ background-color: #f28a12; font-size: 13px; color: #ffffff; border-radius: 10px; width: 70px; text-align: center; display: inline-block; }
.mna-profs_fld { background-color: #009bc8; font-size: 13px; color: #ffffff; border-radius: 10px; width: 70px; text-align: center; display: inline-block; }
.mna_carr { background-color: #0aa4a2; font-size: 13px; color: #ffffff; border-radius: 10px; width: 70px; text-align: center; display: inline-block; }
.mna-consult-fieldset { margin-bottom: 30px; background-color: #fafafa; border: 1px solid #e7e7e7; padding: 20px 20px; }
.mna-consult-fieldset dt > span > span { display: inline-block; width: 18px; height: 18px; margin-right: 5px;; background-image: url(../img/bu-depth.png); background-position: 0px -24px; vertical-align: middle; }
.mna-consult-fieldset > dl > dd{padding: 10px 20px;}
.mna-consult-fieldset > dl + dl > dd{display: block; word-break: break-all; white-space: pre-line;}

.mna-agentlar-tutorial-box3-title-img {position:absolute;display:block; left:0px;width:25px; height:25px;background-image: url(../img/bu-box.png); background-repeat: no-repeat; background-position:0px -17px }
.mna-agentlar-tutorial-box3-title{position:relative; padding-left:15px; margin-bottom:20px; font-weight: bold; color:#ffffff;}
.mna-agentlar-tutorial-box3-content {margin-top: 10px;color:#ffffff;font-weight: normal;font-size: 90%;}
.mna-agentlar-benefit {display: block;width:620px; height:138px;background-image: url(../img/mna-benefit.png);background-repeat: no-repeat;}
.mna-agentlar-benefit-font {color:#ff7070; font-weight: bold;}
.mna-introduce {display:inline-block; width:100%}
.mna-introduce > .introduce { width:550px; float:left; margin-right:20px; margin-top:50px}
.mna-introduce > .goldegg {margin-top:150px}
.mna-introduce > div > span {float:right;margin-right: 35px;} 
.mna-introduce-header-black{font-size: 18px; font-weight: bold;}
.mna-introduce-header-blue{font-size: 22px; font-weight: bold; color: #007ab3;}
.mna-introduce-header-img{vertical-align: text-bottom;}

.mna-mbr-profile2 {border-top: 3px solid #2c77bc; border-bottom:1px solid #dbdbdb; margin-bottom:10px;}
.mna-mbr-profile2 > ul{width:100%; clear: both; overflow: hidden;}
.mna-mbr-profile2 > ul > li{display:block; border-bottom:1px solid #dbdbdb; }
.mna-mbr-profile2 > ul > li:LAST-CHILD{border-bottom:0;}
.mna-mbr-profile2 > ul > li:nth-child(even){border-left:0;}
.mna-mbr-profile2 > ul > li > div{display: table-cell; vertical-align: top; padding: 20px 0;}
.mna-mbr-profile2 > ul > li > div > img{width:90px; height: 120px; margin: 0 20px;}
.mna-mbr-profile2 .mna-profile-picimg{width:90px; height: 120px; margin: 0 20px;}
.mna-mbr-profile2 > ul > li > div > ul > li > dl > dt{ float: left; margin-right: 10px;}
.mna-mbr-profile2 > ul > li > div > ul > li > dl > dd{ display: block; word-break: break-all; white-space: pre-line; margin-left: 80px; }
.mna-mbr-profile2 > ul > li > div > ul > li{padding: 5px 0; font-size: 1em; color:#333; min-height: 20px; height: 100%;}
.mna-mbr-profile2 > ul > li > div > ul > li:first-child{ height: auto; padding-top: 0px !important; font-weight: bold; }
.mna-mbr-profile2 > ul > li > div > ul > li > span{float: right;right: 33px;left: 10px;border-left: 1px solid #ccc;padding-left: 20px;margin-right: 42px; font-weight: normal; }
.mna-mbr-profile2 > ul > li > div > span > a{ position: relative; width: 155px; padding: 4px 0;text-align: center; margin-left: 5px;}
.mna-mbr-profile2 > ul > li > div > span > a > span{display: inline-block; width:15px; height:16px; background: url(../img/icon-btn-startup.png) no-repeat;}

.mna-table-overflowHidden { text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
/* mna추가 */
.mna-contents-change{word-break: break-all; white-space: pre-line;}
.mna-good-regist-opn-list > dl {border-top: 1px solid #ccc; margin-top: 10px;}
.mna-good-regist-opn-list > dl > dt {position:relative;padding-left:20px; font-weight: bold; margin: 5px 0;}
.mna-good-regist-opn-list > dl > dt > span:FIRST-CHILD {position:absolute;display:block; left:0px;width:20px; height:20px;  background-image: url(../img/bu-depth.png); background-repeat: no-repeat;  background-position:0px -90px  }
.mna-good-regist-opn-list > dl > dd {margin:0; padding: 10px 5px; border: 1px solid #eeeeee; }
.mna-good-regist-opn-list > dl > dd > span > select{margin:0 0 5px 5px;}
.mna-good-regist-opn-list > dl > dd > span > select.mna-good-regist-opn-select{margin-left: 80px;width: 300px;}
.mna-good-regist-opn-list > dl > dd > span > select.mna-good-regist-std-select{width: 300px;}
.mna-good-regist-opn-list > dl > dd > span > .mna-button-mbr{margin-left: 80px;}

.mna-good-info-pop{overflow-y:scroll;height:500px; margin-bottom: 20px; border: 1px solid #dddddd;}
.mna-good-info-pop > ul{margin: 10px;}
.mna-good-info-pop > ul > li{position: relative; padding-left: 20px;}
.mna-good-info-pop > ul > li > span{position: absolute; top: 3px; left: 0; display: block; width: 19px; height: 19px; background-image: url(../img/matching-depth.png); font-size: 0%; }
.mna-good-info-pop > ul > li > ul{padding: 5px 0 5px 20px;}
.mna-good-info-pop > ul > li > ul > li{position: relative; padding-left: 20px;}
.mna-good-info-pop > ul > li > ul > li > span{position: absolute; top: 3px; left: 0; display: block; width: 19px; height: 19px; background-image: url(../img/matching-depth.png); font-size: 0%; }
.mna-good-info-pop > ul > li > ul > li > ul{padding: 5px 0 5px 20px;}

.mna-goods-list-table {min-height: 400px;}
.mna-goods-list-table > table > tbody > tr.concrn-chk-ask,
.mna-goods-list-table > table > tbody > tr.concrn-chk-ask a,
.mna-goods-list-table > table > tbody > tr.concrn-chk-ask > td{font-weight: bold;}
.mna-goods-list-table > table > tbody > tr.concrn-chk-bid,
.mna-goods-list-table > table > tbody > tr.concrn-chk-bid a,
.mna-goods-list-table > table > tbody > tr.concrn-chk-bid > td{font-weight: bold;}
.mna-goods-list-table > table > tbody > tr:HOVER > td{background-color: #ddd;}
.mna-goods-list-table > table > tbody > tr.view-success:HOVER > td{cursor: pointer; }
.mna-goods-list-table > table > tbody > tr > td > span{display: inline-block; vertical-align: middle; width: 28px; height: 18px; background: url(../img/icon-mna-legend.png) no-repeat; background-position: 0 -100px;}

.mna-mygoods-list-table > table > tbody > tr.concrn-chk-ask,
.mna-mygoods-list-table > table > tbody > tr.concrn-chk-ask a,
.mna-mygoods-list-table > table > tbody > tr.concrn-chk-ask > td{font-weight: bold;}
.mna-mygoods-list-table > table > tbody > tr.concrn-chk-bid,
.mna-mygoods-list-table > table > tbody > tr.concrn-chk-bid a,
.mna-mygoods-list-table > table > tbody > tr.concrn-chk-bid > td{font-weight: bold;}
.mna-mygoods-list-table > table > tbody > tr:HOVER > td{background-color: #ddd;cursor: pointer; }
.mna-goods-list-icon-newY{display: inline-block; width:30px; height:18px; background: url(../img/icon-mna-legend.png) no-repeat; vertical-align: middle; background-position: 0 -100px;}

.fr {float: right; font-size: 80%;}

.search-global-market { position: relative; width: 407px; margin: auto; }
.search-global-market > .site-content-search {width: 405px; bottom: 410px; right: 10px; text-align: left; }
.search-global-market > .site-content-search {border: 1px solid #333333; background: #ffffff}
.search-global-market > .site-content-search .screen-search-title {position: absolute; left: 20px; top: 16px; font-size: 16px; font-weight: bold;}
.search-global-market > .site-content-search input {width: 240px; height: 52px; border: 1px #cccccc; padding-left: 100px;}
.search-global-market > .site-content-search a.screen-search-btn {position: absolute; right: 0px; top: 2px; width: 50px; height: 52px; background: url(../img/icon-marketdatamain-search.png) no-repeat 10px 20px;}
.search-global-market > .site-title-context .site-content-search .search-auto {width: 100%}
.search-global-market > .site-title-context .site-content-search .search-auto > ul .search-top-menu {font-size: 1.1em;color: #333;padding: 10px 10px;background-color: #fff;}

.lsc02010501p1-popup{text-align:center;}
.lsc02010501p1-popup .lsc02010501p1-popup-box{border: 5px solid #00B4D5; padding:20px;}
.lsc02010501p1-popup .lsc02010501p1-dateTxt{font-size: 130%;}
.lsc02010501p1-popup .lsc02010501p1-infoTxt{font-size: 130%;}
.lsc02010301-box1{border: 1px solid #dbdbdb; margin-bottom:20px; clear: both; overflow: hidden; background-color: #f9f9f9;}
.lsc02010301-box1 > div{float:left;}
.lsc02010301-box1 > div:FIRST-CHILD{width: 150px; height: 150px; text-align: center; background-color: #2c77bc;  background-image: url(../img/ptn-triangle-w.png);}
.lsc02010301-box1 > div:FIRST-CHILD > span{display: inline-block; height:75px; background-image : url(../img/icon-startup-process.png); background-repeat: no-repeat;}
.lsc02010301-box1 .lsc02010301-box1-icon1 > span{width:65px; margin-top: 45px;}
.lsc02010301-box1 .lsc02010301-box1-icon2 > span{width:55px; margin-top: 35px; background-position: 0px -100px;}
.lsc02010301-box1 > div > dl{float: left;margin: 45px 40px;}
.lsc02010301-box1 > div > dl > dt{font-weight: bold; font-size: 1.1em;}
.lsc02010301-box1 > div > dl > dd{padding-top:10px;}
.lsc02010301-box1 > div:FIRST-CHILD + div{width: 80%;}
.lsc02010301-box1 > div:FIRST-CHILD + div > span{float:right; margin-top:45px;}
.lsc02010301-box1 > div:FIRST-CHILD + div > .design-button-basic2 > a{padding: 20px 37px;}
.lsc02010301-box2{border: 1px solid #dbdbdb; margin-bottom:20px; text-align:center; background-color: #f9f9f9; padding: 20px 0 0 0;}
.lsc02010301-box2 > span:FIRST-CHILD{display: inline-block; width:130px; height:65px; background: url(../img/icon-startup-process.png) no-repeat 0px -200px;}
.lsc02010301-box2 > span:FIRST-CHILD + span{display: inline-block; height: 65px; vertical-align: middle; font-weight: bold; font-size: 1.2em;}

.lsc02030300-wrap{position: relative;}
.lsc02030300-wrap > div:FIRST-CHILD{position: relative; overflow: hidden; clear: both; height: 30px; margin-bottom:10px;}
.lsc02030300-wrap > div:FIRST-CHILD > div:FIRST-CHILD{float: left;}
.lsc02030300-wrap > div:FIRST-CHILD > div:FIRST-CHILD > span{position:absolute;display:block; left:0;width:20px; height:30px; background-image: url(../img/bu-depth.png); background-repeat: no-repeat;  background-position:0px 9px}
.lsc02030300-wrap > div:FIRST-CHILD > div:FIRST-CHILD > h2{display:block; margin-left: 25px; color:#333; font-size: 150%}
.lsc02030300-wrap > div:FIRST-CHILD > div:FIRST-CHILD + div{float: right; color:#333;}
.lsc02030300-wrap > div:FIRST-CHILD + div{position: relative; overflow: hidden; clear: both; border-top:2px solid #2c77bc; border-bottom: 1px solid #dbdbdb; border-left: 1px solid #dbdbdb; border-right: 1px solid #dbdbdb;}
.lsc02030300-wrap > div:FIRST-CHILD + div > div:FIRST-CHILD{width:50%; float: left;}
.lsc02030300-wrap > div:FIRST-CHILD + div > div:FIRST-CHILD + div{position: relative; width:49.9%; border-left: 1px solid #dbdbdb; float: right;background-color: #fbfbfb;min-height: 420px;}
.lsc02030300-wrap > div:FIRST-CHILD + div > div:FIRST-CHILD + div > ul{margin:20px;}
.lsc02030300-wrap > div:FIRST-CHILD + div > div:FIRST-CHILD + div > ul > li{margin-bottom:10px;}
.lsc02030300-wrap > div:FIRST-CHILD + div > div:FIRST-CHILD > div:FIRST-CHILD{border-bottom: 1px solid #dbdbdb; padding:20px 0 20px 20px;}
.lsc02030300-wrap > div:FIRST-CHILD + div > div:FIRST-CHILD > div:FIRST-CHILD > span{font-size:120%; font-weight: bold; color: #333;}
.lsc02030300-wrap > div:FIRST-CHILD + div > div:FIRST-CHILD > div:FIRST-CHILD + div{text-align: center; margin-top:30px;}
.lsc02030300-wrap > div:FIRST-CHILD + div > div:FIRST-CHILD > div:FIRST-CHILD + div > span > img{border: 1px solid #dbdbdb;}
.lsc02030300-wrap > div:FIRST-CHILD + div > div:FIRST-CHILD > div:FIRST-CHILD + div > p{margin:20px;text-align: left; color: #666; font-size: 1em; }
.lsc02030300-wrap .lsc02030300-nodata{border-top:2px solid #2c77bc; border-bottom: 1px solid #dbdbdb; border-left: 1px solid #dbdbdb; border-right: 1px solid #dbdbdb; text-align: center; height:80px;}
.lsc02030300-wrap .lsc02030300-list-bg{position: absolute;display:block; width:100px; height:68px;bottom: 30px;right: 30px; background: url(../img/ele-startup-down.png) no-repeat;}

@page a4sheet{size:21.0cm 29.7cm;}
.lsc02010501p1-wrap{page:a4sheet; position:relative }
.lsc02010501p1-wrap > div{display: table; height: 100%; width: 98%; text-align: center; border: 5px solid #00B4D5;}
.lsc02010501p1-wrap > div > .lsc02010501p1-top-img{margin-top: 50px;}
.lsc02010501p1-wrap > div > .lsc02010501p1-title{text-align:center; font-size: 4em; font-weight: bold; letter-spacing: 20px; margin-top: 30px; margin-bottom: 50px;}
.lsc02010501p1-wrap > div > .lsc02010501p1-info{width: 550px; margin: 0 auto; color: #333;}
.lsc02010501p1-wrap > div > .lsc02010501p1-info > dl{display: table; font-size: 1.5em; margin-bottom: 15px;}
.lsc02010501p1-wrap > div > .lsc02010501p1-info > dl > dt{display: table-cell; width: 100px; text-align: left; font-weight: bold;}
.lsc02010501p1-wrap > div > .lsc02010501p1-info > dl > dd{display: table-cell;}
.lsc02010501p1-wrap > div > .lsc02010501p1-info > dl > dd > span{margin-right:15px;}
.lsc02010501p1-wrap > div > .lsc02010501p1-content {position:relative; margin-top: 50px;}
.lsc02010501p1-wrap > div > .lsc02010501p1-content > div{position:absolute; font-size: 1.7em; color:#333; left:0; right:0; bottom:0; line-height: 200%;word-spacing: 5px;}
.lsc02010501p1-wrap > div > .lsc02010501p1-date{text-align: center; font-size: 2em; margin-top: 75px;}
.lsc02010501p1-wrap > div > .lsc02010501p1-bottom-img{margin-top:35px; margin-bottom:20px;}

.lsc-user-change-tab { display: inline-block; width: 100%; margin: 40px 0 45px 0; }
.lsc-user-change-tab div { float:left; border-top:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb; border-left:1px solid #dbdbdb; width: 540px; padding: 20px; font-size: 137%; font-weight: bold;  }
.lsc-user-change-tab ol {  }
.lsc-user-change-tab ol > li { float: left; position: relative; display : table; font-size: 112%; padding: 13px 0px 13px 40px; width: 198px; margin-left: -20px; background-image: url(../img/icon-step.png); background-repeat: no-repeat; border-top: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb; background-position: 1px -101px; }
.lsc-user-change-tab ol > li > span { display : table-cell; color:#999999; font-size: 85.7% }
.lsc-user-change-tab ol > li > span strong { color:#666666; font-size: 114% }
.lsc-user-change-tab ol > li > span:FIRST-CHILD { width: 42px; height: 42px; vertical-align: middle; background-image: url(../img/icon-step.png); background-repeat: no-repeat; }
.lsc-user-change-tab ol > li.on { background-position: 0px 0px; border-top: 1px solid orange; border-bottom: 1px solid orange; }
.lsc-user-change-tab ol > li.on > span:FIRST-CHILD { background-position: 0 -199px; }
.lsc-user-change-tab ol > li > span:FIRST-CHILD { background-position: 0 -302px; }
.lsc-user-change-tab ol > li.on > span { display : table-cell; color: #ffffff; }
.lsc-user-change-tab ol > li.on > span strong { color: #ffffff; }
.lsc-user-change-tab ol > li + li { margin-left: -42px; border-right: 1px solid #dbdbdb; }
.lsc-user-change-tab ol > li + li.on > span:FIRST-CHILD { background-position: -49px -199px; }
.lsc-user-change-tab ol > li + li > span:FIRST-CHILD { background-position: -49px -302px; }

.lsc01010500 {display:flex; text-align: center; padding-left:50px}
.lsc01010500 > a:FIRST-CHILD > :FIRST-CHILD {display: inline-block; margin:0px 50px;  width:200px; height:210px; background: url(../../../contents/LSC/01/01010500/LSC01010500.png) no-repeat;}
.lsc01010500 > a:FIRST-CHILD > :FIRST-CHILD:HOVER {display: inline-block; margin:0px 50px;  width:200px; height:210px; background: url(../../../contents/LSC/01/01010500/LSC01010500.png) no-repeat -250px 0px;}
.lsc01010500 > a:FIRST-CHILD > :FIRST-CHILD + span {display: block;}
.lsc01010500 > a:FIRST-CHILD + a > :FIRST-CHILD {display: inline-block; margin:0px 50px; width:200px; height:210px; background: url(../../../contents/LSC/01/01010500/LSC01010500.png) no-repeat 0px -250px;}
.lsc01010500 > a:FIRST-CHILD + a > :FIRST-CHILD:HOVER {display: inline-block; margin:0px 50px; width:200px; height:210px; background: url(../../../contents/LSC/01/01010500/LSC01010500.png) no-repeat -250px -250px;}
.lsc01010500 > a:FIRST-CHILD + a > :FIRST-CHILD + span {display: block;}
.lsc01010500 > a:FIRST-CHILD + a + a > :FIRST-CHILD {display: inline-block; margin:0px 50px; width:200px; height:210px; background: url(../../../contents/LSC/01/01010500/LSC01010500.png) no-repeat 0px -500px;}
.lsc01010500 > a:FIRST-CHILD + a + a > :FIRST-CHILD:HOVER {display: inline-block; margin:0px 50px; width:200px; height:210px; background: url(../../../contents/LSC/01/01010500/LSC01010500.png) no-repeat -250px -500px;}
.lsc01010500 > a:FIRST-CHILD + a + a > :FIRST-CHILD + span {display: block;}
.lsc01010503-bg{display: inline-block; width:655px; height:210px; background: url(../img/startup-bg.png) no-repeat 20px -20px;}
.lsc01030000-logoBox > ul{ display:table; width:100%; border-spacing: 10px}
.lsc01030000-logoBox > ul > li {padding: 20px 20px;  border-top : 2px solid #2c77bc; border-bottom:1px solid #dbdbdb; border-left:1px solid #dbdbdb; border-right:1px solid #dbdbdb; text-align: center; display: table-cell;}
.lsc01030000-logoBox > ul > li >span.icon {margin-right:10px; display:inline-block; width:10px; height:11px; background: url(../img/icon-btn-startup.png) no-repeat 0px -100px;}
/* .lsc01030000-logoBox > ul + ul + ul + ul > li+li {visibility: hidden;} */
.lsc01030000-logoBox > ul + ul + ul + ul > li+li+li {visibility: hidden;}
.lsc01030000-logoBox > ul + ul + ul + ul > li+li+li+li {visibility: hidden;}
.lsc01030000-margin-left {margin-left:32px;}
.lsc01030000p1-ul {padding:20px 0;}
.lsc01030000p1-ul > li:FIRST-CHILD + li{font-size:18px}
.lsc01030000p1-table {width: 770px !important; margin:20px auto !important;}
.lsc01030000p1-div {font-weight: bold; border-bottom: 1px solid #dbdbdb; font-size: 20px; padding: 10px;}
.lsc01010100 {position:relative;}
.lsc01010100 > span > img { position: absolute; top: 0px; right: 60px;}
.lsc01060000-fwnd-list{ position: relative;}
.lsc01060000-fwnd-list > ul{ width: 100%; clear: both; overflow: hidden;}
.lsc01060000-fwnd-list > ul > li {display: block; float: left; width: 478px; height:174px; border: 1px solid #dbdbdb; margin-bottom:35px; }
.lsc01060000-fwnd-list > ul > li + li {float: right;}
.lsc01060000-fwnd-list > ul > li + li + li {float: left;}
.lsc01060000-fwnd-list > ul > li + li + li + li {float: right;}
.lsc01060000-fwnd-list > ul > li + li + li + li +li {float: left;}
.lsc01060000-fwnd-list > ul > li + li + li + li+ li + li {float: right;}
.lsc01060000-fwnd-list > ul > li + li + li + li+ li + li + li {float: left;}
.lsc01060000-fwnd-list > ul > li + li + li + li+ li + li + li + li {float: right;}
.lsc01060000-fwnd-list > ul > li + li + li + li+ li + li + li + li + li {float: left;}
.lsc01060000-fwnd-list > ul > li + li + li + li+ li + li + li + li + li + li {float: right;}
.lsc01060000-fwnd-list > ul > li > div { display: inline-block; vertical-align: top; height:100%;} 
.lsc01060000-fwnd-list > ul > li > div:FIRST-CHILD + div{ display: inline-block; vertical-align: top; height:100%; width:50%} 
.lsc01060000-fwnd-list > ul > li > div > a >  img {width: 230px; height: 100%; background-color: #fff;} 
.lsc01060000-fwnd-list > ul > li > div > ul {padding-left:20px;padding-right:20px; padding-top: 15px; width:90%} 
.lsc01060000-fwnd-list > ul > li > div > ul > li:FIRST-CHILD {font-weight: bold; color:#F08913} 
.lsc01060000-fwnd-list > ul > li > div > ul > li:FIRST-CHILD + li{line-height:1.2; font-size:1.5em;font-weight: bold; height:55px; overflow: hidden; text-overflow: ellipsis;} 
.lsc01060000-fwnd-list > ul > li > div > ul > li:FIRST-CHILD + li + li{margin-top:27px;font-weight: bold; color:#029AC9}
.lsc01060000-fwnd-list > ul > li > div > ul > li:FIRST-CHILD + li + li > span{font-weight: normal; color:black}
.lsc01060000-fwnd-list-chg-btn {text-align: right; margin-right:10px}
.lsc01060000-fwnd-list-chg-btn > span{margin:0 5px; font-size: 20px;font-weight:bold; color:#007ab3}
.lsc01060000-fwnd-list-wrap > fieldset > form > dl > dd > input {width:700px;} 
.lsc01040200-div {display:flex;}
.lsc01040200_01 {font-size: 114.3%; font-weight: bold;color: #007ab3; padding-top: 20px !important;}
.lsc01040200_02 {font-size:95% !important;}
.lsc01040200_02 + span  {bottom : 20px  !important;}
.lsc01040200_02 + span > span >span {background-position: -125px -50px;}
.lsc01010400_img > img{width:100%; display:block; margin:0 auto;}