@charset "utf-8";
@import url("common.css");

/*회사소개 시작*/
#about01{width:100%; max-width:100%; text-align:center; margin:auto; margin-top:300px; position:relative; }
#about01 #copyright{top:-15%}
#about01 .txt{font-size:30px; margin:58px 0px 100px; word-break:keep-all; color:#000; }
#about02{width:100%; height:840px; margin-bottom:175px;}

@media (max-width: 1500px) {
#about01 .txt{font-size:26px; margin:40px 0px 100px;}
#about02{height:640px;margin-bottom:60px;}
}
@media (max-width: 950px) {
#about01 .txt{font-size:26px; margin:40px 0px 80px;}
#about02{height:550px;margin-bottom:50px;}
}
@media (max-width: 768px) {
#about01{margin-top:200px;}
}
@media (max-width: 640px) {
#about01 .txt{font-size:20px; line-height: 28px; margin:30px 0px 60px;}
#about02{height:500px;margin-bottom:40px;}
}
@media (max-width: 500px) {
#about01 .logo img{width:150px; height:38px; }
#about01 .txt{font-size:16px; line-height: 24px; width:90%; margin:30px auto 60px;}
#about02{height:350px;margin-bottom:30px;}
}

#about03{width:90%; max-width:1320px; margin:164px auto 390px; }
#about03 .tit{font-size:72px; line-height:90px; margin-bottom:90px; font-weight:800; }
#about03 .tit .nobr{display:none}
#about03 .txt{display:table; width:100%; }
#about03 .txt .inner{font-size:30px; line-height:48px; float:right; max-width:1017px; word-break:keep-all;}

@media (max-width: 1500px) {
#about03{max-width:1280px; margin:104px auto 150px }
#about03 .tit{font-size:44px; line-height:60px; margin-bottom:60px;}
#about03 .txt .inner{font-size:22px; line-height:34px; max-width:900px;}
}
@media (max-width: 950px) {
#about03{margin:84px auto 120px;}
#about03 .tit{font-size:48px; line-height:70px; margin-bottom:70px; word-break:keep-all;}
#about03 .tit br{display:none; }
#about03 .tit br.nobr{display:block}
#about03 .txt .inner{font-size:20px; line-height:30px; max-width:640px;}
}
@media (max-width: 768px) {
#about03{margin:64px auto 100px;}
#about03 .tit{font-size:42px; line-height:64px; margin-bottom:50px; }
#about03 .txt .inner{font-size:20px; line-height:34px; max-width:580px;}
}
@media (max-width: 640px) {
#about03{margin:50px auto 100px;}
#about03 .tit{font-size:36px; line-height:50px; margin-bottom:40px; }
#about03 .txt .inner{font-size:16px; line-height:28px; max-width:100%;}
}
@media (max-width: 500px) {
#about03{margin:40px auto 80px;}
#about03 .tit{font-size:28px; line-height:40px; margin-bottom:25px; }
#about03 .txt .inner{font-size:14px; line-height:24px; max-width:100%;}
}

#about04{width:90%; max-width:1350px; margin:0px auto 336px; }
#about04 .tit{font-size:48px; font-weight:800; margin-bottom:100px; }
#about04 .set{display:table; width:100%; }
#about04 .set .col-b{float:left; width:20%; }
#about04 .set .col-b h2{font-size:28px; margin-bottom:15px; font-weight:800; }
#about04 .set .col-b p{font-size:28px; }

@media (max-width: 1500px) {
#about04{max-width:1280px; margin-bottom:180px; }
#about04 .tit{font-size:36px;margin-bottom:30px; }
#about04 .set .col-b h2{font-size:20px; margin-bottom:15px; }
#about04 .set .col-b p{font-size:18px; }
}
@media (max-width: 950px) {
#about04{margin-bottom:160px; }
#about04 .set .col-b{float:none; display:inline-block; width:30%; margin-bottom:50px; } 
}
@media (max-width: 768px) {
#about04{margin-bottom:120px; }
}
@media (max-width: 640px) {
#about04{margin-bottom:80px; }
#about04 .tit{font-size:32px;margin-bottom:30px; }
#about04 .set .col-b{width:48%; margin-bottom:30px;}
#about04 .set .col-b h2{font-size:18px; margin-bottom:10px; }
#about04 .set .col-b p{font-size:16px; }
}
@media (max-width: 500px) {
#about04{margin-bottom:60px; }
#about04 .tit{font-size:26px;margin-bottom:30px; }
#about04 .set .col-b h2{font-size:16px; margin-bottom:5px; }
#about04 .set .col-b p{font-size:14px; }
}

#about05 {width:90%; max-width:1350px; margin:0px auto 200px; }
#about05 .set{display:table; width:100%; margin-bottom:80px;  }
#about05 .set .addr{float:left; word-break:keep-all;}
#about05 .set .tel{float:right;}
#about05 .set .addr,
#about05 .set .tel{font-size:46px; font-weight:800; }
#about05 .set .m_show{display:none}

