li { list-style: none; } body { margin: 0px; text-align:center; } @import url('https://fonts.googleapis.com/css?family=Open+Sans'); html {overflow-y:scroll;} body { margin: 0px; text-align:center; } p { margin: 0; } ul,li,a,div{padding:0px; margin:0px;} img {border:none;} div, td, th, li, ul, textarea { font-size:12px; color:#666666; } a {color:#292929; text-decoration:none;} #wrap { background: url("../images/head_bg02.jpg");} .inner_wrap { width: 1200px; margin: 0 auto; } .gnb{height:85px; overflow:hidden;} .gnb h1{float:left; padding-left:30px;} .gnb h1:after {clear: both;content: ""; display: block;height: 0;visibility: hidden;} .gnb h1 img { padding-top: 20px; } .menu{float:left; overflow:hidden; padding-top:25px;padding-left:0px;} .menu ul li{float:left; margin-left:178px;} .menu ul li a{font-size:20px; font-weight:600; color: #fff;} .menu ul li a:hover{ text-decoration: none; } #mainVisual { overflow: hidden; position: relative;} #mainVisual .swiper-slide { height: 575px; } #mainVisual .mainVisual01{background:url("../images/r_mainVisual01.jpg") no-repeat 50% 0px;} #mainVisual .mainVisual02{background:url("../images/r_mainVisual02.jpg") no-repeat 50% 0px;} #mainVisual .mainVisual03{background:url("../images/r_mainVisual03.jpg") no-repeat 50% 0px;} #mainVisual .pager { position: absolute; z-index:3;bottom: 40px; width: 100%; text-align: center; } #mainVisual .pager .swiper-pagination-bullet { width: 12px;height: 12px; border: 2px solid #fff;opacity: 1; background: none; transition:all 0.5s ease-out;} #mainVisual .pager .swiper-pagination-bullet-active { background: #fff; } #mainVisual .pager .pagerBox { display: inline-block;} #mainVisual .pager .swiper-pagination-bullet { width: 12px; height: 12px; border: 2px solid #fff; opacity: 1; background: none; transition: all 0.5s ease-out; } #mainVisual .pager .swiper-pagination-bullet-active { background: #fff; width: 12px; } .sub .inner_wrap ul li { width: 24.4%; margin:0 0.3% 0.3% 0.3%; height: 190px; background-color: #ececec; float: left; text-align: left;} .sub .inner_wrap ul li > a { display: block; padding-left: 22px; } .sub .inner_wrap ul li:nth-child(1) > a { background: url("../images/subCon_bg01.png")no-repeat 200px 125px;} .sub .inner_wrap ul li:nth-child(2) > a { background: url("../images/subCon_bg02.png")no-repeat 200px 118px;} .sub .inner_wrap ul li:nth-child(3) > a { background: url("../images/subCon_bg03.png")no-repeat 200px 117px;} .sub .inner_wrap ul li:nth-child(4) > a { background: url("../images/subCon_bg04.png")no-repeat 200px 119px; } .sub .inner_wrap ul li > a h3 { font-size: 20px; } .sub_txt { color: #5d5d5d; font-size: 14px; } .sky_btn { background: #90cae5; border: none;padding: 8px; border-radius: 7px; line-height: 14px;color: #fff; } .r_line:before {clear: both;content: "";display: block;height: 0;border-bottom: 3px solid #555;width: 30px;margin: 16px 0; } /* 인사제도 */ #mainVisual .r_tp { height: 635px; text-align: center;} #mainVisual .r_tp h2 { font-size: 34px; margin-bottom: 67px;color: #272727;} #mainVisual .r_tp .r_tp_line { margin-left: 575px; } #mainVisual .r_tp .r_tp_line:before {clear: both;content: "";display: block;height: 0;border-bottom: 3px solid #1275c1;width: 50px;margin: 90px 0 25px 0;} #mainVisual .r_tp_grow { height: 960px; background-color: #f7f7f7;text-align: center;} #mainVisual .r_tp_grow h2 { font-size: 34px; margin-bottom: 67px;color: #272727; } #mainVisual .r_tp_grow .r_tp_line { margin-left: 575px; } #mainVisual .r_tp_grow .r_tp_line:before {clear: both;content: "";display: block;height: 0;border-bottom: 3px solid #1275c1;width: 50px;margin-bottom:25px;padding-top: 90px;} .l_grow {width: 50%; text-align: right; float: left;} .r_grow { width: calc(50% - 60px); text-align: left; float: left; padding-left: 60px;} .r_grow .circle { display: inline-block;width: 85px; height: 85px; border-radius: 50%; background-color: #728bb4; color: #fff;text-align: center;font-size: 24px;line-height: 80px;} .r_grow .r_grow01 {display: block;} .r_grow .r_grow01:after{clear: both;content: ""; display: block;height: 0;visibility: hidden;} .r_grow .r_grow01_txt { float: left;font-size: 16px;color: #a4a4a4;margin-left: 24px;margin-top: 13px; } #mainVisual .r_cs { height: 960px; text-align: center;} #mainVisual .r_cs h2 { font-size: 34px; margin-bottom: 67px;color: #272727; } #mainVisual .r_cs .r_cs_line { margin-left: 575px; } #mainVisual .r_cs .r_cs_line:before {clear: both;content: "";display: block;height: 0;border-bottom: 3px solid #1275c1;width: 50px;margin-bottom:25px;padding-top: 90px;} .r_welfare { height: 706px; } #mainVisual .r_welfare .r_tp_line { margin-left: 575px; } #mainVisual .r_welfare .r_tp_line:before {clear: both;content: "";display: block;height: 0;border-bottom: 3px solid #1275c1;width: 50px;margin: 90px 0 25px 0;} #mainVisual .r_welfare h2 { font-size: 34px; margin-bottom: 67px;color: #272727; } .r_welfare_box > ul > li { width: 25%; float: left; height: 192px; border: 1px solid #e2e2e2; box-sizing:border-box; padding: 23px 0 0 17px;} .r_welfare_box .r_welfare01 { display: block;} .r_welfare_box .r_welfare01 .circle { display: inline-block;width: 85px; height: 85px; border-radius: 50%; background-color: #e9e9e9; text-align: center;font-size: 24px;line-height: 80px; margin-top: 25px;} .r_welfare_box .r_welfare01 .circle img { padding-top: 0px; } .r_welfare_box .r_welfare01:after{clear: both;content: ""; display: block;height: 0;visibility: hidden;} .r_welfare_box .r_welfare01_txt { text-align: left;float: left;font-size: 16px;color: #a4a4a4;margin-left: 24px; } .r_welfare_box .r_welfare01_txt ul { margin: 20px 0 0 18px; } .r_welfare_box .r_welfare01_txt li { font-size:13px; list-style-type:disc; line-height: normal;} /* 직무소개 */ .tab:after { visibility: hidden;display: block;font-size: 0;content: " ";clear: both; height: 0; } .tab li { float: left; width: 25%; margin-left: -1px; position: relative;height: 280px;} .jobBox .period { display: none; } .jobBox .period:first-child { display: block; } .jobBox > li > dl > dt { font-size: 30px;font-weight: bold; color: #39c; float: left; padding-top: 20px;} .jobBox > li > dl > dd { font-size: 14px; } .jobBox .year { padding: 30px 0; border-bottom: 1px solid #d9d9d9; overflow: hidden;} .jobBox .year dt { float: left; font-size: 25px; color: #1587cd;} .jobBox .year dd { float: left; padding-left: 120px;} .jobBox .year dd li { padding-left: 10px; position: relative; } .jobBox .year dd li:before { content:"";display: block;width:2px; height: 2px; background:#666; position: absolute; top: 10px;left: 0;color: #f00;} .gray_btn { background: #eaeaea; border: none;padding: 8px; border-radius: 7px; line-height: 14px;color: #393939; } /* 채용문의 */ #write_detail { font-size: 15px; } #write_detail tbody { border-top: 2px solid #242424; } #write_detail th { width: 15%;padding: 0 20px; background: #f3f7ff; box-sizing:border-box; font-family: Dotum; border-top: 1px solid #e6e6e6;border-right: 1px solid #e6e6e6; } #write_detail td { width: 100%; border-bottom: 1px solid #e6e6e6;text-align: left; } #write_detail .right { padding: 15px; } /* 채용공고 */ .list_tb_area{clear:both;margin-top:30px;font-family: "Noto Sans KR", sans-serif;} .list_tb{width:100%; border-bottom:1px solid #d3d3d3; font-size: 14px;} .list_tb thead th{border-right:1px solid #d9d9d9; background: #f5ab17; color: #fff; height: 30px;font-weight: 400;} .list_tb tbody td{font-size:13px; color:#4d4d4d; text-align:center; padding:13px 0; border-top:1px solid #e5e5e5;font-weight:300;} .list_tb tbody td:first-child{border-left:none;} .list_tb tbody td.lft_txt{text-align:left; padding-left:20px;} .list_tb tbody td.r_txt{text-align:right; padding-right:20px;} .list_tb tbody td.underline {text-decoration:underline;} .list_tb tbody td a{color:#4d4d4d; font-size:13px;font-weight:300;} .list_tb tbody td a:hover{text-decoration:underline;} .list_tb .circle { display: inline-block;width: 65px; height: 65px; border-radius: 50%; background-color: #738CB4; text-align: center;font-size: 14px;line-height: 65px;color: #fff;font-weight: bold; } .list_tb .circle02 { display: inline-block;width: 65px; height: 65px; border-radius: 50%; background-color: #71b4ef; text-align: center;font-size: 14px;line-height: 65px;color: #fff;font-weight: bold; } .list_tb .circle03 { display: inline-block;width: 65px; height: 65px; border-radius: 50%; background-color: #23A1DC; text-align: center;font-size: 14px;line-height: 65px;color: #fff; font-weight: bold;} .list_tb .circle04 { display: inline-block;width: 65px; height: 65px; border-radius: 50%; background-color: #4682B4; text-align: center;font-size: 14px;line-height: 65px;color: #fff; font-weight: bold;} .view_tb_area {clear: both; font-family:"Noto Sans KR", sans-serif;margin-bottom:30px; } .view_tb_tit_area {background:#fafafa;padding:10px;} .view_tb_tit_area .view_tb_tit {float: left; width:100%;font-size:18px; font-weight:700;color: #444;} .view_tb_tit_area:after{display:block; clear:both; content:''} .view_tb_tit_area .view_tb_date { float: right;width:15%;font-size:13px; line-height: 2.4;text-align:right;} .add_file {color:#797979;border-top:1px solid #d3d3d3;padding:10px;} .add_file dl {width:100%;} .add_file dl:after{display:block;clear:both;content:''} .add_file dl dt {float:left;} .add_file dl dd {float:left; padding-left:15px;} .view_tb {padding:20px;border-top:1px solid #d3d3d3; border-bottom:1px solid #d3d3d3;overflow:hidden;height: 250px;text-align: left;} .btn_wrap {height: 46px;position: relative;} .btn_wrap a.btn_list { margin: 0 auto; display: block; width: 110px; height: 38px; line-height: 38px; font-size: 14px; color: #fff; background: #23A1DC; text-align: center; font-family:"Noto Sans KR", sans-serif;} .r_tp .return ul li{ margin-top: 20px;font-weight: bold; height: 60px;width: 100%;font-size: 17px;line-height: 58px;background: url("../images/return_bg01.png")no-repeat center;} .r_tp .return ul li strong { color: blue;} /* 지원서작성 */ .title_tbrl_back_p{height:30px;padding-left:10px;background-color:#F5F6F7;border-top:1px solid #C7C6C6;border-bottom:1px solid #C7C6C6;border-left:1px solid #C7C6C6;border-right:0px solid #C7C6C6;} .title_brl_back_p{height:30px;padding-left:10px;background-color:#F5F6F7;border-top:0px solid #C7C6C6;border-bottom:1px solid #C7C6C6;border-left:1px solid #C7C6C6;border-right:0px solid #C7C6C6;} .title_tbr_p{height:30px;padding-left:10px;background-color:;border-top:1px solid #C7C6C6;border-bottom:1px solid #C7C6C6;border-left:0px solid #C7C6C6;border-right:1px solid #C7C6C6;} .title_br_p{height:30px;padding-left:10px;background-color:;border-top:0px solid #C7C6C6;border-bottom:1px solid #C7C6C6;border-left:0px solid #C7C6C6;border-right:1px solid #C7C6C6;} .title_b_p{height:30px;padding-left:10px;background-color:;border-top:0px solid #C7C6C6;border-bottom:1px solid #C7C6C6;border-left:0px solid #C7C6C6;border-right:0px solid #C7C6C6;} .title_tbl{height:30px;background-color:;border-top:1px solid #C7C6C6;border-bottom:1px solid #C7C6C6;border-left:1px solid #C7C6C6;border-right:0px solid #C7C6C6;} .title_tb{height:30px;background-color:;border-top:1px solid #C7C6C6;border-bottom:1px solid #C7C6C6;border-right:0px solid #C7C6C6;} .title_tbr{height:30px;background-color:;border-top:1px solid #C7C6C6;border-bottom:1px solid #C7C6C6;border-left:0px solid #C7C6C6;border-right:1px solid #C7C6C6;} .title_tbrl{height:30px;background-color:;border-top:1px solid #C7C6C6;border-bottom:1px solid #C7C6C6;border-left:1px solid #C7C6C6;border-right:1px solid #C7C6C6;} .title_tbrl_h25{height:25px;background-color:;border-top:1px solid #C7C6C6;border-bottom:1px solid #C7C6C6;border-left:1px solid #C7C6C6;border-right:1px solid #C7C6C6;} .title_br{height:30px;background-color:;border-top:0px solid #C7C6C6;border-bottom:1px solid #C7C6C6;border-left:0px solid #C7C6C6;border-right:1px solid #C7C6C6;} .title_bl{height:30px;background-color:;border-top:0px solid #C7C6C6;border-bottom:1px solid #C7C6C6;border-left:1px solid #C7C6C6;border-right:0px solid #C7C6C6;} .title_b{height:30px;background-color:;border-top:0px solid #C7C6C6;border-bottom:1px solid #C7C6C6;border-right:0px solid #C7C6C6;} .title_b{height:30px;background-color:;border-top:0px solid #C7C6C6;border-bottom:1px solid #C7C6C6;border-left:0px solid #C7C6C6;border-right:0px solid #C7C6C6;} .title_brl{height:30px;background-color:;border-top:0px solid #C7C6C6;border-bottom:1px solid #C7C6C6;border-left:1px solid #C7C6C6;border-right:1px solid #C7C6C6;} .title_l{height:30px;background-color:;border-top:0px solid #C7C6C6;border-bottom:0px solid #C7C6C6;border-left:1px solid #C7C6C6;border-right:0px solid #C7C6C6;} .title_bl_back{height:30px;background-color:#F5F6F7;border-top:0px solid #C7C6C6;border-bottom:1px solid #C7C6C6;border-left:1px solid #C7C6C6;border-right:0px solid #C7C6C6;} .title_bl_back2{height:30px;background-color:#DCDDF1;border-top:0px solid #C7C6C6;border-bottom:1px solid #C7C6C6;border-left:1px solid #C7C6C6;border-right:0px solid #C7C6C6;} .title_brl_back2{height:30px;background-color:#DCDDF1;border-top:0px solid #C7C6C6;border-bottom:1px solid #C7C6C6;border-left:1px solid #C7C6C6;border-right:1px solid #C7C6C6;} .title_b_back{height:30px;background-color:#F5F6F7;border-top:0px solid #C7C6C6;border-bottom:1px solid #C7C6C6;border-left:0px solid #C7C6C6;border-right:0px solid #C7C6C6;} .title_tbl_back{height:30px;background-color:#F5F6F7;border-top:1px solid #C7C6C6;border-bottom:1px solid #C7C6C6;border-left:1px solid #C7C6C6;border-right:0px solid #C7C6C6;} .title_tbrl_back{height:30px;background-color:#F5F6F7;border-top:1px solid #C7C6C6;border-bottom:1px solid #C7C6C6;border-left:1px solid #C7C6C6;border-right:1px solid #C7C6C6;} .title_brl_back{height:30px;background-color:#F5F6F7;border-top:0px solid #C7C6C6;border-bottom:1px solid #C7C6C6;border-left:1px solid #C7C6C6;border-right:1px solid #C7C6C6;} .title_tbrl_back_p_h25{height:25px;padding-left:10px;background-color:#F5F6F7;border-top:1px solid #C7C6C6;border-bottom:1px solid #C7C6C6;border-left:1px solid #C7C6C6;border-right:0px solid #C7C6C6;} .title_brl_back_p_h25{height:25px;padding-left:10px;background-color:#F5F6F7;border-top:0px solid #C7C6C6;border-bottom:1px solid #C7C6C6;border-left:1px solid #C7C6C6;border-right:0px solid #C7C6C6;} .title_tbr_p_h25{height:25px;padding-left:10px;background-color:;border-top:1px solid #C7C6C6;border-bottom:1px solid #C7C6C6;border-left:0px solid #C7C6C6;border-right:1px solid #C7C6C6;} .title_br_p_h25{height:25px;padding-left:10px;background-color:;border-top:0px solid #C7C6C6;border-bottom:1px solid #C7C6C6;border-left:0px solid #C7C6C6;border-right:1px solid #C7C6C6;} .title_b_p_h25{height:25px;padding-left:10px;background-color:;border-top:0px solid #C7C6C6;border-bottom:1px solid #C7C6C6;border-left:0px solid #C7C6C6;border-right:0px solid #C7C6C6;} .title_tbr_h25{height:25px;background-color:;border-top:1px solid #C7C6C6;border-bottom:1px solid #C7C6C6;border-left:0px solid #C7C6C6;border-right:1px solid #C7C6C6;} .title_br_h25{height:25px;background-color:;border-top:0px solid #C7C6C6;border-bottom:1px solid #C7C6C6;border-left:0px solid #C7C6C6;border-right:1px solid #C7C6C6;} .title_bl_h25{height:25px;background-color:;border-top:0px solid #C7C6C6;border-bottom:1px solid #C7C6C6;border-left:1px solid #C7C6C6;border-right:0px solid #C7C6C6;} .title_tbl_h25{height:25px;background-color:;border-top:1px solid #C7C6C6;border-bottom:1px solid #C7C6C6;border-left:1px solid #C7C6C6;border-right:0px solid #C7C6C6;} .title_brl_h25{height:25px;background-color:;border-top:0px solid #C7C6C6;border-bottom:1px solid #C7C6C6;border-left:1px solid #C7C6C6;border-right:1px solid #C7C6C6;} .title_bl_back_h25{height:25px;background-color:#F5F6F7;border-top:0px solid #C7C6C6;border-bottom:1px solid #C7C6C6;border-left:1px solid #C7C6C6;border-right:0px solid #C7C6C6;} .title_tbl_back_h25{height:25px;background-color:#F5F6F7;border-top:1px solid #C7C6C6;border-bottom:1px solid #C7C6C6;border-left:1px solid #C7C6C6;border-right:0px solid #C7C6C6;} .title_tbrl_back_h25{height:25px;background-color:#F5F6F7;border-top:1px solid #C7C6C6;border-bottom:1px solid #C7C6C6;border-left:1px solid #C7C6C6;border-right:1px solid #C7C6C6;} .title_brl_back_h25{height:25px;background-color:#F5F6F7;border-top:0px solid #C7C6C6;border-bottom:1px solid #C7C6C6;border-left:1px solid #C7C6C6;border-right:1px solid #C7C6C6;} .title_br_back_h25{height:25px;background-color:#F5F6F7;border-top:0px solid #C7C6C6;border-bottom:1px solid #C7C6C6;border-left:0px solid #C7C6C6;border-right:1px solid #C7C6C6;} .title_tbrl_back_p_h22{height:22px;padding-left:10px;background-color:#F5F6F7;border-top:1px solid #C7C6C6;border-bottom:1px solid #C7C6C6;border-left:1px solid #C7C6C6;border-right:0px solid #C7C6C6;} .title_brl_back_p_h22{height:22px;padding-left:10px;background-color:#F5F6F7;border-top:0px solid #C7C6C6;border-bottom:1px solid #C7C6C6;border-left:1px solid #C7C6C6;border-right:0px solid #C7C6C6;} .title_tbr_p_h22{height:22px;padding-left:10px;background-color:;border-top:1px solid #C7C6C6;border-bottom:1px solid #C7C6C6;border-left:0px solid #C7C6C6;border-right:1px solid #C7C6C6;} .title_br_p_h22{height:22px;padding-left:10px;background-color:;border-top:0px solid #C7C6C6;border-bottom:1px solid #C7C6C6;border-left:0px solid #C7C6C6;border-right:1px solid #C7C6C6;} .title_b_p_h22{height:22px;padding-left:10px;background-color:;border-top:0px solid #C7C6C6;border-bottom:1px solid #C7C6C6;border-left:0px solid #C7C6C6;border-right:0px solid #C7C6C6;} .title_tbr_h22{height:22px;background-color:;border-top:1px solid #C7C6C6;border-bottom:1px solid #C7C6C6;border-left:0px solid #C7C6C6;border-right:1px solid #C7C6C6;} .title_br_h22{height:22px;background-color:;border-top:0px solid #C7C6C6;border-bottom:1px solid #C7C6C6;border-left:0px solid #C7C6C6;border-right:1px solid #C7C6C6;} .title_bl_h22{height:22px;background-color:;border-top:0px solid #C7C6C6;border-bottom:1px solid #C7C6C6;border-left:1px solid #C7C6C6;border-right:0px solid #C7C6C6;} .title_brl_h22{height:22px;background-color:;border-top:0px solid #C7C6C6;border-bottom:1px solid #C7C6C6;border-left:1px solid #C7C6C6;border-right:1px solid #C7C6C6;} .title_bl_back_h22{height:22px;background-color:#F5F6F7;border-top:0px solid #C7C6C6;border-bottom:1px solid #C7C6C6;border-left:1px solid #C7C6C6;border-right:0px solid #C7C6C6;} .title_tbl_back_h22{height:22px;background-color:#F5F6F7;border-top:1px solid #C7C6C6;border-bottom:1px solid #C7C6C6;border-left:1px solid #C7C6C6;border-right:0px solid #C7C6C6;} .title_tbrl_back_h22{height:22px;background-color:#F5F6F7;border-top:1px solid #C7C6C6;border-bottom:1px solid #C7C6C6;border-left:1px solid #C7C6C6;border-right:1px solid #C7C6C6;} .title_brl_back_h22{height:22px;background-color:#F5F6F7;border-top:0px solid #C7C6C6;border-bottom:1px solid #C7C6C6;border-left:1px solid #C7C6C6;border-right:1px solid #C7C6C6;} .title_br_back_h22{height:22px;background-color:#F5F6F7;border-top:0px solid #C7C6C6;border-bottom:1px solid #C7C6C6;border-left:0px solid #C7C6C6;border-right:1px solid #C7C6C6;} .title_hover:hover{color:#0066FF;} .form_area table th { position: relative; height: 50px; border: 1px solid #ccc; font-size: 18px; font-weight: 700; color: #333; background-color: #f4f4f4; background-clip: padding-box; text-align: center;} .form_area table td { border: 1px solid #ccc; text-align: left; padding-left: 20px; padding: 10px 20px; } /*welfare #portfolioModal1 { left: 50% !important; top: 41% !important; } #portfolioModal2 { left: 50% !important; top: 44% !important; } #portfolioModal3 { left: 50% !important; top: 43% !important; } #portfolioModal4 { left: 50% !important; top: 43% !important; } #portfolioModal5 { left: 50% !important; top: 43% !important; } #portfolioModal6 { left: 50% !important; top: 43% !important; } #portfolioModal7 { left: 50% !important; top: 43% !important; } #portfolioModal8 { left: 50% !important; top: 43% !important; } #portfolioModall1 { left: 50% !important; top: 46% !important; } #portfolioModall2 { left: 50% !important; top: 50% !important; } #portfolioModall3 { left: 50% !important; top: 50% !important; } #portfolioModall4 { left: 50% !important; top: 50% !important; } #portfolioModall5 { left: 50% !important; top: 46% !important; } #portfolioModall6 { left: 50% !important; top: 46% !important; } #portfolioModall7 { left: 50% !important; top: 51% !important; } #portfolioModall8 { left: 50% !important; top: 51% !important; } #portfolioModal01 { left: 50% !important; top: 46% !important; } #portfolioModal002 { left: 50% !important; top: 51% !important; } #portfolioModal004 { left: 50% !important; top: 46% !important; } #portfolioModal0002 { left: 50% !important; top: 46% !important; } #portfolioModal0003 { left: 50% !important; top: 46% !important; } @media (max-width: 1280px){ .modal-dialog { width: 990px !important; margin-top: 115px !important; } .modal-dialog .ct02 { margin-left: 5% !important; } .modal-dialog .cc02 .container { margin-top: -6px !important; } #portfolioModal1 { left: 50% !important; top: 42% !important; } #portfolioModal2 { left: 40% !important; top: 50% !important; } #portfolioModal3 { left: 40% !important; top: 49% !important; } #portfolioModal4 { left: 40% !important; top: 50% !important; } #portfolioModal5 { left: 40% !important; top: 49% !important; } #portfolioModal6 { left: 40% !important; top: 49% !important; } #portfolioModal7 { left: 40% !important; top: 49% !important; } #portfolioModal8 { left: 40% !important; top: 49% !important; } .m_sup { margin-top: -30px !important;; } .m_mt { margin-top: -20px !important;; } #portfolioModall1 { left: 40% !important; top: 46% !important; } #portfolioModall2 { left: 40% !important; top: 50% !important; } #portfolioModall3 { left: 40% !important; top: 50% !important; } #portfolioModall4 { left: 40% !important; top: 50% !important; } #portfolioModall5 { left: 40% !important; top: 46% !important; } #portfolioModall6 { left: 40% !important; top: 46% !important; } #portfolioModall7 { left: 40% !important; top: 51% !important; } #portfolioModall8 { left: 40% !important; top: 51% !important; } #portfolioModal01 { left: 40% !important; top: 46% !important; } #portfolioModal02 { left: 40% !important; top: 50% !important; } #portfolioModal03 { left: 40% !important; top: 50% !important; } #portfolioModal001 { left: 40% !important; top: 50% !important; } #portfolioModal002 { left: 40% !important; top: 52% !important; } #portfolioModal003 { left: 40% !important; top: 50% !important; } #portfolioModal004 { left: 40% !important; top: 46% !important; } #portfolioModal005 { left: 40% !important; top: 50% !important; } #portfolioModal0001 { left: 40% !important; top: 50% !important; } #portfolioModal0002 { left: 40% !important; top: 46% !important; } #portfolioModal0003 { left: 40% !important; top: 46% !important; } } */