@charset "euc-kr";
 
/* intro Temp file Css  */
.breadCrumb, .wrapTop, .quickWrap, .visible-xs.quickWrap {display:none !important}

/* reset */
button {margin:0;padding:0;border:none;background:transparent;font-family:inherit;font-size:inherit;color:inherit;}

/* [PC] main */  
/** °øÅë **/ 
/* ¹è³Ê ¸®½ºÆ® */
.main [class*="AllBanWrap"] {max-width:1600px;margin:0 auto 40px;}
.main [class*="BanWrap"] {position:relative;}
.main [class*="BanWrap"] .banner-item {overflow:hidden;}
.main [class*="BanWrap"] .banner-holder {display:block;position:relative;width:100%;height:100%;}
.main [class*="BanWrap"] .banner-holder:focus img {border:1px dotted #666}
.main [class*="BanWrap"] .banner-img {position:absolute;top:0;left:50%;}
.main [class*="BanArea"]:after {content:"";display:block;clear:both;}
.main [class*="BanArea"], .main [class*="BanList"], .main [class*="BanSingle"], .main [class*="BanWrap"] .banner-item {height:100%;}
.main [class*="TopBanWrap"] {height:700px;}
.main [class*="TopBanWrap"] [class*="TopBanList"] .banner-img {width:1600px;height:700px;margin-left:-800px;}
.main [class*="BotBanWrap"] {height:550px;}
.main [class*="BotBanWrap"] a:hover, .main [class*="BotBanWrap"] a:focus {z-index:1;}
.main [class*="BotBanWrap"] a:focus:after {content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;border:1px dotted #666;}
.fixTop .main .productTopBanWrap {margin-top:165px}

/* ½½¶óÀÌµå ¸®½ºÆ® */
*[data-role="slider-banner"] .sp-mask {min-width:auto;margin:0 auto;}
*[data-role="slider-banner"] .sp-slides {}
*[data-role="slider-banner"] .sp-slides > li {} 
*[data-role="slider-banner"] .sp-slides .banner-img {}
*[data-role="slider-banner"] .sp-slides .sp-selected {z-index:10 !important;}
*[data-role="slider-banner"] .sp-slides a.sp-video:after {content:"";width:110px;height:110px;padding-left:0;border:none;background:url('//image.uplus.co.kr/images/renewal/images/cm/pc/main/btn_sp_video_new.png') no-repeat 0 0}
*[data-role="slider-banner"] .sp-fade-arrows {opacity:1}
*[data-role="slider-banner"] .sp-horizontal .sp-arrows {left:auto;max-width:100%;margin-top:-20px;margin-left:0;}
*[data-role="slider-banner"] .sp-arrow, .ie8 *[data-role="slider-banner"] .sp-arrow {z-index:10;width:54px;height:54px;padding:0;border:none;background-color:transparent;}
*[data-role="slider-banner"] .sp-arrow.sp-previous-arrow {left:6.6%;}
*[data-role="slider-banner"] .sp-arrow.sp-next-arrow {right:6.6%;transform:none;}
*[data-role="slider-banner"] .sp-arrow.sp-previous-arrow:before,
*[data-role="slider-banner"] .sp-arrow.sp-next-arrow:before {content:"";display:block;position:static;top:0;left:0;width:100%;height:100%;background:url('//image.uplus.co.kr/images/renewal/images/2019_intro/btn_ban_arrows.png') no-repeat;-webkit-transform:none;-ms-transform:none;transform:none;}
*[data-role="slider-banner"] .sp-arrow:after {display:none;}
*[data-role="slider-banner"] .sp-arrow.sp-previous-arrow:before, .ie8 *[data-role="slider-banner"] .sp-arrow.sp-previous-arrow:before {background-position:0 0;}
*[data-role="slider-banner"] .sp-arrow.sp-previous-arrow:hover:before, .ie8 *[data-role="slider-banner"] .sp-arrow.sp-previous-arrow:hover:before {background-position:0 -110px;}
*[data-role="slider-banner"] .sp-arrow.sp-next-arrow:before, .ie8 *[data-role="slider-banner"] .sp-arrow.sp-next-arrow:before {background-position:-110px 0;}
*[data-role="slider-banner"] .sp-arrow.sp-next-arrow:hover:before, .ie8 *[data-role="slider-banner"] .sp-arrow.sp-next-arrow:hover:before {background-position:-110px -110px}
*[data-role="slider-banner"] .sp-buttons {position:absolute;bottom:30px;z-index:10;padding:0;}
*[data-role="slider-banner"] .sp-buttons .sp-button {position:relative;width:63px;height:1px;margin:0 4px;border:none;border-radius:0;background:#aaa;}
*[data-role="slider-banner"] .sp-buttons .sp-selected-button {background:#ea0087;}
*[data-role="slider-banner"] + .btnBanCtrl {display:block;overflow:hidden;position:absolute;bottom:29px;left:50%;z-index:20;width:15px;height:15px;background:url('//image.uplus.co.kr/images/renewal/images/2019_intro/btn_ban_ctrl.png') no-repeat 0 0;}
*[data-role="slider-banner"] + .btnBanCtrl.pause {background-position:-30px 0;}
*[data-role="slider-banner"].oneBanner + .btnBanCtrl, *[data-role="slider-banner"].sp-video-playing .sp-buttons, *[data-role="slider-banner"].sp-video-playing + .btnBanCtrl {display:none;}

/** CS ¿µ¿ª **/
.csMyMenuWrap {position:fixed;bottom:0;left:0;z-index:300;width:100%;}
.csMyMenuWrap, .csMyMenuSetting {-ms-transition:all 0.25s ease-in-out 0.15s;-webkit-transition:all 0.25s ease-in-out 0.15s;transition:all 0.25s ease-in-out 0.15s;}
.csMyMenuWrap .csMyMenuArea {position:relative;min-width:1340px;max-width:1600px;height:auto;margin:0 auto;background:url('//image.uplus.co.kr/images/renewal/images/2019_intro/bg_cs_mymenu.png') repeat 0 0;}
.csMyMenuWrap .csMyMenuArea .txt {font-size:inherit;}
.csMyMenuWrap .csMyMenuLogo {position:absolute;bottom:0;left:0;z-index:5;}
.csMyMenuWrap .csMyMenuLogo a {display:block;}
.csMyMenuWrap .csMyMenuList {margin:0 auto;font-size:0;}
.csMyMenuWrap .csMyMenuList > li {display:inline-block;overflow:hidden;font-size:14px;font-weight:700;text-align:center;vertical-align:top;}
.csMyMenuWrap .csMyMenuList a {display:block;height:100%;word-break:break-word;}
.csMyMenuWrap .csMyMenuList a:before {content:"";overflow:hidden;background-repeat:no-repeat;}
.csMyMenuWrap.active .csMyMenuArea {}
.csMyMenuWrap.active .csMyMenuSetting:before, .csMyMenuWrap.active .csMyMenuSetting:after {content:"";display:block;position:absolute;width:100%;height:1px;background:#e5e7e6;opacity:0.9;}
.csMyMenuWrap.active .csMyMenuSetting:before {top:0;}
.csMyMenuWrap.active .csMyMenuSetting:after {bottom:0;}
.csMyMenuWrap.active .csMyMenuSetting {z-index:1;visibility:visible;opacity:1;filter:Alpha(Opacity=100);-ms-filter:Alpha(Opacity=100);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);}
.csMyMenuWrap.ground, .csMyMenuSetting {z-index:-1;opacity:0;filter:Alpha(Opacity=0);-ms-filter:Alpha(Opacity=0);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);}

/* CS 񃧯 */
.csMyMenuDefault {height:90px;padding:0 22% 0 27.5%;}
.csMyMenuDefault .csMyMenuList {position:relative;}
.csMyMenuDefault .csMyMenuList > li {width:15.58%;height:90px;}
.csMyMenuDefault .csMyMenuList > li:last-child {width:6.52%;}
.csMyMenuDefault .csMyMenuList a {padding-top:14px;border:1px dotted transparent;color:#444;}
.csMyMenuDefault .csMyMenuList a:hover, .csMyMenuDefault .csMyMenuList a:focus {color:#ea0087;}
.csMyMenuDefault .csMyMenuList a:before {display:block;width:40px;height:40px;margin:0 auto;background-image:url('//image.uplus.co.kr/images/renewal/images/2019_intro/ico_cs_new.png');}
.csMyMenuDefault .csMyMenuList a:focus {border-color:#666;}
.csMyMenuDefault .csMyMenuList a.csBtnSet {padding-top:25px;}
.csMyMenuDefault .csMyMenuList a.csBtnSet .txt {display:inline-block;text-indent:-9999px;}
.ie8 .csMyMenuDefault .csMyMenuList a.csBtnSet {position:absolute;right:5px;bottom:0;}
/* CS ¼³Á¤ */
.csMyMenuSetting {display:block !important;position:absolute;width:100%;bottom:90px;left:0;padding:30px 0 36px;visibility:hidden;background:url('//image.uplus.co.kr/images/renewal/images/2019_intro/bg_cs_mymenu.png') repeat 0 0;}
.csMyMenuSetting:after {content:"";display:block;clear:both;}
.csMyMenuSetting .csMyMenuList {width:68.25%;margin-bottom:14px;}
.csMyMenuSetting .csMyMenuList > li {width:15.93%;height:48px;margin:0 0.36% 11px;line-height:44px;}
.csMyMenuSetting .csMyMenuList a {border:1px solid #ccc;border-radius:48px;background:#eceded;color:#777;}
.csMyMenuSetting .csMyMenuList a:hover, .csMyMenuSetting .csMyMenuList .active a {border-color:#ea0087;background:#ea0087;color:#fff;}
.csMyMenuSetting .csMyMenuList a:before {display:inline-block;width:28px;height:28px;margin:-2px 5px 0 0;background-image:url('//image.uplus.co.kr/images/renewal/images/2019_intro/ico_cs_setting_new.png');vertical-align:middle;}
.csMyMenuSetting .csMyMenuList a:focus {border-style:dotted;border-color:#666;}
.csMyMenuSetting .csMyMenuList .active a:focus {border-color:#fff;}
.csMyMenuSetting .csMyMenuTxt {float:left;width:57.5%;padding:3px 30px 0 0;font-size:16px;color:#777;text-align:right;}
.csMyMenuSetting .csMyMenuBtns {float:left;width:42.5%;}
.csMyMenuSetting .csMyMenuBtns [class^="btn"] {display:inline-block;min-width:110px;height:30px;margin-right:2px;border-radius:5px;background:#7e7e7e;line-height:29px;font-weight:700;color:#fff;text-align:center;}
.csMyMenuSetting .csMyMenuBtns [class^="btn"]:hover {background:#444;}
/* CS icons */
 .csMyMenuList a.bk01:before {background-position:0 0;} /* ¿ä±Ý/»ç¿ë·®Á¶È¸ */
 .csMyMenuList a.bk02:before {background-position:-100px 0;} /* °¡ÀÔÁ¤º¸º¯°æ */
 .csMyMenuList a.bk03:before {background-position:-200px 0;} /* ¿ä±Ý³³ºÎ°ü¸® */
 .csMyMenuList a.bk04:before {background-position:-300px 0;} /* ÈÞ´ëÆù¼Ò¾×°áÁ¦ */
 .csMyMenuList a.bk05:before {background-position:-400px 0;} /* ¸â¹ö½Ê»ç¿ë */
 .csMyMenuList a.bk06:before {background-position:-500px 0;} /* ÅëÈ­¿¬°áÀ½ ¼³Á¤ */
 .csMyMenuList a.bk07:before {background-position:-600px 0;} /* ¹®ÀÚº¸³»±â */
 .csMyMenuList a.bk08:before {background-position:-700px 0;} /* ÀÚÁÖÇÏ´Â Áú¹® */
 .csMyMenuList a.bk09:before {background-position:0 -100px;} /* Æļյµ¿ò¼­ºñ½º */
 .csMyMenuList a.bk10:before {background-position:-100px -100px;} /* À̺¥Æ® Âü¿© */
 .csMyMenuList a.bk11:before {background-position:-200px -100px;} /* ÃæÀü/¼±¹°Çϱâ */
 .csMyMenuList a.bk18:before {background-position:-300px -100px;} /* ÇØ¿Ü·Î¹Ö */
 .csMyMenuList a.csBtnSet:before {background-position:-400px -100px;} /* ¼³Á¤ */
 .csMyMenuList a.bk01:hover:before, .csMyMenuDefault .csMyMenuList a.bk01:focus:before, .csMyMenuList .active a.bk01:before {background-position:0 -200px;}
 .csMyMenuList a.bk02:hover:before, .csMyMenuDefault .csMyMenuList a.bk02:focus:before, .csMyMenuList .active a.bk02:before {background-position:-100px -200px;}
 .csMyMenuList a.bk03:hover:before, .csMyMenuDefault .csMyMenuList a.bk03:focus:before, .csMyMenuList .active a.bk03:before {background-position:-200px -200px;}
 .csMyMenuList a.bk04:hover:before, .csMyMenuDefault .csMyMenuList a.bk04:focus:before, .csMyMenuList .active a.bk04:before {background-position:-300px -200px;}
 .csMyMenuList a.bk05:hover:before, .csMyMenuDefault .csMyMenuList a.bk05:focus:before, .csMyMenuList .active a.bk05:before {background-position:-400px -200px;}
 .csMyMenuList a.bk06:hover:before, .csMyMenuDefault .csMyMenuList a.bk06:focus:before, .csMyMenuList .active a.bk06:before {background-position:-500px -200px;}
 .csMyMenuList a.bk07:hover:before, .csMyMenuDefault .csMyMenuList a.bk07:focus:before, .csMyMenuList .active a.bk07:before {background-position:-600px -200px;}
 .csMyMenuList a.bk08:hover:before, .csMyMenuDefault .csMyMenuList a.bk08:focus:before, .csMyMenuList .active a.bk08:before {background-position:-700px -200px;}
 .csMyMenuList a.bk09:hover:before, .csMyMenuDefault .csMyMenuList a.bk09:focus:before, .csMyMenuList .active a.bk09:before {background-position:0 -300px;}
 .csMyMenuList a.bk10:hover:before, .csMyMenuDefault .csMyMenuList a.bk10:focus:before, .csMyMenuList .active a.bk10:before {background-position:-100px -300px;}
 .csMyMenuList a.bk11:hover:before, .csMyMenuDefault .csMyMenuList a.bk11:focus:before, .csMyMenuList .active a.bk11:before {background-position:-200px -300px;}
 .csMyMenuList a.bk18:hover:before, .csMyMenuDefault .csMyMenuList a.bk18:focus:before, .csMyMenuList .active a.bk18:before {background-position:-300px -300px;}
 .csMyMenuList a.csBtnSet:hover:before, .csMyMenuDefault .csMyMenuList a.csBtnSet:focus:before, .csMyMenuList .active a.csBtnSet:before {background-position:-400px -300px;}

 /* 꺿 ¿ÀÇ ½Ã */
 .chatbot-layer-on .wrap.intro_main .csMyMenuWrap {z-index:1000;}

/** »óÇ°¹è³Ê ¿µ¿ª **/
.productAllBanWrap {}

/* »ó´Ü ¹è³Ê ¿µ¿ª*/
.productTopBanWrap {}
/* ÇÏ´Ü ¹è³Ê ¿µ¿ª */
.productBotBanWrap {}
.productBotBanWrap .productBotBanSingle, .productBotBanWrap .productBotBanList, .productBotBanWrap .productBotBanList > li {float:left;width:50%;}
.productBotBanWrap .banner-img {height:550px;}
.productBotBanWrap .productBotBanSingle .banner-img {margin-left:-400px;width:800px;}
.productBotBanWrap .productBotBanList .banner-img {margin-left:-200px;width:400px;}

/** ¼­ºñ½º¹è³Ê ¿µ¿ª **/
.allServiceBanWrap {}

/* »ó´Ü ¹è³Ê ¿µ¿ª*/
.serviceTopBanWrap {}
/* ÇÏ´Ü ¹è³Ê ¿µ¿ª */
.serviceBotBanWrap {border-top:1px solid #e5e7e6;border-bottom:1px solid #e5e7e6;font-size:18px;line-height:28px;color:#6c6d71;word-break:break-word;}
.serviceBotBanWrap a {color:#6c6d71;}
.serviceBotBanWrap .banner-item {border-right:1px solid #e5e7e6;border-left:1px solid #e5e7e6;}
.serviceBotBanWrap .serviceBotBanList > li {float:left;width:25%;}
.serviceBotBanWrap .serviceBotBanList .banner-img {width:398px;height:548px;margin-left:-199px;}

/** ÆÄ¿ö¸Ê ¿µ¿ª **/
.powerMapAllWrap {max-width:1600px;margin:0 auto 2px;}

/* ÆÄ¿ö¸Ê ¹è³Ê ¿µ¿ª */
.powerMapBanWrap {height:400px;}
.powerMapBanWrap .powerMapBanArea {}
.powerMapBanWrap .powerMapBanList {}
.powerMapBanWrap .powerMapBanList .banner-img {width:1600px;height:400px;margin-left:-800px;}
/* ÆÄ¿ö¸Ê ¸Þ´º ¿µ¿ª */
.powerMapMenuWrap {border-top:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6;font-size:18px;color:#303030;word-break:break-word;}
.powerMapMenuWrap a {color:#303030;}
.powerMapMenuWrap a:hover, .powerMapMenuWrap a:focus {border-bottom:1px solid #303030;}
.powerMapMenuWrap .powerMapMenuArea {display:table;table-layout:fixed;width:100%;min-height:548px;}
.powerMapMenuWrap [class*="powerMapMenu0"] {display:table-cell;width:25%;padding:110px 30px 50px;border-right:1px solid #e6e6e6;border-left:1px solid #e6e6e6;background:#f5f7f7;vertical-align:top;}
.powerMapMenuWrap .powerMapMenuTit {text-align:center;font-size:24px;font-weight:700;line-height:31px;}
.powerMapMenuWrap .powerMapMenuTit:after {content:"";display:block;width:55px;height:55px;margin:30px auto 0;background-repeat:no-repeat;background-position:50% 0;}
.powerMapMenuWrap .powerMapMenu01 .powerMapMenuTit:after {background-image:url('//image.uplus.co.kr/images/renewal/images/2019_intro/ico_powermap01.png');}
.powerMapMenuWrap .powerMapMenu02 .powerMapMenuTit:after {background-image:url('//image.uplus.co.kr/images/renewal/images/2019_intro/ico_powermap02.png');}
.powerMapMenuWrap .powerMapMenu03 .powerMapMenuTit:after {background-image:url('//image.uplus.co.kr/images/renewal/images/2019_intro/ico_powermap03.png');}
.powerMapMenuWrap .powerMapMenu04 .powerMapMenuTit:after {background-image:url('//image.uplus.co.kr/images/renewal/images/2019_intro/ico_powermap04.png');}
.powerMapMenuWrap .powerMapMenuList {margin-top:54px;padding:0 29px;}
.powerMapMenuWrap .powerMapMenuList > li {margin-top:15px;padding-left:20px;background:url('//image.uplus.co.kr/images/renewal/images/2019_intro/ico_powermap_arrow.png') no-repeat 0 7px;}
.powerMapMenuWrap .powerMapMenuList > li:first-child {margin-top:0;}

/* 2019.07.23 ¸ÞÀÎ ¹è³Ê ¼öÁ¤ */
.topBannerSlide.slick-slider .slick-arrow {position:absolute; top:50%; margin-top:-27px; width:54px; height:54px; z-index:2; text-indent:-9999px;}    
.topBannerSlide.slick-slider .slick-prev {left:8.6%; background: url(//image.uplus.co.kr/images/renewal/images/2019_intro/btn_ban_arrows.png) no-repeat; background-position:0 0;}
.topBannerSlide.slick-slider .slick-next {right:8.6%; background: url(//image.uplus.co.kr/images/renewal/images/2019_intro/btn_ban_arrows.png) no-repeat; background-position:-110px 0;}
.topBannerSlide.slick-slider .slick-prev:hover {background-position:0 -110px;}
.topBannerSlide.slick-slider .slick-next:hover {background-position:-110px -110px;}
.topBannerSlide.slick-slider .slick-dots {position:absolute; bottom:35px; left:0; width:100%; line-height:1px;}    
.topBannerSlide.slick-slider .slick-dots li {line-height:1px; vertical-align:top;}
.topBannerSlide.slick-slider .slick-dots button {overflow:hidden; position:relative; width:63px; height:1px; margin:0 4px; border:none; border-radius:0; background:#aaa; text-indent:-99999999px; vertical-align:top;}
.topBannerSlide.slick-slider .slick-dots .slick-active button {background:#ea0087;}
.topBannerControl {position:absolute; bottom:29px; left:50%; width:15px; height:15px;}
.topBannerControl button {overflow:hidden; width:15px; height:15px; background:url('//image.uplus.co.kr/images/renewal/images/2019_intro/btn_ban_ctrl.png') no-repeat 0 0; text-indent:-99999px; vertical-align:top;}
.topBannerControl button.pause {background-position:-30px 0;}

/* 2019.08.22 ¸ÞÀÎ ·¹À̾ƿô ¼öÁ¤ */
.wrap.intro_main .main {max-width:1920px;}
.main [class*="AllBanWrap"] {max-width:1920px;}
.main [class*="TopBanWrap"] {overflow:hidden; height:550px;}
.main [class*="serviceTopBanWrap"] {max-width:1600px; height:700px; margin:0 auto;}
.main [class*="BotBanWrap"] {max-width:1920px; margin:30px auto 0;}
.main [class*="serviceBotBanWrap"] {height:auto; margin-top:65px;}
.main [class*="productBotBanWrap"] {max-width:1600px;}

.productTopBanArea .topBannerSlide.slick-slider .slick-slide {overflow:hidden; position:relative; height:550px;}
.productTopBanArea .topBannerSlide.slick-slider .slick-slide img {position:absolute; top:50%; left:50%; width:1920px; height:550px; margin:-275px 0 0 -960px;}

.serviceBotBanWrap {border:0;}
.serviceBotBanArea .title {margin-bottom:40px; text-align:center;}
.serviceBannerSlide.slick-slider .slick-arrow {top:190px; z-index:1; width:46px; height:46px; margin-top:0;}
.serviceBannerSlide.slick-slider .slick-prev {left:50%; margin-left:-517px; background:url('//image.uplus.co.kr/images/renewal/images/2019_intro/btn_arrow_left.png') no-repeat 0 0;}
.serviceBannerSlide.slick-slider .slick-next {right:50%; margin-right:-517px; background:url('//image.uplus.co.kr/images/renewal/images/2019_intro/btn_arrow_right.png') no-repeat 0 0;}
.serviceBannerSlide.slick-slider .slick-prev:hover,
.serviceBannerSlide.slick-slider .slick-next:hover {background-position:0 -46px;}

.powerMapAllWrap {margin-bottom:0;}
.powerMapBanWrap {height:auto;}
.powerMapMenuWrap2 {margin-top:125px; padding-bottom:65px;}
.powerMapMenuWrap2 .title {text-align:center;}

.powerMapMenuArea2 {margin-top:40px;}
.powerMapMenuArea2 > ul {width:1600px;}
.powerMapMenuArea2 > ul > li {float:left; width:400px; height:510px; padding:55px 0 0 50px; background:#f6f6f6 url('//image.uplus.co.kr/images/renewal/images/2019_intro/bg_powermapmenuarea.png') repeat-y right top;}
.powerMapMenuArea2 > ul > li.last {background:#f6f6f6;}
.powerMapMenuArea2 > ul > li ul {margin-top:75px;}
.powerMapMenuArea2 > ul > li li + li {margin-top:45px;}
.powerMapMenuArea2 > ul > li li + li img {vertical-align:top;}

/** 2019 [°³ÀÎ] ¸ÞÀÎ 2Â÷ °³Æí  **/
.csMyMenuWrap {top:0; left:50%; bottom:auto; width:calc((100% - 1600px)/2); min-width:100px; max-width:164px; height:100%; padding-top:12%; margin-left:800px; background:rgba(255,255,255,.6);}
.csMyMenuWrap.ground {background:none;}
.csMyMenuWrap .csMyMenuWrapInner {width:100%; height:100%;}
.csMyMenuWrap .csMyMenuDefault {padding:0; height:auto;}
.csMyMenuWrap .csMyMenuArea {position:static; width:100%; min-width:100%; max-width:100%; background:none;}
.csMyMenuWrap .csMyMenuLogo {display:none;}
.csMyMenuWrap .csMyMenuList {width:57px; margin:0 auto;}
.csMyMenuWrap .csMyMenuList > li {display:block; position:relative; width:57px; height:auto; color:#373737; font-size:12px; word-break:break-word; text-align:center;}
.csMyMenuWrap .csMyMenuList > li + li {margin-top:24px; padding-top:24px;}
.csMyMenuWrap .csMyMenuList > li + li:before {content:''; display:block; position:absolute; top:0; left:50%; width:40px; height:1px; margin:0 auto 0 -20px; background:#e5e5e5;}
.csMyMenuWrap .csMyMenuList > li:last-child {width:57px; padding-top:0;}
.csMyMenuWrap .csMyMenuList > li:last-child:before {display:none;}
.csMyMenuDefault .csMyMenuList a {padding:0; line-height:1.5;}
.csMyMenuDefault .csMyMenuList a:before {display:none;}
.csMyMenuDefault .csMyMenuList a.csBtnSet {width:40px; height:40px; margin:0 auto; padding-top:0;}
.csMyMenuWrap .csMyMenuList > li:last-child a:before {display:block;width:40px;height:40px;margin:0 auto;background:url('//image.uplus.co.kr/images/renewal/images/2019_intro/ico_cs_new.png') no-repeat -400px -100px;}
.csMyMenuDefault .csMyMenuList a .txt > span {display:block;}

.csMyMenuWrap .csMyMenuSetting {width:446px; height:980px; top:101px; left:-446px; bottom:auto; padding:185px 0 0 0; border:0; border-right:1px solid #e4e4e4; background:rgba(255,255,255,.97);}
.csMyMenuWrap .csMyMenuSetting:before,
.csMyMenuWrap .csMyMenuSetting:after {display:none;}
.csMyMenuWrap .csMyMenuSetting .csMyMenuList {width:406px; margin:0; padding-left:22px;}
.csMyMenuWrap .csMyMenuSetting .csMyMenuList:after {content:''; display:block; clear:both;}
.csMyMenuWrap .csMyMenuSetting .csMyMenuList > li {float:left; width:100px; margin:0 0 28px 28px;}
.csMyMenuWrap .csMyMenuSetting .csMyMenuList > li + li {padding-top:0;}
.csMyMenuWrap .csMyMenuSetting .csMyMenuList > li:last-child a:before {display:none;}
.csMyMenuWrap .csMyMenuSetting .csMyMenuList a {display:table-cell; width:100px; height:100px; padding:0 19px; border-color:#d6d7d8; border-radius:50px; background:rgba(255,255,255,.97); color:#000; font-size:14px; letter-spacing:-0.08em; vertical-align:middle;}
.csMyMenuWrap .csMyMenuSetting .csMyMenuList a:hover,
.csMyMenuWrap .csMyMenuSetting .csMyMenuList .active a {background:#ea0087; color:#fff;}
.csMyMenuWrap .csMyMenuSetting .csMyMenuList a:before,
.csMyMenuWrap .csMyMenuSetting .csMyMenuList > li + li:before {display:none;}
.csMyMenuWrap .csMyMenuSetting .csMyMenuList a .txt {display:inline-block; line-height:1.57; vertical-align:middle;}
.csMyMenuWrap .csMyMenuSetting .csMyMenuTxt  {position:absolute; top:55px; left:0; width:100%; padding:0; color:#000; font-size:18px; line-height:1.555; text-align:center;}
.csMyMenuWrap .csMyMenuSetting .csMyMenuBtns {float:none; width:100%; margin-top:52px; text-align:center;}
.csMyMenuWrap .csMyMenuSetting .csMyMenuBtns [class^="btn"] {min-width:85px; height:32px; margin:0; border:1px solid #d6d7d8; border-radius:16px; background:#fff; color:#000; font-weight:400; line-height:30px; letter-spacing:-0.08em;}
.csMyMenuWrap .csMyMenuSetting .csMyMenuBtns [class^="btn"] + [class^="btn"] {margin-left:5px;}

.wrap.intro_main .csMyMenuWrap .gnb-chatbot {position:relative !important; right:0 !important; bottom:auto; width:57px; margin:60px auto 0 !important;}
.wrap.intro_main .csMyMenuWrap .gnb-chatbot .icon-chat.gnb .motionImg > span {background:url('//image.uplus.co.kr/images/renewal/images/chatbot/chatbot_icon_pc_2019_v2.png') no-repeat 0 0 transparent}
.wrap.intro_main .csMyMenuWrap .icon-chat.gnb {width:57px; height:48px;}
.wrap.intro_main .csMyMenuWrap .gnb-chatbot .icon-chat.gnb .motionImg {width:57px; height:48px;}
.wrap.intro_main .csMyMenuWrap .gnb-chatbot .gnb-chatbot-tooltip .intro {top:100%; right:0; margin:-2px 40px 0 0; transform:rotate(90deg);}
.wrap.intro_main .csMyMenuWrap .gnb-chatbot .gnb-chatbot-tooltip span.cont {font-size:14px;}
.wrap.intro_main .csMyMenuWrap .gnb-chatbot .gnb-chatbot-tooltip {display:block !important; top:-40px; left:-47px;}