@media (max-width: 1500px) {
#about05{ max-width:1280px; margin-bottom:150px; }
#about05 .set{margin-bottom:50px;  }
#about05 .set .addr,
#about05 .set .tel{font-size:30px;}
#about05 .maps iframe{height:600px; }
}
@media (max-width: 950px) {
#about05{margin-bottom:120px; }
#about05 .set .addr,
#about05 .set .tel{font-size:24px;}
#about05 .maps iframe{height:500px; }
}
@media (max-width: 768px) {
#about05 .set .addr,
#about05 .set .tel{font-size:20px;}
#about05 .set{margin-bottom:30px;  }
}
@media (max-width: 640px) {
#about05{margin-bottom:100px; }
#about05 .set .addr,
#about05 .set .tel{float:none; font-size:18px;}
#about05 .set .addr{margin-bottom:30px; }
#about05 .maps iframe{height:450px; }
}
@media (max-width: 500px) {
#about05{margin-bottom:60px; }
#about05 .set .addr,#about05 .set .tel{font-size:16px;}
#about05 .set .addr{margin-bottom:20px; }
#about05 .maps iframe{height:350px; }
#about05 .set .m_show{display:block}
}

/*회사소개 끝*/
/*상담문의 시작*/
#contact01{width:100%; margin:auto; margin-top:290px; position:relative; }
#contact01 #copyright{bottom:15%}
#contact01 .inner{width:90%; max-width:1295px; margin:auto; }
#contact01 .row{margin:0;}
#contact01 .tit {font-size:48px; line-height:70px; font-weight:800;}
#contact01 .frm{display:table; width:100%; margin-top:10px; }
#contact01 .frm .inner{float:right; width:100%; max-width:620px;}
#contact01 .frm .input-group{margin-bottom:30px;}
#contact01 .frm .input-group label{display:block; font-size:18px; margin-bottom:10px; } 
#contact01 .frm .input-group .form-group{width:100%; height:30px; margin-bottom:0rem; border:0; border-bottom:1px solid #000; background:transparent; }
#contact01 .frm .input-group .textarea{padding:13px; height:205px; border:1px solid #000; }
#contact01 .frm .input-group .invalid-feedback{font-size:14px; font-weight:600; margin-top:.5rem;}
#contact01 .frm .row{display:table; width:100%; }
#contact01 .frm .half-group{float:left; width:46%; }
#contact01 .frm .half-group:first-child{margin-right:4%; }
#contact01 .frm .half-group:last-child{margin-left:4%; }
#contact01 .frm .text-right{text-align:right;}
#contact01 .frm .text-right .btn{width:110px; height:50px; font-size:20px; font-weight:600; background-color:#df3c5d; color:#fff; border:0; }
#contact01 .frm .text-right .btn:hover{background-color:#c63653}

@media (max-width: 1500px) {
#contact01{max-width:1280px; margin-top:180px;}
#contact01 .tit {font-size:36px; line-height:56px;}
#contact01 .frm{margin-top: 20px;}
#contact01 .frm .text-right .btn{font-size:18px;}
}
@media (max-width: 768px) {
#contact01 .frm .inner{width:100%; max-width:100%; margin:20px auto 0;}
#contact01 .frm{margin-top: 40px;}
}
@media (max-width: 640px) {
#contact01{margin-top:150px;}
#contact01 .inner{width:90%;}
#contact01 .tit {font-size:30px; line-height:46px;}
}
@media (max-width: 500px) {
#contact01{margin-top:130px;}
#contact01 .tit {font-size:24px; line-height:36px;}
#contact01 .frm .half-group{float:none; width:100%; }
#contact01 .frm .half-group:first-child{margin-right:auto; }
#contact01 .frm .half-group:last-child{margin-left:auto; }
#contact01 .frm .input-group{margin-bottom:18px;}
#contact01 .frm .input-group label{font-size:16px; margin-bottom: 5px;}
#contact01 .frm .input-group .invalid-feedback{font-size:13px; }
#contact01 .frm .text-right .btn{width:95px; height:40px; font-size:16px;}
}

#contact02{width:90%; max-width:1450px; margin:auto; margin:200px auto 110px; }
#contact02 .tit{font-size:48px; font-weight:800;}
#contact02 .box{display:table; width:100%; margin-top:66px; }
#contact02 .box .inner{float:right; width:100%; max-width:940px;}
#contact02 .box a,
#contact02 .box address{font-size:46px; display:inline-block; word-break:keep-all; font-weight:800; }
#contact02 .box address{margin-bottom:5px;}
#contact02 .box a{margin-bottom:20px; }

#contact03{width:100%; height:980px; margin-bottom:80px; text-align:center; position:relative;}
#contact03 img{max-width:90%; position: absolute;top: 50%; left: 50%; transform: translate(-50%, -50%);}

