/* -------- 기업소개 :: 인사말 -------- */ .con .TitWrap {padding:30px 0px 60px;text-align:center;} .con .TitWrap .tit {font-size:25px; color:#09172e; line-height:28px; font-weight:400;} .con .TitWrap .tit span {font-size:34px; color:#5b5454; line-height:40px;font-weight:600;} @media(max-width:768px){ .con .TitWrap {padding:20px 0px 40px;text-align:center;} .con .TitWrap .tit {font-size:17px; color:#5b5454; line-height:24px; font-weight:400;} .con .TitWrap .tit span {font-size:24px; color:#5b5454; line-height:30px;font-weight:600;} } /* -------- 기업소개 :: 인사말 -------- */ .brand_area {margin-top:50px; margin-bottom:100px;} .brand_area .photoW{overflow:hidden;max-width:1200px; width:100%; background:#f7f4fe url(/design/default/images/sub/brand_bg.jpg);position:relative; margin-top:50px; margin-bottom:150px; margin:0 auto;} .brand_area .photoW li {box-sizing:border-box;} .brand_area .photoW li.txt {position:relative; float:left;width:50%; padding:70px 30px 0px 30px;} .brand_area .photoW li.txt p.tit {font-size:17px; color:#131313; line-height:32px;padding-top:60px;} .brand_area .photoW li.txt p.tit span {font-weight:bold;} .brand_area .photoW li.txt p.ceo {font-size:19px; color:#444444; line-height:32px;padding-top:60px; text-align:right; font-weight:700;} .brand_area .photoW li.txt p {font-size:20px; line-height:30px;color:#fff; } .brand_area .photoW li.txt p span {font-size:35px; font-weight:lighter;} .brand_area .photoW li.txt p.gray {font-size:68px; line-height:70px;color:#949da4; font-weight:900;} .brand_area .photoW li.txt p.blue {padding-top:30px;font-size:28px; line-height:32px;color:#0069a7; font-weight:700;} .brand_area .photoW li.txt p.black {padding-top:30px;font-size:26px; line-height:30px;color:#3b3b3b; } .brand_area .photoW li.txt p.black span {font-size:40px; font-weight:lighter;} .brand_area .photoW li.img {float:left;width:50%;} .brand_area .infor {overflow:hidden;max-width:1200px; width:100%; position:relative; padding-top:90px; margin-bottom:90px; margin:0 auto;text-align:center;} .brand_area .infor p {font-size:19px; line-height:35px; letter-spacing:-1px; color:#222222;} .brand_area .infor .tit {font-size:26px; color:#5b5454; line-height:40px; font-weight:300;} .brand_area .infor .tit span {font-size:32px; color:#5b5454; line-height:40px;font-weight:700;} .brand_area .infor .tit2 {font-size:23px; color:#cb7d71; line-height:100px;} @media(max-width:1200px){ .brand_area {margin-top:50px; margin-bottom:100px;} .brand_area .photoW{overflow:hidden;max-width:1200px; width:100%; background:url(/design/default/images/sub/brand_bg.jpg);position:relative; margin-top:50px; margin-bottom:150px; margin:0 auto;} .brand_area .photoW li {box-sizing:border-box;} .brand_area .photoW li.txt {position:relative; float:left;width:40%; padding:50px 0px 0px 0px;} .brand_area .photoW li.txt p.tit {font-size:17px; color:#4c5251; line-height:25px;padding-top:80px;} .brand_area .photoW li.txt p.tit span {font-weight:bold;} .brand_area .photoW li.txt p {font-size:18px; line-height:30px;color:#fff; } .brand_area .photoW li.txt p span {font-size:35px; font-weight:lighter;} .brand_area .photoW li.txt p.gray {font-size:48px; line-height:50px;color:#949da4; font-weight:900;} .brand_area .photoW li.txt p.black {padding-top:20px;font-size:24px; line-height:30px;color:#3b3b3b; } .brand_area .photoW li.txt p.black span {font-size:40px; font-weight:lighter;} .brand_area .photoW li.img {float:left;width:60%;} .brand_area .infor {overflow:hidden;max-width:1200px; width:100%; position:relative; margin-top:50px; margin-bottom:50px; margin:0 auto;text-align:center;} .brand_area .infor p {font-size:27px; line-height:38px; letter-spacing:-1px; color:#000; font-weight:lighter;} .brand_area .infor .right {margin-top:20px; padding-left:30px; float:none; width:100%; border-left:3px solid #00453b;} .brand_area .infor .right p{font-size:16px; color:#4c5251; line-height:30px; letter-spacing:-1px; font-weight:400;} .brand_area .infor .right p.brown{font-size:23px; color:#cb7d71; padding-bottom:10px;} .brand_area .infor .right p.green{font-size:19px; color:#00453b; padding-top:20px;padding-bottom:20px;} } @media(max-width:768px){ .brand_area {margin-top:30px; margin-bottom:30px;} .brand_area .photoW li.txt {position:relative; float:none;width:100%; padding:30px 0px 30px 30px;} .brand_area .photoW li.txt p.tit {font-size:15px; color:#4c5251; line-height:20px;padding-top:30px;} .brand_area .photoW li.txt p.tit span {font-weight:bold;} .brand_area .photoW li.txt p {font-size:14px; line-height:20px;color:#fff; } .brand_area .photoW li.txt p span {font-size:35px; font-weight:lighter;} .brand_area .photoW li.txt p.gray {font-size:35px; line-height:50px;color:#949da4; font-weight:900;} .brand_area .photoW li.txt p.brown {padding-top:20px;font-size:17px; line-height:24px;color:#a15f47; } .brand_area .photoW li.txt p.black {padding-top:20px;font-size:24px; line-height:30px;color:#3b3b3b; } .brand_area .photoW li.txt p.black span {font-size:40px; font-weight:lighter;} .brand_area .photoW li.img {float:none;width:100%;} .brand_area .infor {overflow:hidden;max-width:1200px; width:100%; position:relative; padding-top:70px; margin-bottom:50px; margin:0 auto;text-align:center;} .brand_area .infor p {font-size:15px; line-height:25px; letter-spacing:-1px; color:#222222;} .brand_area .infor .tit {font-size:20px; color:#5b5454; line-height:30px; font-weight:lighter;} .brand_area .infor .tit span {font-size:26px; color:#5b5454; line-height:30px;font-weight:600;} .brand_area .infor .tit2 {font-size:17px; color:#cb7d71; line-height:100px;} } /* -------- 기업소개 :: 회사연혁 -------- */ .history_wrap {padding:50px 0px;} .history_wrap .txt_wrap {position:relative; display: flex; flex-wrap: wrap; padding:20px 30px;} .history_wrap .txt_wrap h2 {position:relative; background:#cd2777; color: #fff; height:80px; width: 32%; padding-left:90px; text-align:center;box-sizing:border-box;font-size:23px;font-weight:600;line-height:80px;} .history_wrap .txt_wrap h2 .icon {position: absolute; width:95px; height:100%; padding-top:15px; left:0px; background:#000000;} .history_wrap .txt_wrap div.wid { width: 65%; margin-left: 3%; box-sizing:border-box;} .history_wrap .txt_wrap div.wid .conten {overflow:hidden;} .history_wrap .txt_wrap div.wid .conten .list-txt p {position: relative;padding-left: 15px;text-indent: -15px;font-size: 18px;line-height: 48px; color:#2b2a2a;} .history_wrap .txt_wrap div.wid .conten .list-txt p:last-child {margin-bottom: 30px;} .history_wrap .txt_wrap div.wid .conten .list-txt p::before { width: 5px;height: 1px;display: inline-block;content: '';background: #2b2a2a;vertical-align: middle;margin-right: 10px;} @media (max-width: 1280px) { .history_wrap .ci_col1 li h2 { line-height: 1.4; } .p175 { padding-top: 90px; } .p154 { padding: 119px 0;} .grid { padding: 0 10px; } .history_wrap .main_col .col_code li h4 span { margin-right: 14px; } } @media (max-width: 1023px) { .history_wrap .main_col li { float: none; width: 100%; } .history_wrap .main_col .col_code li h4 span { width: 58px; display: inline-block; } } @media (max-width: 767px) { .p175 { padding-top: 65px; } .p154 { padding: 60px 0 100px; } .wid .conten {overflow:hidden; padding:20px 0px;} .history_wrap {padding:30px 0px;} .history_wrap .txt_wrap {padding:10px 20px;} .history_wrap .txt_wrap h2 {height:50px; width:100%; padding-left:40px; text-align:center;box-sizing:border-box;font-size:20px;font-weight:600;line-height:50px;} .history_wrap .txt_wrap h2 .icon {position: absolute; width:50px; height:50px; padding-top:5px; left:0px; background:#000000;} .history_wrap .txt_wrap div.wid { width: 100%; margin-left: 0; } .history_wrap .txt_wrap div h3 { margin: 20px 0 12px; } .history_wrap .ci_col1 li h2 { padding-bottom: 0; margin-bottom: 12px; } .history_wrap .main_col { width: 100%; padding: 30px; } .history_wrap .ci_col1 { margin: 12px 0 60px; } .sub_col p.f15 { margin-bottom: 12px; } .sub_col { height: auto; } .grid { height: auto; padding: 30px 0; } .ci1 li { padding-bottom: 40px; width: 100%; } .ci1 li:last-child { padding-bottom: 0; } .ci2 li { width: 100%; padding: 0; padding-bottom: 40px; margin: 0; } .ci2 li:last-child { padding-bottom: 0; } .history_wrap .txt_wrap div.wid .conten .list-txt p {position: relative;padding-left: 15px;text-indent: -15px;font-size: 15px;line-height: 30px;} } /* -------- 기업소개 :: 주요생산품목 -------- */ .product_area {margin-bottom:100px;} .product_area .photoW{overflow:hidden;max-width:1200px; width:100%; height:280px; background:#f5be5f;position:relative; margin:0 auto;} .product_area .photoW li {box-sizing:border-box;} .product_area .photoW li.txt {position:relative; float:left;width:35%; padding:70px 0px 0px 50px;height:280px;} .product_area .photoW li.txt p {position: absolute; bottom:15px; left:20px; font-size:55px; line-height:55px; font-weight:lighter; color:#fff; } .product_area .photoW li.txt p span {font-weight:bold;} .product_area .photoW li.img {float:left;width:65%;} .product_area .photoW li.img img {max-width:100%;} .product_info .productW{overflow:hidden;max-width:1200px; width:100%; padding-bottom:100px; position:relative; margin:0 auto;} .product_info .productW li {float:left; width:46%;text-align:center;box-sizing:border-box; padding-bottom:20px; border-bottom:2px solid #668126;} .product_info .productW li img {padding-bottom:20px;} .product_info .productW li:nth-child(1) {margin-right:4%;} .product_info .productW li:nth-child(2) {margin-left:4%;} .product_info .productW li p {width:100%; background:#668126; text-align:center; color:#fff; font-size:24px; padding:20px 0px; font-weight:bold;} .product_info .productW li .product_txt {text-align:left; overflow:auto; display:block; position:relative; padding:50px 0px 30px 100px; color:#2b2a2a;font-size:17px;} .product_info .productW li .product_txt h2 {display:block; font-size:19px; padding-bottom:10px; color:#2b2a2a; font-weight:500;} @media(max-width:1200px){ } @media(max-width:768px){ .product_area {margin-bottom:30px;} .product_area .photoW li.txt {position:relative; float:none;width:100%; padding:15px 0px 0px 20px;height:115px;} .product_area .photoW li.txt p {position: relative; bottom:0px; left:0px; font-size:32px; line-height:28px; font-weight:lighter; color:#fff; } .product_area .photoW li.txt p span {font-weight:bold;} .product_area .photoW li.img {float:none;width:100%;} .product_area .photoW li.img img {max-width:100%;} .product_info .productW{overflow:hidden;max-width:1200px; width:100%; padding-bottom:100px; position:relative; margin:0 auto;} .product_info .productW li {float:none; width:98%;text-align:center;box-sizing:border-box; padding-bottom:20px; border-bottom:2px solid #668126; margin-bottom:20px;} .product_info .productW li img {padding-bottom:20px;} .product_info .productW li:nth-child(1) {margin-right:2%;} .product_info .productW li:nth-child(2) {margin-left:2%;} .product_info .productW li p {width:100%; background:#668126; text-align:center; color:#fff; font-size:18px; padding:10px 0px; font-weight:bold;} .product_info .productW li .product_txt {text-align:left; overflow:auto; display:block; position:relative; padding:30px; color:#2b2a2a;font-size:14px;} .product_info .productW li .product_txt h2 {display:block; font-size:16px; padding-bottom:10px; color:#2b2a2a; font-weight:500;} } /* -------- 기업소개 :: 찾아오시는길 -------- */ .map {margin-bottom:100px;} .map .maptit {float:left;background:#a26148; color:#ffffff; font-size:20px; line-height:60px; width:130px; text-align:center;} .map_info{margin:auto 0px; overflow:auto; background:#6a89f8;display:block; position:relative;margin-bottom:10px;} .map_info li{font-size:18px; line-height:60px;padding:0 20px; float:left; color:#fff;} .map_info li span{padding-left:50px;} @media(max-width:768px){ .map .maptit {float:none;background:#a26148; color:#ffffff; font-size:15px; line-height:45px; width:100%; text-align:left;padding-left:20px;} .map_info{margin:0 auto; overflow:auto; background:#323537;padding:30px 0xp;position:relative;} .map_info li{width:100%; font-size:14px;line-height:24px;} .map_info li:first-child{width:100%;padding-top:10px;} .map_info li:last-child{width:100%;padding-bottom:10px;} .con img{max-width:100% !important;} .second {padding-top:30px;} } /* -------- 인공수분기자재 :: -------- */ .product {overflow:hidden;max-width:1200px; width:100%; position:relative; text-align:center;} .product .logo {padding-bottom:50px;} .product .ProTit {font-size:38px; font-weight:bold; color:#ff0fb8; line-height:55px;} .product .ProTit2 {font-size:23px; font-weight:normal; color:#ff0fb8; line-height:30px;} .product .ProTit_black {font-size:38px; font-weight:bold; color:#000; line-height:55px;} .product img {max-width:100%;margin:0 auto; text-align:center} .product .TxtWrap {position:relative; display: flex; flex-wrap: wrap; padding:30px 0px;max-width:1200px; width:100%; overflow:hidden;} .product .TxtWrap .RoundWrap {position:relative; width: 33%; text-align:center;box-sizing:border-box;padding-bottom:0px; height:350px; } .product .TxtWrap .RoundWrap .One {position:absolute; background:#cd2777; width:310px; height:310px; border-radius:100%; display: table;} .product .TxtWrap .RoundWrap .One p {color: #efe148; font-size:19px;line-height:25px;display: table-cell;vertical-align: middle;text-align: center;} .product .TxtWrap .RoundWrap .One p .point {font-size:28px;line-height:32px;font-weight:bold; padding:10px 0px;} .product .TxtWrap .RoundWrap .One p .white {font-size:48px;line-height:55px;color:#fff;font-weight:bold;border-top:1px solid rgba(255,255,255, 0.6);border-bottom:1px solid rgba(255,255,255, 0.6);padding:15px 0px;} .product .TxtWrap .RightWrap { width: 65%; margin-left:2%; box-sizing:border-box;} .product .TxtWrap .RightWrap .contents {overflow:hidden; padding:20px 0px;text-align:left;} .product .TxtWrap .RightWrap .contents h2 {font-size:24px; font-weight:bold; color:#000; line-height:35px;padding-bottom:15px;} .product .TxtWrap .RightWrap .contents h2.blue {font-size:24px; font-weight:normal; color:#0078ff; line-height:35px;padding-top:30px; padding-bottom:10px;} .product .TxtWrap .RightWrap .contents h2.black {font-size:17px; font-weight:bold; color:#222222; line-height:35px;padding-bottom:15px;} .product .TxtWrap .RightWrap .contents ol {padding:0px 20px;} .product .TxtWrap .RightWrap .contents ol li {line-height:26px; font-size:17px;padding-bottom:20px;} .product .TxtWrap .RightWrap .contents ul li {line-height:26px; font-size:17px;padding-bottom:20px;} /* .product .TxtWrap .RightWrap .contents ol li:before{display: block;content: '';width: 10px;height:2px;background: #a7a7a7;position: absolute;top:12px;left:0;} */ @media(max-width:768px){ .product .ProTit {font-size:17px; font-weight:bold; color:#ff0fb8; line-height:20px;} .product .ProTit2 {font-size:20px; font-weight:normal; color:#ff0fb8; line-height:34px;} .product .ProTit_black {font-size:24px; font-weight:bold; color:#000; line-height:30px;} .product .TxtWrap .RoundWrap {width: 100%;height:250px; } .product .TxtWrap .RightWrap { width: 100%; margin-left:0%;} .product .TxtWrap .RoundWrap .One {text-align:center; width:200px; height:200px; border-radius:100%; display: table;left:50%;transform: translate(-50%, -0%);} .product .TxtWrap .RoundWrap .One p {color: #efe148; font-size:16px;line-height:20px;display: table-cell;vertical-align: middle;text-align: center;} .product .TxtWrap .RoundWrap .One p .point {font-size:18px;line-height:24px;font-weight:bold; padding:5px 0px;} .product .TxtWrap .RoundWrap .One p .white {font-size:28px;line-height:35px;color:#fff;font-weight:bold;border-top:1px solid rgba(255,255,255, 0.6);border-bottom:1px solid rgba(255,255,255, 0.6);padding:5px 0px;} .product .TxtWrap .RightWrap .contents {padding-top:0px; height:auto;} .product .TxtWrap .RightWrap .pd200 {padding-top:20px;} .product .TxtWrap .RightWrap .contents h2 {font-size:18px; font-weight:bold; color:#000; line-height:25px;padding-bottom:10px;} .product .TxtWrap .RightWrap .contents ol li {line-height:20px; font-size:14px;padding-bottom:10px;} .product .TxtWrap .RightWrap .contents ul li {line-height:20px; font-size:14px;padding-bottom:10px;} } .W100 {overflow:hidden; width:100%; position:relative; text-align:center; } .Gray {background:#efefef;text-align:center;} .Detail {position:relative; padding:50px 0px;max-width:1200px; width:100%; margin:0 auto;} .Detail .contents {margin-left:35%; width: 65%; box-sizing:border-box; text-align:left;} .Detail .contents h2 {font-size:24px; font-weight:bold; color:#000; line-height:35px;padding-bottom:15px;} .Detail .contents ol {padding:0px 20px 0px 30px;} .Detail .contents ol li {color:#0078ff; line-height:30px; font-size:19px;padding-bottom:20px;} .Detail .contents .textCon {padding:0px 20px 30px 0px;} .Detail .contents .textCon ul li{font-size:17px; color:#222222; line-height:24px;padding-left:0px;} .Detail .contents .textCon ul li.num {position:relative; font-size:17px; color:#222222; line-height:24px;padding-left:14px;} .Detail .contents .textCon ul li.num:before{display: block;content: '';width:7px;height:1px;background: #222222;position: absolute;top:14px;left:0;} .Detail .contents .textCon ul li.square {position:relative; font-size:19px; color:#222222; line-height:35px;padding-left:20px;} .Detail .contents .textCon ul li.square:before{display: block;content: '';width:12px;height:12px;background: #222222;position: absolute;top:12px;left:0;} .Detail .contents .textCon ul li.red {position:relative; font-size:17px; color:#ff0000; line-height:35px;padding-top:10px;} .Detail .contents .black {position:relative; font-size:18px; color:#ff0000; line-height:35px;padding-top:10px;} .Detail .contents .red {position:relative; font-size:18px; color:#ff0000; line-height:35px;padding-top:10px;} @media(max-width:768px){ .Detail {position:relative; padding:30px 0px;} .Detail .contents {margin-left:10%; width: 90%; box-sizing:border-box; text-align:left;} .Detail .contents h2 {font-size:18px; font-weight:bold; color:#000; line-height:25px;padding-bottom:10px;} .Detail .contents ol {padding:0px 20px 0px 30px;} .Detail .contents ol li {color:#0078ff; line-height:24px; font-size:16px;padding-bottom:10px;} .Detail .contents .textCon ul li{font-size:15px; color:#222222; line-height:20px;padding-left:0px;} .Detail .contents .textCon ul li.num {position:relative; font-size:15px; color:#222222; line-height:20px;padding-left:14px;} .Detail .contents .textCon ul li.num:before{display: block;content: '';width:7px;height:1px;background: #222222;position: absolute;top:14px;left:0;} .Detail .contents .textCon ul li.square {position:relative; font-size:15px; color:#222222; line-height:20px;padding-left:20px;} .Detail .contents .textCon ul li.square:before{display: block;content: '';width:12px;height:12px;background: #222222;position: absolute;top:12px;left:0;} .Detail .contents .textCon ul li.red {position:relative; font-size:15px; color:#ff0000; line-height:20px;padding-top:10px;} .Detail .contents .black {position:relative; font-size:15px; color:#ff0000; line-height:20px;padding-top:10px;} .Detail .contents .red {position:relative; font-size:15px; color:#ff0000; line-height:20px;padding-top:10px;} } .Detail2 {position:relative; padding:50px 0px;max-width:1200px; width:100%; margin:0 auto;} .Detail2 .contents {margin-left:20%; width: 80%; box-sizing:border-box; text-align:left;} .Detail2 .contents h2 {font-size:24px; font-weight:bold; color:#000; line-height:35px;padding-bottom:15px;} .Detail2 .contents h2.blue {font-size:21px; font-weight:normal; color:#0078ff; line-height:35px;padding-bottom:15px;} .Detail2 .contents ol {padding:0px 20px 0px 30px;} .Detail2 .contents ol li {color:#222; line-height:30px; font-size:19px;padding-bottom:20px;} @media(max-width:768px){ .Detail2 .contents {margin-left:10%; width: 90%; box-sizing:border-box; text-align:left;} .Detail2 .contents h2 {font-size:18px; font-weight:bold; color:#000; line-height:25px;padding-bottom:10px;} .Detail2 .contents ol {padding:0px 20px 0px 30px;} .Detail2 .contents ol li {color:#222; line-height:24px; font-size:16px;padding-bottom:10px;} } .specification {overflow:hidden;max-width:1200px; width:100%; position:relative; text-align:left; padding:0px 0px 100px;} .specification h2 {font-size:23px; font-weight:600; color:#0069a7; line-height:35px;padding-bottom:15px;} .specification .center {overflow:hidden; text-align:center; padding-bottom:50px;} .specification .center ul {padding-top:50px;} .specification .center li {float:left; width:31.333333%; margin-left:1%; margin-right:1%;} .specification .center li img {max-width:100%;} .specification .center li .txtArea {padding:20px 10px 20px 10px;} .specification .center li .txtArea ol {list-style-type:inherit;display:block;} .specification .center li .txtArea li {width:100%; float:none; text-align:left;list-style-type:inherit;} .specification .center h3 {position:relative; display:block; text-align:left; font-size:22px; font-weight:500; color:#000; line-height:35px;padding-top:50px;padding-bottom:50px;} @media(max-width:768px){ .specification {padding:30px 10px;} .specification h2 {font-size:18px; font-weight:bold; color:#000; line-height:25px;padding-bottom:10px;} .specification .center ul {padding-top:10px;} .specification .center li {float:none; width:100%; margin-left:0%; margin-right:0%;} .specification .center h3 {position:relative; display:block; text-align:left; font-size:15px; font-weight:500; color:#000; line-height:20px;padding-top:20px;padding-bottom:20px;} } .number{ list-style: decimal; } .numberzero{ list-style: decimal-leading-zero; } .product .ConWrap {display:block; position:relative; padding:30px 0px;max-width:1200px; width:100%; } /* .product .ConWrap {display: flex; flex-wrap: wrap; position:relative; padding:30px 0px;max-width:1200px; width:100%; } */ .product .ConWrap .LeftWrap {position:relative; width: 50%; text-align:center;box-sizing:border-box;} .product .ConWrap .RightWrap { width: 48%; margin-left:2%; text-align:left; box-sizing:border-box;} .product .ConWrap .RightWrap .contents {overflow:hidden; padding:20px 0px;text-align:left;} .product .ConWrap .RightWrap .contents h2 {font-size:24px; font-weight:bold; color:#000; line-height:35px;padding-bottom:15px;} .product .ConWrap .RightWrap .contents ol {padding:0px 20px;} .product .ConWrap .RightWrap .contents ol li {line-height:26px; font-size:17px;padding-bottom:20px;} .product .divide5 {overflow:hidden; width:100%;padding:50px 0px 100px;} .product .divide5 li {float:left; width:18%; height:100%; margin-left:1%; margin-right:1%; color:#fff; font-size:19px; display: table;} .product .divide5 li p {display: table-cell;vertical-align: middle;text-align: center;box-sizing:border-box;} .product .divide5 li.odd {background:#323537; border-radius:15px; padding:20px 10px; height:220px;} .product .divide5 li.even {background:#404a50; border-radius:15px; padding:20px 10px; height:220px;} @media(max-width:768px){ .product .divide5 li {float:left; width:80%; height:100%; margin-left:10%; margin-right:10%; margin-bottom:15px; color:#fff; font-size:14px; display: table;} .product .divide5 li.odd {background:#323537; border-radius:15px; padding:10px; height:auto;} .product .divide5 li.even {background:#404a50; border-radius:15px; padding:10px; height:auto;} .product .ConWrap {display: block; position:relative; padding:10px 0px;max-width:1200px; width:100%; } .product .ConWrap .LeftWrap {position:relative; width: 100%; text-align:center;box-sizing:border-box;} .product .ConWrap .RightWrap { width: 100%; margin-left:0%; text-align:left; box-sizing:border-box;} .product .ConWrap .RightWrap .contents h2 {font-size:18px; font-weight:bold; color:#000; line-height:25px;padding-bottom:10px;} .product .ConWrap .RightWrap .contents ol li {line-height:24px; font-size:16px;padding-bottom:20px;} } .product .divide4 {overflow:hidden; width:100%;padding:50px 0px 100px;} .product .divide4 li {position:relative; float:left; width:21%; height:100%; margin-left:2%; margin-right:2%; color:#fff; font-size:21px; display: table;} .product .divide4 li p {display: table-cell;vertical-align: middle;text-align: center;box-sizing:border-box;} .product .divide4 li.no0 {background:none; border-radius:100%; padding:20px 10px; height:250px;} .product .divide4 li.no1 {background:#f99d1b; border-radius:100%; padding:20px 10px; height:250px;} .product .divide4 li.no2 {background:#99ca3b; border-radius:100%; padding:20px 10px; height:250px;} .product .divide4 li.no3 {background:#00abe5; border-radius:100%; padding:20px 10px; height:250px;} .product .divide4 li.no4 {background:#b52dad; border-radius:100%; padding:20px 10px; height:250px;} .product .divide4 li img.imgpt50 {position: absolute; top:-50px; right:50px;} @media(max-width:768px){ .product .divide4 li {position:relative; float:none; width:80%; height:auto; margin-left:10%; margin-right:10%; margin-bottom:10px; color:#fff; font-size:14px; display: table;} .product .divide4 li.no0 {background:none; border-radius:100%; padding:10px; height:auto;} .product .divide4 li.no1 {background:#f99d1b; border-radius:10px; padding:10px; height:auto;} .product .divide4 li.no2 {background:#99ca3b; border-radius:10px; padding:10px; height:auto;} .product .divide4 li.no3 {background:#00abe5; border-radius:10px; padding:10px; height:auto;} .product .divide4 li.no4 {background:#b52dad; border-radius:10px; padding:10px; height:auto;} .product .divide4 li img.imgpt50 {position: relative; top:0px; right:0px; text-align:center;} } .W100Wrap {overflow:hidden; max-width:1200px; width:100%;padding:50px 0px 100px;text-align:left;} .W100Wrap ul li {position:relative; font-size:17px; color:#222222; line-height:24px;padding-left:0px;padding-bottom:20px;} .W100Wrap ul li.num {position:relative; font-size:17px; color:#222222; line-height:24px;padding-left:12px;padding-bottom:20px;} .W100Wrap ul li.num:before{display: block;content: '';width:3px;height:3px; border-radius:100%; background: #222222;position: absolute;top:10px;left:0;} .W100Wrap ul li.line {position:relative; font-size:17px; color:#222222; line-height:24px;padding-left:25px;padding-bottom:20px;} .W100Wrap ul li.line:before{display: block;content: '';width:5px;height:1px; background: #222222;position: absolute;top:10px;left:12px;} .W100Wrap .Wrap3divide {padding:50px 0px;} .W100Wrap .Wrap3divide ul li {float:left; width:31.33333%; margin-right:2%;text-align:center;} .W100Wrap .Wrap3divide ul li:last-child {margin-right:0px;} .W100Wrap .Wrap3divide ul li p {font-size:17px; line-height:30px;} @media(max-width:768px){ .W100Wrap {overflow:hidden; max-width:1200px; width:100%;padding:30px 0px 50px;text-align:left;} .W100Wrap ul li {position:relative; font-size:15px; color:#222222; line-height:20px;padding-left:0px;padding-bottom:20px;} .W100Wrap ul li.num {position:relative; font-size:15px; color:#222222; line-height:20px;padding-left:12px;padding-bottom:20px;} .W100Wrap ul li.line {position:relative; font-size:15px; color:#222222; line-height:20px;padding-left:25px;padding-bottom:20px;} .W100Wrap .Wrap3divide ul li {float:none; width:100%; margin-right:0%;text-align:center;} .W100Wrap .Wrap3divide ul li p {font-size:15px; line-height:30px;} } /* -------- 인공수분꽃가루 :: -------- */ .point {text-align:center;} .point .pointTit2 {font-size:28px; font-weight:normal; color:#cb167f; line-height:55px;} .point .pointTit2 b {font-weight:bold;} .point .pointTit {font-size:23px; font-weight:bold; color:#565656; line-height:30px;} .point .pointTit b {color:#ff0000;line-height:30px;font-weight:bold; } @media(max-width:768px){ .point .pointTit {font-size:17px; font-weight:bold; color:#565656; line-height:20px;} .point .pointTit2 {font-size:20px; font-weight:normal; color:#ff0fb8; line-height:34px;} } .point .contents {text-align:left;} .point .contents h2 {font-size:24px; font-weight:bold; color:#000; line-height:35px;padding-bottom:15px;} .point .contents p.right {float:right; font-size:15px; font-weight:normal; color:#222; line-height:35px;padding-top:10px;} @media(max-width:768px){ .point .contents h2 {font-size:18px; font-weight:bold; color:#000; line-height:25px;padding-bottom:10px;} .point .contents p.right {float:right; font-size:13px; font-weight:normal; color:#222; line-height:25px;padding-top:5px;} } .point img.pdt50 {padding-top:30px; padding-bottom:70px;} .point h2 {font-size:35px; font-weight:bold; color:#000; line-height:35px;padding-bottom:20px;} .point p.tit {font-size:19px; color:#3b3b3b; line-height:30px;} .point p.tit span {font-size:22px; font-weight:bold;} .pointimpWrap {width:100%; padding:50px 0px;} .pointimpWrap h2 {width:100%; max-width:1200px; margin:0 auto; font-size:24px; font-weight:bold; color:#000; line-height:35px;padding-bottom:50px;} .pointimpWrap .listWrap{overflow:hidden; width:100%; max-width:1200px; margin:0 auto;padding:50px 0px;} .pointimpWrap .listWrap li {float:left;} .pointimpWrap .listWrap li.tit {width:30%;font-size:22px; color:#0078ff;} .pointimpWrap .listWrap li.img {width:25%;} .pointimpWrap .listWrap li.txtWrap{position:relative; width:45%;text-align:left; padding:20px 0px 30px 0px;} .pointimpWrap .listWrap li.txtWrap li.num{float:none; position:relative; font-size:17px; color:#222222; line-height:24px;padding-left:17px;padding-bottom:15px;} .pointimpWrap .listWrap li.txtWrap li.num:before{display: block;content: '';width:7px;height:1px;background: #222222;position: absolute;top:12px;left:0;} .pointimpWrap .listWrap li.txtWrap li.num span {font: 0.8rem 'Fira Sans', sans-serif;} @media(max-width:768px){ .point h2 {font-size:20px; font-weight:bold; color:#000; line-height:35px;padding-bottom:10px;} .point p.tit {font-size:15px; color:#3b3b3b; line-height:20px;} .point p.tit span {font-size:18px; font-weight:bold;} .pointimpWrap {width:100%; padding:30px 20px;} .pointimpWrap h2 {font-size:18px; font-weight:bold; color:#000; line-height:25px;padding-bottom:20px;} .pointimpWrap .listWrap{overflow:hidden; width:100%; max-width:1200px; margin:0 auto;padding:20px 0px;} .pointimpWrap .listWrap li {float:none;} .pointimpWrap .listWrap li.tit {width:100%;font-size:16px; color:#0078ff;padding-bottom:20px;} .pointimpWrap .listWrap li.img {width:100%;text-align:center;} .pointimpWrap .listWrap li.txtWrap{position:relative; width:100%;text-align:left; padding:20px 0px 30px 0px;} .pointimpWrap .listWrap li.txtWrap li.num{float:none; position:relative; font-size:15px; color:#222222; line-height:20px;padding-left:17px;padding-bottom:10px;} .pointimpWrap .listWrap li.txtWrap li.num:before{display: block;content: '';width:7px;height:1px;background: #222222;position: absolute;top:12px;left:0;} } .scrollX {overflow-x: auto;} .ConTable {} .ConTable {width:100%; border-top:1px solid #636363; text-align:left;} .ConTable tbody tr {border-bottom:1px solid #636363;} .ConTable tbody th {font-size:17px; color:#222222; line-height:40px; padding:5px 25px;border-right:1px solid #636363; } .ConTable tbody td {font-size:17px; color:#222222; line-height:40px; padding:5px 25px;text-align:center;} @media(max-width:768px){ .ConTable tbody th {font-size:14px; color:#222222; line-height:20px; padding:5px 0px;border-right:1px solid #636363; } .ConTable tbody td {font-size:14px; color:#222222; line-height:20px; padding:5px 0px;text-align:center;} } .ConTableBlue {width:100%; min-width: 500px; text-align:center; margin-bottom:80px;} .ConTableBlue tbody tr {border-bottom:1px solid #9fa0a0;} .ConTableBlue tbody th {background:#004f99; font-size:15px; color:#ffffff; line-height:20px; padding:15px 10px;border-right:1px solid #fff;} .ConTableBlue tbody td {font-size:15px; color:#222222; line-height:20px; padding:15px 10px;text-align:center;border-bottom:1px solid #9fa0a0;border-right:1px solid #9fa0a0;} .ConTableBlue tbody td:last-child {border-right:none;} .ConTableBlue tbody td span {font: 0.8rem 'Fira Sans', sans-serif;} .blueRound {background:#004f99; border-radius:20px; padding:20px;font-size:18px; color:#ffffff; line-height:30px; text-align:center; } @media(max-width:768px){ .ConTableBlue tbody th {font-size:10px; line-height:13px; padding:5px;} .ConTableBlue tbody td {font-size:10px; line-height:13px; padding:5px;} .blueRound {border-radius:15px; padding:15px;font-size:13px; color:#ffffff; line-height:20px; text-align:center; } } .ConTableProd {width:100%; min-width: 500px; text-align:center; margin-bottom:80px;} .ConTableProd tbody tr {border-bottom:1px solid #9fa0a0;} .ConTableProd tbody th {background:#1c64a8; font-size:14px; color:#ffffff; line-height:20px; padding:15px 10px;border-right:none;border-bottom:5px solid #062d7c;} .ConTableProd tbody th:first-child {border-top-left-radius:15px;} .ConTableProd tbody th:last-child {border-top-right-radius:15px;} .ConTableProd tbody td {font-size:14px; color:#222222; line-height:20px; padding:15px 10px;text-align:center;border-bottom:1px solid #9fa0a0;border-right:1px solid #9fa0a0;} .ConTableProd tbody td:last-child {border-right:none;} .ConTableProd tbody td:nth-child(1){background:#f6f7f7;} .ConTableProd tbody td:nth-child(3){background:#f6f7f7;} .ConTableProd tbody td span {font: 0.8rem 'Fira Sans', sans-serif;} @media(max-width:768px){ .ConTableProd tbody th {font-size:10px; line-height:13px; padding:5px;} .ConTableProd tbody th:first-child {border-top-left-radius:5px;} .ConTableProd tbody th:last-child {border-top-right-radius:5px;} .ConTableProd tbody td {font-size:10px; line-height:13px; padding:5px;} } .ConTableProd2 {width:100%; min-width: 500px; text-align:center; margin-bottom:80px;} .ConTableProd2 tbody tr {border-bottom:1px solid #9fa0a0;} .ConTableProd2 tbody th {background:#008b92; font-size:14px; color:#ffffff; line-height:20px; padding:15px 10px;border-right:none;border-bottom:5px solid #006b7f;} .ConTableProd2 tbody th:first-child {border-top-left-radius:15px;} .ConTableProd2 tbody th:last-child {border-top-right-radius:15px;} .ConTableProd2 tbody td {font-size:14px; color:#222222; line-height:20px; padding:15px 10px;text-align:center;border-bottom:1px solid #9fa0a0;border-right:1px solid #9fa0a0;} .ConTableProd2 tbody td:last-child {border-right:none;} .ConTableProd2 tbody td:nth-child(1){background:#f6f7f7;} .ConTableProd2 tbody td:nth-child(3){background:#f6f7f7;} .ConTableProd2 tbody td span {font: 0.8rem 'Fira Sans', sans-serif;} @media(max-width:768px){ .ConTableProd2 tbody th {font-size:10px; line-height:13px; padding:5px;} .ConTableProd2 tbody th:first-child {border-top-left-radius:5px;} .ConTableProd2 tbody th:last-child {border-top-right-radius:5px;} .ConTableProd2 tbody td {font-size:10px; line-height:13px; padding:5px;} } .ConTableProd3 {width:100%; min-width: 500px; text-align:center; margin-bottom:80px;} .ConTableProd3 tbody tr {border-bottom:1px solid #9fa0a0;} .ConTableProd3 tbody th {background:#7f357d; font-size:14px; color:#ffffff; line-height:20px; padding:15px 10px;border-right:none;border-bottom:5px solid #5a1d5a;} .ConTableProd3 tbody th:first-child {border-top-left-radius:15px;} .ConTableProd3 tbody th:last-child {border-top-right-radius:15px;} .ConTableProd3 tbody td {font-size:14px; color:#222222; line-height:20px; padding:15px 10px;text-align:center;border-bottom:1px solid #9fa0a0;border-right:1px solid #9fa0a0;} .ConTableProd3 tbody td:last-child {border-right:none;} .ConTableProd3 tbody td:nth-child(1){background:#f6f7f7;} .ConTableProd3 tbody td:nth-child(3){background:#f6f7f7;} .ConTableProd3 tbody td span {font: 0.8rem 'Fira Sans', sans-serif;} @media(max-width:768px){ .ConTableProd3 tbody th {font-size:10px; line-height:13px; padding:5px;} .ConTableProd3 tbody th:first-child {border-top-left-radius:5px;} .ConTableProd3 tbody th:last-child {border-top-right-radius:5px;} .ConTableProd3 tbody td {font-size:10px; line-height:13px; padding:5px;} } .ConTableProd4 {width:100%; min-width: 500px; text-align:center; margin-bottom:80px;} .ConTableProd4 tbody tr {border-bottom:1px solid #9fa0a0;} .ConTableProd4 tbody th {background:#709b11; font-size:14px; color:#ffffff; line-height:20px; padding:15px 10px;border-right:none;border-bottom:5px solid #507302;} .ConTableProd4 tbody th:first-child {border-top-left-radius:15px;} .ConTableProd4 tbody th:last-child {border-top-right-radius:15px;} .ConTableProd4 tbody td {font-size:14px; color:#222222; line-height:20px; padding:15px 10px;text-align:center;border-bottom:1px solid #9fa0a0;border-right:1px solid #9fa0a0;} .ConTableProd4 tbody td:last-child {border-right:none;} .ConTableProd4 tbody td:nth-child(1){background:#f6f7f7;} .ConTableProd4 tbody td:nth-child(3){background:#f6f7f7;} .ConTableProd4 tbody td span {font: 0.8rem 'Fira Sans', sans-serif;} @media(max-width:768px){ .ConTableProd4 tbody th {font-size:10px; line-height:13px; padding:5px;} .ConTableProd4 tbody th:first-child {border-top-left-radius:5px;} .ConTableProd4 tbody th:last-child {border-top-right-radius:5px;} .ConTableProd4 tbody td {font-size:10px; line-height:13px; padding:5px;} } .ConTableProd5 {width:100%; min-width: 500px; text-align:center; margin-bottom:80px;} .ConTableProd5 tbody tr {border-bottom:1px solid #9fa0a0;} .ConTableProd5 tbody th {background:#d38c00; font-size:14px; color:#ffffff; line-height:20px; padding:15px 10px;border-right:none;border-bottom:5px solid #996400;} .ConTableProd5 tbody th:first-child {border-top-left-radius:15px;} .ConTableProd5 tbody th:last-child {border-top-right-radius:15px;} .ConTableProd5 tbody td {font-size:14px; color:#222222; line-height:20px; padding:15px 10px;text-align:center;border-bottom:1px solid #9fa0a0;border-right:1px solid #9fa0a0;} .ConTableProd5 tbody td:last-child {border-right:none;} .ConTableProd5 tbody td:nth-child(1){background:#f6f7f7;} .ConTableProd5 tbody td:nth-child(3){background:#f6f7f7;} .ConTableProd5 tbody td span {font: 0.8rem 'Fira Sans', sans-serif;} @media(max-width:768px){ .ConTableProd5 tbody th {font-size:10px; line-height:13px; padding:5px;} .ConTableProd5 tbody th:first-child {border-top-left-radius:5px;} .ConTableProd5 tbody th:last-child {border-top-right-radius:5px;} .ConTableProd5 tbody td {font-size:10px; line-height:13px; padding:5px;} } .ConTableyellow {width:100%; border-top:1px solid #ffe7c8; text-align:center;} .ConTableyellow tbody tr {border-bottom:1px solid #ffe7c8;} .ConTableyellow tbody th {background:#fcb03f; font-size:18px; color:#ffffff; line-height:30px; padding:25px;border-right:1px solid #ffe7c8;} .ConTableyellow tbody td {font-size:18px; color:#222222; line-height:30px; padding:25px;text-align:left;} .ConTableyellow tbody td.cen {text-align:center;} .ConTableyellow tbody td span {color:#f6871e;font-weight:bold;} @media(max-width:768px){ .ConTableyellow tbody th {font-size:12px; line-height:15px; padding:10px 0px;} .ConTableyellow tbody td {font-size:12px; line-height:15px; padding:10px 0px;} } .ConTablepink {width:100%; border-top:1px solid #f8c1d9; text-align:center;} .ConTablepink tbody tr {border-bottom:1px solid #f8c1d9;} .ConTablepink tbody th {background:#f067a6; font-size:18px; color:#ffffff; line-height:30px; padding:25px;border-right:1px solid #f8c1d9;} .ConTablepink tbody td {font-size:18px; color:#222222; line-height:30px; padding:25px;text-align:left;} .ConTablepink tbody td.cen {text-align:center;} .ConTablepink tbody td span {color:#c85061;font-weight:bold;} @media(max-width:768px){ .ConTablepink tbody th {font-size:12px; line-height:15px; padding:10px 0px;} .ConTablepink tbody td {font-size:12px; line-height:15px; padding:10px 0px;} } .ConTableorange {width:100%; border-top:1px solid #ffefdb; text-align:center;} .ConTableorange tbody tr {border-bottom:1px solid #ffefdb;} .ConTableorange tbody th {background:#f47c53; font-size:18px; color:#ffffff; line-height:30px; padding:25px;border-right:1px solid #ffefdb;} .ConTableorange tbody td {font-size:18px; color:#222222; line-height:30px; padding:25px;text-align:left;} .ConTableorange tbody td.cen {text-align:center;} .ConTableorange tbody td span {color:#f47c53;font-weight:bold;} @media(max-width:768px){ .ConTableorange tbody th {font-size:12px; line-height:15px; padding:10px 0px;} .ConTableorange tbody td {font-size:12px; line-height:15px; padding:10px 0px;} } .ConTablered {width:100%; border-top:1px solid #ffe6c9; text-align:center;} .ConTablered tbody tr {border-bottom:1px solid #ffe6c9;} .ConTablered tbody th {background:#ff406b; font-size:18px; color:#ffffff; line-height:30px; padding:25px;border-right:1px solid #ffe6c9;} .ConTablered tbody td {font-size:18px; color:#222222; line-height:30px; padding:25px;text-align:left;} .ConTablered tbody td.cen {text-align:center;} .ConTablered tbody td span {color:#f47c53;font-weight:bold;} @media(max-width:768px){ .ConTablered tbody th {font-size:12px; line-height:15px; padding:10px 0px;} .ConTablered tbody td {font-size:12px; line-height:15px; padding:10px 0px;} } .ConTablegreen {width:100%; border-top:1px solid #63deb7; text-align:center;} .ConTablegreen tbody tr {border-bottom:1px solid #63deb7;} .ConTablegreen tbody th {background:#5f7500; font-size:18px; color:#ffffff; line-height:30px; padding:25px;border-right:1px solid #63deb7;} .ConTablegreen tbody td {font-size:18px; color:#222222; line-height:30px; padding:25px;text-align:left;} .ConTablegreen tbody td.cen {text-align:center;} .ConTablegreen tbody td span {color:#5f7500;font-weight:bold;} @media(max-width:768px){ .ConTablegreen tbody th {font-size:12px; line-height:15px; padding:10px 0px;} .ConTablegreen tbody td {font-size:12px; line-height:15px; padding:10px 0px;} } .f_yellow {color:#fff200;} .bg_skyblue {background:#e2f4fd;} .bg_yellow {background:#fffef0;} .line-yellow {border-right:1px solid #ffe7c8;} .bg_pink {background:#fef2f7;} .line-pink {border-right:1px solid #f8c1d9;} .bg_orange {background:#fef2ed;} .line-orange {border-right:1px solid #ffefdb;} .bg_red {background:#fef2ed;} .line-red {border-right:1px solid #ffe6c9;} .bg_green {background:#f5f8eb;} .line-green {border-right:1px solid #63deb7;} .ConTableBlue2 {} .ConTableBlue2 {width:100%; text-align:left;background:#00aeef;} .ConTableBlue2 tbody tr {border-bottom:1px solid #efefef;} .ConTableBlue2 tbody th {font-size:17px; color:#fff; line-height:40px; padding:5px 50px;border-right:1px solid #efefef; } .ConTableBlue2 tbody td {font-size:17px; color:#fff; line-height:40px; padding:5px 25px;text-align:center;} @media(max-width:768px){ .ConTableBlue2 tbody th {font-size:14px; color:#fff; line-height:18px; padding:10px 0px;border-right:1px solid #efefef; } .ConTableBlue2 tbody td {font-size:14px; color:#fff; line-height:18px; padding:10px 0px;text-align:center;} } .PointTable {width:100%; text-align:center;} .PointTable tbody tr {border-bottom:1px solid #d9d9da;} .PointTable tbody th {background:#009fe8; font-size:18px; color:#ffffff; line-height:30px; padding:10px;border-right:1px solid #d9d9da;} .PointTable tbody th:last-child {border-right:none;} .PointTable tbody td {font-size:18px; color:#222222; line-height:30px; padding:25px 70px;border-right:1px solid #d9d9da;} .PointTable tbody td .red {color:#e60012;} .PointTable tbody td:last-child {border-right:none;} .PointTable tbody td.left {text-align:left;} .specification p {font-size:15px; line-height:20px; padding:20px 0px;} @media(max-width:768px){ .PointTable tbody th {font-size:14px; color:#fff; line-height:18px; padding:10px 0px;border-right:1px solid #efefef; } .PointTable tbody td {font-size:14px; color:#222222; line-height:18px; padding:10px 0px;text-align:center;} .specification p {font-size:13px; line-height:20px; padding:10px 0px 0px;} } /* 자주하는 질문 */ .search_zone{background: #f6f6f6; border-radius:10px; padding:30px 0px; text-align: center;} .search_zone .inner{display: table;margin: 0 auto;} /* .search_zone .col{display: table-cell;height:110px;vertical-align: middle;padding-right: 5px;} .search_zone .col:after{display: block;content: '';clear: both;} */ .search_zone .tit{padding:0 30px;font-size: 21px;line-height:40px; color: #222;font-weight: 700;} .search_zone select{appearance: none;font-size:16px;width: 140px;height:42px;padding-left: 15px;color: #888;background:#ffffff url(/design/default/images/sub/arrow_select.jpg) no-repeat right 6px top 16px;} .search_zone input[type='text']{font-size:16px;width: 421px;height:42px;float: left;padding-left: 15px;} .qna_list{border-top: 2px solid #212121;} .qna_list > li{font-size: 16px; font-weight:400; color: #333;background: url(/design/default/images/sub/icn_q.png) no-repeat 19px 13px;} .qna_list > li > a{text-align:left;display: block;width:100%;box-sizing: border-box;padding-left: 51px;border-bottom: 1px solid #e1e1e1;background: url(/design/default/images/sub/qna_down.png) no-repeat right 31px top 50%;} .qna_list > li.on > a{background-image: url(/design/default/images/sub/qna_up.png)} .qna_list > li.on > a .title{color: #333;font-weight: 700;} .qna_list > li > a .col{display: table-cell;vertical-align: middle;height:58px;box-sizing: border-box} .qna_list > li > a .type{width: 15%;text-align: center;} .qna_list > li > a .title{padding:6px 60px 6px 0px;color: #666;font-weight:400;} .qna_list .down{display:none;background: #f8fafc;border-bottom: 1px solid #e1e1e1;line-height: 1.6;} .qna_list .down .inner{padding: 28px 0 32px 60px;background: #f9f9f9;border-bottom: 1px solid #e1e1e1;line-height: 1.6;} .qna_list .down .inner p{text-align:left;color: #333;} .btns{display: inline-block;height: 44px;line-height: 42px;font-size: 15px;color:#005ec2;text-align:center;border: 1px solid #767676;box-sizing: border-box;} .btns.blue{background: #767676;color: #fff;} .btns.blue.s{width: 120px;height: 42px;line-height: 40px;} @media (max-width: 640px){ .search_zone{margin:0px 0 10px;background: #f6f6f6; border-radius:10px; text-align: center;} .search_zone .inner, .search_zone .col{display: block;padding:0;} .search_zone .col{height: 30px;} .search_zone select{width: 100%;font-size: 14px;padding-left: 10px;background:#ffffff url(/design/default/images/sub/arrow_select.png) no-repeat right 8px top 12px;} .search_zone .col:last-child{padding-right: 40px;position: relative;margin-top: 15px;} .search_zone input[type='text']{width: 100% !important;font-size: 14px;} .search_zone .btns.blue.s{position:absolute;top:0;right:0;width: 42px;font-size: 0;color: transparent;background: #767676 url(/design/default/images/sub/icn_search_w_big.png) no-repeat 50% 50% / 20px 20px;} .search_zone.type2 .tit{position:absolute;top:8px;left:20px;display:inline-block;padding-left:0px;font-size: 14px;background-image: url(../images/m/contents/icn_search.png);background-size: 17px 17px;} .search_zone.type2{margin-bottom: 15px;padding: 15px 20px;} .search_zone.type2 .inner{position: relative;} .search_zone.type2 .col.has_tit{margin-left:0px;} .search_zone.type2 select, .search_zone.type2 input[type='text']{height:32px;border:1px solid #e3e3e3;} .search_zone.type2 select {width:180px; float:right;} .search_zone.type2 .btns.blue.s{width: 32px;height:32px;} .search_zone.type2 .col:last-child{margin-top: 11px;padding-right: 34px;} .qna_list > li{font-size: 13px; font-weight:300; color: #333;background: url(/design/default/images/sub/icn_q.png) no-repeat 10px 8px;} .qna_list > li > a{text-align:left;display: block;width:100%;box-sizing: border-box;padding-left:40px;border-bottom: 1px solid #e1e1e1;background: url(/design/default/images/sub/qna_down.png) no-repeat right 10px top 50%;} .qna_list > li > a .col{display: table-cell;vertical-align: middle;height:45px;box-sizing: border-box} .qna_list .down .inner{padding: 15px 0 15px 40px;background: #f9f9f9;border-bottom: 1px solid #e1e1e1;line-height: 1.6;} }