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

.partner_banner {  background:url(../images/sub_partner.png) center bottom no-repeat #f5f5f5; padding:5px 0; }
.partner_banner .wrapper { display:flex; flex-direction:column; margin:0 auto; width:1300px;  }
.partner_banner h3 { font-size:0.9em; color:#222;}
.partner_banner h2 { display:block; margin:10px 0 20px; font-size:2.1em; font-weight:400; color:#222; letter-spacing:-1.0px; }
.partner_banner h2 span { font-weight:600; color:#a10c0c;}

.partner_2_wrap { display:flex; justify-content:center; }
.partner_2_wrap .content { display:flex; justify-content:center; flex-direction:column; align-items:center; margin:0 2%; border:4px solid #a10c0c; border-radius:130px; width:210px; height:210px; padding:20px; }
.partner_2_wrap .content span { display:block; font-family: 'GmarketSansBold'; font-size:1.1em; font-weight:500; color:#a10c0c; line-height:1.4em; letter-spacing:0; text-align:center;}
.partner_2_wrap .content span:after {content :""; display:block; background:#a10c0c; margin:15px auto; width:22px; height:1px; }
.partner_2_wrap .content p { font-size:1.3em; font-weight:500; color:#222; line-height:1.4em; letter-spacing:-1.0px; text-align:center; }

.partner_2_2 { display:flex; justify-content:space-between; flex-wrap:wrap; }
.partner_2_2 .pic { width:45%;}
.partner_2_2 .pic img { width:100%;}
.partner_2_2 .pic .txt { background:#a10c0c; padding:5% 8%; font-size:1.5em; font-weight:500; color:#fff; line-height:1.3em; }
.partner_2_2 .content { display:flex; justify-content:center; flex-direction:column; width:50%; }
.partner_2_2 .content h2 { font-size:3.0em; font-weight:600; color:#a10c0c; line-height:1.5em; letter-spacing:-1.0px; }
.partner_2_2 .content p { display:block; font-size:1.4em; color:#333; line-height:1.5em; }


/* 회사소개 */
.company_1_1 { display:flex; justify-content:space-between; flex-wrap:wrap; margin:100px auto; width:90%; max-width:1600px; }
.company_1_1 .desc { margin:auto 0; width:50%; }
.company_1_1 .desc img { margin:20px 0; width:90%; }
.company_1_1 .desc h1 {  font-size:2.8em; color:#333; line-height:1.3em; }
.company_1_1 .desc h1 span { color:#036a57; }
.company_1_1 .desc h2 {  font-size:1.8em; color:#036a57; line-height:1.3em; }

.company_1_1 .pic { width:40%;}
.company_1_1 .pic img { border-radius:30px; width:100%; }


/* 인증서 */
.popup-gallery2 { display:flex; justify-content:space-between; flex-wrap:wrap;  }
.popup-gallery2 a { width:14%; margin:0 1% 4% 1%;}
.popup-gallery2 a img { border:1px #ddd solid; width:99%; }
.popup-gallery2 a p { width:; text-align:center; margin-top:10px; margin-bottom:10px; font-weight:400; line-height:22px; height: 40px;}

/* 온라인문의 제품리스트 */


.ttreeList {margin-bottom: 50px;}
.ttreeList h3 {font-size:1em; font-weight:500; color:#222; line-height:1.5em; letter-spacing:-0.5px; text-align: center;}

.ttreeList-title {display:flex; justify-content:space-between; border-bottom:2px solid #036a57; padding:15px 0; margin-top:30px;}
.ttreeList-title .title {  }
.ttreeList-title .title .pic { display:block; margin:0 0 15px; }
.ttreeList-title .title .pic img { }
.ttreeList-title .title h1 { font-size:1.5em; font-weight:600; color: #036a57; }
.ttreeList-title .btn { display:flex; margin-top:auto; }
.ttreeList-title .btn .open { background:#036a57; border-radius:5px; padding:4px 8px; margin:0 3px; font-size:0.9em; color:#fff; text-align:center; cursor:pointer; }
.ttreeList-title .btn .close { background:#ff6114; border-radius:5px; padding:4px 8px; margin:0 3px; font-size:0.9em; color:#fff; text-align:center; cursor:pointer; }

.ttreeList-box { background:#f9f9f9; border:1px #ddd solid; border-top:0; margin-top: 0; padding: 10px;display: flex; flex-wrap:wrap;}
.ttreeList-box>.item { display: flex;align-items: center; margin: 10px; padding:15px; background:#fff; border-radius:10px; box-shadow:0 0 10px rgba(184,209,200,0.5); }
.ttreeList-box>.item .img { width: 120px; position: relative;  }
.ttreeList-box>.item .img img { border-radius:10px; width:100%;}
.ttreeList-box>.item .img input {position: absolute; top:2px; left: 0;}
.ttreeList-box>.item .desc { width: 127px; margin-left: 20px;  font-size:0.9em;  color:#036a57; line-height: 1.5;  }
.ttreeList-box>.item .desc .title {height: 45px; font-weight:600; color:#333; overflow: hidden;  }
.ttreeList-box>.item .desc .ea {margin-top: 5px;}
.ttreeList-box>.item .desc .ea input { width:40px; }


@media (max-width:767px){

/* 회사소개 */
.company_1_1 { display:flex; justify-content:space-between; flex-wrap:wrap; margin:40px auto; width:90%;  }
.company_1_1 .desc { margin:auto 0; width:100%; }
.company_1_1 .desc img { margin:20px 0; width:100%; }
.company_1_1 .desc h1 { font-size:1.6em; color:#333; line-height:1.3em; }
.company_1_1 .desc h1 span { color:#22966f; }
.company_1_1 .desc h2 { font-size:1.2em; color:#22966f; line-height:1.3em; }

.company_1_1 .pic { margin:40px 0 0; width:100%;}
.company_1_1 .pic img { border-radius:20px; width:100%; }


/* 인증서 */
.popup-gallery2 { display:flex; justify-content:space-between; flex-wrap:wrap;  }
.popup-gallery2 a { width:14%; margin:0 1% 4% 1%;}
.popup-gallery2 a img { border:1px #ddd solid; width:99%; }
.popup-gallery2 a p { width:; text-align:center; margin-top:10px; margin-bottom:10px; font-weight:400; line-height:22px; height: 40px;}


/* 온라인문의 제품리스트 */
.ttreeList {margin-bottom: 50px;}
.ttreeList h3 {font-size:1em; font-weight:500; color:#222; line-height:1.5em; letter-spacing:-0.5px;}

.ttreeList-title {display:flex; justify-content:space-between; border-bottom:2px solid #22966f; padding:10px 0; margin-top:30px;}
.ttreeList-title .title {  }
.ttreeList-title .title .pic { display:block; margin:0 0 10px; }
.ttreeList-title .title .pic img { height:70px; }
.ttreeList-title .title h1 { font-size:1.2em; font-weight:600; color: #22966f; }
.ttreeList-title .btn { display:flex; margin-top:auto; }
.ttreeList-title .btn .open { background:#22966f; border-radius:5px; padding:5px 6px; margin:0 3px; font-size:0.9em; font-weight:500; color:#fff; text-align:center; cursor:pointer; }
.ttreeList-title .btn .close { background:#ff6114; border-radius:5px; padding:5px 6px; margin:0 3px; font-size:0.9em; font-weight:500; color:#fff; text-align:center; cursor:pointer; }

.ttreeList-box {border:1px #ddd solid; border-top:0; margin-top: 0; padding: 5px;display: flex; flex-wrap:wrap;justify-content: space-between;}
.ttreeList-box>.item { display: flex;align-items: center; margin: 5px; padding:10px 5px; background:#fff; border-radius:6px; box-shadow:0 0 10px rgba(184,209,200,0.5); }
.ttreeList-box>.item .img { width: 50px; position: relative;  }
.ttreeList-box>.item .img img {  border-radius:6px; width:100%;}
.ttreeList-box>.item .img input {position: absolute; top:2px; left: 0;}
.ttreeList-box>.item .desc { width: 65px; margin-left: 10px;  font-size:0.8em;  color:#22966f; line-height: 1.5;  }
.ttreeList-box>.item .desc .title { font-weight:500; color:#333; overflow: hidden;  }
.ttreeList-box>.item .desc .ea {margin-top: 5px;}
.ttreeList-box>.item .desc .ea input { width: 20px; border: 1px #ccc solid; }
}