@charset "utf-8";


#wrap {width:100%; position:relative; text-align:center;}

/* Header */
#wrap > header {width:100%; position:fixed; left:0; top:0; z-index:100000; background-color:rgba(28,30,45,0.8)}
.toparea {width:100%; max-width:1000px; height:90px; margin:0 auto; position:relative; line-height:100%;}
.toparea h1 {position:absolute; left:200px; top:29px;}
.toparea .utilarea {float:left; padding-top:22px; font-size:12px; letter-spacing:-0.1em; line-height:100%;}

.util {float:left; margin-left:350px;}
.util + .util {margin: 20px 0 0 ; text-align:right; float:right;}
.util > li {float:left; padding:0 8px; height:18px;}
.util li a {display:block; padding:1px 4px 5px; line-height:100%; color:#eee;}
.util > li > a:hover, .util > li > a:focus {color:#fff;}
.util.ver2 > li {padding:0 5px; width:232px;}
.util.ver2 > li > a {display:block; position:relative; line-height:13px;color:#eee;}
.util.ver2 > li > a:before {content:""; position:absolute;color:#fff; }

/* Search */
.sch-type {}
.sch-type legend {font-size:0; width:0; height:0; line-height:0; position:absolute; text-indent:-3000px; overflow:hidden; background:none;}
.inp-pop1 {position:relative; float:left; border:1px solid rgba(255,255,255,0.65);}
.inp-pop1 input {width:322px; float:left; font-size:16px; color:#999; line-height:120%; padding:10px 15px 10px; background:none; border:0;}
.inp-pop1 > button {width:54px; height:40px; float:left; background:url('../images/ico/ico_sch.png') no-repeat center -58px; opacity:0.8;}

/* Login */
.util.ver2 > li.bal-login > a {float:right; color:rgba(255,255,255,0.65); font-size:13px;}
.util.ver2 > li.bal-login > a:before {width:12px; height:13px; top:1px; right:5px; background-position:0 -20px;}
.util.ver2 > li.bal-login > a:hover {color:rgba(255,255,255,1); }

/* GNB */
#gnb {width:100%; background:#1c1e2d; border-bottom:1px solid #000; position:relative; z-index:100000; outline:none;}
#gnb.fixed {position:fixed; left:0; top:0;}
#gnb > ul {width:100%; max-width:1140px; height:50px; margin:0 auto; padding:0 20px; box-sizing:border-box;}
#gnb > ul > li {float:left; width:190px; text-align:center;}
#gnb > ul > li > a {display:block; height:50px; border-left:1px solid #17181b; background:#1c1e2d;}
#gnb > ul > li > a:hover, #gnb > ul > li.on > a {background:#2a2d3a;}
#gnb > ul > li > a span {text-indent:0; font-size:14px; line-height:50px; color:#fff; display:block;}

.back {width:100%; height:100%; opacity:0.25; background:#000; position:absolute; left:0; top:0; z-index:10000; display:none;}

.gnb-sub {width:100%; position:absolute; left:0; top:50px; text-align:left; background:transparent; line-height:100%; display:none;}
.gnb-sub > .sub-frame {width:100%; max-width:1140px; margin:0 auto; border-bottom:10px solid #3c5589; padding:0 20px; box-sizing:border-box;}
.gnb-sub > .sub-bg01 {width:100%; max-width:1140px; height:460px; margin:0 auto; background:#000 url('../images/bg/gnb_sub_bg01.jpg') no-repeat; }
.gnb-sub > .sub-bg02 {width:100%; max-width:1140px; height:460px; margin:0 auto; background:#000 url('../images/bg/gnb_sub_bg02.jpg') no-repeat; }
.gnb-sub > .sub-bg03 {width:100%; max-width:1140px; height:460px; margin:0 auto; background:#000 url('../images/bg/gnb_sub_bg03.jpg') no-repeat; }
.gnb-sub > .sub-bg04 {width:100%; max-width:1140px; height:460px; margin:0 auto; background:#000 url('../images/bg/gnb_sub_bg04.jpg') no-repeat; }
.gnb-sub > .sub-bg05 {width:100%; max-width:1140px; height:460px; margin:0 auto; background:#000 url('../images/bg/gnb_sub_bg05.jpg') no-repeat; }
.gnb-sub > .sub-bg06 {width:100%; max-width:1140px; height:460px; margin:0 auto; background:#000 url('../images/bg/gnb_sub_bg06.jpg') no-repeat; }

.gnb-sub > .sub-frame > .col-left > h3 {color:#f24971; font-size:18px; display:inline-block; padding-bottom:10px; border-bottom:1px solid rgba(254,254,254,0.4);}
.gnb-sub > .sub-frame > .col-left > .link {width:350px;  color:rgba(254,254,254,0.8) !important; font-size:16px; display:inline-block; padding:7px 20px; background:#3c5589 url('../images/ico/icon_btn_arrow.png') no-repeat right;}
.gnb-sub > .sub-frame > .col-left > .link:hover ,.gnb-sub > .sub-frame > .col-left > .link:focus {background-color:#25478e; color:#fff;}

.gnb-sub > .sub-bg01 > .col-left {width:550px; float:left; padding:30px;line-height:2.5em; color:rgba(254,254,254,0.8);}
.gnb-sub > .sub-bg01 > .col-right {width:470px; float:right; padding:30px; color:rgba(254,254,254,0.8); line-height:5em;}
.gnb-sub > .sub-bg01 > .col-right > h1.countTo {font-size:6.8em; margin-top:20px; }
.gnb-sub > .sub-bg01 > .col-right > p.note { margin:-10px 20px 0 0; text-align:right;}

.gnb-sub > .sub-bg02 > .col-left {width:510px; float:left; padding:30px; line-height:2.5em; color:rgba(254,254,254,0.9);}
.gnb-sub > .sub-bg02 > .col-right {width:510px; float:right; padding:30px; text-align:center; color:rgba(0,0,0,0.9); line-height:1.5em;}

.gnb-sub > .sub-bg03 > .col-left {width:510px; float:left; padding:30px; line-height:2.5em; color:rgba(254,254,254,0.8);}
.gnb-sub > .sub-bg03 > .col-right {width:510px; float:right; padding:30px; text-align:center; color:rgba(254,254,254,0.8); line-height:1.5em;}

.gnb-sub > .sub-bg04 > .col-left {width:510px; float:left; padding:30px; line-height:2.5em; color:rgba(254,254,254,0.9);}
.gnb-sub > .sub-bg04 > .col-right {width:510px; float:right; padding:30px; text-align:center; color:rgba(0,0,0,0.9); line-height:1.5em;}

.gnb-sub > .sub-bg05 > .col-left {width:510px; float:left; padding:30px; line-height:2.5em; color:rgba(254,254,254,0.9);}
.gnb-sub > .sub-bg05 > .col-right {width:510px; float:right; padding:30px; text-align:center; color:rgba(0,0,0,0.9); line-height:1.5em;}

.gnb-sub > .sub-bg06 > .col-left {width:510px; float:left; padding:30px; line-height:2.5em; color:rgba(254,254,254,0.9);}
.gnb-sub > .sub-bg06 > .col-right {width:510px; float:right; padding:30px; text-align:center; color:rgba(0,0,0,0.9); line-height:1.5em;}

.gnb-sub > .sub-frame p.txt-xs {font-size:1.3em; line-height:1.4em;}
.gnb-sub > .sub-frame p.txt-sm {font-size:1.7em; }
.gnb-sub > .sub-frame p.txt-md2 {font-size:2em;}
.gnb-sub > .sub-frame p.txt-md {font-size:2.4em; padding:10px 0;}
.gnb-sub > .sub-frame p.txt-lg {font-size:4.2em; padding:10px 0 20px;}
.txt-thin {font-weight:200 !important;}
.txt-blue {color:#8398e9;}
.txt-red {color:#f690e4;}

/* Tab in hover Cnt */
.tab-area {width:320px; margin:0 auto;} 
.tab-area2 {width:410px; margin:0 auto;}
.tab {height:38px;}
.tab > li {float:left; padding:0 ;}
.tab > li:first-child {padding:0;}
.tab > li > a, .tab > li > h4 > a {width:160px; height:26px; font-size:14px; font-weight:normal; position:relative; display:block; padding:11px 0 0; text-align:center; color:rgba(254,254,254,0.8); line-height:100%; background:#9999aa; z-index:10;}
.tab.type2 > li > a, .tab.type2 > li > h4 > a {width:205px;}
.tab.type3 > li > a, .tab.type3 > li > h4 > a {width:106px;}
.tab > li.on > a, .tab > li.on > h4 > a {background:#26292f; padding:11px 0 0; color:#FFF; }

.tab-con { margin-top:10px;}
.tab-con > h3.tit {font-size:1.3em; padding:15px 0 10px;}
.tab-con > h3.tit > a {color:rgba(0,0,0,0.8);}
.tab-con > p {line-height:2em;}
.tab-con > p.num > span {font-size:1.2em; font-family:roboto; font-weight:500; padding:0 15px 0 22px; display:inline-block; line-height:1em;}
.tab-con > p.num > span:last-child {padding-right:0;}
.tab-con > p.num > span.user {background:url('../images/ico/ico_cafe.png') no-repeat left 0px; }
.tab-con > p.num > span.list {background:url('../images/ico/ico_cafe.png') no-repeat left -20px;}
.tab-con > p.info > span {padding:0 10px ; display:inline-block; line-height:0.8em;}
.tab-con > p.info > span:first-child {border-right:1px solid #9a9a9a;}
.tab-con > p.info > span > strong{font-size:0.8em; opacity:0.6; padding-right:7px; padding-bottom:5px;}
.tab-con > p.desc {font-size:0.95em; line-height:1.4em; padding-top:10px;}
.tab-con > p.prof {color:#1441a0; line-height:1.4em;}
.rounded {	-webkit-border-radius: 50% !important;	 -moz-border-radius: 50% !important;	border-radius: 50% !important;}
.profile {width:60px; height:60px; border:1px solid #ccc;}

.tab-con > .know {background-color:#23252b; text-align:left; padding:10px 20px 15px 20px; margin-bottom:1px;}
.tab-con > .know > li {overflow:hidden; width:100%;  }
.tab-con > .know > li.ranking { display:inline-block; background:url('../images/ico/ico_know.png') no-repeat left 0px; padding-left:20px; line-height:1em; font-size:0.9em; color:#879ae4; }
.tab-con > .know > li.ranking > span.good {display:inline-block; float:right; display:inline-block; width:auto; text-overflow:ellpsis; white-space:nowrap; background:url('../images/ico/ico_know.png') no-repeat left -20px; padding:0 20px; margin-right:10px; border-right:1px solid #666; color:rgba(254,254,254,0.6);}
.tab-con > .know > li.ranking > span.user {display:inline-block; float:right; display:inline-block; width:auto; text-overflow:ellpsis; white-space:nowrap; background:url('../images/ico/ico_know.png') no-repeat left -40px; padding:0 20px 0 20px; color:rgba(254,254,254,0.6);}
.tab-con > .know > li.cnt {display:block; padding:10px 0 5px; overflow:hidden;text-overflow:ellpsis; white-space:nowrap;}
.tab-con > .know > li.cnt > a {color:rgba(254,254,254,0.8);}

/* Layer Popup Login*/
.popup {width:100%; height:100%; text-align:center; background:url('../images/bg/bg_popup.png') repeat left top; position:absolute; left:0; top:0; z-index:100010; display:none; outline:0;}
.pop-wrap {width:420px; margin:200px auto; text-align:left;}
.pop-wrap > h3 {color:#fff; font-size:24px }
.tit-txt {color:#999; font-size:12px; line-height:100%; padding-top:12px;}
.pop-close {position:absolute; width:40px; height:40px; background:url('../images/ico/ico_close.png') no-repeat left top; right:40px; top:40px;}

.pop-login .info-txt {display:block; margin-bottom:15px; font-size:12px; color:#fff; }
.pop-login .wrap-login .login-box {position:relative; margin:20px 0;}
.pop-login .wrap-login .login-box .input-label {position:relative; margin-bottom:10px; margin-right:0;}
.pop-login .wrap-login .login-box .input-label label {font-size:0; width:0; height:0; line-height:0; position:absolute; text-indent:-3000px; overflow:hidden; }
.pop-login .wrap-login .login-box .input-label .text {width:318px; height:30px; padding:0 10px; border:1px solid #fff; line-height:30px; font-size:12px; color:#333;}
.pop-login .wrap-login .login-box .btn-login {position:absolute; top:0; right:0; width:74px; height:74px; text-align:center; line-height:74px;  background:#3b78c2; color:#FFF; font-size:13px;} 
.pop-login .wrap-login .login-box .checkbox {color:#fff; font-size:12px;}
.pop-login .wrap-login .login-box .checkbox > input{color:#fff; font-size:12px;}
.pop-login .list-type1 {margin-top:30px; color:#ccc; line-height:2em;;}
.pop-login .list-type1 > li {padding:2px 0 2px 9px; font-size:12px; background:url('../images/ico/ico_blt_list.png') no-repeat 0 13px;}
.pop-login .list-type1 > li a {margin-left:8px;}



/* Content  */
#container {width:1140px; margin:212px auto 0 ; text-align:left; overflow:hidden; padding:0;}

/* Tab ver2 in News */
.tab-area3 {width:564px; float:left;}
.tab2 {height:40px;}
.tab2 > li {float:left;}
.tab2 > li > a {width:auto; height:27px; font-size:14px; text-align:center; position:relative; display:block; padding:13px 12px 0 12px; line-height:100%; background:#eef0f4; z-index:10;}
.tab2 > li + li > a {}
.tab2 > li.on > a { background:#5b5f6e; color:#fff; }

.tab-con2 {margin-top:10px; display:block; overflow:hidden;}


#news {width:74%; float:left; margin:0; border-right:1px solid #eaeaea; overflow:hidden; font-size:14px;}
.news-top {border-bottom:1px solid #eaeaea; overflow:hidden; margin-right:15px;}
.headline {margin-right:0px; float:left;}
.headline > .news-col {width:274px;}
.headline > .news-col > a:hover {opacity:0.85; color:#215CD1;}
.headline > .news-col .news-pic-lg{width:274px; height:190px; border:1px solid #dedede;  margin-right:10px;}
.headline > .news-col .caption {display:block; width:274px; padding-top:10px;}
.headline > .news-col .caption > .title {display:block; line-height:1.3em; padding-bottom:2px;}
.news-list-box {display:inline-block; margin-top:10px; margin-left:10px; width:250px; overflow:hidden; }
.news-list {border-bottom:1px solid #eaeaea;line-height:2.7em; overflow:hidden;}
.news-list:last-child { border-bottom:none;}
.news-list > a:hover {color:#3C83E3;}
.news-list img{float:right; vertical-align:middle; padding-top:10px;}
.news-list span{display:inline-block; width:225px !important; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; padding:0; margin:0; vertical-align:middle;}
.headline-second {float:left; width:260px; overflow:hidden;}
.second-pic {width:260px; height:216px;background:#000;}
.second-pic > a:hover {opacity:0.9;}
.second-pic > a > .caption {display:inline-block; position:absolute; overflow:hidden; width:260px; height:216px;  z-index:10; color:rgba(255,255,255,0.95);
    background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.7), transparent);
	background-image: -moz-linear-gradient(bottom,rgba(0, 0, 0, 0.7), transparent);
	background-image: -ms-linear-gradient(bottom, rgba(0, 0, 0, 0.7), transparent);
	background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.7), transparent);
	background-image: linear-gradient(bottom, rgba(0, 0, 0, 0.7), transparent);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ccc', endColorstr='#333',GradientType=0 ); /* IE6-9 */}
.second-pic > a > .caption > .title {display:block; line-height:1.3em; padding:150px 10px 2px; vertical-align:bottom;}
.second-pic > a > .caption > .sourcename {display:block; font-size:12px; padding:0 10px 0; vertical-align:bottom;}
.second-pic > .news-pic-lg2{height:216px; width:260;}

.news-bottom {overflow:hidde;}
.news-small {}
.news-col { width:270px; overflow:hidden; float:left; padding:20px 10px 20px 0;}
.news-col > a:hover {opacity:0.85; color:#215CD1;}
.news-col .news-pic {width:100px; height:75px; border:1px solid #dedede;  margin-right:10px;}
.news-col .caption {display:inline-block; width:145px; vertical-align:top;}
.news-col .caption > .title {display:inline-block; line-height:1.3em; padding-bottom:15px;}
.news-col .caption > .sourcename {display:block; font-size:12px; color:#999;}
.news-col .caption > .sourcename > img {margin-right:5px;}

#stock {width:25%; float:right;margin:0; overflow:hidden;}
#stock > h3 {font-size:14px; line-height:3.5em;}
#stock > h3 > span {display:inline-block; float:right; font-size:11px; color:#999;}
.stock-ranking {line-height:1.3em; margin-top:10px;}
.stock-ranking > h4 {font-size:13px; display:inline-block; width:80px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; padding-right:15px;}
.stock-ranking > h4.rank1 {background:url('../images/ico/ico_rank.png') no-repeat left 6px; padding-left:20px; height:35px;}
.stock-ranking > h4.rank2 {background:url('../images/ico/ico_rank.png') no-repeat left -26px; padding-left:20px; height:35px;}
.stock-ranking > h4.rank3 {background:url('../images/ico/ico_rank.png') no-repeat left -56px; padding-left:20px; height:35px;}
.stock-ranking > h4 > span {display:block; font-size:11px; color:#E7111E !important;}
.stock-ranking > ul {display:inline-block; font-size:13px;}
.stock-ranking > ul > li {display:inline-block; float:left; width:80px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; color:#8e8e8e;}
.stock-ranking > ul > li > span{display:block; font-size:11px; color:#E7111E !important;}

/* List Stock index */
.faq { width:285px; border-bottom:1px solid #eaeaea;}
.faq li {border-top:1px solid #eaeaea;  }
.faq li i {float:left; width:44px; font-style:normal; font-size:14px;}
.faq li > p, .faq li > div  {overflow:hidden; line-height:100%; padding:10px;}
.faq li > p {padding:15px 10px; }
.faq li > p i {padding:20px;}
.faq li > p a {width:270px; float:left; padding:0; position:relative; line-height:130%;}
.faq li > p a:before {content:""; width:8px; height:6px; position:absolute; right:0; top:50%; margin-top:-3px; background:url('../images/ico/ico_sel.png') no-repeat right -62px;}
.faq li > p > a > strong.up {display:inline-block; float:right; color:#E7111E !important; font-size:13px; font-weight:500;}
.faq li > p > a > strong.up > span {padding-right:10px;}
.faq li > p > a > strong.up > span:last-child {padding-right:20px;}
.faq li > p > a > strong.up > span.arrow {background:url('../images/ico/ico_stock.png') no-repeat left -2px; padding-left:16px;}
.faq li > p > a > strong.down {display:inline-block; float:right; color:#3C83E3 !important; font-size:13px; font-weight:500;}
.faq li > p > a > strong.down > span {padding-right:10px;}
.faq li > p > a > strong.down > span:last-child {padding-right:20px;}
.faq li > p > a > strong.down > span.arrow {background:url('../images/ico/ico_stock.png') no-repeat left -22px; padding-left:16px;}
.faq li > div {color:#555; font-size:12px; line-height:150%; display:none;}
.faq li > div > p {width:270px; float:left;}
.faq li > div > i {font-weight:bold; color:#666;}
.faq li.on > p a {color:#000; }
.faq li.on > p a:before {background-position:right -86px;}
.faq li.on > div {display:block;}
.faq li.on + li {border-top:1px solid #dedede;}

#broadcating {width:864px; float:left; margin:0; padding:0; overflow:hidden; font-size:14px;}
#broadcating iframe {border:0; width:100%; height:100%;}
#broadcating > div.first {margin-bottom:7px !important;}
.bc-lg {display:inline-block; width:564px; height:317px; margin-right:12px; margin-bottom:12px; float:left; overflow:hidden; background:#2a2a2a;}
.bc-md {display:inline-block; width:276px; height:155px; margin-right:12px; margin-bottom:12px;float:left; overflow:hidden; background:#2a2a2a;}
#ad-banner{width:276px; float:right; margin:0; float:left;}
.banner-lg {width:564px; height:317px; margin-bottom:12px; background:#2a2a2a;}
.banner-md {width:276px; height:155px; background:#2a2a2a;}


#trader {}
#trader > ul.trader-list:hover {background:rgba(48,51,60,0.85);}
.trader-list { width:100%; background: url('../images/bg/bg_trader.png') repeat left top; padding:20px 30px; color:rgba(255,255,255,0.7); float:left; line-height:1.3em; border-bottom:1px solid rgba(255,255,255,0.05)}

.trader-list > li {display:inline-block; padding:0 10px;vertical-align:middle; line-height:1.3em;  }
.trader-list > li.profile-pic {}
.trader-list > li.profile-pic >img.profile2{width:80px; height:80px; border:1px solid #333;}
.trader-list > li.desc { width:210px; overflow:hidden;}
.trader-list > li.desc > p.user {background:url('../images/ico/ico_know.png') no-repeat left -38px; padding-left:20px; font-size:1.2em; color:#eaeaea; margin-bottom:20px;}
.trader-list > li.graph {width:155px; text-align:right; overflow:hidden;}
.trader-list > li.graph > span {font-size:0.75em;}
.trader-list > li.tit {width:220px; overflow:hidden; text-align:center;}
.trader-list > li.tit > p{font-size:1.4em; font-weight:300; color:#eaeaea;}
.trader-list > li.tit > p > span.badge {display:inline-block; padding:7px; font-size:11px; text-align:center; line-height:100%; background:rgba(255,255,255,0.1); border:1px solid #666; margin:30px 3px 0 0;}
.trader-list > li.num1 {width:120px; text-align:center;}
.trader-list > li.num2 {width:150px; }
.trader-list > li.num2 > p.up {background:url('../images/ico/ico_trader_arrow.png') no-repeat left 10px; padding-left:35px;}
.trader-list > li.num2 > p.down {background:url('../images/ico/ico_trader_arrow.png') no-repeat left -35px; padding-left:35px;}
.trader-list > li.num1 > p > i, .trader-list > li.num2 > p > i {font-style:normal; font-size:0.6em; padding-left:5px; font-weight:200;}
.trader-list p.num {font-size:2.5em; font-weight:300; color:#eaeaea; line-height:1.3em;}
.trader-list p.note {font-size:0.9em; opacity:0.5; text-align:center;}


/* Footer */
#wrap > footer {padding:30px 0 40px; text-align:left;}
.footer01 {width:1000px; overflow:hidden; margin:0 auto; position:relative;}
.footer01 > p {color:rgba(0,0,0,0.7); font-size:12px;}


/* Button Link */
.btn-type1 {min-width:46px; border:1px solid #333; display:inline-block; padding:10px 13px 11px; font-size:13px; text-align:center; line-height:100%;}
.btn-type1:hover {background:#22211f; border:1px solid #22211f; color:#fff;}
.btn-type1 + .btn-type1 {margin-left:2px;}
.btn-type1 i, .btn-type2 i, .btn-type3 i {display:inline-block; width:16px; height:14px; margin:-2px 9px -2px 0; background-image:url('../images/ico/ico_btn.png');}
.btn-type1:hover i {background-image:url('../images/ico/ico_btn_on.png');}

.btn-type2 {display:inline-block; padding:11px 25px 12px; font-size:13px; text-align:center; line-height:100%; background:#333; color:#fff;}
.btn-type2 i {width:5px; height:9px; margin:0 0 0 3px; background-position:0 -41px;}
.btn-type2:hover {background:#000; color:#fff;}

.btn-type3 {display:inline-block; padding:4px 8px 5px 8px; font-size:12px; text-align:center; line-height:100%; background:#fff; border:1px solid #999; color:#666;}
.btn-type3:hover, .btn-type3:visited {background:#eaeaea; color:#666;}
.btn-type3 i {width:4px; height:7px; margin:0 0 0 5px;}

.btn-type4 {height:28px; display:inline-block; padding:4px 8px 5px 8px; font-size:13px; text-align:center; line-height:100%; background:#fff; border:1px solid #666; color:#333;}

.btn-type5 {display:inline-block; padding:11px 25px 12px; font-size:13px; text-align:center; line-height:100%; background:#ddd; color:#555;}
.btn-type5:hover {background:#ddd; color:#555;}

.btn-sm {min-width:48px; background:#22211f; display:inline-block; font-size:12px; text-align:center; line-height:100%; vertical-align:middle; color:#fff; padding:4px 0 6px;}


/* Rolling Control */
.btn-prev {background-position:right 0;}
.btn-next {background-position:right -31px;}
.btn-move.up {background-position:right -66px;}
.btn-move.down {background-position:right -95px;}

/* more */
.btn-more {display:inline-block; width:48px; height:13px; background-position:-24px -41px;}

/* Popup Button */
.btn-view2 {height:36px; color:#fff; font-size:13px; line-height:32px; border:1px solid #fff; padding:0 11px 0 33px; background:url('../images/ico/ico_popset.png') no-repeat left top;}
a.btn-view2 {height:34px; display:inline-block; vertical-align:middle; line-height:33px;}
.btn-view2 i {margin-right:5px;}
.btn-view2.expand {background-position:11px 12px;}
.btn-view2.reduce {background-position:11px -15px;}
.btn-view2.print {background-position:11px -41px;}
.btn-view2.save {background-position:11px -76px;}

button.btn-box {width:35px; height:17px; display:block; margin:0 auto; border:1px solid #999; border-top:0; background:url('../images/ico/ico_form.png') no-repeat 10px -44px;}
button.btn-box.open {background-position:10px -23px;}

/* Ico */
i.ico-floor {background-position:0 0;}
i.ico-list {background-position:-25px 0;}
i.ico-print {background-position:-51px 0;}
i.ico-save {background-position:-78px 0;}
i.ico-arrow {background-position:0 -24px;}

i.ico {display:inline-block; background:url('../../images/ico/ico_set2.png') no-repeat left top; vertical-align:middle;}
i.ico.plus {width:13px; height:13px; background-position:0 -363px;}
i.ico.minus {width:13px; height:13px; background-position:0 -386px;}
i.ico.new {width:13px; height:13px; background-position:0 -409px; margin-left:5px;}
i.ico.up {width:7px; height:4px; background-position:0 -133px;}
i.ico.down {width:7px; height:4px; background-position:0 -147px;}

i.ico-num {display:inline-block; width:18px; height:12px; vertical-align:middle; margin-right:2px; background:url('../images/ico/ico_num.png') no-repeat left top;}
i.ico-num.num01 {background-position:0 0;}
i.ico-num.num02 {background-position:0 -22px;}
i.ico-num.num03 {background-position:0 -44px;}

i.ico-best {width:27px; height:35px; display:inline-block; background:url('../images/ico/ico_lanking.png') no-repeat left top;}

/*	Button Align */
.bot-set {text-align:center; overflow:hidden;}
.left {float:left; line-height:90%;}
.right {float:right;}

.paging {text-align:center; padding-top:9px; margin:14px 0 0;}
.paging a, .paging strong {display:inline-block; vertical-align:middle;}
.paging > a {width:18px; height:22px; background:url('../images/ico/ico_paging.png') no-repeat center top;}
.paging > a.pag-first {background-position:3px -54px;}
.paging > a.pag-prev {background-position:-24px -54px;}
.paging > a.pag-next {background-position:-48px -54px;}
.paging > a.pag-last {background-position:-76px -54px;}
.paging > a + a {margin-left:-4px;}
.paging > span {padding:0 2px;}
.paging > a span {font-size:0; width:0; height:0; line-height:0; position:absolute; text-indent:-3000px; overflow:hidden; background:none;}
.paging > span > a {min-width:14px; height:22px; border:1px solid #999; line-height:24px; padding:0 3px; font-size:11px;}
.paging  > span > strong {min-width:22px; height:24px; border:0; line-height:24px; color:#fff; background:#000; padding:0 1px; font-size:11px;}

.popup .paging > span > a {border:1px solid #999; color:#bbb;}
.popup .paging  > span > strong {border:1px solid #999;; color:#010101; background:#fff;}

.paging .left, .paging .right {margin-top:-9px;}


/* Input */
.inp-type1 {height:20px; font-size:12px; border:1px solid #ddd; padding:0 6px; line-height:20px;}
.text-type1 {font-size:12px; border:1px solid #ddd; padding:0 8px; line-height:150%;}
.tel-area .inp-type1 {width:50px;}
.edit-title .inp-type1 {width:98%;}
.edit-write .text-type1 {width:98%; height:140px;}

.inp-sch {height:30px; font-size:13px; border:1px solid #333; padding:0 8px; line-height:30px;}
.btn-sch {color:#fff; height:32px; font-size:13px; padding:0 8px; background:#333; line-height:30px;}
.pop-dm .btn-sch {height:32px; padding:0 14px; background:#222325; border:1px solid #fff; margin-left:5px;}
.inp-sch + .btn-sch {margin-left:-5px;}

.sch-type3 .sel-type1 {height:26px; border:1px solid #666; float:none; display:inline-block;}
.sch-type3 .sel-type1 > span.selected {padding:5px 18px 0 8px; background-position:right -17px;}
.sch-type3 .btn-sch {height:28px; padding:0 13px 0 13px; background:#666; line-height:28px;}

.inp-sch > button span {text-indent:-3000px; position:absolute; width:0; height:0; line-height:0;}

/* File Add */
.add-file {overflow:hidden;}
.add-file .inp-type1 {width:190px; height:20px; color:#666; float:left; overflow:hidden; border:1px solid #ddd; line-height:20px; vertical-align:middle; white-space:nowrap; text-overflow:ellipsis; overflow: hidden;}
.btn-file {width:70px; height:22px; float:left; overflow:hidden; cursor:pointer; background:#666; vertical-align:middle; text-align:center; color:#fff; background:url('../images/common/btn_file.png') no-repeat left top;}
.btn-file.focus {
	border-color: #2168db;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 3px rgba(33, 104, 219, 1);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 3px rgba(33, 104, 219, 1);
}
.btn-file input[type="file"] {width:70px; height:22px; cursor:pointer; border:0; background:none; overflow:hidden; opacity:0;}



/* popup */
.tab-con .btn-right {text-align:right;}
.pop-wrap .floor-guide {background:none; display:block; overflow:hidden; margin-top:30px;}
.pop-wrap .link-floor {width:106px; height:402px; float:left; padding:8px 0 0; overflow:hidden; position:relative;}
.pop-wrap .link-floor .btn-move {width:25px; height:27px;}
.pop-wrap .link-floor div {overflow:hidden; height:348px;}
.pop-wrap .link-floor div > a {width:25px; height:20px; text-align:center; color:#333; display:block; padding:17px 0 0 0; line-height:100%; font-size:12px; color:#999; font-weight:bold;}
.pop-wrap .link-floor div > a:hover, .pop-wrap .link-floor > li.on > a {width:63px; height:32px; font-size:30px; font-weight:bold; text-align:left; padding:5px 0 0 31px; background:url('../../images/bg/bg_floor_on.png') no-repeat 7px center;; color:#fff;}
.pop-wrap .view-floor {width:894px; float:right;}


/* Top Popup */
.pop-top {width:100%; height:90px; background:url('../images/popup/bg_popup.jpg') no-repeat center top;}

.warning {color:#d02828; font-size:12px; line-height:140%; padding-left:20px; margin-top:6px; background:url('../images/ico/ico_warning.png') no-repeat left 2px;}

/* Hidden */
.pop-wrap > h3 span, .pop-wrap, .btn-move span, .ico span,
.ico-num span, .btn-more span, .pop-close span, .pop-close2 span, .pop-close3 span {
    font-size:0; width:0; height:0; line-height:0; position:absolute; text-indent:-3000px; overflow:hidden; background:none;
}