@charset "utf-8";
/************************************************
YUANTA
commnet : main
*************************************************/

/*body.topBanner{background-position:center 170px}*/

#topBannerWrap {display:block; height:170px; overflow:hidden; background:url("/templets/common/img/ban_top_250220.png?v=1") no-repeat center top; transition:height .3s ease-out; -moz-transition:height .3s ease-out; -ms-transition:height .3s ease-out; -o-transition:height .3s ease-out; -webkit-transition:height .3s ease-out;}/* 250220 수정 */

#topBannerWrap.off{height:0;display:none}
#topBannerWrap>.inner{position:relative;width:990px;height:25px;text-align:right;letter-spacing:-1px;padding:145px 0 0;margin:0 auto;overflow:hidden;}

/* #topBannerWrap>.inner .btnGo {display:block;position:absolute; top:93px; left:50%; margin-left:-213px; background:none;}
#topBannerWrap>.inner .btnGo span {display:inline-block; font-size:13px; color:#323233 !important; line-height:27px;} */
/* 220222추가 */
#topBannerWrap>.inner .btnGo1 {display:block; width:74px; height:20px; position:absolute; top:117px; left:50%; margin-left:-359px; background:none;}/* 250220 수정 */
#topBannerWrap>.inner .btnGo2 {display:block; width:132px; height:26px; position:absolute; top:122px; left:50%; margin-left:2px; background:none;}/* 220223수정 */
/* 220222추가(e) */
#topBannerWrap label {font-size:12px; color:#000 !important; vertical-align:top; position:relative; top:2px; padding-right:10px}/* 250220 수정 */
#topBannerWrap .btnCls {display:inline-block; font-size:12px; color:#fff; font-weight:bold; width:49px; height:19px; line-height:19px; text-align:center; background-color:#616466 !important; border-radius:2px; margin-right:10px}/* 250220 수정 */

#topBannerWrap .btnCls>span {width:10px;height:9px;background-position:-117px -122px;vertical-align:middle;position:relative;top:-1px;margin-right:3px}
.topBanner .topVisualL {width:211px;height:90px;top:0;left:-261px;background:url("/templets/common/img/img_flower_type.png") no-repeat}

.mainInner {width:990px;margin:0 auto;}

/*201207 김예리 수정(일부class 주석처리) */
.uaRankList > li > a > strong, .mainBottom .tabWrap .tabs .tc-tab a, .iconM, .mainCenter .c3 .tabWrap .tabs a:after,
.mainBottom .bx-controls-direction .bx-prev, .mainBottom .bx-controls-direction .bx-next, .mainBottom .bx-controls-auto-item a.bx-start, .mainBottom .bx-controls-auto-item a.bx-stop,
.stockWrap > a, .stockWrap > ul > li dd.icon .ico, .stockWrap.closed > ul li.on dl:before, .mainQuickWrap > dl dt a > span,
.mainVisualSlider .bx-controls a, /* .mainCenter dt:after, */ /* .mainCenter .c2 dd > ul a, */ .emergencyNotice .btnCls>span,
.mainBottom .mainInner > ul > li.b4  .btnMore:after
{background:url("/myasset/common/img/ua/spr_ua_main.png") no-repeat;}
/*201207 김예리 수정(일부class 주석처리)(e) */
.iconM {display:inline-block;vertical-align:middle;font-size:0;}
.iconM.type1 {width:47px;height:41px;background-position:-277px 0;}
.iconM.type2 {width:54px;height:43px;background-position:-332px 0;}
.iconM.type3 {width:33px;height:42px;background-position:-391px 0;}
.iconM.type4 {width:26px;height:20px;background-position:-430px 0;}/* 201207 김예리수정 */
.iconM.type5 {width:26px;height:20px;background-position:-430px -23px;}/* 201207 김예리수정 */
.iconM.type6 {width:24px;height:23px;background-position:-287px -80px;}
.iconM.type7 {width:22px;height:23px;background-position:-318px -80px;}
.iconM.type8 {width:22px;height:23px;background-position:-346px -80px;}

/*170803수정*/
/*.iconM.type9 {width:23px;height:23px;background-position:-372px -80px;}*/
.iconM.type9 {width:112px;height:21px;background-position:-549px -79px;}
/*170803수정(e)*/

