@charset "utf-8";
/* CSS Document */
html{}
body{ font-size:16px; background: #fff;}

.box0{ padding:0 2%}
.box0_header {padding:0 2%; display: flex; justify-content: space-between;}
.box1{ width:1300px; margin:0 auto; max-width:100%}
.box2{ width:1300px; margin:0 auto; max-width:100%;}
.box3{ width: 1300px; margin: 0 auto; max-width: 100%;}
.box4{ width: 1500px; margin: 0 auto; max-width: 100%;}
.box5{ width: 1700px; margin: 0 auto; max-width: 100%;}
.PC{ display:block !important}
.PHONE{ display:none !important}

.NS{font-family:'ns',sans-serif; transform:skew(-0.3deg);}
.MS{ font-family:'Ms' !important;}
.IL {font-family:'InkLipquid' !Important;}

.skipNav > li > a{ position:fixed; z-index:1001; width:100%; background:#000; background:rgba(0,0,0,.9); text-align:center; color:#fff; line-height:2em; top:-2em; transition:.3s}
.skipNav > li > a:focus{ top:0}

/***************************************************************************************************************************************************************************************/

.no-scroll {overflow: hidden; height: 100vh; width: 100vw;}

/**/
.h150 {height: 150vh;}
.visualSlide_wrap{ position:relative; width: 100vw; overflow: hidden;}
.visualSlide_wrap .pin-spacer {} 
.visualSlide_wrap .visualSlide_con {width: 100%; height: 100%; position: relative;}
.visualSlide_wrap .visualSlide {width: 100%; height: 100%;  position: absolute; left: 50%; top: 0; transform: translateX(-50%) scale(0.2); transform-origin: center; z-index: 1;}
.visualSlide_wrap .el{ height:100vh; position:relative}
/* .visualSlide_wrap .el .vod_wrap { position:absolute; left:0; top:0; width:100%; height:100%; background-position:center center; background-repeat:no-repeat; background-size:cover; border-radius: 5em; overflow: hidden; -webkit-box-reflect: below 1px linear-gradient(transparent, transparent, transparent, transparent, #0003)} */
.visualSlide .el .vod_wrap {width: 100%; height: 100%; }
.visualSlide .el .mb_img,
.visualSlide .el .vod{ position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; transition: 1s; border-radius: 5em; overflow: hidden; }
/* .visualSlide .el .vod_wrap:after{ content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:#000; opacity:1} */
.visualSlide_wrap .el .vod_wrap:before {content: ''; position: absolute; width: 100%; height: 100%; background: rgba(0,0,0,.3); z-index: 11; border-radius: 5em;}
.visualSlide_wrap .slogan{ position:relative; z-index: 9;}
.visualSlide_wrap .slogan .slogan_wrap{  position: absolute; top: 25%; left: 50%; padding-top: 14em; z-index: 111; color:#fff; transform: translateX(-50%); text-align: center; max-width: 40%; margin: 0 auto;}
.visualSlide_wrap .slogan .imgfix {width: 4.125em; height: 4.125em; margin: 0 auto; transform: translateY(-1.5em);}
.visualSlide_wrap .slogan .t1{ font-size: 3.8em; font-weight: 700; opacity:1; line-height: 1.4em;}
.visualSlide_wrap .slogan .t2{padding-bottom: 1em;  font-size:1.75em; letter-spacing:6px; opacity:1; }
/* .visualSlide_wrap .slogan { width:0; height:2px; margin:3em auto; background:#fff; opacity:0} */
.visualSlide_wrap .el.swiper-slide-prev .vod_wrap,
.visualSlide_wrap .el.swiper-slide-duplicate-prev .vod_wrap{ transition-delay:1s}
.visualSlide_wrap .el.swiper-slide-active{ z-index:1}
.visualSlide_wrap .el.swiper-slide-active .vod_wrap{transition:5s ease-out;}
.visualSlide_wrap .el.swiper-slide-active .t1{ transform:translateY(0); opacity:1; transition:2s}
.visualSlide_wrap .el.swiper-slide-active .t2{ transform:translateY(0); opacity:1; transition:2s; transition-delay:1s}

/**/
.visualSlide_wrap .btn_wrap{ position:absolute; left:3%; top: 41%; height:auto; z-index: 15;}
.visualSlide_wrap .btn_wrap .visualSlide-pagination{ margin-bottom:2em}
.visualSlide_wrap .btn_wrap .visualSlide-pagination > span{ display:block; width:1em; height:1em; border-radius:0; transform:rotate(45deg); font-size:.438em; margin:2em auto; background:#fff; opacity:1; transition:.3s; border:1px solid #fff; position:relative; overflow:hidden;}
.visualSlide_wrap .btn_wrap .visualSlide-pagination > span:before{content:""; position:absolute; left:0; top:0; width:100%; height:0; background:#fff; transition:7s}
.visualSlide_wrap .btn_wrap .visualSlide-pagination > span.swiper-pagination-bullet-active{ height:15em; width:.5em; transform:rotate(0); background:none}
.visualSlide_wrap .btn_wrap .visualSlide-pagination > span.swiper-pagination-bullet-active:before{ height:100%}
.visualSlide_wrap .btn_wrap .swiper-button{ position: relative; width:2.25em; line-height:2.25em; height:2.25em; border-radius:100%; border:1px solid rgba(255,255,255,.5); margin:.5em 0; opacity:1; color:#fff; cursor:pointer; transition: .5s;}
.visualSlide_wrap .btn_wrap .swiper-button:before{ font-size:.438em; font-family:xeicon!important;}
.visualSlide_wrap .btn_wrap .swiper-button:hover{ background:#fff; border-color:transparent; color: #222;}
.visualSlide_wrap .btn_wrap .pause_wrap{ margin-top:2em}
.visualSlide_wrap .btn_wrap .swiper-button{ display:block; pointer-events: all !important;}
.visualSlide_wrap .btn_wrap .swiper-button.pause:before{ content:"\ea3b";}
.visualSlide_wrap .btn_wrap .swiper-button.play{ background:rgba(0,0,0,.5); border-color:transparent; display:none}
.visualSlide_wrap .btn_wrap .swiper-button.play:before{ content:"\ea3e"}

.scrollDown{ position:absolute; top: 90%; margin-bottom:0; width:100%; left:0; z-index:5; text-align:center; color:#222; animation-name: scrollDownAni; animation-duration: 3s; animation-iteration-count: infinite}
.scrollDown .s1{ font-size:3em; vertical-align:middle}
.scrollDown .s2{ font-size:1.5em; vertical-align:middle; margin-left:-.5em}
@keyframes scrollDownAni{
40% { transform: translateY(-1em);}
50% { transform: translateY(0);}
}

/***************************************************************************************************************************************************************************************/
.h100 {height: 100vh;}

.main_con{ padding:6.5em 0; word-break:keep-all;}
.main_con.bg1{ background:#f5f5f5;}

/* .main_txt:not(:last-child){ margin-bottom:3.5em;} */
.main_txt.m1{ margin-bottom:1em;}
.main_txt.m2{ margin-bottom:5em;}
.main_txt .nw{ white-space:nowrap;}
.main_txt .tit{ margin-top:1.25em;}
.main_txt .txt{ margin-top:3.5em; line-height:1.6;}
.main_txt .tit:first-child,
.main_txt .txt:first-child{ margin-top:0;}
.main_txt .o1{ opacity:.7;}
.main_txt .t1{ font-size:1.000em;}
.main_txt .t2{ font-size:1.063em;}
.main_txt .t3{ font-size:1.125em;}
.main_txt .t4{ font-size:1.250em;}
.main_txt .t5{ font-size:1.375em;}
.main_txt .t6{ font-size:1.500em;}
.main_txt .t7{ font-size:1.750em;}
.main_txt .t8{ font-size:2.500em;}
.main_txt .t9{ font-size:3.000em;}
.main_txt .t10{ font-size:4.500em;}
.main_txt .t11{ font-size:5.000em;}
.main_txt .t12{ font-size:6.500em;}
.main_txt .t13{ font-size:8.500em;}

/*****************************************************************************************MAIN****************************************************************************************/

.main_tit{ text-align:left; margin-bottom:3em}
.main_tit .t1{ font-size: 3em; color:#222; font-weight:800; position: relative; display: inline-block;}
.main_tit .t1::before {content: ''; position: absolute; top: -.15em; right: -.25em; width: 12px; height: 12px; border-radius: 50%; background: #0072BC;}
.main_tit .t2{ font-size: 1.5em; color:#555; margin:.5em 0 0 0; font-weight:500; line-height: 1.5em;}
/* .main_tit:after{ content:""; display:block; width:2.5em; height:4px; background:#000; margin:2em auto 0 auto} */

.main_tit.con2_st .t1{color:#fff;}
.main_tit.con2_st .t2{color:#fff;}
.main_tit.con2_st:after{ background:#fff;}

.main_con .title-wrap .t6 {position: relative; display: inline-block;}
.main_con .title-wrap .t6::before {content: ''; position: absolute; top: -.15em; right: -.35em; width: 8px; height: 8px; border-radius: 50%; background: #0072BC;}

/*사업분야*/
.main_con {padding: 5em 0 6.5em 0; overflow: hidden;}
.main_business {padding-bottom: 3em; position: relative;}
.main_business .main_busi_wrap {}
.busi_list {position: relative; display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 1.5em; width: 100%; height: 32em; transition: .5s;}
.busi_list .item {position: relative; overflow: hidden;}
.busi_list .item:nth-child(even) {transform: translateY(3em);}
.busi_list .item .inner {position: relative; transition: .5s; filter: grayscale(0) brightness(1.25); display: inline-block; width: 100%; height: 100%; }
.busi_list .item .inner::before {content: ''; position: absolute; width: 100%; height: 100%; left: 0; bottom: 0; background: linear-gradient(to bottom, transparent, rgba(0,0,0,0.8)); transition: .5s; transform: translateY(100%); z-index: 11;}
.busi_list .item .inner::after {content: ''; position: absolute; width: 100%; height: 100%; left: 0; bottom: 0; background: rgba(0,0,0,0.2); z-index: 13;}
.busi_list .item .inner:hover::before {transform: translateY(0);}
.busi_list:hover .item .inner {filter: grayscale(1);}
.busi_list .item .inner:hover {filter: grayscale(0) brightness(1.25);}
/*
.busi_list:has(.li1:hover) {grid-template-columns: 2fr 0.5fr 0.5fr 0.5fr;}
.busi_list:has(.li2:hover) {grid-template-columns: 0.5fr 2fr 0.5fr 0.5fr;}
.busi_list:has(.li3:hover) {grid-template-columns: 0.5fr 0.5fr 2fr 0.5fr;}
.busi_list:has(.li4:hover) {grid-template-columns: 0.5fr 0.5fr 0.5fr 2fr;}
*/
.busi_list:has(.li1:hover) {grid-template-columns: 2fr 0.5fr 0.5fr;}
.busi_list:has(.li2:hover) {grid-template-columns: 0.5fr 2fr 0.5fr;}
.busi_list:has(.li3:hover) {grid-template-columns: 0.5fr 0.5fr 2fr;}

.busi_list .con_wrap {position: absolute; left: 3em; bottom: 3em; color: #fff;z-index: 15; transform: translateY(100%); transition-duration: .5s; /* transition-delay: 0.5s; */ opacity: 0;}
.busi_list .item .inner:hover .con_wrap {transform: translateY(0); opacity: 1;}
.busi_list .con_wrap::before {}
.busi_list .con_wrap .prod_tit {font-size: 2.5em; font-weight: 700;}
.busi_list .con_wrap .prod_txt {font-size: 1.25em; font-weight: 400; margin-top: 1em;}
.busi_list .con_wrap .prod_txt .list {}
.busi_list .con_wrap .prod_txt .list > li {margin-bottom: .5em; opacity: .7;}
.busi_list .con_wrap .prod_txt .list > li > p {}

.main_con .more {display: inline-block; margin-top: 1.5em; cursor: pointer; padding: 1.25em 3em; background: #0072BC; border-radius: 100px; color: #fff; border: 2px solid transparent; transition: .3s !important; font-weight: 500;}
.main_con .more:hover {background: #fff; color: #0072BC; border-color: #0072BC;}

.main_business .ani-text-wrap {position: absolute; top: 50%; left: 0; transform: translateY(-50%); font-size: 10em; color: #0072BC; opacity: .1; z-index: -1;}
.main_business .ani-text-wrap .tit .ffEN {width: fit-content; display: flex;}

/* control */
.prodSlide-next,
.prodSlide-prev {font-size: 1.5em; color: #222; font-weight: bold; min-width: 2.25em; height: 2.25em; cursor: pointer;}
.prodSlide-pagination {font-size: 1.125em; font-weight: bold; color: #222; min-width: 3em;}

/* 제품소개 */
.main_product {}
.main_product .box0.flex {gap: 2.5em;}
.main_product .prod-title {flex: 1;}
.main_product .prod-title .t6 {position: relative; display: inline-block;}
.main_product .prod-title .t6::before {content: ''; position: absolute; top: -.15em; right: -.35em; width: 8px; height: 8px; border-radius: 50%; background: #0072BC;}
.main_product .prod-title .t4 {line-height: 1.5em;}
.main_product .prod-title .title-wrap {margin-bottom: 3.5em;}
.main_product .prod-title .more {margin-top: 0;}
.main_product .main_prod_wrap {flex: 2;}
.main_product .main_prod_wrap .mainProdSlide {}
.mainProdSlide .prod-img {height: 20em; border-radius: 1em; overflow: hidden;}
.mainProdSlide .prod-img img {transform: scale(1.1);}
.mainProdSlide .prod-info {padding: 1.5em .5em;}
.mainProdSlide .prod-info .main_txt {}
.mainProdSlide .prod-info .status-wrap {gap: .5em;}
.mainProdSlide .prod-info .status-wrap .price{ letter-spacing: -1px;}
.mainProdSlide .prod-info .status-wrap .status {padding: .5em 1em; border-radius: 100px; color: #fff; font-size: 0.75em;}
.mainProdSlide .prod-info .status-wrap .status.new {background: #0072BC;}
.mainProdSlide .prod-info .status-wrap .status.best {background: #22b24b;}
.mainProdSlide .prod-info .status-wrap .status.sale {background: #d80000;}


/*공지사항*/
.main_notice {}
.main_con .box1.st{overflow:hidden; padding:10px 7px;}
.main_con .notice_Wrap { position:relative;}
.main_con .notice_Wrap .notice_inner{border-top: 1px solid #ddd;}
.main_con .notice_Wrap .notice_inner .item .inner {padding:2em 1em; position:relative; text-align:left;  cursor:pointer; border-bottom: 1px solid #ddd;}
.main_con .notice_Wrap .notice_inner .item .inner .notice-more {min-width: 3em; min-height: 3em; border: 1px solid #222; border-radius: 50%; color: #222; transition: .2s;}
.main_con .notice_Wrap .notice_inner .item .inner:hover .notice-more {background: #222; color: #fff;}
.main_con .notice_Wrap .notice_inner .item .inner .main_txt {gap: 2em;}
.main_con .notice_Wrap .notice_inner .item .inner .date {color:#0e4194; font-size:.938em; font-weight:500; letter-spacing:.1px;}
.main_con .notice_Wrap .notice_inner .item .inner:hover .t6 {text-decoration: underline;}

/* 견적의뢰 */
.main_inquiry {position: relative;}
.main_inquiry::before {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.7); }
.main_inquiry .main_txt {margin-bottom: 3.5em;}
.main_inquiry .circle-wrap {position: absolute; top: 3em; right: 5vw; width: 28em; height: 28em;}
.main_inquiry .circle-wrap .imgfix {}


/*배너코너*/
.main_link_wrap{}
.main_link_wrap > li{ position:relative; overflow:hidden}
.main_link_wrap > li.d2 {border-bottom:1px solid #ddd;}
.main_link_wrap > li .bg{ position:absolute; left:0; top:0; width:110%; height:100%; background-position:center top; background-repeat:no-repeat; background-size:cover}
.main_link_wrap > li.d1 .bg{ background-image:url(../images/main/recruit_bg.jpg)}
.main_link_wrap > li.d2 .bg{ background-image:url(../images/main/contactus_bg.jpg)}
.main_link_wrap > li .va_wrap{ height:25em; text-align:right}
.main_link_wrap > li.d1 .va {padding-right:2em;}
.main_link_wrap > li.d2 .va {padding-left:3em;}
.main_link_wrap > li:nth-child(2n) .va_wrap{ text-align:left}
.main_link_wrap > li .t1{ font-size:3.063em; font-weight:600; color:#050404; letter-spacing:-2px}
.main_link_wrap > li .t2{ font-size:1em; font-weight:700; color:#050404;  margin:1em 0 0 0; line-height:1.5;}
.main_link_wrap > li .more{ display:inline-block; padding:0 4em 0 0; line-height:3em; color:#111; margin:3em 0 0em 0; position:relative}
.main_link_wrap > li .more .tt{ font-size:.875em; font-weight:500}
.main_link_wrap > li .more .xi{ position:absolute; width:30px; height:30px; line-height: 30px; text-align:center; right:1em; top:6px; font-size:1em; transition:.3s; border:1px solid #111; border-radius:50%;}
.main_link_wrap > li .more .xi:before{ font-size:1.25em}
.main_link_wrap > li .more:hover .xi{ right:0}


/*관련사이트*/
.main_con5 {margin:5em 0;}
.main_con5 .box1.st{overflow:hidden; padding:10px 7px;}
.main_con5 .partner_wrap{ position:relative;}
.main_con5 .partner_wrap .partner{ margin-left:-15px;}
.main_con5 .partner_wrap .partner .slick-list{ overflow:visible;}
.main_con5 .partner_wrap .partner .item .inner {background:#fff; text-align:center; margin-left:15px; box-shadow:3px 3px 10px rgba(0,0,0,.2);}
.main_con5 .partner_wrap .partner .partner_img{ display:block; text-align:center; border:1px solid #e5e5e5; padding:10px 0;}
.partner_control_box{ position:absolute; top:50%; left:0; width:100%;}
.partner_control_box .control_arrow{ position:relative;}
.partner_control_box .control_arrow > li{ position:absolute; top:0; margin-top:-22px; text-align:center;}
.partner_control_box .control_arrow .prev{ left:-60px;}
.partner_control_box .control_arrow .next{ right:-60px;}
.partner_control_box .control_arrow > li .xi{ width:45px; height:45px; line-height:45px; font-size:1.250em; color:#2c2f34; border:2px solid #dbdee2; border-radius:100%; cursor:pointer; transition:.3s;}
.partner_control_box .control_arrow > li .xi:hover{ background:#303641; border:1px solid #303641; color:#fff; transition:.3s;}



.essential{ color:#d12d33;}
.board_st.inquiry_st{}
.board_st.inquiry_st th{ background:#f5f5f5; text-align:right; padding-right:2em;}

/***************************************************************************************************************************************************************************************/
/*****************************************************************************************개인정보처리방침*****************************************************************************/
.right_txt {text-align:right; padding-bottom:.8em; font-weight:400; font-size:.938em;}
.sub_agree_wrap{padding:30px; border-top: 2px solid #333; border-bottom: 1px solid #eee; border-right: 1px solid #eee; border-left: 1px solid #eee; font-size: 0.938em; color:#888; margin-top:10px;}
.sub_agree_wrap p{padding:10px; line-height:1.5;}
.sub_agree_wrap strong{color:#555;}
.sub_agree_wrap .cont{overflow-y:scroll; height:100px; overflow-y: scroll; }
.cont_check{text-align: right; margin: 10px 0 40px 0; font-size:0.875em; color:#555; box-shadow:3px 3px 5px rgba(0,0,0,0.2); padding:.6em 1em; background:#f5f5f5;}
.sub_agree_wrap .span{text-align: center; padding-left: 40px;}
.file_txt {display:block; padding-top:10px; font-size:.938em;}

.sub_agree_wrap.pro_view_st {padding:20px; font-size:.750em;}
.sub_agree_wrap .cont.pro_view_st {height:80px;}
.cont_check.pro_view_st {padding:.5em 1em; font-size:.813em;}

.agree_wrap{ padding:.5em; font-size:.938em; font-weight:400; line-height:1.5; border-top:2px solid #333; border-bottom:1px solid #ccc; border-right:1px solid #ccc; border-left:1px solid #ccc; box-shadow:3px 4px 3px rgba(0,0,0,.2); padding:2em; font-family:'ns','ng',sans-serif; background:#f9f9f9;}
.agree_wrap .agree.st p{font-size:.938em; letter-spacing:.5px; line-height:2;}
.agree_wrap .agree.st p strong {font-size:1.3em;}

/***********************************************************************************************************************************************************/
/******************************************************************************직원로그인*******************************************************************/
.login_wrap .login_in {box-shadow:0 1px 2px rgba(0,0,0,.2); text-align:center; margin:0 auto; border:1px solid #ccc;  max-width:350px; padding:3em 2em;}
.login_wrap .login_in .login_t {border-bottom:1px solid #ccc; padding-bottom:1em;}
.login_wrap .login_in .login_t .xi {color:#666;}
.login_wrap .login_in .login_t .ti {color:#003f87; }
.login_wrap .login_in .login_t .ti .c1{}
.login_wrap .login_in .login_t .ti .c2{}

.login_wrap .login_in .login_m {margin:1em 0 1em 0;}
.login_wrap .login_in .login_m .tit {color:#555; padding:2em;}
.login_wrap .login_in .login_m .login_ul {}
.login_wrap .login_in .login_m .login_ul li {margin-bottom:10px; position:relative;}
.login_wrap .login_in .login_m .login_ul li .inp {background:#f2f2f2; box-sizing:border-box; width:100%; height:50px; padding:0 50px; border:none; border-radius:5px; font-size:.875em; transition:.3s; font-family:'Ms' !important;}
.login_wrap .login_in .login_m .login_ul li .xi {position:absolute; left:0; top:10px; width:50px; color:#888;}
.login_wrap .login_in .login_m .login_ul li.login_btn .inp {background:#003f87; color:#fff;}
.login_wrap .login_in .login_m .login_ul .login_btn .btn:hover {transition:.8s; background:#333;}

/***************************************************************************************************************************************************************************************/
/*****************************************************************************************SUB 공통***********************************************************************************/
.sub_tw {display:block; text-align:center; margin:5em 0; position:relative;}
.sub_tw:before {position:absolute; font-family:'Ms','ns','ng',sans-serif; left:50%; bottom:-25px; display:inline-block; width:860px; margin-left:-430px; font-weight:600; font-size:2.5em; letter-spacing:-1px;}
.sub_tw .sub_in_ti {text-align:center; letter-spacing:.2px; font-weight:700; position:relative; display:inline-block;}

.sub_tw.mg30 {margin:3em;} 
.sub_tw.mg30.tx {margin-top:0;}  

/*기업개요*/
.sub_tw.company:before {content:"COMPANY OVERVIEW"; opacity:.7; color:#d8eff1; }
.sub_tw.company .sub_in_ti {font-size:2em; color:#111;}

.company_top {padding:4em 0; background:#f7f7f7; text-align:center}
.company_top .t_w .t1 {color:#111; font-weight:700; font-size:1.75em; }
.company_top .t_w .t2 {color:#111; font-size:1.063em; line-height:1.4; opacity:.9;}
.company_top .t_w .line {width:20px; height:2px; background:#111; margin:1.3em auto 2em auto;}

/*재무현황*/
.sub_tw.status:before {content:"FINANCIAL STATUS"; opacity:.7; color:#d8eff1; }
.sub_tw.status .sub_in_ti {font-size:2em; color:#111;}

.company_mid {margin-bottom:7em;}
.company_mid .list {text-align:center;}
.company_mid .list > li .inner{ padding:1em 1em; border-left:1px solid #ddd;}
.company_mid .list > li:first-child .inner{ border-left:none;}
.company_mid .list .icon{}
.company_mid .list .icon .xi {font-size:3em; opacity:.3;}
.company_mid .list .txt{ margin-top:1.5em;}
.company_mid .list .txt .t1{ font-size:1.063em; font-weight:600; text-transform:uppercase;}
.company_mid .list .txt .t2{ font-size:1.125em; color:#0e4194; font-weight:500; padding:1.3em 0 .4em 0;}

/*비젼*/
.sub_tw.vision:before {content:"VISION"; opacity:.7; color:#d8eff1; }
.sub_tw.vision .sub_in_ti {font-size:2em; color:#111;}

.company_bot { background-image:url(../images/sub/sub_company/overview_bg.jpg); background-repeat:no-repeat; background-position:50% 50%; background-attachment:fixed;  background-size:cover; padding:7em 0 5em 0;}

.company_bot .vision_w {text-align:center;}
.company_bot .vision_w .ti {color:#fff; font-size:1.75em; padding-bottom:3em; font-weight:700; position:relative;  display:inline-block;}
.company_bot .vision_w .ti:before{ content:""; width:35px; height:27px; position:absolute; left:50%; top:-50px; margin-left:-17.5px; background:url(../images/inc/ethics_l.png) no-repeat left top; background-size:70%;}
.company_bot .vision_w .ti:after{ content:""; width:35px; height:27px; position:absolute; left:50%; bottom:30px; margin-left:-17.5px; background:url(../images/inc/ethics_r.png) no-repeat left top; background-size:70%;}
.company_bot .vision_w .list_w{margin-left:-25px; text-align:center; width:100%; max-width:1100px; margin:0 auto;}
.company_bot .vision_w .list_w > li .inner{margin-left:25px;}
.company_bot .vision_w .list_w > li .icon {border-radius:100%; background:#fff; padding:3em; box-shadow:2px 2px 10px rgba(0,0,0,.2); border:6px solid #e5e5e5;}
.company_bot .vision_w .list_w > li .icon img {width:70px;}
.company_bot .vision_w .list_w > li .tt { color:#fff; margin:20px 0 15px 0; font-weight:700; font-size:1.063em;}

/*연혁*/
.history_t_wrap {text-align:center; display:block;}
.history_t_wrap .history_tit { height: 100%;}
.history_t_wrap .history_tit strong {color:#0e4194;}
.history_t_wrap .history_tit:before{ content:""; width:35px; height:27px; position:absolute;  left:-40px; top:6px; background:url(../images/inc/his_l.png) no-repeat left top; background-size:70%;}
.history_t_wrap .history_tit:after{ content:""; width:35px; height:27px; position:absolute; right:-50px; top:6px; background:url(../images/inc/his_r.png) no-repeat right top; background-size:70%;}
.history_t_wrap .history_line {width:40px; height:4px; background:#cce0ed; margin:1.5em auto 6em auto;}
.history_t_wrap{ position:relative; height: 20em; border-radius: 2em; overflow: hidden;}
.history_t_wrap:before{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.25); content: '';}
.history_t_wrap .history_tit{ position:relative; height: 100%; z-index: 2;}

.sub_history_wrap{ position:relative; z-index:inherit; padding-bottom:150px; margin-top: 3em;}
.sub_history_wrap .sub_history_line{ position:absolute; z-index:inherit; width:1px; background:#ddd; left:50%; height:100%; margin-left:-1px; top:0}
.sub_history_wrap .sub_history_line:before{ }
.sub_history_wrap .his_dot{ content: ""; position: absolute; width: 1.25em;left: 50%; height: 1.25em; background: #fff; border: 0.25em solid #0072BC; border-radius: 50%; box-sizing: border-box; margin-left: 1px; transform: translateX(-50%);}
.sub_history_wrap .his_dot.ed_dot{ margin-top: 150px;}
.sub_history_wrap .sub_history > li{ position:relative; z-index:inherit; width:50%; margin-top:60px}
.sub_history_wrap .sub_history > li:first-child{ margin-top:0}
.sub_history_wrap .sub_history > li:nth-child(2n-1) .history{ padding-left: 2.35em;}
.sub_history_wrap .sub_history > li:nth-child(2n) .history{ padding-right: 2.35em;}
.sub_history_wrap .sub_history > li .history .year{ position:relative; font-size:3.25em; font-weight:700; color:#111; position:relative; z-index:inherit; letter-spacing:1px}
.sub_history_wrap .sub_history > li:first-of-type .history .year{ padding-top: 2em;}
.sub_history_wrap .sub_history > li .history .year .dot{ position:absolute; z-index:inherit; left:0; top:0; width:10px; height:10px; top:50%; margin-top:-5px;}
.sub_history_wrap .sub_history > li .history .list{ position:relative; z-index:inherit; margin-top:15px; }
.sub_history_wrap .sub_history > li .history .list:before{ position: absolute; top: 8px; left: -18px; width: 6px; height: 6px; border-radius: 50%; background: #0072BC; content: '';}
.sub_history_wrap .sub_history > li:nth-child(2n) .history .list:before{ right: -18px; left: unset;}
.sub_history_wrap .sub_history > li .history .list .month{ position:absolute; z-index:inherit; top:0; width:60px; font-size:1.125em; color:#444; font-weight: 600;}
.sub_history_wrap .sub_history > li .history .list .tt{ display:block; font-size:1.1em; font-weight: 500; line-height: 1.4; color:#666; position:relative; }
.sub_history_wrap .sub_history > li:nth-child(2n){ left:0; text-align:right}
.sub_history_wrap .sub_history > li:nth-child(2n-1){ left:50%}

.sub_history_wrap .sub_history > li:nth-child(2n) .list { margin-right: 1.5em;}
.sub_history_wrap .sub_history > li:nth-child(2n-1) .list { margin-left: 1.5em;}

.sub_history_wrap .sub_history > li .list:first-of-type{ margin-top: 2em;}

.sub_history_wrap .sub_history > li:nth-child(2n) .history .year .dot{ right:-25px}
.sub_history_wrap .sub_history > li:nth-child(2n-1) .history .year .dot{ left:-25px}
.sub_history_wrap .sub_history > li:nth-child(2n) .history .list .month{ right:0px}
.sub_history_wrap .sub_history > li:nth-child(2n-1) .history .list .month{ left:0px}

.sub_history_wrap .sub_history > li:nth-child(2n) .history .list .tt { padding-right:40px;}
.sub_history_wrap .sub_history > li:nth-child(2n) .history .list .tt:before {}
.sub_history_wrap .sub_history > li:nth-child(2n-1) .history .list .tt { padding-left:38px;}
.sub_history_wrap .sub_history > li:nth-child(2n-1) .history .list .tt:before { }

/*오시는길*/
.map_info1 { overflow:hidden; margin-bottom:20px; box-shadow:2px 3px 8px -1px #a4a4a4; padding:1.5em; margin-top:1em; font-weight:400}
.map_info1 .t1 { float:left; }
.map_info1 .t1 span { color:#666; display:inline-block; margin-right:20px; line-height:38px; }
.map_info1 .t1 span:last-child { margin-right:0;}
.map_info1 .t1 .xi { font-size:1.438em; vertical-align:sub; color:#888; margin-right:5px; }

.map_info2 { margin-top:30px; font-weight:400}
.map_info2 > li { overflow:hidden; padding:2em 1em; border-bottom:1px solid #ddd}
.map_info2 > li h3 { float:left; color:#222222; font-size:1.375em; font-weight:500;}
.map_info2 > li h3 .xi { font-size:1.5rem; vertical-align:text-top; }
.map_info2 > li .info { margin:0 0 0 240px;}
.map_info2 > li .info strong { display:block;}
.map_info2 > li .info p { color:#333; line-height:26px;}
.map_info2 > li.bus .info span { display:block; margin:2px 0 6px; color:#333; }
.map_info2 > li.bus .info p { position:relative; line-height:30px; color:#222; letter-spacing:.1px; font-size:1em; padding-left:40px;}
.map_info2 > li.bus .info .st1:before { content:"간선"; width:30px; height:23px; border-radius:23px; background:#7182f5; color:#fff; text-align:center; line-height:22px; position:absolute; left:0; top:50%; margin-top:-11px; font-size:0.813em; }
.map_info2 > li.bus .info .st2:before { content:"일반"; width:30px; height:23px; border-radius:23px; background:#00aeab; color:#fff; text-align:center; line-height:22px; position:absolute; left:0; top:50%; margin-top:-11px; font-size:0.813em; }
.map_info2 > li.bus .info .st3:before { content:"직행"; width:30px; height:23px; border-radius:23px; background:#C52C03; color:#fff; text-align:center; line-height:22px; position:absolute; left:0; top:50%; margin-top:-11px; font-size:0.813em; }

.bs1{ display:inline-block; *display:inline; zoom:1; vertical-align:middle; padding:0 15px; font-size:0.875em; font-weight:600; color:#fff; line-height:25px; border-radius:30px; background:#249f0b; margin:0 10px 5px 0}
.bs1.sub_col1{ background:#67BF05}

.map_info2 > li.subway .info { margin-top:-1px;}
.map_info2 > li.subway .info span { display:block; margin:2px 0 6px;}
.map_info2 > li.subway .info p { display:inline-block; margin-right:34px;}
.map_info2 > li.subway .info em { display:inline-block; font-weight:500;}
.map_info2 > li.subway .info .r em { color:#fff;}

.root_daum_roughmap {padding:0 !important; border:none !important;}

/*인사말*/
.page_ceoWrap{margin-top:2em;}
.page_ceoWrap.bg {background:#f9f9f9;}
.page_ceoWrap .left{ float:left; width:50%;}
.page_ceoWrap .right{ float:right; width:50%;}
.page_ceoWrap .right .inner{ margin-left:40px;}
.page_ceoWrap .right .inner img{box-shadow :10px 10px 15px rgba(0,0,0, 0.12);}
.page_ceoWrap .left .inner img {box-shadow :10px 10px 15px rgba(0,0,0, 0.12);}

.page_ceoWrap .page_ceoB{ padding:7em 0 10em 0;}
.page_ceoWrap .page_ceoT .txt_wrap .inner{ padding-top:1em; padding-bottom:3em;}
.page_ceoWrap .page_ceoB .txt_wrap .inner{ padding-top:2em; padding-left:3em;}

.page_ceoWrap .page_ceoT .t_w {text-align:center; display:block;}
.page_ceoWrap .page_ceoT .t_w .tit {display:inline-block; text-align:center; font-weight:700; font-size:1.6em; letter-spacing:-1.5px; line-height:1.5; padding-bottom:2em; color:#0065a4; position:relative;}
.page_ceoWrap .page_ceoT .t_w .tit:before{ content:""; width:35px; height:27px; position:absolute;  left:-40px; top:6px; background:url(../images/sub/ceo_l.png) no-repeat left top; background-size:70%;}
.page_ceoWrap .page_ceoT .t_w .tit:after{ content:""; width:35px; height:27px; position:absolute; right:-50px; top:6px; background:url(../images/sub/ceo_r.png) no-repeat right top; background-size:70%;}

.page_ceoWrap .txt_wrap .tit{ font-weight:700; letter-spacing:-2px; font-size:1.6em; line-height:1.3; color:#0065a4; margin-bottom:1em;}
.page_ceoWrap .txt_wrap .txt{ color:#383838; padding:.5em 0; font-size:1em; letter-spacing:.2px; line-height:1.7; font-weight:400; font-family:'ns',sans-serif; transform:skew(-0.3deg);}
.page_ceoWrap .txt_wrap .txt .col {color:#0072c6; vertical-align:baseline;}
.page_ceoWrap .txt_wrap .txt.hi {font-size:1.250em;}
.page_ceoWrap .txt_wrap .txt.sign {text-align:right; padding-top:4.8em; font-size:.938em; padding-right:4em;}
.page_ceoWrap .txt_wrap .txt .name {vertical-align:baseline; font-weight:700; font-size:1.9em; padding-left:.5em; letter-spacing:5px;}
.page_ceoWrap .txt_wrap .txt .name.st {padding-left:0; letter-spacing:inherit;}

/*사업분야*/
.bis_wrap{*zoom:1; width:94%; margin:6em auto 0 auto;}
.bis_wrap:after{ content:""; display:block; clear:both;}
.bis_wrap:first-child{ margin-top:0;}
.bis_wrap .left { float:left; width:50%;}
.bis_wrap .right{ float:right; width:50%;}
.bis_wrap .right .inner{/* margin-left:80px;*/}
.bis_wrap .left .inner { padding:3em 3em; position:relative;}
.bis_wrap:nth-child(2n) .left { float:right;}
.bis_wrap:nth-child(2n) .right{ float:left;}
.bis_wrap:nth-child(2n) .right .inner{/* margin-left:0; margin-right:80px;*/}

.bis_wrap .txt_wrap{ margin-top:1.5em;}
.bis_wrap .txt_wrap:first-child{ margin-top:0;}
.bis_wrap .txt_wrap .ti{letter-spacing:-1px; font-weight:700; font-size:1.5em; margin-top:-.7em; position:relative; margin-bottom:1em; padding-bottom:1em;}
.bis_wrap .txt_wrap .ti:after {position:absolute; content:""; width:530px; height:2px; left:0; bottom:0; background:#456;}
.bis_wrap .txt_wrap .tx {letter-spacing:.1px;  font-size:.938em; font-weight:400;  font-family:'ns',sans-serif; transform:skew(-0.3deg); width:100%; max-width:360px; padding-left:2.5em;}

.bis_wrap .txt_wrap.st {text-align:right;}
.bis_wrap .txt_wrap.st .ti:after {left:inherit; right:0;}
.bis_wrap .txt_wrap.st .tx {padding-left:4em;}

/*사업실적*/
.TAB_WRAP {background:#f2f5f8; padding:10px 0; margin-bottom:4em; border-bottom:2px dashed #ddd;}
.TAB_WRAP .tab_ul { display:inline-block; margin-left:-5px;} 
.TAB_WRAP .tab_ul li {}
.TAB_WRAP .tab_ul li > a {transform:.3s; margin:1em 0 .5em 0; padding:10px; position:relative; display:block; }
.TAB_WRAP .tab_ul li > a{color:#333; font-size:.813em; position:relative; transition:.3s; background:#f5f5f5; border:1px solid #ddd; padding:10px; margin:0 0px 0 5px; }
.TAB_WRAP .tab_ul li.on > a,
.TAB_WRAP .tab_ul li:hover > a{ color:#333; background:#0e4194; color:#fff; border-color:1px solid transparent;}

.project_wrap {}
.project_box {overflow:hidden; position:relative; margin-bottom:30px;}
.project_box dt {width:12%; position:absolute; left:0; top:0; z-index:999;}
.project_box dd {width:90%; float:right; border:1px solid #d1d5e5; position:relative; margin-top:20px;}

.project_box .month {height:50px; line-height:50px; background:#f0f4f7; color:#222; font-size:1.063em; font-weight:700; text-align:center; box-sizing:border-box; }
.project_box .month.line { display:block; width:25px; height:2px; background:rgba(255,255,255,.7); margin:20px auto 0 auto;}
.project_box .project_w {padding:2em 2.5em;}
.project_box .project_w > li {padding-left:23px; font-size:.938em; position:relative; margin-top:12px; font-family:'ns',sans-serif; transform:skew(-0.3deg);}
.project_box .project_w > li:before {position:absolute; content:''; width:2px; height:2px; border-radius:50%; background:#0e4194; left:13px; top:8px; }

/*복리후생*/
.recruit_tw {background:url(../images/sub/sub_introduce/recruit_bg.jpg) no-repeat center top; background-size:cover; padding:3.5em 0;}
.recruit_tw .t_w {background:rgba(0,0,0,.6); padding:2.5em 0; width:100%; margin:0 auto; max-width:750px; border-radius:25px;}
.recruit_tw .t_w .t1 {color:#fff; text-align:center; font-size:1.7em; font-weight:700; letter-spacing:-1.5px;}
.recruit_tw .t_w .t2 {color:#fff; text-align:center; font-size:1.250em; font-weight:400; letter-spacing:-1.5px;}
.recruit_tw .t_w .line {background:#fff; width:40px; height:4px; margin:1.5em auto;}

.recruit_wrap {margin:6em 0;}
.recruit_wrap .title {text-align:left; font-weight:700; font-size:1.5em;}
.recruit_wrap .process { position:relative; margin:30px 0 50px; overflow:hidden; }
.recruit_wrap .process li span { display:block; position:absolute; top:160px; width:120px; text-align:center; color:#333;line-height:1.3; }
.recruit_wrap .process li span b {color:#0856a1; margin-bottom:3px; display:block; font-size:.875em;}
.recruit_wrap .process_detail {margin-top:10px;}
.recruit_wrap .process_detail > li { overflow:hidden; position:relative; padding:15px 30px; }
/*.recruit_wrap .process_detail > li > div { float:left;}*/

.recruit_wrap .process_detail > li .process_tit { margin-right:60px; font-size:4.688em; font-weight:600;  color:#eee; padding-left:20px; position:relative;  float:left;}
.recruit_wrap .process_detail > li:before{content:""; width:180px; height:1px; background:#555; position:absolute; left:0; top:0;}
.recruit_wrap .process_detail > li:after{content:""; width: 100%; height:1px; background:#ddd; position:absolute; left:210px; top:0;}
.recruit_wrap .process_detail > li .process_tit .word { color:#3E1946; font-size:0.240em; letter-spacing:0.5px;  position:absolute; left:0; top:40%; }
.recruit_wrap .process_detail > li .process_txt {margin-top:1.5em;/* margin-left:2em;*/ float:right; width:80%;}
.recruit_wrap .process_detail > li .process_txt .process_tit1{margin-right:10px; font-size:1.063em; font-weight:700;}
.recruit_wrap .process_detail > li .process_txt p { font-size:1.063em; line-height:1.5; display:table-cell; margin-top:1em;}

.recruit_wrap .process_detail .icon{text-align:center; position:relative; top:15px;  }
.recruit_wrap .process_detail .icon:after {position:absolute; content:"\e907"; font-family:xeicon; font-style:normal; right:-40px; top:15px; font-size:20px; color:#333;}
.recruit_wrap .process_detail .process { position:relative; margin:30px 0 50px; overflow:hidden; }
.recruit_wrap .process_detail .process > li { background:url(../images/sub/sub_introduce/imgProcess.png) no-repeat left top;  !important; z-index:1; float:left;  margin:0; padding:22px 0 0; width:125px; height:220px; }
.recruit_wrap .process_detail .process > li.process_2 { margin-left:66px; background-position:-127px top; }
.recruit_wrap .process_detail .process > li.process_3 { margin-left:66px; background-position:-252px top; }
.recruit_wrap .process_detail .process > li.process_4 { margin-left:66px; background-position:-378px top; }
.recruit_wrap .process_detail .process > li.process_5 { margin-left:66px; background-position:-536px top; }
.recruit_wrap .process_detail .process > li.process_4 .icon:after {opacity:0;}

.recruit_bw {background:#f7f7f7; padding:4em 0 5em 0;}
.sub_tw.recruit .sub_in_ti {font-size:2em; color:#111;}
.sub_tw.recruit:before {content:"WELFARE BENEFITS"; opacity:.7; color:#d8eff1; }

.recruit_bw_list{ margin:70px -10px -10px 0}
.recruit_bw_list > li{ width:16.66%}
.recruit_bw_list > li .in{ border:1px solid #ddd; margin:0 10px 10px 0; background:#fff; box-shadow:3px 3px 4px rgba(0,0,0,.1);}
.recruit_bw_list > li .in .tit{ height:60px; padding-top:60px; font-size:1.063em; font-weight:700; color:#111; border-bottom:1px dashed #ccc; text-align:center; position:relative; line-height:1}
.recruit_bw_list > li .in .tit .xi{ position:absolute; width:40px; line-height:40px; left:50%; top:15px; margin-left:-20px; border:1px dashed #ccc; border-radius:100%; color:#3E1946}
.recruit_bw_list > li .in .tt{ padding:15px; font-size:.813em; font-family:notokrR, sans-serif; color:#666; line-height:1.5}

/*윤리경영*/
.ethics_w { background-image:url(../images/sub/sub_introduce/ethics_bg.jpg); background-repeat:no-repeat; background-position:50% 50%; background-attachment:fixed;  background-size:cover; padding:6.5em 0;}
.ethics_w .ethics_tt {text-align:center; font-size:2.3em;  font-weight:700; color:#fff; line-height:1.4; position:relative;}
.ethics_w .ethics_tt:before{ content:""; width:35px; height:27px; position:absolute; background:url(../images/inc/ethics_l.png) no-repeat left top; background-size:70%; left:35%; top:0;}
.ethics_w .ethics_tt:after{ content:""; width:35px; height:27px; position:absolute; background:url(../images/inc/ethics_r.png) no-repeat left top; background-size:70%; right:35%; top:0;}
.ethics_w .ethics_tx {text-align:center; font-size:1.3em;   font-weight:400; color:#fff; line-height:1.4; margin-top:10px;}

.ethics_bw  {background:#f9f9f9; padding:5em 0;}
.ethics_bw .ethics_in {text-align:center;}
.ethics_bw .ethics_in .ti {color:#fff; font-size:1.75em; padding-bottom:3em; font-weight:700; position:relative;  display:inline-block;}
.ethics_bw .ethics_in .ti:before{ content:""; width:35px; height:27px; position:absolute; left:50%; top:-50px; margin-left:-17.5px; background:url(../images/inc/ethics_l.png) no-repeat left top; background-size:70%;}
.ethics_bw .ethics_in .ti:after{ content:""; width:35px; height:27px; position:absolute; left:50%; bottom:30px; margin-left:-17.5px; background:url(../images/inc/ethics_r.png) no-repeat left top; background-size:70%;}
.ethics_bw .ethics_in .list_w{margin-left:-10px; text-align:center; width:100%; max-width:1000px; margin:0 auto;}
.ethics_bw .ethics_in .list_w > li .inner{margin-left:10px;}
.ethics_bw .ethics_in .list_w > li .icon {border-radius:100%; background:#fff; padding:4.1em; border:5px solid #e5e5e5;}
.ethics_bw .ethics_in .list_w > li .icon img {width:70px;}
.ethics_bw .ethics_in .list_w > li .tt { color:#222; margin:20px 0 15px 0; font-weight:700; font-size:1.125em;}
  
/*기업문화*/ 
.introduce_tw {text-align:center; padding:1em 0 5em 0;}
.introduce_tw .ti {font-size:1.5em; font-weight:700; color:#111; position:relative;}
.introduce_tw .ti:before{ content:""; width:35px; height:27px; position:absolute; left:50%; top:-38px; margin-left:-17px;  background:url(../images/inc/his_l.png) no-repeat left top; background-size:70%;}
.introduce_tw .ti:after{ content:""; width:35px; height:27px; position:absolute; left:50%; bottom:-40px; margin-left:-13px; background:url(../images/inc/his_r.png) no-repeat left top; background-size:70%;}
.si_w {background:#f7f7f7;  padding:5em 0 7em 0;}
.si_w .title {text-align:center; font-size:1.7em; color:#687687; padding-bottom:1.7em;}
.page_column_list{ margin:0 -15px -30px 0;}
.page_column_list > li > .inner{ margin:0 15px 30px 0; box-shadow:1px 5px 10px rgba(0,0,0,0.2);}
.page_column_list .con{ padding:1.5em 1em; background:#fff;}
.page_column_list .con .tit{ text-transform:uppercase;}
.page_column_list .con .tit .t1{ font-size:.750em; color:#0e3e8b; padding-bottom:.5em; letter-spacing:1px;}
.page_column_list .con .tit .t2{ font-size:1.063em; color:#333; font-weight:700;}
.page_column_list .con .txt{ font-size:.938em; color:#666; line-height:1.5;}
  
.page_cover .cover_title .t1{ font-size:1.8em; font-weight:700; letter-spacing:-2px; margin-bottom:.3em;}
.page_cover .cover_title .t1 span{ display:inline-block; position:relative;}
.page_cover .cover_title .t2{ font-size:1.250em; letter-spacing:0;}
.page_cover .cover_title .t3{ font-size:2.250em; line-height:1.6; position:relative; margin-top:1em; padding:55px 0;}
.page_cover .cover_title .t3:before,
.page_cover .cover_title .t3:after { content:""; position:absolute; left:50%; margin-left:-17px; width:34px; height:34px; background-repeat:no-repeat; background-position:50% 50%; background-size:100%;}
.page_cover .cover_title .t3:before{ top:0; background-image:url(../images/inc/icon_quotWL.png);}
.page_cover .cover_title .t3:after { bottom:0; background-image:url(../images/inc/icon_quotWR.png);}
.page_cover{ position:relative; text-align:center; overflow:hidden;}
.page_cover.hAuto{ padding:6em 0 5em 0;}
.page_cover .cover_layer{position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.3);}
.page_cover .cover_bg{ position:absolute; top:0; left:0; width:100%; height:100%; background-repeat:no-repeat; background-position:center center; background-size:cover; background-attachment:fixed;}
.page_cover .bg_rnd2{ background-image:url(../images/sub/sub_introduce/compnay_b_bg1.jpg);}
.page_cover .tt{ color:#fff;}

.introduce_b_tit { opacity:.7; color:#d8eff1; font-weight:600; font-size:2.5em; letter-spacing:-1px; padding-bottom:1em; position:relative; display:inline-block;} 
.introduce_b_tit:before,
.introduce_b_tit:after { content:""; position:absolute; top:30px; width:115px; height:1px; background:#fff;}
.introduce_b_tit:before{ left:-130px;}
.introduce_b_tit:after { right:-130px;}