@charset "utf-8";

#greeting { display: table; margin-top: 3%; }
#greeting > div { display: table-cell; vertical-align: top; width: 50%; }
#greeting .img img { max-width: 50%; position: absolute; left:0; top:0; }
#greeting .img img:first-child { position: relative; max-width: 100%;  }

#greeting .txt { padding: 0 4% 0; font-size: 1.8rem;  }
#greeting .txt .t1 { font-weight: 800; }
#greeting .txt .t2 { font-size: 3.2rem; font-weight: 300; color:#212121; letter-spacing: -0.02em; line-height: 1.4em; margin-top: 1em; }
#greeting .txt .t3 { margin-top: 2.5em; }
#greeting .txt .t3 p { margin-top: 1.5em; line-height: 1.7em; color:#787878;  }
#greeting .txt .t3 p.sign { color:#212121; font-weight: 500; margin-top: 2.5em; }


@media (max-width: 1480px){
  #greeting .txt .t2 { margin-top: 1em; }
  #greeting .txt .t2 br { display: none; }
  #greeting .txt .t3 { margin-top: 3em; }
  #greeting .txt .t3 p { margin-top: 1.5em; }
}

@media (max-width: 1280px){
  #greeting .txt { padding:0 0 0 4%; }
  #greeting .txt .t3 p { line-height: 1.7em; }
}

@media (max-width: 1080px){
  #greeting .txt { font-size: 1.7rem; }
  #greeting .txt .t2 { font-size: 2.8rem; margin-top: 0.7em; }
  #greeting .txt .t3 { margin-top: 2em; }
}

@media (max-width: 880px){
  #greeting,
  #greeting > div { display: block; width: 100%; }
  #greeting .img { text-align: center; }
  #greeting .img img { max-width: 60%; left: 50%; transform: translateX(-50%);}
  #greeting .img img:first-child { max-width: 60%; left: inherit; transform: none; display: inline-block; }
  #greeting .txt .t2 br { display: block; }
}

@media (max-width: 568px){
  #greeting .img img { max-width: 80% !important; }
  #greeting .txt .t2 br { display: none; }
}



/* 연혁 */

#history_top { color:#fff; width: 100%; height: 480px; position: relative; display: table; padding: 0 5%; max-width: 1400px; margin: 0 auto;
                    background: url("/images/sub/history_top.png") no-repeat center; background-size: cover; }
#history_top dl { display: table-cell; vertical-align: middle; }
#history_top dl dt { font-size: 8rem; font-weight: 200; font-family: 'Poppins'; }
#history_top dl dd { font-size: 1.8rem; line-height: 1.8em; }

@media all and (max-width:976px) {
  #history_top { height: 38vw; }
}

@media all and (max-width:767px) {
  #history_top { height: 45vw; }
}


#history { overflow: hidden; position: relative; }
#history::before { content: ''; width:1px; height: 100%; background: #e0ede6; position: absolute; left:50%; top:0; margin-left: -0.5px;}
#history li { overflow: hidden; position: relative; margin-top: 30px;}
#history li .txt { float: right; width: 50%; padding: 2% 0 2% 60px;}
#history li:nth-child(even) .txt { float: left; text-align: right; padding: 2% 60px 2% 0; }

#history li .txt h4 { color: #eb2a2e; font-size: 6rem; font-family: 'Play'; position: relative;
                            line-height: 1.0em; font-weight: normal; margin-bottom: 0.7em; letter-spacing: 0; }
#history li .txt h4::before { content:''; width: 20px; height: 20px; display: block; position: absolute; left:-60px; top:50%; margin: -10px 0 0 -10px;
                                        border-radius: 100%; background: #ff0000; border: 6px solid #ffe5e5; z-index:2;  }
#history li .txt h4::after { content:''; width: 50px; height: 1px; display: block; background: #ffb2b2; z-index:1;
                                      position: absolute; left:-60px; top:50%; margin-top: -0.5px;}
#history li:nth-child(even) .txt h4::before,
#history li:nth-child(even) .txt h4::after { left: inherit; right: -60px; }
#history li:nth-child(even) .txt h4::before {margin: -10px -10px 0 0; }
#history li .txt dl { margin-bottom: 1.5em; font-size: 1.8rem; }
#history li .txt dl dt { width:60px; display:inline-block; vertical-align:top; margin-bottom:15px; color:#212121; font-weight: 600; line-height: 1.5em; }
#history li .txt dl dd {width:calc(100% - 60px); display:inline-block; vertical-align:top; margin-bottom:15px; line-height: 1.5em; }

