#loading { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 99; display: none; text-align: center } #loading-image { position: absolute; top: 50%; left: 50%; z-index: 100 } #wrap {height:auto !important} body, html {height:auto; background:#fff} #header{position:relative; width:100%; background:rgba(255,255,255,0.85); z-index:9999; top: 0;} #header .header_in{height:70px; margin:0 auto; /*overflow:hidden;*/ clear:both; position:relative; } .header_in h1{clear:both; background:none; position:fixed; z-index:9000; float:left; padding:7px 0% 0px 3%; text-align:center;}/*패딩수정 백그라운드컬러 수정*/ .header_in h1 a {display:block; color: #fff; font-size:24px;}/*컬러,폰트사이즈변경 추가*/ #footer {background:#fff; border-top:1px solid #ddd; clear:both} /* TOP 메뉴 */ #menu {position:absolute; width:100%; top:0; z-index:1000; } .gnbDiv {width:100%; height:70px; overflow:hidden; /*position:absolute;*/ top:0px; right:0; z-index:10000; border-bottom:1px solid #2c2c2c; position:fixed; background:#fff;} .gnbDiv .gnbWrap {position:absolute; top:0; z-index:10000; margin: 0 auto; overflow: hidden; position: relative;z-index: 10000;} .gnbDiv .gnbWrap .gnb {z-index:10000;} .gnbDiv .gnbWrap .gnb .oneDep {} .gnbDiv .gnbWrap .gnb ul{overflow:hidden; height:250px; list-style:none;} .gnbDiv .gnbWrap .gnb ul li{float:right; vertical-align:top; line-height:150%;padding-right:25px}/*수정*/ .gnbDiv .gnbWrap .gnb ul li:hover > a.oneDep {border-bottom:3px solid #6740c9; transition: all 0.3s ease-out; }/*컬러수정가능*/ .gnbDiv .gnbWrap .gnb ul li.six {padding-right:25px}/*수정*/ .gnbDiv .gnbWrap .gnb ul li.seven {padding-right:25px}/*80수정*/ .gnbDiv .gnbWrap .gnb ul li.eight {padding-right:25px}/*수정*/ .gnbDiv .gnbWrap .gnb ul li.nine {padding-right:1.5%; padding-top:14px} .gnbDiv .gnbWrap .gnb ul li.nine a{background:url('../../img/loginBtn_v2.png') bottom center no-repeat; background-size:28px; border:1px solid #000; border-radius: 100%;width: 40px;height: 40px;display: block; box-sizing: border-box;} .gnbDiv .gnbWrap .gnb ul li.seven span{display:inline-block; background:url('../../img/career_i.png') no-repeat; width:26px; height:24px; background-size: 26px; top: 3px; position: relative; padding-right: 10px;} .gnbDiv .gnbWrap .gnb ul li a.oneDep{font-size:16px; display:block; position:relative; line-height:100%; box-sizing:border-box; width:100%; height:70px; line-height:70px; text-align:center; color:#000; font-family:'Noto Sans KR', 'Arial', sans-serif; padding:0 15px} .gnbDiv .gnbWrap .gnb ul li.on a.oneDep { color:#f2c40b;} .gnbDiv .gnbWrap .gnb ul li.on a.oneDep:hover{ text-decoration:none; transition: all 0.3s ease-out;} .gnbDiv .gnbWrap .twoDep {height:250px; display:block; padding-top:20px; box-sizing:border-box; position:relative; visibility: visible;} .gnbDiv .gnbWrap li.on .twoDep {background:url('../../img/gnb_up.gif') repeat-x left top, #fff; position:relative; top:-3px; padding:21px 0 0;} .gnbDiv .gnbWrap li.on .twoDep a.off:hover{transition: all 0.3s ease-out; color:#f2c40b; vertical-align:top; background:#fff;} .gnbDiv .gnbWrap li .twoDep a:hover{transition: all 0.3s ease-out; color:#f2c40b; text-decoration:underline; vertical-align:top; } .gnbDiv .gnbWrap li .twoDep a {display:block; color:#fff; font-size:14px; line-height:20px; line-height:20px; text-align:center; padding:6px 0; font-family:'Nunito Sans','Noto Sans KR', sans-serif;} .disB{display:block;} .gnbDiv .gnbWrap li.one .twoDep{ box-sizing:border-box;} .twoDbg{display:; background:rgba(51,51,51,0.95); position:absolute; top:70px; left:0; height:250px; width:100%; z-index:9999; line-height:100%;} /* 모바일 메뉴 */ .quick {border-bottom:0} .quick a.btnMenu_m {color:#fff} #visual{position:relative; overflow:hidden; width:100%; text-align:center; height:793px; background-size:cover; background-position:center top; background-repeat:no-repeat; box-sizing:border-box; opacity:0;} #visual.ver2 {height:720px; /*background-size:67%; background-position:right top;*/ width:100%; padding:0; background-size:auto; background-position:right top; margin:74px auto 0 auto}/*174*/ /* Why UBASE */ .subtop_why_ubase{background-image:url('/img/subtop_why_ubase.jpg');} .subtop_why_best{background-image:url('/img/suptop_why_best.jpg');} /* Our Business */ .subtop_ub_service{background-image:url('/img/subtop_ub_service.jpg');} .subtop_ub_expert{background-image:url('/img/subtop_ub_expert.jpg');} .subtop_ub_business{background-image:url('/img/subtop_ub_business.jpg');} /* Our Solution */ .subtop_u_solution{background-image:url('../../img/subtop_u_solution.jpg');} .subtop_u_collector{background-image:url('/assets/images/main/asset/subtop_u_collector_p3.jpg');} .subtop_u_rova{background-image:url('/img/subtop_u_rova.jpg');} .subtop_u_voc{background-image:url('/img/subtop_u_voc.jpg');} .subtop_u_communicator{background-image:url('/img/subtop_u_communicator.jpg');} .subtop_u_analyzer{background-image:url('/img/subtop_u_analyzer.jpg');} .subtop_wfms{background-image:url('/img/subtop_wfms.jpg');} /* Sustainability */ .subtop_csrvision{background-image:url('/img/subtop_csrvision.jpg');} .subtop_development{background-image:url('../../img/subtop_development6.jpg');}/*회사이미지*/ .subtop_social{background-image:url('/img/subtop_social.jpg');} /* Who We Are */ .subtop_about{background-image:url('/img/subtop_about.jpg');} .subtop_message{background-image:url('/img/subtop_message.jpg');} .subtop_ub_tour{background-image:url('/img/subtop_ub_tour.jpg');} .subtop_security{background-image:url('/img/subtop_security.jpg');} .subtop_history{background-image:url('/img/subtop_history.jpg');} .subtop_awards{background-image:url('/img/subtop_awards.jpg');} .subtop_ci{background-image:url('/img/subtop_ci.jpg');} /* Communication Center */ .subtop_article {background-image:url('/img/subtop_article.jpg')} .subtop_press {background-image:url('/img/subtop_press.jpg')} .subtop_campaign {background-image:url('/img/subtop_campaign.jpg')} /* Career */ .subtop_employees {background-image:url('/img/subtop_employees.jpg')} .subtop_career_board {background-image:url('/img/subtop_career_board.jpg')} .subtop_careerpath {background-image:url('/img/subtop_careerpath.jpg')} /* Contact Us */ .subtop_contact {background-image:url('/img/subtop_contact2.jpg')} #visual.subtop_contact {height:960px; background-color:#e5e5e5} /* Membership */ .subtop_member {background-image:url('/img/subtop_email.jpg')} .subtop_privacy {background-image:url('/img/subtop_email.jpg')} .subtop_email {background-image:url('/img/subtop_email.jpg')} #visual h3 {/*text-transform:uppercase;*/ font-size:100px; color:#000; letter-spacing:2pt; line-height:100%; font-family:'Red Hat Text','Noto Sans KR', sans-serif; font-weight:900; padding:200px 0 70px 0; opacity:0;} #visual.vmember h3 {letter-spacing:-1pt; padding-bottom:0} #visual p {color:#000; font-size:20px; font-family:'Red Hat Text', 'Noto Sans KR', sans-serif; font-size:20px; font-weight:500; letter-spacing:-0.3pt; line-height:180%; opacity:0;} #visual p span {line-height:180%} #visualWrap {position:relative; opacity:0;} #visual .vtxt2 {text-align:left; padding:264px 0 0 70px; max-width:1370px; margin:0 auto; box-sizing:Border-box;} #visual .vtxt2 h3 {font-size:80px; color:#000; line-height:130%; font-family: 'Arial', 'Red Hat Text', 'Noto Sans KR', sans-serif; font-weight:900;letter-spacing: 0pt; margin-bottom:80px; text-shadow: 0px 0px 20px rgba(255,255,255,0.8); padding:0;} /*#visual .vtxt2 h3:after{content:''; display:block; width:50px; height:50px; position: absolute; right: 0;top: 0; background:#000;}*/ #visual .vtxt2 h3 span{color:#6740c9; line-height:130%;} #visual .vtxt2 p {color:#000; font-size:20px; line-height:180%; letter-spacing:-0.3pt; text-shadow: 0px 0px 20px rgba(255,255,255,0.8); padding-bottom:0 !important; font-weight:400;} #visual .vtxt2 p span {line-height:180%} #visual .vtxt3 {text-align:center;} /*컨설팅추가*/ .consultxt1{ font-size:100px; color:#000; line-height:100%; font-family: 'Arial', 'Red Hat Text', 'Noto Sans KR', sans-serif; font-weight:900;letter-spacing: 2pt; margin-bottom:80px; text-shadow: 0px 0px 20px rgba(255,255,255,0.8); padding:0; text-align: right!important; max-width:900px; }/*오른쪽정렬, 맥스값 추가*/ .consultxt2{ font-size:70px; text-align: right; } .consultxt3{ color: #6740c9!important; background:#fff!important; } /** 서브메뉴 **/ #visualWrap .sticky-wrapper {position:relative; display: block; width:100%; z-index: 10; } /** dropdownlist **/ .dropLst { display:inline-block; vertical-align:middle; color:#666; } .dropLst .txt { position:relative; display:block; text-align:left; text-decoration:none; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; box-sizing:border-box; color:#000; } .dropLst .hidradio { opacity:0; filter:alpha(opacity=0); position:absolute; z-index:-1; top:5px; left:5px; } .dropLst .dlst { display:none; position:absolute; top:49px; z-index:9; } .dropLst.bottom .dlst { top:auto; bottom:100%; } .dropLst .dlst.aright { right:0; } .dropLst ul {background-color:#fff; max-height:400px; padding:0; overflow-x:hidden; overflow-y:auto; box-sizing:border-box; -webkit-box-sizing:border-box; } .dropLst ul > li { position:relative; } .dropLst ul > li > label { display:block; position:relative; cursor:pointer; } .dropLst ul > li > label > span { display:block; } .dropLst ul > li > a:hover, .dropLst ul > li > label:hover > span, .dropLst ul > li > label.hover > span {} .dropLst .txt, .dropLst ul { border:1px solid #d7d7d7; } .dropLst .txt, .dropLst li span, .dropLst li a {white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#000; font-family:'Red Hat Text','Noto Sans KR', sans-serif; letter-spacing:0.3pt; font-size:24px; font-weight: 700; line-height: 100%; border-bottom:none; padding-bottom: 18px;} .dropLst li span, .dropLst li a { padding:18px 10px; box-sizing:border-box; } .dropLst li a.selected, .dropLst li a.on, .dropLst li label.on span {} .dropLst li span, .dropLst li a { display:block; } .stickyMenu {position:relative; top:0; width:100%; max-width:1370px; margin:0 auto}/* overflow:hidden; */ /** 서브 네비게이션 모바일 **/ .mobile_snb {display: block; width:100%; margin:0 auto; max-width:326px; position:absolute; top:150px; left:70px} .mobile_snb .box {width: 100%; float:none; box-sizing:border-box; background:#fff} .mobile_snb .box.dep2 {} .mobile_snb .box.dep1 {display:none;} .mobile_snb .dropLst .txt, .mobile_snb .dropLst li span, .mobile_snb .dropLst > a {width:100%; z-index: 99; box-sizing:border-box; border:none} .mobile_snb .box .dropLst .txt {color:#000; font-family:'Red Hat Text','Noto Sans KR', sans-serif; letter-spacing:0.3pt; font-size: 28px; font-weight: 700; line-height: 100%; border-bottom: 3px solid #000; padding-bottom: 18px; cursor: inherit;} .mobile_snb .box .dropLst .txt:before {content: ""; position: absolute; top:3px; right:0; display: block; width: 26px; height: 26px; background: url("/img/subArrow.png") no-repeat right top; background-size:100% auto; -webkit-transition:all 0.2s cubic-bezier(0, 0, 0.25, 1); transition:all 0.2s cubic-bezier(0, 0, 0.25, 1);} .mobile_snb .box .dropLst .txt.on:before {-ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg);} .mobile_snb .box .dropLst ul {padding:0;} .mobile_snb .box.dep1 .dropLst ul, .mobile_snb .box.dep1 .dropLst ul li {background-color: #f5f5f5; border-bottom:1px solid #ddd;} .mobile_snb .box.dep1 .dropLst ul li:first-child {border-top:none;} .mobile_snb .box.dep1 .dropLst ul li:last-child {border-bottom:0;} .mobile_snb .box.dep1 .dropLst li .value {padding-left:14px; width:100%; height: 36px; line-height: 36px; font-size:13px; border:none; z-index: 99; box-sizing:border-box; color:#000;} .mobile_snb .box.dep1 .dropLst li .value.on {color:#fff; background:#272677 ;} .mobile_snb .box.dep1 .dropLst .txt {} .mobile_snb .box.dep1 .dropLst .txt:before {background-position:bottom left;} /* 첫번째 서브메뉴 화살표 위치 */ .mobile_snb .box.dep2 .dropLst ul li {background-color: #fff; border-bottom:1px solid #ddd;} .mobile_snb .box.dep2 .dropLst ul li:last-child{border-bottom:none;} .mobile_snb .box.dep2 .dropLst li .value {width:100%; z-index: 99; box-sizing:border-box; letter-spacing:0.3pt; color:#000;} .mobile_snb .box.dep2 .dropLst li .value.on {color:#fff; background:#000} .mobile_snb .dropLst {width:100%; box-sizing: border-box; position:relative;} .mobile_snb .dropLst .dlst {width:100%;} .mobile_snb .dropLst .dlst ul {border:none; border-bottom:3px solid #000} .mobile_snb.ver2 {left:50%; top:100px; margin-left:-163px} /*** 공통css ***/ .point_txt{font-weight:bold; color:#333; letter-spacing:-0.5pt;} .tpad_10{padding-top:10px} .tpad_20{padding-top:20px} .tpad_35{padding-top:35px} .bpad_5{padding-bottom:5px} .bpad_10{padding-bottom:10px} .bpad_20{padding-bottom:20px} .bpad_25{padding-bottom:25px} .bpad_30{padding-bottom:30px} .bpad_40{padding-bottom:40px} .bpad_50{padding-bottom:50px} .mtop94 {margin-top:94px} .mar_b30{margin-bottom:60px !important} .table_style{width:100%; border-collapse:separate; border-spacing:0px; border-top:1px solid #333;} .table_style th{color:#444; font-weight:600; text-align:left; padding:14px 0 14px 15px; border-bottom:1px solid #d4d4d4; background-color:#f9f9f9; letter-spacing:-0.5pt;} .table_style td{font-family:NanumGothic, 나눔고딕, NG, Tahoma, Geneva, sans-serif; border-bottom:1px solid #e9e9e9; padding:14px 0 14px 15px; text-align:left} .table_style2{width:100%; border-collapse:separate; border-spacing:0px; border-top:1px solid #333; border-left:1px solid #ddd;} .table_style2 th{color:#444; font-weight:600; text-align:center; padding:14px 0 14px 0; border-bottom:1px solid #ddd; background-color:#f9f9f9; border-right:1px solid #ddd;} .table_style2 td{font-family:NanumGothic, 나눔고딕, NG, Tahoma, Geneva, sans-serif; border-bottom:1px solid #ddd; padding:14px 0 14px 0; text-align:center; border-right:1px solid #ddd;} #contents{/*overflow:hidden;*/ position:relative; width:100%; margin:0 auto;} .contentArea{float:left; width:780px; overflow:hidden;} .contentArea_wide{width:100%; /*overflow:hidden;*/} .contentArea_wide.ver2 {} #contents .tit_area{width:100%; padding:40px 0 38px 0; overflow:hidden;} #contents p.location {float:right; font-size:12px; color:#777; padding:15px 0 0 0} #contents p.location a:link, .tit_area p.location a:visited{font-size:12px; color:#777; } #contents p.location a:hover{color:#222;} #contents p.location img{vertical-align:middle; margin-bottom:2px;} #contents h3.title {color:#474747; font-weight:100; font-size:33px; line-height:33px;letter-spacing:-1.8pt;} .contents_in {top:50px;position:relative; clear:both; margin:0 auto; *zoom:1; opacity:0;} .width1370 {max-width:1370px; padding:0 70px; box-sizing:Border-box; margin:0 auto; position:relative; overflow:hidden;} .centerBg { background:#fff; width:1370px; /*padding:3% 70px 5% 70px;*/ padding:70px 70px 100px 70px; box-sizing:border-box; position:relative; margin:-257px auto 0 auto; text-align:center; overflow:hidden;} .centerBg2 {background:#fff; width:1370px; /*padding:3% 70px 5% 70px;*/ padding:70px 55px 100px 55px; box-sizing:border-box; position:relative; margin:-257px auto 0 auto; text-align:center; overflow:hidden;} .centerBg3 { background:#fff; max-width:1370px; /*padding:3% 70px 5% 70px;*/ padding:70px 70px 100px 70px; box-sizing:border-box; position:relative; margin:-257px auto 0 auto; text-align:center; overflow:hidden;} .ub_service .centerBg{padding-bottom:20px} .gray_con {background:#f5f5f5; padding:50px 0; box-sizing:Border-box; position:Relative; overflow:hidden; } .gray_con2 { padding:50px 0 120px 0; box-sizing:Border-box; position:Relative; overflow:hidden; } .gray_con2 img{max-width:100%} .counter {line-height:100%; display:inline-block;} .con_tit {font-size:34px; font-weight:700; color:#000; letter-spacing:-1pt; line-height:140%; margin-bottom:2%; letter-spacing:-0.3pt;} .con_stit {font-weight:700; font-family:'Red Hat Text','Noto Sans KR', sans-serif; color:#000; font-size:28px; text-align:center; margin-bottom:2.5%; line-height:140%; letter-spacing:-0.3pt; letter-spacing:-0.3pt;} .con_stit.left {text-align:left;} .con_ttit {font-size:30px; font-weight:700; color:#000; letter-spacing:-1pt; line-height:140%; margin-bottom:2%; letter-spacing:-0.3pt;} .con_ttit {font-weight:700; font-family:'Red Hat Text','Noto Sans KR', sans-serif; color:#000; font-size:28px; text-align:center; margin-bottom:2.5%; line-height:140%; letter-spacing:-0.3pt;} .con_ttit.left {text-align:left;} /* .con_sstit {font-weight:700; font-family:'Red Hat Text','Noto Sans KR', sans-serif; color:#000; font-size:24px; text-align:center; margin-bottom:2%; line-height:140%; letter-spacing:-0.3pt;} .con_sstit.center {text-align:center;} .con_sstit.white {color:#fff} */ .con_sstit {font-weight:700; font-family:'Red Hat Text','Noto Sans KR', sans-serif; color:#000; font-size:23px; text-align:center; margin-bottom:2%; line-height:140%; letter-spacing:-0.3pt;} .con_sstit.center {text-align:center;} .con_sstit.white {color:#fff} .con_ssstit {font-weight:700; font-family:'Red Hat Text','Noto Sans KR', sans-serif; color:#000; font-size:20px; text-align:center; padding-bottom:3px; display:inline-block; border-bottom:2px solid #1fb5a9; margin-bottom:2%; line-height:140%; letter-spacing:-0.5pt;} .con_ssstit.center {text-align:center;} .con_ssstit.left {text-align:left} .con_ssstit.white {color:#fff; border-color:#fff} .font_mint {color:#1fb5a9;} .sub_txt {font-weight:300; font-size:18px; color:#000; letter-spacing:-0.3pt; line-height:160%; font-family:'Red Hat Text','Noto Sans KR', sans-serif;} .sub_txt span {line-height:160%} .sub_txt.center {text-align:center;} .sub_txt.white {color:#fff} .sub_txt.light {font-weight:300} .sub_stxt {font-weight:400; font-size:17px; color:#000; letter-spacing:-0.3pt; line-height:160%; font-family:'Red Hat Text','Noto Sans KR', sans-serif; text-align:center; margin-bottom:2%} .sub_stxt span {line-height:160%} .sub_stxt.left {text-align:left;} .sub_stxt.gray {color:#666} .sub_stxt.center {text-align:center;} .sub_stxt.white {color:#fff} .what_warp{position: relative; overflow: hidden; text-align:center; padding:7.5% 3%;} .what_warp .title{color:#000; font-size:50px; font-weight:900; line-height:100%; letter-spacing:1pt; margin-bottom:48px; font-family: 'Red Hat Text', 'Noto Sans KR', sans-serif;} .what_warp .txt{color:#000; font-size:18px; letter-spacing:-0.3pt; line-height:160%; margin-bottom:90px; font-family:'Red Hat Text','Noto Sans KR', sans-serif;} .what_warp .txt span{display:inline-block; background:#1fb5a9; color:#fff; font-weight:700; line-height:120%; padding:0 5px; font-family:'Red Hat Text','Noto Sans KR', sans-serif;} .what_warp ul{position: relative; overflow: hidden;} .what_warp li{font-family:'Red Hat Text','Noto Sans KR', sans-serif; color:#000; position: relative; display:inline-block; vertical-align: middle; font-size:24px; line-height:140%; font-weight:500; text-align:center; width:24%; box-sizing:border-box;} .what_warp li:after{content:''; display:block; background:#ddd; width:1px; height:56px; position: absolute; right: 0;top: 0;} .what_warp li:nth-child(1):after, .what_warp li:nth-child(2):after{top:-14px} .what_warp li:nth-child(4):after{display:none;} .what_warp li:last-child:after {display:none;} .what_warp.list02 li {border-bottom:0 !important} .ass_warp{position: relative; overflow: hidden; background:#f7f7f7; /*padding:6% 3%;*/padding:6% 0; width:100%; box-sizing:border-box;} .ass_warp dl{ clear:both; position: relative; overflow: hidden; margin-bottom:30px;} .ass_warp dl:last-child {margin-bottom:0 !important} .ass_warp dt{float:left; width:48%} .ass_warp dt img{max-width:100%} .ass_warp dd{float:left; width:calc(100% - 52%); margin-left:4%; box-sizing:border-box; } .ass_warp .title{margin-top:12%;color:#1fb5a9; font-size:30px; font-weight:700; line-height:100%; margin-bottom:35px; position:relative; font-family:'Red Hat Text','Noto Sans KR', sans-serif;} .ass_warp .title:before {display:block; content:""; position:Absolute; top:12px; left:-200px; width:166px; height:3px; background:#1fb5a9; z-index:999} .ass_warp .litxt{font-size:18px; color:#000; margin-bottom:15px; line-height:100%; font-weight:500; letter-spacing: -0.3pt;} .ass_warp li{color:#000; padding-left:15px; margin-bottom:8px; font-size:16px; line-height:150%; letter-spacing:-0.3pt; position:relative; box-sizing:border-box;} .ass_warp li:last-child {margin-bottom:0} .ass_warp li:before {position:absolute; top:12px; left:0; display:block; content:""; width:5px; height:1px; background:#666;} .ass_warp.nodot li {padding:0 !important} .ass_warp.nodot li:before {display:none;} /*.ass_warp dl:nth-child(2n){position: relative; overflow: hidden; float: right; width:100%} .ass_warp dl:nth-child(2n) dt {float:right} .ass_warp dl:nth-child(2n) dd{ margin-right:4%; margin-left:0; float:right;} .ass_warp dl:nth-child(2n) .title{text-align:right;} .ass_warp dl:nth-child(2n) .title:before {left:auto; right:-200px} .ass_warp dl:nth-child(2n) li{text-align:right; padding-right:15px; padding-left:0} .ass_warp dl:nth-child(2n) li:before {left:auto; right:0; } .ass_warp dl:nth-child(2n) .litxt{text-align:right;}*//*기존*/ /*지그재그*/ .ass_warp .n2{position: relative; overflow: hidden; float: right; width:100%} .ass_warp .n2 dt {float:right} .ass_warp .n2 dd{ margin-right:4%; margin-left:0; float:right;} .ass_warp .n2 .title{text-align:right;} .ass_warp .n2 .title:before {left:auto; right:-200px} .ass_warp .n2 li{text-align:right; padding-right:15px; padding-left:0} .ass_warp .n2 li:before {left:auto; right:0; } .ass_warp .n2 .litxt{text-align:right;} /*추가*/ .n1>dd{ margin-top:-35px; } .how{ font-size:40px; color: #1fb5a9; display: block; margin-top:-60px; padding:0px 0px 60px; } #office{ border:40px solid #ddd; } .icon_warp{position: relative; overflow: hidden; text-align:center; padding:100px 3%; max-width:1370px; box-sizing:border-box; margin:0 auto} .icon_warp ul{position: relative; overflow: hidden; margin-bottom:0; padding-bottom:0} .icon_warp ul.one{border-bottom:2px solid #e1e1e1; margin-bottom:2.5%;padding-bottom:2.5% } .icon_warp ul.nobline {border-bottom:none !important; margin-bottom:0 !important; padding-bottom:0 !important} .icon_warp li{position: relative;overflow: hidden; float:left;width:33.3333333333%} .icon_warp li:after{content:''; display:block; border-right:1px solid #e1e1e1; width:1px; height:100%;position: absolute; right: 0;top: 0;} .icon_warp li:nth-child(3):after{display:none;} .icon_warp li:last-child:after {display:none;} .icon_warp li:last-child {border-bottom:0 !important} .u_alalyzer_con .icon_warp .text{} .icon_warp.list04 {} .icon_warp.list04 li {width:25%} .icon_warp.list04 li:nth-child(3):after {display:block;} .icon_warp .icon{margin-bottom:6.5%;} .icon_warp .text{color:#333; font-size:18px; line-height:160%; letter-spacing:-0.3pt; font-family:'Red Hat Text','Noto Sans KR', sans-serif; position:relative;} .icon_warp.nobline li:after {display:none !important;} .icon_warp.listcenter {} .icon_warp.listcenter li {float:none; width:19.5%; display:inline-block; margin-bottom:5%}/*수정*/ .icon_warp.listcenter li:last-child {} .icon_warp2 {position:Relative; overflow:hidden; text-align:center;} .icon_warp2 dl {text-align:center; width:49.5%; position:relative; display:inline-block; vertical-align:top; padding:1.5% 0; box-sizing:border-box; clear:none} .icon_warp2 dl:after {display:block; content:""; width:1px; height:100%; background:#ddd; position:absolute; top:0; right:0; /*top:50%; right:0; margin-top:-119px*/} .icon_warp2 dl:last-child:after {display:none;} .icon_warp2 dt {height:101px; display:flex; justify-content:center; align-items:center; text-align:center;} .icon_warp2 dd {text-align:center;} .icon_warp2 dd h6 {font-size:24px; color:#000; font-weight:700; line-height:100%; font-family:'Red Hat Text','Noto Sans KR', sans-serif; margin:28px 0 20px 0; } .icon_warp2 dd p {font-size:16px; color:#000; font-weight:400; line-height:160%; font-family:'Red Hat Text','Noto Sans KR', sans-serif; margin-bottom:8px; letter-spacing:-0.3pt;} .icon_warp2 dd p:last-child {margin-bottom:0 !important} .icon_warp2.list04 dl {width:24.5%;} .icon_warp2.list03 dl {width:32.8%} .icon_warp2.list03 dl:nth-child(3n+1) {clear:both} .performance_warp{position: relative; overflow: hidden; background:#000; /*padding:80px 5%;*/ box-sizing:border-box; margin:0 auto; width:100%} .performance_warp ul { max-width:1370px; position:relative; overflow:hidden; margin:0 auto; padding:80px 5%; box-sizing:border-box;} .performance_warp .tit{font-size:28px; color:#fff; font-size:28px; font-weight:700; line-height:100%; letter-spacing:1pt; margin-bottom:70px; padding:50px 70px 0 70px; max-width:1370px; margin:0 auto; box-sizing:border-box; position:relative; top:30px} .performance_warp li{float:left; width:23.5%; margin-right:2%; text-align:center;} .performance_warp li:last-child {margin-right:0 !important} .performance_warp .num{color:#fff; font-size:52px; font-weight:900; margin-bottom:5%; line-height:100%; font-family:'Red Hat Text','Noto Sans KR', sans-serif; letter-spacing:1pt} .performance_warp .num img{margin-left:4%; margin-top:-15px; width:28px} .performance_warp .txt{color:#fff; font-size:18px; line-height:140%;letter-spacing:-0.3pt; } .performance_warp .num span.num_stxt {font-weight:700;line-height:100%; font-family:'Red Hat Text','Noto Sans KR', sans-serif; font-size:46px;} .performance_warp.list03 {} .performance_warp.list03 li {width:32%; border:none; padding:0} .performance_warp.list02 {} .performance_warp.list02 li {width:49%; border:none; padding:0} .performance_warp.list05 {} .performance_warp.list05 li {width:18.4%} .wfms_con .icon_warp {} .wfms_con .icon_warp .icon {margin-bottom:4%} .sub_tab {position:Relative; overflow:hidden; border-left:1px solid #ddd;} .sub_tab.list03 {box-sizing:border-box; border-left:none;} .sub_tab.list03 li {width:33.33%;} .sub_tab.list03 li a {border-top:none;} .sub_tab.list03 li:first-child a {border-top:1px solid #ddd;} .sub_tab.list03 li:nth-child(2) a {border-top:1px solid #ddd;} .sub_tab.list03 li:nth-child(3) a {border-top:1px solid #ddd;} .sub_tab.list03 li:nth-child(3n+1) a {border-left:1px solid #ddd} .sub_tab.list04 li {width:25%} .sub_tab.list05 li {width:20%} .sub_tab li {float:left; width:16.66%} .sub_tab li a {display:block; font-size:16px; letter-spacing:-0.3pt; color:#000; text-align:center; line-height:100%; padding:18px 2%; border:1px solid #ddd; border-left:none; box-sizing:border-box; transition: all 0.3s ease-out;} .sub_tab li a.on {color:#fff; background:#000; border-color:#000} .sub_tab li a:hover {color:#fff; background:#000; border-color:#000; transition: all 0.3s ease-out;} /*********************************** Why UBASE ***********************************/ /* Why UBASE - Why UBASE */ .why_ub_con {} .why_dia_txt {position:relative; overflow:hidden; margin:95px 0 60px 0} .why_dia_txt li {position:relative; float:left; width:370px; margin-right:60px; border-radius:100px; box-sizing:border-box; font-size:18px; letter-spacing:-0.3pt; text-align:center; font-weight:300; padding:19px 1%; box-sizing:border-box; border:5px solid #000; color:#000; font-family:'Noto Sans KR', sans-serif;} .why_dia_txt li:after {position:absolute; top:50%; margin-top:-8px; right:-42px; display:block; content:""; background:url('/why_ubase/img/why_u_plus.gif') center center no-repeat; width:16px; height:16px; background-size:100%;} .why_dia_txt li:nth-child(2) {background:#000; color:#fff} .why_dia_txt li:last-child {margin-right:0 !important} .why_dia_txt li:last-child:after {display:none;} .why_ub_con .why_dia {} .why_ub_con .aptobusiness {width:1600px; margin:0 auto} .why_ub_con .aptobusiness .development_con .ass_warp {background:none; padding:0; width:100%; margin:0 auto 5% auto} .why_ub_con .aptobusiness .development_con .ass_warp a.moreview {margin-top:4%} .aptobusiness2{max-width:1370px; margin:0 auto; } .aptobusiness2 ul{position:relative; overflow:hidden;} .aptobusiness2 li{position: relative; overflow: hidden; float:left; width:20%; } .aptobusiness2 li.one{background:url('/why_ubase/img/why_u_img01.jpg') top center no-repeat; background-size:cover} .aptobusiness2 li.two{background:url('/why_ubase/img/why_u_img02.jpg') top center no-repeat; background-size:cover} .aptobusiness2 li.three{background:url('/why_ubase/img/why_u_img03.jpg') top center no-repeat; background-size:cover} .aptobusiness2 li.four{background:url('/why_ubase/img/why_u_img04.jpg') top center no-repeat; background-size:cover} .aptobusiness2 li.five{background:url('/why_ubase/img/why_u_img05.jpg') top center no-repeat; background-size:cover} .aptobusiness2 li .box{position: relative; overflow: hidden; display: block; height:300px; padding: 45px 10% 45px 10%;} .aptobusiness2 li .tit{text-align: left; z-index: 9;position: relative; font-size: 23px; line-height: 100%; color: #fff;font-weight: 700;font-family: 'Red Hat Text',sans-serif;letter-spacing: 0;} .aptobusiness2 li .tit span{ font-size: 36px; font-weight: 700; line-height: 100%; font-family: 'Red Hat Text',sans-serif;} .aptobusiness2 li .sub_stxt{text-align:left; font-weight: 300;} .aptobusiness2 li p{text-align: left;color: #fff;font-family: 'Red Hat Text',sans-serif; position: relative;padding-lefT: 10px; margin-bottom: 3px;letter-spacing: 0;} .aptobusiness2 li p:before{ display: block; content: ""; background: #fff; width: 3px; height: 3px; position: absolute; top: 12px;left: 0;} .aptobusiness2 li h6{margin: 25px 0 28px 0; text-align: left; font-weight: 300;} .aptobusiness2 .development_con .ass_warp {background:none; padding:0; width:100%; margin:0 auto 5% auto} .aptobusiness2 .development_con .ass_warp a.moreview {margin-top:4%} .why_ub_con .mint_fontbox {font-size:30px; color:#fff; font-weight:700; line-height:100%; padding:40px 1%; box-sizing:border-box; text-align:center; background:#1fb5a9; font-family:'Red Hat Text', sans-serif;} .why_ub_con .why_ub_link {position:relative; overflow:hidden;} .why_ub_con .why_ub_link dl {float:left; width:20%; position:relative; overflow:hidden;} .why_ub_con .why_ub_link dl a {position:relative; display:block; padding:45px 10% 45px 10%; /*background:url('/why_ubase/img/why_u_img01.jpg') center center/cover no-repeat;*/ height:360px; transition: all 0.3s ease-out; box-sizing:border-box;} .why_ub_con .why_ub_link dd.wb_img {width:100%; overflow:hidden; z-index:1; position:absolute; top:0; left:0; transition: all 0.3s ease-out;} .why_ub_con .why_ub_link dd.wb_img img {transition: all 0.3s ease-out; width:120%} .why_ub_con .why_ub_link dt {z-index:9; position:relative; font-size:23px; line-height:100%; color:#fff; font-weight:700; font-family:'Red Hat Text',sans-serif; letter-spacing:0} .why_ub_con .why_ub_link dt span {font-size:36px; font-weight:700; line-height:100%; font-family:'Red Hat Text',sans-serif;} .why_ub_con .why_ub_link dd {z-index:9; position:relative; } .why_ub_con .why_ub_link dd h6 {margin:25px 0 28px 0; text-align:left; font-weight:300 } .why_ub_con .why_ub_link dd p {text-align:left; color:#fff; font-family:'Red Hat Text',sans-serif; position:relative; padding-lefT:10px; margin-bottom:3px; letter-spacing:0} .why_ub_con .why_ub_link dd p:last-child {margin-bottom:0} .why_ub_con .why_ub_link dd p:before {display:block; content:""; background:#fff; width:3px; height:3px; position:absolute; top:12px; left:0} .why_ub_con .why_ub_link dd.more {color:#fff; position:absolute; bottom:50px; letter-spacing:0; width:100%; text-align:left; z-index:9; margin-bottom:0; line-height:100%;} .why_ub_con .why_ub_link dd.more img {margin:0 0 2px 2%; transition: all 0.3s ease-out;} /* .why_ub_con .why_ub_link dl:nth-child(2) a {background-image:url('/why_ubase/img/why_u_img02.jpg')} .why_ub_con .why_ub_link dl:nth-child(3) a {background-image:url('/why_ubase/img/why_u_img03.jpg')} .why_ub_con .why_ub_link dl:nth-child(4) a {background-image:url('/why_ubase/img/why_u_img04.jpg')} .why_ub_con .why_ub_link dl:last-child a {background-image:url('/why_ubase/img/why_u_img05.jpg')}*/ .why_ub_con .why_ub_link a:hover {transition: all 0.3s ease-out; /*background-size:120%*/} .why_ub_con .why_ub_link a:hover dd.wb_img img {transition: all 0.3s ease-out; -webkit-transform: scale(1.1);-moz-transform: scale(1.1); -o-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);} /* Why UBASE - Best Practice */ .why_best_con {text-align:left; } .why_best_con .porimg1{ padding:38px 0} .why_best_con .porimg1 img{max-width:100%} .why_best_con .porimg3{display:none;} .why_best_con .porimg3 img{max-width:100%} .why_best_con .porimg2 {margin-top:50px;} .why_best_con .gray_box {position: relative; overflow: hidden; background: #f7f7f7; padding: 6% 0; width: 100%; /*margin-left:3%;*/ box-sizing: border-box;} .why_best_con dl {position:relative; overflow:hidden; margin-bottom:5%; clear:both; width:100%} .why_best_con dl:last-child {margin-bottom:0} .why_best_con dt {float:left;} .why_best_con dt img {width:100%} .why_best_con dd {float:left; padding:13% 0 0 0; text-align:left; width:calc(100% - 630px); margin-left:65px; box-sizing:border-box} .why_best_con dd h6.con_ttit {line-height:100%; margin-bottom:3%; text-align:left; letter-spacing:0 !important} .why_best_con dd h6.con_ttit span.num {display:block; font-size:100px; color:#e4e4e4; font-weight:700; font-style:italic; font-family:'Red Hat Text', sans-serif; line-height:100%; margin-bottom:5%; position:relative; left:-10px} .why_best_con dd .sub_txt {margin-bottom:4%;} .why_best_con dd ul {position:relative; overflow:hidden; margin-bottom:6%} .why_best_con dd ul li {position:relative; padding-left:24px; margin-bottom:1.5%; font-weight:300; font-size:16px; letter-spacing:-0.4pt; } .why_best_con dd ul li:last-child {margin-bottom:0} .why_best_con dd ul li span.num {font-weight:700; font-family:'Red Hat Text', sans-serif; width:16px; height:16px; line-height:16px; border-radius:50%; text-align:center; color:#fff; background:#000; font-size:10px; position:absolute; top:4px; left:0} .why_best_con dd ol {position:relative; overflow:hidden;} .why_best_con dd ol li {text-align:center; float:left; color:#000; letter-spacing:-0.3pt; font-size:16px; margin-right:4%} .why_best_con dd ol li:last-child {margin-right:0} .why_best_con dd ol li span.num {font-weight:700; font-family:'Red Hat Text', 'Noto Sans KR', sans-serif; color:#000; display:block; font-size:42px; line-height:100%; margin-bottom:10px;} /* .why_best_con .gray_box dl dt {} .why_best_con .gray_box dl:nth-child(odd) {float:right;} .why_best_con .gray_box dl:nth-child(odd) dt {float:right; width:48%} .why_best_con .gray_box dl:nth-child(odd) dd {float:right; padding:5% 0 0 0; width:calc(100% - 52%); margin:0 4% 0 0;} .why_best_con .gray_box dl:nth-child(2) {} .why_best_con .gray_box dl:nth-child(2) dt {} .why_best_con .gray_box dl:nth-child(2) dd {padding-top:6%; width:calc(100% - 52%)} .why_best_con .gray_box dl:last-child {} .why_best_con .gray_box dl:last-child dd {padding-top:4%} */ .why_best_con .gray_box dl {float:right;} .why_best_con .gray_box dl dt {float:right; width:48%} .why_best_con .gray_box dl dd {float:right; padding:5% 0 0 0; width:calc(100% - 52%); margin:0 4% 0 0;} .why_best_con .gray_box dl:nth-child(even) {float:left;} .why_best_con .gray_box dl:nth-child(even) dt {float:left;} .why_best_con .gray_box dl:nth-child(even) dd {float:left; margin:0 0 0 4%} .why_best_con .gray_box2 {position: relative; overflow: hidden; background: #f7f7f7; padding: 6% 0; box-sizing: border-box;} .why_best_con .gray_box2 .in{max-width:1230px; margin:0 auto; position: relative; overflow: hidden; padding:0 160px} .why_best_con .gray_box2 dl dt {} .why_best_con .gray_box2 dl:nth-child(odd) {float:right;} .why_best_con .gray_box2 dl:nth-child(odd) dt {float:right; width:48%} .why_best_con .gray_box2 dl:nth-child(odd) dd {float:right; padding:1% 0 0 0; width:calc(100% - 52%); margin:0 4% 0 0;} .why_best_con .gray_box2 dl:nth-child(2) {} .why_best_con .gray_box2 dl:nth-child(2) dt {width:48%} .why_best_con .gray_box2 dl:nth-child(2) dd {padding-top:3%; width:calc(100% - 52%); margin-left: 4%;} .why_best_con .gray_box2 dl:last-child {} .why_best_con .gray_box2 dl:last-child dd {padding-top:3%} .ub_service .aptobusiness2 li{width:100%} .ub_service .aptobusiness2 li.three{background: url('/business/img/b_service_bg.jpg') top center no-repeat;background-size: cover;} .ub_service .aptobusiness2 li .tit{text-align:center;} .ub_service .aptobusiness2 li h6{text-align:center;} .ub_service .aptobusiness2 li p{text-align:center; margin-bottom: 3px !important;} .ub_service .aptobusiness2 li p:before{display:none;} .ub_service .aptobusiness2 li .box{height:auto} /*********************************** Our Business ***********************************/ .business_con {} .business_con .sub_tab {margin:60px 0} .business_con .con_sstit {font-size:40px} .business_con .sub_stxt {margin-bottom:3%} .business_con .con_ssstit {/*border-bottom:2px solid #1fb5a9;*/ letter-spacing:0; border-bottom:none; font-weight:normal; padding-bottom:0; margin:45px 0 30px 0} .business_con .con_ssstit:after {display:none:} .business_con .business_img {max-width:100%} .business_list {text-align:left;} .business_list_in {position:relative; overflow:hidden;} .business_list_in dl {float:left; width:32%; margin:0 2% 0 0} .business_list_in dl:nth-child(3n) {margin-right:0} .business_list_in dl:last-child {margin-right:0 !important} .business_list_in dt {text-align:center; font-size:18px; color:#fff; letter-spacing:-0.3pt; padding:23px 3%; line-height:100%; background:#000} .business_list_in dd {padding:22px 10px 22px 25px; box-sizing:border-box; border:1px solid #ddd; border-top:none; margin-bottom:30px} .business_list_in dd.mar_none{margin-bottom:0} /*.business_list_in dd:last-child {margin-bottom:0}*/ .business_list_in dd p.sub_stxt {word-break: keep-all; position:relative; padding:0 0 0 35px; margin-bottom:10px; /*background:url('/business/img/ub_expert_icon01_01.gif') left 7px no-repeat; background-size:auto 18px;*/ text-align:left; color:#666} .business_list_in dd p.sub_stxt:last-child {margin-bottom:0} .business_list_in dd p.sub_stxt img {display:inline-block; width:auto; height:18px; vertical-align:middle; position:absolute; top:4px; left:0} /* Our Business - UBASE Expert Group */ .business_con.expert {} /* Our Business - UBASE Service */ .tab_con {} .business_con.ub_service {} .business_con.ub_service .why_best_con dl.one {margin-top:4rem} .business_con.ub_service .what_warp {padding:5% 160px !important} .business_con.ub_service .centerBg.two {padding-bottom:0; margin:0 auto} .business_con.ub_service .con_sstit { line-height:100%; position:relative; } .business_con.ub_service .tab_con .sub_tab {padding:0 0 60px 0; box-sizing:border-box; background:#fff; text-align:center; overflow:hidden; margin:0 auto;} .business_con.ub_service .business_list {text-align:center;} .business_con.ub_service .business_list_in {padding:80px 0 100px 0; box-sizing:border-box; box-sizing:border-box; background:#fff; text-align:center; overflow:hidden; margin:0 auto} .business_con .rolling_txt {text-align:center; margin:70px 0 155px 0} .business_con .rolling_txt img {margin-bottom:35px} .business_con .rolling_txtin {position:Relative; overflow:hidden;} .business_con .rolling_txtin dl {} .business_con .rolling_txtin dt {font-size:50px; font-weight:700; font-family:'Red Hat Text', sans-serif; margin:0 0 23px 0; color:#000; line-height:100%; } .business_con .rolling_txtin dt span {line-height:100%; font-weight:700; font-family:'Red Hat Text', sans-serif;} .business_con .rolling_txtin dd.sub_txt {font-weight:400} .optimized_con{position:relative; overflow:hidden; /*margin-bottom: 7.5%*/} .optimized_con .what_warp {margin:0 auto} .optimized_con .what_warp .txt {margin-bottom:0} /*********************************** Our Solution ***********************************/ /* Our Solution - UBASE Solution */ .u_solution_con .what_warp {padding:10% 0 3.5% 0;} .u_solution_con .what_warp .title {margin-bottom:0 !important} .u_solution_con .cs_needs {/*padding:110px 5% 100px 5%*/ padding:100px 0} .u_solution_con .cs_needs .con_stit {margin-bottom:25px} .u_solution_con .cs_needs_in {text-align:center;padding-top:130px} .u_solution_con .cs_needs_in h5 {font-weight:400; line-height:100%; margin:35px 0 20px 0} .u_solution_con .cs_needs_in p {text-align:center; font-weight:400; margin-bottom:0} /*.u_solution_con .cs_sol {background:#000; padding:110px 3% 190px 3%; position:relative; overflow:hidden; text-align:center;}*/ .u_solution_con .cs_sol {background:#f8f8f8 url('/solution/img/u_solution_bg.jpg') center bottom no-repeat; padding:110px 0 190px 0; position:relative; overflow:hidden; text-align:center;} .u_solution_con .cs_sol .con_sstit {letter-spacing:0; margin-bottom:55px;} .u_solution_con .cs_sol .cssol_in {display:inline-block; vertical-align:top; width:49.5%; margin-top:76px; position:relative;} /*.u_solution_con .cs_sol .cssol_in:after {width:1px; height:90%; position:absolute; top:10%; right:0; display:block; content:""; background:#ddd}*/ .u_solution_con .cs_sol .cssol_in:last-child:after {display:none;} .u_solution_con .cs_sol .icon {position:relative; overflow:hidden; text-align:center;} .u_solution_con .cs_sol .icon dl {display:inline-block; vertical-align:top; width:20%} .u_solution_con .cs_sol .icon dt {margin-bottom:10px} .u_solution_con .cs_sol .icon dd {letter-spacing:0} .u_solution_con .cs_sol .icon.one dl:nth-child(4){width:30%} .u_solution_con .sol_partner {padding:75px 70px 0 70px} .u_solution_con .sol_partner .con_stit {margin-bottom:1.2%} .sol_partner_in {position:relative; overflow:hidden; margin:0 auto 4% auto} .sol_partner_in li {float:left; width:15.83%; margin:0 1% 1% 0; border:1px solid #ddd; box-sizing:border-box;} .sol_partner_in li:nth-child(6n) {margin-right:0} .sol_partner_in li:last-child {margin-right:0 !important} .sol_partner_in li img {width:100%} /* Our Solution - U COMMUNICATOR */ .u_commu_con .icon_warp .icon {margin-bottom:5%} /* Our Solution - U ROVA */ .u_rova_con {} .u_rova_con .ass_warp {text-align:center;} .u_rova_con .ass_warp.nobg {background:#fff; width:100%; padding-bottom:0} .u_rova_con .ass_warp .title { margin-top:0; margin-bottom:25px} .u_rova_con .ass_warp .title:before {display:none !important;} .u_rova_con .ass_warp .txt {font-size:16px; letter-spacing:-0.3pt;} .u_rova_con .icon_warp2 {margin:7% auto 0 auto} .u_rova_con .icon_warp2 dl {text-align:center; float:none !important; margin-bottom:0; padding:2% 1% 2% 0.5%} .u_rova_con .icon_warp2 dt {float:none !important; height:auto; display:block; justify-content:normal; align-items:normal; width:100%} .u_rova_con .icon_warp2 dt img {width:auto} .u_rova_con .icon_warp2 dd {float:none !important; vertical-align:top; margin:0 !important; width:100%;} .u_rova_con .icon_warp2 h6 {font-size:20px; letter-spacing:-0.3pt; margin-bottom:15px} .u_rova_con .icon_warp2 p {color:#666; margin-bottom:4px} .u_rova_con .icon_warp2.two dl:after {display:none;} .u_rova_con .icon_warp2.two dl:nth-child(2):before {display:block; content:""; width:1px; height:100%; background:#ddd; position:absolute; top:0; left:0} .u_rova_con .icon_warp2.two dl:nth-child(2):after {display:block;} .bottom_inquiry2Wrap {background:#f8f8f8; margin-top:7%} .bottom_inquiry2.difference {background:#f8f8f8; /*background:#f8f8f8 url('/solution/img/u_rova_bimg.jpg') right top/cover no-repeat;*/ padding-left:0; margin-top:7%; width:100%; box-sizing:border-box;} .bottom_inquiry2.difference:after {display:block; content:""; width:100%; height:100%; box-sizing:border-box; background:#f8f8f8; position:absolute; top:0; left:0; box-sizing:border-box; z-index:-1} .bottom_inquiry2.difference:before {background-image:url('/solution/img/u_rova_bimg.jpg'); right:0; left:auto} .bottom_inquiry2.difference .inquiry_in {max-width:1370px; margin:0 auto;} .bottom_inquiry2.difference > div {max-width:100%; float:left; width:50%; padding:88px 6% 88px 0} .difference .b_inquiry_txt {padding:110px 10%; text-align:left;float:left;} .difference .b_inquiry_txt p {margin:35px 0 45px 0} .difference ul {} .difference ul li {background:url('/solution/img/checkbox.gif') left 4px no-repeat; font-size:16px; letter-spacing:-0.3pt; color:#000; line-height:160%; margin-bottom:10px; padding-left:28px; text-align:left;} .difference ul li:last-child {margin-bottom:0;} .difference ul li:before {display:none;} .u_collector .icon_warp .nobline li:before {display:none;} .u_collector .ass_warp {/*padding-bottom:0*/} /*********************************** Sustainability ***********************************/ /* Sustainability - CSR Vision */ .csr_vision_con {} .csr_vision_con.width1370 {text-align:center;} .csr_vision_con img {max-width:100%} .csr_vision_con .icon_warp .icon img{max-width:100%; width: auto;} .csr_vision_con .culture_con{margin-top:6%;} .csr_vision_con .cu_tbox{padding:0 70px; box-sizing:border-box; max-width:1370px; margin:0 auto} .csr_vision_con .icon_warp {padding-bottom:0} .csr_vision_con .icon_warp .two li{width:50%} .csr_vision_con .culture_con .btn{text-align:center;} .csr_vision_con .ass_warp a.moreview { clear:both; background:#000; color:#fff; text-align:center; line-height:100%; padding:22px 45px; display:inline-block; box-sizing:border-box; margin:4% auto 0 auto; z-index: 2;position: relative;-webkit-transition: all 0.3s;-moz-transition: all 0.3s; transition: all 0.3s;} .csr_vision_con .ass_warp a.moreview:after{width:0%;height:100%;top:0;left:0;background:#1fb5a9;content:'';position:absolute;z-index:-1;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s;} .csr_vision_con .ass_warp a.moreview:hover{color:#fff;} .csr_vision_con .ass_warp a.moreview:hover:after{width: 100%} .csr_vision_con .icon_warp .cu_tbox{padding:0 3% 3% 3%} /* .csr_vision_con .gray_con dl {text-align:center; float:left; width:50%; position:relative; } .csr_vision_con .gray_con dl:after {display:block; content:""; width:1px; height:239px; background:#ddd; position:absolute; top:50%; right:0; margin-top:-119px} .csr_vision_con .gray_con dl:last-child:after {display:none;} .csr_vision_con .gray_con dt {height:101px; display:flex; justify-content:center; align-items:center;} .csr_vision_con .gray_con dd {} .csr_vision_con .gray_con dd h6 {font-size:24px; color:#000; font-weight:700; line-height:100%; font-family:'Red Hat Text','Noto Sans KR', sans-serif; margin:28px 0 20px 0; } .csr_vision_con .gray_con dd p {font-size:16px; color:#000; font-weight:400; line-height:160%; font-family:'Red Hat Text','Noto Sans KR', sans-serif; margin-bottom:8px; letter-spacing:-0.3pt;} .csr_vision_con .gray_con dd p:last-child {margin-bottom:0 } */ .development_con .top_imghalf{padding-top:0} .development_con .arrow{position:relative; overflow:hidden; max-width:1370px; margin:3% auto 0 auto} .development_con .arrow:before{content:''; display:block; width:250px; height:167px; background:url('../../sustainability/img/l_35.jpg'); margin:0 auto} .top_imghalf {position:relative; overflow:hidden; padding-top:6%} .top_imghalf dl {width:50%; float:left; text-align:left; position:relative;} .top_imghalf dl:last-child {margin-top:60px} .top_imghalf dt {text-align:left;} .top_imghalf dt img {width:100%} .top_imghalf dd {box-sizing:border-box; padding:7% 7% 0 7%} .top_imghalf dd h6 {text-align:left; margin-bottom:4%} .top_imghalf dd p {text-align:left;} .green_box {padding:3%; position:relative; overflow:hidden;} .green_box:after {display:block; content:""; width:100%; padding-left:30%; background:#3ea28f; height:550px; position:absolute; top:0; left:15%; z-index:1} .green_box img {position:relative; z-index:11; float:left; margin-right:90px} .green_box .green_txt {position:relative; z-index:11; float:left; text-align:left; width:calc(100% - 725px); padding-top:4%; box-sizing:border-box;} .green_box .green_txt h4.con_stit {text-align:left; color:#fff; margin-bottom:2%} .green_box .green_txt .sub_txt {text-align:left; color:#fff; font-weight:300} .green_box .green_txt ul {box-sizing:border-box; margin-top:4%; position:relative; overflow:hidden;} .green_box .green_txt ul li {float:left; text-align:center !important; color:#fff;margin-right:10%} .green_box .green_txt ul li span.num { text-align:center; display:block; font-family:'Red Hat Text','Noto Sans KR', sans-serif; font-weight:700; font-size:60px; margin-bottom:12%; line-height:100%} /* Sustainability - Development & Welfare */ .development_con .centerBg3 .grimg{text-align:center; border:1px solid #ddd; box-sizing:border-box; padding:5% 3%} .development_con .centerBg3 .grimg img{max-width:100%} .development_con .centerBg3 .gr_box{ margin-top: 5%;position: relative;overflow: hidden;} .development_con .centerBg3 .gr_box .btn{ background:#000; color:#fff; text-align:center; line-height:100%; padding:22px 45px; display:block; box-sizing:border-box; margin-top:30px; z-index: 2;position: relative;-webkit-transition: all 0.3s;-moz-transition: all 0.3s; transition: all 0.3s;} .development_con .centerBg3 .gr_box .btn:after{width:0%;height:100%;top:0;left:0;background:#1fb5a9;content:'';position:absolute;z-index:-1;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s;} .development_con .centerBg3 .gr_box .btn:hover{color:#fff;} .development_con .centerBg3 .gr_box .btn:hover:after{width: 100%} .development_con .development_cbox1{margin:3% auto 0 auto; max-width: 1370px; box-sizing:border-box;} /*추가*/ .centerBg4{ } .development_con .centerBg4 .grimg{text-align:center; border:1px solid #ddd; box-sizing:border-box; padding:5% 3%} .development_con .centerBg4 .grimg img{max-width:100%} .development_con .centerBg4 .gr_box{ margin-top: 5%;position: relative;overflow: hidden;} .inquiry_con2 .centerBg4{ opacity:0; top:50px; overflow: inherit; /*max-width:1200px;*/ padding:70px; position:relative; margin:0 auto; } .development_con {} .development_con .icon_warp.listcenter li:nth-child(4) ~ li {margin-bottom:5%}/*0% 수정*/ .development_con .develop_dia {text-align:center; padding:70px; max-width:1370px; margin:0 auto; box-sizing:border-box;} .development_con .develop_dia .con_stit {margin-bottom:1.5%} .development_con .develop_dia h3 {font-family:'S-CoreDream-2ExtraLight', sans-serif; color:#000; letter-spacing:-0.5pt; font-size:40px; font-weight:normal; margin:4% 0 3% 0; position:relative; display:inline-block;} .development_con .develop_dia h3:before, .development_con .develop_dia h3:after {content:""; background:url('/sustainability/img/develop_quote1.gif') center center no-repeat;background-size:100%; width:46px; height:32px; display:inline-block; top:-20px; position:relative; margin-right:15px} .development_con .develop_dia h3:after {background-image:url('/sustainability/img/develop_quote2.gif'); margin-right:0; margin-left:15px} .development_con .develop_dia h3 span {font-family:'S-CoreDream-8Heavy', sans-serif; letter-spacing:-0.5pt; color:#3ea28f;} .development_con .develop_dia img.arrow {display:block; margin:0 auto} .development_con .develop_dia .icon_warp {padding:5% 3%; border:1px solid #DDD; box-sizing:border-box}/*border color 변경*/ .development_con .culture_con .con_stit {margin-bottom:1.5%; padding:0 3%} .development_con .culture_con > .sub_stxt {padding:0 3%} .development_con .ass_warp {margin-top:5%; text-align:center;} .development_con .ass_warp .title {text-align:left;} .development_con .ass_warp li {text-align:left;} .development_con .ass_warp a.moreview { clear:both; background:#000; color:#fff; text-align:center; line-height:100%; padding:22px 45px; display:inline-block; box-sizing:border-box; margin:4% auto 0 auto; z-index: 2;position: relative;-webkit-transition: all 0.3s;-moz-transition: all 0.3s; transition: all 0.3s;} .development_con .ass_warp a.moreview:after{width:0%;height:100%;top:0;left:0;background:#1fb5a9;content:'';position:absolute;z-index:-1;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s;} .development_con .ass_warp a.moreview:hover{color:#fff;} .development_con .ass_warp a.moreview:hover:after{width: 100%} /* Sustainability - Social Responsibility */ .social_con {position:relative;} .social_con .centerBg {padding-bottom:0} .social_con .centerBg img {margin-top:4%; z-index:99; position:relative; width:100%} .social_con .gray_con {z-index:1; margin-top:-5%; padding:7.5% 0 3% 0} .social_con .numBox {position:relative; overflow:hidden; display:table; width:100%;} .social_con .numBox dl {display:table-cell; vertical-align:middle; text-align:center; width:38% } .social_con .numBox dt {font-weight:400; font-family:'Red Hat Text','Noto Sans KR', sans-serif; letter-spacing:-0.8pt; font-size:20px; line-height:100%; color:#000; margin-bottom:5%; vertical-align:top} .social_con .numBox dt span {font-weight:700; line-height:100%; font-size:50px;} .social_con .numBox dd {font-size:18px; letter-spacing:-0.3pt; color:#000; font-family:'Noto Sans KR', sans-serif} .social_con .numBox dl:first-child {text-align:left; width:24%; padding-left:5%} .social_con .numBox dl:first-child dt {font-weight:900; font-size:28px; color:#333; margin-bottom:5%} .social_con .numBox dl:first-child dt span {font-weight:700; font-size:28px;} .social_con .numBox dl:first-child dd {font-size:16px; letter-spacing:-0.3pt; color:#666} /*********************************** Who We Are ***********************************/ /* Who We Are - UBASE Is */ .about_con {} .about_con .centerBg img {margin-top:4%;} .about_con .gray_con {position:relative; display:table; width:100%;} .about_con .gray_con .width1370 {} .about_con .gray_con dl {display:table-cell; vertical-align:middle; width:40%} .about_con .gray_con dt {font-weight:900; line-height:100%; color:#000; letter-spacing:-0.8pt; font-size:28px; margin-bottom:4%} .about_con .gray_con dt span {font-weight:900; font-family:'Arial', sans-serif; line-height:100%} .about_con .gray_con dd {font-size:16px; color:#333; line-height:160%; letter-spacing:-0.3pt;} .about_con .gray_con .about_process {display:table-cell; vertical-align:middle; width:60%; padding-left:10%} .about_con .gray_con .about_process img {width:100%} .about_con .status {background:url('/company/img/about_bg.jpg') center top/cover no-repeat; box-sizing:border-box; padding:6% 0 0 0} .about_con .status .width1370 {} .about_con .status .con_stit {color:#fff; font-family:'Arial', sans-serif; font-weight:900; padding:0 3%} .about_con .status .sub_stxt {color:#fff; padding:0 3%} .about_con .status .countBox {position:Relative; overflow:hidden; margin-top:5.5%; padding:0 5%; text-align:Center; box-sizing:Border-box;} .about_con .status .countBox dl {background:url('/company/img/about_line1.png') center bottom no-repeat; padding-bottom:11%; text-align:Center; display:inline-block; vertical-align:bottom; width:18%; background-size:7%} .about_con .status .countBox dl.ev{background-image:url('/company/img/about_line2.png'); padding-bottom:14.5%} /*.about_con .status .countBox dl:nth-child(even) {background-image:url('/company/img/about_line2.png'); padding-bottom:14.5%}*/ .about_con .status .countBox dt {font-family:'Arial', sans-serif; font-weight:700; font-size:50px; color:#fff; line-height:100%; margin-bottom:12%} .about_con .status .countBox dt span.counter {font-family:'Arial', sans-serif;} .about_con .status .countBox dd {font-family:'Arial', sans-serif; font-weight:40; font-size:18px; color:#fff; line-height:140%} .about_con .globee {padding:5% 70px; display:table;} .about_con .marnone{border-bottom:1px solid #ddd;} .about_con .globee .globee_txt { text-align:left; display:table-cell; vertical-align:middle; width:60%;} .about_con .globee .globee_txt br {display:none;} .about_con .globee .globee_txt .con_stit { text-align:left;} .about_con .globee .globee_txt p {text-align:left; margin-bottom:4%} .about_con .globee .globee_txt a {width:260px; text-align:center;font-size:16px; color:#fff; padding:2% 5%; background:#000; z-index: 2;position: relative; display:inline-block; box-sizing:border-box; -webkit-transition: all 0.3s;-moz-transition: all 0.3s; transition: all 0.3s;} .about_con .globee .globee_txt a:after{width:0%;height:100%;top:0;left:0;background:#1fb5a9;content:'';position:absolute;z-index:-1;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s;} .about_con .globee .globee_txt a:hover{color:#fff;} .about_con .globee .globee_txt a:hover:after{width: 100%} .about_con .globee .globee_img {width:40%; display:table-cell; vertical-align:middle; text-align:right;} .com_down{position: relative; overflow: hidden; max-width:1370px; margin:0 auto 100px auto} .accordion, .accordion * {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} .accordion { text-align:center;overflow: hidden;color: #fff; padding:0 70px 0 70px;} .accordion-section-header { font-size:16px; position: relative; line-height: 100%; text-align:right; display:block; padding:0 0 1.5% 0%; transition: all linear 0.15s; color: #000; z-index: 2; box-sizing: border-box; text-decoration:underline; text-underline-position: under; } .accordion-section-header.active{ color:#1fb5a9;} .accordion-section-header.active:after{background:url('/company/img/downbt.png') center no-repeat, #1fb5a9; background-size:25px;} .accordion-section-header:after{transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; content:''; position: relative; top:15px; margin-left:15px; display:inline-block; width:50px; height:50px; background:url('/company/img/downbt.png') center no-repeat, #000; border-radius: 50px; background-size:25px;} .accordion-section-header:hover{color:#1fb5a9; transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease;} .accordion-section-header:hover:after{background:url('/company/img/downbt.png') center no-repeat, #1fb5a9; background-size:25px;} .accordion-section-header span{position: relative;display: inline-block;} .accordion-section-header span:after{position: absolute;bottom: 0;left: 0; content: ""; width: 100%; border-bottom: 1px solid #333;} .accordion-section-header.active span:after{border-bottom: 1px solid #1fb5a9;} .accordion-section-header:hover span:after{border-bottom: 1px solid #1fb5a9;} /* .accordion-section-header { font-size:16px; position: relative; line-height: 100%; width: 50%; padding:1.5% 5%; display: inline-block; border-bottom: 1px solid #C0392B; background: #000; transition: all linear 0.15s; color: #fff; z-index: 2; box-sizing: border-box; } .accordion-section-header:after{width:0%;height:100%;top:0;left:0;background:#1fb5a9;content:'';position:absolute;z-index:-1;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s;} .accordion-section-header:hover{color:#fff;} .accordion-section-header:hover:after{width:100%; }*/ .accordion-section:last-child .accordion-section-header {} .accordion-section-content { background: #f8f8f8; margin-top:30px; padding: 45px 4%;display: none;} .about_con .about_list{position: relative; overflow: hidden; margin:6% 10% 0 10%} .about_con .about_list li{position: relative;float:left; width:30%; padding:0 2.5%; text-align:center;} .about_con .about_list li:nth-child(1){padding-left:0} .about_con .about_list li:nth-child(3){padding-right:0} .about_con .about_list li .img{margin-bottom:25px;} .about_con .about_list li .img img{max-width:100%} .about_con .about_list li p{color:#000; font-weight:700; font-size:22px; line-height:130%} .about_con .about_list li:after {content: '';display: block;border-right: 1px solid #e1e1e1;width: 1px; height: 100%; position: absolute;right: 0;top: 0;} /*.about_con .about_list li:before{content: '';display: block; background:url('/company/img/plus.png') center no-repeat; width:15px; height:15px; position: absolute;right: 0;margin-right: -7px; z-index: 1; top: 50%;-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-webkit-transform: translateY(-50%);transform: translateY(-50%)}*/ .about_con .about_list li:nth-child(3):after{display:none;} .about_con .about_list li:nth-child(3):before{display:none;} .security_con {} .security_con .top_imghalf {/*margin-top:4%;*/ box-sizing:border-box;} .security_con .performance_warp.one {/*width:97%;*/} .security_con .performance_warp.one .con_ssstit {margin:0; padding-top:5%} .nomargin {margin:0 !important} .notmargin {margin-top:0 !important} .security_in {padding:6.5% 70px; text-align:center} .security_in .con_stit {margin-bottom:1.5%} /*.security_in > .sub_stxt {margin-bottom:0}*/ .security_in .con_sstit {margin-bottom:1%} .security_in .con_ssstit {margin:4% 0 3% 0} .security_in .b_arrow {display:block; margin:0 auto} .security_in .why_dia_txt {margin:20px 0 3% 0;} .security_in .why_dia_txt li {/*float:none; display:inline-block;*/ height:auto !important;} .security_in .why_dia_txt li:after {background-image:url('/company/img/security_arrow.gif'); width:11px; height:17px;} .security_in .imgbox {position:relative; overflow:hidden;} .security_in .imgbox dl {float:left; width:370px; margin-right:60px; border-top:1px solid #ddd;} .security_in .imgbox dl:last-child {margin-right:0} .security_in .imgbox dt {text-align:left; margin:26px 0; line-height:100%;} .security_in .imgbox dd {text-align:left} .security_in .imgbox dd img {width:100%} .security_in .imgbox dd.txt {padding-top:20px} .security_in .imgbox dd.txt p {font-weight:300} .dot {} .dot p {position:relative; padding-left:18px; text-align:left; margin-bottom:1%} .dot p:last-child {margin-bottom:0} .dot p:before { display:block; content:""; width:5px; height:1px; background:#666; position:absolute; top:45%; left:0} /* Who We Are - CI */ .ci_con {} .ci_con .ciBox {position:relative; overflow:hidden; background:url('/company/img/ciBg.gif') left top repeat; border:1px solid #ddd; box-sizing:border-box; text-align:center; padding:7% 0; margin-bottom:2%} .ci_con .ciBox img {width:40%} .ci_con .gray_con dl {width:100%; display:table; margin-bottom:1.5%} .ci_con .gray_con dl:lsat-child {margin-bottom:0} .ci_con .gray_con dt {display:table-cell; vertical-align:middle; border:1px solid #ddd; border-left:none; background:#fff; font-size:16px; color:#000; line-height:160%; width:67%; padding-left:4%; box-sizing:border-box;} .ci_con .gray_con dd {display:table-cell; vertical-align:middle; background:#578c95; padding:3% 2%; width:33%; box-sizing:border-box;} .ci_con .gray_con dd h6 {font-weight:700; font-size:18px; color:#fff; font-family:'Red Hat Text','Noto Sans KR', sans-serif; margin-bottom:4%; line-height:100%} .ci_con .gray_con dd p {font-size:16px; line-height:140%; color:rgba(255,255,255,0.8); font-family:'Red Hat Text','Noto Sans KR', sans-serif;} .ci_con .gray_con dl:last-child dd {background:#77797e;} .ci_con .down_btn{ clear:both; background:#000; color:#fff; text-align:center; line-height:100%; padding:22px 45px; display:inline-block; box-sizing:border-box; margin:4% auto 0 auto; z-index: 2;position: relative;-webkit-transition: all 0.3s;-moz-transition: all 0.3s; transition: all 0.3s;} .ci_con .down_btn:after{width:0%;height:100%;top:0;left:0;background:#1fb5a9;content:'';position:absolute;z-index:-1;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s;} .ci_con .down_btn:hover{color:#fff;} .ci_con .down_btn:hover:after{width: 100%} /* UBASE Message */ .message_con{position:relative; } .message_con .mes_con1{margin-bottom:70px;} .message_con dl{position:relative; overflow:hidden; } .message_con .mes_con2{margin-bottom:100px;} .message_con .mes_con2 dt{ position: relative; overflow: hidden; float:left; width:565px; margin-right:50px;} .message_con .mes_con2 dt img{max-width:565px; width: 100%;} .message_con .mes_con2 dd{margin-top:70px; width: calc(100% - 615px); position:relative; overflow:hidden; float:left; text-align:left;} .message_con .mes_con2 dd .icon{margin-bottom:20px;} .message_con .mes_con2 dd .icon img{width:45px; } .message_con .mes_con2 dd .sub_stxt{text-align:left;} .message_con .mes_con3 dt{position: relative; overflow: hidden; float:right; width:565px; margin-left:50px;} .message_con .mes_con3 dt img{max-width:565px; width: 100%;} .message_con .mes_con3 dd{margin-top:40px; width: calc(100% - 615px); position:relative; overflow:hidden; float:left; text-align:left;} .message_con .mes_con3 dd .icon{margin-bottom:20px;} .message_con .mes_con3 dd .icon img{width:45px; } .message_con .mes_con3 dd .sub_stxt{text-align:left;} .message_con .mes_con4{position:relative; padding:110px 0; overflow:hidden; background:#f7f7f7; text-align:center; box-sizing:border-box;} .message_con .mes_con4 .img{margin-bottom:30px;} .message_con .mes_con4 .img img{max-width:1230px; width: 100%;} .message_con .mes_con4 .na{font-size:20px; color:#000; font-weight:500; line-height:26px;} /*********************************** Career ***********************************/ /* Career - For Employees */ .employees_con {} .employees_con .sub_stxt {font-weight:300} .employees_con .con_ttit {margin-bottom:12px} .employees_con .employee_img {width:100%; margin-top:20px;} .employees_con .centerBg3 a.moreview {background:#000; color:#fff; text-align:center; line-height:100%; padding:22px 45px; display:inline-block; box-sizing:border-box; margin:4% auto 0 auto; z-index: 2;position: relative;-webkit-transition: all 0.3s;-moz-transition: all 0.3s; transition: all 0.3s;} .employees_con .centerBg3 a.moreview:after{width:0%;height:100%;top:0;left:0;background:#1fb5a9;content:'';position:absolute;z-index:-1;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s;} .employees_con .centerBg3 a.moreview:hover{color:#fff;} .employees_con .centerBg3 a.moreview:hover:after{width: 100%} .employees_con .icon_list {text-align:left; margin-bottom:8%} .employees_con .icon_list .con_ttit {text-align:left; margin:80px 0 10px 0} .employees_con .icon_list .con_ttit.two {margin-bottom:20px} .employees_con .icon_list .sub_stxt {text-align:left; margin-bottom:15px} .employees_con .icon_list .con_ssstit {color:#1fb5a9; margin:55px 0 15px 0} .employees_con .icon_list .con_ssstit.ls0 {line-height:100%; padding:0} .employees_con .icon_list .icon_warp2 {margin:0 !important; border:1px solid #ddd; box-sizing:border-box; padding:30px 0} .employees_con .icon_list .icon_warp2 dl {float:left !important; width:33.33%; box-sizing:border-box; padding:0 1% !important; box-sizing:border-box;} .employees_con .icon_list .icon_warp2 dl:after {display:none;} .employees_con .icon_warp2.two dl:nth-child(2):before, .employees_con .icon_warp2.two dl:nth-child(2):after {display:none !important;} .employees_con.u_rova_con .icon_warp2 h6 {margin:20px 0 15px 0} .employees_con .icon_list .icon_warp2.two dl:nth-child(3) ~ dl {margin-top:5%} .employees_con .icon_list .icon_warp2.list04 dl {width:25%} .employees_con .icon_list .icon_warp2.list05 dl {width:20%} .employees_con.u_rova_con .icon_warp2.four h6, .employees_con.u_rova_con .icon_warp2.five h6, .employees_con.u_rova_con .icon_warp2.six h6 {margin-bottom:10px !important} .employees_con .gray_con {margin-top:90px; background:#f7f7f7} .employees_con .gray_con img { margin: 0 auto; display: inherit; max-width:100%} .department_con {padding:90px 3%; position:relative; overflow:hidden;} .department_con .rolling {} .department_con .rolling dl {margin-bottom:3.5%; position:relative; overflow:hidden; max-width:1520px; clear:both} .department_con .rolling dl:last-child {margin-bottom:0} .department_con .rolling dt.tit {padding:8px 0; border-left:5px solid #1fb5a9; margin-bottom:30px; padding-left:25px; box-sizing:border-box;} .department_con .rolling dt.tit .con_ssstit {margin:0 0 5px 0 !important; border:none !important; padding:0 !important} .department_con .rolling dt.tit .sub_stxt {text-align:left; margin:0 !important} .department_con .rolling dd.img {position:relative; overflow:hidden;} .department_con .rolling dd.img .img_in {position:relative; overflow:hidden; float:left; margin:0; box-sizing:border-box;} .department_con .rolling dd.img .img_in img {max-width:100%} .department_con .rolling dd.img .imgtxt {padding:40px 3%; /*position:absolute; top:0; left:0*/ background:#f9f9f9} .department_con .rolling dd.img .imgtxt .sub_txt { margin-bottom:1% !important; text-align:left; text-shadow:0px 0px 12px #fff; font-weight:bold} .department_con .rolling dd.img .imgtxt .sub_stxt {margin-bottom:0 !important; text-align:left;text-shadow:0px 0px 12px #fff} .department_con .rolling dl:nth-child(even) {text-align:right; float:right;} .department_con .rolling dl:nth-child(even) dt.tit {text-align:right; border-left:none; border-right:5px solid #1fb5a9; padding:8px 25px 8px 0} .department_con .rolling dl:nth-child(even) dd {} .department_con .rolling dl:nth-child(even) dt.tit .sub_stxt {text-align:right} .department_con .rolling dl:nth-child(even) dd.img .imgtxt {left:auto; right:0; padding:40px 3%} .department_con .rolling dl:nth-child(even) dd.img .imgtxt .sub_txt {text-align:right;} .department_con .rolling dl:nth-child(even) dd.img .imgtxt .sub_stxt {text-align:right;} .department_con .rolling .slider {width:100%;} .department_con .rolling .slick-slide {overflow: hidden;position:relative; margin:0 15px;} .department_con .rolling .slick-slider .slick-slide{position: relative;float:left; box-sizing: border-box;} .department_con .rolling .slick-list{position: relative;display: block;overflow: hidden;margin: 0;padding: 0; left:0px;} .department_con .rolling .slick-slider {position: relative;display: block;box-sizing: border-box; -webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-touch-callout: none;-khtml-user-select: none;-ms-touch-action: pan-y; touch-action: pan-y;-webkit-tap-highlight-color: transparent; } .department_con .rolling .slick-list{position: relative;display: block;overflow: hidden;} .department_con .rolling .slick-slide{display: none;float: left;height: 100%;min-height: 1px;} .department_con .rolling .slick-initialized .slick-slide{display: block;} /* Arrows */ .department_con .rolling .slick-prev, .department_con .rolling .slick-next{position: absolute; top:35%; left:30px; display: block; width: 50px;height: 50px; padding: 0; cursor: pointer; color: transparent; border: none; outline: none; background: transparent; z-index:50; background:url('/career/img/employees_next.png') center center no-repeat; background-size:100%; text-shadow:0px 0px 20px rgba(0,0,0,0.3)} .department_con .rolling .slick-prev{transform:rotate(180deg)} .department_con .rolling .slick-next{left:auto; right:30px;} /* Dots */ .department_con .rolling .slick-dots{position: absolute; bottom:170px; display: block; width:100%; padding: 0; margin: 0; list-style: none ; text-align: center; } .department_con .rolling .slick-dots li {position: relative; border:none;display: inline-block; width: 10px; height: 10px;margin: 0 4px;padding: 0;cursor: pointer;} .department_con .rolling .slick-dots li:last-child {margin-right:0} .department_con .rolling .slick-dots li button {padding:0; width:10px; height:10px; border:0; font-size:0; display:block; background:url('/career/img/employees_navi_off.png') center center no-repeat; cursor:pointer; background-size:100%;} .department_con .rolling .slick-dots li.slick-active button{background-image:url('/career/img/employees_navi_on.png'); background-size:100%;} /* End-슬릭기본 */ /* careerpath */ .careerpath_con{position: relative;} .careerpath_con .caph_cat{position: relative; overflow: hidden;} .careerpath_con .caph_cat li{float:left; width:18.0487804878%; margin-right:2.43902439024%; margin-bottom:50px;} .careerpath_con .caph_cat li:nth-child(5n){margin-right:0} .careerpath_con .caph_cat li .img{border-radius: 100%; position: relative;overflow: hidden;} .careerpath_con .caph_cat li .img img{max-width:100%} .careerpath_con .caph_cat li .tit{font-size:20px; font-weight:500; line-height:100%; color:#000; padding-top:20px; letter-spacing: -0.5pt;} .careerpath_con .caph_cat li .name{font-size:20px; color:#000; font-weight:500; line-height:24px; letter-spacing:-0.5pt; word-break: keep-all;} .career_con{position: relative; overflow: hidden; padding-top:120px;} .career_con .con {} .career_con .cno1{background:url('/career/img/careerpath_n1img01.jpg') right top/cover no-repeat; position: relative; overflow: hidden; margin-bottom:20px;} .career_con .cno2{background:url('/career/img/careerpath_n2img01.jpg') right top/cover no-repeat; position: relative; overflow: hidden; margin-bottom:20px;} .career_con .cno3{background:url('/career/img/careerpath_n3img01.jpg') right top/cover no-repeat; position: relative; overflow: hidden; margin-bottom:20px;} .career_con .cno4{background:url('/career/img/careerpath_n4img01.jpg') right top/cover no-repeat; position: relative; overflow: hidden; margin-bottom:20px;} .career_con .cno5{background:url('/career/img/careerpath_n5img01.jpg') right top/cover no-repeat; position: relative; overflow: hidden; margin-bottom:20px;} .career_con .cno6{background:url('/career/img/careerpath_n6img01.jpg') right top/cover no-repeat; position: relative; overflow: hidden; margin-bottom:20px;} .career_con .cno7{background:url('/career/img/careerpath_n7img01.jpg') right top/cover no-repeat; position: relative; overflow: hidden; margin-bottom:20px;} .career_con .cno8{background:url('/career/img/careerpath_n8img01.jpg') right top/cover no-repeat; position: relative; overflow: hidden; margin-bottom:20px;} .career_con .cno9{background:url('/career/img/careerpath_n9img01.jpg') right top/cover no-repeat; position: relative; overflow: hidden; margin-bottom:20px;} .career_con .cno10{background:url('/career/img/careerpath_n10img01.jpg') right top/cover no-repeat, #fbf6f3; position: relative; overflow: hidden; margin-bottom:20px;} .career_con .tbox{position: relative; overflow: hidden; padding:150px 70px ; text-align:left;} .career_con .pnone{display:none;} .career_con .mnone{display:block;} .career_con .tbox .sub_stxt{text-align:left; color:#666; margin-bottom:0; text-shadow: 1px 1px 1px #fff;} .career_con .tbox .tit{font-size:28px; color:#000; font-weight:500; line-height:100%; letter-spacing:-1.5pt; margin-bottom:15px; } .career_con .tbox .name{font-size:18px; color:#000;line-height:24px; letter-spacing:-0.3pt; margin-bottom:25px;} .career_con .tbox .name .none{display:none;} .career_con .rolling .pic{margin-bottom:20px;} .career_con .rolling .pic img{max-width:100%} .career_con .rolling .twarp{position: relative; overflow: hidden;} .career_con .rolling .twarp dt{-webkit-text-size-adjust: 100%;font-weight: 500; position: relative; overflow: hidden; line-height:22px; margin-bottom:10px; letter-spacing:-0.5pt;font-size:18px; text-align:left; color:#000; padding-left:20px;} .career_con .rolling .twarp dt span{ -webkit-text-size-adjust: 100%;position: absolute; left: 0; top:-4px} .career_con .rolling .twarp dd{-webkit-text-size-adjust: 100%;text-align:left;} .career_con .rolling .twarp dd p{-webkit-text-size-adjust: 100%;text-align:left; color:#666} .career_con .rolling {position: relative; overflow: hidden;} .career_con .rolling .slider {width:100%;} .career_con .rolling .slick-slide {overflow: hidden;position:relative;} .career_con .rolling .slick-slider .slick-slide{position: relative;float:left; box-sizing: border-box;} .career_con .rolling .slick-list{position: relative;display: block;overflow: hidden;margin: 0;padding: 0; left:0px;} .career_con .rolling .slick-slider {position: relative;display: block;box-sizing: border-box; -webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-touch-callout: none;-khtml-user-select: none;-ms-touch-action: pan-y; touch-action: pan-y;-webkit-tap-highlight-color: transparent; } .career_con .rolling .slick-list{position: relative;display: block;overflow: hidden;} .career_con .rolling .slick-slide{float: left;height: 100%;min-height: 1px;} .career_con .rolling .slick-initialized .slick-slide{display: block;} /* Arrows */ .rolling .arrowSlider{position: absolute; top: 50%;-moz-transform: translateY(-50%); -ms-transform: translateY(-50%);-webkit-transform: translateY(-50%); transform: translateY(-50%);} .career_con .rolling .slick-prev, .career_con .rolling .slick-next{position: absolute; top:35%; left:30px; display: block; width: 50px;height: 50px; padding: 0; cursor: pointer; color: transparent; border: none; outline: none; background: transparent; z-index:50; background:url('/career/img/employees_next.png') center center no-repeat; background-size:100%; text-shadow:0px 0px 20px rgba(0,0,0,0.3)} .career_con .rolling .slick-prev{transform:rotate(180deg)} .career_con .rolling .slick-next{left:auto; right:30px;} /* Dots */ .career_con .rolling .slick-dots{position: absolute; top:70%; display: block; width:100%; padding: 0; margin: 0; list-style: none ; text-align: center; } .career_con .rolling .slick-dots li {position: relative; border:none;display: inline-block; width: 10px; height: 10px;margin: 0 4px;padding: 0;cursor: pointer;} .career_con .rolling .slick-dots li:last-child {margin-right:0} .career_con .rolling .slick-dots li button {padding:0; width:10px; height:10px; border:0; font-size:0; display:block; background:url('/career/img/employees_navi_off.png') center center no-repeat; cursor:pointer; background-size:100%;} .career_con .rolling .slick-dots li.slick-active button{background-image:url('/career/img/employees_navi_on.png'); background-size:100%;} /* Contact Us */ .inquiry_con {background:#e5e5e5; padding-bottom:150px; position:relative; height:990px; opacity:0} .inquiry_con .centerBg {position:absolute; bottom:225px; left:50%; margin-left:-685px} .inquiry_con .inquiry_img {margin-bottom:70px} .inquiry_con2 .inquiry_img {margin-bottom:70px} .inquiry_con2{padding:150px 0} .inquiry_con2 .vtxt3 h3{ opacity:0; text-align:center;padding-bottom:70px; font-size: 100px;color: #000; letter-spacing: 2pt; line-height: 100%; font-family: 'Red Hat Text','Noto Sans KR', sans-serif; font-weight: 900;} .inquiry_con2 .vtxt3 p{padding-bottom:70px; text-align:center; color: #000; font-size: 20px; font-family: 'Red Hat Text', 'Noto Sans KR', sans-serif; font-size: 20px; font-weight: 400; letter-spacing: -0.3pt; line-height: 180%; opacity:0; } .inquiry_con2 {background:url('/img/subtop_contact2.jpg') top center no-repeat; background-size:cover;} .inquiry_con2 .centerBg3{ opacity:0; top:50px; overflow: inherit; /*max-width:1200px;*/ padding:70px; position:relative; margin:0 auto; } /*********************************** Membership ***********************************/ /* Membership - 개인정보취급방침 */ .policy_con {position:relative; overflow:hidden; font-size:15px; letter-spacing:-0.5pt; text-align:left !important} .policy_con .cont_tit {display:block; font-size:18px; padding-bottom:8px;letter-spacing:-0.5pt; font-weight:700; color:#333 !important;} .policy_con strong {font-weight:700; letter-spacing:-0.5pt;} .policy_con .cont_txt {padding:0px 0px 35px 0; letter-spacing:-0.5pt;} .policy_con .cont_txt2 {padding-bottom:35px; letter-spacing:-0.5pt;} .policy_con .cont_box {padding:20px; background:#f4f4f4; margin:7px 0px 10px 0px; display:block; line-height:160%; letter-spacing:-0.5pt;} .privacy_list {width:91%; overflow:hidden; clear:both; *zoom:1; padding:30px; border:1px dashed #ddd; margin-bottom:30px;} .privacy_list li {width:49%; margin-right:2%; float:left; padding-bottom:1%;} .privacy_list li:nth-child(2n) {margin-right:0} .privacy_list li a {font-weight:700; letter-spacing:-0.5pt;} .pr_down{position:relative; overflow:hidden;} .pr_down li{position:relative; overflow:hidden; margin-bottom:3px; letter-spacing: -0.5pt;} .pr_down li a{ letter-spacing: -0.5pt; transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease;} .pr_down li a:after{margin-left:5px; background:url('/img/down.png') no-repeat; background-size:15px; content:''; width:15px; height:12px; display:inline-block; transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease;} .pr_down li a:hover{color:#1fb5a9} .pr_down li a:hover:after{background:url('/img/down2.png') no-repeat; background-size:15px; } /* Membership - 이메일무단수집거부 */ .privacy_con {text-align:center; position:Relative; overflow:hidden;} .privacy_con .email_icon {position:relative; width:230px; height:230px; border-radius:50%; background:#000; display:inline-block; vertical-align:middle; } .privacy_con .email_icon img {position:absolute; top:50%; left:50%; transform: translate(-50%, -50%);} .privacy_con .con_txt {font-size:16px; letter-spacing:-0.3pt; color:#000; font-weight:300; line-height:160%; text-align:left; display:inline-block; vertical-align:middle; padding-left:4%; box-sizing:border-box;} /*********************************** 하단 문의 ***********************************/ .bottom_inquiry {position:relative; overflow:hidden; background:#f8f8f8 url('../../img/b_inquiry.jpg') left top/cover no-repeat; padding-left:50%; background-size:auto 744px} .bottom_inquiry > div {box-sizing:Border-box; width:100%; /*float:left; */} .b_inquiry_img {} .b_inquiry_img img {} .b_inquiry_txt {background:#f8f8f8; padding:88px 6%; box-sizing:border-box;} .b_inquiry_txt h4 {font-size:50px; font-weight:700; font-family:'Red Hat Text','Noto Sans KR', sans-serif; color:#000; line-height:100%; letter-spacing:1pt;} .b_inquiry_txt p {font-family:'Red Hat Text', 'Noto Sans KR', sans-serif; font-size:18px; letter-spacing:-0.3pt; margin:25px 0 35px; color:#333; line-height:160%} .bottom_inquiry2 {position:relative; overflow:hidden; max-width:1370px; margin:0 auto;} .bottom_inquiry2 > div {box-sizing:Border-box; width:50%; float:right;} .bottom_inquiry2 .b_inquiry_txt {background:none; box-sizing:border-box; padding:88px 0% 88px 6%} .bottom_inquiry2 .b_inquiry_txt h4 {font-size:50px; font-weight:700; font-family:'Red Hat Text','Noto Sans KR', sans-serif; color:#000; line-height:100%; letter-spacing:1pt;} .bottom_inquiry2 .b_inquiry_txt p {font-family:'Red Hat Text', 'Noto Sans KR', sans-serif; font-size:18px; letter-spacing:-0.3pt; margin:25px 0 35px; color:#333; line-height:160%} .bottom_inquiry2:before{position: absolute;top: 0; left:0%; display: block; content: "";width: 50%;height: 100%;background: url('../../img/b_inquiry.jpg') center, #f8f8f8; background-size: cover;} /* 이용약관, 개인정보취급방침 .policy_con{position:relative; overflow:hidden;} .cont_title{font-size:24px; color:#333; padding-bottom:18px; letter-spacing:-1.2pt; font-weight:600;} p.cont_tit {display:block; font-size:1.2em !important; padding-bottom:10px; font-weight:600; color:#333 !important;} .cont_txt {padding:0px 0px 35px 0;} .cont_txt2 {padding-bottom:35px;} .cont_box {border:1px soild #a0a0a0; padding:20px; background:#f4f4f4; margin:7px 0px 10px 0px; display:block; } .privacy_list {width:91%; overflow:hidden; clear:both; *zoom:1; padding:4% 4% 3% 4%; border:1px dashed #ddd; margin-bottom:30px;} .privacy_list li {width:49%; float:left; padding-bottom:1%;} .privacy_list li a {font-weight:bold;} */ /* 천명호추가(2016-07-20) */ .pay_add_tit {font-size: 11px; color: #555;} .pay_add_tit2 {font-size: 11px; color: #ee2d7a;} .mobile_menu {display:none;} /* 퀵메뉴 */ .fade{position:relative;} .fade .tit1{color:#fff; font-size:16px; line-height:100%; font-weight:500; padding:2px 22px 0 20px; text-align:center; font-family:'Noto Sans KR', sans-serif; letter-spacing:3.5pt; height:150px; -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg);transform: rotate(0deg);writing-mode: vertical-rl; -ms-writing-mode: tb-rl; } .fade .tit2{color:#fff; font-size:16px; font-weight:500; line-height:100%; padding:34px 21px; text-align:center; letter-spacing:1.5pt; -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg);transform: rotate(180deg);writing-mode: vertical-rl; -ms-writing-mode: tb-rl; } .quick_box{position:fixed; left:0; top: 50%; margin-top: -190px; z-index:999;} .quick_box .one{position: absolute; top:180px} .quick_box .one a{line-height:100%; display:block; box-sizing:border-box; background:#000; width:58px; height:150px; display:block; transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease;} .quick_box .one a:hover{width:160px; height:180px; background:#1fb5a9; } .quick_box .one a:hover .none{opacity:0} .quick_box .one a:hover .hover{ opacity:10; text-align:center; transition: all 0.8s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.1s ease;} .quick_box .one .hover{box-sizing:border-box; position:absolute; top:0; opacity:0; width:160px;height:200px; transition: all 0.8s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.1s ease;} .quick_box .one .tit{margin:30px 0 13px 0;color:#fff; font-size:16px; width:160px;font-weight:bold; line-height:100%; text-align:center; letter-spacing:1.2pt;} .quick_box .one .tit2{padding:17px 22px; color:#fff; font-size:15px;font-weight:500; line-height:100%; text-align:center; letter-spacing:1.2pt; -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg);transform: rotate(180deg);writing-mode: vertical-rl; -ms-writing-mode: tb-rl; } .quick_box .one .stxt{ font-size:13px; text-align:center; color:rgba(255,255,255,0.8); line-height:150%; letter-spacing:-0.5pt;} .quick_box .one .stxt span{ line-height:150%;} .quick_box .one .stxt2{margin-top:15px;font-size:13px; text-align:center; color:rgba(255,255,255,0.8); line-height:150%; letter-spacing:-0.5pt;} .quick_box .one .stxt2:after{content:''; display:block; background:rgba(255,255,255,0.8); height:1px; width:46px; margin:0 auto} .quick_box .one a.on{width:160px; height:180px; background:#1fb5a9; } .quick_box .one a.on .none{opacity:0} .quick_box .one a.on .hover{ opacity:10; text-align:center; transition: all 0.8s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.1s ease;} .quick_box .two{position: absolute; top:330px; float:left;} .quick_box .two a{background:#000; width:58px; height:150px; display:block; transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease;} .quick_box .two a.bg{background:#1fb5a9} .quick_box .two a:hover{width:160px !important; height:180px !important; background:#1fb5a9; } .quick_box .two a:hover .none{opacity:0} .quick_box .two a:hover .hover{ opacity:10; text-align:center; transition: all 0.8s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.1s ease;} .quick_box .two .hover{box-sizing:border-box; position:absolute; top:0; opacity:0; width:160px;height:180px; transition: all 0.8s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.1s ease;} .quick_box .two .hd{margin:25px 0 12px 0; text-align:center;} .quick_box .two .hd img{width:17px;} .quick_box .two .tit{margin:30px 0 13px 0;color:#fff; font-size:16px; width:160px;font-weight:500; line-height:100%; text-align:center; letter-spacing:1.2pt;} .quick_box .two .stxt{ font-size:13px; text-align:center; color:rgba(255,255,255,0.8); line-height:150%; letter-spacing:-0.5pt;} .quick_box .two .stxt span{ line-height:150%;} .quick_box .two .stxt2{margin-top:15px;font-size:13px; text-align:center; color:rgba(255,255,255,0.8); line-height:150%; letter-spacing:-0.5pt;} .quick_box .two .stxt2:after{content:''; display:block; background:rgba(255,255,255,0.8); height:1px; width:46px; margin:0 auto} .quick_box .two a.on{width:160px; height:180px; background:#1fb5a9; } .quick_box .two a.on .none{opacity:0} .quick_box .two a.on .hover{ opacity:10; text-align:center; transition: all 0.8s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.1s ease;} /***** 비밀번호 찾기 ****/ .white-popup2 {position: relative; width:auto; max-width:700px;margin: 20px auto; padding-top:50px} .white-popup2 .mpbox{background:#fff; text-align:center;} .white-popup2 .mpbox img{max-width:560px; width:100%} .white-popup2 .mfp-close{right:-18px} .padd{padding:0 20px 20px 20px;} #login_box2 {position:relative; padding:40px 0} #login_box2 .login_box {margin:0 auto; max-width:700px; padding:60px 0; border:1px solid #ddd; box-sizing: border-box; background:#f9f9f9} #login_box2 h2 {color:#000; font-size:24px; padding-bottom:25px; font-weight:600; line-height:100%; letter-spacing:-0.5pt} #login_box2 .pwtxt{font-size:16px; color:#666; line-height:20px; letter-spacing:-0.3pt; margin-bottom:20px;} #login_box2 h2 span {font-size:13px; color:666; font-weight:500; margin-left:15px;} #login_box2 .login {margin:0 10%} #login_box2 dl {position:relative;overflow: hidden; margin-bottom:10px} #login_box2 .login_btn{position:relative;overflow: hidden; margin:20px 0 10px 0; border-top:1px solid #ddd;padding-top:20px} #login_box2 .btn_b {display:inline-block; width:100%; height:50px; line-height:50px; cursor:pointer; letter-spacing:-0.5pt; -webkit-appearance: none;-webkit-border-radius: 0;z-index: 2; position: relative; display: inline-block; background: #000; text-align: center; color: #fff; border: none; font-size: 16px; transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease;} #login_box2 dt{position:relative;overflow: hidden; float:left; font-size:16px; color:#000; line-height:100%; letter-spacing:-0.3pt; width:100px; margin-right:20px; text-align:left; padding-top:8px} #login_box2 dd .bir1{width:32.6666666667%; display:inline-block; margin-right:1%} #login_box2 dd .bir1:last-child{margin-right:0} #login_box2 dd {position:relative;overflow: hidden; float:left; width: calc(100% - 120px); text-align:left; font-size:13px;} #login_box2 dd .input_login {width:100%;} #login_box2 .lpad { text-align: center; width: 20px; display: inline-block;} #login_box2 input.input_login{border: 1px solid #ddd; box-sizing: border-box;color: #666; font-size: 13px; padding: 0 12px; height: 36px; line-height: 36px; vertical-align: middle; -webkit-appearance: none; -webkit-border-radius: 0;} #login_box2 .select{font-size: 13px; width:100% color: #666666; border: 1px solid #ddd; background: #fff url('/career/img/sel_arrow.png') no-repeat right 5px center; background-size: 8px; padding: 6px 20px 6px 7px !important; -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-appearance: none; -webkit-border-radius: 0;} #login_box2 input.cnum { border: 1px solid #ddd; color: #666; font-size: 13px; padding: 0 2%; height: 36px; line-height: 36px; vertical-align: middle; box-sizing: border-box; -webkit-appearance: none; -webkit-border-radius: 0;} #login_box2 .select2{width:100px} /************ 회원 **************/ /* 지원현황 */ .status_con{position: relative; overflow: hidden;} .status_con .status_list{position: relative; overflow: hidden; border-top:2px solid #000; margin-bottom:40px } .status_con .status_list li{position: relative; overflow: hidden; border-bottom:1px solid #ddd; padding:15px 0; width:100%; display:table} .status_con .status_list .comlogo{position: relative; overflow: hidden; display:table-cell; width:279px; padding-left:15px} .status_con .status_list .comlogo img{ border:1px solid #ddd; box-sizing: border-box; max-width:277px; width:100%; background-size: cover;background-position: center; background-repeat: no-repeat;} .status_con .status_list .status_info{position: relative; overflow: hidden; display:table-cell; vertical-align: middle; padding-left:3%; padding-right:15px} .status_con .status_list .status_info .inbox{position: relative; overflow: hidden; float:left; width: calc(100% - 200px);} .status_con .status_list .status_info .tit{margin-bottom:15px; background: url('/company/img/map.png') left 2px no-repeat; background-size:14px; padding-left:20px; color:#000; text-align:left; font-size:20px; font-weight:700; line-height:28px; letter-spacing: -0.3pt;} .status_con .status_list .status_info .date{color:#666; line-height:100%; text-align:left; font-size:16px;} .status_con .status_list .apply{float:right; position: relative; overflow: hidden;background:#000;color:#fff; padding:15px; line-height:100%; width:150px; letter-spacing: -0.3pt;} /* UBASE Solution */ .u_solution_con .cs_sol .gr_box{width:100% !important; position: relative; overflow: hidden;} .u_solution_con .cs_sol .gr_box img{max-width:1093px; width:100%} .u_solution_con .cs_sol > div.gr_box:after{display:none; } .business_list_in dt.con_ssstit2{background:none; text-align:left !important; padding:0 !important; margin:45px 0 30px 0 !important; border-bottom:none; font-weight:normal !important; text-decoration:none;} .con_ssstit2{ text-decoration: underline; font-weight: 700 !important; font-family: 'Red Hat Text','Noto Sans KR', sans-serif; color: #1fb5a9 !important; font-size: 20px !important; padding-bottom: 3px; display: inline-block; margin-bottom: 2% !important; line-height: 140%; letter-spacing: -0.5pt;} .topnav { overflow: hidden; background-color: #fff; border-bottom: 1px solid #333; position: fixed; width: 100%; z-index: 555; } .topnav a.active{float: left;} .topnav a.active:hover{border: 0;} .topnav a { float: right; display: block; color: #333; text-align: center; padding: 14px 16px; text-decoration: none; font-size: 17px; line-height: 3.5; margin-right: 1.5%; max-height: 88px; } .topnav a:hover{border-bottom: 3px solid #6740c9; transition:0.6s;} .active { background-color: #fff; color: white; } .active img{max-width: 180px;} .active img:hover{background: #fff;} .topnav .icon { display: none; } .dropdown { float: right; overflow: hidden; margin-right: 1%; } .dropdown .dropbtn { font-size: 17px; border: none; outline: none; color: #333; padding: 14px 16px; background-color: inherit; font-family: inherit; margin: 0; line-height: 3.5; max-height: 88px; } /*.dropdown .dropbtn:hover{border-bottom: 4px solid #6740c9; transition:0.6s;}*/ .dropdown-content { display: none; position: fixed; background: #fff; min-width: 160px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1; } /*.dropdown-content:hover{ border-top: 4px solid #6740c9; transition:0.6s; }*/ .dropdown-content a:hover{ background: #6740c9; color: #fff; } .dropdown-content a:first-child{border-top: 1px solid #000;} .dropdown-content a:first-child:hover{border-top: 1px solid #000;} .dropdown-content a { float: none; color: black; padding: 12px 16px; text-decoration: none; display: block; text-align: left; line-height: 1.5; background: rgba(0,0,0,0.7;); width: 100%; } .dropdown-content a:hover{ border: 0; } .dropdown:hover .dropbtn { color: #333; } .dropdown:hover .dropdown-content { display: block; } @media screen and (max-width: 1200px) { .topnav a:not(:first-child), .dropdown .dropbtn { display: none; } .topnav a.icon { float: right; display: block; } } @media screen and (max-width: 1200px) { .topnav.responsive {position: relative;} .topnav.responsive .icon { position: absolute; right: 0; top: 0; } .topnav.responsive a { float: none; display: block; text-align: left; border: 0; } .topnav.responsive .dropdown {float: none;} .topnav.responsive .dropdown-content {position: relative;} .topnav.responsive .dropdown .dropbtn { display: block; width: 100%; text-align: left; } #myDropdown{ display: none; } .dropdown .dropbtn:hover{border-bottom:0; transition:none;} } /******************************************************************************* @media 1400px~1600px *******************************************************************************/ @media all and (max-width:1800px){ .gnbDiv .gnbWrap .gnb ul li a.oneDep {font-size:15px;} .gnbDiv .gnbWrap li .twoDep a {font-size:13px; } .gnbDiv .gnbWrap .gnb ul li{padding-right:2%} .gnbDiv .gnbWrap .gnb ul li.four {padding-right:1.5%} .gnbDiv .gnbWrap .gnb ul li.five {padding-right:1.5%} .gnbDiv .gnbWrap .gnb ul li.six {padding-right:1.5%} .gnbDiv .gnbWrap .gnb ul li.seven {padding-right:1.5%} .gnbDiv .gnbWrap .gnb ul li.eight {padding-right:1.5%} .gnbDiv .gnbWrap .gnb ul li.nine {padding-right:1%} /* Why UBASE - Best Practice */ .why_best_con dd ul li br {display:none;} .why_best_con .gray_box {width:100%; margin-left:0; /*padding:6% 3%*/} .why_best_con .gray_box dl dt {width:50%;} .why_best_con .gray_box dl:nth-child(2) dd {width:calc(100% - 54%); padding-top:2%; margin-left:4%} .why_best_con .gray_box dl:nth-child(odd) dt {width:50%} .why_best_con .gray_box dl:nth-child(odd) dd {float:left; width:calc(100% - 54%); padding-top:2%} .why_best_con .gray_box dl:last-child dd {padding-top:1%} .bottom_inquiry2.difference {} .difference .b_inquiry_txt {padding:75px 4%} /*********************************** 하단 문의 ***********************************/ .bottom_inquiry {background-size:auto 650px;} .b_inquiry_txt {padding:45px 4%} .b_inquiry_txt h4 {font-size:45px !important;} .b_inquiry_txt p {font-size:16px !important; margin:2.5% 0 4% !important} .difference ul li {margin-bottom:1.5%} .aptobusiness2{max-width:100%; margin:0 auto; padding:0 160px; box-sizing:Border-box; } } /******************************************************************************* @media 1400px~1600px *******************************************************************************/ @media all and (max-width:1600px){ .stickyMenu{display:none;} .gnbDiv .gnbWrap .gnb ul li{padding-right:0.5%} .gnbDiv .gnbWrap .gnb ul li.four {padding-right:0%} .gnbDiv .gnbWrap .gnb ul li.five {padding-right:0%} .gnbDiv .gnbWrap .gnb ul li.six {padding-right:0.3%} .gnbDiv .gnbWrap .gnb ul li.seven {padding-right:0.3%} .gnbDiv .gnbWrap .gnb ul li.eight {padding-right:0.3%} .gnbDiv .gnbWrap .gnb ul li.nine {padding-right:0.2%} #visual {background-size:cover !important} #visual.ver2 {margin-top:0%; height:auto; padding-bottom:10%; background-size:85%} #visual .vtxt2 {padding-top:17%} #visual .vtxt2 h3 {margin-bottom:4%; font-size:85px} .mobile_snb {top:140px} .performance_warp .tit {} .why_ub_con .aptobusiness {width:100%} /* Why UBASE */ .why_dia_txt {margin:7% 0 5% 0} .why_dia_txt li {width:30%; margin-right:5%; padding:2% 1%; font-size:16px; display:flex; justify-content:center; align-items:center; height:95px} .why_dia_txt li br {display:none;} .why_dia_txt li:after {right:-13%} .why_ub_con .why_dia {} .why_ub_con .why_dia img {width:100%} /* Why UBASE - Best Practice */ .why_best_con dd ol li {margin-right:4%} .green_box:after {height:87%} .green_box img {margin-right:4%; width:42%} .green_box .green_txt {width:calc(100% - 46%)} .green_box .green_txt > .sub_txt br {display:none;} .green_box .green_txt ul li {margin-right:8%} .difference .b_inquiry_txt {padding:55px 3%} .difference .b_inquiry_txt p br {display:none;} .difference .b_inquiry_txt ul li {font-size:15px} /*********************************** 하단 문의 ***********************************/ .bottom_inquiry {background-size:auto 600px;} .b_inquiry_txt {padding:35px 3%} .b_inquiry_txt h4 {font-size:40px !important;} .b_inquiry_txt p {font-size:15px !important} } /******************************************************************************* @media ~1550px *******************************************************************************/ @media all and (max-width:1550px){ #visual .vtxt2 {max-width:100%; padding:17% 160px 0 160px} .stickyMenu {max-width:100%} .mobile_snb {left:160px;} /* .centerBg3{padding:70px 135px 100px 135px } */ .centerBg3{padding:70px 145px 100px 145px } .centerBg4{padding:70px 145px 100px 145px } .width1370 {padding:0 160px; max-width:100%} .security_in {padding:6.5% 160px;} .performance_warp ul {padding:80px 160px} .icon_warp {max-width:100%; padding:6% 160px;} .csr_vision_con .cu_tbox {max-width:100%; padding:5% 160px} .development_con .development_cbox1 {max-width:100%; padding:5% 160px;} .development_con .develop_dia {max-width:100%; padding:5% 160px} .u_solution_con .cs_needs {padding:100px 160px} .aptobusiness2 {padding:0 160px} .why_best_con .gray_box2 .in{padding:0 160px;} .bottom_inquiry2{margin:0 160px;} .inquiry_con2 .centerBg3 {padding:70px 145px} .inquiry_con2 .centerBg4 {padding:70px 145px} .gray_con {padding:50px 160px} .gray_con .width1370 {padding:0} .about_con .globee {padding:5% 160px} .about_con .globee br {display:none;} .com_down{max-width:100%} .accordion{padding:0 160px} .top_imghalf dd p br {display:none} .ass_warp li br {display:none;} .icon_warp .text br {display:block} .about_con .status .countBox dt {font-size:45px} .security_in .imgbox dl {width:31.33%; margin-right:3%} .u_solution_con .cs_sol {padding:6% 0} .u_solution_con .sol_partner {padding:4% 160px 0 160px} .what_warp.width1370 {padding:7.5% 160px} .performance_warp .tit {max-width:100%; padding:50px 160px 0 160px} .bottom_inquiry2.difference {margin:0; padding:0 160px; max-width:100%} /* UBASE Message */ .message_con .mes_con2 dt{width:40%; margin-right:4%} .message_con .mes_con2 dd .sub_stxt .none{display:none;} .message_con .mes_con2 dd{width: calc(100% - 44%); margin-top:35px} .message_con .mes_con3 dt{width:40%; margin-left:4%} .message_con .mes_con3 dd .sub_stxt .none{display:none;} .message_con .mes_con3 dd{width: calc(100% - 44%); margin-top:0px} .message_con .mes_con4{padding:5% 0} .message_con .mes_con4 dd .sub_stxt .none{display:none;} .performance_warp .num {font-size:45px} .performance_warp .num img {width:20px; margin-top:-10px} .aptobusiness2 li .box{height:260px;} .aptobusiness2 li .tit{font-size:20px;} .aptobusiness2 li .tit span{font-size:24px; } .aptobusiness2 li .sub_stxt{font-size: 14px;} .aptobusiness2 li h6{margin: 8px 0 12px 0;font-size: 14px;} /* why ubase */ .aptobusiness2 li{} .aptobusiness2 li:nth-child(4){width:50%} .aptobusiness2 li:nth-child(5){width:50%} .aptobusiness2 li .box{padding:20px 5%} .aptobusiness2 li{width:50%} .aptobusiness2 li .box{height:220px;} .bottom_inquiry2{margin:0 160px;} } /******************************************************************************* @media 1400px~1500px *******************************************************************************/ @media all and (max-width:1500px){ .gnbDiv .gnbWrap .gnb ul li a.oneDep {font-size:15px;} /* .centerBg3{padding:70px 123px 100px 123px} */ } /******************************************************************************* @media 1200px~1400px *******************************************************************************/ @media all and (max-width:1400px){ .business_list_in dt.con_ssstit2{margin: 35px 0 25px 0 !important; } .mtop94 {margin-top:80px} .pc_menu {display:none;} .mobile_menu {display:inline-block;} #header {background:#000; position: fixed;} .header_in h1 {text-align: Center; position: absolute;top: 0;left: 50%; margin-left:-65px; padding:21px 0} .quick {border:none !important} #visual.subtop_contact {height:auto; background-image:url('/img/subtop_contact.jpg')} #visual {height:auto; padding:10% 3%} #visual h3 {padding:0 0 3% 0; font-size:86px} #visual p {padding-bottom:0; line-height:160%; font-size:18px;} #visual.ver2 {padding-bottom:8%; top:80px} #visual .vtxt2 h3 {font-size:85px; margin-bottom:3%} #visual .vtxt2 p { font-size:18px;} #visual .vtxt3 {padding-top:5%} .sub_stxt {font-size:15px} .inquiry_con2{padding:10% 3%} .inquiry_con2 .vtxt3 h3{ padding: 0 0 3% 0; font-size:86px} .inquiry_con2 .vtxt3 p{line-height:160%; font-size:18px;} .mobile_snb {top:130px} .centerBg {width:100%; padding:5% 3%; margin:0 auto} .centerBg2 {width:100%; padding:5% 0; margin:0 auto} .centerBg3 {max-width:100%; width:100%; padding:5% 160px; margin:0 auto} .centerBg4 {max-width:100%; width:100%; padding:5% 160px; margin:0 auto} .width1370 {width:100%; max-width:100%; padding:0 160px;} .security_in {padding:6.5% 160px} .message_con .mes_con4 .width1370 {} .inquiry_con2 .centerBg3 {padding:70px 130px} .inquiry_con2 .centerBg4 {padding:70px 130px} .why_best_con .gray_box2 .in{padding:0 160px;} .width1370 {/*width:100%; padding:0 160px*/} /*.gray_con {padding:5% 3%}*/ .gray_con2 {padding:0% 3% 15% 3%} .con_stit {font-size:26px;} .con_ttit {font-size:24px;} .sub_txt {font-size:18px;} .sub_stxt {} .performance_warp .txt {font-size:16px} .why_ub_con .mint_fontbox {padding:35px 3%} .why_ub_con .why_ub_link dl a {padding:45px 7%; height:300px} .why_ub_con .why_ub_link dt {font-size:20px;} .why_ub_con .why_ub_link dt span {font-size:24px} .why_ub_con .why_ub_link dd h6 {margin:8px 0 12px 0; font-size:14px} .why_ub_con .why_ub_link dd p {font-size:14px} .why_ub_con .why_ub_link dd.more {bottom:45px; font-size:14px;} .why_ub_con .why_ub_link dd.wb_img img {} .why_best_con dt {width:40%} .why_best_con dd {width:calc(100% - 46%); margin-left:4%; padding-top:2%} .why_best_con .gray_box dl:last-child dd {padding-top:0%} .why_best_con dd h6.con_ttit {margin-bottom:2%} .why_best_con dd h6.con_ttit span.num {font-size:70px; margin-bottom:3%; left:-5px} .why_best_con dd .sub_txt br {display:none;} .why_best_con dd ul {margin-bottom:5%} .why_best_con dd ol li {margin-right:4%} .why_best_con dd ol li span.num {font-size:36px;} /*********************************** Our Business ***********************************/ .business_con .sub_tab {margin:4.5% 0} .business_con .con_sstit {font-size:35px} .business_con .con_ssstit {margin:35px 0 25px 0} .business_con.expert .business_img {padding:0} .business_list_in dl {width:32%; margin:0 2% 0 0} .business_list_in dt {font-size:16px; padding:18px 3%;} .business_list_in dd {padding:15px 20px; margin-bottom:30px} .business_list_in dd p.sub_stxt {padding:0 0 0 25px; margin-bottom:8px; /*background-position:left 8px; background-size:auto 15px;*/} .business_list_in dd p.sub_stxt img {top:4px; height:15px} /* Our Business - UBASE Service */ .business_con.ub_service {} .business_con.ub_service .con_sstit {} .business_con.ub_service .business_list_in {padding:5% 0 7% 0; width:100%;} .business_con .rolling_txt {text-align:center; margin:5% 0 8% 0} .business_con .rolling_txt img {margin-bottom:20px} .business_con .rolling_txtin dl {} .business_con .rolling_txtin dt {font-size:35px; margin:0 0 15px 0;} /*********************************** Our Solution ***********************************/ .u_solution_con .cs_needs {/*padding:6% 5%*/ padding:6% 160px} .u_solution_con .cs_needs_in {padding-top:5%} .u_solution_con .cs_needs_in h5 {margin:3% 0 1.5% 0} .u_solution_con .cs_needs .con_stit {margin-bottom:2%} .u_solution_con .cs_sol {padding:6% 0} .u_solution_con .cs_sol .cssol_in {margin-top:4.5%; padding-right:2%; box-sizing:border-box;} .u_solution_con .cs_sol .cssol_in:last-child {padding-right:0} .u_solution_con .cs_sol .con_sstit {margin-bottom:5%} .u_solution_con .cs_sol .icon dl {width:48.5%; margin-bottom:3%} .u_solution_con .cs_sol .icon.one dl:nth-child(4){width:48.5%;} /*.u_solution_con .sol_partner {padding:4% 160px 0 160px}*/ /* Our Solution - U ANALYZER */ .what_warp .title {font-size:45px; margin-bottom:3%} .what_warp .txt {font-size:16px; margin-bottom:5%} .what_warp li {font-size:18px} .ass_warp dt {width:50%} .ass_warp dt img {width:100%;} .ass_warp dd {width:calc(100% - 54%)} .ass_warp .title {margin:20% 0 4% 0; font-size:24px} .ass_warp .title:before {width:30%; left:-35%; top:45%} .ass_warp .litxt{font-size:17px;} .ass_warp dl:nth-child(2n) .title:before {left:auto; right:-35%} .ass_warp li {margin-bottom:2%} .ass_warp li:before {top:12px} .ass_warp li br {display:none;} .icon_warp {/*padding:6% 3%*/} .icon_warp .icon {width:35%; margin:0 auto 6% auto;} .icon_warp.list04 .icon {width:30%} .icon_warp .icon img {width:100%} .icon_warp .text {font-size:15px} .icon_warp2 dd h6 {margin:6% 0 4% !important} .icon_warp2 dd p {margin-bottom:1% !important; letter-spacing:-0.5pt;} .icon_warp2 img {width:17%} .performance_warp .num {font-size:40px; margin-bottom:20px} .performance_warp .num img {width:20px; margin-top:-5px} .performance_warp .num span.num_stxt {font-size:28px} .u_rova_con .icon_warp2 {margin-top:5%} .u_rova_con .ass_warp .title {margin-bottom:2%} .u_rova_con .icon_warp2 dd {width:100%; margin-left:0} .u_rova_con .icon_warp2 dt {margin:0 auto 8% auto} .u_rova_con .icon_warp2 dt img {width:45%} .u_rova_con .icon_warp2.two dt img {width:40%} /*********************************** Sustainability ***********************************/ /* Sustainability - CSR Vision */ .csr_vision_con .centerBg img {width:50%} .green_box .green_txt {padding-top:7%} .green_box .green_txt ul li {margin-right:8%;} .green_box .green_txt ul li span.num {font-size:45px; margin-bottom:8%} .development_con .develop_dia h3 {font-size:32px} .development_con .develop_dia h3:before, .development_con .develop_dia h3:after {width:30px; height:21px; margin-right:5px} .development_con .develop_dia h3:after {margin-right:0 !important; margin-left:5px} /* Sustainability - Social Responsibility */ .social_con .gray_con {padding:10% 0 5% 0} .social_con .numBox dt {font-size:25px;} .social_con .numBox dt span {font-size:45px;} .social_con .numBox dd {font-size:16px;} .social_con .numBox dl:first-child dt {font-size:30px;} .social_con .numBox dl:first-child dt span {font-size:30px;} .social_con .numBox dl:first-child dd {font-size:15px;} /*********************************** Who We Are ***********************************/ /* Who We Are - UBASE Is */ /*about_con .centerBg img {width:80%}*/ .about_con .gray_con .width1370 {padding:0} .about_con .gray_con .about_process {padding-left:4%} .about_con .gray_con dt {font-size:25px} .about_con .gray_con dd {} .about_con .gray_con dd br {display:none;} .about_con .status .countBox {padding:0} .about_con .status .countBox dt {font-size:2.5vw; margin-bottom:8%} .about_con .status .countBox dd {font-size:16px} .about_con .about_list{margin:6% 2% 0 2%} .about_con .about_list li .img{width:80px; margin:0 auto 20px auto} .about_con .about_list li p{font-size:22px;} .security_in {/*padding:6.5% 3%*/} .security_in .b_arrow {width:70%} .security_in .imgbox dl {float:left; width:30%; margin-right:5%;} .security_in .imgbox dt {margin:20px 0;} /* Who We Are - CI */ .ci_con .width1370 {padding:0} .ci_con .ciBox {padding:6% 0} .ci_con .ciBox img {width:30%} .ci_con .gray_con dd h6 {} .ci_con .gray_con dd p {} .ci_con .gray_con dt { padding:0 3%} .ci_con .gray_con dt br {display:none;} .employees_con .gray_con {margin-top:5%} .employees_con .gray_con .width1370 {padding:0} .employees_con .icon_list .con_ssstit {margin:4% 0 15px 0} .employees_con.u_rova_con .icon_warp2 dt img {width:80px} .employees_con .centerBg3 a.moreview {padding:18px 40px} .employees_con.u_rova_con .icon_warp2 dt {margin-bottom:0 !important} .employees_con .icon_list .con_ttit.two {margin:7% 0 15px 0 !important} .employees_con .con_ttit {margin-bottom:10px} .department_con {padding:6.5% 3%} .department_con .rolling .slick-prev, .department_con .rolling .slick-next {width:35px; height:35px} .department_con .rolling dl {max-width:100%;} .department_con .rolling dl:nth-child(even) { float:none;} .inquiry_con {background:#fff; padding-bottom:0; height:auto;} .inquiry_con .centerBg {position:relative; overflow:hidden; margin:0 auto; width:100%; left:auto; margin-left:0; bottom:0} .inquiry_con .inquiry_img {width:75%; margin-bottom:5%} .inquiry_con2 .inquiry_img {width:75%; margin-bottom:5%} /*********************************** Membership ***********************************/ /* Membership - 이메일무단수집거부 */ .privacy_con .email_icon {width:200px; height:200px; float:left;} .privacy_con .email_icon img {width:70px} .privacy_con .con_txt {float:left; width:calc(100% - 200px); box-sizing:border-box} .bottom_inquiry2.difference {} .difference .b_inquiry_txt {padding:45px 3%} .difference .b_inquiry_txt p {margin:2.5% 0 4% 0 !important} /*********************************** 하단 문의 ***********************************/ .bottom_inquiry {background-size:auto 500px; padding-left:48%} .b_inquiry_txt {padding:35px 3%} .b_inquiry_txt h4 {} .b_inquiry_txt p {margin:1.5% 0 2% 0 !important} .fade .tit1 {font-size:16px; padding:0 22px; height:150px} .fade .tit2 {font-size:16px; height:150px;} .quick_box {margin-top:-30%} .fade {top:200px} .quick_box .one {top:375px} .quick_box .one a {} .quick_box .one a.on{height:auto !important} .quick_box .one a:hover {height:auto !important} .quick_box .one .tit {font-size:16px; margin:0 0 4% 0; width:100%} .quick_box .one .tit2 {font-size:16px; /*padding:19% 36%*/ padding:0 21px; height:150px; box-sizing:Border-box;} .quick_box .one .stxt {font-size:1vw} .quick_box .one .stxt2 {font-size:1vw; line-height:150%; margin-top:5%} .quick_box .one .hover {height:auto !important; padding:32px 5%; background:#1fb5a9} .quick_box .two a {} .quick_box .two a.on{height:auto !important} .quick_box .two a:hover {height:auto !important} .quick_box .two .tit {font-size:16px; margin:0 0 4% 0; width:100%} .quick_box .two .tit2 {font-size:16px; padding:0px 22px} .quick_box .two .stxt {font-size:1vw} .quick_box .two .stxt2 {font-size:1vw; line-height:150%; margin-top:5%} .quick_box .two .hover {padding:32px 8%; height:auto !important; background:#1fb5a9} } /******************************************************************************* @media 1024px~1200px *******************************************************************************/ @media all and (max-width:1200px){ .about_con .status .sub_stxt br {display:none;} #visual {} #visual h3 {font-size:80px} #visual p {font-size:18px} #visual .vtxt2 h3 {font-size:75px} /*#visual .vtxt2 p {font-size:17px}*/ #visual .vtxt3 {padding-top:8%} .inquiry_con2 .vtxt3 h3{font-size:80px} .mobile_snb {top:110px} .mobile_snb.ver2 {left:50%; top:80px; margin-left:-163px} .u_solution_con .ass_warp li br {display:none;} .top_imghalf dd p br {display:none;} .u_alalyzer_con .icon_warp .text br{display:none;} .u_rova_con .ass_warp .txt {font-size:15px;} .u_rova_con .icon_warp2 h6 {font-size:18px;} .u_rova_con .icon_warp2 p {font-size:14px;} .why_best_con dd ol li span.num {font-size:32px;} .b_inquiry_txt {padding:35px 3%} .bottom_inquiry2.difference {} /*********************************** 하단 문의 ***********************************/ .bottom_inquiry {background-size:auto 485px; background-position:left -75px top} .b_inquiry_txt {padding:25px 3%} /*********************************** Membership ***********************************/ /* Membership - 이메일무단수집거부 */ .privacy_con .email_icon {width:180px; height:180px; } .privacy_con .email_icon img {width:60px} .privacy_con .con_txt {width:calc(100% - 180px)} .privacy_con .con_txt br.none {display:none;} .fade {top:150px} .quick_box .one {top:310px} .quick_box .one a {width:45px;} .quick_box .one a:hover {height:140px} .quick_box .two a {width:45px} .quick_box .two a:hover {height:145px !important} .fade .tit1 {padding:0px 16px} .quick_box .two .tit2 {padding:0 16px;} .quick_box .one .tit2{padding:0 16px} .performance_warp .txt {font-size:16px} .ass_warp .title {font-size:20px;} .icon_warp2 dd h6 {font-size:20px;} .icon_warp2 dd p {font-size:15px;} .development_con .develop_dia h3 {font-size:28px} .career_con .cno1{background-position:60% top;} .career_con .cno2{background-position:60% top;} .career_con .cno3{background-position:70% top;} .career_con .cno4{background-position:60% top;} .career_con .cno5{background-position:60% top;} .career_con .cno6{background-position:60% top;} .career_con .cno7{background-position:60% top;} .career_con .cno8{background-position:60% top;} .career_con .cno9{background-position:60% top;} .career_con .cno10{background-position:60% top;} } /******************************************************************************* @media 980px~1024px *******************************************************************************/ @media all and (max-width:1024px){ .business_list_in dt.con_ssstit2{margin: 30px 0 20px 0 !important; font-size:17px } .quick_box{display:none;} .mtop94 {margin-top:70px} #visual {} #visual h3 {font-size:70px} #visual p {} #visual.ver2 {padding:8% 3%} #visual .vtxt2 {padding:100px 0 0 0} #visual .vtxt2 h3 {font-size:60px} /*#visual .vtxt2 p {font-size:16px}*/ .what_warp .txt span{line-height: 160%;} .mobile_snb {max-width:280px; top:80px; left:3%} .mobile_snb .box .dropLst .txt {font-size:24px; padding-bottom:12px} .dropLst .dlst {top:36px} .mobile_snb .box.dep2 .dropLst li .value {font-size:24px; padding:15px 10px} .mobile_snb.ver2 {margin-left:-140px} .con_stit {font-size:23px;} .con_sstit {font-size:19px} .con_ssstit {font-size:17px} .sub_txt {font-size:16px} .sub_stxt {font-size:15px;} .sub_stxt br {display:none;} .dot p {padding-left:15px} .width1370 {padding:5% 3%} .centerBg3{padding:5% 3%} .centerBg4{padding:5% 3%} .gray_con {padding:5% 3%} .icon_warp {padding:5% 3%} .csr_vision_con .cu_tbox {padding:0 3%} .development_con .development_cbox1{padding:5% 3%;} .security_in {padding:5% 3%} .message_con .mes_con4 {padding:0} .about_con .status .width1370 {padding:0 3%} .tab_con .width1370 {padding:0 0} .u_solution_con .cs_needs {padding:5% 3%} .u_solution_con .cs_sol {padding:0} .u_solution_con .sol_partner {padding:4% 3% 0 3%} .sol_partner_in {padding:0 3%; margin-top:0} .what_warp.width1370 {padding:18% 3%} .u_collector .ass_warp {padding:0} .ass_warp {padding:5% 3%} .sub_tab li a {font-size:15px;padding:15px 2%} .bottom_inquiry2.difference { padding:5% 3%;} .bottom_inquiry2.difference > div {float:none; padding:0; width:100%;} .u_alalyzer_con .icon_warp .text{min-height:44px; padding:0 3%} .csr_vision_con .icon_warp .two .icon { width: 16.8%;} /* why ubase */ .aptobusiness2 {padding:0} .performance_warp .tit {padding:40px 3% 0 3%; top:15px} .performance_warp ul {padding:45px 3%; max-width:100%} .about_con .globee {padding:5% 3%} .about_con .globee br {display:none;} .about_con .globee .globee_img {padding-top:0} .about_con .globee .globee_img img {width:75%} .about_con .globee .globee_txt a {} .accordion{padding:0 3%} .why_ub_con .why_ub_link dl a {height:250px; padding:30px 7%} .why_ub_con .why_ub_link dd.wb_img img {} .why_dia_txt li {font-size:16px; padding:1.5% 1%; width:31.33%; margin-right:3%} .why_dia_txt li:after {right:-10%; margin-top:-5px; margin-right:5px; width:10px; height:10px;} .why_best_con .gray_box2 .in{padding:0 3%} .why_best_con dd h6.con_ttit span.num {font-size:50px; left:-5px} .why_best_con dd ul li {font-size:15px;} .why_best_con dd ol li {font-size:15px; margin-right:6%} .why_best_con dd ol li span.num {font-size:30px;} .why_best_con .porimg1{display:none;} .why_best_con .porimg2{margin-top:30px} .why_best_con .porimg2 img{width: 150px;} .why_best_con .porimg3{display:block;} .why_best_con .gray_box {padding:0} /*********************************** Our Business ***********************************/ .business_con .con_sstit {font-size:25px} .business_con .con_ssstit {margin:30px 0 20px 0} .business_list_in dt {font-size:15px; padding:15px 3%;} .business_list_in dd {padding:15px;} .business_list_in dd p.sub_stxt {padding:0 0 0 20px;/*background-position:left 8px; background-size:auto 13px;*/ } .business_list_in dd p.sub_stxt img {height:13px; top:4px} /* Our Business - UBASE Service */ .business_con.ub_service .business_list_in {padding:5% 3% 7% 3%; width:100%;} .business_con .rolling_txtin dt {font-size:25px; margin:0 0 16px 0;} .business_con.ub_service .what_warp {padding:5% 3% !important} .business_con.ub_service .tab_con .sub_tab {padding:0 3% 5% 3%; width:100%;box-sizing:Border-box} .business_con .business_img {width:100%; padding:0 3%; box-sizing:border-box;} /*********************************** Our Solution ***********************************/ .u_solution_con .cs_needs_in img {width:65px} .sol_partner_in {position:relative; overflow:hidden; margin-top:0} .sol_partner_in li {width:19.2%;} .sol_partner_in li:nth-child(5n) {margin-right:0} .sol_partner_in li:nth-child(6n) {margin-right:1%} /* Our Solution - U ABALYZER */ .what_warp .title {font-size:35px} .what_warp .txt {font-size:15px;} .what_warp li {font-size:15px} .ass_warp dt {width:50%} .ass_warp dt img {width:100%;} .ass_warp dd {width:calc(100% - 54%)} .ass_warp .title {margin:15% 0 6% 0;} .ass_warp .title:before {width:40%; left:-45%; top:45%} .ass_warp dl:nth-child(2n) .title:before {left:auto; right:-45%} .ass_warp li {font-size:15px;} .icon_warp .icon {width:25%; } .icon_warp .text {font-size:15px} .icon_warp2 dd h6 {} .icon_warp2 dd p {} .icon_warp2 img {width:22%} /*.icon_warp2 dl:after {height:180px; margin-top:-90px}*/ .icon_warp2 dt {height:100px} .performance_warp .tit {font-size:24px;} .performance_warp .num {font-size:32px; margin-bottom:15px} .performance_warp .num span.num_stxt {font-size:17px} .performance_warp .txt {font-size:15px;} .performance_warp .num img {width:20px; margin-left:5%} .development_con .develop_dia {padding:5% 3%} /*********************************** Sustainability ***********************************/ /* Sustainability - CSR Vision */ .csr_vision_con .centerBg img {width:70%} .green_box .green_txt {padding-top:4%} .green_box .green_txt ul li { margin-right:6%} .green_box .green_txt ul li span.num {font-size:35px;} .development_con .develop_dia h3 {font-size:28px} .development_con .develop_dia h3:before, .development_con .develop_dia h3:after {width:25px; top:-8px;} .development_con .develop_dia img.arrow {width:150px} .development_con .arrow:before{width:150px; height:100px; background-size:150px;} /* Sustainability - Social Responsibility */ .social_con .numBox dl:first-child dt {font-size:24px;} .social_con .numBox dl:first-child dt span {font-size:23px;} .social_con .numBox dt span {font-size:32px} .social_con .numBox dt {font-size:23px;} .social_con .numBox dd {font-size:15px;} /*********************************** Who We Are ***********************************/ /* Who We Are - UBASE Is */ .about_con .sub_txt br {display:none} .about_con .status .con_stit {padding:0} .about_con .status .sub_stxt {padding:0} .about_con .status .sub_stxt br {display:none} .about_con .status .sub_stxt br.show {display:block; !important} .about_con .gray_con dt {font-size:22px;} .about_con .gray_con dd {font-size:15px} .about_con .gray_con dd br {display:none;} .about_con .about_list{margin:6% 2% 0 2%} .about_con .about_list li .img{width:60px;} .about_con .about_list li p{font-size:18px;} /* UBASE Message */ .message_con .mes_con2 dd .icon img{width:35px;} .message_con .mes_con3 dd .icon img{width:35px;} .message_con .mes_con4 .na{font-size:18px;} /*********************************** Membership ***********************************/ /* Membership - 이메일무단수집거부 */ .privacy_con .email_icon {width:150px; height:150px;} .privacy_con .email_icon img {width:50px} .privacy_con .con_txt {width:calc(100% - 150px)} .difference .b_inquiry_txt p {margin:1.5% 0 2% 0 !important} /*********************************** 하단 문의 ***********************************/ .bottom_inquiry {padding:0 !important; background:none !important;} .bottom_inquiry2{margin:0 0%} .bottom_inquiry2:before{display:none;} .bottom_inquiry2 > div{width:100%;} .bottom_inquiry2 .b_inquiry_txt{padding:6% 3% } .b_inquiry_txt h4 {font-size:30px !important;} .quick_box .two .tit {font-size:14px} .quick_box .two .stxt {font-size:13px} .quick_box .two .stxt2 {font-size:13px} .quick_box .one .tit {font-size:14px} .quick_box .one .stxt {font-size:13px} .quick_box .one .stxt2 {font-size:13px} .fade .tit1 {font-size:15px} .quick_box .one .tit2 {font-size:15px} .quick_box .two .tit2{font-size:15px} /* careerpath */ .careerpath_con .caph_cat li .tit{font-size:15px;} .careerpath_con .caph_cat li .name{font-size:17px; line-height: 22px;} .career_con{padding-top:80px;} .career_con .tbox{padding:120px 50px;} .career_con .tbox .tit{font-size:24px; letter-spacing:-1.3pt} .career_con .tbox .name{font-size:16px; line-height:22px} .career_con .cno1{background-position:right -80px top; background-color:#e2dfda} .career_con .cno2{background-position:60% top;} .career_con .cno3{background-position:70% top;} .career_con .cno4{background-position:60% top;} .career_con .cno5{background-position:60% top;} .career_con .cno6{background-position:60% top;} .career_con .cno7{background-position:60% top;} .career_con .cno8{background-position:60% top;} .career_con .cno9{background-position:60% top;} .career_con .cno10{background-position:60% top;} .career_con .rolling .slick-prev{left:20px;} .career_con .rolling .slick-next{right:20px;} .career_con .rolling .slick-prev, .career_con .rolling .slick-next{width:35px; height:35px; top:31%} .career_con .rolling .slick-dots{top:61%} } /******************************************************************************* @media 768px~980px *******************************************************************************/ @media all and (max-width:980px){ /************ 회원 **************/ /* 지원현황 */ .status_con .status_list .status_info .tit{font-size:16px; background-size:11px; padding-left:13px; line-height:24px; margin-bottom:10px; } .status_con .status_list .status_info .date{font-size:13px} .status_con .status_list .comlogo{width:200px} .status_con .status_list .status_info .inbox{float:none; width:100%} .status_con .status_list .apply{float:none; margin-top:20px; font-size:13px; padding:10px 0; width:100%} .status_con .status_list{margin-bottom:30px} .mtop94 {margin-top:0px} #visual {} #visual h3 {font-size:65px} #visual p {} .fade {top:100px} .quick_box .one {top:245px} .quick_box .one a {width:40px; height:135px} .quick_box .two a {width:40px; height:120px} .fade .tit1 {height:120px; font-size:14px; padding:0 12px} .fade .tit2 {height:120px; font-size:14px; padding:0 12px;} .quick_box .one .tit2 {font-size:14px; padding:0 12px; height:135px} .quick_box .two .tit2 {font-size:14px; padding:0 12px} .quick_box .two .hover {padding:20px 3%} .quick_box .one .hover {padding:20px 3%} .inquiry_con2 .vtxt3 h3{font-size:65px} .inquiry_con2 .vtxt3 p{padding-bottom:60px} .inquiry_con2{padding:10% 0 0 0} .inquiry_con2 .centerBg3{padding:5% 3%} .con_ttit {font-size:20px;} .mobile_snb {top:80px} .mobile_snb .box .dropLst .txt {font-size:20px} .mobile_snb .box.dep2 .dropLst li .value {font-size:20px} .icon_warp2 dl:after {height:150px; top:50%; margin-top:-75px} .why_dia_txt li {float:none; width:80%; margin:0 auto 20px auto; height:auto} .why_dia_txt li br {display:none;} .why_dia_txt li:last-child {margin:0 auto !important} .why_dia_txt li:after {right:50%; margin-right:-8px; top:auto; margin-top:0; bottom:-20px;} .why_ub_con .why_dia {} .why_ub_con .why_dia dl {float:left; width:49%; margin:0; border:1px solid #ddd; border-top:none; border-left:none; box-sizing:border-box; padding:3%; text-align:left; height:310px} .why_ub_con .why_dia dl:nth-child(2n) {margin-right:0; border-right:none} .why_ub_con .why_dia dl:nth-child(2) ~ dl {border-bottom:none; height:auto} .why_ub_con .why_dia dl:last-child {margin-right:0;} .why_ub_con .why_dia dt { text-align:left;} .why_ub_con .why_dia dt img {margin:0; margin-bottom:2%} .why_ub_con .why_dia img {width:auto; display:block; margin:0 auto} .why_ub_con .why_dia img.arrow {padding-top:2%} .why_ub_con .why_dia img.core {margin:1% auto 3% auto} .why_ub_con .why_dia dd {} .why_ub_con .why_dia dd h4 {font-size:25px; font-family:'Red Hat Text', sans-serif; color:#000; font-weight:700; letter-spacing:0; margin-bottom:0; text-align:left;} .why_ub_con .why_dia dd h4 span {letter-spacing:0; font-family:'Red Hat Text', sans-serif; color:#1fb5a9; font-weight:400; display:block; margin:2% 0 3% 0; font-size:16px;} .why_ub_con .why_dia dd p {font-size:15px; letter-spacing:-0.3pt; font-weight:300; color:#000; font-family:'Red Hat Text','Noto Sans KR', sans-serif;} .why_ub_con .mint_fontbox {font-size:26px; padding:25px 3%} .why_ub_con .why_ub_link dl {float:left; width:33.33%} .why_ub_con .why_ub_link dl:nth-child(3) ~ dl {width:50%} .why_ub_con .why_ub_link dl a {height:250px; padding:20px 5%; background:url('/why_ubase/img/why_u_img01.jpg') left top/cover no-repeat;} .why_ub_con .why_ub_link dl:nth-child(2) a {background-image:url('/why_ubase/img/why_u_img02.jpg')} .why_ub_con .why_ub_link dl:nth-child(3) a {background-image:url('/why_ubase/img/why_u_img03.jpg')} .why_ub_con .why_ub_link dl:nth-child(4) a {background-image:url('/why_ubase/img/why_u_img04.jpg')} .why_ub_con .why_ub_link dl:last-child a {background-image:url('/why_ubase/img/why_u_img05.jpg')} .why_ub_con .why_ub_link dd.wb_img img {height:auto; display:none;} .why_ub_con .why_ub_link dd.more {bottom:20px;} .why_best_con dd h6.con_ttit span.num {font-size:40px;} .why_best_con dd ol li span.num {font-size:25px;} .u_solution_con .cs_sol {/*padding:5% 0*/ padding:35px 3%} .u_rova_con .icon_warp2.two dl:nth-child(2):before {height:150px; top:50%; margin-top:-75px} .u_rova_con .icon_warp2 h6 {font-size:16px} /*********************************** Our Business ***********************************/ .business_con .con_sstit {font-size:20px} .business_list_in dl {width:100%;} .business_list_in dl:nth-child(2n) {margin-right:0} .business_list_in dd {margin-bottom:15px} .business_con .rolling_txtin dt {font-size:20px} /*********************************** Our Solution ***********************************/ /* Our Solution - U ABALYZER */ .ass_warp .title {margin:15% 0 4% 0; font-size:20px} .ass_warp li {font-size:14px;} .ass_warp li br {display:none;} .ass_warp li:before {top:9px} .icon_warp .text {font-size:14px} .security_in .why_dia_txt {} .security_in .why_dia_txt:after {display:block; content:""; background:url('/company/img/security_b_arrow_m.gif') center center no-repeat; position:absolute; right:0; top:10%; width:39px; height:80%; background-size:auto 100%} .security_in .why_dia_txt li:after {transform:rotate(90deg); width:7px; bottom:-23px} .security_in .b_arrow{display:none;} .icon_warp2 dd p {letter-spacing:-0.85pt} /*********************************** Membership ***********************************/ .privacy_list {padding:20px} .privacy_list li {float:none; width:100%; margin:0; } /* Membership - 이메일무단수집거부 */ .privacy_con .email_icon {width:120px; height:120px;} .privacy_con .email_icon img {} .privacy_con .con_txt {font-size:14px; padding-left:2%; width:calc(100% - 120px)} .department_con .rolling dd.img .imgtxt{position: relative; padding:5% 3% 5% 3% !important; background:#f9f9f9} .department_con .rolling .slick-prev, .department_con .rolling .slick-next{top:30%} .department_con .rolling .slick-dots {bottom:42%} /* UBASE Message */ .message_con .mes_con1{margin-bottom:30px;} .message_con .mes_con2{margin-bottom:30px;} .message_con .mes_con2 dt{width:100%; margin-right:0} .message_con .mes_con2 dt img{max-width:100%;} .message_con .mes_con2 dd{width:100%;margin-top:20px;} .message_con .mes_con2 dd .icon img{width:30px;} .message_con .mes_con3 dt{width:100%; margin-left:0} .message_con .mes_con3 dt img{max-width:100%;} .message_con .mes_con3 dd{width:100%;margin-top:20px;} .message_con .mes_con3 dd .icon img{width:30px;} .message_con .mes_con4 .na{font-size:16px;} /* careerpath */ .careerpath_con .caph_cat li{width:23.5%; margin-right:2%; margin-bottom:30px} .careerpath_con .caph_cat li:nth-child(4n){margin-right:0} .careerpath_con .caph_cat li:nth-child(5){margin-right:2%;} .careerpath_con .caph_cat li .tit{font-size:14px;} .careerpath_con .caph_cat li .name{font-size:16px;} .career_con{padding-top:80px} .career_con .tbox{padding:100px 40px} .career_con .tbox .tit{font-size:22px;} .career_con .tbox .name{font-size:15px; margin-bottom:20px; line-height:20px;} .career_con .cno1{background-size:900px;} .career_con .cno2{background-size:900px;} .career_con .cno3{background-size:900px;} .career_con .cno4{background-size:900px;} .career_con .cno5{background-size:900px; background-position: 34% top;} .career_con .cno6{background-size:900px; background-position: 38% top;} .career_con .cno7{background-size:900px;} .career_con .cno8{background-size:900px;} .career_con .cno9{background-size:900px;} .career_con .cno10{background-size:900px;} .career_con .rolling .slick-prev{left:15px;} .career_con .rolling .slick-next{right:15px;} .career_con .rolling .slick-prev, .career_con .rolling .slick-next{width:25px; height:25px; top:31%} .career_con .rolling .slick-dots{display:none !important} } /******************************************************************************* @media 640px~768px *******************************************************************************/ @media all and (max-width:768px){ #visual.ver2 {padding: 8% 3% 18%; } #visual .vtxt2 h3{line-height:100% } /* UBASE Solution */ .u_solution_con .cs_sol .gr_box{margin:40px 0 40px 0; padding-right:0; padding-bottom:40px;} .business_list_in dt.con_ssstit2{font-size:15px !important;} .width1370 {padding:0} .gray_con {padding:30px 3%} .centerBg {padding:30px 3%} .centerBg2 {padding:30px 0} .inquiry_con .centerBg{padding:30px 3% 80px 3%} #visual {} #visual:after{content: ''; width: 100%;height: 100%;position: absolute;display: block;top: 0;left: 0;} #visual h3 {font-size:40px; } #visual p {font-size:14px} .inquiry_con2 .vtxt3 h3{font-size:40px; color:#fff} .inquiry_con2 .vtxt3 p{font-size:14px; color:#fff} .inquiry_con2{background: url('/img/subtop_contact4.jpg') top center no-repeat; background-size:cover;} /** 서브 네비게이션 모바일 **/ .mobile_snb {display: block; width:100%; max-width:100%; margin:0 auto; height:45px; position:relative; left:auto; top:0;} .mobile_snb .box {width: 100%; float:none; height: 45px; box-sizing:border-box; background:#fff} .mobile_snb .box.dep2 {} .mobile_snb .box.dep1 {} .mobile_snb .dropLst .txt, .mobile_snb .dropLst li span, .mobile_snb .dropLst > a {padding-left:14px; width:100%; height: 45px; line-height: 45px; font-size:13px; border:none; z-index: 99; box-sizing:border-box; padding:14px} .mobile_snb .box .dropLst .txt {font-size:14px; background:#fff; padding-right:40px;} .mobile_snb .box .dropLst .txt:before {width:20px; height: 20px; right:14px; top:10px} .mobile_snb .box .dropLst .txt.on:before {-ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg);} .mobile_snb .box .dropLst ul {padding:0;} .mobile_snb .box.dep1 .dropLst ul, .mobile_snb .box.dep1 .dropLst ul li {border-bottom:1px solid #ddd;} .mobile_snb .box.dep1 .dropLst ul li:first-child {border-top:none;} .mobile_snb .box.dep1 .dropLst ul li:last-child {border-bottom:0;} .mobile_snb .box.dep1 .dropLst li .value {padding-left:14px; width:100%; height: 36px; line-height: 36px; font-size:13px; border:none; z-index: 99; box-sizing:border-box;} .mobile_snb .box.dep1 .dropLst li .value.on {color:#fff; background:#000 ;} .mobile_snb .box.dep1 .dropLst .txt {border-right:1px solid #ddd} .mobile_snb .box.dep1 .dropLst .txt:before {background-position:bottom left;} /* 첫번째 서브메뉴 화살표 위치 */ .mobile_snb .box.dep2 .dropLst ul li {background-color: #f5f5f5; border-bottom:1px solid #ddd;} .mobile_snb .box.dep2 .dropLst ul li:last-child{border-bottom:none} .mobile_snb .box.dep2 .dropLst li .value {padding-left:14px; width:100%; height: 36px; line-height: 36px; font-size:13px; border:none; z-index: 99; box-sizing:border-box; padding:0 15px} /*color:#003591;*/ .mobile_snb .box.dep2 .dropLst li .value.on {} .mobile_snb .dropLst {width:100%; box-sizing: border-box; position:relative;} .mobile_snb .dropLst .dlst {width:100%;} .mobile_snb .dropLst .dlst ul {} .dropLst li span, .dropLst li a {padding:0} .dropLst .dlst{top:45px} .mobile_snb.ver2 {left:0; margin-left:0; top:0} /*.con_ttit {font-size:19px}*/ .con_stit {font-size:19px !important; margin-bottom:12px !important;} .con_sstit {font-size:16px; margin:15px 0 8px 0 !important} .con_ssstit {font-size:16px; margin:20px 0 15px 0 !important; padding-bottom:3px} .sub_txt {font-size:14px} .sub_stxt {font-size:14px; margin-bottom:15px} .sub_tab li a {font-size:14px; padding:12px 1%} .why_ub_con .why_dia {} .why_ub_con .why_dia img.arrow {width:35%} .why_ub_con .why_dia img.core {width:45%} .why_ub_con .why_dia dl {float:none; width:100%; border-bottom:1px solid #ddd !important;padding:3% 0; height:auto; display:table; width:100%; border-right:none; padding:20px 0} .why_ub_con .why_dia dl:first-child {padding-top:0} .why_ub_con .why_dia dl:last-child {border-bottom:0 !important; padding-bottom:0} .why_ub_con .why_dia dt {display:table-cell; vertical-align:top; width:70px} .why_ub_con .why_dia dt img {margin:0; width:100%} .why_ub_con .why_dia img.arrow {padding-top:35px} .why_ub_con .why_dia img.core {margin:10px auto 20px auto} .why_ub_con .why_dia dd {display:table-cell; vertical-align:top; padding-left:3%} .why_ub_con .why_dia dd h4 {margin-bottom:0 !important} .why_ub_con .why_dia dd h4 span {margin:6px 0 8px 0; font-size:13px;} .why_ub_con .why_dia dd p {font-size:14px;} .why_dia_txt li {font-size:14px;} .why_ub_con .mint_fontbox {font-size:18px; padding:20px 3%} .why_ub_con .why_ub_link dl {width:50%} .why_ub_con .why_ub_link dl:nth-child(3) ~ dl {width:50%} .why_ub_con .why_ub_link dl a {height:300px; padding:20px 5%; background:url('/why_ubase/img/why_u_img01.jpg') left top/cover no-repeat;} .why_best_con .gray_box {padding:30px 3%} .why_best_con dt {float:none; width:100%;} .why_best_con dt img {width:100%} .why_best_con dd {float:none; width:100%; margin:0; padding:20px 0 0 0} .why_best_con dd h6.con_ttit {margin-bottom:10px} .why_best_con dd h6.con_ttit span.num {left:0; margin:0 0 10px 0; font-size:30px} .why_best_con dd .sub_txt {margin-bottom:15px} .why_best_con dd ul {margin-bottom:20px} .why_best_con dd ul li {font-size:14px; padding-left:20px; margin-bottom:5px} .why_best_con dd ul li span.num {width:14px; height:14px; top:3px} .why_best_con dd ol li span.num {font-size:20px; margin-bottom:10px} .why_best_con dd ol li {font-size:14px; width:32.5%; margin-right:1%} .why_best_con dd ol li br {display:none} .why_best_con .gray_box dl:nth-child(odd) dt {float:none; width:100%; text-align:center;} .why_best_con .gray_box dl:nth-child(odd) dd {float:none; width:100%; padding-top:20px} .why_best_con .gray_box dl:nth-child(2) dt {width:100%} .why_best_con .gray_box dl:nth-child(2) dd {width:100%; padding-top:20px; margin:0} .why_best_con .porimg2 img{width:100px} .why_best_con .gray_box2 dl:nth-child(odd) dt {float:none; width:100%;} .why_best_con .gray_box2 dl:nth-child(odd) dd{width:100%; float:none; padding-top: 20px;} .why_best_con .gray_box2 dl:nth-child(2) dt{width:100%; float:none;} .why_best_con .gray_box2 dl:nth-child(2) dd{float:none; width:100%; margin-left:0} /*********************************** Our Business ***********************************/ .business_con .con_sstit {font-size:18px} .business_list_in dt {font-size:14px} .business_con.ub_service .con_sstit {margin:0px 0 15px 0 !important} .business_con.ub_service .why_best_con dd.list02 ol li {width:49%; margin-right:1%} .business_con.ub_service .why_best_con dd.list02 ol li:last-child {margin-right:0} .business_con.ub_service .why_best_con dl.one{margin-top:1.5rem} /*********************************** Our Solution ***********************************/ .u_solution_con .what_warp {padding:35px 3% 20px 3% } .u_solution_con .cs_needs {/*padding:35px 3%*/; padding:35px 3%} .u_solution_con .cs_sol {/*padding:35px 3%*/} .u_solution_con .cs_sol .cssol_in {display:block; width:100%; padding-bottom:15px; margin:25px 0 25px 0; border-bottom:1px solid rgba(255,255,255,0.3)} .u_solution_con .cs_sol .cssol_in:after {display:none;} .u_solution_con .cs_sol .cssol_in:last-child {padding-bottom:0; margin:0; border-bottom:0} .u_solution_con .cs_sol .con_sstit {margin-bottom:15px !important;} .u_solution_con .cs_sol .icon dt img {width:55px} .u_solution_con .sol_partner {padding:35px 3% 25px 3%} .u_solution_con .sol_partner .con_stit {} .sol_partner_in {margin:0; padding:0 3%} .sol_partner_in li {width:24.25%;} .sol_partner_in li:nth-child(4n) {margin-right:0} .sol_partner_in li:nth-child(5n) {margin-right:1%} /* Our Solution - U ABALYZER */ .what_warp {padding:35px 3%; } .what_warp .title {font-size:28px; margin-bottom:30px} .what_warp .txt {font-size:14px; margin-bottom:30px} .what_warp .txt br {display:none;} .optimized_con .what_warp .txt br{display:block;} .optimized_con .what_warp .txt .none{display:none;} .what_warp li {font-size:15px; float:left; width:50%; box-sizing:border-box; border-right:1px solid #ddd; padding:15px 0} .what_warp li:first-child {border-bottom:1px solid #ddd;} .what_warp li:nth-child(2) {border-bottom:1px solid #ddd;} .what_warp li:nth-child(2n) {border-right:none;} .what_warp li:last-child {border-right:none} .what_warp li:after {display:none;} .what_warp.list03 {} .what_warp.list03 li:nth-child(2) {border-right:1px solid #ddd} .what_warp.list03 li {width:33.33% !important; border-bottom:0 !important; font-size:15px;} .ass_warp {padding:30px 3%; width:100%} .ass_warp dt {float:none; width:100%;} .ass_warp dd {float:none; margin-left:0; width:100%; margin-top:15px} .ass_warp .title .brnone {display: none;} .ass_warp .title {margin:0 0 10px 0; font-size:16px} .ass_warp .title:before {display:none;} .ass_warp .litxt{font-size:14px; margin-bottom:10px} .ass_warp li {font-size:13px; margin-bottom:1%} .ass_warp dl:nth-child(2n) dt{float:none;} .ass_warp dl:nth-child(2n) dd {margin:20px 0 0 0; float:none; } .ass_warp dl:nth-child(2n) .title {text-align:left; } .ass_warp dl:nth-child(2n) li {text-align:left; padding-left:15px} .ass_warp dl:nth-child(2n) li:before {left:0; right:auto;} .ass_warp dl:nth-child(2n) .litxt{text-align:left;} .u_collector .ass_warp {padding:5% 3%} .icon_warp {padding:0} .icon_warp .text {font-size:13px} .icon_warp .text br {display:none;} .icon_warp ul.one {border:none; margin:0; padding:0} .icon_warp li {width:50% !important; border-bottom:1px solid #e1e1e1; border-right:1px solid #e1e1e1; padding:15px 0; box-sizing:border-box;} .icon_warp li:after {display:none;} .icon_warp li:nth-child(2n) {border-right:none;} .icon_warp li:nth-child(4) ~ li {border-bottom:none} .icon_warp .icon {/*width:25%;*/width:60px;; margin:0 auto 10px auto !important} .csr_vision_con .icon_warp .one li:nth-child(1) .text, .csr_vision_con .icon_warp .one li:nth-child(2) .text{min-height:42px} .development_con .icon_warp li:nth-child(5){border-bottom:1px solid #ddd;} .development_con .icon_warp li:nth-child(6){border-bottom:1px solid #ddd;} .development_con .icon_warp li:nth-child(6) ~ li {border-bottom:none} .development_con .listone li .text{min-height:40px;} .icon_warp.list03 li:last-child {width:100% !important; border-right:none; float:none;} .icon_warp.list04 li {} .icon_warp.list04 li:nth-child(3) {border-right:none;} .icon_warp.list04 .icon {width:28%; margin-bottom:0} .icon_warp2 dd h6 {font-size:19px;} .icon_warp2 dd p {font-size:14px;} .icon_warp2 dt {height:80px} .icon_warp2 img {width:22%} .icon_warp2 dl:after {height:120px; margin-top:-60px} .icon_warp2.list04 dl {float:left !important; box-sizing:border-box; width:50%; border-right:1px solid #ddd; border-top:1px solid #ddd; border-bottom:none; padding:15px 1% !important;} .icon_warp2.list04 dl:first-child {border-top:none;} .icon_warp2.list04 dl:nth-child(2) {border-top:none;} .performance_warp {/*padding:30px 3%*/} .performance_warp .tit {font-size:18px; padding-top:30px} .performance_warp ul {padding:30px 3%} .performance_warp li {width:49%; padding:15px 0; border-right:1px solid rgba(255,255,255,0.3); border-bottom:1px solid rgba(255,255,255,0.3); box-sizing:border-box;margin-right:0} .performance_warp li:nth-child(2n) {border-right:none; } .performance_warp li:nth-child(2) ~ li {border-bottom:none;} .performance_warp .num {font-size:24px; margin-bottom:12px} .performance_warp .num span.num_stxt {font-size:14px} .performance_warp .num img {margin-left:2%; width:12px; margin-top:-5px} .performance_warp .txt {font-size:14px} .performance_warp.list05 li {width:50%; padding:15px 1%; box-sizing:border-box;} .performance_warp.list05 li:nth-child(2n) {border-right:none} .performance_warp.list05 li:nth-child(3n) {border-right:none} .performance_warp.list05 li:nth-child(5) {clear:both;} .performance_warp.list05 li:nth-child(3) {border-bottom:1px solid rgba(255,255,255,0.3);border-right:1px solid rgba(255,255,255,0.3)} .performance_warp.list05 li:nth-child(4) {border-bottom:1px solid rgba(255,255,255,0.3)} .performance_warp.list05 li:last-child {border-right:none !important; width:100%; float:none;} .u_rova_con .icon_warp2 dl {text-align:center;} .u_rova_con .icon_warp2 dl:nth-child(2n) {border-right:none;} .u_rova_con .icon_warp2 dl:after {display:none;} .u_rova_con .icon_warp2 dt {margin:0 auto; text-align:Center; width:100%;} .u_rova_con .icon_warp2 dt img {width:25%} .u_rova_con .icon_warp2 h6 {font-size:15px; margin:4% 0 3% 0 !important} .u_rova_con .icon_warp2.two dl {float:none; width:100%; border-bottom:1px solid #ddd; display:table;} .u_rova_con .icon_warp2.two dl:nth-child(2) {padding:15px 0; margin:6px 0 15px 0} .u_rova_con .icon_warp2.two dl:after, .u_rova_con .icon_warp2.two dl:before {display:none !important} .u_rova_con .icon_warp2.two dl:last-child {margin-bottom:0; padding-bottom:0; border:none;} .u_rova_con .icon_warp2.two dt {display:table-cell; vertical-align:middle; width:14%} .u_rova_con .icon_warp2.two dt img {width:100%} .u_rova_con .icon_warp2.two dd {display:table-cell; vertical-align:middle; text-align:left; padding-left:3%} .u_rova_con .icon_warp2.two h6 {margin:0 0 2% 0 !important;} .employees_con .icon_list .con_ttit.two {margin:40px 0 0 0 !important} .employees_con .icon_list .con_ssstit {margin:20px 0 10px 0 !important} .employees_con .icon_list .icon_warp2 dl {} .employees_con .icon_list .icon_warp2.one dl, .employees_con .icon_list .icon_warp2.two dl, .employees_con .icon_list .icon_warp2.three dl {float:none; width:100%; display:table; margin:0 0 15px 0 !important;} .employees_con .icon_list .icon_warp2 dl:last-child {margin-bottom:0 !important} .employees_con .icon_list .icon_warp2 dt {width:60px; } .employees_con .icon_list .icon_warp2.one dt, .employees_con .icon_list .icon_warp2.two dt, .employees_con .icon_list .icon_warp2.three dt {display:table-cell; vertical-align:middle;} .employees_con .icon_list .icon_warp2.one dd, .employees_con .icon_list .icon_warp2.two dd, .employees_con .icon_list .icon_warp2.three dd {display:table-cell; vertical-align:middle; text-align:left; padding-left:3%} .employees_con .icon_list .icon_warp2 dd {} .employees_con.u_rova_con .icon_warp2 h6 {margin-bottom:8px !important; margin-top:0 !important} .employees_con.u_rova_con .icon_warp2 dd p br {display:none;} /*********************************** Sustainability ***********************************/ /* Sustainability - CSR Vision */ .csr_vision_con .centerBg img {width:60%} .csr_vision_con .ass_warp a.moreview{padding: 15px 25px; margin-top:0} .csr_vision_con .icon_warp{padding:6% 0} .top_imghalf {padding-top:30px} .top_imghalf dl {width:100%; float:none; } .top_imghalf dd {padding:15px 0 0 0;} .top_imghalf dd h6 {margin:0 0 10px 0 !important;} .top_imghalf dd p {margin-bottom:0} .top_imghalf dl:last-child {margin-top:30px} .development_con .centerBg3 .gr_box .btn{padding: 15px 25px; margin-top:0} .development_con .icon_warp {padding:30px 3%} .icon_warp.listcenter li {float:left; margin-bottom:0} /*.icon_warp li:nth-child(4) ~ li {border-bottom:1px solid #ddd;}*/ .green_box {padding:0 3%} .green_box:after {display:none;} .green_box img {width:100%; margin:0; float:none; } .green_box .green_txt {padding:20px 15px; float:none; width:100%; background:#3ea28f} .green_box .green_txt ul {margin-top:20px} .green_box .green_txt ul li {width:32.5%; margin-right:1%} .green_box .green_txt ul li br {display:none} .green_box .green_txt ul li:last-child {margin-right:0} .green_box .green_txt ul li span.num {font-size:20px; margin-bottom:10px} .development_con .arrow:before{width:100px; height:67px; background-size:100px;} .development_con .develop_dia {padding:45px 3%} .development_con .develop_dia .icon_warp {padding:0} .development_con .develop_dia img.arrow {width:100px} .development_con .develop_dia h3 {font-size:22px; margin:10px 0} .development_con .develop_dia h3:before, .development_con .develop_dia h3:after {width:20px; top:-5px; margin:0 5px;} .development_con .ass_warp {margin-top:20px} .development_con .ass_warp a.moreview {padding:15px 25px; margin-top:0} .development_con .icon_warp.two li:last-child {width:100% !important; float:none;} .department_con .rolling dl {margin-bottom:30px} .department_con .rolling dt.tit {margin-bottom:15px} .department_con .rolling dt.tit {padding:5px 0 5px 15px} .department_con .rolling dl:nth-child(even) dt.tit {padding:5px 15px 5px 0} .department_con .rolling dl:nth-child(even) dd.img .imgtxt {} .department_con .rolling .slick-prev, .department_con .rolling .slick-next {width:25px; height:25px; left:4%;} .department_con .rolling .slick-next {left:auto; right:4%} .department_con .rolling .slick-dots {bottom:15px; display:none !important;} .employees_con .icon_list .icon_warp2 {padding:20px 3%} .employees_con .icon_list .icon_warp2 dl {border:none} .employees_con .icon_list .icon_warp2.list04 dl {border:none;} .employees_con.u_rova_con .icon_warp2 dt img {width:50px} .employees_con .icon_list .icon_warp2.list05 dl {border:none} .employees_con .sub_stxt {margin-bottom:0} /* Sustainability - Social Responsibility */ .social_con .gray_con {padding:10% 3% 5% 3%} .social_con .numBox dl {width:40%} .social_con .numBox dt {font-size:18px;} .social_con .numBox dt span {font-size:25px;} .social_con .numBox dd {font-size:14px;} .social_con .numBox dl:first-child {padding-left:0; width:20%} .social_con .numBox dl:first-child dt {font-size:18px;} .social_con .numBox dl:first-child dt span {font-size:20px;} .social_con .numBox dl:first-child dd {font-size:14px;} /*********************************** Who We Are ***********************************/ /* Who We Are - UBASE Is */ .about_con .gray_con {display:block;} .about_con .gray_con dl {display:block;width:100%; margin-bottom:2% } .about_con .gray_con dt {font-size:17px; margin-bottom:2%} .about_con .gray_con dd {font-size:14px} .about_con .gray_con dd br {display:none;} .about_con .gray_con .about_process {display:block;width:100%;padding-left:0} /*.about_con .centerBg img {width:90%}*/ .about_con .status {padding:6% 0} .about_con .status .countBox dl {width:33%; background-size:8%; padding-bottom:0; background:none !important; width:150px; height:150px; border-radius:50%; border:1px solid rgba(255,255,255,0.5); box-sizing:border-box; padding-top:45px} .about_con .status .countBox dl:nth-child(4) {clear:both;} .about_con .status .countBox dl.ev{padding-bottom:0} .about_con .status .countBox dl:nth-child(even) {padding-bottom:0} .about_con .status .countBox dl:nth-child(3) ~ dl {margin-top:3%;} .about_con .status .countBox dd {font-size:14px} .about_con .status .countBox dt {font-size:25px} .about_con .globee .globee_txt {display:block; width:100%; text-align:center;} .about_con .globee .globee_txt .con_stit{text-align:center;} .about_con .globee .globee_txt .con_stit img {width:150px; margin:20px auto 10px auto}/*display:inline-block !important; margin-left:2%;*/ .about_con .globee .globee_img {display:block; width:100%; padding:3% 0 0 0; text-align:center;} .about_con .globee .globee_img img {display:none;} .about_con .globee .globee_txt a {font-size:14px} .com_down{padding:0 0 5% 0; margin-bottom:0} .accordion-section-header{width:100%; font-size:14px; padding:0 5% 5% 5%; text-align:center;} .accordion-section-header:after{width:40px; height:40px; background-size:18px;} .accordion-section-header.active:after{ background-size:18px;} .accordion-section-header:hover:after{ background-size:18px;} /*.accordion-section-header{width:100%; font-size:14px; padding:2.8% 5%}*/ .accordion-section-content{padding:30px 3%; margin-top:10px} .about_con .about_list{margin:6% 0% 0 0%} .about_con .about_list li .img{width:50px;} .about_con .about_list li p{font-size:16px;} .security_con .performance_warp.one {} /*.security_con .performance_warp.one li {width:32%; margin-right:2%; border-bottom:0; border-right:1px solid rgba(255,255,255,0.3)} .security_con .performance_warp.one li:last-child {margin-right:0; border:none}*/ /*.security_con .performance_warp.one li:first-child {border:none; width:100% !important; float:none; padding:0}*/ .security_con .performance_warp.one .con_ssstit {padding:0; margin:0 0 15px 0 !important} .security_con .performance_warp.one.list03 li:first-child {width:32% !important; float:left; /*padding:15px 0;*/ border-right:1px solid rgba(255,255,255,0.3)} .security_in {padding:30px 3%} .security_in .why_dia_txt {margin:15px 0} .security_in .imgbox dt {margin:12px 0 !important} .security_in .imgbox dd.txt {padding-top:15px} .security_in .imgbox dl {width:49%; margin-right:2%} .security_in .imgbox dl:nth-child(2n) {margin-right:0} .security_in .imgbox dl:last-child {clear:both; margin-top:15px } /* Who We Are - CI */ .ci_con .ciBox {padding:6% 0} .ci_con .ciBox img {width:30%} .ci_con .gray_con dl {display:block;} .ci_con .gray_con dd {display:block; width:100%; padding:15px} .ci_con .gray_con dd h6 {font-size:16px; margin-bottom:1.5%} .ci_con .gray_con dd p {font-size:14px} .ci_con .gray_con dt {font-size:14px; display:block; border-left:1px solid #ddd; border-top:1px solid #ddd; width:100%; padding:15px} .ci_con .gray_con dt br {display:none;} .ci_con .down_btn{padding: 15px 25px; margin-top: 4%;} .employees_con .icon_list {padding:0 3% 30px 3%} .employees_con .centerBg3 a.moreview {padding:15px 25px} .inquiry_con .inquiry_img {width:100%} .inquiry_con2 .inquiry_img {width:100%} /* UBASE Message */ .message_con .sub_stxt br{display:block;} /*********************************** Membership ***********************************/ /* Membership - 개인정보취급방침 */ .policy_con {font-size:14px;} .policy_con .cont_tit {font-size:16px; padding-bottom:5px} .policy_con strong {font-weight:700;} .policy_con .cont_txt {font-size:14px; padding:0 0 20px 0} .policy_con .cont_txt2 {font-size:14px;} .policy_con .cont_box {font-size:14px; padding:15px} .privacy_list {font-size:14px; padding:15px;} .privacy_list li {width:100%; margin-right:0; float:none;} .privacy_list li a {font-size:14px;} /* Membership - 이메일무단수집거부 */ .privacy_con.email {} .privacy_con .email_icon {width:100px; height:100px; float:left} .privacy_con .email_icon img {width:40px} .privacy_con .con_txt {float:left; padding-left:20px; width:calc(100% - 100px )} .privacy_con .con_txt br.none {display:none;} .difference .b_inquiry_txt {padding:25px 3%} .difference .b_inquiry_txt ul li {font-size:14px;; background-size:15px; padding-left:23px} /*********************************** 하단 문의 ***********************************/ .b_inquiry_txt h4 {font-size:25px !important;} .b_inquiry_txt p {font-size:13px !important;} .fade {top:61px} .quick_box .hover {} .quick_box .two .hover {padding:10px 1%;} .quick_box .one {top:175px} .quick_box .one a {width:35px; height:125px} .quick_box .two a {width:35px; height:100px} .fade .tit1 {height:100px; font-size:13px; padding:0 10px} .fade .tit2 {height:100px; font-size:13px; padding:0 10px;} .quick_box .one .tit2 {padding:0 10px; height:125px} .quick_box .two .tit {margin-top:10px} .quick_box .two .tit2 {padding:0 10px} /* .quick_box .two a {height:150px} .quick_box .two a:hover {height:150px !important;} .quick_box .one a {} .quick_box .one a:hover {height:100%;} .quick_box .one a:hover .hover {} .quick_box .two a:hover .none {display:block; opacity:10} .quick_box .one a:hover .none {display:block; opacity:10} */ /* careerpath */ .career_con .tbox{padding:80px 40px} .career_con .tbox .tit{font-size:20px; margin-bottom:10px; letter-spacing:-1pt;} .career_con .tbox .name{font-size:14px; margin-bottom:15px; line-height:18px;} .career_con .cno1{background-size:800px;} .career_con .cno2{background-size:800px;} .career_con .cno3{background-size:800px;} .career_con .cno4{background-size:800px;} .career_con .cno5{background-size:800px;} .career_con .cno6{background-size:800px;} .career_con .cno7{background-size:800px;} .career_con .cno8{background-size:800px;} .career_con .cno9{background-size:800px;} .career_con .cno10{background-size:800px;} .career_con .tbox .sub_stxt{text-shadow: 1px 1px 1px #fff;} .career_con .rolling .twarp dt{font-size:16px;} .career_con .rolling .slick-prev, .career_con .rolling .slick-next{top:27%} } /******************************************************************************* @media 480px~680px *******************************************************************************/ @media all and (max-width:680px){ #visual.ver2 {padding: 24% 3% 30%; } /************ 회원 **************/ /* 지원현황 */ .status_con .status_list .status_info{padding-right:0} .status_con .status_list .status_info .tit{font-size:15px; line-height:20px; margin-bottom:6px} .status_con .status_list .comlogo{width:160px; padding:0} .status_con .status_list .apply{margin-top:10px; padding:8px 0; font-size:12px;} .status_con .status_list{margin-bottom:20px} /* 비밀번호 찾기 */ #login_box2 input.input_login { border: 1px solid #ddd; color: #666; font-size: 13px; padding: 0 12px; height: 36px; line-height: 36px; vertical-align: middle;} #login_box2 dt {font-size: 13px; width: 60px;} #login_box2 dd{width: calc(100% - 80px);} #login_box2 h2{font-size:18px;padding-bottom:20px;} #login_box2 .pwtxt{font-size:13px; line-height:18px;} #login_box2{padding:20px 0} #login_box2 .select2{width:25%} #visual {padding:13% 3%} #visual h3 {font-size:36px} #visual p {font-size:13px} #visual p br {display:none} .inquiry_con2 .vtxt3 h3{font-size:36px} .inquiry_con2 .vtxt3 p{font-size:13px} #visual .vtxt2 h3 {font-size:36px;} #visual .vtxt2 p {font-size:13px;} .sub_txt {font-size:13px;} .sub_txt br {display:none;} .sub_stxt {font-size:13px;} .sub_stxt br {display:none;} .what_warp .title {font-size:22px} .sub_tab {} .sub_tab li {width:33.33%} .sub_tab.list04 li {width:50%} .sub_tab.list04 li:nth-child(3) a {border-bottom:1px solid #ddd} .sub_tab.list04 li a {} .sub_tab.list05 li{width:33.33%} .sub_tab.list05 li:nth-child(3) ~ li {width:50%} .sub_tab li a {font-size:13px; padding:12px 2%; height:38px} .sub_tab li:first-child a {border-bottom:none;} .sub_tab li:nth-child(2) a {border-bottom:none;} .sub_tab li:nth-child(3) a {border-bottom:none;} .aptobusiness2 li{width:100%;} .aptobusiness2 li .sub_stxt{font-size:13px} .aptobusiness2 li:nth-child(4){width:100%} .aptobusiness2 li:nth-child(5){width:100%} .aptobusiness2 li .box{ height:200px; padding:20px 3%; } .why_ub_con .why_ub_link dl {float:none; width:100% !important} .why_ub_con .why_ub_link dl a {height:220px; background-position:center center} .why_ub_con .why_ub_link dd h6 {font-size:13px;} .why_ub_con .why_ub_link dd p {font-size:13px;} .why_ub_con .why_ub_link dd.more {font-size:13px;} .why_dia_txt li {font-size:13px; width:100%; padding:2%} .security_in .why_dia_txt li {width:70%} .why_best_con dd h6.con_ttit span.num {font-size:25px} .why_best_con dd ul li {font-size:13px;} .why_best_con dd ul li span.num {width:13px; height:13px; line-height:13px; top:2px} .why_best_con dd ol li span.num {font-size:18px;} .why_best_con dd ol li {font-size:13px;} .why_best_con dd ol li br{display:block} /*.sol_partner_in {} .sol_partner_in li {width:32.6%;} .sol_partner_in li:nth-child(3n) {margin-right:0} .sol_partner_in li:nth-child(4n) {margin-right:1%}*/ /*********************************** Our Business ***********************************/ .business_list_in dl {width:100%; margin:0} .business_list_in dl:nth-child(2n) {margin-right:0;} .business_list_in dt {font-size:13px} .business_list_in dd {margin-bottom:15px} .sub_tab.list03 li:first-child a {border-bottom:1px solid #ddd;} .sub_tab.list03 li:nth-child(2) a {border-bottom:1px solid #ddd;} .sub_tab.list03 li:nth-child(3) a {border-bottom:1px solid #ddd;} /*********************************** Sustainability ***********************************/ /* Sustainability - CSR Vision */ .icon_warp2 dd h6 {font-size:16px; margin:4% 0 2.5%} .icon_warp2 dd p {font-size:13px !important;} .icon_warp2 dt {height:auto;} .icon_warp2 dt img {width:70px} .icon_warp2 dl {display:block; width:100%; border-bottom:1px solid #ddd; margin-bottom:15px; padding-bottom:15px;} .icon_warp2 dl:after {display:none;} .icon_warp2 dl:last-child {border-bottom:none; padding:0; margin:0} .development_con .develop_dia h3 {font-size:18px;} .development_con .develop_dia h3:before, .development_con .develop_dia h3:after {width:15px; top:0; margin:0 5px; height:23px} /* Sustainability - Social Responsibility */ .social_con .numBox dl:first-child dt span {font-size:16px;} .social_con .numBox dl:first-child dt {font-size:16px;} .social_con .numBox dl:first-child dd {font-size:13px;} .social_con .numBox dt span {font-size:20px;} .social_con .numBox dt {font-size:13px;} .social_con .numBox dd {font-size:13px;} /* Sustainability - Development & Welfare */ .green_box .green_txt .sub_txt br{display:block;} /*********************************** Who We Are ***********************************/ /* Who We Are - UBASE Is */ .about_con .gray_con dd {font-size:13px;} .about_con .status .countBox dl {width:115px; height:115px; padding-top:33px} .about_con .status .countBox dt {font-size:20px;} .about_con .status .countBox dd {font-size:13px;} .about_con .globee .globee_txt a {font-size:13px; width:180px} .about_con .about_list{margin:6% 0% 0 0%} .about_con .about_list li .img{width:40px;} .about_con .about_list li p{font-size:14px;} /* Who We Are - CI */ .ci_con .gray_con dd h6 {font-size:15px;} .ci_con .gray_con dd p {font-size:13px;} .ci_con .gray_con dt {font-size:13px;} .performance_warp .num {font-size:18px;} .performance_warp .num span.num_stxt {font-size:13px;} .performance_warp .txt {font-size:13px;} .what_warp li {font-size:13px} .b_inquiry_txt p {font-size:13px} .difference .b_inquiry_txt ul li {font-size:13px;} .employees_con .icon_list .icon_warp2.four dl, .employees_con .icon_list .icon_warp2.five dl {width:50%;} .employees_con .icon_list .icon_warp2.four dl:nth-child(2) ~ dl, .employees_con .icon_list .icon_warp2.five dl:nth-child(2) ~ dl {margin-top:10px} .employees_con .icon_list .icon_warp2.list05 dl {width:33.33%;} .employees_con .icon_list .icon_warp2.list05 dl:nth-child(3) ~ dl {margin-top:10px; width:50%} .department_con .rolling .slick-prev, .department_con .rolling .slick-next{top:27%; } /*.department_con .rolling .slick-prev, .department_con .rolling .slick-next {display:none !important}*/ /*********************************** Membership ***********************************/ /* Membership - 개인정보취급방침 */ .policy_con {font-size:13px;} .policy_con .cont_tit {font-size:16px;} .policy_con .cont_txt {font-size:13px;} .policy_con .cont_txt2 {font-size:13px;} .policy_con .cont_box {font-size:13px;} .privacy_list {font-size:13px;} .privacy_list li a {font-size:13px;} /* Membership - 이메일무단수집거부 */ .privacy_con.email {} .privacy_con .email_icon {display:block; margin:0 auto 3% auto;} .privacy_con .con_txt {font-size:13px} .fade {top:56px} /* careerpath */ .careerpath_con .caph_cat li .name{font-size:15px;} .careerpath_con .caph_cat li .tit{font-size:13px; padding-top:15px;} .career_con .tbox{padding:60px 30px;} .career_con .tbox .sub_stxt{line-height:140%;} .career_con .tbox .tit{font-size:18px; letter-spacing:-0.8pt; margin-bottom:5px;} .career_con .tbox .name{font-size:13px; margin-bottom:0} .career_con{padding-top:50px;} .career_con .cno1{background-size:700px; margin-bottom:15px;} .career_con .cno2{background-size:700px;} .career_con .cno3{background-size:700px;} .career_con .cno4{background-size:700px;} .career_con .cno5{background-size:700px; background-position:70% top} .career_con .cno6{background-size:700px; background-position:70% top} .career_con .cno7{background-size:700px; background-position: 80% top;} .career_con .cno8{background-size:700px; background-position: 60% center;} .career_con .cno9{background-size:700px;} .career_con .cno10{background-size:700px; background-position: 87% top;} .career_con .mnone{display:none; } .career_con .pnone{display:block; } .career_con .pnone p{text-align:left;} .career_con .tbox .name .none{display:block;} .career_con .rolling .twarp dt{font-size:15px; margin-bottom:6px;} .career_con .rolling .twarp dt span{top:-1px} .career_con .rolling .slick-prev, .career_con .rolling .slick-next{top:20%} } /******************************************************************************* @media 480px~480px *******************************************************************************/ @media all and (max-width:480px){ /* 비밀번호 찾기 */ #login_box2 dt{ width: 100%;float: none;margin-bottom: 10px;} #login_box2 dd{width:100%; float:none;} #login_box2 .btn_b{width:13px; height: 40px; line-height: 40px; width:100%; font-size:13px;} /************ 회원 **************/ /* 지원현황 */ .status_con .status_list .status_info .tit{font-size:13px; line-height:18px; padding-left:12px; background-size:8px} .status_con .status_list .comlogo{width:130px;} .status_con .status_list .status_info .date{font-size:12px} .status_con .status_list .apply{padding:6px 0} #visual {} #visual h3 {font-size:30px} #visual p {} #visual .vtxt2 h3 {font-size:30px;} #visual .vtxt2 p{line-height:18px; font-size:16px;} .inquiry_con2 .vtxt3 h3{font-size:30px} .icon_warp ul.one {border:none; margin:0; padding:0} .icon_warp li {} .performance_warp.list03 li {width:50%; padding:15px 1%; box-sizing:border-box; border-right:1px solid rgba(255,255,255,0.3); border-bottom:1px solid rgba(255,255,255,0.3)} .performance_warp.list03 li:nth-child(2n) {border-right:none;} .performance_warp.list03 li:last-child {clear:both; margin-bottom:0; padding-bottom:0; float:none; width:100%; border-right:none; border-bottom:none;} .why_ub_con .why_dia dt {width:50px} .csr_vision_con .centerBg img {width:70%} .development_con .develop_dia h3 {font-size:16px;} .development_con .develop_dia h3:before, .development_con .develop_dia h3:after {width:10px; top:-5px; height:15px} .sol_partner_in {} .sol_partner_in li {width:49%;} .sol_partner_in li:nth-child(2n) {margin-right:0} .sol_partner_in li:nth-child(3n) {margin-right:1%} .sub_tab.list03 li {width:50%} .sub_tab.list03 li {height:38px} .sub_tab.list03 li a {height:38px; border-left:1px solid #ddd !important; border-top:none !important; border-right:1px solid #ddd !important; border-bottom:1px solid #ddd !important} .sub_tab.list03 li:first-child a {border-top:1px solid #ddd !important} .sub_tab.list03 li:nth-child(2) a {border-top:1px solid #ddd !important} .sub_tab.list03 li:nth-child(odd) a {border-right:none !important} .sub_tab.list03 li:last-child a {border-right:1px solid #ddd !important} .business_con.ub_service .tab_con .sub_tab {} /*********************************** Our Solution ***********************************/ /* Our Solution - UBASE Solution */ .u_solution_con .cs_sol .icon dt img{width:40px} /*********************************** Sustainability ***********************************/ /* Sustainability - Social Responsibility */ .social_con .numBox dl {width:38.5%} .social_con .numBox dl:first-child {width:23%} .social_con .numBox dl:first-child dt span {font-size:14px;} .social_con .numBox dl:first-child dt {font-size:14px;} .social_con .numBox dl:first-child dd {font-size:12px;} .social_con .numBox dt span {font-size:15px;} .social_con .numBox dt {font-size:13px;} .social_con .numBox dd {font-size:12px;} /* Sustainability - Development & Welfare */ .development_con .icon_warp.two li{width:100% !important} .development_con .develop_dia h3{word-break: keep-all;} .development_con .develop_dia h3:before, .development_con .develop_dia h3:after{display:none;} .green_box .green_txt .sub_txt br{display:none;} /*********************************** Who We Are ***********************************/ /* Who We Are - UBASE Is */ .about_con .status .countBox {padding:0 3%} .about_con .status .countBox br {display:none} .about_con .status .countBox dl {float:left; width:49.5%; margin:0 1% 1% 0; height:40px; padding:0 3%;display:block; border-radius:30px; box-sizing:Border-box; text-align:center; position:Relative; overflow:hidden;} .about_con .status .countBox dl:nth-child(2n) {margin-right:0} .about_con .status .countBox dl:nth-child(3) ~ dl {margin-top:0} .about_con .status .countBox dl:nth-child(5) {margin-right:0} .about_con .status .countBox dl:nth-child(6) {margin-right:1%} .about_con .status .countBox dl:nth-child(7) {margin-right:0} .about_con .status .countBox dl:last-child {clear:both; float:none; width:100%; margin-bottom:0} .about_con .status .countBox dt {font-size:15px; line-height:37px; display:inline-block; vertical-align:middle; margin-bottom:0} .about_con .status .countBox dd {font-size:13px; line-height:37px; display:inline-block; vertical-align:middle; padding-left:2%} .about_con .about_list{margin:6% 0% 0 0%} .about_con .about_list li .img{width:40px; margin-bottom:10px} .about_con .about_list li p{font-size:13px;} /* UBASE Message */ .message_con .mes_con4 .na{font-size:15px;} /*********************************** Membership ***********************************/ /* Membership - 이메일무단수집거부 */ .privacy_con.email {} .privacy_con .email_icon {float:none; display:block; margin:0 auto 4% auto;} .privacy_con .con_txt {float:none; width:100%; display:block; padding-left:0;} /* .quick_box .two .hover {height:120px;} .fade .tit1 {height:120px; font-size:13px;} .quick_box .one {top:190px} .quick_box .one a {height:150px} .quick_box .one .tit2 {padding:13px; height:150px;} .quick_box .two a {height:120px} .quick_box .two a:hover {height:120px !important} .quick_box .two .tit2 {height:120px; font-size:13px;} .quick_box .one .tit2{font-size:13px;}*/ .department_con .rolling .slick-prev, .department_con .rolling .slick-next{top:21%; } /* careerpath */ .careerpath_con .caph_cat li .name{font-size:13px; line-height:18px;} .careerpath_con .caph_cat li .tit{font-size:12px; padding-top:10px;} .career_con .cno1{background-size:640px; margin-bottom:15px; background-position:70% top} .career_con .cno2{background-size:640px; background-position:70% top} .career_con .cno3{background-size:640px; background-position:70% top} .career_con .cno4{background-size:640px; background-position:70% top} .career_con .cno5{background-size:640px; background-position:70% top} .career_con .cno6{background-size:640px; background-position:70% top} .career_con .cno7{background-size:640px; background-position: 70% top;} .career_con .cno8{background-size:640px; background-position: 70% center;} .career_con .cno9{background-size:640px; background-position:70% top} .career_con .cno10{background-size:500px; background-position: 70% top;} .career_con .tbox{padding:50px 25px;} .career_con .tbox .name{font-size:12px; text-shadow: 0px 0px 5px #fbf5f2;} .career_con .tbox .tit{font-size:16px; letter-spacing:-0.3pt;} .career_con .rolling .twarp dt{font-size:14px;} } /******************************************************************************* @media 420px *******************************************************************************/ @media all and (max-width:420px){ #visual h3 {font-size:26px} #visual .vtxt2 h3 {font-size:26px; letter-spacing:0;} #visual .vtxt2 p{font-size:14px;} .fade .tit1 {font-size:10px; height:90px; padding:0 8.5px;} .quick_box .one {top:155px} .quick_box .one a{height:100px; width:26px} .quick_box .one .tit2 {font-size:10px; height:100px; padding:0 8.5px} .quick_box .two .tit2{font-size:10px; height:90px; padding:0 8.5px} .quick_box .two a{height:90px; width:26px;} .department_con .rolling .slick-prev, .department_con .rolling .slick-next{width:16px; height:16px; } .department_con .rolling .slick-prev{left:2%} .department_con .rolling .slick-next{right:2%} .career_con .rolling .slick-prev{left:2%} .career_con .rolling .slick-next{right:2%} .career_con .rolling .slick-prev, .career_con .rolling .slick-next{top:18%} .career_con{padding-top:30px} .career_con .cno10{background-size:400px; background-position: 70% top;} } /******************************************************************************* @media 420px *******************************************************************************/ @media all and (max-width:350px){ .u_alalyzer_con .what_warp.list03 li:nth-child(3){padding: 6px 0 0 0;} } /******************************************************************************* @media 420px *******************************************************************************/ @media all and (max-width:320px){ } .com{ padding:0px 50px; font-size:17px; font-weight:400; display: block; margin-top:50px; line-height:28px; }