@charset "utf-8";

#wrap{width:100%;}
#container.m_container{width:100%;margin:0;padding-top:0;}
/* section */
.section{width:100%}
.sectionIn{width:950px;margin:0 auto}
.yellow-txt{color:#ffcf11;}
.clfix{content:"";display:block;clear:both;}

/* font style */
/* .bx-clone{
	display:none;
} */

/* header */
.m_header{width:100%;border-bottom:none} 
.m_content {position:relative; width:100% !important; padding:0 !important; float:both;}

/* 팝업 */
.main_popup_area{position:absolute; top:0; left:0; z-index:100000; display:flex; gap:15px; align-items:baseline}
.main_popup{position:relative; display:none; box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5); background-color:#fff}
.popup_close{display:flex; justify-content:space-between; align-items:center; height:37px; background-color:#000}
.popup_close button{border:0; background-color:transparent; font-size:12px; color:#fff; cursor:pointer}
.close_with_cookie{padding:7px 10px 10px}
.popup_close_btn{display:flex; justify-content:center; align-items:center; width:42px; height:37px; background-color:#393939 !important; color:#fff}
.popup_close_btn span{margin-top:-3px} 

/* mainVisual */
.verticali-banner {width:100%;overflow:hidden;}
#roll-visual {position:relative;overflow:hidden;}
#roll-visual .in-box {position:relative;top:0;height:384px;margin:0 auto;overflow:hidden;}
#roll-visual .in-box ul{position:relative;}
#roll-visual .in-box ul li {display:inline-block;height:384px;}
#roll-visual .in-box ul li div{display:inline-block}
#roll-visual .in-box ul li .visual_img {position:absolute;top:0;width:100%;z-index:50;left:100%;text-align:center;}
#roll-visual .in-box ul li .visual_img img{display:inline-block;width:1000px;height:384px;}
#roll-visual .in-box ul li .btn {position:relative;z-index:1000;top:350px;text-align:center;}
#roll-visual .in-box ul li .btn img{display:inlin-block;margin-right:6px;}
#roll-visual .sp_btn {position:absolute;top:347px;z-index:100;/*left:50%;margin-left:-32px;*/}
#roll-visual .m1 .visual_img{background-color:#dfe6e8;}
#roll-visual .m2 .visual_img{background-color:#e0e9ea;}
#roll-visual .m3 .visual_img{background-color:#eeeee7;}


.mainVisual{width:100%;height:493px;}
.mainVisual .mainVisual_in{position:relative;width:100%;height:384px;margin:0 auto;padding:0;}
.mainVisual #slides {display:none;position:absolute;top:0;width:100%;height:384px;margin:0;padding:0;vertical-align:top;}
.mainVisual #slides .slidesjs-navigation{}
.mainVisual .slidesjs-container, .mainVisual .slidesjs-control{width:950px;height:384px !important;}

.mainVisual a.slidesjs-next,
.mainVisual a.slidesjs-previous,
.mainVisual a.slidesjs-play,
.mainVisual a.slidesjs-stop {position:absolute;display:block;float: left;width:22px;height:22px;margin-right:5px;background-image: url(../images/main/btns-next-prev.png);background-repeat: no-repeat;overflow: hidden;text-indent: -9999px;}

.mainVisual a.slidesjs-next {display:none;margin-right:10px;background-position: -12px 0;}
.mainVisual a:hover.slidesjs-next {background-position: -12px -18px;}

.mainVisual a.slidesjs-previous {display:none;background-position: 0 0;}
.mainVisual a:hover.slidesjs-previous {background-position: 0 -18px;}

.mainVisual a.slidesjs-play {position:absolute;left:50%;bottom:22px;width:22px;margin-left:36px;background-position: -28px 0;z-index:20}
.mainVisual a:hover.slidesjs-play {background-position: -28px 0;}

.mainVisual a.slidesjs-stop {position:absolute;left:50%;bottom:22px;width:22px;margin-left:36px;background-position: 0 0;z-index:20}
.mainVisual a:hover.slidesjs-stop {background-position: 0 0;}

.mainVisual .slidesjs-pagination {position:absolute;left:50%;bottom:25px;float: right;margin: 7px 0 0 -46px;list-style: none;z-index:10}
.mainVisual .slidesjs-pagination li {float:left;margin:0 5px;}
.mainVisual .slidesjs-pagination li a {display:block;float:left;width:15px;height:0;padding-top:15px;background-image: url(../images/main/pagination.png); background-position: 0 0;overflow: hidden; }    
.mainVisual .slidesjs-pagination li a.active,
.mainVisual .slidesjs-pagination li a:hover.active {background-position: -27px 0}
.mainVisual .slidesjs-pagination li a:hover {background-position:-27px 0}
.mainVisual #slides a:link, #slides a:visited {color: #333}
.mainVisual #slides a:hover, #slides a:active {color: #9e2020}
.mainVisual .navbar {overflow: hidden}

.mainVisual p span{display:block;width:1000px;height:384px;margin:0 auto}
.mainVisual .m1{background-color:#dfe6e8;}
.mainVisual .m2{background-color:#e0e9ea;}
.mainVisual .m3{background-color:#eeeee7;}

/*
.mainVisual .m1{background:url(../images/main/m1.jpg) repeat-x 0 0;}
.mainVisual .m2{background:url(../images/main/m2.jpg) repeat-x 0 0;}
.mainVisual .m3{background:url(../images/main/m3.jpg) repeat-x 0 0;}
*/
.cont1{width:219px;position:absolute;top:0;left:50%;margin:0 0 0 -487px;z-index:500;}
.cont1 h3{color:#fff;float:left;width:200px;height:57px;line-height:57px;text-align:center;background:#006db6;box-sizing:border-box;border-bottom:1px solid #1381cb;font-size:16px;font-weight:bold}
.cont1 h3 span{color:#ffcc00;}
.cont1 .c1_lst{float:left;box-sizing:border-box;}
.cont1 .c1_lst > li{height:49px;background:#006db6;position:relative;width:200px;}
.cont1 .c1_lst > li:first-child{background:#192852}
.cont1 .c1_lst > li:after{display:block;position:absolute;top:0;left:0;content:'';width:2px;}
.cont1 .c1_lst > li > a{display:block;height:47px;line-height:47px;}
.cont1 .c1_lst > li > a > p{position:relative;height:100%;padding-left:56px;background:url('/images/main/c1_lst_arrow.png') no-repeat 159px 19px;color:#fff;font-size:14px;border-bottom:1px solid #1381cb; border-top:1px solid #005b9e;}
.cont1 .c1_lst > li:last-child > a > p{border-bottom:none;} 
.cont1 .c1_lst > li > a > p:before{content:''; position:absolute; top:13px; left:24px; width:22px; height:22px;}

.cont1 .c1_lst > li > a > p .num{position:absolute; top:11px; left:22px; display:inline-flex; align-items:center; justify-content:center; width:25px; height:25px; border-radius:50%; background:#9dceee; color:#006db6; font-size:14px; font-weight:bold; line-height:1; box-sizing: border-box; padding-bottom: 2px;}

.cont1 .c1_lst > li:hover > a > p,
.cont1 .c1_lst > li > a > p.on{background:#192852 url('/images/main/c1_lst_arrowOn.png') no-repeat 159px 19px; color:#fff; border-top-color:#003366}
.cont1 .c1_lst > li:first-child > a > p:before{top:11px;width:25px;height:26px;background:url('/images/main/c1_lst_account_guide_ico.png') no-repeat 0 0px}
.cont1 .c1_lst > li:hover:first-child > a > p{color:#ffb819}
.cont1 .c1_lst > li:hover > a > p .num,
.cont1 .c1_lst > li > a > p.on .num{background:#ffcc00; color:#192852;}

.cont1 .c1_lst > li > ul{width:0;display:none;position:absolute;top:0;left:200px;z-index:9999;padding:1px 25px 5px 25px;background:#fff;box-sizing:border-box;border:4px solid #006db6;border-left:none}
.cont1 .c1_lst > li:nth-child(4) > ul{top:-41px;}  
.cont1 .c1_lst > li:last-child > ul{top:-41px;} 
.cont1 .c1_lst > li > ul > li{line-height:18px;width:100%;border-bottom:1px solid #dadfe2} 
.cont1 .c1_lst > li > ul > li:last-child{border-bottom:none;}
.cont1 .c1_lst > li > ul > li > a{display:inline-block;width:100%;padding:12px 0;font-size:14px;white-space:nowrap;letter-spacing:-1px;}
.cont1 .c1_lst > li > ul > li > a:hover{color:#006db6; font-weight:bold}


.cont2{padding:16px 0; overflow:hidden;}
.cont2 .quick_menu{overflow:hidden;float:left;margin:18px 3px 0 -20px;} 
.cont2 .quick_menu li{display:inline-block;text-align:center;}
.cont2 .quick_menu li a{display:block;color:#3f4a68;text-align:center;}
.cont2 .quick_menu li:hover a{color:#006db6}
.cont2 .quick_menu li a span{display:block;text-align:center;height:50px;}
.cont2 .quick_menu li a span img{display:inline-block}
.cont2 .quick_menu li a em{position:relative;font-size:14px;display:inline-block;height:22px;padding-top:16px;white-space:nowrap;letter-spacing:-2px;}
.cont2 .quick_menu li a em:before{content:''; position:absolute; left:0; bottom:-2px; width:0px; height:1px; background:#006db6; transition:all 0.5s}
.cont2 .quick_menu li:hover a em:before{width:100%;}
.cont2 .quick_menu li:first-child a span img{margin:3px 0 0 10px}
.cont2 .quick_menu li:nth-child(2) a span img{margin:0 0 0 14px}
.cont2 .quick_menu li:nth-child(3) a span img{margin:8px -8px 0 0}
.cont2 .quick_menu li:nth-child(4) a span img{margin:3px -11px 0 0}
.cont2 .quick_menu li:nth-child(5) a span img{margin:8px 0 0 6px}
.cont2 .intro_cont{float:left; overflow:hidden; width:346px;}
.cont2 .intro_cont li{float:left; width:170px; height:63px; margin:0 6px 6px 0; padding:11px 0 0 40px; border:1px solid #d9d9d9; box-sizing:border-box;}
.cont2 .intro_cont li:first-child{background:url('/images/main/intro_cont_icon1.png') no-repeat 5px}
.cont2 .intro_cont li:nth-child(2){margin-right:0; background:url('/images/main/intro_cont_icon2.png') no-repeat 5px}
.cont2 .intro_cont li:nth-child(3){margin-bottom:0; background:url('/images/main/intro_cont_icon3.png') no-repeat 5px}
.cont2 .intro_cont li:nth-child(4){margin-right:0; background:url('/images/main/intro_cont_icon4.png') no-repeat 5px} 
.cont2 .intro_cont li strong{display:block; line-height:1.3; font-size:13px; color:#333}
.cont2 .intro_cont li strong a{color:#333}
.cont2 .intro_cont li > a{margin-right:5px; padding-right:8px; font-size:13px; background:url('/images/main/intro_cont_arrow.jpg') no-repeat right 5px; color:#333}
.cont2 .intro_cont li > a:last-child{margin-right:0}
.cont2 .intro_cont li > a:hover{color:#006db6; background:url('/images/main/intro_cont_arrowOn.jpg') no-repeat right 5px;}
 
.cont_bg{background:#f3f8fc}  
.cont4{margin:0 auto;}
.cont4:after{content:"";display:block;clear:both;}

.cont4 .notice{margin:40px 0;position:relative;float:left;width:305px;height:161px;margin-right:32px}
.cont4 .notice:after{content:''; position:absolute; top:2px; right:-19px; width:1px; height:100%; background:#e0e0e0;}
.cont4 .notice h3{float:left;padding:0 7px;background:url(../images/main/bar_tab.gif) no-repeat 0 7px;}
.cont4 .notice .nLst{}
.cont4 .notice .nLst:first-child h3{padding-left:0;background:none;}
.cont4 .notice .nLst:last-child h3{padding-right:0;}
.cont4 .notice h3.on, .cont4 .notice h3.on a{color:#005db9; font-weight:bold}
.cont4 .notice h3 a{display:inline-block;font-size:16px;color:#666;letter-spacing:-1px;}
.cont4 .notice h3 a:hover, .cont4 .notice h3 a.on{color:#005db9;}
.cont4 .notice .lst_cont{position:absolute;left:0;top:45px;height:115px;}
.cont4 .notice ul li{overflow:hidden;line-height:1.5em;}
.cont4 .notice ul li a{display:inline-block;color:#666;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;vertical-align:middle;}
.cont4 .notice ul li span{display:inline-block;vertical-align:middle;}
.cont4 .notice .lst_cont li a{width:270px;padding-right:8px;font-size:12px;}
.cont4 .notice .lst_cont li span{width:27px;color:#666;font-size:12px;}
.cont4 .notice .more{color:#045fb8;font-size:13px;position:absolute;right:0;top:3px;width:67px;height:17px;padding-bottom:5px;background:url(../images/main/main-more-btn.png) no-repeat right 5px;}

.cont4 .notice.v1{}

.cont4 .notice.v2{margin-right:0}
.cont4 .notice.v2:after{display:none;}

.cont4 .notice.v3{}

/* 메인비쥬얼 */
#mainSpot{height:351px; position:relative;}
#mainSpot .visualListSet,
#mainSpot .visualListSet > li{height:351px}
#mainSpot .visualListSet > li a{display:block; outline-offset:-1px;}
#mainSpot .area{position:relative; width:1366px; height:351px; overflow:hidden; margin: 0 auto;display: block;}
#mainSpot .bg{display: none;position: absolute;left: 0;top: 0;height:493px; width: 100%;z-index: 10;}
#mainSpot .listItem {position: relative;}
#mainSpot .listItem .btnWrap{position: absolute;max-width: 1000px;width: 100%;}
#mainSpot .listItem .txtSet{position: absolute; z-index: 20;}
#mainSpot {}
#mainSpot .slogan{}
#mainSpot button {border:none; background:transparent; cursor:pointer}
#mainSpot .listItem a img{height:492px;}

#mainSpot .mainVisualCtrl {position: absolute; left:50%;margin-left:-389px;}
#mainSpot .mainVisualCtrl button {height: 19px; width:19px; background: url(/images/main/visual-stop-gray.gif) center no-repeat;position: absolute; top:360px; left:50%; z-index: 400; margin:0 0 0 -100px}

#mainSpot .bx-controls-auto-item a{width:10px;height:13px;display:block;position:absolute;bottom:30px;right:207px;text-indent:-9999px;}
#mainSpot .bx-controls-auto-item .bx-start{background:url(/images/main/visual-start-gray.png) center no-repeat;}
#mainSpot .bx-controls-auto-item .bx-stop{background:url(/images/main/visual-stop-gray.png) center no-repeat;}
#mainSpot .bx-controls-auto-item .active{display:none;}

#mainSpot .bx-controls-direction a{position:absolute;bottom:31px;z-index:400;width:7px;height:11px;dispaly:block;text-indent:-9999px;}
#mainSpot .bx-controls-direction a.bx-prev{right:224px;background:url(/images/main/slider-btn-L.png) no-repeat;}
#mainSpot .bx-controls-direction a.bx-next{right:194px;background:url(/images/main/slider-btn-R.png) no-repeat;}

#mainSpot .area .bx-pager{position:absolute; top:50px; right:192px}
#mainSpot .area .bx-pager div{display:inline-block; margin:0 5px;}
#mainSpot .area .bx-pager div a{display:inline-block; text-indent:-9999px; width:10px; height:10px; border-radius:50%; background:#fff; }
#mainSpot .area .bx-pager div a.active{width:27px; border-radius:50px; background:#ffb819;}

#mainSpot .slogan{} 
#mainSpot .slogan .listItem > .txtSet{display: none;}
#mainSpot .on     .listItem > .txtSet{display: block;width: 100%;}
#mainSpot .slogan.on > *{}
#mainSpot .slogan.on .bg{display: block;}
#mainSpot .slogan.on .bgM{display: none;}
#mainSpot .slogan.on .view {opacity: 1 !important; z-index: 310 !important; display: block;}
#mainSpot .slogan .pageNum {position: absolute;display: block; top:340px; left:50%; width: 23px;height: 20px; background: url(/images/main/circle_off.png) 3px 2px no-repeat;z-index: 401; margin:0 0 0 -60px}
@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi){ 
	#mainSpot .mainVisualCtrl button,
	#mainSpot .slogan .pageNum{background-image: url(/portal/images/main/mainVisualCtrl-x2.png);-webkit-background-size: 96px;background-size: 96px;}
}

#mainSpot .on .pageNum{background: url(/images/main/circle_on.png) 3px 2px no-repeat;}

#mainSpot .slogan .n0{ margin:0 0 0 -45px}
#mainSpot .slogan .n1{ margin:0 0 0 -20px}
#mainSpot .slogan .n2{ margin:0 0 0 5px}
#mainSpot .slogan .n3{ margin:0 0 0 30px}
#mainSpot .slogan .n4{ margin:0 0 0 55px}
#mainSpot .slogan .n5{ margin:0 0 0 80px}
#mainSpot .slogan .n6{ margin:0 0 0 105px}
#mainSpot .slogan .n7{ margin:0 0 0 130px}
#mainSpot .slogan .n8{ margin:0 0 0 155px}
#mainSpot .slogan .n9{ margin:0 0 0 180px}

.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0;}


/* Button Input */
.btn_input{display:inline-block;white-space:nowrap;cursor:pointer;vertical-align:middle;}
.btn_input input{display:inline-block;border:none;vertical-align:top;}

.btn_blue{height:33px;background:#025db8;}
.btn_blue input{padding:0 19px 0px 17px;background:#025db8;border:1px solid #025db8;font-size:15px;color:#fff;line-height:30px;}
.btn_blue_v2{height:27px;background:#025db8;}
.btn_blue_v2 input{padding:0 19px 0 17px;background:#025db8;border:1px solid #025db8;font-size:12px;color:#fff;line-height:25px;}
.btn_white{height:33px;background:#fff;}
.btn_white input{padding:0 19px 0 17px;background:#fff;border:1px solid #adadad;font-size:15px;color:#666;line-height:30px;}
.btn_white_v2{height:27px;background:#fff;}
.btn_white_v2 input{padding:0 19px 0 17px;background:#fff;border:1px solid #adadad;font-size:12px;color:#666;line-height:25px;}
.btn_gray{height:33px;background:#666;}
.btn_gray input{padding:0 19px 0 17px;background:#666;border:1px solid #666;font-size:15px;color:#fff;line-height:30px;}

/* Button Anchor */
.btnSty{display:inline-block;position:relative;white-space:nowrap;z-index:10;vertical-align:middle; letter-spacing:-1px;}
.btnSty span{display:inline-block;vertical-align:top;}

a.btnBlue{height:31px;padding:0 18px;background:#025db8;border:1px solid #025db8;font-size:15px;color:#fff;line-height:30px;}
a.btnBlue_v2{height:25px;padding:0 18px;background:#025db8;border:1px solid #025db8;font-size:12px;color:#fff;line-height:24px;}
a.btnBlue_v5{width:136px;height:27px;background:#025db8;border:1px solid #025db8;font-size:13px;color:#fff;line-height:26px;text-align:center;letter-spacing:-1px;}
a.btnWhite{height:31px;padding:0 18px;background:#fff;border:1px solid #adadad;font-size:15px;color:#666;line-height:30px;}
a.btnWhite_v2{height:25px;padding:0 18px;background:#fff;border:1px solid #adadad;font-size:12px;color:#666;line-height:24px;}
a.btnGray{height:31px;padding:0 18px;background:#666;border:1px solid #666;font-size:15px;color:#fff;line-height:30px;}

a.onBtn{background:#025db8 !important;border:1px solid #025db8 !important;color:#fff !important;}

/* 바로가기 화살표 */
.btnWhite_v3{height:25px;padding:0 16px;background:#fff;border:1px solid #adadad;font-size:12px;color:#666;}
.btnWhite_v3 span{height:23px;padding-right:11px;background:url(/images/common/arrow_btn.gif) no-repeat right 8px;line-height:23px;}
.btnBlue_v3{height:25px;padding:0 16px;height:25px;background:#025db8;border:1px solid #025db8;font-size:12px;color:#fff !important;}
.btnBlue_v3 span{padding-right:11px;background:url(/images/common/arrow_btn2.gif) no-repeat right 8px;line-height:23px;}
.btnBlue_v4{height:25px;padding:0 16px;height:25px;background:#fff;border:1px solid #005ab7;font-size:12px;color:#005ab7 !important;}
.btnBlue_v4 span{width:96px;padding-right:11px;background:url(/images/common/arrow_btn3.gif) no-repeat right 8px;line-height:23px;}

/* Button Download */

/*메인 슬라이더*/
/*.mainSlider{text-align:center;position:relative;}
.mainSlider .bx-controls-direction a{display:none;width:54px;height:54px;text-indent:-9999px;margin-top:-20px;background:url('/images/main/slider-btn-L.png') no-repeat 0 0;left:50%;position:absolute;top:50%;}
.mainSlider .bx-prev{margin:0 0 0 -510px;}
.mainSlider .bx-next{margin:0 0 0 475px;background-image:url('/images/main/slider-btn-R.png') !important;}
 */
/*시세*/
.stockIn{display:none;width:175px;height:60px;overflow:hidden;padding:5px 10px 10px;border-top:1px solid #fff;border-bottom:1px solid #fff;position:absolute;bottom:90px;left:50%;margin-left:-489px;color:#fff;z-index:500;}
.stockIn .tit.bar{float:left;background:url('/images/main/img-bar.gif') no-repeat right center;padding-right:10px;margin-right:10px;width:62px;}
.stockIn ul{float:right;width:85px;margin-top:3px;}
.stockIn li{overflow:hidden;margin-bottom:5px;}
.stockIn li i{margin-left:10px;font-style:normal;color:#fac914;}
.stockIn li em{display:inline-block;}
.stockIn li .change{display:inline-block;}
.stockIn .num{display:block;font-size:28px;line-height:28px;}
.stockIn .bx-wrapper{float:right;margin:0;height:60px;overflow:hidden;}
.stockIn .bx-viewport{height:60px !important;overflow:hidden;}

/*배너존*/
.banner-zone{margin-bottom:50px;}
.banner-zone:after{content:"";display:block;clear:both;}
.banner-zone .banner-left{float:left;}
.banner-zone .banner{position:relative;width:684px;float:right;border-top:5px solid #2362a6;border-bottom:1px solid #ccc;}
.banner .bx-pager{position:absolute; bottom:33px; left:20px;z-index:500;}
.banner .bx-pager div{float:left; margin-right:5px; text-indent:-9999px;} /*페이저 버튼 하나씩을 담고 있는 div 태그*/
.banner .bx-pager div a{display:block; width:9px;height:9px;background:#a0a0a0;border-radius:9px;}/*실제 버튼 모양을 담아놓을 공간*/
.banner .bx-pager div .active{background:#045fb8;}/*버튼이 활성화 되었을 때*/
.banner .bx-controls-auto-item a{position:absolute; bottom:31px; left:63px; width:10px; height:13px;z-index:500;
background:url('/images/main/visual-stop-gray.gif') no-repeat center; text-indent:-9999px;}
.banner .bx-controls-auto-item .bx-start{background:url('/images/main/visual-start-gray.png') no-repeat center;}
.banner .bx-controls-auto-item .active{display:none;}

/*고객만족센터*/
.cs-wrap{width:980px;margin:30px auto 70px auto;} 
.cs-wrap:after{content:"";display:block;clear:both;}
.cs-center{float:left;width:715px; height:209px; flex-wrap:wrap; display:flex; background-color:#fdf9ed; box-sizing:border-box;}
.cs-center div{width:238px; padding:15px 0 15px 20px; box-sizing: border-box;}
.cs-center div p{line-height:1; font-size:14px; color:#666} 
.cs-center div h3{margin:10px 0 22px 0; line-height:1; font-size:25px; color:#333; letter-spacing:-2px; font-weight:bold}
.cs-center div h3 span{font-weight: 400;}
.cs-center div > span{margin-bottom: 10px; display: inline-block; padding:3px 13px 5px 29px; border-radius: 24px; font-size: 14px; color: #fff; background: url(/images/main/cs_center_ico.png) no-repeat left 12px center; background-color:#008fd3;}
.cs-center div h2{line-height:1; font-weight:900; font-size:32px; color:#006699; letter-spacing:-0.5px;}
.cs-center > ol{display:flex; gap: 22px; width:477px; padding-top:34px}
.cs-center > ol > li{position:relative; padding-left:20px}
.cs-center > ol > li:after{content:''; position:absolute; top:0px; left:0; width:1px; height:calc(100% - 20px); background-color:rgba(0,0,0,0.1)}
.cs-center > ol > li p{display:flex; align-items:center; font-size:16px; font-weight:bold; color:#333}
.cs-center > ol > li p strong{display:flex; justify-content:center; align-items:center; width:22px; height:22px; color:#fff; border-radius:50%; background-color:#006db6; font-weight:normal}
.cs-center > ol > li p span{margin:0 5px 0 3px; color:#006db6}
.cs-center > ol > li ol{padding:6px 0 0 0px}
.cs-center > ol > li ol li{display:flex; letter-spacing:-2px; color:#666;} 
.cs-center > ol > li ol li strong{display:inline-block; text-align:center; width:17px; height:17px; line-height:16px; padding-right:1px; box-sizing:border-box; margin-top:5px; color:#fff; border-radius:50%; background-color:#006db6; font-weight:normal; font-size:10px;}
.cs-center > ol > li ol li span{margin:0 5px 0 2px; color:#006db6; font-weight:bold;}
.cs-center > ol > li ol li p{margin-top:2px; line-height:1.5; letter-spacing:-2px;}

.cs-banner{float:right;width:246px;border:1px solid #e0e0e0;}
.cs-banner .cs-banner-left{position:relative;box-sizing:border-box;padding:5px 15px 10px 15px;width:246px;}
.cs-banner .cs-banner-left .bx-viewport a{display:block; outline-offset:-1px;}
.cs-banner .cs-banner-left h3{font-weight:bold;margin:3px 0 5px 0;font-size:15px;} 
.cs-banner .cs-banner-left .bx-controls-auto-item a{z-index:100;position:absolute; top:15px; right:31px; width:14px; height:13px;
background:#fff url('/images/main/visual-stop-thin.png') no-repeat center; text-indent:-9999px;border:1px solid #ccc;}
.cs-banner .cs-banner-left .bx-controls-auto-item .bx-start{background:#fff url('/images/main/visual-start-thin.png') no-repeat center;}
.cs-banner .cs-banner-left .bx-controls-auto-item .active{display:none;}

.cs-banner .cs-banner-left .bx-controls-direction a{position:absolute;top:15px;right:46px;z-index:100;width:14px;height:13px;border:1px solid #ccc;text-indent:-9999px;background:#fff url('/images/main/more-icon-thin-L.png') no-repeat center;}
.cs-banner .cs-banner-left .bx-next{right:16px !important;background-image:url('/images/main/more-icon-thin-R.png') !important;}

.cs-banner .cs-banner-right{width:246px;}
.cs-banner .cs-banner-right img{width:246px;height:auto;max-width:246px;}