#history li:nth-child(even) dt { float: right; }

@media all and (max-width:767px) {
  #history li .txt { padding: 2% 0 2% 40px; }
  #history li:nth-child(even) .txt { padding: 2% 40px 2% 0; }

  #history li .txt h4::after { width: 30px; }
  #history li .txt h4::before,
  #history li .txt h4::after { left: -40px; }
  #history li:nth-child(even) .txt h4::before,
  #history li:nth-child(even) .txt h4::after { right: -40px; }
}

@media all and (max-width:568px) {
  #history::before { left: 8px; margin-left:0;}
  #history li .txt { width: 100%; padding: 2% 0 2% 40px; }
  #history li:nth-child(even) .txt { text-align: left; padding: 2% 0 2% 40px; }
  #history li .txt h4::before { width: 16px; height: 16px; margin: -8px 0 0 0; border-width: 5px; }
  #history li:nth-child(even) .txt h4::before { margin: -8px 0 0 0; }
  #history li:nth-child(even) .txt h4::before,
  #history li:nth-child(even) .txt h4::after { right: inherit; left: -40px; }
}


/*조직도
#organization { overflow: hidden; text-align: center; position: relative; width: 100%; max-width: 1400px; margin: 0 auto; }
#organization > li { position: relative; overflow: hidden; display: table; width: 100%; }
#organization > li > div { position: relative; display: table-cell; padding: 40px 0; }
#organization > li > div::before { content:''; width:1px; height: 40px; background: #e1e7ed; position: absolute; top: 0; left: 50%; margin-left: -0.5px; }
#organization li.depth1 > div { padding-top:0; }
#organization li.depth3::before { content:''; height: 1px; width: 75%; background: #e1e7ed; position: absolute; top:0; left: 50%; transform: translateX(-50%); }

#organization > li > div > p,
#organization > li dl { display: inline-block; vertical-align: top; width: 280px; line-height: 65px; position: relative;  }
#organization > li dl dd { background: #f0f6f9;  }
#organization > li dl dd p { border-bottom: 1px solid #fff; }
#organization li.depth1 p { background: #24314b; color:#fff;  }
#organization li.depth2 p { background: #3668cd; color:#fff; }
#organization li.depth3 dl dt { background: #0ea6bc; color:#fff; }*/



#organization { overflow: hidden; text-align: center; position: relative; font-size:0; display: inline-block; }
#organization::before { content:''; width:1px; height: 100%; background: #e1e7ed; position: absolute; top: 0; left: 50%; margin-left: -0.5px; }
#organization > li { position: relative; display: block; width: 100%;   }
#organization > li > div {  position: relative; display: inline-block; vertical-align: top; width: 280px; line-height: 65px;
                                     font-size: 1.8rem; color:#fff; margin: 50px 30px;  }
#organization > li.depth1 > div { margin-top:0; }
#organization > li.depth1 > div p { background: #24314b; }
#organization > li.depth2 { text-align: right; }
#organization > li.depth2 > div { margin-right: 20%; }
#organization > li.depth2 > div p { background: #2354b5; text-align: center; }
#organization > li.depth3 { background: #fff; }
#organization > li.depth3 > div { margin-top: 70px; }
#organization > li.depth3 > div dl dt { background: #51608f; }
#organization > li.depth3 > div dl dd p { background: #f5f7fc;  color:#585858; border-top: 1px solid #eaeaea;  }


#organization > li.depth3 div::before { height: 70px; top: -70px; }
#organization > li > div::before { content:''; width: 1px; height: 40px; background: #e1e7ed; position: absolute; left: 50%; top: -40px; }
#organization > li.depth3::after { content: ''; width: 1020px; height: 1px; background: #e1e7ed; position: absolute; left: 50%; top: 0; transform: translateX(-50%);}

#organization > li.depth2::before { content:'';  width: 30%; height: 1px; top: 50%; margin-top: -0.5px; background: #e1e7ed; position: absolute; left: 50%; }
#organization > li.depth2 > div::before { display: none; }



@media all and (max-width:1480px) {
  #organization > li > div { width: 18vw; margin: 50px 20px; }
  #organization > li.depth3::after { width: 75%; }
}