.iconM.type10 {width:23px;height:23px;background-position:-400px -80px;}
.iconM.type11 {width:19px;height:23px;background-position:-428px -80px;}
.iconM.type12 {width:18px;height:23px;background-position:-449px -80px;}
.iconM.type13 {width:24px;height:23px;background-position:-470px -80px;}
.iconM.type14 {width:18px;height:25px;background-position:-494px -78px;}
.iconM.type15 {width:21px;height:23px;background-position:-519px -80px;}
/* .iconM.type16 {width:56px;height:16px;background-position:-204px -149px;}
.iconM.type17 {width:43px;height:16px;background-position:-204px -170px;}
.iconM.type18 {width:69px;height:16px;background-position:-204px -192px;} *//*201207 김예리 삭제*/

.iconM.type19 {width:23px;height:21px;background-position:-729px 0px;}/*170627 추가*/

.mainTop {width:100%;height:441px;position:relative;}
.mainTop.on {height:499px;}

.mainVisualSlider {position:absolute;top:0;margin:0 !important;width:100%;height:441px;overflow:hidden}
.mainTop.on .mainVisualSlider {height:499px}
.mainVisualSlider > ul {height:499px;margin:0 auto;min-width:990px}
.mainVisualSlider > ul li {height:499px}
.mainVisualSlider .bx-controls {position:absolute;top:366px;width:100%;height:10px;text-align:center;line-height:1} /* 김예리 수정 */
.mainVisualSlider .bx-controls div {display:inline-block}
.mainVisualSlider .bx-controls a {margin:0 5px;display:inline-block;width:10px;height:10px;font-size:0;vertical-align:top;} /* 김예리 수정 */
.mainVisualSlider .bx-pager-item a {background-position:-306px -119px}
.mainVisualSlider .bx-pager-item a.active {background-position:-286px -119px;}
.mainVisualSlider a.bx-stop {background-position:-269px -119px;}
.mainVisualSlider a.bx-start {background-position:-322px -119px}

.visualBox {height:499px;overflow:hidden;text-align:center;position:relative}
.visualBox > img {position:relative;left:50%;margin-left:-960px !important}