@media (max-width: 1500px) {
#contact02 .tit{font-size:36px;}
#contact02 .box{margin-top:66px; }
#contact02 .box .inner{max-width:600px;}
#contact02 .box a{font-size:30px;}
#contact02 .box address{font-size:28px;}
#contact03{height:400px; margin-bottom:80px;}
}
@media (max-width: 768px) {
#contact02{margin:150px auto 100px;}
#contact02 .tit{font-size:24px; text-align:center;}
#contact02 .box{margin-top:46px; }
#contact02 .box .inner {float:none; text-align:center; max-width: 100%;}
#contact02 .box a{font-size:22px;}
#contact02 .box address{font-size:18px;}
#contact02 .box a{margin-bottom:15px;}
#contact03{margin-bottom:60px;}
}
@media (max-width: 500px) {
#contact02{margin:80px auto 60px;}
#contact02 .tit{font-size:20px;}
#contact02 .box{margin-top:26px; }
#contact02 .box a{font-size:16px; margin-bottom:10px;}
#contact02 .box address{font-size:14px;}
#contact02 .box a{margin-bottom:10px;}
#contact03{height:250px; margin-bottom:40px;}
}

.pop{display:none; position:fixed; top:0; left:0; width:100%; height:100%; z-index:1100}
.pop .inner{width:550px; height:240px; margin:auto; margin-top:10%; position:relative; display:table; background:#fff; border:1px solid #bbb; }
.pop .inner a.close_pop{position:absolute; top:10px; right:10px; color:#333; }
.pop .inner .pop_con{text-align:center; display:table-cell; vertical-align:middle; }
.pop .inner .pop_con h2{font-size:20px; margin-bottom:25px; font-weight:600; }
.pop .inner .pop_con p{font-size:16px; margin-bottom:40px; font-weight:400; }
.pop .inner .pop_con .btn{background:#df3c5d; color:#fff; }

/*상담문의 끝*/
/*공지사항 시작*/
#notice{width:90%; max-width:1300px; margin:180px auto;}
#notice #copyright{top:30%}
#notice .row{margin:0;}
#notice .tit {font-size:48px; line-height:72px; font-weight:800;}
#notice .lists{display:table; width:100%; margin-top:60px; }
#notice .lists .inner{float:right; width:100%; max-width:1060px;}
#notice .lists .inner .search_frm{text-align:right;}
#notice .lists .inner .search_frm .group{display:inline-block; position:relative; vertical-align: top;}
#notice .lists .inner .search_frm .form-group{font-size:15px; height: 45px; border:1px solid #bbb; padding:15px 20px; }
#notice .lists .inner .search_frm input.form-group{width:311px;}
#notice .lists .inner .search_frm .ca_sel{width:222px; height:45px; text-align: left; overflow:hidden; display:inline-block; border:1px solid #bbb; position:relative;  }
#notice .lists .inner .search_frm .ca_sel a{width:100%; height:45px; padding:12px 10px; font-size:14px; color:#4b4b4b; display:block; position:relative; }
#notice .lists .inner .search_frm .ca_sel .sel::after{position:absolute; right:10px; top:20px; content:''; width:15px; height:8px; background:url(../images/sel_arraw.png) no-repeat; }
#notice .lists .inner .search_frm .ca_sel .ca_opt{display:none; position:absolute; top:43px; left:-1px; width:222px; z-index:1; background:#fff; border:1px solid #bbb; border-top: 0; }
#notice .lists .inner .search_frm .ca_sel.active{overflow:visible;}
#notice .lists .inner .search_frm .ca_sel.active .sel::after{transform: rotate(180deg);}
#notice .lists .inner .search_frm .ca_sel.active .ca_opt{display:block }
#notice .lists .inner .search_frm .ca_sel.active .fixed_bg{display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:#000; opacity:.8; z-index:999; }
#notice .lists .inner .search_frm .ca_sel .ca_opt a:hover,
#notice .lists .inner .search_frm .ca_sel .ca_opt a.active{background:#fff1f1}
#notice .lists .inner .search_frm select.form-group{width:217px}
#notice .lists .inner .search_frm .btn{border:0; background:transparent; position:absolute; top:8px; right:0;  }
#notice .lists .inner .search_frm .btn img{width:19px; height:19px;}
#notice .lists .inner .view_tb{margin-top:30px;}
#notice .lists .inner .list_tb table{width:100%; border-top:1px solid #4e4e4e;}
#notice .lists .inner .list_tb tr:not(.no_hover):hover td{background:#eee;}
#notice .lists .inner .list_tb tr.m_subj{display:none;}
#notice .lists .inner .list_tb td{padding:35px 0px; font-size:20px; text-align:center; color:#909090; border-bottom:1px solid #ccc; }
#notice .lists .inner .list_tb td.subj{text-align:left; padding-left:30px;}
#notice .lists .inner .list_tb td.subj a,#notice .lists .inner .list_tb td.subj span{width: 90%; display: inline-block; text-overflow: ellipsis;white-space: nowrap;overflow: hidden; color:#000; font-weight:600;}
#notice .lists .inner .list_tb .contents{text-align:left; padding:30px 15px; color:#000;  border-bottom:1px solid #ccc;}
#notice .lists .inner .pages{margin-top:50px; font-size:22px; text-align:center; }
#notice .lists .inner .pages a{display:inline-block; padding:10px}
#notice .lists .inner .pages a.now{color:#909090; cursor:default}
#notice .lists .inner .pages .pg{padding:0px 8px; margin:0px 5px;}
#notice .lists .inner .btns{width:100%; display:table; margin-top:30px; }
#notice .lists .inner .m_btns{display:none; }
#notice .lists .inner .btns .left{float:left;}
#notice .lists .inner .btns .right{float:right; }
#notice .lists .inner .btns .btn{font-weight:600; color:#010101; border-radius:0; border:1px solid #bbb; background:#fff; }
#notice .lists .inner .btns .btn:hover{background:#eee; }

@media (max-width: 1520px) {
#notice{max-width:1280px;}
#notice .tit {font-size:36px; line-height:50px;}
#notice .lists{margin-top:30px; }
#notice .lists .inner .search_frm .form-group{font-size:14px; height: 45px; padding:10px;}
#notice .lists .inner .search_frm .btn{top:8px;}
#notice .lists .inner .view_tb{margin-top:30px;}
#notice .lists .inner .list_tb td{padding:20px 0px; font-size:16px;}
#notice .lists .inner .list_tb td.subj{padding-left:10px;}
#notice .lists .inner .list_tb td.contents{padding:20px 10px; }
#notice .lists .inner .pages{margin-top:50px; font-size:20px}
#notice .lists .inner .btns{margin-top:20px; }
}
@media (max-width: 1240px) {
#notice .lists .inner{max-width:760px}
}
@media (max-width: 950px) {
#notice{margin:150px auto 100px}
#notice #copyright{display:none; }
#notice .lists .inner{max-width:100%; float:none;}
#notice .lists .inner .list_tb .category,
#notice .lists .inner .list_tb .date{width:100px;}
#notice .lists .inner .search_frm input.form-group{width:261px;}
#notice .lists .inner .search_frm .ca_sel,
#notice .lists .inner .search_frm .ca_sel .ca_opt{width:190px;}
}
@media (max-width: 640px) {
#notice{margin:130px auto 80px}
#notice .tit {font-size: 30px; line-height: 40px;}
#notice .lists .inner .list_tb td{padding:15px 0px; font-size:14px;}
#notice .lists .inner .list_tb .category,
#notice .lists .inner .list_tb .date{width:100px;}
#notice .lists .inner .list_tb .subj{display:none;}
#notice .lists .inner .list_tb tr.no_bor td{border-bottom:0; padding-bottom:0; }
#notice .lists .inner .list_tb .category{text-align:left; padding-left:15px;}
#notice .lists .inner .list_tb .date{text-align:right; padding-right:15px;}
#notice .lists .inner .list_tb tr:not(.no_hover):hover td{background:transparent;}
#notice .lists .inner .list_tb tr.m_subj{display:table-row;}
#notice .lists .inner .list_tb tr.m_subj td{text-align:left; padding-top:5px; padding-left:15px;}
#notice .lists .inner .search_frm{width:100%; display:table; }
#notice .lists .inner .search_frm .group{float:left; width:50%; }
#notice .lists .inner .search_frm .ca_sel{float:left; width:49%; margin-left:1%; }
#notice .lists .inner .search_frm input.form-group{width:100%; }
#notice .lists .inner .search_frm .ca_sel .ca_opt{position:fixed; top:40%; width:100%; height:auto; background:#fff; z-index: 1000;}
#notice .lists .inner .search_frm .ca_sel .ca_opt a{width:90%; margin:auto; border-bottom:1px solid #e2e2e2; text-align:center; }
#notice .lists .inner .search_frm .ca_sel .ca_opt a:last-child{border-bottom:0; }
#notice .lists .inner .search_frm .ca_sel.active .fixed_bg{display:block;}
#notice .lists .inner .m_btns{margin-top:20px; display:table }
#notice .lists .inner .view_tb {margin-top: 20px;}
#notice .lists .inner .pc_btns .right{display:none}
}
@media (max-width: 450px) {
#notice{margin:130px auto 60px}
#notice .tit {font-size: 22px; line-height: 32px;}
#notice .lists .inner .list_tb .category,
#notice .lists .inner .list_tb .date{width:100px;}
#notice .lists .inner .pages {margin-top: 30px;font-size: 18px;}

}

/*공지사항 끝*/
/*포트폴리오 시작*/
#port{margin-top:200px; text-align:center}
#port .tit{font-size:42px; margin-bottom:20px; font-weight:800; }
#port .txt{font-size:20px; margin-bottom:96px; }
#port .cate{width:90%; margin:auto; text-align:center; margin-bottom:40px;}
#port .cate a{font-size:20px; margin-left:100px; font-weight:600; color:#aaa; display:inline-block; }
#port .cate a:first-child{margin-left:0; }
#port .cate a:hover,
#port .cate a.active{color:#000; }

@media (max-width: 950px) {
#port .tit{font-size:38px;}
#port .txt{font-size:18px; margin-bottom:76px; }
#port .cate{margin-bottom:30px;}
#port .cate a{font-size:18px; margin-left:60px;}
}
@media (max-width: 640px) {
#port{margin-top:180px;}
#port .tit{font-size:32px; margin-bottom: 15px;}
#port .txt{font-size:16px; margin-bottom:56px; }
#port .cate{margin-bottom:20px;}
#port .cate a{font-size:16px; margin-left:40px;}
}
@media (max-width: 450px) {
#port{margin-top:150px;}
#port .tit{font-size:28px; margin-bottom: 10px;}
#port .txt{font-size:14px; margin-bottom:46px; }
#port .cate{margin-bottom:20px;}
#port .cate a{font-size:14px; margin-left:5%;}
}

#port .ports{width:90%; margin:auto;}
#port .ports .col-bin{-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; text-align:center; padding:100px 0 80px;}
#port .ports .col-p{-ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; position:relative;}
#port .ports .col-p .thumb{width: 100%;height: 260px;padding-top:10%;vertical-align: middle;text-align: center;border: 1px solid #cecece;border-top: 2px solid #5a1e8d;overflow: hidden;display: inline-block;}
#port .ports .col-p .thumb img{width:250px; height:200px; transform: scale(1);-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1); transition: all 0.3s ease-in-out;}
#port .ports .col-p .txt{text-align: left;}
#port .ports .col-p .txt h2{margin-top: 20px;text-align: left; font-weight: 700; font-size: 12pt; }
#port .ports .col-p .txt a{text-decoration: none; color: #333333; text-align: left;font-size: 10pt;}
#port .ports .col-p:hover .thumb{border-top-color:#000; }
#port .ports .col-p:hover .thumb img{transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1); }

@media (max-width: 1920px) {
#port .ports .col-p{-ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%;}
}
@media (max-width: 1390px) {
#port .ports .col-p .thumb{height: 230px;}
#port .ports .col-p .thumb img{width:220px; height:180px;}
}
@media (max-width: 1250px) {
#port .ports .col-p .thumb{height: 190px;}
#port .ports .col-p .thumb img{width:170px; height:140px;}
}
@media (max-width: 980px) {
#port .ports .col-p{-ms-flex: 0 0 33.33%; flex: 0 0 33.33%; max-width: 33.33%;}
}
@media (max-width: 768px) {
#port .ports .col-p{padding:0px 10px; }
#port .ports .col-p .thumb{height: 160px;}
#port .ports .col-p .thumb img{width:140px; height:120px;}
}
@media (max-width: 640px) {
#port .ports .col-p{-ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;}
}
@media (max-width: 450px) {
#port .ports .col-p{-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
#port .ports .col-p .thumb{height: auto; padding:10px; }
#port .ports .col-p .thumb img{width:auto; max-width:90%; height:auto;}
}

/*포트폴리오 끝*/
/*WORKS 시작*/


#works01{width:100%; height:600px; min-height:300px; position:relative; }
#works01 #copyright{bottom:11%;}
#works01 .swiper-slide{width:100%; height:100%; }
#works01 .slide01{background:url(../bgimage/IMG_0839.JPG) top center no-repeat; background-size:cover;}
#works01 .slide02{background:url(../bgimage/IMG_1067.JPG) top center no-repeat; background-size:cover;}
#works01 .slide03{background:url(../bgimage/seminar_room.jpg) top center no-repeat; background-size:cover;}
#works01 .slide_txt{position:absolute; top:45vh; width:100%; text-align:center; z-index:5;}
#works01 .slide_txt p{font-size:30px; margin-bottom:15px; font-weight:600; position:relative; top:40px; opacity:0;}
#works01 .slide_txt h2{font-size:48px; font-weight:800; position:relative; top:40px; opacity:0;}

@media (max-width: 1200px) {
#works01 .slide_txt p{font-size:28px; margin-bottom:10px;}
#works01 .slide_txt h2{font-size:46px; }
}
@media (max-width: 950px) {
#works01 .slide_txt p{font-size:24px;}
#works01 .slide_txt h2{font-size:42px; }
}
@media (max-width: 768px) {
#works01 .slide01{background:url(../images/m_main1.jpg) top center no-repeat; background-size:cover; }
#works01 .slide02{background:url(../images/m_main2.jpg) top center no-repeat; background-size:cover; }
}
@media (max-width: 640px) {
#works01 .slide_txt p{font-size:18px; }
#works01 .slide_txt h2{font-size:26px; }
}

#works02{width:100%; display:table; }
#works02 .box{width:50%; cursor:pointer; text-align:center; float:left; display:table; position:relative; transition: all 0.6s ease;}
#works02 .box:nth-child(2n+1){clear:both; }
#works02 .box .txt{font-size:32px; font-weight:800; text-align:left; padding:40px 0 0 20px; transition: all 0.5s ease;}
#works02 .box1{background:#b1b1b1; background-size:auto}
#works02 .box2{background:#e3e0dc; background-size:auto}
#works02 .box3{background:url(../images/main_shop_bg.png) top center no-repeat; background-size:100% 100%}
#works02 .box4{background:url(../images/main_develp.jpg) top center no-repeat; background-size:cover;}
#works02 .box1 .txt,
#works02 .box4 .txt{color:#fff; }
#works02 .box2 .txt,
#works02 .box3 .txt{color:#000; }
#works02 .box .img{width:100%; padding-top:18px; transform: scale(1);-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1); transition: all 0.3s ease-in-out; text-align:center; }
#works02 .box .img img{max-width:95%; max-height:350px; }
#works02 .box4 .img{opacity:0; }
#works02 .box3 .img{text-align:right; }
#works02 .box .hover_bg{position:absolute; top:0; left:0; width:100%; height:100%; opacity:0; background:url(../images/bg_k.png); transition: all 0.5s ease;}
#works02 .box .hover_txt{opacity:0; position:absolute; left:0; top:35%; width:100%; display:table-cell; vertical-align:middle;  z-index:2; transition: all 0.5s ease; color:#fff;}
#works02 .box .hover_txt h2{font-size:40px; font-weight:400; color:#df3c5d}
#works02 .box .hover_txt p{font-size:32px; font-weight:800; margin-top:20px}
#works02 .box .hover_txt button{background:transparent; border:1px solid #fff; padding:5px 10px; color:#fff; font-size:18px; }
#works02 .box .hover_txt button:hover{background:#fff; color:#000; font-weight:600; }
#works02 .box .hover_txt button:focus{outline:none;}
#works02 .box:hover .img{transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);}
#works02 .box:hover .txt{opacity:0; }
#works02 .box:hover .hover_bg{opacity:1;}
#works02 .box:hover .hover_txt{opacity:1; }
#works02 .box:hover .hover_txt h2{top:0px;}
#works02 .box:hover .hover_txt p{top:0px;}

@media (max-width: 1230px) {
#works02 .box .img{padding-top:0;}
}
@media (max-width: 950px) {
#works02 .box{width:100%; height: auto; float:none}
}
@media (max-width: 640px) {
#works02 .box .txt{font-size:28px; padding: 30px 0 0 15px;}
#works02 .box:hover .img{transform: scale(1);-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);}
#works02 .box:hover .txt{opacity:1; }
#works02 .box:hover .hover_bg{opacity:0;}
#works02 .box:hover .hover_txt{opacity:0; }
}
@media (max-width: 500px) {
#works02 .box .txt{font-size:20px; padding: 20px 0 0 10px;}
#works02 .box .hover_txt h2{font-size:28px;}
#works02 .box .hover_txt p{font-size:20px;}
#works02 .box .hover_txt button{font-size:13px; }
}

#works03 .m_tit{width:90%; max-width:1300px; margin:150px auto 43px }
#works03 .m_tit .tit{font-size:42px; margin-bottom:20px; font-weight:800; color:#000;}
#works03 .m_tit a.more{font-size:16px;position:relative; left:0; transition: all 0.3s ease;}
#works03 .m_tit a.more:hover{left:10px;}
#works03 .m_tit a.more img{margin-left:8px; position:relative; top:-3px; }
#works03 .m_tit p{margin-top:25px; font-size:20px; }

@media (max-width: 1200px) {
#works03 .m_tit{margin:110px auto 30px }
#works03 .m_tit .tit{font-size:40px; margin-bottom:20px}
#works03 .m_tit a.more{font-size:16px;}
}
@media (max-width: 950px) {
#works03 .m_tit{margin:90px auto 30px}
#works03 .m_tit .tit{font-size:36px; margin-bottom:18px;}
#works03 .m_tit a.more{font-size:14px;}
#works03 .m_tit p{font-size:18px; }
}
@media (max-width: 640px) {
#works03 .m_tit{margin:70px auto 20px}
#works03 .m_tit .tit{font-size:32px; margin-bottom:15px;}
#works03 .m_tit a.more{font-size:13px;}
#works03 .m_tit p{margin-top:20px; font-size:16px; }
#works03 .m_tit a.more:hover{left:0px;}
}

#works03 .ports{width:95%; margin:auto; }
#works03 .ports div.swiper-slide{width:220px; height:auto; margin-bottom:30px; padding:20px 0; cursor:pointer;}
#works03 .ports div img{width:100%; height:100%; transform: scale(1);-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1); transition: all 0.3s ease-in-out;}
#works03 .ports div.swiper-slide:hover img{transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);}

@media (max-width: 640px) {
#works03 .ports div.swiper-slide:hover img{transform: scale(1);-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);}
}

#works04 .m_tit{width:90%; max-width:1300px; margin:147px auto 140px; text-align:center; }
#works04 .m_tit .tit{font-size:40px; margin-bottom:20px; font-weight:800; color:#000;}
#works04 .m_tit p{font-size:20px; margin-bottom:50px; }
#works04 .m_tit a.more{display:block; font-size:16px; position:relative; left:0; transition: all 0.5s ease;}
#works04 .m_tit a.more:hover{left:10px;}
#works04 .m_tit a.more img{margin-left:10px; position:relative; top:-3px; }

@media (max-width: 640px) {
#works04 .m_tit{margin:127px auto 120px;}
#works04 .m_tit .tit{font-size:32px; margin-bottom:15px}
#works04 .m_tit p{font-size:16px; margin-bottom:30px; }
#works04 .m_tit a.more{font-size:14px;}
#works04 .m_tit a.more:hover{left:0px;}
}
@media (max-width: 450px) {
#works04 .m_tit{margin:107px auto;}
#works04 .m_tit .tit{font-size:26px; margin-bottom:13px}
#works04 .m_tit p{font-size:14px; margin-bottom:20px; word-break:keep-all;}
#works04 .m_tit a.more{font-size:13px;}
}

#hd_pop {z-index:2000;position:relative;margin:0 auto;height:0}
.hd_pops {max-width:95%; position:absolute;border:1px solid #e9e9e9;background:#fff}
.hd_pops img {max-width:100%}
.hd_pops_con {max-width:100%; }
.hd_pops_footer {padding:0;background:#000;color:#fff;text-align:left;position:relative}
.hd_pops_footer:after {display:block;visibility:hidden;clear:both;content:""}
.hd_pops_footer button {padding:10px;border:0;color:#fff}
.hd_pops_footer .hd_pops_reject {background:#000;text-align:left}
.hd_pops_footer .hd_pops_close {background:#393939;position:absolute;top:0;right:0}

@media (max-width: 640px) {
.hd_pops {top:3vh !important; left:2.5% !important}
.hd_pops_con{max-width:100%; height:auto !important; }
}

.work-thema1{width:100%; height:570px; overflow:hidden; }
.work-thema1.box1{background:url(../images/work_01bg.jpg) no-repeat; background-size:cover;}
.work-thema1.box2{background:#d4cfc9;}
.work-thema1.box3{background:url(../images/work_02bg.jpg) top center no-repeat; background-size:cover;}
.work-thema1.box4{margin-bottom:100px; background:url(../images/work_03bg.jpg) no-repeat; background-size:cover;}

.work-thema1 .inner{display:table; width:90%; max-width:1390px; margin:auto; }
.work-thema1 .left{float:left;}
.work-thema1 .left.txts-group{text-align:right; }
.work-thema1 .right{float:right; }

.work-thema1 .txts-group h4{font-size:32px; margin-bottom:10px; font-weight:800; color:#000; }
.work-thema1 .txts-group h2{font-size:72px; margin-bottom:40px; font-weight:800; color:#000; }
.work-thema1 .txts-group p{font-size:32px; line-height:48px; margin-bottom:50px; font-weight:600; }
.work-thema1 .txts-group .btn{font-size:18px; border:0; background:transparent;}
.work-thema1 .txts-group .btn img{margin-left:10px;}

.work-thema1.box1 .left{padding-top:100px;}
.work-thema1 .img1{position:relative; top:85px; }
.work-thema1 .img1 img{width:740px; height:507px; }

.work-thema1.box2 .right{padding-top:100px}
.work-thema1.box2 .img2{padding-top:40px;}

.work-thema1.box3 .left{padding-top:100px;}
.work-thema1.box3 .img3{padding-top:70px; position:relative; left:200px }

.work-thema1.box4 .inner{max-width:1510px}
.work-thema1.box4 .right{padding-top:100px;}
.work-thema1.box4 .img4{padding-top:70px; position:relative; left:-120px;}
.work-thema1.box4 .img4 img{width:935px; height:464px; }

.work-thema2{width:100%; padding:300px 0; text-align:center;}
.work-thema2 h2{margin-bottom:40px;}
.work-thema2 h2 img{width:302px; height:56px; }
.work-thema2 p{font-size:32px; line-height:48px; font-weight:600; }


@media (max-width: 1675px) {
.work-thema1 .inner{max-width:1300px;}
.work-thema1.box4 .inner { max-width: 1410px;}
.work-thema1.box1 .img1{top: 105px;}
.work-thema1.box1 .img1 img{width:700px; height:480px; }
.work-thema1.box2 .img2{padding-top: 65px;}
.work-thema1.box2 .img2 img{width: 490px;height: 527px;}
.work-thema1.box3 .img3 img{width:780px; height:467px; }
.work-thema1.box4 .img4{padding-top:100px;}
.work-thema1.box4 .img4 img {width: 835px;height: 414px;}
.work-thema1.box4 .right{position: relative; left: 5px;}
}
@media (max-width: 1560px) {
.work-thema1 .inner{max-width: 1250px;}
.work-thema1.box1 .img1 img{width:600px; height:414px; }
.work-thema1.box2 .img2{ padding-top: 75px; position: relative;  left: 80px; }
.work-thema1.box2 .img2 img{width:440px; height:473px; }
.work-thema1.box3 .img3{left:100px; }
.work-thema1.box3 .img3 img{width:700px; height:419px; }
.work-thema1.box4 .inner {max-width: 1250px;}
.work-thema1.box4 .img4{padding-top:160px; left: -50px;}
.work-thema1.box4 .img4 img {width: 650px;height: 323px;}
.work-thema1.box4 .right{left: 60px;}
}
@media (max-width: 1350px) {
.work-thema1{height:500px}
.work-thema1 .inner{max-width: 950px;}
.work-thema1 .txts-group h4 { font-size: 22px; margin-bottom: 10px;}
.work-thema1 .txts-group h2 { font-size: 60px; margin-bottom: 30px;}
.work-thema1 .txts-group p { font-size: 22px; line-height: 34px; margin-bottom: 40px;}
.work-thema2 p {font-size: 26px; line-height: 32px;}
.work-thema2{padding:200px 0;}

.work-thema1.box1 .img1 img {width: 500px;height: 343px;}
.work-thema1.box2 .img2 img{width:400px; height:430px; }
.work-thema1.box3 .img3{padding-top: 100px;}
.work-thema1.box3 .img3 img{width:600px; height:360px; }
.work-thema1.box4 .inner {max-width: 950px;}
.work-thema1.box4 .img4{padding-top:160px; left: -50px;}
.work-thema1.box4 .img4 img {width: 550px;height: 273px;}
.work-thema1.box4 .right{left: 50px;}
}
@media (max-width: 1165px) {
.work-thema1{height:450px}
.work-thema1 .txts-group h4 { font-size: 24px; margin-bottom: 10px;}
.work-thema1 .txts-group h2 { font-size: 64px; margin-bottom: 30px;}
.work-thema1 .txts-group p { font-size: 24px; line-height: 30px; margin-bottom: 30px;}
.work-thema1 .inner {max-width: 960px;}

.work-thema1.box1 .img1{top:85px}
.work-thema1.box1 .img1 img { width: 450px; height: 308px;}
.work-thema1.box2 .img2{ left: 20px;}
.work-thema1.box2 .img2 img {width: 330px;height: 355px;}
.work-thema1.box2 .right{position:relative; left:-30px;}
.work-thema1.box3 .img3 { left: 60px;}
.work-thema1.box3 .img3 img {width: 500px;height: 300px;}
.work-thema1.box4 .inner {max-width: 960px;}
.work-thema1.box4 .img4{padding-top:160px;}
.work-thema1.box4 .img4 img {width: 435px;height: 216px;}
.work-thema1.box4 .right{left: 10px;}

.work-thema2 p {font-size: 24px; line-height: 30px;}

}
@media (max-width: 960px) {
.work-thema1{height:auto; padding:50px 0 60px;}
.work-thema1 .left,
.work-thema1 .right{float:none; width:100%; }

.work-thema1 .img1{top:0; text-align:center;}
.work-thema1 .left.txts-group{text-align:left;}

.work-thema1.box1 .left {padding-top:20px;}
.work-thema1.box1 .img1{top:0; }
.work-thema1.box2 .img2{left:0; padding-top:0; text-align:center;}
.work-thema1.box2 .right{left:0; padding-top:20px;}
.work-thema1.box3 .img3{left:0; padding-top:0; text-align:center;}
.work-thema1.box3 .left{padding-top:50px;}
.work-thema1.box4 .img4{left:0; padding-top:0; text-align:center;}
.work-thema1.box4 .left{padding-top:0px;}
.work-thema1.box4 .right{padding-top:40px;}

}
@media (max-width: 640px) {
.work-thema1{padding:30px 0 40px;}
.work-thema1 .txts-group h4 { font-size: 16px; margin-bottom: 10px;}
.work-thema1 .txts-group h2 { font-size: 36px; margin-bottom: 20px;}
.work-thema1 .txts-group p { font-size: 16px; line-height: 24px; margin-bottom: 20px; color:#767676; word-break:keep-all;}
.work-thema1 .txts-group p br{display:none; }
.work-thema1 .txts-group .btn{font-size:16px; margin-top:15px; }

.work-thema1.box3 .left {padding-top: 40px;}
.work-thema1.box2 .img2 img{max-width:230px; width:90%; height:inherit; }
.work-thema1.box1 .img1 img,
.work-thema1.box3 .img3 img,
.work-thema1.box4 .img4 img{max-width:380px; width:90%; height:inherit; }

.work-thema2{padding: 120px 0;}
.work-thema2 h2 img {width: 100%; max-width:230px; height: inherit;}
.work-thema2 p{font-size: 16px; line-height: 24px; width:90%; margin:auto; word-break:keep-all;}
.work-thema2 p:not(.no_br) br{display:none; }
}
@media (max-width: 450px) {
.work-thema1.box2 .img2 img{max-width:200px;}
.work-thema1.box4 {margin-bottom: 60px;}
.work-thema2{padding: 80px 0;}
.work-thema2 h2 img {max-width:200px;}
}


/*WORKS 끝*/

/*이용약관 시작*/
#agree .box{width:90%; max-width:1330px; margin:180px auto; display:table}
#agree #copyright{top:10%}
#agree .menu{float:left; width:30%; max-width:333px; }
#agree .menu a{display:block; font-size:30px; font-weight:600; margin-bottom:30px; color:#aaa}
#agree .menu a.view{color:#000; }
#agree .tab{display:none; float:left; width:70%; font-size:14px; line-height:22px; white-space: pre-line;}
#agree .tab.view{display:block; }

@media (max-width: 1550px) {
#agree .box{max-width:950px;}
#agree .menu a{font-size:24px; margin-bottom:20px; }
}
@media (max-width: 1150px) {
#agree .box{max-width:750px;}
}
@media (max-width: 950px) {
#agree #copyright{display:none; }
#agree .box{max-width:100%}
#agree .menu a{font-size:20px; margin-bottom:15px; }
}
@media (max-width:768px) {
#agree .box{margin: 150px auto;}
#agree .menu{float:none; width:100%; max-width: 100%; text-align:center;}
#agree .menu a{display:none;}
#agree .menu a.view{display:block}
#agree .tab{float:none; width:100%;}
}
@media (max-width:640px) {
#agree .box{margin: 130px auto;}
}
@media (max-width:450px) {
#agree .box{margin: 130px auto 80px;}
}
/*이용약관 끝*/