@charset "utf-8";

.page-content * { font-family:'Noto Sans KR' !important; word-break: keep-all !important; }

.page-content h3 { padding-left:18px; background:url('/page/images/bullet.png')no-repeat left 7px; font-size:17px; line-height:22px; color:#282828; font-weight:400; margin:0 0 20px 0; }
.page-content p { font-size:15px; color:#888; line-height:20px; }

/*nav*/
.page-content nav { text-align:center; margin-bottom:40px; }
.page-content nav a { display: inline-block; font-size:13px; font-weight:400; line-height:30px; color:#555; margin-right:10px; background:#ececec; border-radius: 30px; padding-left: 30px; padding-right: 30px; }
.page-content nav a:hover, .page-content nav a.on { background:#224cd6; color:#fff; }
.page-content nav.mobile { display:none; }
.page-content nav.mobile select { width: 250px; height: 36px; margin-top: 5px; color: #555; font-size: 14px; padding-left: 15px; border: 1px solid #dcdcdc; }

@media (max-width: 1199px) {
.page-content nav.pc { display:none; }
.page-content nav.mobile { display:block; text-align: left;}
}

/*greeting*/
.p-greeting { background:url('/page/images/company/greeting_bg.png')no-repeat right center; }
.p-greeting > div:nth-of-type(1) p { display:block; font-size:30px; line-height:38px; font-weight:400; color:#282828; }
.p-greeting > div:nth-of-type(1) p b { font-weight:500; color:#224cd6; }
.p-greeting > div:nth-of-type(2) { margin-top:30px; }
.p-greeting > div:nth-of-type(2) p:nth-of-type(1) { margin-top:0; }
.p-greeting > div:nth-of-type(2) p { margin-top:10px; }
.p-greeting > div:nth-of-type(2) p span { display:block; }

@media (max-width: 1199px) {
.p-greeting > div:nth-of-type(1) p { font-size: 25px; line-height: 32px; }
.p-greeting { background:none; }
}

@media (max-width:991px){
.p-greeting { background:url('/page/images/company/greeting_bg.png')no-repeat right center; }
}

@media (max-width:768px){
.p-greeting { background:none; }
.p-greeting > div:nth-of-type(2) p span { display:inline; }
}

@media (max-width: 480px) {
.p-greeting > div:nth-of-type(1) p { display: inline; font-size: 20px; line-height: 25px; }
.p-greeting > div:nth-of-type(2) p span { display:inline; }
}

/*location*/
.p-location > table { width:100%; border-collapse:collapse; border:1px solid #dcdcdc; }
.p-location > table tr { border-top:1px solid #dcdcdc; }
.p-location > table tr:nth-of-type(1) { border-top:0; }
.p-location > table th { width:105px; padding:20px; }
.p-location > table td { width:clac(100%-105px); padding:20px 20px 20px 0; }
.p-location > table td p { display:block; }
.p-location > table td p b { color:#e27e3f; padding:0 5px 0 3px; }
.p-location > table tr:last-child td { padding:10px; }
.p-location > table tr:last-child td > div { width:100%; }

/*pump*/
.p-pump1 > div:nth-of-type(1) img { width:100%; margin-top:30px; }
.p-pump1 > div:nth-of-type(2) { margin-top:60px; }
.p-pump1 .imgs { width:100%; overflow:hidden; margin-top:30px; }
.p-pump1 > div:nth-of-type(2) figure { width:49%; float:left; margin-left:2%; }
.p-pump1 > div:nth-of-type(2) figure:nth-of-type(1) { margin-left:0; }
.p-pump1 > div:nth-of-type(2) figcaption { padding-left:8px; background:url('/page/images/list-deco.png')no-repeat left 9px; margin-bottom:10px; }
.p-pump1 > div:nth-of-type(2) figcaption span { font-weight:400; color:#224cd6; }

.p-pump2 .imgs { width:100%; overflow:hidden; margin-top:30px; }
.p-pump2 > div:nth-of-type(1) img { width:23.5%; float:left; margin-left:2%; }
.p-pump2 > div:nth-of-type(1) img:nth-of-type(1) { margin-left:0; }
.p-pump2 > div:nth-of-type(2) { margin-top:60px; }
.p-pump2 > div:nth-of-type(2) img { width:32%; float:left; margin-left:2%; }
.p-pump2 > div:nth-of-type(2) img:nth-of-type(1) { margin-left:0; }

.p-pump3 > div:nth-of-type(1) { width:100%; overflow:hidden; }
.p-pump3 > div:nth-of-type(1) > div { width:49%; float:left; margin-left:2%; }
.p-pump3 > div:nth-of-type(1) > div:nth-of-type(1) { margin-left:0; }
.p-pump3 > div:nth-of-type(1) .imgs { border:1px solid #dcdcdc; background:#d4d4d4; text-align:center; }
.p-pump3 > div:nth-of-type(2) { margin-top:60px; }
.p-pump3 > div:nth-of-type(2) .imgs { width:100%; text-align:center; }
.p-pump3 > div:nth-of-type(2) figure { display:inline-block; position:relative; padding-bottom:30px; }
.p-pump3 > div:nth-of-type(2) figcaption { position:absolute; width:100%; text-align:center; bottom:0; }

.p-pump4 > div { width:100%; overflow:hidden; }
.p-pump4 > div > div { width:49%; float:left; }
.p-pump4 > div img { width:49%; float:left; margin-left:2%; }

.p-pump5 > div { position: relative; width:100%; border:1px solid #dcdcdc; background:#f7f7f7; padding:25px; margin-top:20px; overflow:hidden; }
.p-pump5 > div .text-box { float:left; width:50%; }
.p-pump5 > div img.img { position: absolute; right: 30px; bottom: 30px; }
.p-pump5 > div .line { background:#dcdcdc; height:1px; width:100%; }
.p-pump5 > div .line img { display: block; }
.p-pump5 > div p { display:block; font-size:20px; line-height:25px; font-weight:700; color:#224cd6; margin-bottom:30px; }
.p-pump5 > div p span { display:block; }
.p-pump5 > div dl, .p-pump5 > div dl.dl2 { width:100%; overflow:hidden; margin:10px 0 0 0; }
.p-pump5 > div dt { font-weight:700; line-height:40px; }
.p-pump5 > div dd { float:left; font-size:15px; }
.p-pump5 > div dd:nth-of-type(1n) { width:56px; }
.p-pump5 > div dd:nth-of-type(2n) { width:58px; }
.p-pump5 > div dd:nth-of-type(3n) { width:calc(99% - (56px + 58px)); }
.p-pump5 > div dl.dl2 > dd, .p-pump5 > div li { float:none; width:100%; line-height:25px; }
.p-pump5 > div ul { width:100%; overflow:hidden; margin:10px 0 0 0; list-style:none; margin:15px 0 0 0; padding:0; }
.p-pump5 .p-cm { background:url('/page/images/pump/pump5_02.png')no-repeat right 30px bottom 30px; }
.p-pump5 .p-sdl { background:url('/page/images/pump/pump5_03.png')no-repeat right 30px bottom 30px; }
.p-pump5 .p-bh { background:url('/page/images/pump/pump5_04.png')no-repeat right 30px bottom 30px; }
.p-pump5 .p-double { background:url('/page/images/pump/pump5_05.png')no-repeat right 30px bottom 30px; }

@media (max-width: 1199px) {
.p-pump5 > div .text-box { float:left; width:48%; }
.p-pump5 .p-cm, .p-pump5 .p-sdl, .p-pump5 .p-bh, .p-pump5 .p-double { background-size: 43% auto; background-position: right 20px center; }
}

@media (max-width: 991px) {
.p-pump5 > div .text-box { float:none; width: 50%; }
.p-pump5 > div img.img { position: relative; display: block; margin: 30px auto; right: auto; bottom: auto; }
}

@media (max-width: 768px) {
.p-pump2 > div:nth-of-type(1) img { width:49%; float:left; margin-left:2%; }
.p-pump2 > div:nth-of-type(1) img:nth-of-type(3) { margin-left:0; }
.p-pump2 > div:nth-of-type(1) img:nth-of-type(1), .p-pump2 > div:nth-of-type(1) img:nth-of-type(2) { margin-bottom:20px; }
.p-pump2 > div:nth-of-type(2) img { width:49%; }
.p-pump2 > div:nth-of-type(2) img:nth-of-type(3) { margin-left:0; margin-top:20px; }

.p-pump3 > div:nth-of-type(1) > div { width:100%; float:left; margin-left:0; }
.p-pump3 > div:nth-of-type(1) > div:nth-of-type(2) { margin-top:30px; }

.p-pump4 > div > div { width:100%; float:left; }
.p-pump4 > div img { width:100%; float:left; margin-left:0; margin-top:30px; }

.p-pump5 > div .text-box { float:none; width: 100%; }
.p-pump5 .p-cm { background-position: center top 30px; background-size:70% auto; padding-top:60%; }
.p-pump5 .p-sdl { background-position: center top 30px; background-size:70% auto; padding-top:60%; }
.p-pump5 .p-bh { background-position: center top 30px; background-size:70% auto; padding-top:60%; }
.p-pump5 .p-double { background-position: center top 30px; background-size:70% auto; padding-top:60%; }
}

@media (max-width: 480px) {
.p-pump1 > div:nth-of-type(2) figure { width:100%; margin-bottom:10px; }

.p-pump2 > div:nth-of-type(2) img { width:100%; margin-top:10px !important; margin-left:0; }
.p-pump2 > div:nth-of-type(2) img:nth-of-type(1) { margin-top:0; }

.p-pump3 > div:nth-of-type(1) > div { width:100%; margin-bottom:10px; margin-left: 0%; }

.p-pump4 > div > div, .p-pump4 > div img { width:100%; margin-bottom:10px; margin-left: 0%; }
}


/*screen*/
.p-screen > div:nth-of-type(1) .imgs { width:100%; overflow:hidden; margin-top:30px; }
.p-screen > div:nth-of-type(1) .imgs > img { width:49%; float:left; margin-left:2%; }
.p-screen > div:nth-of-type(1) .imgs > img:nth-of-type(1) { margin-left:0; }

.p-screen > div:nth-of-type(2) { margin-top:60px; }
.p-screen > div:nth-of-type(2) > div { width:100%; border:1px solid #dcdcdc; background:#f7f7f7; padding:25px; margin-top:20px; }
.p-screen > div:nth-of-type(2) dl { width:100%; overflow:hidden; margin:10px 0 0 0; }
.p-screen > div:nth-of-type(2) dl:nth-of-type(1) { margin-top:0; }
.p-screen > div:nth-of-type(2) dt { float:left; width:63px; padding-left:8px; background:url('/page/images/list-deco.png')no-repeat left 9px;  }
.p-screen > div:nth-of-type(2) dd { float:left; width:clac(100%-63px); }
.p-screen > div:nth-of-type(2) dd span { padding:0 10px; }

.p-screen > div:nth-of-type(3) { margin-top:60px; }
.p-screen > div:nth-of-type(3) > ul { width:100%; border:1px solid #dcdcdc; background:#f7f7f7; padding:25px; margin:20px 0 0 0; list-style:none; }
.p-screen > div:nth-of-type(3) li { padding-left:8px; background:url('/page/images/list-deco.png')no-repeat left 9px; margin-top:10px; }
.p-screen > div:nth-of-type(3) li:nth-of-type(1) { margin-top:0; }

.p-screen > div:nth-of-type(4) { margin-top:60px; }
.p-screen > div:nth-of-type(4) > div { width:100%; overflow:hidden; }
.p-screen > div:nth-of-type(4) dl { width:49%; float:left; margin:0 0 0 2%; border:1px solid #dcdcdc; padding:25px; }
.p-screen > div:nth-of-type(4) dl:nth-of-type(1) { margin-left:0; }
.p-screen > div:nth-of-type(4) dt { font-size:17px; font-weight:500; }
.p-screen > div:nth-of-type(4) dd { padding-left:8px; background:url('/page/images/list-deco.png')no-repeat left 9px; margin-top:10px; }
.p-screen > div:nth-of-type(4) dd:nth-of-type(1) { margin-top:15px; }
.p-screen > div:nth-of-type(4) dl:nth-of-type(2) { min-height:205px; }

.p-screen > div:nth-of-type(5) { margin-top:60px; }
.p-screen > div:nth-of-type(5) .imgs { width:100%; overflow:hidden; }
.p-screen > div:nth-of-type(5) figure { width:32%; position:relative; float:left; margin-left:2%; padding-bottom:30px; }
.p-screen > div:nth-of-type(5) figure > img { width:100%; }
.p-screen > div:nth-of-type(5) figure:nth-of-type(1) { margin-left:0; }
.p-screen > div:nth-of-type(5) figcaption { position:absolute; bottom:0; }

@media (max-width:768px) {
.p-screen > div:nth-of-type(4) dl { width: 100%; margin-left:0; margin-bottom:10px; }
.p-screen > div:nth-of-type(4) dl:last-child { margin-bottom:0; min-height:auto; }

.p-screen > div:nth-of-type(5) figure { width:49%; }
.p-screen > div:nth-of-type(5) figure:nth-of-type(3) { margin-left:0; margin-top:30px; }
}

@media (max-width: 480px) {
.p-screen > div:nth-of-type(1) .imgs > img { width:100%; float:left; margin-left:0; margin-top:10px; }
.p-screen > div:nth-of-type(1) .imgs > img:nth-of-type(1) { margin-top:0; }

.p-screen > div:nth-of-type(2) dt { width:100%; }
.p-screen > div:nth-of-type(2) dd { width:100%; }
.p-screen > div:nth-of-type(2) dd span { display:none; }

.p-screen > div:nth-of-type(5) figure { width:100%; }
.p-screen > div:nth-of-type(5) figure:nth-of-type(2) { margin-top:30px; margin-left:0; }
}