@charset "utf-8";
/*윤영실 20190613 터치*/
/*@import url("http://fonts.googleapis.com/css?family=Roboto:400,300,100,500,700");*/

@import url("/common/css/component.css?cashBuster=20191129");

/* gnb */
@font-face {
    font-family: 'NotosansM';
    font-style: normal;
    font-weight: 500;
    src: local('Noto Sans Medium'), local('NotoSans-Medium'),
    url(https://fundsupermarket.wooriib.com/common/font/NotoSans-Medium.eot),
    url(https://fundsupermarket.wooriib.com/common/font/NotoSans-Medium.eot?#iefix) format('embedded-opentype'),
    url(https://fundsupermarket.wooriib.com/common/font/NotoSans-Medium.woff) format('woff')
}

 */
@font-face {
font-family:NanumGothic;
src:url('https://fundsupermarket.wooriib.com/common/font/NanumGothic.eot');  /*for IE9*/
src:local('☺'), url('../font/NanumGothic.eot?iefix') format('eot'),
/* for IE6-IE8 */
        url('https://fundsupermarket.wooriib.com/common/font/NanumGothic.woff') format('woff')
/* for Modern Browsers */
}

@font-face {
font-family:NanumMyeongjoBold;
src:url('https://fundsupermarket.wooriib.com/common/font/NanumMyeongjoBold.eot');  /*for IE9*/
src:local('☺'), url('https://fundsupermarket.wooriib.com/common/font/NanumMyeongjoBold.eot?iefix')
format('eot'), /* for IE6-IE8 */
        url('https://fundsupermarket.wooriib.com/common/font/NanumMyeongjoBold.woff') format('woff')
/* for Modern Browsers */
}

@font-face {
font-family:NanumGothic;
font-style: normal;
font-weight: normal;
src:url('https://fundsupermarket.wooriib.com/common/font/NanumGothic.eot');  /*for IE9*/
src:local('☺'), url('../font/NanumGothic.eot?iefix') format('eot'),
/* for IE6-IE8 */
        url('https://fundsupermarket.wooriib.com/common/font/NanumGothic.woff') format('woff')
/* for Modern Browsers */
}

@font-face {
font-family:NanumGothicBold;
src:url('https://fundsupermarket.wooriib.com/common/font/NanumGothicBold.eot');  /*for IE9*/
src:local('☺'), url('../font/NanumGothicBold.eot?iefix') format('eot'),
/* for IE6-IE8 */
        url('https://fundsupermarket.wooriib.com/common/font/NanumGothicBold.woff') format('woff')
/* for Modern Browsers */
}

* {margin:0;  padding:0}
html,body {width:100%; height:100%}
body,input,select,textarea {outline:none; font-family:'NanumGothic', '나눔고딕', 'Malgun Gothic', '맑은 고딕', 'Dotum', 'Arial' !important; font-size:13px; line-height:20px; color:#686868; letter-spacing:-1px /*word-spacing:1px; */}
h1,h2,h3,h4,h5,h6 {font-size:13px; text-align:left}
ul,ol,dl,dd,dt,li {list-style-type:none}
em,i,address {font-style:normal; font-weight:normal}
textarea {overflow:auto; line-height:20px; resize:none}
table {border-collapse:collapse}
table caption {overflow:hidden; font-size:0; line-height:0}
.accessibility,.hd-text,legend {display:block; width:0; height:0; line-height:0; position:absolute; left:0 !important; top:-55000px !important}
legend {*width:0}
:root legend {margin-top:-1px; font-size:0; line-height:0}
img,fieldset,iframe {border:0 none}
img {border:0; vertical-align:top}
button {margin:0; padding:0; border:0 none; letter-spacing:-1px}
a {color:#666}
a,
a:hover {text-decoration:none;}

.skip {position:absolute; top:0; left:0; display:block; height:1px; width:1px; margin:0 -1px -1px 0; padding:0; overflow:hidden; font-size:0; line-height:0; z-index:300}
.skip:hover,.skip:active,.skip:focus {background:#ccc; width:100%; margin:0; padding:10px 0; font-size:13px; font-weight:bold; color:#000; text-align:center; text-decoration:none !important}
#content-start {position:absolute; top:0; left:0; display:block; height:1px; width:1px; margin:0 -1px -1px 0; padding:0; overflow:hidden; font-size:0; line-height:0; z-index:300}
#content-start:focus {background:#ccc; width:100%; margin:0; padding:10px 0; font-size:13px; font-weight:bold; color:#000; text-align:center; text-decoration:none !important}

.ellipsis1 {overflow:hidden; text-overflow:ellipsis;white-space:nowrap;word-wrap:normal}
.ellipsis2 {display:-webkit-box !important; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis}
.ellipsis3 {display:-webkit-box !important; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis}


/* select input */
/*select {height:30px !important; margin:0 2px 0 6px; font-size:13px; line-height:30px !important; vertical-align:middle; border:1px solid #e3e3e3; background:#fff; padding-left:2px;border-radius:4px;}*/
select {height:30px !important; margin:0 2px 0 6px; font-size:13px; line-height:20px !important; vertical-align:middle; border:1px solid #e3e3e3; background:#fff; padding:5px 5px 5px 2px;border-radius:4px;}

select:focus {background:#fff;}
select:first-child {margin-left:0}