@media all and (max-width:976px) {
  #organization > li > div { width: 20vw; margin: 40px 10px; line-height: 3.5em; }
  #organization > li.depth3 > div { margin-top: 50px; }
  #organization > li.depth3 div::before { height: 50px; top: -50px; }
}

@media all and (max-width:676px) {
  #organization > li > div { width: 19vw; }
}

@media all and (max-width:568px) {
  #organization > li > div { width: calc(50% - 40px); }
  #organization > li.depth2 > div { margin-right: 20px; }
  #organization > li.depth3 { display: block; border: 1px dashed #e1e7ed; width: 100%; margin: 0 auto; background: #fff; padding: 10px 10px 20px; overflow: hidden; }
  #organization > li.depth3::after { display: none; }
  #organization > li.depth3 > div { width: calc(50% - 20px); margin-top: 10px; margin-bottom:10px; }
  #organization > li.depth3 > div::before { display: none; }
}



#certList { overflow: hidden; text-align: center; max-width: 1400px; display: flex; flex-wrap: wrap;}
#certList li { float: left; width: calc((100% - 120px) / 4); margin-left: 40px; margin-bottom: 40px;  }
#certList li:nth-child(4n+1) { margin-left:0; }
#certList li .img { border: 1px solid #dedede; padding: 10px; }
#certList li img { max-width: 100%; border: 1px solid #f2f2f2; }
#certList li p { margin-top: 1em; font-size: 1.8rem; font-weight: 600; color:#212121;  }


@media all and (max-width:1280px) {
  #certList li { width: calc((100% - 60px) / 4); margin-left: 20px; }
}

@media all and (max-width:976px) {
  #certList li { width: calc((100% - 40px) / 3);  }
  #certList li:nth-child(4n+1) { margin-left:20px; }
  #certList li:nth-child(3n+1) { margin-left:0; }
}

@media all and (max-width:640px) {
  #certList li { width: calc((100% - 20px) / 3); margin-left: 10px;  }
  #certList li:nth-child(4n+1) { margin-left:10px; }
  #certList li:nth-child(3n+1) { margin-left:0; }
}

@media all and (max-width:568px) {
  #certList li { width: calc(50% - 5px); margin-left: 10px !important; margin-bottom: 20px;  }
  #certList li:nth-child(odd) { margin-left: 0 !important; }
}


#sMap .root_daum_roughmap .wrap_map  { height: 550px !important; z-index:-1; }
#sMap_info { background: #fff; display: table; table-layout: fixed; width: 90%; margin: -100px auto 0; padding: 5%; box-shadow: 1px 1px 3px rgba(0,0,0,0.1); }
#sMap_info > div { display: table-cell; vertical-align: top; }
#sMap_info .tit { width: 25%; }
#sMap_info .tit h4 { font-size: 3rem; color:#212121;  font-family: 'Poppins'; line-height: 1.2em; }
#sMap_info .tit p { font-size: 1.8rem; margin-top: 0.5em;  }
#sMap_info .txt { font-size: 1.7rem; border-left: 1px solid #e5e5e5;  padding-left: 5%; padding-top: 0.2em;  }
#sMap_info .txt p + p { margin-top: 0.5em; }
#sMap_info .txt p { display: inline-block; width:100%; vertical-align: middle; }
#sMap_info .txt p::before { content:''; width: 18px; height: 22px; display: inline-block; vertical-align: middle; margin-right: 1em; opacity: 0.4;
                                        background-size: 100% auto; background-repeat; background-position: center; background-repeat: no-repeat; }
#sMap_info .txt p.add::before { background-image:url("/images/sub/ico_map.png"); }
#sMap_info .txt p.tel::before { background-image:url("/images/sub/ico_tel.png"); }
#sMap_info .txt p.mail::before { background-image:url("/images/sub/ico_mail.png"); }


@media all and (max-width:976px) {
  #sMap .root_daum_roughmap .wrap_map  { height: 50vw !important;   }
  #sMap_info { margin-top: -8vw; }
  #sMap_info .tit { width: 30%; }
  #sMap_info .tit h4 { font-size: 2.6rem; }
}

