@charset "utf-8"; /* 회원가입 */ #mainSection #joinArea {width:1080px; min-height:auto; margin:0 auto; position:relative; padding-top:8px; } #mainSection #joinArea .join { width:1080px; background:url('/new/img/member/bg_join.jpg') right bottom no-repeat;; background-color:#fff; min-height:auto; padding-bottom:50px; } #mainSection #joinArea .tit {text-align:center; padding-top:80px;} #mainSection #joinArea .tit h3 {font-size:38px; font-family: 'NotoSansKR-Regular-Hestia'; font-weight:500} #mainSection #joinArea .guide {font-size:16px; text-align:center; padding-top:30px; color:#555; } #mainSection #joinArea .list {padding-top:50px; overflow:hidden; width:800px; margin:0 auto;} #mainSection #joinArea .list ul {margin:0 auto; width:800px;} #mainSection #joinArea .list li {width:260px; border-bottom:2px solid #ddd; border-left:2px solid #ddd; height:220px; float:left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding:28px; background:url('/new/img/member/btn_join_ico.jpg') 110px 70px no-repeat; background-color:#fff; font-size:40px; font-family:'NotoSansKR-Light-Hestia'; } #mainSection #joinArea .list li:hover {background:url('/new/img/member/btn_join_ico_o.jpg') 110px 70px no-repeat; background-color:#f5f7f8} #mainSection #joinArea .list .top {border-top:2px solid #ddd;} #mainSection #joinArea .list .end {border-right:2px solid #ddd;} #mainSection #joinArea .list li span {color:#006cb8} #mainSection #joinArea .list li p {line-height:20px; font-size:13px; color:#555} #mainSection #joinArea .list h5 {font-size:13px; line-height:20px; color:#555} #mainSection #joinArea .list textarea {width:790px; height:300px; padding:10px; border:1px solid #ddd; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color:#555; margin-bottom:10px} /* 메인내용 */ #mainSection {width:100%; height:auto; position:relative; background:#f5f7f8; padding-bottom:50px; } #mainSection h3 {font-size:16px; font-weight:600; font-family: 'NotoSansKR-Light-Hestia';} #mainSection h3 a {font-size:16px; font-weight:600; font-family: 'NotoSansKR-Light-Hestia';} #mainSection1 {width:1080px; height:150px; margin:0 auto; position:relative;} #mainSection1 .main-AD1 {width:718px; height:auto; position:absolute; top:0px; left:0px; margin-top:12px;} #mainSection1 .main-AD1 span {width:718px; height:138px; display:block; } #mainSection1 .main-AD1 #AD1_800 {display:none} #mainSection2 {width:1080px; height:464px; margin:0 auto; position:relative; padding-top:8px;} #mainSection2 .newBox {width:355px; background:#fff; height:464px; padding:20px; float:left; } #mainSection2 .newBox .MainNews {width:310px; height:235px; position:relative; text-align:center; margin-top:20px;} #mainSection2 .newBox .MainNews img {width:100%; height:100%;} #mainSection2 .newBox .MainNews .MainNews-title {position:absolute; text-align:left; bottom:0px; left:0px; background:#000; line-height:20px; color:#fff; font-size:14px; padding:5px; opacity:0.8} #mainSection2 .newBox .MainNews-list {margin-top:10px;} #mainSection2 .newBox .MainNews-list li {line-height:26px; width:90%; height:26px; overflow:hidden; padding-left:10px; background:url('/new/img/main/bg_Mnews_dot.gif') 1px 10px no-repeat ; } #mainSection2 .newBox .MainNews-list a {color:#666666} #mainSection2 .eventWrap {width:354px; margin-left:8px; float:left;} #mainSection2 .eventBox {width:355px; background:#fff; height:314px; padding:20px;} #mainSection2 .eventBox ul {margin-top:20px; } #mainSection2 .eventBox li {margin-bottom:10px; width:310px; height:72px;} #mainSection2 .eventBox div {width:110px; height:72px; border:1px solid #ddd; float:left; margin-right:5px; overflow:hidden;} #mainSection2 .eventBox img {width:110px; min-height:72px;} #mainSection2 .eventBox h5 {font-size:14px; margin-bottom:5px; line-height:20px; color:#555} #mainSection2 .eventBox em {font-size:12px; line-height:16px; color:#666} #mainSection2 .columnBox {width:355px; height:140px; margin-top:8px; border-bottom:1px solid #ddd;} #mainSection2 .columnBox div {width:171px; position:relative;height:92px; border:1px solid #ddd; margin-right:5px; overflow:hidden;} #mainSection2 .columnBox div .bg_column {position:absolute; top:0px; left:0px;} #mainSection2 .columnBox .column {width:171px; min-height:92px;} #mainSection2 .columnBox li { width:171px; height:92px; float:left; margin-right:10px;} #mainSection2 .columnBox li:last-child {margin-right:0px;} #mainSection2 .columnBox h5 {font-size:13px; margin-bottom:5px; line-height:18px; color:#555} #mainSection2 .qnaWrap {width:354px; margin-left:8px; float:left; position:relative;} #mainSection2 .qnaWrap .qnaBox {width:354px; background:#fff; height:314px; padding:20px; } #mainSection2 .qnaWrap ul {margin-top:20px; height:180px; overflow:hidden} #mainSection2 .qnaWrap li {margin-bottom:10px; width:310px; overflow:hidden; height:50px; background:url('/new/img/main/bg_qnaLine.jpg') bottom repeat-x;} #mainSection2 .qnaWrap h5 {font-size:14px; margin-bottom:5px; line-height:18px; color:#555} #mainSection2 .qnaWrap h5 img {vertical-align:middle;} #mainSection2 .qnaWrap em {line-height:24px; color:#666} #mainSection2 .qnaWrap .btn_qna {width:310px; height:48px; border:2px solid #006cb8; font-weight:600; color:#006cb8; line-height:48px; text-align:center;} #mainSection2 .main-AD2 {width:354px; height:auto; position:absolute; top:322px; right:0px;} #mainSection2 .main-AD2 span {width:354px; height:138px; display:block; background:url('/new/img/main/mainAD2.jpg');} #mainSection2 .main-AD2 .AD2_2 {display:none;} #mainSection2 .main-AD2 .AD2_3 {display:none;} #mainSection3 {width:1080px; height:461px; margin:0 auto; position:relative; padding-top:8px; z-index:10} #mainSection3 .materialsBox {width:718px; overflow:hidden; background:#fff; position:relative; height:459px; padding:20px; float:left;} #mainSection3 h3 {z-index:10001; font-weight:600; font-family: 'NotoSansKR-Light-Hestia';} #mainSection3 .materialsBox .bg {width:40px; height:0px; background:#fff; padding:20px; padding-right:0px; position:absolute; top:0px; left:0px; z-index:5} #mainSection3 .materialsBox .category {position:absolute; overflow:hidden; top:0px; left:0px; width:100%; height:50px; } #mainSection3 .materialsBox .category .bg-category {width:100%; height:45px; border-bottom:1px solid #ededed;} #mainSection3 .materialsBox .category .bg-category ul {width:200%; height:100%; margin-left:65px; } #mainSection3 .materialsBox .category .bg-category ul li {z-index:1; height:45px; float:left; line-height:54px; position:relative; font-size:14px; cursor:pointer; color:#777777; padding-right:10px; padding-left:10px;} #mainSection3 .materialsBox .category .bg-category ul .over {color:#006cb8; font-weight:600; } #mainSection3 .materialsBox .category .bg-category ul li .ico-over {width:100%; display:block; height:50px; top:0px; left:0px; position:absolute; background:url('/new/img/main/bg_menu_category.gif') bottom center no-repeat; z-index:1111} #mainSection3 .materialsBox .category .bg-category .cateBtn {position:absolute; top:0px; right:0px; z-index:2} #mainSection3 .materialsBox .category .bg-category .cateBtn img {padding:0px; margin:0px;} #mainSection3 .btn-list {width:46px; height:45px; border-left:1px solid #ededed;background:#fff; position:absolute; top:0px; right:0px; z-index:2} #mainSection3 .btn-list span {display:block; width:100%; height:100%; background:url('/new/img/common/btn_list.gif') center no-repeat ; cursor:pointer} #mainSection3 .materialsBox .materialsList {margin-top:40px;} #mainSection3 .materialsBox .materialsList li {height:200px; width:23%; float:left; margin-right:2%} #mainSection3 .materialsBox .materialsList h5 {font-size:13px; width:100%; display:inline-block; margin-bottom:5px; line-height:18px; } #mainSection3 .materialsBox .materialsList div {width:100%; height:120px; border:1px solid #ddd; float:left; margin-bottom:7px; overflow:hidden;} #mainSection3 .materialsBox .materialsList img {width:100%; min-height:120px; } #mainSection3 .materialsBox .materialsList em {line-height:16px;} #mainSection5 .requestBox {width:354px; height:459px; float:left; background:#fff; padding:20px; margin-left:8px;} #mainSection4 {width:1080px; height:208px; margin:0 auto; margin-top:8px; position:relative; background:url('/new/img/main/bg_section4.jpg') center; z-index:5} #mainSection4 .system {width:1080px; margin:0 auto; position:relative;} #mainSection4 .system h3 {color:#fff; font-size:30px; width:125px; padding-top:50px; line-height:35px; padding-left:15px; letter-spacing:-0.5px} #mainSection4 .system .btn_system {margin-left:15px; color:#5ea4d5; line-height:30px;} #mainSection4 .system .system_item {position:absolute; top:25px; left:108px;} #mainSection4 .system .system_company {position:absolute; width:312px; height:155px; top:25px; right:30px;} #mainSection4 .system .system_company h5 {color:#fff; font-size:16px; } #mainSection4 .system .system_company ul {margin-top:12px;} #mainSection4 .system .system_company li {width:100px; height:65px; overflow:hidden; line-height:65px; margin-bottom:8px; text-align:center; background:#fff; float:left; margin-left:6px;} #mainSection4 .system .system_company .end {margin-left:0px;} #mainSection4 .system .system_company li img {width:90px; margin:5px; margin-top:5px; vertical-align:middle;} #mainSection4 .system .img_sys2 {display:none} #mainSection5 {width:1080px; height:461px; margin:0 auto; position:relative; margin-top:8px; z-index:10} #mainSection5 .bimBox {width:718px; overflow:hidden; background:#fff; position:relative; height:459px; padding:20px; float:left;} #mainSection5 .bimBox .category {position:absolute; overflow:hidden; top:0px; left:0px; width:100%; height:50px; } #mainSection5 .bimBox .category .bg-category {width:100%; height:45px; border-bottom:1px solid #ededed;} #mainSection5 .bimBox .category .bg-category ul {width:200%; height:100%; margin-left:65px; } #mainSection5 .bimBox .category .bg-category ul li {z-index:1; height:45px; float:left; line-height:54px; position:relative; font-size:14px; cursor:pointer; color:#777777; padding-right:10px; padding-left:10px;} #mainSection5 .bimBox .category .bg-category ul .over {color:#006cb8; font-weight:600; } #mainSection5 .bimBox .category .bg-category ul li .ico-over {width:100%; display:block; height:50px; top:0px; left:0px; position:absolute; background:url('/new/img/main/bg_menu_category.gif') bottom center no-repeat; z-index:1111} #mainSection5 .bimBox .category .bg-category .cateBtn {position:absolute; top:0px; right:0px; z-index:2} #mainSection5 .bimBox .category .bg-category .cateBtn img {padding:0px; margin:0px;} #mainSection5 .bimBox .seminar {margin-top:30px; width:240px; height:380px; float:left;} #mainSection5 .bimBox .seminar .seminar_cont {margin-top:20px; border-top:1px solid #ddd;} #mainSection5 .bimBox .seminar .seminar_cont h5 {font-size:14px; color:#555555; line-height:40px; text-align:center; } #mainSection5 .bimBox .seminar .seminar_cont em {line-height:20px;} #mainSection5 .bimBox .bimList {float:left; width:420px; margin-top:30px; margin-left:12px;} #mainSection5 .bimBox .bimList li {height:200px; width:48%; float:left; margin-right:2%} #mainSection5 .bimBox .bimList h5 {font-size:13px; width:100%; display:inline-block; margin-bottom:5px; line-height:18px; } #mainSection5 .bimBox .bimList div {width:100%; height:120px; border:1px solid #ddd; float:left; margin-bottom:7px; overflow:hidden;} #mainSection5 .bimBox .bimList img {width:100%; min-height:120px; } #mainSection5 .bimBox .bimList em {line-height:16px;} #mainSection5 .bimBox .bimList em span {color:#006cb8} #mainSection3 .archiroadBox {width:354px; height:459px; float:left; background:#fff; padding:0px; margin-left:8px; overflow:hidden;} #mainSection6 {width:1080px; height:460px; margin:0 auto; position:relative; margin-top:8px; z-index:20} #mainSection6 .companyBox {width:718px; overflow:hidden; background:#fff; position:relative; height:459px; float:left;} #mainSection6 .companyBox .bg {width:80px; height:0px; background:#fff; padding:20px; padding-right:0px; position:absolute; top:0px; left:0px; z-index:5} #mainSection6 .companyBox .category {position:absolute; overflow:hidden; top:0px; left:0px; width:100%; height:50px; } #mainSection6 .companyBox .category .bg-category {width:100%; height:45px; border-bottom:1px solid #ededed;} #mainSection6 .companyBox .category .bg-category ul {width:200%; height:100%; margin-left:85px; } #mainSection6 .companyBox .category .bg-category ul li {z-index:1; height:45px; float:left; line-height:54px; position:relative; font-size:14px; cursor:pointer; color:#777777; margin-left:20px;} #mainSection6 .companyBox .category .bg-category ul .over {color:#006cb8; font-weight:600; } #mainSection6 .companyBox .category .bg-category ul li .ico-over {width:100%; display:block; height:50px; top:0px; left:0px; position:absolute; background:url('/new/img/main/bg_menu_category.gif') bottom center no-repeat; z-index:1111} #mainSection6 .companyBox .category .bg-category .cateBtn {position:absolute; top:0px; right:0px; z-index:2} #mainSection6 .companyBox .category .bg-category .cateBtn img {padding:0px; margin:0px;} #mainSection6 .companyBox .comList {width:100%; height:461px; margin-top:45px;} #mainSection6 .companyBox .comList h5 {color:#fff; font-size:16px; } #mainSection6 .companyBox .comList ul {margin-top:12px; float:left; } #mainSection6 .companyBox .comList li {width:152px; margin-top:30px; height:95px; line-height:18px; text-align:left; background:#fff; float:left; margin-left:20px;} #mainSection6 .companyBox .comList li:last-child {margin-right:0px;} #mainSection6 .companyBox .comList li div {padding:10px; height:100px; width:100%;text-align:center; border:1px solid #eeeeee; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} #mainSection6 .companyBox .comList li img {max-width:80%; max-height:90px; vertical-align:middle; } #mainSection6 .companyBox .comList li p {display:inline-block; margin-top:5px; line-height:16px; font-size:13px; font-weight:600; text-align:left; color:#555555;} #mainSection6 .portfolioBox {width:354px; height:459px; float:left; background:#fff; margin-left:8px; position:relative;} #mainSection6 .portfolioBox .portfolioTitle {height:70px; width:100%; } #mainSection6 .portfolioBox .portfolioTitle .category {clear:both; display:block; height:20px; padding-top:14px; font-size:11px; color:#999999; text-align:center;} #mainSection6 .portfolioBox .portfolioTitle .category div {border:1px solid #d7d7d7; margin:0 auto; width:60px; height:16px; line-height:18px;} #mainSection6 .portfolioBox h3 {text-align:center; margin-top:8px;} #mainSection6 .portfolioBox .portfolioList {position:relative; border-top:1px solid #eee; width:100%; height:372px; overflow:hidden; } #mainSection6 .portfolioBox .portfolioList .list li {width:160px; float:left; margin-left:8px; margin-top:8px; } #mainSection6 .portfolioBox .portfolioList .list li div {width:160px; height:115px; border:1px solid #eeeeee; overflow:hidden; } #mainSection6 .portfolioBox .portfolioList .list li div img {width:160px; min-height:115px; } #mainSection7 {width:1080px; height:460px; margin:0 auto; position:relative; margin-top:8px; z-index:30} #mainSection7 .webzineBox {width:718px; position:relative; height:460px; float:left;} #mainSection7 .webzineBox .b1 {width:459px; height:458px; overflow:hidden; border:1px solid #ddd;} #mainSection7 .webzineBox .b2 {width:246px; height:146px; overflow:hidden; position:absolute; top:0px; right:0px; border:1px solid #ddd;} #mainSection7 .webzineBox .b3 {width:246px; height:146px; overflow:hidden; position:absolute; top:155px; right:0px; border:1px solid #ddd;} #mainSection7 .webzineBox .b4 {width:246px; height:146px; overflow:hidden; position:absolute; top:311px; right:0px; border:1px solid #ddd;} #mainSection7 .globalBox {width:354px; height:459px; float:left; background:#fff; margin-left:8px; position:relative;} #mainSection7 .globalBox .portfolioTitle {height:70px; width:100%; } #mainSection7 .globalBox .portfolioTitle .category {clear:both; display:block; height:20px; padding-top:14px; font-size:11px; color:#999999; text-align:center;} #mainSection7 .globalBox .portfolioTitle .category div {border:1px solid #d7d7d7; margin:0 auto; width:80px; height:16px; line-height:18px;} #mainSection7 .globalBox h3 {text-align:center; margin-top:8px;} #mainSection7 .globalBox .portfolioList {position:relative; border-top:1px solid #eee; width:100%; height:372px; overflow:hidden; } #mainSection7 .globalBox .portfolioList .list li {width:160px; float:left; margin-left:8px; margin-top:8px; } #mainSection7 .globalBox .portfolioList .list li div {width:160px; height:115px; border:1px solid #eeeeee; overflow:hidden; } #mainSection7 .globalBox .portfolioList .list li div img {width:160px; min-height:115px; } #mainSection8 {width:1080px; height:140px; margin:0 auto; position:relative; margin-top:8px; z-index:10} #mainSection8 .webtoonBox {width:718px; overflow:hidden; position:relative; height:140px; background:#fff; padding:20px; float:left;} #mainSection8 .webtoonBox div {width:330px; height:119px; float:left; margin-right:12px; overflow:hidden;} #mainSection8 .webtoonBox div:last-child {margin:0px;} #mainSection8 .photoBox {width:354px; height:140px; float:left; position:relative; background:#fff; padding:20px; margin-left:8px; overflow:hidden;} #mainSection9 {width:1080px; height:140px; margin:0 auto; position:relative; margin-top:8px; z-index:10;} #mainSection9 .ADBox {width:100%; overflow:hidden; position:relative; height:140px; float:left;} #mainSection9 .ADBox div {width:352px; border:1px solid #ddd; overflow:hidden; float:left; margin-right:8px;} #mainSection9 .ADBox div:last-child {margin:0px;} #mainSection9 .ADBox .ad3_2 {display:none;} #mainSection9 .ADBox .ad4_2 {display:none;} #mainSection9 .ADBox .ad5_2 {display:none;} /* 상단 1080 */ @media all and (max-width:1080px){ #mainSection #joinArea {width:100%; } #mainSection #joinArea .join { width:100%;} #mainSection #joinArea .list ul {margin:0 auto; width:100%; line-height:40px;} #mainSection #joinArea .list li {width:33.3%; font-size:36px; } #mainSection #joinArea .list .end {width:33.4%;} #mainSection1 {width:100%; height:auto; z-index:3} #mainSection1 .main-AD1 {width:100%; height:auto; position:relative;} #mainSection1 .main-Login {width:49%; bottom:-146px;} #mainSection1 .main-AD1 span {width:100%;} #mainSection1 .main-AD1 img {width:100%;} #mainSection1 .main-AD1 #AD1_1200 {display:none;} #mainSection1 .main-AD1 #AD1_800 {display:block} #mainSection1 .main-Login .loginBox {width:99%;} #mainSection1 .main-Login .loginBox .idBox {width:65%;} #mainSection1 .main-Login .loginBox .pwBox {width:65%;} #mainSection2 {width:100%; height:auto; overflow:hidden; z-index:2} #mainSection2 .newBox {width:50%; padding:3%; overflow:hidden; } #mainSection2 .newBox .MainNews {width:100%; padding:0px; margin-top:10px; overflow:hidden; position:relative;} #mainSection2 .newBox .MainNews img {width:auto;} #mainSection2 .newBox .MainNews .MainNews-title {width:100%;} #mainSection2 .eventWrap {width:49%; float:left; margin-left:1%; } #mainSection2 .eventBox {width:100%; height:188px; margin-top:148px; overflow:hidden; } #mainSection2 .eventBox ul {margin-top:10px; } #mainSection2 .eventBox li {width:98%; height:72px; } #mainSection2 .eventBox div {width:30%;} #mainSection2 .eventBox img {width:100%;} #mainSection2 .eventBox h5 {font-size:14px; margin-bottom:5px; line-height:20px; color:#555} #mainSection2 .eventBox em {font-size:12px; line-height:16px; color:#666} #mainSection2 .columnBox {width:100%; overflow:hidden; height:120px;} #mainSection2 .columnBox li { width:49%; height:92px; float:left; margin-right:2%;} #mainSection2 .columnBox div {width:100%; position:relative; height:92px; border:1px solid #ddd; margin-right:5px; overflow:hidden; } #mainSection2 .columnBox div .bg_column {position:absolute; top:0px; left:0px;} #mainSection2 .columnBox .column {width:100%; min-height:92px;} #mainSection2 .columnBox li:last-child {margin-right:0px;} #mainSection2 .columnBox h5 {font-size:14px; height:20px; overflow:hidden; margin-bottom:5px; line-height:20px;} #mainSection2 .qnaWrap {width:100%; margin-left:0px; overflow:hidden; margin-top:12px;} #mainSection2 .qnaWrap .qnaBox {width:50%; height:459px; padding:3%; } #mainSection2 .qnaWrap ul {margin-top:20px; height:auto; overflow:hidden} #mainSection2 .qnaWrap li { width:100%;} #mainSection2 .qnaWrap .btn_qna {width:100%;} #mainSection2 .main-AD2 {width:100%;top:0px; right:0%; margin-bottom:12px; position:relative;} #mainSection2 .main-AD2 span {width:100%; height:auto; border:0px; display:block; background-size:100%;} #mainSection2 .main-AD2 img {width:100%;} #mainSection2 .main-AD2 .AD2_1 {display:none;} #mainSection2 .main-AD2 .AD2_2 {display:block;} #mainSection3 {width:100%;} #mainSection3 .materialsBox {width:100%;} #mainSection3 .archiroadBox {width:49%; height:459px; background:#3183c5; text-align:center; position:absolute; top:-459px; right:0px; margin-left:1%;} #mainSection4 {width:100%; height:388px; margin:0 auto; margin-top:-72px; position:relative; background:url('/new/img/main/bg_section4.jpg') center; z-index:5} #mainSection4 .system {width:100%; margin:0 auto; position:relative;} #mainSection4 .system .system_item {position:absolute; top:125px; left:118px;} #mainSection4 .system .system_company {display:none;} #mainSection5 {width:100%; height:930px;} #mainSection5 .bimBox {width:100%; } #mainSection5 .bimBox .seminar {margin-top:30px; width:45%; height:580px; float:left;} #mainSection5 .bimBox .bimList {float:left; width:50%; margin-top:30px; margin-left:12px;} #mainSection5 .requestBox {width:50%; height:459px; position:absolute; text-align:center; padding:3%; margin-left:0px; top:471px; left:0px;} #mainSection6 {width:100%} #mainSection6 .companyBox {width:100%;} #mainSection6 .portfolioBox {width:49%; position:absolute; top:-470px; right:0px; margin-left:1%; } #mainSection6 .portfolioBox .portfolioList .list li {width:48%; margin-left:1%; } #mainSection6 .portfolioBox .portfolioList .list li div {width:100%; height:115px; border:1px solid #eeeeee; overflow:hidden; } #mainSection6 .portfolioBox .portfolioList .list li div img {width:100%; min-height:115px; } #mainSection7 {width:100%; } #mainSection7 .webzineBox {width:50%;} #mainSection7 .webzineBox .b1 {width:100%;} #mainSection7 .webzineBox .b2 {display:none} #mainSection7 .webzineBox .b3 {display:none} #mainSection7 .webzineBox .b4 {display:none} #mainSection7 .globalBox {width:49%; margin-left:1%;} #mainSection7 .globalBox .portfolioList .bg {display:none;} #mainSection7 .globalBox .portfolioList .list li {width:48%; margin-left:1%; } #mainSection7 .globalBox .portfolioList .list li div {width:100%; height:115px; border:1px solid #eeeeee; overflow:hidden; } #mainSection7 .globalBox .portfolioList .list li div img {width:100%; min-height:115px; } #mainSection8 {width:100%; height:306px; } #mainSection8 .webtoonBox {width:50%; overflow:hidden; height:306px; background:#fff; padding:20px; float:left;} #mainSection8 .webtoonBox div {width:330px; height:119px; float:left; margin-bottom:12px; margin-right:12px; overflow:hidden;} #mainSection8 .webtoonBox div:last-child {margin:0px;} #mainSection8 .photoBox {width:49%; height:306px; margin-left:1%;} #mainSection9 {width:100%; height:auto; overflow:hidden;} #mainSection9 .ADBox {width:100%; overflow:hidden; position:relative; height:auto; float:left;} #mainSection9 .ADBox div {width:32.3%; border:0px solid #ddd; overflow:hidden; float:left; margin-right:1%;} #mainSection9 .ADBox div img {width:100%;} #mainSection9 .ADBox div:last-child {margin:0px;} } @media all and (max-width:727px){ #mainSection #joinArea {width:100%; } #mainSection #joinArea .join { width:100%;} #mainSection #joinArea .list ul {margin:0 auto; width:100%; line-height:40px;} #mainSection #joinArea .list li {width:50%; font-size:36px; letter-spacing:-5px; padding:15px; background:url('/new/img/member/btn_join_ico.jpg') 100px 60px no-repeat; } #mainSection #joinArea .list li:hover {background:url('/new/img/member/btn_join_ico_o.jpg') 100px 60px no-repeat; background-color:#f5f7f8} #mainSection #joinArea .list .end {width:50%; border-right:0px;} #mainSection #joinArea .list .top {border-top:0px;} #mainSection #joinArea .list .top2 {border-top:2px solid #ddd;} #mainSection #joinArea .list .end2 {border-right:2px solid #ddd;} #mainSection #joinArea .list p {letter-spacing:0px} #mainSection1 {width:100%;} #mainSection1 .main-AD1 {width:100%; padding-right:0px} #mainSection1 .main-Login {display:none;} #mainSection2 {height:auto; } #mainSection2 .newBox {height:412px; } #mainSection2 .newBox {width:86%; margin-left:7% } #mainSection2 .newBox .MainNews {height:205px; } #mainSection2 .eventWrap {width:86%; margin-left:7%; margin-top:12px; } #mainSection2 .eventBox {width:100%; height:314px; margin-top:0px; overflow:hidden; } #mainSection2 .qnaWrap {overflow:none; height:auto;} #mainSection2 .qnaWrap .qnaBox {width:86%; margin-left:7%;} #mainSection2 .main-AD2 .AD2_1 {display:none;} #mainSection2 .main-AD2 .AD2_2 {display:none;} #mainSection2 .main-AD2 .AD2_3 {display:block;} #mainSection3 {height:100%; height:auto; overflow:hidden} #mainSection3 .materialsBox {width:86%; margin-left:7%} #mainSection3 .materialsBox .materialsList li {height:200px; width:48%; float:left; margin-right:2%} #mainSection3 .archiroadBox {width:86%; height:auto; margin-left:7%; text-align:center; position:relative; top:0px; margin-top:12px;} #mainSection3 .archiroadBox img {width:100%; max-width:355px;} #mainSection4 {width:100%; height:388px; margin-top:8px; position:relative;} #mainSection4 .system h3 { padding-top:20px; width:80%; font-size:24px; font-weight:600} #mainSection4 .system .btn_system { line-height:22px;} #mainSection4 .system .system_item {position:absolute; top:70px; left:20px;} #mainSection4 .system .system_item img {width:90%; margin:0 auto;} #mainSection4 .system .img_sys2 {display:block;} #mainSection4 .system .img_sys1 {display:none;} #mainSection5 {margin-top:12px;} #mainSection5 .bimBox {width:86%; margin-left:7%; margin-top:0px; overflow:hidden;} #mainSection5 .bimBox .bimList li {height:200px; width:100%; float:left; margin-right:0%} #mainSection5 .requestBox {width:86%; height:459px; margin-top:12px; position:relative; top:0px; margin-left:7%;} #mainSection6 .portfolioBox {width:86%; position:relative; top:0px; right:0px; margin-left:7%; margin-top:12px; } #mainSection6 .companyBox {width:86%; margin-left:7%; } #mainSection6 .companyBox .comList li {width:47%; margin-left:2%;} #mainSection6 .companyBox .comList li:last-child {margin-right:0px;} #mainSection7 .webzineBox {width:86%; text-align:center; background:#fff; margin-left:7%; margin-top:12px;} #mainSection7 .webzineBox .b2 {display:none} #mainSection7 .webzineBox .b3 {display:none} #mainSection7 .webzineBox .b4 {display:none} #mainSection7 .globalBox {width:86%; margin-left:7%; margin-top:12px;} #mainSection7 .globalBox .portfolioList li {width:47%; margin-left:2%;} #mainSection7 .globalBox .portfolioList li:last-child {margin-right:0px;} #mainSection8 {width:100%; height:950px; margin-top:0px; } #mainSection8 .webtoonBox {width:86%; overflow:hidden; position:relative; top:0px; right:0px; margin-left:7%; margin-top:12px; padding:20px; float:left;} #mainSection8 .photoBox {width:86%; height:228px; position:relative;; top:0px; right:0px; margin-left:7%; margin-top:12px;} #mainSection9 {width:100%; padding-top:12px; height:auto; overflow:hidden;} #mainSection9 .ADBox {width:86%; overflow:hidden; position:relative; height:auto; margin-left:7%; float:left;} #mainSection9 .ADBox div {width:100%; border:1px solid #ddd; background:#fff; text-align:center; margin-bottom:12px; overflow:hidden; float:left; margin-right:1%;} #mainSection9 .ADBox div:last-child {margin:0px;} #mainSection9 .ADBox .ad3_1 {display:none;} #mainSection9 .ADBox .ad3_2 {display:block;} #mainSection9 .ADBox .ad4_1 {display:none;} #mainSection9 .ADBox .ad4_2 {display:block;} } /*180509 진정원 메인 실시간의뢰 영역 START*/ .requestLi {width:314px;height:90px;display:block;margin-top:23px;} .requestLi1 {width:314px;height:90px;display:block;margin-top:8px;} .requestDiv {display:table;float:left;width:61px;height:86px;border:2px solid #006cb8;margin-right:6px;font-size:14px;color:#006cb8;font-family:Dotum;text-align:center;} .spanBox {display:table-cell;vertical-align:middle;} .requestUl {display:inline-block;float:right;width:240px;height:88px;border-top:1px dashed #dddddd;border-bottom:1px dashed #dddddd;} .detailLi:first-child {margin-top:10px;height:11px;margin-bottom:8px;} .detailLi {height:11px;margin-bottom:8px;} .detailLi:last-child{height:11px;margin-bottom:18px;} .request_nodata {line-height:80px;} @media all and (max-width:1080px){ .requestBox h3 {text-align:left;} .requestLi {width:100%;} .requestLi1 {width:100%;} .requestDiv {width:20%; margin-right:2%;} .requestUl {width:75%;} .detailLi:first-child {margin-top:10px;height:11px;margin-bottom:8px;} .detailLi {height:11px;margin-bottom:8px;} .detailLi:last-child{height:11px;margin-bottom:18px;} .request_nodata {line-height:40px; color:#777} } @media all and (max-width:727px){ .requestLi {height:90px;} .requestLi1 {height:90px;} .requestDiv {height:86px;} .requestUl {height:88px;} .request_nodata {line-height:80px;} } /*180509 진정원 메인 실시간의뢰 영역 END/ /*180509 진정원 메인 건축갤러리 영역 START*/ .galleryH3{display:inline-block; vertical-align:top;} .galleryDiv{width:100%; position:absolute; top:50px; left:10px;} .galleryUl{width:100%;float:right;} .galleryLi{display:inline-block;width:107px;height:80px;margin-bottom:8px;} .galleryLi a img {width:100%;height:100%;} /*180509 진정원 메인 건축갤러리 영역 END*/ /*180510 진정원 통합검색 영역 START*/ /*기본영역*/ #searchSection1{width:1080px; height:auto; margin:0 auto; position:relative; padding-top:8px;padding-bottom:48px;} #searchSection2{width:1080px; height:auto; margin:0 auto; position:relative; padding-bottom:48px;} #searchSection3{width:1080px; height:auto; margin:0 auto; position:relative; padding-bottom:48px;} #searchSection4{width:1080px; height:auto; margin:0 auto; position:relative; padding-bottom:48px;} #searchSection5{width:1080px; height:auto; margin:0 auto; position:relative; padding-bottom:48px;} #searchSection6{width:1080px; height:auto; margin:0 auto; position:relative; padding-bottom:48px;} .searchWrap {margin-left:20px; margin-right:20px;padding-top:20px;} .searchWrapTitle {font-size:20px;} .searchMainDiv {padding-top:20px;} .searchMainUl {width:1038px;height:auto;} @media all and (max-width:1080px){ #searchSection1{max-width:1000px; height:auto; margin:0 auto; position:relative; padding-top:8px;} #searchSection2{max-width:1000px; height:auto; margin:0 auto; position:relative; padding-bottom:48px;} #searchSection3{max-width:1000px; height:auto; margin:0 auto; position:relative; padding-bottom:48px; } #searchSection4{max-width:1000px; height:auto; margin:0 auto; position:relative; padding-bottom:48px;} #searchSection5{max-width:1000px; height:auto; margin:0 auto; position:relative; padding-bottom:48px;} #searchSection6{max-width:1000px; height:auto; margin:0 auto; position:relative; padding-bottom:48px;} .searchWrap {margin-left:12px; margin-right:12px;padding-top:20px;} .searchWrapTitle {font-size:20px;} .searchMainDiv {padding-top:20px;} .searchMainUl {width:1000px;height:auto;} } @media all and (max-width:640px){ #searchSection1{max-width:350px; height:auto; margin:0 auto; position:relative; padding-top:8px;} #searchSection2{max-width:350px; height:auto; margin:0 auto; position:relative; padding-bottom:48px;} #searchSection3{max-width:350px; height:auto; margin:0 auto; position:relative; padding-bottom:48px; } #searchSection4{max-width:350px; height:auto; margin:0 auto; position:relative; padding-bottom:48px;} #searchSection5{max-width:350px; height:auto; margin:0 auto; position:relative; padding-bottom:48px;} #searchSection6{max-width:350px; height:auto; margin:0 auto; position:relative; padding-bottom:48px;} .searchWrap {margin-left:12px; margin-right:12px;padding-top:20px;} .searchWrapTitle {font-size:20px;} .searchMainDiv {padding-top:20px;} .searchMainUl {width:350px;height:auto;} } /* 업체정보 */ .searchMainLi1 {display:inline-block;width:150px;height:178px;margin-right:19px;margin-bottom:12px;} .searchMainLi1 img {width:147px;height:110px;border:1px solid #ddd;} .searchLi1Title {display:block;font-size:14px;font-weight:bold;color:#555555;padding-top:9px;} .searchLi1Addr {display:block;font-size:12px;height:18px;color:#666666;padding-top:6px;} .searchLi1Info {display:block;font-size:12px;color:#999999;padding-top:6px;} /* 커뮤니티*/ .searchMainLi2 {height:105px;padding-bottom:30px;} .searchLi2Title {color:#006cb8;font-size:16px;font-weight:bold;} .searchLi2Cate {color:#777777;font-size:12px;margin-left:20px;} .searchLi2Date {color:#777777;font-size:12px;margin-left:10px;} .searchLi2Cont {padding-top:13px;height:51px;font-size:12px;line-height:20px;} .searchLi2Info {padding-top:18px;} .searchLi2Info span {font-size:11px;color:#555555;} /*설계/시공/자재/인테리어*/ .searchMainLi3 {display:inline-block;width:247px;height:247px;margin-right:9px;margin-bottom:30px;} .searchMainLi3 img {width:247px;height:183px;border:1px solid #ddd;} .searchLi3Title {display:block;font-size:14px;font-weight:bold;color:#006cb8;padding-top:9px;} .searchLi3Com {display:inline-block;font-size:12px;height:20px;font-weight:bold;color:#777777;padding-top:6px;} .searchLi3Date {display:inline-block;font-size:12px;color:#777777;padding-top:6px;margin-left:12px;} .searchLi3Info {display:block;font-size:12px;color:#777777;padding-top:6px;} /*더보기*/ .searchBottomDiv {display:block;float:right;padding-top:38px;} .searchBottomDiv span {font-size:14px;color:#006cb8;border-bottom:1px solid #006cb8;} .noData {width:100%;height:150px;text-align:center;line-height:150px;font-size:14px;color:#777777;} @media all and (max-width:1080px){ /* 업체정보 */ .searchMainLi1 {display:inline-block;width:150px;height:178px;margin-right:12px;margin-bottom:12px;} .searchMainLi1 img {width:147px;height:110px;border:1px solid #ddd;} .searchLi1Title {display:block;font-size:14px;font-weight:bold;color:#555555;padding-top:9px;} .searchLi1Addr {display:block;font-size:12px;height:18px;color:#666666;padding-top:6px;} .searchLi1Info {display:block;font-size:12px;color:#999999;padding-top:6px;} /* 커뮤니티*/ .searchMainLi2 {height:105px;padding-bottom:30px;} .searchLi2Title {color:#006cb8;font-size:16px;font-weight:bold;} .searchLi2Cate {color:#777777;font-size:12px;margin-left:20px;} .searchLi2Date {color:#777777;font-size:12px;margin-left:10px;} .searchLi2Cont {padding-top:13px;height:51px;font-size:12px;line-height:20px;} .searchLi2Info {padding-top:18px;} .searchLi2Info span {font-size:11px;color:#555555;} /*설계/시공/자재/인테리어*/ .searchMainLi3 {display:inline-block;width:230px;height:280px;margin-right:9px;margin-bottom:30px;} .searchMainLi3 img {width:230px;height:183px;border:1px solid #ddd;} .searchLi3Title {display:block;font-size:14px;font-weight:bold;color:#006cb8;padding-top:9px;height:40px;} .searchLi3Com {display:inline-block;font-size:12px;height:20px;font-weight:bold;color:#777777;padding-top:6px;} .searchLi3Date {display:inline-block;font-size:12px;color:#777777;padding-top:6px;margin-left:12px;} .searchLi3Info {display:block;font-size:12px;color:#777777;padding-top:6px;} /*더보기*/ .searchBottomDiv {max-width:600px;display:block;float:right;padding-top:38px;} .searchBottomDiv span {font-size:14px;color:#006cb8;border-bottom:1px solid #006cb8;} .noData {width:100%;height:150px;text-align:center;line-height:150px;font-size:14px;color:#777777;} } @media all and (max-width:640px){ /* 업체정보 */ .searchMainLi1 {max-width:300px; display:inline-block;width:150px;height:178px;margin-right:19px;margin-bottom:12px;} .searchMainLi1 img {width:147px;height:110px;border:1px solid #ddd;} .searchLi1Title {display:block;font-size:12px;font-weight:bold;color:#555555;padding-top:9px;} .searchLi1Addr {display:block;font-size:12px;height:18px;color:#666666;padding-top:6px;} .searchLi1Info {display:block;font-size:10px;color:#999999;padding-top:6px;} /* 커뮤니티*/ .searchMainLi2 {max-width:640px; height:auto;padding-bottom:30px;} .searchLi2Title {display:block;color:#006cb8;font-size:12px;font-weight:bold;} .searchLi2Cate {display:block;color:#777777;font-size:12px;margin-left:0px;} .searchLi2Date {display:block;color:#777777;font-size:12px;margin-left:0px;} .searchLi2Cont {max-width:320px;padding-top:13px;height:auto;font-size:12px;line-height:20px;} .searchLi2Info {padding-top:18px;} .searchLi2Info span {font-size:11px;color:#555555;} /*설계/시공/자재/인테리어*/ .searchMainLi3 {max-width:640px; display:inline-block;width:150px;height:220px;margin-right:9px;margin-bottom:30px;} .searchMainLi3 img {width:150px;height:126px;border:1px solid #ddd;} .searchLi3Title {display:block;height:30px;font-size:14px;font-weight:bold;color:#006cb8;padding-top:9px;} .searchLi3Com {display:block;font-size:12px;font-weight:bold;color:#777777;padding-top:6px;} .searchLi3Date {display:block;font-size:12px;color:#777777;padding-top:6px;margin-left:0px;} .searchLi3Info {display:block;font-size:10px;color:#777777;padding-top:6px;} .searchBottomDiv {max-width:300px;display:block;float:right;padding-top:38px;} .searchBottomDiv span {font-size:14px;color:#006cb8;border-bottom:1px solid #006cb8;} .noData {width:100%;height:150px;text-align:center;line-height:150px;font-size:14px;color:#777777;} } /*180510 진정원 통합검색 영역 END*/