/* 오픈뱅킹서비스 OPEN 안내 (250509 추가) */
.mainVisual1 {background:#f2faff} 
.mainVisual1 .btnWrap {left:50%; margin-left:-487px; position:absolute; top:281px;}
.mainVisual1 .btn.em {font-size:16px; font-weight:bold; color:#fff; background-color:#1a80e8; border-color:#1a80e8}

/* 2025 국내주식 Everyday 이벤트 (250527 계수련 추가) */
.mainVisual2 {background:#f3f2f1} 
.mainVisual2 .btnWrap {left:50%; margin-left:-479px; position:absolute; top:291px;}
.mainVisual2 .btn.em {font-size:16px; font-weight:bold; color:#fff; background-color:#000; border-color:#000}

/* 2025 국내주식 수수료 이벤트 4월 (250430 추가) */
.mainVisual3 {background:#4189f2}
.mainVisual3 .btnWrap {left:50%;margin-left:-499px;position:absolute;top:281px;}
.mainVisual3 .btn.em {font-size:16px;font-weight:bold;color:#fff;background-color:#0654b7;border-color:#0654b7}


/* KRX 파생상품 야간거래 시행(250530 추가) */
.mainVisual5 {background:#00005f}
.mainVisual5 .btnWrap {left:50%; margin-left:-489px; position:absolute; top:287px;}
.mainVisual5 .btn {font-size:16px; font-weight:bold; color:#fff; background-color:#2d2d9d; border-color:#2d2d9d}
.mainVisual5 .btn.em {margin-left:3px; background-color:#763d91; border-color:#763d91}


/* 2025 해외파생 우대수수료 이벤트 (250513 계수련 추가) */
.mainVisual7 {background:#181231} 
.mainVisual7 .btnWrap {left:50%; margin-left:-486px; position:absolute; top:310px;}
.mainVisual7 .btn.em {font-size:16px; font-weight:bold; color:#fff; background-color:#d20cdd; border-color:#d20cdd}

/* 2024 일본주식 거래수수료 이벤트 (241223 계수련 추가) */
.mainVisual10 {background:#ff6248} 
.mainVisual10 .btnWrap {left:50%; margin-left:-477px; position:absolute; top:301px;}
.mainVisual10 .btn.em {font-size:16px; font-weight:bold; color:#fff; background-color:#292828; border-color:#292828}

/* 2025 미국주식 수수료 0원 이벤트(5월) (250422 계수련 추가) */
.mainVisual12 {background:#ffecf2} 
.mainVisual12 .btnWrap {left:50%; margin-left:-487px; position:absolute; top:288px;}
.mainVisual12 .btn.em {font-size:16px; font-weight:bold; color:#fff; background-color:#1915b2; border-color:#1915b2}

/* 2025 국내선물옵션 온라인 수수료 우대 이벤트(5월) (250430 추가) */
.mainVisual14 {background:#4876ff} 
.mainVisual14 .btnWrap {left:50%; margin-left:-476px; position:absolute; top:287px;}
.mainVisual14 .btn.em {font-size:16px; font-weight:bold; color:#4054f0; background-color:#c1ff72; border-color:#c1ff72}

/* 2025 환전수수료 우대혜택 이벤트 (250422 계수련 추가) */
.mainVisual15 {background:#ddf7ea} 
.mainVisual15 .btnWrap {left:50%; margin-left:-485px; position:absolute; top:308px;}
.mainVisual15 .btn.em {font-size:16px; font-weight:bold; color:#fff; background-color:#009956; border-color:#009956}


/* 미국 IPO 공모주 (241220 추가) */
.mainVisual17 {background:#e8f0ff}
.mainVisual17 .btnWrap {left:50%;margin-left:-487px;position:absolute;top:287px;}
.mainVisual17 .btn.em {font-size:16px;font-weight:bold;color:#fff;background-color:#2a3995;border-color:#2a3995}

/* 숨은 금융자산 찾기 (220407 추가) */
.mainVisual18 {background:#9489ef}
.mainVisual18 .btnWrap {left:50%;margin-left:-487px;position:absolute;top:267px;}
.mainVisual18 .btn.em {font-size:16px;font-weight:bold;color:#fff;background-color:#e4393a;border-color:#e4393a}

/* 휴면성 증권계좌 알림 (211207 추가) - 1년에 한 번씩 사용 */
.mainVisual19 .btnWrap {left:50%;margin-left:-494px;position:absolute;top:249px;}
.mainVisual19 .btn.em {font-size:16px;font-weight:bold;color:#fff;background-color:#1f438c;border-color:#1f438c}

/* ELS 롤링 추가 (별) (230516 계수련 추가) */
.mainVisual_els_a {background:#fae8d2}
.mainVisual_els_a .btnWrap {left:50%;margin-left:-487px;position:absolute;top:292px;}
.mainVisual_els_a .btn.em {font-size:16px;font-weight:bold;color:#fff;background-color:#d73c06;border-color:#d73c06}

/* ELS 롤링 추가 (그래프) (230516 계수련 추가) */
.mainVisual_els_b {background:#dfdee1}
.mainVisual_els_b .btnWrap {left:50%;margin-left:-487px;position:absolute;top:292px;}
.mainVisual_els_b .btn.em {font-size:16px;font-weight:bold;color:#fff;background-color:#d73c06;border-color:#d73c06}

/* ELS 롤링 추가 (책) (230516 계수련 추가) */
.mainVisual_els_c {background:#926ff0}
.mainVisual_els_c .btnWrap {left:50%;margin-left:-487px;position:absolute;top:292px;}
.mainVisual_els_c .btn.em {font-size:16px;font-weight:bold;color:#fff;background-color:#3c3c3c;border-color:#3c3c3c}

.stockWrap.closed {margin-left:233px;width:262px}
.stockWrap.open {margin-left:-495px;}
.stockWrap.closed > a {background-position:-208px -80px;}
.stockWrap.closed > ul {width:262px;background-image:url("/myasset/common/img/ua/bg_stock_closed.png");}
.stockWrap.closed > ul li {display:none;}
.stockWrap.closed > ul li.on {position:relative;border:0;display:block;width:100%;height:172px;float:none;}
.stockWrap.closed > ul li.on dl:before {content:"";width:196px;height:3px;position:absolute;top:0;left:50%;margin-left:-98px;background-position:-328px -54px;}
.stockWrap.closed > ul li.on:first-child dl:before {display:none;}
.stockWrap.closed > ul li.on dt {position:absolute;top:27px;left:20px;padding:0;font-size:15px;line-height:15px;text-shadow:none;}
.stockWrap.closed > ul li.on dd.icon {height:82px;padding-top:20px;}
.stockWrap.closed > ul li.on dd.idx1 {font-size:32px;text-shadow:1px 1px 2px #222;}

.stockWrap {clear:both;position:absolute;top:20px;left:50%;width:990px;height:344px;}
.stockWrap > a {position:absolute;width:14px;height:32px;top:50%;left:0;margin:-16px 0 0 -14px;background-position:-189px -80px;font-size:0;}
.stockWrap > ul {color:#fff;overflow:hidden;width:990px;height:344px;background:url("/myasset/common/img/ua/bg_stock.png");border-radius:20px;}
.stockWrap > ul > li {text-align:center;height:344px;float:left;width:141px;border-left:1px solid #595957;box-sizing:border-box;}
.stockWrap > ul > li:first-child {border-left:0;}
.stockWrap > ul > li.s2, .stockWrap > ul > li.s4, .stockWrap > ul > li.s7 {width:142px;}
.stockWrap > ul > li dt {line-height:19px;padding:55px 0 38px;font-size:19px;font-weight:bold;text-shadow:1px 1px 2px #000;}
.stockWrap > ul > li dd.icon {height:108px;}
.stockWrap > ul > li dd.idx1 {font-size:25px;line-height:27px;letter-spacing:-2px;font-weight:bold;text-shadow:1px 1px 2px #000;}
.stockWrap > ul > li dd.idx2 {font-size:14px;line-height:27px;letter-spacing:-1px;}
.stockWrap > ul > li dd.idx2 .ico.up, .stockWrap > ul > li dd.idx2 .ico.down {width:14px;height:11px;background-image:url("/myasset/common/img/ua/spr_ua_main.png");}

/* 170331수정 */
/* .stockWrap > ul > li dd.idx2 .ico.up {background-position:0 -112px;}
.stockWrap > ul > li dd.idx2 .ico.down {background-position:-18px -112px;} */
.stockWrap > ul > li dd.idx2 .ico.up {width:20px;height:20px;background-position:0 -133px;}
.stockWrap > ul > li dd.idx2 .ico.down {width:20px;height:20px;background-position:0 -158px;}
/* 170331수정(e) */

.stockWrap > ul > li dd.icon .ico.sun {width:66px;height:67px;background-position:-39px -112px;}
.stockWrap > ul > li dd.icon .ico.cloud {width:75px;height:67px;background-position:-117px -112px;}

.mainQuickWrap {position:absolute;top:385px;width:100%;background:url("/myasset/common/img/ua/bg_main_quick.png") repeat-x;}
.mainQuickWrap > dl {width:990px;margin:0 auto;overflow:hidden;}
.mainQuickWrap > dl dt {padding-left:40px;float:left;height:57px;width:146px;}
.mainQuickWrap > dl dt a {line-height:57px;}
.mainQuickWrap > dl dt a  > span {margin-left:5px;vertical-align:middle;display:inline-block;font-size:0;width:17px;height:17px;}
.mainQuickWrap > dl dt a  > span.close {background-position:-240px -80px;}
.mainQuickWrap > dl dt a  > span.open {background-position:-261px -80px;}
.mainQuickWrap > dl dd.m1 {float:left;width:804px;}
.mainQuickWrap > dl dd.m2 {clear:both;margin-top:1px;float:none;width:990px;}
.mainQuickWrap > dl ul {overflow:hidden;height:57px;}
.mainQuickWrap > dl ul li {float:left;width:154px;text-align:center;position:relative;}
.mainQuickWrap > dl ul li a:before {content:"";position:absolute;top:50%;left:0;margin-top:-6px;width:2px;height:12px;background:#9d9c9d;}
.mainQuickWrap > dl ul li:first-child a:before  {display:none;}
.mainQuickWrap > dl a {line-height:57px;color:#fff;font-size:17px;letter-spacing:-1px;}
.mainQuickWrap > dl ul li.myLoan a {letter-spacing:0;}
.mainQuickWrap.close dd.m2 {display:none;}
.mainQuickWrap.open dd.m2 {display:block;padding-left:186px;}

.cfWrap {position:absolute;top:340px;left:50%;margin-left:-650px;font-size:12px;line-height:15px;text-align:center;width:140px;height:138px;border:1px solid #cfcfcf;background:#fff;border-radius:10px;box-sizing:border-box;z-index:10;box-shadow:1px 1px 3px #333;}
.cfWrap > a {display:block;padding:9px 5px;color:#3d3d3d;}
.cfWrap > a > img {margin-bottom:6px !important;}
.cfWrap > a span {display:block;}
.cfWrap > a span em {font-weight:normal;color:#0157ac;}

/* mainCenter */
.mainCenter {height:306px;background:#fff;}
.mainCenter .mainInner {height:306px;}
.mainCenter .mainInner > .c1, .mainCenter .mainInner > .c2, .mainCenter .mainInner > .c3 {float:left;width:310px;padding:30px 0 0 0;}
.mainCenter .mainInner > .c1 {margin-right:30px;}/* 230717수정 */
.mainCenter dt {padding:0 0 28px;text-align:center;font-size:28px;color:#1779cc;line-height:30px;letter-spacing:-0.07em;position:relative;} /*201207 김예리 수정*/
/* .mainCenter dt:after {content:"";display:inline-block;width:165px;height:27px;} */ /*201207 김예리 삭제*/
.mainCenter .mainInner > .c1 dd.start ul {height:130px;overflow:hidden;}
.mainCenter .mainInner > .c1 dd.start ul li {float:left;text-align:center;width:103px;}
.mainCenter .mainInner > .c1 dd.start ul li .iconM.type1, .mainCenter .mainInner > .c1 dd.start ul li .iconM.type2, .mainCenter .mainInner > .c1 dd.start ul li .iconM.type3{position:absolute;display:block;left:50%;}
.mainCenter .mainInner > .c1 dd.start ul .iconM.type1 {top:17px;margin-left:-23px;}
.mainCenter .mainInner > .c1 dd.start ul .iconM.type2 {top:14px;margin-left:-27px;}
.mainCenter .mainInner > .c1 dd.start ul .iconM.type3 {top:15px;margin-left:-16px;}
/*201207 김예리 수정*/
.mainCenter .mainInner > .c1 dd.start ul li a {text-align:center;position:relative;padding-top:65px;display:block;font-size:16px;color:#1f438c;letter-spacing:-0.05em;font-weight:bold;}
.mainCenter .mainInner > .c1 dd.start ul li a:hover,.mainCenter .mainInner > .c1 dd.start ul li a:focus{color:#0098e2;}
/*201207 김예리 수정(e)*/
/* .mainCenter .mainInner > .c1 dd.start ul li a:hover .iconM.type16 {background-position:-286px -149px;}
.mainCenter .mainInner > .c1 dd.start ul li a:hover .iconM.type17 {background-position:-286px -170px;}
.mainCenter .mainInner > .c1 dd.start ul li a:hover .iconM.type18 {background-position:-286px -192px;} *//*201207 김예리 삭제*/

.mainCenter .mainInner > .c1 dd.down ul {/* overflow:hidden; */}/* 220512 수정(웹접근성) */
.mainCenter .mainInner > .c1 dd.down ul:after {display:table;content:''}/* 220512추가(웹접근성) */
.mainCenter .mainInner > .c1 dd.down ul li {float:left;width:50%;}
.mainCenter .mainInner > .c1 dd.down ul li a {padding-left:10px;display:block;font-size:16px;color:#3d3d3d;font-weight:bold;letter-spacing:-0.025em;}
.mainCenter .mainInner > .c1 dd.down ul li a:hover,.mainCenter .mainInner > .c1 dd.down ul li a:focus{color:#0098e2;}
.mainCenter .mainInner > .c1 dd.down ul li a .iconM{margin-right:7px;vertical-align:text-top;}
/* .mainCenter .mainInner > .c1 dd.down ul li a:hover .type4 {background-position:-567px 0;}
.mainCenter .mainInner > .c1 dd.down ul li a:hover .type5 {background-position:-567px -23px;} *//*201207 김예리 삭제*/
.mainCenter .c1 dt:after {background-position:0 -186px;}
.mainCenter .c2 dt:after {background-position:0 -223px;}
.mainCenter .c2 dt {color:#fc641c;}
.mainCenter .c2 dd {padding:0 15px;}
.mainCenter .c2 dd > ul > li {margin-top:15px;}
.mainCenter .c2 dd > ul > li:first-child {margin-top:0;}
/*201207 김예리 수정*/
.mainCenter .c2 dd > ul a {position:relative; display:block; overflow:hidden; padding:0 26px; height:47px; font-size:16px; line-height:47px; border:1px solid #e7e7e7; border-radius:30px; letter-spacing:-0.05em;} /* 210820 수정(padding) */
.mainCenter .c2 dd > ul a:hover,.mainCenter .c2 dd > ul a:focus{background:#0098e2;border-color:#0098e2;color:#fff;}
.mainCenter .c2 dd > ul a:after{content:'';width:6px;height:11px;background:url("/myasset/common/img/ua/spr_ua_main.png") -280px -52px;position:absolute;right:14px;top:18px;}
.mainCenter .c2 dd > ul a:hover:after,.mainCenter .c2 dd > ul a:focus:after{background-position:-272px -52px;}
/*201207 김예리 수정(e)*/
/* .mainCenter .c2 dd > ul li.m2 a {background-position:0 -328px;} 
.mainCenter .c2 dd > ul li.m3 a {background-position:0 -390px;} 
.mainCenter .c2 dd > ul li.m1 a:hover, .mainCenter .c2 dd > ul li.m1 a:focus {background-position:-281px -266px;}
.mainCenter .c2 dd > ul li.m2 a:hover, .mainCenter .c2 dd > ul li.m2 a:focus {background-position:-281px -328px;}
.mainCenter .c2 dd > ul li.m3 a:hover, .mainCenter .c2 dd > ul li.m3 a:focus {background-position:-281px -390px;} *//*201207 김예리 삭제*/

/* 코스닥벤처펀드 추가 (180403 안정모) */
.mainCenter .c2 dd > ul li.m4 a {background-position:0 -452px;} 
.mainCenter .c2 dd > ul li.m4 a:hover, 
.mainCenter .c2 dd > ul li.m4 a:focus {background-position:-281px -452px;}
/* 코스닥벤처펀드 추가 (180403 안정모) (e) */

.mainCenter .c2 > a {display:block}/* 220215 추가 */

.mainCenter .mainInner > .c3 {float:right;}

.mainCenter .c3 .tabWrap .tabs {border:1px solid #cfcfcf;border-radius:3px;}
.mainCenter .c3 .tabWrap .tabs li {width:103px;background:#fff;border-left:1px solid #e9e9e9;box-sizing:border-box;height:35px;line-height:35px;position:relative;}
.mainCenter .c3 .tabWrap .tabs li:first-child {width:102px;border-left:0;}
.mainCenter .c3 .tabWrap .tabs a {position:relative;margin:0;border:0;height:35px;line-height:35px;color:#263340;font-size:14px;display:inline-block;background-color:transparent;margin-left:-10px}
.mainCenter .c3 .tabWrap .tabs a.more{display:block;width:9px;height:9px;font-size:0;position:absolute;top:8px;right:3px;margin:0;padding:5px;}
.mainCenter .c3 .tabWrap .tabs li:first-child a {}
.mainCenter .c3 .tabWrap .tabs a.more:after {content:"";position:absolute;top:5px;right:5px;width:9px;height:9px;background-position:-292px -52px;}
.mainCenter .c3 .tabWrap .tabs .tc-selected{background:#1779cc;}
.mainCenter .c3 .tabWrap .tabs .tc-selected a {color:#fff;font-weight:bold;}
.mainCenter .c3 .tabWrap .tabs .tc-selected a:after {background-position:-308px -52px;}
.mainCenter .c3 .tabWrap .panels {padding-top:20px;border-top:0;height:118px;overflow:hidden;}
.mainCenter .c3 .tabWrap ul.guideTxt {/* margin:0 10px; */margin:0 0 0 2px;}/* 230717수정 */
.mainCenter .c3 .tabWrap ul.guideTxt li {margin-top:10px;}
.mainCenter .c3 .tabWrap ul.guideTxt li:first-child {margin-top:0;}
.mainCenter .c3 .tabWrap ul.guideTxt a {display:block;overflow:hidden;position:relative;}
.mainCenter .c3 .tabWrap ul.guideTxt a .ellipsis {/* width:230px; */width:250px; letter-spacing:-0.01em;}/* 230717수정 */
.mainCenter .c3 .tabWrap ul.guideTxt a .date {width:45px;display:block;color:#6d6d6d;position:absolute;top:0;right:0}
.mainCenter .c3 .tabWrap ul.guideTxt a:hover .ellipsis {color:#0098e2;text-decoration:underline;}

.cmBanner {margin-top:20px;overflow:hidden;background:#f1f1f1;border-radius:5px;}
.cmBanner li {float:left;width:50%;position:relative;}
.cmBanner li:before {content:"";position:absolute;top:50%;left:0;margin-top:-8px;width:1px;height:16px;background:#b9b9b9;}
.cmBanner li.first:before {display:none;}
.cmBanner a {height:35px;line-height:35px;display:block;font-size:14px;color:#263340;text-align:center;}
.cmBanner a:hover {text-decoration:underline;}

/* mainBottom */
.mainBottom {height:809px;background:url("/myasset/common/img/ua/bg_ua_bottom.jpg") no-repeat center;}
.mainBottom .mainInner > ul {width:100%;overflow:hidden;margin:0;padding:0;}
.mainBottom .mainInner > ul > li {margin-top:30px;margin-left:30px;float:left;width:310px;height:320px;box-sizing:border-box;}
.mainBottom .mainInner > ul > li > a {display:block;}
.mainBottom .mainInner > ul > li.b4, .mainBottom .mainInner > ul > li.b5, .mainBottom .mainInner > ul > li.b6 {height:380px;}
.mainBottom .mainInner > ul > li.b1, .mainBottom .mainInner > ul > li.b4 {margin-left:0;}
.mainBottom .mainInner > ul > li.b4 {padding:15px;border:1px solid #dadada;background:#fff;position:relative;}
.mainBottom .mainInner > ul > li.b4 .noData {margin-top:150px;font-size:14px;color:#3d3d3d;text-align:center;}
.mainBottom .mainInner > ul > li.b4  .tc-panel {position:relative;height:313px;}
.mainBottom .mainInner > ul > li.b4  .btnMore {font-size:12px;line-height:12px;color:#3d3d3d;position:absolute;bottom:0px;right:5px;vertical-align:middle;}
.mainBottom .mainInner > ul > li.b4  .btnMore:after {content:"";display:inline-block;width:6px;height:7px;line-height:12px;margin-left:5px;background-position:-207px -218px;vertical-align:middle;}

.uaRankList {padding-top:5px;}
.uaRankList > li {padding:14px 0;border-top:1px solid #bccde1;}
.uaRankList > li:first-child {border-top:0;}
.uaRankList > li > a {padding:0 10px 0 38px;display:block;position:relative;}
.uaRankList > li > a > strong {position:absolute;top:3px;left:3px;width:26px;height:27px;color:#fff;font-weight:bold;font-size:15px;line-height:27px;text-align:center;background-position:0 -76px;}
.uaRankList > li.r2 > a > strong {background-position:-29px -76px}
.uaRankList > li.r3 > a > strong {background-position:-58px -76px}
.uaRankList > li.r4 > a > strong {background-position:-87px -76px}
.uaRankList > li > a > .tit {display:block;font-size:14px;line-height:18px;color:#000;letter-spacing:-1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}/* 200706수정 */
.uaRankList > li > a:hover span {text-decoration:underline;}
.uaRankList > li > a > em {font-weight:normal;color:#fc641c;font-size:14px;line-height:18px;}
.uaRankList > li > a > em strong {font-weight:bold;font-size:17px;}
.uaRankList > li > a > em.minus {color:#1f80d2}/* 181018추가 */
#tabType05 .uaRankList > li > a > em strong {font-weight:normal; font-size:14px; margin-top:2px;}/*160615 추가(ELS탭 리스트 폰트 수정), 240806 수정*/
/* 200706추가(ELS탭) */
.uaRankList.uaRankList2 {padding-top:16px}
.uaRankList.uaRankList2 > li > a {padding-left:10px;}/* 240806 추가 */
.uaRankList.uaRankList2 > li > a > strong {top:15px; display:none;}/* 240806 수정 */
.uaRankList.uaRankList2 > li > a > .tit {font-size:16px; font-weight:bold; padding-bottom:5px;}
.uaRankList.uaRankList2 > li > a > .list {display:block; overflow:hidden;}
.uaRankList.uaRankList2 > li > a > .list > .txt1 {position:relative; display:block; font-size:14px; line-height:1.5; padding-left:6px; margin-top:3px; width:258px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; letter-spacing:-0.04em;}/* 240806 수정 */
.uaRankList.uaRankList2 > li > a > .list > .txt1:before {position:absolute; top:9px; left:0; width:2px; height:2px; background-color:#000; clear:both; display:block; content:''}
/* 200706추가(ELS탭)(e) */

.mainBottom .tabWrap .tabs {width:230px;margin:0 auto;}
.mainBottom .tabWrap .tabs .t1 {width:119px;}
.mainBottom .tabWrap .tabs .t2 {width:111px;}
.mainBottom .tabWrap .tabs .tc-tab a {border:0;height:35px;font-size:0;}
.mainBottom .tabWrap .tabs .tc-tab.t2 a {background-position:-119px 0;}
.mainBottom .tabWrap .tabs .t1.tc-selected a {background-position:0 -35px;}
.mainBottom .tabWrap .tabs .t2.tc-selected a {background-position:-119px -35px;}
.mainBottom .panels {border-top:0;top:0;}

.mainBottom .cBanner {margin-top:20px;height:142px;width:310px;overflow:hidden;position:relative;}
.mainBottom .cBanner li {float:left;width:310px;height:142px;}
.mainBottom .cBanner li a {display:block;}

.mainBottom .bx-controls-direction .bx-prev, .mainBottom .bx-controls-direction .bx-next {position:absolute;bottom:10px;width:6px;height:10px;font-size:0;}
.mainBottom .bx-controls-direction .bx-prev {right:48px;background-position:-142px -85px;}
.mainBottom .bx-controls-direction .bx-next {right:20px;background-position:-171px -85px;}
.mainBottom .bx-controls-auto-item a {position:absolute;bottom:10px;right:34px;width:7px;height:10px;font-size:0;}
.mainBottom .bx-controls-auto-item a.bx-stop {background-position:-156px -85px;}
.mainBottom .bx-controls-auto-item a.bx-start {background-position:-130px -85px;}

/*170504추가*/
.mainBottom .cBanner .bx-controls {position:absolute;bottom:0px;right:0;}
/*170504추가(e)*/

/* 170626 추가 : 투자유의사항 */
.investment_note {margin-top:-15px;background-color:#eff4fa;}
.investment_note > div {width:980px; margin:0 auto; padding-bottom:40px}
.investment_note h2 {font-size:17px;color:#000;font-weight:normal;padding-bottom:10px}
.investment_note .guideTxt li {color:#000}
/* 170626 추가 : 투자유의사항(e) */


/* emergencyNotice : 긴급공지 */
.emergencyNotice {width:304px; background-color:#e02f00; border-radius:6px; overflow:hidden; position:absolute; top:340px; left:50%; margin-left:-478px; z-index:20; box-shadow:1px 1px 3px #555;}/* 191126수정(z-index:10 ->20) */
.emergencyNotice .btnCls{position:absolute;top:8px;right:15px;width:16px;height:15px;display:block;padding:5px}
.emergencyNotice .btnCls>span{display:block;width:16px;height:15px;background-position:-703px 0;font-size:0;line-height:0}
.emergencyNotice>dl{margin:0 6px 6px;text-align:center;}
.emergencyNotice>dl>dt{height:40px;line-height:40px;color:#fff;font-size:20px;font-weight:bold}
.emergencyNotice>dl>dd{height:130px;background-color:#fff;border-radius:4px;overflow:hidden}
.emergencyNotice>dl>dd>p{line-height:24px;font-size:15px;font-weight:bold;margin:23px 0 15px;color:#3d3d3d;}
.emergencyNotice>dl>dd .btn{font-size:15px}

/* 유안타스튜디오 (191126추가) */
.yStudio {padding-top:4px; width:235px; height:223px; position:absolute; left:50%; top:353px; margin-left:-530px; z-index:10; overflow:hidden;}
.yStudio .ico {display:inline-block; font-size:0; overflow:hidden; line-height:0; background:url("/myasset/common/img/ua/spr_yStudio.png") no-repeat; overflow:hidden;}
.yStudio .btnCls {display:inline-block; font-size:0; overflow:hidden; line-height:0; width:33px; height:34px; position:absolute; right:0; top:0; background:url("/myasset/common/img/ua/spr_yStudio.png") no-repeat; background-position:0 0; z-index:10;}
.yStudio .in {position:relative; width:234px; height:218px; background:url("/myasset/common/img/ua/bg_yStudio.png") no-repeat left bottom; overflow:hidden;}
.yStudio .in .titWrap {margin:14px 0 8px 18px; line-height:1.2; min-height:auto}
.yStudio .in .titWrap .tit {color:#313131; font-size:18px; letter-spacing:-0.05em}
.yStudio .in .titWrap .tit em {color:#f73344; font-size:18px;}
.yStudio .in .titWrap .tit .ico {margin-right:5px; width:68px; height:23px; background-position:0 -54px;}
.yStudio .thum {position:relative; width:194px; margin:0 auto;}
.yStudio .thum .ico.play {position:absolute; left:50%; top:31px; margin-left:-22px; width:44px; height:44px; background-position:0 -97px}
.yStudio .thum a {display:block;}
.yStudio .thum a img {width:194px; height:109px}
.yStudio .thum a .tit {display:block; text-align:center; font-size:14px; color:#fff; height:25px; line-height:25px; letter-spacing:-0.05em; background:#10153a; padding:0 4px; vertical-align:middle; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.yStudio .option_clsWrap {position:relative; width:194px; margin:3px auto 0}
.yStudio .option_clsWrap label {font-size:12px; color:#4e4e4e; letter-spacing:-0.05em}
.yStudio .option_clsWrap .btn {position:absolute; right:0; top:5px; padding:0 0 0 8px; height:12px; line-height:12px; border:0; border-left:1px solid #6e6f70; border-radius:0; background:none; font-size:12px; color:#4e4e4e}
/* 유안타스튜디오 (191126추가)(e) */