@media all and (max-width:767px) {
  #sMap_info,
  #sMap_info > div { display: block; }
  #sMap_info .tit { width: 100%; }
  #sMap_info .txt { padding-left:0; border-left:0; border-top: 1px solid #e5e5e5; padding-top: 5%; margin-top: 5%; }
  #sMap_info .txt p + p { margin-top: 0.3em; }

  #sMap_info .txt p::before { width: 15px; height: 18px; }
}



/* sub common */
.em1 { font-size: 2.2rem; font-weight: 500; color:#212121;  }
.typo1 { font-size: 2.5rem; font-weight: 500; color:#212121;  }

.stit1 { font-size: 2.8rem; color:#212121; letter-spacing: -0.03em; margin-bottom: 0.5em;}
.stit2 { font-size: 2.4rem; color:#212121; letter-spacing: -0.03em; margin-bottom: 0.5em; line-height: 1.0em;  }
.stit2::before { content:''; width: 25px; height: 25px; background: url("/images/sub/stit_bullet.png") no-repeat center; background-size: 100% auto;
                     display: inline-block; vertical-align: top; margin-right: 0.3em; }
.stit3 { font-size: 3.5rem; color:#212121; letter-spacing: -0.03em; margin-bottom: 1em; }

.stxt1 { font-size: 1.8rem; }

.stit { margin-bottom: 1.5em; }
.stit h4, .stit p { display: inline-block; vertical-align: middle;  margin-bottom:0; }
.stit h4 { margin-right: 0.5em; }
.stit p { font-size: 2.2rem; }

@media all and (max-width:976px) {
  .em1 { font-size: 2rem; }
}

.s-section { padding: 5% 0; }
.bdBox {  border: 10px solid #eff1f9;  padding: 4%;  }
.BGblue { background: #eb2a2e; padding: 1.5em; }


.contList { position: relative; width: 100%; display: table; table-layout: fixed; text-align: center; }
.contList > div { display: table-cell; vertical-align: top; width: 50%; }
.contList .contL { padding-right: 5%; }
.contList .contR { padding-left: 5%; border-left: 1px solid #dedede; }
.contList .cont h4 { font-size: 2.5rem; line-height: 3em; background: #24314b; color:#fff; }
.contList .contR h4 { background: #3668cd; }
.contList .cont .img { padding: 2% 0; }
.contList .cont img { max-width: 100%; }

@media all and (max-width:1280px) {
  .contList .cont h4 { font-size: 2.2rem; }
  .contList .contL { padding-right: 4%; }
  .contList .contR { padding-left: 4%; }
  .contList .cont .img { padding: 2% 0 4%; }
}

@media all and (max-width:767px) {
  .contList,
  .contList > div { display: block; width: 100%; }
  .contList .contL { padding-right: 0; }
  .contList .contR { padding-left: 0; margin-top: 8%; border-left:0;  }
}


.imgList { overflow: hidden; text-align: center; }
.imgList li { float: left; width: calc((100% - 50px) / 6); margin-left: 10px; }
.imgList li:first-child { margin-left:0; }
.imgList li .img { }
.imgList li img { max-width: 100%; border: 1px solid #dedede; border-bottom:0;  }
.imgList li p { font-size: 1.8rem; padding: 1em; background: #24314b; color:#fff; }
.imgList li:nth-child(even) p { background: #334479; }

.imgList.col3 li { width: calc((100% - 20px) / 3);  }
.imgList.col4 li { width: calc((100% - 30px) / 4);  }

@media all and (max-width:1280px) {
  .imgList li { width: calc((100% - 30px) / 4); margin-bottom: 10px; }
  .imgList li:nth-child(4n+1) { margin-left:0; }
}

@media all and (max-width:976px) {
  .imgList li { width: calc((100% - 20px) / 3); }
  .imgList li:nth-child(4n+1) { margin-left:10px; }
  .imgList li:nth-child(3n+1) { margin-left:0; }
}

@media all and (max-width:640px) {
  .imgList li { width: calc(50% - 5px); }
  .imgList li:nth-child(3n+1) { margin-left:10px; }
  .imgList li:nth-child(odd) { margin-left:0; }

  .imgList li:nth-child(3) p { background: #334479; }
  .imgList li:nth-child(4) p { background: #24314b; }
}


.dotList > li { position: relative; margin: 0.7em 0; padding-left: 15px; line-height: 1.4em; text-align: left; }
.dotList > li::before { content:''; position: absolute; left:0; top: 0.7em; margin-top: -2.5px; width: 5px; height: 5px; background:#3668cd; border-radius: 6px; }
.dotList > li p { font-size: 1.8rem; }

@media all and (max-width:976px) {
  .dotList > li p { font-size: 1.6rem; }
}

.dlCont { position: relative; width: 100%; display: table; table-layout: fixed; border: 10px solid #eff1f9; padding: 3%; }
.dlCont dt, .dlCont dd { display: table-cell; vertical-align: top; }
.dlCont dt { width: 20%; padding-right: 3%; font-size: 2.4rem; color:#3668cd; font-weight: 800;  }
.dlCont dd { border-left: 1px solid #e6e9f4;  padding-left: 3%; }

.dlCont + .dlCont  { margin-top: 10px; }

@media all and (max-width:1280px) {
  .dlCont  { padding: 5% 4%; }
  .dlCont dt  { font-size: 2.2rem; }
}

@media all and (max-width:767px) {
  .dlCont,
  .dlCont dt, .dlCont dd { display: block; width: 100%; }
  .dlCont dt br { display: none; }
  .dlCont dd { border-left:0; padding-left:0; padding-top: 1em; }
}

.tb-scroll { position: relative; width: 100%; overflow-x: auto; }
.tb-style1 { position: relative; width: 100%; border-top: 3px solid #51608f; border-bottom: 1px solid #d0d3e0;  }
.tb-style1 thead th { padding: 1em; background: #f4fafd; color:#334479; font-weight: 700; font-size: 1.8rem; }
.tb-style1 thead th + th { border-left: 1px solid #e6e9f4; }
.tb-style1 tbody th,
.tb-style1 tbody td { padding: 1em; border-top: 1px solid #e6e9f4; }
.tb-style1 tbody th { color:#212121; font-weight: 600; }
.tb-style1 tbody td { border-left: 1px solid #e6e9f4; }

.tb-style1 thead th.em { background: #3668cd; color:#fff; }
.tb-style1 td.em { color:#3668cd; font-weight: 700; }

.apply1-tb::after { content:''; width: calc(100% / 6); height: 100%; border: 3px solid #3668cd; position: absolute; left: calc(100% / 6); top:0; z-index: 10; }


.tb-style2 { position: relative; width: 100%; border-top: 3px solid #51608f; border-bottom: 1px solid #d0d3e0; overflow: hidden; }
.tb-style2 th,
.tb-style2 td { padding: 1em 1.5em; border-top: 1px solid #e6e9f4;  }
.tb-style2 th { background: #f4fafd; color:#334479; font-weight: 700;}
.tb-style2 + .caption { color:#989898; margin-top: 1em; }


#supplyChain { position: relative; width: 100%; display: table; table-layout: fixed; text-align: center; min-width: 700px;   }
#supplyChain > div { display: table-cell; vertical-align: middle; }
#supplyChain .result { width: 10%; height: 100%; border: 2px solid #3668cd; color:#3668cd; font-size: 2.5rem; font-weight: 700; border-radius: 10px;  }
#supplyChain .process { position: relative; }
#supplyChain .process::after { content:'공급'; position: absolute; width: 9%; top:50%; right: 0; transform:translateY(-50%);
                                              text-align: center; color:#fff; font-weight:700; font-size: 2.2rem; line-height: 10rem; margin: 0 0.5%;
                                              background: url("/images/sub/arrow_process.png") no-repeat right center; background-size: 100% auto;  }
#supplyChain .process > div { position: relative; width: 90%; }
#supplyChain .process > div dl { width: 100%; display: table; table-layout: fixed; }
#supplyChain .process > div dl dt,
#supplyChain .process > div dl dd { display: table-cell; vertical-align: middle; width: calc(100% / 5); padding: 0 0 1em 0; border-bottom: 1px solid #e6e9f4; }
#supplyChain .process > div dl dt { font-size: 2rem; color:#212121; }
#supplyChain .process > div dl dd { font-size: 1.8rem; }
#supplyChain .process > div dl dd img { width: 100%; max-width: 200px;  }


#supplyChain .process .depth1 dl { background: #334479; color:#fff; font-size: 2rem; padding: 1.2em 0; font-weight: 600; }
#supplyChain .process .depth1 dl dt, #supplyChain .process .depth1 dl dd { padding:0; border-bottom:0; background: none; }
#supplyChain .process .depth1 dl dd { border-left: 1px solid rgba(255,255,255,0.2); line-height: 1em; }
#supplyChain .process .depth1 dl dd .fs-s { font-size: 0.8em; font-weight: 400; }

#supplyChain .process > div.depth2 dl dd { background: #fafafa; border-left: 1px solid #e6e9f4; }
#supplyChain .process > div.depth2 dl dd:nth-child(even) { background: #f4fafd; }

#supplyChain .process .depth3 dl dt { color:#0f319e; font-weight: 600; }
#supplyChain .process .depth3 dl dd { border-left: 1px solid #e6e9f4; font-size: 2rem; color:#212121;  }
#supplyChain .process .depth3 dl dd.col3 { width: 60%; border-left:0; font-size: 2.2rem; }
#supplyChain .process .depth3 dl dd.col3 p.arrBG {  color:#fff; padding: 1.2em 0; background: url("/images/sub/arrow_turnkey.png") no-repeat center; background-size: 100% auto; }


@media all and (max-width:976px) {
  #supplyChain,
  #supplyChain > div { display: block; }
  #supplyChain > div { min-width: 700px; }
  #supplyChain .result { width: 100%; padding: 0.7em 0;  }
  #supplyChain .process { width: 100%; overflow: hidden; }
  #supplyChain .process::after { width: 100%;  line-height: 15rem;  position: relative; right: inherit; top: inherit; transform: none; display: inline-block; text-align: center;
                                              background-image: url("/images/sub/arrow_process2.png"); background-size: auto 100%; background-position: center bottom; margin: -4rem auto 0.5em; }
  #supplyChain .process > div { width: 100%; }
}




.product-info { position: relative; width: 100%; display: table; table-layout: fixed; padding: 4% 0; border-bottom: 1px dashed #b7bdd0; }
.product-info.bt { border-top: 1px dashed #b7bdd0;   }
.product-info > div { display: table-cell; vertical-align: middle; }
.product-info .img { width: 45%; padding-right: 5%; }
.product-info .img img { max-width: 100%; }
.product-info .cont h4 { font-size: 3.2rem; color:#212121; letter-spacing: -0.03em; margin-bottom: 0.5em; }
.product-info .cont h4 .fs-s { font-size: 0.6em; margin-left: 0.5em; color:#787878; font-weight: 500;  }
.product-info .ECB { margin: 1.5em 0; }
.product-info .ECB img { width: 70%; }

@media all and (max-width:1080px) {
  .product-info > div { vertical-align: top; }
  .product-info .img { width: 50%; padding-top: 1%;  }
  .product-info .tb-style2 th { clear: both; float: left; width: 45%; }
  .product-info .tb-style2 td { float: left; width: 55%; }
  .product-info .tb-style2 .nbsp { display: none; }

  .product-info .tb-style2 .wid100 th { clear: none; float: none; width: 30%; }
  .product-info .tb-style2 .wid100 td { float: none; width: 70%; }
}

@media all and (max-width:767px) {
  .product-info,
  .product-info > div { display: block; }
  .product-info .img  { width: 100%; padding-right:0; text-align: center; }
  .product-info .cont { margin-top: 5%; }
  .product-info .tb-style2 th { width: 25%; clear: none;  }
  .product-info .tb-style2 td { width: 25%; }
  .product-info .tb-style2 .nbsp { display: block; }
  .product-info .ECB { text-align: center; }
}

@media all and (max-width:568px) {
  .product-info .tb-style2 th { width: 45%; clear: both;  }
  .product-info .tb-style2 td { width: 55%; }
  .product-info .tb-style2 .nbsp { display: none; }
}


.checkList { overflow: hidden; }
.checkList li { padding: 1em 0;  border-bottom: 2px dotted #dadfee; }
.checkList li::before { content: ''; width: 32px; height: 32px; border-radius: 100%; display: inline-block; vertical-align: middle;
                               background: #0060ff url("/images/sub/ico_check.png") no-repeat center; background-size: 100% auto; }
.checkList li p { display: inline-block; vertical-align: middle; max-width: calc(100% - 32px); padding-left: 0.6em; font-size: 1.8rem; }



/*멤버쉽*/
.memberWrap h4 { color:#212121; margin: 2em 0 0.5em; font-size: 1.35em;}
.memberWrap h5 { color:#212121; margin: 2em 0 0.5em; font-size: 1.2em;}
.memberWrap p { line-height: 1.7em; }