/*이 곳 아래에서 추가 수정 부탁드립니다.*/ @import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900; 1,100..900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=42dot+Sans:wght@300..800&display=swap'); .hidden {display:none;} .eng {font-family:"Montserrat", sans-serif !important;} .red {color:#e70012;} .blue {color:#0059c8;} .skyblue {color:#0092d7;} .fw100 {font-weight:100 !important;} .fw200 {font-weight:200 !important;} .fw300 {font-weight:300 !important;} .fw400 {font-weight:400 !important;} .fw500 {font-weight:500 !important;} .fw600 {font-weight:600 !important;} .fw700 {font-weight:700 !important;} .fw800 {font-weight:800 !important;} .fw900 {font-weight:900 !important;} @media only screen and (min-width:1px) and (max-width:768px) { /** 메인 카테고리 **/ #mainCategory {margin:0 auto; width:96%; margin:30px 2%;} #mainCategory .categoryWrap {width:100%; margin:0 auto;} #mainCategory .categoryWrap .category {width:100%; margin-bottom:10px; float:left; padding:30px 5%; box-sizing:border-box; transition:transform 0.3s ease;} #mainCategory .categoryWrap .category h4 {font-size:2rem; width:60%; color:#333; transition:transform 0.9s ease; font-weight:300; letter-spacing:-1px;} #mainCategory .categoryWrap .category b {font-weight:300} #mainCategory .categoryWrap .category .btnType01 {background:#e70012 url(../img/common/icon_arrow.gif) no-repeat 82% 50%; background-size:25px auto; padding:7px 45px 7px 20px; color:#fff; border-radius:3px; margin-top:2rem; float:left; font-weight:600; font-size:0.85rem;} #mainCategory .categoryWrap .sort01 {margin-right:0.5%; background:url(../img/common/bg_categorySort01.png) no-repeat 120% 70%, linear-gradient(45deg, #f6f6f6, #e1e1e1); background-size:auto 70%;} #mainCategory .categoryWrap .sort02 {margin-left:0.5%; background:url(../img/common/bg_categorySort02.png) no-repeat 90% 50%,linear-gradient(80deg, #f1f1f1 10%, #d5d5d5); background-size:auto 65%;} #mainCategory .categoryWrap .sort03 {margin-right:0.5%; background:url(../img/common/bg_categorySort03.png) no-repeat 110% 100%, linear-gradient(145deg, #f1f1f1 40%, #d5d5d5); background-size:auto 80%;} #mainCategory .categoryWrap .sort04 {margin-left:0.5%; background:url(../img/common/bg_categorySort04.png) no-repeat 90% 100%, linear-gradient(100deg, #f6f6f6 10%, #e1e1e1); background-size:auto 80%;} /** lockerSoultion List **/ .product {width:100%; color:#222;} .product b {font-weight:600;} .product .lockerSoultion {float:left; width:100%;} .product .lockerSoultion .locker_info01 {float:left; width:100%;} .locker_info01 .locker_til{text-align:center;} .locker_info01 .locker_til .locker_tilNum {font-size:1.8rem; font-weight:900; border-bottom:6px solid #e70012; display:inline-block; margin-bottom:1.8rem;} .locker_info01 .locker_til .locker_tilL {font-size:2.4rem; font-weight:700; margin-bottom:1.8rem;} .locker_info01 .locker_til .locker_tilM {color:#555; font-size:1.2rem; font-weight:300; width:100%; margin:0 auto; line-height:1.8rem;} .product .lockerSoultion .locker_cont {float:left; width:100%;} .product .lockerSoultion .locker_cont ul.benefit {float:left; width:100%; padding:2rem 0;} .product .lockerSoultion .locker_cont ul.benefit li {width:100%; float:left; text-align:left; padding:15px 0; box-sizing:border-box; border-bottom:1px solid #eee;} .product .lockerSoultion .locker_cont ul.benefit li:last-child {border-bottom:none;} .product .lockerSoultion .locker_cont ul.benefit li p {float:left; font-size:1.5rem; font-weight:700;} .product .lockerSoultion .locker_cont ul.benefit li p.benefit_img {width:30%;} .product .lockerSoultion .locker_cont ul.benefit li p.benefit_txt {width:70%; padding:20px 0 0 15px;} .product .lockerSoultion .locker_cont ul.benefit li p img {width:100%;} .product .lockerSoultion .locker_cont ul.benefit li p span {font-size:1rem; margin-top:0.8rem; width:95%; line-height:1.5rem; color:#555; display:inline-block; font-weight:300;} .product .lockerSoultion .locker_cont .goodsTil {margin:0 auto; display:inline-block; width:100%; border-radius:20px; text-align:center; background:#f3f3f3; padding:2rem 0; margin-top:2rem;} .product .lockerSoultion .locker_cont .goodsTil .goods_tilL {font-size:1.4rem; font-weight:500; margin-bottom:1rem; color:#e70012;} .product .lockerSoultion .locker_cont .goodsTil .goods_tilL b{font-size:2.2rem; font-weight:700; margin-bottom:1.2rem; display:block; color:#333;} .product .lockerSoultion .locker_cont .goodsTil .goods_tilM {font-size:1.2rem; font-weight:300; width:80%; margin:0 auto; line-height:1.8rem;} /** 제품목록 **/ .product .lockerSoultion .locker_cont ul.lockerSoultion {float:left; width:100%; padding:1rem 0;} .product .lockerSoultion .locker_cont ul.lockerSoultion li {width:49.5%; float:left; display:inline-block; text-align:center; margin:0 1% 10px 0; box-sizing:border-box;} .product .lockerSoultion .locker_cont ul.lockerSoultion li:nth-child(2n) {margin-right:0;} .product .lockerSoultion .locker_cont ul.lockerSoultion li div {float:left; width:100%; border:4px solid #efefef; padding:1.5rem 5% 1rem; box-sizing:border-box; text-align:center;} .product .lockerSoultion .locker_cont ul.lockerSoultion li div img {display:block; width:100%; border-radius:20px; margin-bottom:1rem;} .product .lockerSoultion .locker_cont ul.lockerSoultion li div p {font-size:1.0rem; font-weight:600; min-height:2.6rem;} .product .lockerSoultion .locker_cont ul.lockerSoultion li div p span {font-size:0.8rem; font-weight:300;} .product .lockerSoultion .locker_cont ul.lockerSeries {float:left; width:100%; padding:5rem 0;} .product .lockerSoultion .locker_cont ul.lockerSeries li {width:100%; float:left; display:inline-block; text-align:left; padding:20px 0; box-sizing:border-box; border-bottom:1px dashed #ddd;} .product .lockerSoultion .locker_cont ul.lockerSeries li:last-child {border-bottom:none;} .product .lockerSoultion .locker_cont ul.lockerSeries li p.imgArea {float:left;width:100%; text-align:center;} .product .lockerSoultion .locker_cont ul.lockerSeries li p.imgArea img {display:block; width:90%; border-radius:20px; margin-bottom:2.4rem;} .product .lockerSoultion .locker_cont ul.lockerSeries li div.txtArea {float:left;width:100%; } .product .lockerSoultion .locker_cont ul.lockerSeries li div.txtArea p.productName {font-size:2rem; font-weight:700; line-height:1.2em;} .product .lockerSoultion .locker_cont ul.lockerSeries li div.txtArea p.productName span {color:#e70012;} .product .lockerSoultion .locker_cont ul.lockerSeries li div.txtArea p.productInfo {font-weight:300; line-height:1.6em; } .product .lockerSoultion .locker_cont ul.lockerSeries li div.txtArea p.btnMore {display:inline-block; padding:8px 24px; text-shadow:0 2px 2px #185998; background:#0092d7; color:#fff; border-radius:4px; margin-top:25px; font-size:1.2rem; font-weight:600;} /** lockerSoultion A1~ **/ .lockerSoultion_goodTil {float:left; width:100%; font-size:1.5rem; font-weight:700; margin-bottom:2rem; display:block; border-bottom:1px solid #ccc; padding:1.2rem 0;} .lockerSoultion_goodTil p {float:left; width:80%;} .lockerSoultion_goodTil b {color:#0092d7;} .lockerSoultion_goodTil p span {font-size:1.2rem; font-weight:300; color:#555;} .lockerSoultion_goodDetail {float:left; width:100%;} .lockerSoultion_goodDetail table {float:left; border-collapse:collapse; border-spacing:0; margin:0; padding:0; border-top:2px solid #222;} .lockerSoultion_goodDetail .tabletype01 {table-layout:fixed; margin:0 1%; width:98%; margin-top:20px; margin-bottom:10px;} .lockerSoultion_goodDetail .tabletype01 th, .tabletype01 td {border-top:1px solid #ccc; border-bottom:1px solid #ccc; padding:10px 0; word-break: keep-all;} .lockerSoultion_goodDetail .tabletype01 th {font-weight:600;} .lockerSoultion_goodDetail .tabletype01 td {text-align:left; background:#fff; padding-left:20px;} .lockerSoultion_goodDetail .infoStyle01 {float:left; width:100%; border:2px solid #0059c8; border-radius:10px; padding:10px 15px; margin-top:10px; color:#0059c8; font-weight:600; line-height:1.3em;} .lockerSoultion_goodDetail .infoStyle01 span {background:#0059c8; padding:2px 7px; font-size:0.75em; border-radius:50px; font-weight:900; color:#fff; margin-right:5px; display:inline-block; line-height:1.15em;} /** 주요사항 **/ .lockerSoultion_goodDetail .lockerSoultion_goodDetail_point {float:left; width:100%;} .lockerSoultion_goodDetail .lockerSoultion_goodDetail_point p.til {font-size:1.5rem; font-weight:700; padding-bottom:1.2rem; padding-top:2rem;} .lockerSoultion_goodDetail .lockerSoultion_goodDetail_point ul.pointList {float:left; background:#f7f7f7; border-radius:5px; padding:10px 12px; margin-bottom:20px;} .lockerSoultion_goodDetail .lockerSoultion_goodDetail_point ul.pointList li {line-height:1.8rem; font-weight:300; color:#555; padding-left:12px; background:url(/theme/frandeer-v2/img/common/img_bl02.png) no-repeat 0% 12px;} .lockerSoultion_goodDetail .lockerSoultion_goodDetail_point .til02 {font-family:'42dot Sans', sans-serif; font-size:1.4rem; padding-bottom:10px;} .lockerSoultion_goodDetail .lockerSoultion_goodDetail_point .til02 b{} .lockerSoultion_goodDetail .lockerSoultion_goodDetail_point .til03 {font-size:1.2em; line-height:1.8em;} .lockerSoultion_goodDetail .lockerSeries_goodDetail_point {float:left; width:100%;} .lockerSoultion_goodDetail .lockerSeries_goodDetail_point div.pointTxt {float:left; font-weight:300; width:100%; background:#f7f7f7; padding:30px 15px; line-height:1.4em;} .lockerSoultion_goodDetail .lockerSeries_goodDetail_point div.pointTxt span {font-weight:600; color:#0059c8; margin-left:5px;} /** 이용안내 **/ .lockerSoultion_goodDetail_info_wrap {float:left; width:100%; padding-top:0.85rem;} .lockerSoultion_goodDetail_info_wrap .tilArea {float:left; width:100%; font-size:1.5rem; font-weight:700; padding-bottom:1.2rem; padding-top:2rem;} .lockerSoultion_goodDetail_info_wrap .headTil_st01 {font-weight:400; font-size:1.25rem; border-left:5px solid #e70012; padding-left:15px; line-height:1.5em;} .lockerSeries_goodDetail_info_wrap {float:left; width:100%; padding-top:0.85rem;} .lockerSeries_goodDetail_info_wrap .tilArea {float:left; width:100%; font-size:1.8rem; font-weight:700; padding-bottom:1.2rem; padding-top:2rem; color:#ccc;} .lockerSeries_goodDetail_info_wrap .tilArea span{display:block; font-size:0.80em; font-weight:600;} .lockerSeries_goodDetail_info_wrap .contArea {float:left;width:100%; border-top:solid 1px #ccc; padding:30px 0;} .lockerSeries_goodDetail_info_wrap .contArea ul.goodsImg {float:left; width:100%;} .lockerSeries_goodDetail_info_wrap .contArea ul.goodsImg li {float:left; width:30%; display:inline-block; margin-right:10px;} .lockerSeries_goodDetail_info_wrap .contArea ul.goodsImg li img {float:left; width:100%;} .lockerSeries_goodDetail_info_wrap .contArea ul.goodsImg02 {float:left; width:100%; } .lockerSeries_goodDetail_info_wrap .contArea ul.goodsImg02 li {float:left; width:100%; display:inline-block; margin-top:30px;} .lockerSeries_goodDetail_info_wrap .contArea ul.goodsImg02 li img {float:left; width:100%;} .lockerSeries_goodDetail_info_wrap .borderNo {border-top:none;} .lockerSoultion_goodDetail_info_wrap .contArea {float:left;width:100%;} .lockerSoultion_goodDetail_info_wrap .contArea div.txt_box {float:left; width:100%; font-weight:300; padding:0 0 40px; margin-bottom:40px; border-bottom:1px dashed #ddd;} .lockerSoultion_goodDetail_info_wrap .contArea p.txt_boxTil {font-size:1.25rem; font-weight:600; padding-bottom:5px;} .lockerSoultion_goodDetail_info_wrap .contArea ul.w60 {float:left; width:100%; display:inline-block;} .lockerSoultion_goodDetail_info_wrap .contArea ul.w100 {float:left; width:100%;} .lockerSoultion_goodDetail_info_wrap .contArea ul.goodDetail_list ul {} .lockerSoultion_goodDetail_info_wrap .contArea ul.goodDetail_list li {padding-left:12px; background:url(/theme/frandeer-v2/img/common/img_bl02.png) no-repeat 0% 12px; line-height:30px;} .lockerSoultion_goodDetail_info_wrap .contArea div.img_w40 {float:left; width:100%; display:inline-block;} .lockerSoultion_goodDetail_info_wrap .contArea div.img_w40 img {width:100%; padding-top:30px;} .lockerSoultion_goodDetail_info_wrap .contArea ul.lockerSeries_goodDetail_list ul {float:left; width:100%;} .lockerSoultion_goodDetail_info_wrap .contArea ul.lockerSeries_goodDetail_list li {float:left; width:100%; display:inline-block; padding-left:12px; background:url(/theme/frandeer-v2/img/common/img_bl02.png) no-repeat 0% 12px; line-height:30px;} .lockerSoultion_goodDetail_info_wrap .contArea ul.lockerSeries_goodDetail_list p {float:left; width:100%; text-align:center; border:2px solid #e70012; color:#e70012; padding:15px 0; margin-top:15px; line-height:1.8rem; font-weight:600;} /** 이용안내 - 프로세스 **/ .lockerSoultion_goodDetail_info_wrap ul.process {float:left; width:100%; margin-bottom:20px;} .lockerSoultion_goodDetail_info_wrap ul.process li {float:left; width:100%; padding-bottom:10px; border-radius:5px; background:url(/theme/frandeer-v2/img/icon/icon_process_arrow.png) no-repeat 94.65% 50%; background-size:20px auto;} .lockerSoultion_goodDetail_info_wrap ul.process li div {float:left; width:100%; padding:15px 10px; border-radius:5px; background:linear-gradient(85deg, #f6f6f6, #f1f1f1); border:1px solid #eaeaea;} .lockerSoultion_goodDetail_info_wrap ul.process li:nth-child(3n) {width:100%; padding-right:0; background:none;} .lockerSoultion_goodDetail_info_wrap ul.process li.last {background:none;} .lockerSoultion_goodDetail_info_wrap ul.process .strong {font-size:1.2rem; font-weight:600; padding-bottom:10px;} .lockerSoultion_goodDetail_info_wrap ul.process .strong span {font-size:1.4rem; font-weight:900; padding-right:10px; color:#d80818;} .lockerSoultion_goodDetail_info_wrap ul.process p.txt {line-height:1.4rem; padding-left:35px;} .lockerSoultion_goodDetail_info_wrap div.imgProcess {float:left; padding:30px 10px; background:#f7f7f7; border-radius:5px;} .lockerSoultion_goodDetail_info_wrap div.imgProcess img {width:100%;} .lockerSoultion_goodDetail_info_wrap ul.process02 {float:left; width:100%; margin-bottom:20px;} .lockerSoultion_goodDetail_info_wrap ul.process02 li {float:left; width:100%; padding-bottom:10px; border-radius:5px; background:url(/theme/frandeer-v2/img/icon/icon_process_arrow.png) no-repeat 94.65% 50%; background-size:20px auto;} .lockerSoultion_goodDetail_info_wrap ul.process02 li div {float:left; width:100%; padding:15px 10px; border-radius:5px; background:linear-gradient(85deg, #f6f6f6, #f1f1f1); border:1px solid #eaeaea;} .lockerSoultion_goodDetail_info_wrap ul.process02 li:nth-child(3n) {width:100%; padding-right:0; background:none;} .lockerSoultion_goodDetail_info_wrap ul.process02 li.last {background:none;} .lockerSoultion_goodDetail_info_wrap ul.process02 .strong {font-size:1.0rem; font-weight:600; padding-bottom:10px;} .lockerSoultion_goodDetail_info_wrap ul.process02 .strong span {font-size:1.4rem; font-weight:900; padding-right:10px; color:#d80818;} .lockerSoultion_goodDetail_info_wrap ul.process02 p.txt {line-height:1.4rem; padding-left:35px;} /** 이용안내 - 내용 **/ .lockerSoultion_goodDetail_info_wrap .img_wrap div {float:left; text-align:center;} .lockerSoultion_goodDetail_info_wrap .imgTil {float:left;width:100%; text-align:center; padding:0 60px; box-sizing:border-box; display:block; font-size:0.95em; font-weight:500;} .lockerSoultion_goodDetail_info_wrap .imgTil span {font-size:0.85em; font-weight:400; color:#777; line-height:26px;} .lockerSoultion_goodDetail_info_wrap .imgTil_left {float:left;width:100%; text-align:left; padding:0 10px; box-sizing:border-box; display:block; font-size:0.95em; font-weight:500;} .lockerSoultion_goodDetail_info_wrap .imgTil_left span.num {float:left; display:inline-block; font-size:0.75em; font-weight:700; background:#0059c8; color:#fff; padding:3px 7px; border-radius:40px;margin-right:10px;} .lockerSoultion_goodDetail_info_wrap .imgTil_left span.txt {float:left; width:80%; display:inline-block; } .lockerSoultion_goodDetail_info_wrap .img_wrap .imgBox {float:left; width:100%; margin:20px 0 10px 0; border:1px solid #ddd; box-sizing:border-box; text-align:center; } .lockerSoultion_goodDetail_info_wrap .img_wrap .wd40 {width:100%;} .lockerSoultion_goodDetail_info_wrap .img_wrap .wd60 {width:100%;} .lockerSoultion_goodDetail_info_wrap .img_wrap .wd40 .img_border, .lockerSoultion_goodDetail_info_wrap .img_wrap .wd60 .img_border {padding:20px 20px;} .lockerSoultion_goodDetail_info_wrap .img_wrap .wd40 .img_border img, .lockerSoultion_goodDetail_info_wrap .img_wrap .wd60 .img_border img {width:100%;} .lockerSoultion_goodDetail_info_wrap .img_wrap .wd50 { width:100%; } .lockerSoultion_goodDetail_info_wrap .img_wrap .wd50 .img_border {padding:30px 20px 0 20px; text-align:center;} .lockerSoultion_goodDetail_info_wrap .img_wrap .wd50 .img_border img {width:100%;} .lockerSoultion_goodDetail_info_wrap .img_wrap .wd30_A07 {width:100%;} .lockerSoultion_goodDetail_info_wrap .img_wrap .wd30_A07 .img_border {padding:30px 50px 0 50px;} .lockerSoultion_goodDetail_info_wrap .img_wrap .wd30_A07 .img_border img {width:100%;} .lockerSoultion_goodDetail_info_wrap .img_wrap .wd80 {width:100%;} .lockerSoultion_goodDetail_info_wrap .img_wrap .wd80 .img_border {padding:30px 10px;} .lockerSoultion_goodDetail_info_wrap .img_wrap .wd80 .img_border img {width:100%;} .lockerSoultion_goodDetail_info_wrap .img_wrap .wd100 {width:100%;} .lockerSoultion_goodDetail_info_wrap .img_wrap .wd100 .img_border {padding:30px 10px;} .lockerSoultion_goodDetail_info_wrap .img_wrap .wd100 .img_border img {width:100%;} /** 이용안내 - A08이용방법 **/ .lockerSoultion_goodDetail_info_wrap .img_wrapStep {float:left; width:100%; margin:20px 0; padding:40px 50px; border:1px solid #ddd; text-align:center; background:url(/theme/frandeer-v2/img/common/icon_process_arrow03.png) no-repeat 50% 50%; background-size:auto 40px;} .lockerSoultion_goodDetail_info_wrap .img_wrapStep .imgStep01 {float:left; box-sizing:border-box; text-align:center; width:100%; margin-bottom:40px;} .lockerSoultion_goodDetail_info_wrap .img_wrapStep .imgStep02 {float:right; box-sizing:border-box; text-align:center; width:100%;} .lockerSoultion_goodDetail_info_wrap .img_wrapStep .img_border {padding-bottom:20px; text-align:center;} .lockerSoultion_goodDetail_info_wrap .img_wrapStep .img_border img {height:250px;} .lockerSoultion_goodDetail_info_wrap .img_wrap .wd30_A08 {width:100%;} .lockerSoultion_goodDetail_info_wrap .img_wrap .wd30_A08 .img_border {padding:10px 20px;} .lockerSoultion_goodDetail_info_wrap .img_wrap .wd30_A08 .img_border img {height:190px;} /** 이용안내 - A08특장점, A09도입사례 **/ .lockerSoultion_goodDetail_info_wrap .txt_wrap {} .lockerSoultion_goodDetail_info_wrap .txt_wrap .txtArea {float:left; display:inline-block; width:100%; margin-bottom:15px;} .lockerSoultion_goodDetail_info_wrap .txt_wrap .txtArea p.tilBox {background:#f5f5f5; line-height:2em; border-radius:50px; font-weight:600; font-size:16px;} .lockerSoultion_goodDetail_info_wrap .txt_wrap .txtArea p.tilBox span {background:#0059c8; border-radius:50px; display:inline-block; padding:10px 10px; box-shadow:2px 2px 5px #ccc; border:4px solid #fff; line-height:1em; margin-right:12px;} .lockerSoultion_goodDetail_info_wrap .txt_wrap .txtArea p.tilBox span img {width:18px;} .lockerSoultion_goodDetail_info_wrap .txt_wrap ul.benefit {margin:10px 0 0 20px;} .lockerSoultion_goodDetail_info_wrap .txt_wrap ul.benefit li {font-weight:600; line-height:30px; font-size:1.05em; padding-left:12px; background:url(/theme/frandeer-v2/img/common/img_bl03.png) no-repeat 0% 12px;} .lockerSoultion_goodDetail_info_wrap .txt_wrap ul.benefit li b {color:#0059c8; font-weight:600;} .lockerSoultion_goodDetail_info_wrap .txt_wrap ul.benefit li span {display:block; font-weight:300; color:#444;} /** 이용안내 - A09스마트락커 설명 이미지 **/ .lockerSoultion_goodDetail_info_wrap .smartOffice_part {float:left; width:100%;margin-top:20px;} .lockerSoultion_goodDetail_info_wrap .smartOffice_part p.partTil {background:linear-gradient(180deg, #0092d7, #427fbb); color:#fff; border-radius:6px; padding:10px 0; text-align:center; font-weight:600; text-shadow:0 2px 2px #2373c2;} .lockerSoultion_goodDetail_info_wrap .smartOffice_part ul.smartOffice_part_notice {margin-top:8px;} .lockerSoultion_goodDetail_info_wrap .smartOffice_part ul.smartOffice_part_notice li {text-align:left; padding-left:12px; background:url(/theme/frandeer-v2/img/common/img_bl02.png) no-repeat 0% 8px; font-size:0.95em; line-height:23px;} .lockerSoultion_goodDetail_info_wrap .smartOffice_part .smartOffice_part_box {float:left; padding:10px 15px; border-radius:10px; margin-bottom:10px; background:#f6f6f6; } .lockerSoultion_goodDetail_info_wrap .smartOffice_part .box01 {float:left; width:100%;} .lockerSoultion_goodDetail_info_wrap .smartOffice_part .box02 {float:left; width:100%;} .lockerSoultion_goodDetail_info_wrap .smartOffice_part .last {margin-right:0;} /** 시공사례 **/ .lockerSoultion_goodDetail_case {float:left; width:100%; padding-top:1rem; margin-bottom:5rem;} .lockerSoultion_goodDetail_case p.til {font-size:1.5rem; font-weight:700; padding-bottom:1.2rem; padding-top:2rem;} .lockerSoultion_goodDetail_case ul.caseImg {float:left; width:100%; margin:0;} .lockerSoultion_goodDetail_case ul.caseImg li {float:left; width:50%; padding-right:1%; padding-bottom:10px;} .lockerSoultion_goodDetail_case ul.caseImg li:nth-child(2n) {padding:none;} .lockerSoultion_goodDetail_case ul.caseImg li img {float:left; width:100%;} .lockerSoultion_goodDetail_case p.til {font-size:1.5rem; font-weight:700; padding-bottom:1.2rem; padding-top:2rem;} } @media only screen and (min-width:769px) { /** 메인 카테고리 **/ #mainCategory {float:left; width:100%; margin:100px 0;} #mainCategory .categoryWrap {width:1600px; margin:0 auto;} #mainCategory .categoryWrap .category {width:49.5%; margin-bottom:10px; float:left; padding:100px 5% 0; height:380px; box-sizing:border-box; transition:transform 0.3s ease; border:10px solid #fff;} #mainCategory .categoryWrap .category h4 {font-size:39px; width:40%; color:#333; transition:transform 0.9s ease; font-weight:300; letter-spacing:-1px;} #mainCategory .categoryWrap .category b {font-weight:500} #mainCategory .categoryWrap .category .btnType01 {background:#e70012 url(../img/common/icon_arrow.png) no-repeat 82% 50%; background-size:32px auto; padding:7px 55px 7px 20px; color:#fff; border-radius:3px; margin-top:50px; float:left; font-weight:600;} #mainCategory .categoryWrap a:hover .category {transform:translateY(-20px); box-shadow:0 10px 20px #ddd; border:10px solid #fff;} #mainCategory .categoryWrap a:hover .category h4 {transform:translateX(-10px);} #mainCategory .categoryWrap a:hover .category .btnType01 {background:#e70012 url(../img/common/icon_arrow.gif) no-repeat 82% 50%; background-size:32px auto;} #mainCategory .categoryWrap .sort01 {margin-right:0.5%; background:url(../img/common/bg_categorySort01.png) no-repeat 120% 70%, linear-gradient(45deg, #f6f6f6, #e1e1e1); background-size:auto 78%;} #mainCategory .categoryWrap .sort02 {margin-left:0.5%; background:url(../img/common/bg_categorySort02.png) no-repeat 90% 50%,linear-gradient(80deg, #f1f1f1 10%, #d5d5d5); background-size:auto 65%;} #mainCategory .categoryWrap .sort03 {margin-right:0.5%; background:url(../img/common/bg_categorySort03.png) no-repeat 100% 100%, linear-gradient(145deg, #f1f1f1 40%, #d5d5d5); background-size:auto 85%;} #mainCategory .categoryWrap .sort04 {margin-left:0.5%; background:url(../img/common/bg_categorySort04.png) no-repeat 90% 100%, linear-gradient(100deg, #f6f6f6 10%, #e1e1e1); background-size:auto 84%;} /** lockerSoultion List **/ .product {float:left; width:100%; color:#333; font-size:17px;} .product b {font-weight:600;} .product .lockerSoultion {float:left; width:100%;} .product .lockerSoultion .locker_info01 {float:left; width:100%;} .locker_info01 .locker_til{text-align:center;} .locker_info01 .locker_til .locker_tilNum {font-size:2.8rem; font-weight:900; border-bottom:6px solid #e70012; display:inline-block; margin-bottom:1.8rem;} .locker_info01 .locker_til .locker_tilL {font-size:4.8rem; font-weight:700; margin-bottom:3.8rem;} .locker_info01 .locker_til .locker_tilM {color:#555; font-size:2.0rem; font-weight:300; width:55%; margin:0 auto; line-height:2.8rem;} .product .lockerSoultion .locker_cont {float:left; width:100%;} .product .lockerSoultion .locker_cont ul.benefit {width:100%; padding:15rem 0;} .product .lockerSoultion .locker_cont ul.benefit li {width:33%; float:left; display:inline-block; text-align:center; padding:0 5%; box-sizing:border-box; border-right:1px solid #f3f3f3;} .product .lockerSoultion .locker_cont ul.benefit li:last-child {border-right:none;} .product .lockerSoultion .locker_cont ul.benefit li p {font-size:2.5rem; font-weight:700;} .product .lockerSoultion .locker_cont ul.benefit li p img {width:70%; padding-bottom:6rem;} .product .lockerSoultion .locker_cont ul.benefit li p span {font-size:1.8rem; margin-bottom:3.8rem; margin-top:2.8rem; width:95%; line-height:2.5rem; color:#555; display:inline-block; font-weight:300;} .product .lockerSoultion .locker_cont .goodsTil {float:left; width:100%; border-radius:20px; text-align:center; background:#f3f3f3; padding:5rem 0; margin-top:6rem;} .product .lockerSoultion .locker_cont .goodsTil .goods_tilL {font-size:2.4rem; font-weight:500; margin-bottom:1.8rem; color:#e70012;} .product .lockerSoultion .locker_cont .goodsTil .goods_tilL b{font-size:4.2rem; font-weight:700; margin-bottom:3.8rem; display:block; color:#333;} .product .lockerSoultion .locker_cont .goodsTil .goods_tilM {font-size:2.0rem; font-weight:300; width:55%; margin:0 auto; line-height:2.8rem;} /** 제품목록 **/ .product .lockerSoultion .locker_cont ul.lockerSoultion {float:left; width:100%; padding:10rem 0;} .product .lockerSoultion .locker_cont ul.lockerSoultion li {width:31.3%; float:left; display:inline-block; text-align:center; margin:10px 3% 10px 0; box-sizing:border-box;} .product .lockerSoultion .locker_cont ul.lockerSoultion li:nth-child(3n) {margin-right:0;} .product .lockerSoultion .locker_cont ul.lockerSoultion li div {float:left; width:100%; border:4px solid #efefef; padding:35px; box-sizing:border-box; text-align:center;} .product .lockerSoultion .locker_cont ul.lockerSoultion li div img {display:block; width:100%; border-radius:20px; margin-bottom:2.4rem;} .product .lockerSoultion .locker_cont ul.lockerSoultion li div p.productName {font-size:2.0rem; font-weight:400; min-height:50px;} .product .lockerSoultion .locker_cont ul.lockerSoultion li div p span {font-size:1.6rem; font-weight:300;} .product .lockerSoultion .locker_cont ul.lockerSoultion li a:hover div {border:4px solid #e70012;} .product .lockerSoultion .locker_cont ul.lockerSoultion li a:hover div p {color:#e70012;} .product .lockerSoultion .locker_cont ul.lockerSoultion li a:hover div p span {color:#333;} .product .lockerSoultion .locker_cont ul.lockerSeries {float:left; width:100%; padding:10rem 0;} .product .lockerSoultion .locker_cont ul.lockerSeries li {width:100%; float:left; display:inline-block; text-align:left; padding:40px 0; box-sizing:border-box; border-bottom:1px dashed #ddd;} .product .lockerSoultion .locker_cont ul.lockerSeries li:last-child {border-bottom:none;} .product .lockerSoultion .locker_cont ul.lockerSeries li p.imgArea {float:left;width:35%;} .product .lockerSoultion .locker_cont ul.lockerSeries li p.imgArea img {display:block; width:90%; border-radius:20px; margin-bottom:2.4rem;} .product .lockerSoultion .locker_cont ul.lockerSeries li div.txtArea {float:left;width:65%; padding-left:40px;} .product .lockerSoultion .locker_cont ul.lockerSeries li div.txtArea p.productName {font-size:3.4rem; font-weight:700; line-height:2em;} .product .lockerSoultion .locker_cont ul.lockerSeries li div.txtArea p.productName span {color:#e70012;} .product .lockerSoultion .locker_cont ul.lockerSeries li div.txtArea p.productInfo {font-size:1.9rem; font-weight:300; line-height:1.6em; } .product .lockerSoultion .locker_cont ul.lockerSeries li div.txtArea p.btnMore {display:inline-block; padding:8px 24px; text-shadow:0 2px 2px #185998; background:#0092d7; color:#fff; border-radius:4px; margin-top:25px; font-size:1.6rem; font-weight:600;} /** lockerSoultion A1~ **/ .lockerSoultion_goodTil {float:left; width:100%; font-size:4.2rem; font-weight:700; margin-bottom:3.8rem; display:block; border-bottom:1px solid #ccc; padding:1.2rem 0;} .lockerSoultion_goodTil p {float:left; width:100%;} .lockerSoultion_goodTil b {color:#0092d7; font-weight:700;} .lockerSoultion_goodTil p span {font-size:3.8rem; font-weight:300; color:#555;} .lockerSoultion_goodDetail {float:left; width:100%;} .lockerSoultion_goodDetail table {float:left; border-collapse:collapse; border-spacing:0; margin:0; padding:0; border-top:2px solid #222;} .lockerSoultion_goodDetail .tabletype01 {table-layout:fixed; margin:0 1%; width:98%; margin-top:20px; margin-bottom:10px;} .lockerSoultion_goodDetail .tabletype01 th, .tabletype01 td {border-top:1px solid #ccc; border-bottom:1px solid #ccc; padding:10px 0; word-break: keep-all;} .lockerSoultion_goodDetail .tabletype01 th {font-weight:600;} .lockerSoultion_goodDetail .tabletype01 td {text-align:left; background:#fff; padding-left:20px;} .lockerSoultion_goodDetail .infoStyle01 {float:left; width:100%; border:3px solid #0059c8; border-radius:50px; padding:10px 15px; margin-top:20px; color:#0059c8; font-weight:600;} .lockerSoultion_goodDetail .infoStyle01 span {background:#0059c8; padding:7px 15px; border-radius:50px; font-weight:900; color:#fff; margin-right:15px; display:inline-block;} /** 주요사항 **/ .lockerSoultion_goodDetail .lockerSoultion_goodDetail_point {float:left; width:60%;} .lockerSoultion_goodDetail .lockerSoultion_goodDetail_point p.til {float:left; width:100%; font-size:2.4rem; font-weight:600; padding-bottom:1.5rem; padding-top:2rem;} .lockerSoultion_goodDetail .lockerSoultion_goodDetail_point ul.pointList {float:left; width:100%; display:block; background:#f7f7f7; border-radius:5px; padding:20px 25px;} .lockerSoultion_goodDetail .lockerSoultion_goodDetail_point ul.pointList li {line-height:2.8rem; font-weight:300; color:#555; padding-left:12px; background:url(/theme/frandeer-v2/img/common/img_bl02.png) no-repeat 0% 12px;} .lockerSoultion_goodDetail .lockerSoultion_goodDetail_point ul.pointList li span {display:block; font-size:0.9em; line-height:1.6em;} .lockerSoultion_goodDetail .lockerSoultion_goodDetail_point .til02 {font-family: "42dot Sans", serif; font-size:3.3rem; line-height:1.25em; padding-bottom:20px;} .lockerSoultion_goodDetail .lockerSoultion_goodDetail_point .til02 b{} .lockerSoultion_goodDetail .lockerSoultion_goodDetail_point .til03 {font-size:1.2em; line-height:1.8em;} .lockerSoultion_goodDetail .lockerSeries_goodDetail_point {float:left; width:100%;} .lockerSoultion_goodDetail .lockerSeries_goodDetail_point div.pointTxt {float:left; font-weight:300; font-size:1.2em; width:100%; background:#f7f7f7; padding:30px 40px; line-height:1.4em;} .lockerSoultion_goodDetail .lockerSeries_goodDetail_point div.pointTxt span {font-weight:600; color:#0059c8; margin-left:5px;} /** 이용안내 **/ .lockerSoultion_goodDetail_info_wrap {float:left; width:100%; padding-top:10rem;} .lockerSoultion_goodDetail_info_wrap .tilArea {float:left; width:20%; font-size:2.6rem; font-weight:600;} .lockerSoultion_goodDetail_info_wrap .headTil_st01 {font-weight:400; font-size:20px; border-left:5px solid #e70012; padding-left:15px; line-height:1.5em;} .lockerSoultion_goodDetail_info_wrap .contArea {float:left;width:80%;} .lockerSoultion_goodDetail_info_wrap .contArea div.txt_box {float:left; width:100%; font-weight:300; padding:0 0 40px; margin-bottom:40px; border-bottom:1px dashed #ddd;} .lockerSoultion_goodDetail_info_wrap .contArea p.txt_boxTil {font-size:2.2rem; font-weight:600; padding-bottom:20px;} .lockerSoultion_goodDetail_info_wrap .contArea ul.w60 {float:left; width:60%; display:inline-block;} .lockerSoultion_goodDetail_info_wrap .contArea ul.w100 {float:left; width:100%;} .lockerSoultion_goodDetail_info_wrap .contArea ul.goodDetail_list ul {} .lockerSoultion_goodDetail_info_wrap .contArea ul.goodDetail_list li {padding-left:12px; background:url(/theme/frandeer-v2/img/common/img_bl02.png) no-repeat 0% 12px; line-height:30px;} .lockerSoultion_goodDetail_info_wrap .contArea div.img_w40 {float:left; width:40%; display:inline-block; padding-left:35px;} .lockerSoultion_goodDetail_info_wrap .contArea div.img_w40 img {width:100%; padding-top:30px;} .lockerSoultion_goodDetail_info_wrap .contArea ul.lockerSeries_goodDetail_list ul {float:left; width:100%;} .lockerSoultion_goodDetail_info_wrap .contArea ul.lockerSeries_goodDetail_list li {float:left; width:50%; display:inline-block; padding-left:12px; background:url(/theme/frandeer-v2/img/common/img_bl02.png) no-repeat 0% 12px; line-height:30px;} .lockerSoultion_goodDetail_info_wrap .contArea ul.lockerSeries_goodDetail_list p {float:left; width:100%; text-align:center; border:2px solid #e70012; color:#e70012; padding:15px 0; margin-top:15px; line-height:30px; font-size:1.15em; font-weight:600;} .lockerSeries_goodDetail_info_wrap {float:left; width:100%; padding:3rem 0;border-bottom:solid 1px #ccc;} .lockerSeries_goodDetail_info_wrap .tilArea {float:left; width:20%; font-size:3.0rem; font-weight:800; color:#aaa; letter-spacing:0.5px; line-height:1.3em;padding:30px 0;} .lockerSeries_goodDetail_info_wrap .tilArea span{display:block; font-size:0.80em; font-weight:600;} .lockerSeries_goodDetail_info_wrap .contArea {float:left;width:80%; border-top:solid 1px #ccc; padding:30px 0;} .lockerSeries_goodDetail_info_wrap .contArea ul.goodsImg {float:left; width:100%;} .lockerSeries_goodDetail_info_wrap .contArea ul.goodsImg li {float:left; width:20%; display:inline-block; margin-right:20px;} .lockerSeries_goodDetail_info_wrap .contArea ul.goodsImg li img {float:left; width:100%;} .lockerSeries_goodDetail_info_wrap .contArea ul.goodsImg02 {float:left; width:100%; } .lockerSeries_goodDetail_info_wrap .contArea ul.goodsImg02 li {float:left; width:65%; display:inline-block; margin-top:30px;} .lockerSeries_goodDetail_info_wrap .contArea ul.goodsImg02 li img {float:left; width:100%;} .lockerSeries_goodDetail_info_wrap .borderNo {border-top:none;} /** 이용안내 - 프로세스 **/ .lockerSoultion_goodDetail_info_wrap ul.process {float:left; width:100%; margin-bottom:40px;} .lockerSoultion_goodDetail_info_wrap ul.process li {float:left; width:35%; padding-right:5%; margin-bottom:20px; border-radius:5px; background:url(/theme/frandeer-v2/img/icon/icon_process_arrow.png) no-repeat 94.65% 50%; background-size:20px auto;} .lockerSoultion_goodDetail_info_wrap ul.process li div {float:left; width:100%; min-height:180px; padding:35px 20px; border-radius:5px; background:linear-gradient(85deg, #f6f6f6, #f1f1f1); border:1px solid #eaeaea;} .lockerSoultion_goodDetail_info_wrap ul.process li:nth-child(3n) {width:30%; padding-right:0; background:none;} .lockerSoultion_goodDetail_info_wrap ul.process li.last {background:none;} .lockerSoultion_goodDetail_info_wrap ul.process .strong {font-size:2rem; font-weight:600; padding-bottom:10px;} .lockerSoultion_goodDetail_info_wrap ul.process .strong span {font-size:2.2rem; font-weight:900; padding-right:10px; color:#d80818;} .lockerSoultion_goodDetail_info_wrap ul.process p.txt {line-height:2.4rem; padding-left:35px;} .lockerSoultion_goodDetail_info_wrap div.imgProcess {float:left; width:100%; background:#f7f7f7; border-radius:10px;} .lockerSoultion_goodDetail_info_wrap div.imgProcess p {text-align:center; padding:80px 0;} .lockerSoultion_goodDetail_info_wrap ul.process02 {float:left; width:100%; margin-bottom:40px;} .lockerSoultion_goodDetail_info_wrap ul.process02 li {float:left; width:35%; padding-right:5%; margin-bottom:20px; border-radius:5px; background:url(/theme/frandeer-v2/img/icon/icon_process_arrow.png) no-repeat 94.65% 50%; background-size:20px auto;} .lockerSoultion_goodDetail_info_wrap ul.process02 li div {float:left; width:100%; min-height:140px; padding:25px 30px; border-radius:5px; background:linear-gradient(85deg, #f6f6f6, #f1f1f1); border:1px solid #eaeaea;} .lockerSoultion_goodDetail_info_wrap ul.process02 li:nth-child(3n) {width:30%; padding-right:0; background:none;} .lockerSoultion_goodDetail_info_wrap ul.process02 li.last {background:none;} .lockerSoultion_goodDetail_info_wrap ul.process02 .strong {font-size:1.80rem; font-weight:500; padding-bottom:10px; line-height:1.35em;} .lockerSoultion_goodDetail_info_wrap ul.process02 .strong span {font-size:2.2rem; font-weight:900; padding-right:10px; color:#d80818; display:block; margin-bottom:5px;} .lockerSoultion_goodDetail_info_wrap ul.process02 p.txt {line-height:2.4rem; padding-left:35px;} /** 이용안내 - 내용 **/ .lockerSoultion_goodDetail_info_wrap .img_wrap div {float:left; text-align:center;} .lockerSoultion_goodDetail_info_wrap .imgTil {float:left;width:100%; text-align:center; padding:0 60px; box-sizing:border-box; display:block; font-size:0.95em; font-weight:500;} .lockerSoultion_goodDetail_info_wrap .imgTil span {font-size:0.85em; font-weight:400; color:#777; line-height:26px;} .lockerSoultion_goodDetail_info_wrap .imgTil_left {float:left;width:100%; text-align:left; padding:0 10px; box-sizing:border-box; display:block; font-size:0.95em; font-weight:500;} .lockerSoultion_goodDetail_info_wrap .imgTil_left span.num {float:left; display:inline-block; font-size:0.75em; font-weight:700; background:#0059c8; color:#fff; padding:3px 7px; border-radius:40px;margin-right:10px;} .lockerSoultion_goodDetail_info_wrap .imgTil_left span.txt {float:left; width:80%; display:inline-block; } .lockerSoultion_goodDetail_info_wrap .img_wrap .imgBox {float:left; width:100%; margin:20px 0; border:1px solid #ddd; box-sizing:border-box; text-align:center; } .lockerSoultion_goodDetail_info_wrap .img_wrap .wd40 {width:42%; margin-right:1.5%;} .lockerSoultion_goodDetail_info_wrap .img_wrap .wd60 {width:56.5%;} .lockerSoultion_goodDetail_info_wrap .img_wrap .wd40 .img_border, .lockerSoultion_goodDetail_info_wrap .img_wrap .wd60 .img_border {padding:20px 50px; min-height:260px;} .lockerSoultion_goodDetail_info_wrap .img_wrap .wd50 { width:49%; margin-right:1%;} .lockerSoultion_goodDetail_info_wrap .img_wrap .wd50 .img_border {padding:30px 100px 0 100px; text-align:center;} .lockerSoultion_goodDetail_info_wrap .img_wrap .wd50 .img_border img {height:290px;} .lockerSoultion_goodDetail_info_wrap .img_wrap .wd30_A07 {width:32%; margin-right:1%;} .lockerSoultion_goodDetail_info_wrap .img_wrap .wd30_A07 .img_border {padding:30px 50px 0 50px; min-height:200px;} .lockerSoultion_goodDetail_info_wrap .img_wrap .wd30_A07 .img_border img {height:220px;} .lockerSoultion_goodDetail_info_wrap .img_wrap .wd80 {width:80%;} .lockerSoultion_goodDetail_info_wrap .img_wrap .wd80 .img_border {padding:30px 50px; min-height:200px;} .lockerSoultion_goodDetail_info_wrap .img_wrap .wd80 .img_border img {} .lockerSoultion_goodDetail_info_wrap .img_wrap .wd100 {width:100%;} .lockerSoultion_goodDetail_info_wrap .img_wrap .wd100 .img_border {padding:30px 50px; min-height:200px;} .lockerSoultion_goodDetail_info_wrap .img_wrap .wd100 .img_border img {} /** 이용안내 - A08이용방법 **/ .lockerSoultion_goodDetail_info_wrap .img_wrapStep {float:left; width:100%; margin:20px 0; padding:40px 50px; border:1px solid #ddd; text-align:center; background:url(/theme/frandeer-v2/img/common/icon_process_arrow02.png) no-repeat 50% 50%;} .lockerSoultion_goodDetail_info_wrap .img_wrapStep .imgStep01 {float:left; box-sizing:border-box; text-align:center; width:40%;} .lockerSoultion_goodDetail_info_wrap .img_wrapStep .imgStep02 {float:right; box-sizing:border-box; text-align:center; width:40%;} .lockerSoultion_goodDetail_info_wrap .img_wrapStep .img_border {padding-bottom:20px; text-align:center;} .lockerSoultion_goodDetail_info_wrap .img_wrapStep .img_border img {height:295px;} .lockerSoultion_goodDetail_info_wrap .img_wrap .wd30_A08 {width:32%; margin-right:1%;} .lockerSoultion_goodDetail_info_wrap .img_wrap .wd30_A08 .img_border {padding:30px 20px; min-height:200px;} .lockerSoultion_goodDetail_info_wrap .img_wrap .wd30_A08 .img_border img {height:220px;} /** 이용안내 - A08특장점, A09도입사례 **/ .lockerSoultion_goodDetail_info_wrap .txt_wrap {} .lockerSoultion_goodDetail_info_wrap .txt_wrap .txtArea {float:left; display:inline-block; width:48%; margin-right:1%; min-height:220px;} .lockerSoultion_goodDetail_info_wrap .txt_wrap .txtArea p.tilBox {background:#f5f5f5; line-height:2.5em; border-radius:50px; font-weight:600; font-size:20px;} .lockerSoultion_goodDetail_info_wrap .txt_wrap .txtArea p.tilBox span {background:#0059c8; border-radius:50px; display:inline-block; padding:10px 10px; box-shadow:2px 2px 5px #ccc; border:4px solid #fff; line-height:1em; margin-right:12px;} .lockerSoultion_goodDetail_info_wrap .txt_wrap .txtArea p.tilBox span img {width:22px;} .lockerSoultion_goodDetail_info_wrap .txt_wrap .txtArea p.tilBox02 {line-height:2.5em; border-radius:50px; font-weight:600; font-size:20px;} .lockerSoultion_goodDetail_info_wrap .txt_wrap ul.benefit {margin:20px 0 0 20px;} .lockerSoultion_goodDetail_info_wrap .txt_wrap ul.benefit li {font-weight:600; line-height:30px; font-size:1.05em; padding-left:12px; background:url(/theme/frandeer-v2/img/common/img_bl03.png) no-repeat 0% 12px;} .lockerSoultion_goodDetail_info_wrap .txt_wrap ul.benefit li b {color:#0059c8; font-weight:600;} .lockerSoultion_goodDetail_info_wrap .txt_wrap ul.benefit li span {display:block; font-weight:300; color:#444;} /** 이용안내 - A09스마트락커 설명 이미지 **/ .lockerSoultion_goodDetail_info_wrap .smartOffice_part {float:left; width:100%;margin-top:40px;} .lockerSoultion_goodDetail_info_wrap .smartOffice_part p.partTil {background:linear-gradient(180deg, #0092d7, #427fbb); color:#fff; border-radius:6px; padding:10px 0; text-align:center; font-weight:600; text-shadow:0 2px 2px #2373c2;} .lockerSoultion_goodDetail_info_wrap .smartOffice_part ul.smartOffice_part_notice {margin-top:15px;} .lockerSoultion_goodDetail_info_wrap .smartOffice_part ul.smartOffice_part_notice li {text-align:left; padding-left:12px; background:url(/theme/frandeer-v2/img/common/img_bl02.png) no-repeat 0% 8px; font-size:0.95em; line-height:23px;} .lockerSoultion_goodDetail_info_wrap .smartOffice_part .smartOffice_part_box {float:left; min-height:180px; padding:15px 30px; border-radius:10px; margin-bottom:20px; background:#f6f6f6; } .lockerSoultion_goodDetail_info_wrap .smartOffice_part .box01 {float:left; width:32.65%; margin-right:1%; } .lockerSoultion_goodDetail_info_wrap .smartOffice_part .box02 {float:left; width:49.5%; margin-right:1%; } .lockerSoultion_goodDetail_info_wrap .smartOffice_part .last {margin-right:0;} /** 시공사례 **/ .lockerSoultion_goodDetail_case {float:left; width:100%; padding-top:10rem; margin-bottom:10rem;} .lockerSoultion_goodDetail_case ul.caseImg {float:left; width:100%;} .lockerSoultion_goodDetail_case ul.caseImg li {float:left; width:25%; padding-right:0.5%; margin-bottom:20px;} .lockerSoultion_goodDetail_case ul.caseImg li:nth-child(4n) {padding-right:0;} .lockerSoultion_goodDetail_case ul.caseImg li img {width:100%;} .lockerSoultion_goodDetail_case p.til {float:left; width:100%; font-size:2.4rem; font-weight:600; padding-bottom:1.5rem; padding-top:2rem;} /** lockerSeries A1~ **/ .lockerSoultion_goodDetail_info_wrap .tabletype01 {table-layout:fixed; width:100%; margin-top:20px; margin-bottom:10px;} .lockerSoultion_goodDetail_info_wrap .tabletype01 th, .tabletype01 td {border-top:1px solid #ccc; border-bottom:1px solid #ccc; line-height:1.55em; padding:10px 0; word-break: keep-all;} .lockerSoultion_goodDetail_info_wrap .tabletype01 th {font-weight:600; background:#f7f7f7;} .lockerSoultion_goodDetail_info_wrap .tabletype01 td {text-align:left; background:#fff; padding-left:20px; letter-spacing:0.2px;} } .pointBox_RED {background:#e70012; color:#fff; padding:3px 10px; border-radius:3px; font-size:0.95em; margin-left:10px; font-weight:800; text-shadow:1px 1px 1px #741111;} .pointBox_BLUE {background:#0059c8; color:#fff !important; padding:3px 10px; border-radius:3px; font-size:0.8em !important; margin-left:10px; font-weight:800; text-shadow:1px 1px 1px #05489c;} .boxRed {background:#e70012; color:#e70012; padding:0 6px; margin:0 3px; border-radius:1px;} .boxGreen {background:#00cc33; color:#00cc33; padding:0 6px; margin:0 3px; border-radius:1px;} .boxYellow {background:#ffff00; color:#ffff00; padding:0 6px; margin:0 3px; border-radius:1px;}