@charset "UTF-8"; 

/* default */
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,div,table,th,td,form,fieldset,legend,input,textarea,button,select,figure,figcaption {font-family:NanumGothic,'나눔고딕','돋움',Dotum,helvetica,sans-serif; margin:0; padding:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;}
body,input,textarea,select,button,table,p {font-family:NanumGothic,'나눔고딕','돋움',Dotum,helvetica,sans-serif; font-size:13px; color:#333; line-height:1.6; letter-spacing:-1px; -webkit-font-smoothing:antialiased; -webkit-text-size-adjust:none; -moz-osx-font-smoothing:grayscale;}

img,fieldset,iframe {border:0 none}
dl,ul,ol,menu,li {list-style:none}
button {cursor:pointer;border:none}
header,hgroup,article,aside,details,nav,footer,figure,figcaption,canvas,section,time,summary {display:block;margin:0; padding:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;}
table {border-collapse:collapse; border-spacing:0; width:100%; line-height:18px; table-layout:fixed;}
i, em, u, cite, address {font-style:normal}

em {color:#ec5a0f; font-weight:bold}
input,select,button {vertical-align:middle}
legend, caption {overflow:hidden; position:absolute; top:0; left:-999em; width:0; height:0; font-size:0; line-height:0; text-indent:-9999px;}
hr {display:none;}
.underline {text-decoration:underline}/* 180212추가 */

a {font-family:NanumGothic,'나눔고딕','돋움',Dotum,helvetica,sans-serif; color:#333; text-decoration:none;}
a:hover, a:active, a:focus {color:#333; text-decoration:none;}

.blind{overflow:hidden;position:absolute;top:0;left:-999em;font-size:0;line-height:0;text-align:left;text-indent:-9999px;width:1px !important;height:1px !important;}

.btnWrap {margin-top:50px; text-align:center;}
.btn {display:inline-block; margin:0; padding:0 14px; border:1px solid #9d9d9d; height:26px; line-height:26px; color:#000; vertical-align:middle; cursor:pointer; overflow:hidden; font-size:13px; background-color:#fff; white-space:nowrap; font-weight:normal; text-align:center; border-radius:3px}
.btn.orange {color:#fff; background:#ec6d14; border:1px solid #ec6d14}
.btn.blue {color:#fff; background:#1779cc; border:1px solid #1779cc}
.btn.gray {color:#fff; background:#666; border:1px solid #666}

.btn > span {display:inline-block; font-size:0; overflow:hidden; line-height:0; vertical-align:middle}

.ico {display:inline-block; font-size:0px; overflow:hidden; line-height:0px; text-indent:-9999px;}

.pop-wrap .pop-window > .head .close {display:inline-block; font-size:0; overflow:hidden; line-height:0; background:url("/extern/tradar/micro/web3/images/common/spr_com.png") no-repeat;}

/*180212추가*/
.dp3 {font-size:17px; color:#2a2e38; font-weight:bold; display:inline-block; letter-spacing:-1px; padding:0 0 0 24px; height:25px; position:relative; top:4px; background:url("/extern/tradar/micro/web3/images/common/bull_h3.png") no-repeat left 4px; margin-right:5px;}
/*180212추가(e)*/

/* layout */
#header {position:relative; background:url("/extern/tradar/micro/web3/images/common/bg_header2.png") repeat-x 0 0; z-index:20;}/*180212수정*/
#header > .inner {position:relative; width:1006px; height:54px; padding-top:19px; margin:0 auto}
#header .yuantaLogo > span,
#header .yuantaLogo > a > span,
#header h1 > a > span,
#header .topLinkWrap .topLink_ico
/*.gnbWrap > ul > li > a > span */
{display:inline-block; background:url("/extern/tradar/micro/web3/images/common/spr_gnb.png") no-repeat; font-size: 0; overflow:hidden; line-height:0; vertical-align:top;}
#header .yuantaLogo {float:left; padding-left:48px;}
#header .yuantaLogo > span {height:19px; width:114px; background-position:0 0;/* width:178px; background-position:0 -292px; */}/* 230406 계수련 수정 */
#header .yuantaLogo > a {display:inline-block; margin-left:11px;}
#header .yuantaLogo > a > span {width:104px; height:19px; background-position:-124px 0;}
#header h1 {position:absolute; top:68px; left:29px; width:158px; height:65px; margin:0px; padding:0px; border:none;}
#header h1 a > span {width:152px; height:65px; background-position:-179px -29px;}/*180302수정*/
#header .topLinkWrap {float:right; padding-right:30px;}
#header .topLinkWrap > a {display:inline-block; padding-left:18px; color:#0066b3; font-size:16px}/*180212수정*/
#header .topLinkWrap .topLink_ico1 {width:61px; height:21px; background-position:-238px 0px;}
#header .topLinkWrap .topLink_ico2 {width:99px; height:21px; background-position:-309px 0px;}
#header .topLinkWrap .topLink_ico3 {width:66px; height:21px; background-position:-418px 0px;}

.topLinkWrap .layer_snsShare {display:none; position:absolute; right:25px; top:46px; padding-top:8px;}
.topLinkWrap .layer_snsShare * {display:block; vertical-align:middle;}
.topLinkWrap .layer_snsShare ul {overflow:hidden; padding:17px 23px; border:1px solid #222; background:#fff}
.topLinkWrap .layer_snsShare ul li {float:left; margin:0 7px;}
.topLinkWrap .layer_snsShare .layer_close {position:absolute; right:7px; top:14px; display:block; width:13px; height:13px; background:url("/extern/tradar/micro/web3/images/common/spr_com.png") no-repeat -200px -32px;}
.topLinkWrap .layer_snsShare .layer_close > span {display:inline-block; font-size:0px; overflow:hidden; line-height:0px; text-indent:-9999px;}
.topLinkWrap .layer_snsShare .arrow {display:inline-block; width:15px; height:9px; position:absolute; top:0px; right:30px; background:url("/extern/tradar/micro/web3/images/common/spr_com.png") no-repeat -180px -32px}
.rightCont .layer_lankingCont p {font-size:12px; line-height:17px; color:#999;}

/*180213수정*/
#header .gnbArea {width:1006px; margin:0 auto; height:94px; overflow:hidden;}
.gnbWrap {float:right; padding-left:238px; overflow:hidden}/* 211116 수정 */
.gnb {margin-top:39px; overflow:hidden}/* 211116 수정 */
.gnb > li {float:left;}
.gnb > li > a {display:block; /* padding:0 28px 26px; */ padding:0 32px 26px; font-size:20px; color:#333}/* 211116 수정 */
/* .gnb > li > a > span {height:74px;}
.gnb > li.menu1 > a > span {width:128px; background-position:0 -104px;}
.gnb > li.menu2 > a > span {width:103px; background-position:-138px -104px;}
.gnb > li.menu3 > a > span {width:100px; background-position:-251px -104px;}
.gnb > li.menu4 > a > span {width:143px; background-position:-361px -104px;}
.gnb > li.menu1.on > a > span {background-position:0 -188px;}
.gnb > li.menu2.on > a > span {background-position:-138px -188px;}
.gnb > li.menu3.on > a > span {background-position:-251px -188px;}
.gnb > li.menu4.on > a > span {background-position:-361px -188px;} */
.gnb > li > a > span {font-size:20px; color:#333}
.gnb > li.on > a,
.gnb > li.on > a > span {color:#ff6e26}
/*180213수정(e)*/

.gnb .gnb_sub {width:100%; min-width:1006px; position:absolute; left:0; right:0; top:148px; background:#374974; z-index:100; overflow:hidden}/*180226수정 */
.gnb .gnb_sub > ul {width:1006px; margin:0 auto; overflow:hidden;}
.gnb .gnb_sub > ul > li {float:left; padding:10px 20px;}
.gnb .gnb_sub > ul > li > a {font-size:16px; font-weight:bold; color:#aeb3c1;}/*180226수정 */
.gnb .gnb_sub > ul > li > a:hover,
.gnb .gnb_sub > ul > li > a:active,
.gnb .gnb_sub > ul > li > a:focus,
.gnb .gnb_sub > ul > li.on > a {color:#fff;}/*180226수정 */
.gnb .gnb_sub1 > ul {padding-left:407px;}/* 211116 수정(padding-left:238px -> 407px) */
.gnb .gnb_sub2 > ul {padding-left:395px;}

/* list_type */
.guideTxt {overflow:hidden; line-height:18px}
.guideTxt li {padding-left:8px;position:relative;min-height:22px}
ul.guideTxt > li:before {position:absolute; top:7px; left:0; width:2px; height:2px; background-color:#2c2c2c; clear:both; display:block; content:''}
.guideTxt li em {color:#f76325;}

/* select */
.select-title {text-align:left; vertical-align:middle; padding:0 13px 0 9px; border:1px solid #c8c8c8; background:#fff url(/extern/tradar/micro/web3/images/common/ico-select.gif) right 50% no-repeat; display:inline-block; border-top-left-radius:3px; border-top-right-radius:3px; border-bottom-left-radius:3px; border-bottom-right-radius:3px}
.select-title strong {width:100%; font-weight:normal; font-size:13px; word-break:break-all; white-space:nowrap; display:block; overflow:hidden; height:28px; line-height:28px; }
.select-title.focus,
.select-title.active {color:#000; border-color:#666;}
.select-title.disabled {color:#999; text-shadow:1px 1px 0 #fff; border-color:#bbb; background-color:#eee;}
.select-option {border:1px solid #c8c8c8; background:#fff; overflow:auto; border-top-left-radius:3px; border-top-right-radius:3px; border-bottom-left-radius:3px; border-bottom-right-radius:3px}
.select-option ul {margin:0; padding:0;}
.select-option li {list-style:none;}
.select-option span,
.select-option strong {height:1.5em; font-size:13px; font-weight:normal; color:#888; white-space:nowrap; text-overflow:ellipsis; line-height:1.8em; text-decoration:none; padding:4px 5px 7px; display:block; overflow:hidden; cursor:default;}
.select-option strong {font-weight:bold; color:#000; border-top:1px solid #eee; border-bottom:1px solid #ccc;}
.select-option li li span {padding-left:10px;}
.select-option span:hover,
.select-option span.selected {color:#333; background:#f9f9f9;}
.select-option .disabled span,
.select-option .disabled strong {color:#bbb; text-decoration:line-through; background:none;}

/* table */
table.list {clear:both; width:100%; border-bottom:1px solid #dfdfdf; font-size:13px; color:#333}
table.list th {height:42px; border-top:1px solid #c8c8c8; background:#f1f3f3}
table.list td {height:42px; padding:12px 0 11px; border-top:1px solid #dfdfdf; text-align:center}
table.list td.subj {text-align:left; padding-left:15px}
.paginate {text-align:center; margin-top:30px}
.paginate *{display:inline-block; margin:0 1px; width:20px; height:32px; line-height:32px; text-align:center; font-size:13px;}
.paginate strong {color:#ff7815; font-weight:normal}
.paginate .btn {padding:0px; text-align:left; text-indent:-9999px; width:32px; height:32px; border:1px solid #c8c8c8; border-top-left-radius:3px; border-top-right-radius:3px; border-bottom-left-radius:3px; border-bottom-right-radius:3px}
.paginate .btn.f {background:url("/extern/tradar/micro/web3/images/common/btn-paging-f.gif") 50% 50% no-repeat;}
.paginate .btn.p {margin-right:30px; background:url("/extern/tradar/micro/web3/images/common/btn-paging-p.gif") 50% 50% no-repeat;}
.paginate .btn.n {margin-left:30px; background:url("/extern/tradar/micro/web3/images/common/btn-paging-n.gif") 50% 50% no-repeat;}
.paginate .btn.e {background:url("/extern/tradar/micro/web3/images/common/btn-paging-e.gif") 50% 50% no-repeat;}
table.read {width:100%; text-align:left; color:#333; font-size:13px;}
table.read thead th {height:58px; padding:20px 23px 18px; font-size:18px; line-height:1.33em; border-top:1px solid #c8c8c8; background-color:#f1f3f3}
table.read tbody td {height:44px; padding:15px 23px 13px; border-top:1px solid #dfdfdf;}
table.read tbody td.info ul {float:left}
table.read tbody td.info ul:after {content:""; display:block; clear:both}
table.read tbody td.info ul + ul {float:right}
table.read tbody td.info ul *{float:left}
table.read tbody td.info ul li + li {margin-left:39px}
table.read tbody td.info ul li strong {color:#ff6c00; margin-right:8px}
table.read tbody td.cont {padding-top:35px; padding-bottom:25px}
table.read tbody td.cont > .inner p {line-height:2.15em} 
table.nav {width:100%; margin-top:60px;border-top:1px solid #c8c8c8; border-bottom:1px solid #c8c8c8; font-size:13px;}
table.nav tr ~ tr th,
table.nav tr ~ tr td {border-top:1px solid #dfdfdf}
table.nav tr th,
table.nav tr td {height:44px; padding:15px 0 13px; text-align:center}
table.nav tr th {font-weight:normal}
table.nav tr th span {display:inline-block; padding-right:17px; background:url("/extern/tradar/micro/web3/images/content/bul-prev.gif") right 50% no-repeat}
table.nav tr th span.next {background-image:url("/extern/tradar/micro/web3/images/content/bul-next.gif")}
table.nav tr td.subj {padding-left:40px; text-align:left}

/*180212추가 (투자타이밍 신청)*/
.table_write {border-top:1px solid #4c4c4c}
h3 + .table_write {margin-top:12px}
.table_write table {border-bottom:1px solid #4c4c4c}
.table_write table th,
.table_write table td {font-size:16px; color:#333}
.table_write table th {height:46px; background:#edf1f6; border-left:1px solid #d8d8d8}
.table_write table td {height:46px; padding:6px 7px 5px; border-top:1px solid #d8d8d8; text-align:center; border-left:1px solid #d8d8d8}
.table_write table th:first-child,
.table_write table td:first-child {border-left:none}
.table_write .bl{border-left:1px solid #d8d8d8 !important}
.table_write .btn.gray {width:76px; height:31px; line-height:31px; font-weight:bold; font-size:16px; box-sizing:border-box;}
.table_write table td input.stock {padding:0 20px; font-size:17px; color:#101111; width:100%; height:35px; line-height:35px; border:1px solid #c1c1c1;}

.table_write.tblCol {}
.table_write.tblCol table th {height:46px; padding:6px 7px 5px; border-top:1px solid #d8d8d8; text-align:center}
.table_write.tblCol table tr:first-child th,
.table_write.tblCol table tr:first-child td {border-top:0}
.table_write.tblCol table td {padding:6px 5px 5px; text-align:left;}
.table_write table td input.basic {padding:0 20px; font-size:17px; color:#101111; width:100%; height:35px; line-height:35px; border:1px solid #c1c1c1;}
.table_write table td input.w50 {width:50% !important;}
.table_write table td .txt {padding-left:10px; color:#777; font-size:16px}

.tbldownTxt {margin-top:8px; font-size:14px}
.tbldownTxt em {font-weight:normal !important}

/* 유의사항 */
.noteArea {width:100%; border-top:1px solid #ddd;}
.noteArea .note {width:1006px; margin:15px auto 0;}/* 211115 수정(margin-bottom:20px-> 0) */
.noteArea .note > h2 {padding-left:15px; margin-bottom:5px; font-size:16px; color:#232323; font-weight:normal;}
.noteArea .note ul {padding-left:20px;}
.noteArea .note ul li {position:relative; padding-left:6px; color:#232323;}
.noteArea .note ul li:after {content:""; position:absolute; left:0; top:7px; width:2px; height:2px; background:#232323}
.noteArea .note > p {padding-top:5px; padding-left:15px;}

.auditInfo {width:1006px; margin:5px auto 0; padding-left:15px;}/* 211115 추가(심의번호) */

/* footer */
#footer {margin-top:20px; clear:both; overflow:hidden; background:#2e2e2e;}/* 211115 수정(margin-top:20px 추가) */
#footer > .inner {position:relative; padding:20px 0 25px; width:1006px; margin:0 auto; color:#fff;}
#footer > .inner p {color:#fff; line-height:23px;}
#footer .inner p span.footer_logo {vertical-align:middle; width:86px; height:16px; background:url("/extern/tradar/micro/web3/images/common/spr_com.png") no-repeat; background-position:-115px 0px}/* 230406 계수련 수정 */
#footer .inner p span ~ span,
#footer .inner p ~ p span ~ span {position:relative; padding-left:12px;}
#footer .inner p span,
#footer .inner p ~ p span {display:inline-block;}
#footer .inner p span ~ span {margin-left:12px;}
#footer .inner p * {line-height:100%;}
#footer .inner p span ~ span:after,
#footer .inner p ~ p span ~ span:after {content:""; position:absolute; left:0px; top:50%; margin-top:-7px; height:12px; border-left:1px solid #b1a8a8;}

#footer > .inner .top {position:fixed; left:50%; bottom:168px; margin-left:460px;}

/* #content */
#content {position:relative;}
#content > div .visual {width:100%; height:356px; text-align:center; padding-top:115px; background-position:50% 0; background-repeat:no-repeat;}/* 170313수정 */
#content > div .visual > h2,
#content > div .visual > h2 > span {font-size:35px; color:#fff; font-weight:normal; line-height:100%;}
#content > div .visual > h2 > span {display:inline-block; padding-bottom:3px; border-bottom:2px solid #fff;}
#content > div .visual > h2 ~ p {margin-top:35px; font-size:24px; color:#fff; line-height:1.3;}

.contentWrap {position:relative; min-height:240px;}

/* floating (170210 수정 및 추가) */
/* .go_main {position:absolute; z-index:10; left:50%; margin-left:503px; top:360px; width:130px; height:133px; background:url(/extern/tradar/micro/web3/images/common/btn_main.png); text-indent:-9999px} */
.go_main {position:absolute; z-index:10; left:50%; margin-left:503px; top:218px; width:130px;}
.go_main .bn_event,
.go_main .bn_diagnosis {display:block; width:130px; height:133px; text-indent:-9999px}
.go_main .bn_event {background:url("/extern/tradar/micro/web3/images/common/btn_dreamEvent.png")}
.go_main .bn_diagnosis {margin-top:10px; background:url("/extern/tradar/micro/web3/images/common/btn_main.png")}
/* floating (170210 수정 및 추가)(e) */

.tabWrap2 {position:relative; top:0px; left:0; right:0; height:185px; text-align:center; background:url(/extern/tradar/micro/web3/images/common/bg_tabWrap2.png) repeat-x left top; z-index:10;}
/* 200810 tab(contents 두개 일때) 김예리 추가 */
.tabWrap2 .tab{margin:auto;width:1006px;overflow:hidden;}
.tabWrap2 .tab > li {float:left; width:50%}
.tabWrap2 .tab > li > a {display:block; height:48px; padding-top:20px; color:#fff; font-size:18px; font-weight:bold; text-align:center; background:none;}
.tabWrap2 .tab > li.on > a {color:#333; background:#fff;}
/* 200810 tab(contents 두개 일때) 김예리 추가(e) */
.tabWrap2 .tab2 {height:65px;}
.tabWrap2 .tab2:after {content:""; display:block; clear:both}
.tabWrap2 .tab2 > li {float:left; width:33%}
.tabWrap2 .tab2 > li.on{width:34%}
.tabWrap2 .tab2 > li > a {display:block; height:48px; padding-top:20px; color:#fff; font-size:18px; font-weight:bold; text-align:center; background:none;}
.tabWrap2 .tab2 > li.on > a {color:#333; background:#fff;}
.subtab_wrap {display:none; width:100%; text-align:center; position:absolute; left:0px; right:0px; top:70px;}
.tabWrap2 .tab2 > li.on .subtab_wrap {display:block;}
.subtab_wrap .subtab {width:1006px; margin:0 auto; padding:0 80px;}
/* .subtab_wrap .subtab3 {padding:0 20px;} */
.subtab_wrap .subtab.subtab3 {padding:0 20px; width:auto; max-width:1006px; display:inline-block; text-align:center}/* 180921수정 */
.subtab_wrap .subtab:after {content:""; display:block; clear:both}
.subtab_wrap .subtab li {position:relative; float:left;background:none; height:47px;}
.subtab_wrap .subtab li a {display:block; font-size:18px; padding-top:10px; margin:0 35px 8px}
.subtab_wrap .subtab3 li a {/* margin:0 15px 8px */margin:0 25px 8px}/* 170413 수정 */
.subtab_wrap .subtab li.on a {color:#f06118; border-bottom:1px solid #f06118;}
.subtab_wrap .subtab li.on {background:url("/extern/tradar/micro/web3/images/common/ico_tab2_on.png") no-repeat center bottom;}
.subtab_wrap .subtab li ~ li:after {content:""; position:absolute; left:0px; top:50%; margin-top:-7px; height:17px; border-left:1px solid #dcdcdc;}

.tab2_cont {position:relative; margin-top:34px;}
.tab2_cont .content-wrap {}

/* pop-wrap */
.pop-wrap {position:fixed; left:0; top:0; right:0; bottom:0; z-index:10000; background:url(/extern/tradar/micro/web3/images/common/bg-dimm.png); background:rgba(0,0,0,0.8); text-align:center; overflow:scroll; overflow-x:auto}
.pop-wrap:after {content:""; display:inline-block; vertical-align:middle; width:0; height:100%}
.pop-wrap .pop-window {width:760px; display:inline-block; text-align:left; vertical-align:middle; background:#fff}
.pop-wrap .pop-window > .head {position:relative; background:#28aae1; padding:0 30px 0 50px;}
.pop-wrap .pop-window > .head:after {content:""; display:block; clear:both}
.pop-wrap .pop-window > .head h2 {float:left; height:70px; line-height:72px; color:#fff; font-size:28px;}
.pop-wrap .pop-window > .head .close {float:right; width:27px; height:28px; margin-top:27px; background-position:-69px 0;}
.pop-window input[type="text"] {height:28px; border:1px solid #c0c0c0; line-height:26px; font-size:14px; padding:0 12px;}
.popup_btnWrap {margin-top:20px; text-align:center;}
.popup_btnWrap .btn {font-size:18px; color:#fff; background-color:#333; border:0 none; height:39px; line-height:39px; margin:0 1px; letter-spacing:-1px; min-width:68px;}
.popup_btnWrap .btn.em {background-color:#f76325;}
.popup_btnWrap .btn.btn_gray {font-size:16px; color:#000; background-color:#ededed; border:1px solid #969696;}

.pop-window .tit3 {padding-left:22px; font-size:16px; font-weight:bold; color:#2c2c2c; background:url(/extern/tradar/micro/web3/images/common/popup_tit3.png) no-repeat 0 center;}
.pop-window h3.tit3 {margin:20px 0 5px;}
.pop-window h3.tit3 > span {font-weight:normal;}
.pop-window .titArea_line {padding-bottom:18px; border-bottom:1px solid #777;}
.pop-window .titArea_line > h3 {font-size:18px; color:#2c2c2c;}
.pop-window .titArea_line > h3 ~ p {padding-top:5px; font-size:14px; color:#2c2c2c;}
.pop-window .imgCont {text-align:center;}

/* popup - 종목진단 */
.pop-wrap .pop-window.check-shares {width:850px;}
.pop-wrap .pop-window.check-shares > .head h2 {padding:15px 45px 0 0; height:100px; line-height:34px; color:#fff; font-size:28px; font-weight:normal;}
.pop-window.check-shares .head .chance {float:left; width:200px; margin:20px 0 0 0; padding-left:30px; color:#fff; background:url(/extern/tradar/micro/web3/images/common/bg-chance.png) no-repeat left top; text-align:center}
.pop-window.check-shares .head .chance p {padding-left:5px; font-size:14px; color:#fff; text-align:left;}
.pop-window.check-shares .head .chance span {display:block; padding-top:5px}
.pop-window.check-shares .head .chance span em {display:inline-block; width:45px; height:38px; margin:0 4px; background:url(/extern/tradar/micro/web3/images/common/ico-heart.png)}
.pop-window.check-shares .head .chance span.left1 em + em + em {background:url(/extern/tradar/micro/web3/images/common/ico-heart-active.png)} 
.pop-window.check-shares .head .chance span.left2 em + em {background:url(/extern/tradar/micro/web3/images/common/ico-heart-active.png)} 
.pop-window.check-shares .head .chance span.left3 em {background:url(/extern/tradar/micro/web3/images/common/ico-heart-active.png)} 

.pop-window.check-shares .pop-content {padding:13px 50px 30px}
.pop-window.check-shares .snsShare {text-align:right; padding-bottom:5px;}
.pop-window.check-shares .snsShare > * {display:inline-block; vertical-align:middle;}
.pop-window.check-shares .snsShare > strong {font-size:16px; padding-right:10px;}
.pop-window.check-shares .snsShare ul {overflow:hidden;}
.pop-window.check-shares .snsShare ul li {float:left; margin-left:5px;}

.pop-window.check-shares .summary {overflow:hidden;}
.pop-window.check-shares .summary .product {float:left; width:208px; height:160px; border-top:1px solid #373636; border-bottom:1px solid #a9a9a9; text-align:center}
.pop-window.check-shares .summary .product:after {content:""; display:inline-block; vertical-align:middle; width:0; height:100%}
.pop-window.check-shares .summary .product > dl {position:relative; min-height:160px; padding:0 10px; vertical-align:middle; text-align:center;}
.pop-window.check-shares .summary .product > dl.up {background:url(/extern/tradar/micro/web3/images/common/stock_up1.png) no-repeat center 45px;}
.pop-window.check-shares .summary .product > dl.down {background:url(/extern/tradar/micro/web3/images/common/stock_down1.png) no-repeat center 48px;}
.pop-window.check-shares .summary .product > dl > dt {position:absolute; left:10px; right:10px; top:8px; text-align:center; font-size:18px; font-weight:bold; color:#333; line-height:20px;}
.pop-window.check-shares .summary .product > dl > dt > span {font-size:15px; color:#666; padding-left:7px}
.pop-window.check-shares .summary .product > dl .idx1 {font-size:16px; font-weight:bold; padding-top:85px}
.pop-window.check-shares .summary .product > dl.down .idx1 {padding-top:70px;}
.pop-window.check-shares .summary .product > dl .idx2 {position:absolute; left:10px; right:10px; bottom:8px; text-align:center; font-size:14px; font-weight:bold;}
.pop-window.check-shares .summary .product > dl.up .idx1,
.pop-window.check-shares .summary .product > dl.down .idx1 {color:#fff;}
.pop-window.check-shares .summary .product > dl.up .idx2 {color:#bb0000;}
.pop-window.check-shares .summary .product > dl.down .idx2 {color:#00479d;}
.pop-window.check-shares .summary .product > dl .idx2 .ico {width:12px; height:9px; background:url(/extern/tradar/micro/web3/images/common/spr_com.png) no-repeat -35px -16px;}
.pop-window.check-shares .summary .product > dl .idx2 .ico.up {background-position:-35px 0;}
.pop-window.check-shares .summary .product > dl .idx2 .ico.down {background-position:-52px 0;}

.pop-window.check-shares .summary .weeklyWrap {float:right; width:518px; height:168px; overflow:hidden;}
.pop-window .weeklyWrap .result {float:left; width:123px; height:168px;}
.pop-window .weeklyWrap .result.sun {background:url(/extern/tradar/micro/web3/images/common/bg_sun.png) no-repeat}
.pop-window .weeklyWrap .result.mist {background:url(/extern/tradar/micro/web3/images/common/bg_mist.png) no-repeat}
.pop-window .weeklyWrap .result > dl {text-align:center; margin-top:10px;}
.pop-window .weeklyWrap .result > dl dt {color:#fff; font-size:16px;}
.pop-window .weeklyWrap .result > dl dd {color:#fff; font-size:14px; font-weight:bold; padding-top:95px;}

.pop-window .weeklyWrap .weekly-chart {margin-left:123px; width:395px;}
.pop-window .weeklyWrap .weekly-chart > h2 {font-family:sans-serif,helvetica,'돋움',Dotum; font-size:15px; color:#3a589e; font-weight:normal; text-align:center; padding-top:4px; height:37px; border-top:1px solid #373636; border-bottom:1px solid #a9a9a9; background-color:#e8f4f8;}
.pop-window .weeklyWrap .weekly-chart .week {display:table; width:100%; height:124px; border-bottom:1px solid #a9a9a9;}
.pop-window .weeklyWrap .weekly-chart .week .row {display:table-row}
.pop-window .weeklyWrap .weekly-chart .week .day {display:table-cell; width:20%; padding:20px 0 0 0; text-align:center; border-left:1px solid #a9a9a9;}
.pop-window .weeklyWrap .weekly-chart .week .day:first-of-type {border-left:0;}
.pop-window .weeklyWrap .weekly-chart .week .day span {font-size:12px; color:#222}
.pop-window .weeklyWrap .weekly-chart .week .day strong {font-size:12px; font-weight:normal; color:#555}
.pop-window .weeklyWrap .weekly-chart .week .day em {display:block; position:relative; width:35px; height:35px; margin:12px auto 8px; background:url(../images/common/spr_com.png) no-repeat}
.pop-window .weeklyWrap .weekly-chart .week .day em.sun {background-position:0 -63px}
.pop-window .weeklyWrap .weekly-chart .week .day em.mist {width:42px; height:29px; margin-top:18px; background-position:-40px -63px}

.pop-window.check-shares .comment {clear:both; position:relative; margin-top:4px; padding:20px; font-size:15px; color:#2c2c2c; font-weight:bold; background-color:#f3f3f3;}
.pop-window.check-shares .comment .em {color:#f76325}
.pop-window.check-shares .comment .mist {color:#063f67}
.pop-window.check-shares .comment .sun {color:#f76325}

.pop-window.check-shares .about {height:66px;}
.pop-window.check-shares .about:after {content:""; display:inline-block; vertical-align:middle; width:0; height:100%}
.pop-window.check-shares .about .inner,
.pop-window.check-shares .about .inner > *{display:inline-block; vertical-align:middle}
.pop-window.check-shares .about .inner h3 {padding:3px 0 0 15px; color:#fff; font-size:13px; width:141px; height:26px; background:url(../images/common/spr_com.png) no-repeat -35px -32px;}
.pop-window.check-shares .about .inner p {position:relative; height:29px; line-height:31px; margin-left:12px; font-size:14px; color:#666; font-weight:bold; padding-right:20px;}
.pop-window.check-shares .about .inner p:after {content:""; position:absolute; right:0; top:50%; margin-top:-6px; height:13px; border-right:1px solid #c8c8c8}
.pop-window.check-shares .about .inner p strong {padding-left:5px;}
.pop-window.check-shares .about .inner p.sun strong {color:#f76325;}
.pop-window.check-shares .about .inner p.mist strong {color:#063f67;}
.pop-window.check-shares .about .inner p + p {margin-left:0px; padding-left:20px;}
.pop-window.check-shares .about .inner p + p:after {display:none; padding-right:0}
.pop-window.check-shares .about .inner p .ico {width:29px; height:29px; vertical-align:middle; background:url(../images/common/spr_com.png) no-repeat}
.pop-window.check-shares .about .inner p.sun .ico {background-position:-87px -63px;}
.pop-window.check-shares .about .inner p.mist .ico {width:33px; height:19px; background-position:-121px -63px;}

.pop-window .layer_diagnosis .layer_tab {margin-top:10px; position:relative; overflow:hidden; width:100%;}
.pop-window .layer_diagnosis .layer_tab li {float:left; width:33%; border-left:1px solid #fff;}
.pop-window .layer_diagnosis .layer_tab li:first-child {border-left:0;}
.pop-window .layer_diagnosis .layer_tab li.on {width:34%;}
.pop-window .layer_diagnosis .layer_tab li > a {display:block; padding:12px 14px 12px 20px; /* min-height:28px; */ height:49px; font-size:16px; color:#fff; background:#828282 url(/extern/tradar/micro/web3/images/common/arrow_tab_off.png) no-repeat 233px 50%; box-sizing:border-box;}
.pop-window .layer_diagnosis .layer_tab li.on a {height:49px; background:#414141 url(/extern/tradar/micro/web3/images/common/arrow_tab_on.png) no-repeat 223px 50%; box-sizing:border-box;}
.pop-window .layer_diagnosis .layer_tab li .ico {margin-left:12px; width:26px; height:26px; vertical-align:middle; background:url(/extern/tradar/micro/web3/images/common/spr_com.png) no-repeat}
.pop-window .layer_diagnosis .layer_tab li .ico.sun {background-position:0 -103px;}
.pop-window .layer_diagnosis .layer_tab li .ico.mist {width:28px; height:16px; background-position:-31px -103px;}
.pop-window .layer_diagnosis .layer_tab li.on .ico.sun {background-position:0 -134px;}
/* .pop-window .layer_diagnosis .layer_tab li.on .ico.mist {background-position:-31px -134px;} */
.pop-window .layer_diagnosis .layer_tab li.on .ico.mist {background-position:-31px -103px;}

.pop-window .layer_diagnosis .layer_tabCont {margin-top:10px; padding:25px 20px 40px; border:1px solid #a9a9a9;}
.pop-window .layer_diagnosis .layer_tabCont p.detail {padding-bottom:30px; color:#2c2c2c;}
.pop-window .layer_diagnosis .layer_tabCont .chart {}
/* popup - 종목진단 팝업(e) */

/* popup - 햇빛/안개 신호감시 신청/변경 팝업 */
.pop-window.applyService .pop-content {padding:20px 30px 30px}

.pop-window.applyService .about {margin-bottom:30px; height:109px; padding:18px 0 0 142px; background:#f3f3f3 url(/extern/tradar/micro/web3/images/common/popup_bg_about.png) no-repeat 25px 7px;}
.pop-window.applyService .about h3 {padding-bottom:5px; font-size:18px; color:#2c2c2c;}
.pop-window.applyService .about p {font-size:14px; color:#2c2c2c;}

.pop-window .private > dl {}
.pop-window .private > dl > dt {float:left; padding-right:10px;}
.pop-window .private > dl > dd .btn {font-size:15px; color:#fff; border:0; background:#767679;}

.pop-window .agree {display:none; margin:0 -30px; padding-top:20px}
.pop-window .agree .inner {margin-bottom:30px; padding-bottom:30px; border-top:1px solid #cecece; border-bottom:1px solid #cecece}
.pop-window .agree .inner h3 {height:37px; line-height:39px; padding:0 60px; font-size:16px; color:#1d69a3; border-bottom:1px solid #cecece; background:#f3f8fd}
.pop-window .agree .inner .cont {margin:20px 50px 15px; padding:15px 20px 20px; background:#efefef; font-size:14px; color:#2c2c2c}
.pop-window .agree .inner .cont h4 ~ h4 {margin-top:20px}
.pop-window .agree .inner .cont h4 ~ p {margin-top:5px}
.pop-window .agree .inner .cont h4 ~ dl {margin-top:5px;}
.pop-window .agree .inner .cont h4 ~ dl > dd {padding-left:10px;}
.pop-window .agree .inner .check_agree {text-align:center;}
.pop-window .agree .inner .check_agree input[type="radio"] + label {font-size:14px; margin-right:20px;}
.pop-window .agree .inner .check_agree input[type="radio"] {vertical-align:middle;}

/* 180212추가 */
.pop-window .agree.agree2 {display:block; margin:0; padding-top:15px}
.pop-window .agree.agree2 .inner {margin-bottom:30px; padding-bottom:20px; border:0}
.pop-window .agree.agree2 .inner .cont,
.pop-window .agree.agree2 .inner .cont h4,
.pop-window .agree.agree2 .inner .cont p,
.pop-window .agree.agree2 .inner .cont dt,
.pop-window .agree.agree2 .inner .cont dd {font-size:15px}
.pop-window .agree.agree2 .inner .cont {margin:20px 30px 15px; padding:20px 30px 25px}
/* 180212추가(e) */

.pop-window table td .ex_txt {color:#717171;}
.pop-window .tblCol {position:relative; border-top:1px solid #555;}
.pop-window .tblCol table {text-align:left; line-height:18px;}
.pop-window .tblCol th {text-align:left; background-color:#efefef; font-weight:normal;}
.pop-window .tblCol tr th:first-child {border-left:none;}
.pop-window .tblCol th, 
.pop-window .tblCol td {font-size:14px; height:38px; letter-spacing:-1px; border-bottom:1px solid #dadada; border-left:1px solid #dadada; padding:5px 15px; color:#2c2c2c; box-sizing:border-box;}
.pop-window .tblCol td {background-color:#fff;}

.pop-window .tblRow {position:relative; border-top:1px solid #555;}
.pop-window .tblRow table {line-height:18px;}
.pop-window .tblRow th, 
.pop-window .tblRow td {height:38px; color:#2c2c2c; text-align:center; letter-spacing:-1px; border-left:1px solid #dadada; border-bottom:1px solid #dadada; box-sizing:border-box;}
.pop-window .tblRow thead th {background-color:#efefef;}
.pop-window .tblRow td {padding:5px 10px 6px; background-color:#fff;}
.pop-window .tblRow tr th:first-child, 
.pop-window .tblRow tr td:first-child {border-left:none}

.pop-window.applyService .tblCol.info th {text-align:right;}
.pop-window.applyService .tblCol.info td input[type="text"] {width:254px;}
.pop-window.applyService .tblCol.info tbody td {text-align:left;}

.pop-window.applyService .tblRow.result td input[type="text"] {width:428px;}
.pop-window.applyService .tblRow.result td .btn {font-size:15px; color:#fff; background-color:#767679; border:0 none; height:25px; line-height:25px; margin:0 1px; letter-spacing:-1px;}
.pop-window.applyService .guideTxt {margin-left:20px;}
.pop-window.applyService .guideTxt li.date_txt {color:#f76325; font-weight:bold;}
.pop-window.applyService .guideTxt li.date_txt strong ~ strong {padding-left:15px;}

/* popup 유의사항 */
.pop-window .popup_notice {padding:30px 30px 50px; width:100%; border-top:1px solid #ddd;}
.pop-window .popup_notice h3 {font-size:16px; color:#232323;}
.pop-window .popup_notice ul li {position:relative; margin-top:5px; padding-left:6px; font-size:13px; color:#232323;}
.pop-window .popup_notice ul li:after {content:""; position:absolute; left:0; top:7px; width:2px; height:2px; background:#232323}
/* popup - 햇빛/안개 신호감시 신청/변경 팝업(e) */

/* popup - HTS, MTS 신청방법 */
.pop-wrap .pop-window.applyTradar {}
.pop-window.applyTradar .pop-content {padding:45px 60px 50px}
.pop-window .applyBox {padding:20px; background:#f3f3f3;}
.pop-window .applyBox > dt {padding-bottom:5px; font-size:16px; color:#1598dc; font-weight:bold;}
.pop-window .applyBox > dd {font-size:14px; color:#2c2c2c;}
.pop-window .applyBox .btn {position:relative; margin-top:15px; padding:0 60px 0 20px; border:1px solid #1b1b1b;}
.pop-window .applyBox .btn > span {position:absolute; top:7px; right:10px; width:6px; height:11px; background:url(../images/content/arrow_sbtn.png) no-repeat;}
/* popup - HTS, MTS 신청방법(e) */


/* 투자타이밍서비스 미리보기 */
.pop-wrap .pop-content .timingService {height:700px; overflow-x:hidden; overflow-y:scroll}
.pop-wrap .pop-content .timingService img {display:block; width:100%}
.pop-wrap .pop-content .timingService .titWrap {padding:70px 0 30px; text-align:center}
.pop-wrap .pop-content .timingService .titWrap h3 {font-size:50px; color:#fff; font-weight:normal}
.pop-wrap .pop-content .timingService .titWrap p {padding-top:10px; font-size:24px; color:#fff; line-height:1.4;}
.pop-wrap .pop-content .timingService > div {padding-bottom:80px}
.pop-wrap .pop-content .timingService .service1 .titWrap {background:#28aae1}
.pop-wrap .pop-content .timingService .service2 .titWrap {background:#fcb409}
.pop-wrap .pop-content .timingService .service3 .titWrap {background:#fb4e4e}
.pop-wrap .pop-content .timingService .service4 .titWrap {background:#008d2b}
.pop-wrap .pop-content .timingService .guideTxt {padding-left:30px}
.pop-wrap .pop-content .timingService .guideTxt li {font-size:16px}
/* 투자타이밍서비스 미리보기(e) */

/* 투자타이밍 모바일 체험하기(180307 추가) */
.pop-wrap .pop-content .extiming_cont {height:700px; overflow-x:hidden; overflow-y:scroll}
.pop-wrap .pop-content .extiming_cont img {display:block; width:100%}
.pop-wrap .pop-content .extiming_cont .titWrap {padding:70px 0 30px; text-align:center}
.pop-wrap .pop-content .extiming_cont .titWrap h3 {font-size:50px; color:#000; font-weight:normal}
.pop-wrap .pop-content .extiming_cont .titWrap h3 em {color:#d83e04; font-weight:normal}
.pop-wrap .pop-content .extiming_cont .titWrap p {padding-top:10px; font-size:24px; color:#000; line-height:1.4;}
/* 투자타이밍서비스 미리보기(e) */

/* 팝업 공통 유의사항(180307 추가) */
.pop_notice {padding:25px 25px 35px !important; font-size:15px; color:#fff; background:#444}
.pop_notice ul.guideTxt > li:before {background-color:#fff;}

/* 180319 안정모 추가 */
.guideTxt.fs14 {padding-top:10px;}
.guideTxt.fs14 li {font-size:14px;color:#555;}
/* 180319 안정모 추가 (e) */

/* 180626 안정모 추가 */
.mWp100 {width:100%;height:auto;}
.txtR {text-align:right;}
/* 180626 안정모 추가(e) */


/* popAppWrap 티레이더배틀 다운로드 안내 */
.pop-wrap .pop-window.tbattleAppWrap {width:412px;}
.pop-wrap .pop-window.tbattleAppWrap > .head {padding:0 0 0 27px; height:50px; line-height:50px; background:#6d70f6;}
.pop-wrap .pop-window.tbattleAppWrap > .head h2 {height:50px; line-height:50px; color:#fff; font-size:19px; font-weight:normal;}
.pop-wrap .pop-window.tbattleAppWrap .pop-content {padding:28px}
.pop-wrap .pop-window.tbattleAppWrap .btApp_guide li {margin-top:8px; font-size:15px; color:#434242}
.pop-wrap .pop-window.tbattleAppWrap .btApp_guide li:first-child {margin-top:0}
.pop-wrap .pop-window.tbattleAppWrap .btApp_guide li em {color:#ff4a0b; font-weight:bold}
.pop-wrap .pop-window.tbattleAppWrap .btApp_guide .icoWrap {padding:16px 0; text-align:center; overflow:hidden}
.pop-wrap .pop-window.tbattleAppWrap .btApp_guide .icoWrap span {margin:0 24px}
.pop-wrap .pop-window.tbattleAppWrap .btApp_guide .icoWrap .ico {height:68px; background:url("/extern/tradar/micro/web3/images/common/spr_com.png")}
.pop-wrap .pop-window.tbattleAppWrap .btApp_guide .icoWrap .ico.android {width:57px; background-position:-79px -109px}
.pop-wrap .pop-window.tbattleAppWrap .btApp_guide .icoWrap .ico.ios {width:68px; background-position:-156px -109px}
.pop-wrap .pop-window.tbattleAppWrap .btnBtm {border-top:1px solid #e2e2e2}
.pop-wrap .pop-window.tbattleAppWrap .btnBtm .close {display:block; font-size:17px; font-weight:bold; color:#3a3b79; line-height:55px; width:100%; height:55px; padding:0; margin:0 auto; text-align:center; border:0; border-radius:0; background:#fff;}