@charset "utf-8";

.typo1 { font-family: 'DWImpactamin'; font-size:1.75em; color:#212121; line-height: 1.25em; }
.stit1 { font-family: 'DWImpactamin'; font-size: 1.5em; color:#37c477; margin-bottom: 0.5em; font-weight: normal; }
.stit2 { font-size: 1.31em; color:#0096a3; margin-bottom: 0.7em; display: inline-block; vertical-align: middle;}
.stit2::before { content:''; width: 6px; height: 22px; background: url("/images/sub/stit2.png") no-repeat left top;
                    display: inline-block; vertical-align: middle; margin-right: 10px; }
.stit3 { font-size: 1.125em; color:#212121; margin-bottom: 0.7em; }
.stxt1 { line-height: 1.8em; }
.stxt2 { font-size: 1.06em; line-height: 1.7em; }

.bdBox { border: 1px solid #e3ece7; text-align: center; padding: 7% 0; }
.bdBox img { max-width: 100%; }
.bdBox.pds { padding: 20px; }

.slsBox { border: 1px solid #e3ece7; background: url("/images/common/slsline2.png") repeat; padding: 7px; }
.BGwh { background: #fff; }

.slsBox .BGwh { padding: 3%; }

.bt_btn { text-align: center; padding-top: 4%; background: url("/images/common/slsline.png") repeat-x top; }
.btn_st1 { position: relative; display: inline-block; padding: 0.8em 7em 0.8em 1.2em; color:#fff; overflow: hidden;
              font-size: 1.125em; font-weight: 600;  text-align: left; background: #0096a3; border-radius: 3px; }
.btn_st1::after { content: '\e802'; font-family:'Linearicons-Free'; font-size: 0.9em;
                      position: absolute; top: 50%; right:0; transform: translateY(-50%);
                      background: #04818c; padding: 1em; }
.btn_st1:hover { background: #04818c; }
.btn_st1:hover::after { background: #0096a3; }

@media all and (max-width:767px) {
  .slsBox .BGwh { padding: 5%; }
}

@media all and (max-width:480px) {
  .stit1 { font-size: 1.25em; }
  .slsBox .BGwh { padding: 7%; }
}

#intro1_top { position: relative; width: 100%; height: 400px; overflow: hidden;
                    background: url("/images/sub/intro1_img1.png") no-repeat center; background-size: cover; }
#intro1_top .txt { width: 40%; float: right; padding-top: 12%; font-family: 'DWImpactamin';
                          color:#12358d; font-size: 1.75em; line-height: 1.2em; }
#intro1_top .txt .em { font-size: 1.2em; line-height: 1.3em; }

@media all and (max-width:1280px) {
  #intro1_top { height: 30vw; }
  #intro1_top .txt { width: 42%;  }
}

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

@media all and (max-width:568px) {
  #intro1_top .txt { font-size: 1.5em; }
}

@media all and (max-width:480px) {
  #intro1_top { height: auto; padding-top: 40vw;  background-size: auto 40vw;
                      background-position: left top; }
  #intro1_top .txt { width: 100%; text-align: center; padding-top: 5%; }
  #intro1_top .txt br { display: none; }
  #intro1_top .txt .em { display: block; }
  .intro1_txt br { display: none; }
}


/* 연혁 */
#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: 20px;}
#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 {    }
#history li .txt h4 { color: #48c380; font-size: 3.125em; font-family: 'ONE-Mobile-Title'; 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: #48c380; border: 6px solid #daf3e6; z-index:2;  }
#history li .txt h4::after { content:''; width: 50px; height: 1px; display: block; background: #bfead3; 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; }
#history li .txt dl dt { color:#212121; font-weight: 700; margin-bottom: 0.2em; }
#history li .txt dl dd { line-height: 1.2em; }
#history li .txt dl dd .fs-s { font-size: 0.88em; color:#989898; }

/*#history li .txt dl { margin-bottom: 1.5em; display: table; table-layout: fixed; width: 100%; }
#history li .txt dl dt { color:#212121; font-weight: 700; display: table-cell; vertical-align: top; width: 110px; padding-right: 1em; word-break:break-all; }
#history li .txt dl dd { line-height: 1.2em; display: table-cell; vertical-align: top;}
#history li:nth-child(even) .txt dl { direction: rtl; }
#history li:nth-child(even) .txt dl dt,
#history li:nth-child(even) .txt dl dd { direction: ltr; }
#history li:nth-child(even) .txt dl dt { padding-right:0; padding-left: 1em; }*/


@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; }
}


#greeting { position: relative; width: 100%; overflow: hidden; padding-bottom: 60px; }
#greeting::before { content:''; width: 88%; height: 120px; background: #f0f9f5; position: absolute; right:0; bottom:10px; }
#greeting::after { content:''; width: 248px; height: 289px; max-width: 25%;
                          position: absolute; left:37%; bottom:0; z-index:1;
                          background: url("/images/sub/patternBG1.png") no-repeat center bottom; background-size: 100% auto; }
#greeting > div { position: relative; float: left; z-index: 2;  }
#greeting .img { width: 400px; }
#greeting .img img { max-width: 100%; }
#greeting .txt { width: calc(100% - 400px); padding: 6% 7%; }
#greeting .txt .stxt2 { margin-top: 2em; }
.greeting_txt .sign span { font-size: 2.25em; font-family: 'ROEHOE-CHAN'; margin-left: 0.5em; }


@media all and (max-width:1380px) {
  #greeting::after { left: 40%; }
}

@media all and (max-width:1280px) {
  #greeting::before { height: 100px; }
  #greeting::after { left: 37%; }
  #greeting .img { width: 40%; }
  #greeting .txt { width: 60%; padding: 4% 2% 4% 5%; }
}

@media all and (max-width:976px) {
  #greeting .img { width: 45%; }
  #greeting .txt { width: 55%; padding: 7% 5%; }
}

@media all and (max-width:767px) {
  #greeting  { padding-bottom: 50px; }
  #greeting::before { height: 70px; }
  #greeting .txt .stxt2 { margin-top: 1em; }
}

@media all and (max-width:568px) {
  #greeting { padding: 0; }
  #greeting::before { bottom: 0; width: 100%; display: none; }
  #greeting::after { left: inherit; right:0; bottom: 20%; max-width: 35%; }
  #greeting .img { width: 100%; text-align: center; }
  #greeting .txt { width: 100%; padding: 7% 0 3%; }
}



.orgList { position: relative; width: 100%; overflow: hidden; text-align: center; }
.orgList li { position: relative; float: left; width:calc(25% - 15px); margin: 10px 0 10px 20px; border: 1px solid #e3ece7; box-sizing: border-box; }
.orgList li:nth-child(4n+1) { margin-left:0; }
.orgList li .label { position: absolute; left:0; top:0; width: 50px; height: 50px; padding: 0 10px; color:#fff; text-align: center; display: table; }
.orgList li .label p { display: table-cell; vertical-align: middle; font-size:0.875em; line-height: 1.2em; font-weight: 600;  }
.orgList li .label.blue { background: #437dea; }
.orgList li .label.green { background: #48c380; }

.orgList li img { max-width: 100%; }
.orgList li dl { padding: 20px; }
.orgList li dl dt { padding-bottom: 0.5em; border-bottom: 1px solid #e3ece7; color:#212121;
                        font-size: 1.25em; font-weight: 500; }
.orgList li dl dd { padding-top: 1em; line-height: 1.5em; }

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

.orgList li .img {  position: relative; width: 100%; min-height: 268px; text-align: center; background: rgba(237, 245, 247,0.4); }
.orgList li .img img { max-width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border: 5px solid #e0ebed; border-right-color:#c0d2df; border-bottom-color:#c0d2df;  }


.orgList.col6 li { width:calc((100% - 40px) / 3); margin: 5px 0 5px 10px;  }
.orgList.col6 li:nth-child(2n+1) { margin-left:10px; }
.orgList.col6 li:nth-child(3n+1) { margin-left:0; }

@media all and (max-width:1280px) {
    .orgList li .img { min-height: 180px; }
}


@media all and (max-width:1080px) {
    .orgList li { width: calc(33.33% - 13.33px); }
    .orgList li:nth-child(2n+1) { margin-left:20px; }
    .orgList li:nth-child(3n+1) { margin-left:0; }
    
    
    .orgList.col6 li { width:calc((100% - 30px) / 3); }
    .orgList.col6 li:nth-child(5n+1),
    .orgList.col6 li:nth-child(3n+1) { margin-left:10px; }
    .orgList.col6 li:nth-child(3n+1) { margin-left:0; }
}

@media all and (max-width:640px) {
    .orgList li { width: calc(33.33% - 8px); margin: 6px 0 6px 12px; }
    .orgList li .label { width: 45px; height: 45px; padding: 0 5px; }
    
    .orgList li .img { min-height: 0; padding: 10px; }
    .orgList li .img img { position: relative; top: inherit; left: inherit; transform: none; border:0; max-width: 100%;}
    .orgList.col6 li { width:calc((100% - 30px) / 2); }
    .orgList.col6 li:nth-child(2n+1) { margin-left:0px; }
    .orgList.col6 li:nth-child(1n+1) { margin-left:10px; }
}

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

  .orgList.col6 li:nth-child(odd) { margin-left:10px; }


}

@media all and (max-width:520px) {
  .orgList.col6 li { width:100%; margin: 5px 0 5px 0px !important; }
  /* .orgList.col6 li:nth-child(3n+1) { margin-left:0 !important; } */
}

@media all and (max-width:480px) {
  .orgList li .label { width: 40px; height: 40px;  }
  .orgList li .label p { font-size: 0.8em; }
  .orgList li dl { padding: 15px; }
}

@media all and (max-width:380px) {
  /* .orgList.col6 li { width:calc((100% - 10px) / 2); } */
  /* .orgList.col6 li:nth-child(even) { margin-left:10px !important; } */
  /* .orgList.col6 li:nth-child(odd) { margin-left:0 !important; clear: both;  } */
}

.stit1 + .dotList { margin-top: 1.2em; }

.dotList li { position: relative; font-size: 1.1em; margin: 0.5em 0; padding-left: 14px; line-height: 1.4em; }
.dotList li::before { content:''; position: absolute; left:0; top: 0.7em; margin-top: -2px;
                           width: 4px; height: 4px; background:#48c380; border-radius: 100%; }

.dotSection.first { padding-top: 2%; }
.dotSection { padding: 4% 0 3%; background: url("/images/common/dotlineX.png") repeat-x bottom; }


.halfCont { position: relative; width: 100%; display: table; table-layout: fixed; }
.halfCont > div { display: table-cell; vertical-align: middle; }
.halfCont .img { width: 50%; }
.halfCont .img.wid45 { width: 45%; }
.halfCont .img img { max-width: 100%; }
.halfCont .cont { padding: 0 0 0 4%; }
.halfCont .imgCont:nth-child(odd) { padding-right:1%; }
.halfCont .imgCont:nth-child(even) { padding-left:1%; }

@media all and (max-width:1280px) {
  .halfCont > div { vertical-align: top; }
}

@media all and (max-width:1080px) {
  .halfCont { display: block; }
  .halfCont > div { display: block; width: 100% !important; }
  .halfCont .img { text-align: center; }
  .halfCont .cont { padding: 5% 0 0; }
}

.colorList dl { display: inline-block; margin: 15px; }
.colorList dl dt { color:#212121; font-weight: 500; font-size: 1.125em; }
.colorList dl dd { font-size: 0.9em; }
.colorList dl dd.colorBar { width: 180px; height: 30px; display: block; margin: 0.5em 0 0.2em; }
.colorList dl dd.color1 { background: #00884e; }
.colorList dl dd.color2 { background: #6aad48; }
.colorList dl dd.color3 { background: #cf9c19; }

@media all and (max-width:767px) {
  .colorList dl { margin: 10px; }
  .colorList dl dd.colorBar { max-width: 24vw; }
}

@media all and (max-width:568px) {
    .colorList dl { margin: 10px 5px; }
}

@media all and (max-width:480px) {
    .colorList dl dd.colorBar { height: 25px; max-width: calc(39vw - 10px); }
}

@media all and (max-width:360px) {
  .colorList dl { display: block; width: 100%; margin: 5px 0; }
  .colorList dl dd.colorBar { height: 20px; max-width: 100%; width: 100%; margin: 5px 0; }
}


.contList { overflow: hidden; }
.contList li { float: left; width: calc(25% - 15px); margin-left: 20px; margin-bottom: 20px; vertical-align: top; }
.contList li:nth-child(4n+1) { margin-left: 0; clear: both; }
.contList li .bdBox { padding: 10px; margin-bottom: 10px; }

@media all and (max-width:1280px) {
  .contList li { width: calc(33.33% - 10px); margin-left: 15px; margin-bottom: 15px; }
  .contList li:nth-child(4n+1) { margin-left: 15px; clear: inherit; }
  .contList li:nth-child(3n+1) { margin-left: 0; clear: both; }
}

@media all and (max-width:568px) {
  .contList li { width: calc(50% - 5px); margin-left: 10px !important; margin-bottom: 10px; }
  .contList li:nth-child(3n+1) { clear: inherit; }
  .contList li:nth-child(odd) { margin-left: 0 !important; clear: both; }
}


#ethics { position: relative; width: 100%; text-align: center; padding: 20px;
              border: 1px solid #e5e5e5; box-shadow: 0 0 5px 0 rgb(0 0 0 / 10%); }
#ethics .in { position: relative; border: 1px solid #edcd88; padding: 8% 5% 10%; }
#ethics .in .tit { position: relative; }
#ethics .in .tit::before { content:''; width: 100%; height: 20px; background: url("/images/common/slsline2.png") repeat;
                                  position: absolute; left:0; top: 50%; margin-top: -10px; display: block; }
#ethics .in .tit span { position: relative; padding: 0 20px; background: #fff; display: inline-block;  }

#ethics .in p { margin-top: 2em; font-size: 1.5em; font-family: 'GowunBatang'; line-height: 1.5em; color:#212121; }
#ethics .in .edge span { width: 40px; height: 40px; position: absolute; background: url("/images/sub/ethics_edge.png") no-repeat; background-size: 200% auto; }
#ethics .in .edge span.lt { background-position: 0 0; left:0; top:0; }
#ethics .in .edge span.rt { background-position: 100% 0; right:0; top:0; }
#ethics .in .edge span.lb { background-position: 0 100%; left:0; bottom:0; }
#ethics .in .edge span.rb { background-position: 100% 100%; right:0; bottom:0; }


@media all and (max-width:1080px) {
  #ethics .in .tit img { width: 120px;  }
}

@media all and (max-width:767px) {
  #ethics { padding: 15px; }
  #ethics .in .tit img { width: 18vw;  }
  #ethics .in .edge span { width: 30px; height: 30px; }
}



#organization { overflow: hidden; text-align: center; position: relative; width: 100%; font-size:0;  }
#organization > li { position: relative; display: block; width: 100%;   }
#organization > li > div {  position: relative; display: inline-block; width: 180px; height: 50px; line-height: 50px;
                                     border-radius: 50px; font-size: 1.125rem; color:#fff; margin: 25px;  }
#organization > li.depth1 > div { background: #37c477; margin-top:0;}
#organization > li.depth2 > div { background: #0096a3; }
#organization > li.depth2 > div.blue { background: #437dea; }
#organization > li.depth3 > div { background: #f5b30a; }

#organization > li::before { content:''; width: 1px; height: 25px; background: #cacedd; position: absolute; left: 50%; top: -25px; }
#organization > li > div::before { content:''; width: 1px; height: 25px; background: #cacedd; position: absolute; left: 50%; top: -25px; }
#organization > li.depth2::after { content: ''; width: 460px; height: 1px; background: #cacedd;
                                            position: absolute; left: 50%; top: 0; transform: translateX(-50%);}

#organization > li.depth3 > div::after { content:''; width: 1px; height: 45px; background: #cacedd; display: block; margin: 0 auto; }
#organization > li.depth3 ul { position: relative; margin-top: 20px; }
#organization > li.depth3 ul::before { content: ''; width: 770px; height: 1px; background: #cacedd;
                                            position: absolute; left: 50%; top: 0; transform: translateX(-50%);}

#organization > li.depth3 ul li { display: inline-block; margin: 0 10px; }
#organization > li.depth3 ul li div { position: relative; border: 1px solid #cacedd; background: #f7f9fa;
                      width: 50px; height: 140px; writing-mode : vertical-rl; -webkit-writing-mode: tb-lr; -ms-writing-mode: tb-lr; }
#organization > li.depth3 ul li p { font-size: 1rem; position: absolute; left: 50%; top: 42px; transform: translateX(-50%); }
#organization > li.depth3 ul li::before { content:''; width: 1px; height: 25px; background: #cacedd; display: block; margin: 0 auto; }


@media all and (max-width:1280px) {
  #organization > li.depth3 ul::before { width: calc((100% - 20px) - ((100%/12) - 20px)); }
  #organization > li.depth3 ul li { width: calc((100%/12) - 20px); }
  #organization > li.depth3 ul li div { width: 100%; }
}

@media all and (max-width:976px) {
  #organization > li.depth3 ul::before { width: calc((100% - 10px) - ((100%/12) - 10px)); }
  #organization > li.depth3 ul li { width: calc((100%/12) - 10px); margin: 0 5px; }
  #organization > li.depth3 ul li div { height: 120px; }
  #organization > li.depth3 ul li p { top: 32px; }
}

@media all and (max-width:767px) {
  #organization > li > div { width: 25%; height: 40px; line-height: 40px; font-size: 1rem; margin: 20px 15px; }
  #organization > li.depth2::after { width: calc(50% + 60px);  }
  #organization > li.depth3 ul li p { font-size: 0.9rem; }

  #organization > li::before,
  #organization > li > div::before { height: 20px; top: -20px; }
  #organization > li.depth3 > div::after { height: 30px; }
  #organization > li.depth3 ul { margin-top: 10px; }

  }

@media all and (max-width:480px) {
  #organization > li > div { width: calc((100% / 3) - 10px); margin: 20px 5px; font-size: 0.9rem; }
  #organization > li.depth2::after { width: calc(100% - 10px - ((100% / 3) - 10px) );  }

  #organization > li.depth3 ul { border: 1px solid #cacedd;  padding: 3%; }
  #organization > li.depth3 ul::before { display: none; }
  #organization > li.depth3 ul li::before { display: none; }
  #organization > li.depth3 ul li { width: calc((100% / 3) - 10px); margin: 5px;  }
  #organization > li.depth3 ul li div { width: 100%; height: 30px; line-height: 30px; writing-mode: inherit; -webkit-writing-mode: inherit; -ms-writing-mode: inherit;}
  #organization > li.depth3 ul li p { position: relative; left: inherit; top: inherit; transform: none; font-size: 0.85rem; }
}

.tb-scroll { overflow-x: auto; }
.tb-style1 { position: relative; width: 100%; border-top: 2px solid #0096a3; }
.tb-style1 thead th { background: #f5fbf9; font-weight: 600; color:#0096a3; padding: 0.9em; }
.tb-style1 th,
.tb-style1 td { border-bottom: 1px solid #e0e1e3; border-left: 1px solid #e0e1e3; }
.tb-style1 th:first-child,
.tb-style1 td:first-child { border-left: 0; }
.tb-style1 td  { padding: 0.5em; }


.tb-style2 { position: relative; width: 100%; border-top: 2px solid #0096a3; }
.tb-style2 th { background: #f5fbf9; font-weight: 600; color:#0096a3; padding: 0.9em; border-bottom: 1px solid #e0e1e3; }
.tb-style2 td { padding: 0.9em 1em; border-bottom: 1px solid #e0e1e3; border-left: 1px solid #e0e1e3; }

.tb-write tr th { width: 20%; }
.tb-write p { line-height: 1.25em; font-size: 0.9em; margin-top: 3px; }
.wr_input { border: 1px solid #e0e1e3; width: 100%; height: 30px; line-height: 30px; }
.wr_select { border: 1px solid #e0e1e3; height: 30px; line-height: 30px;  font-size: 0.9em; padding: 0 5px;   }
.wr_input.wid70 { width: 70%; }
.wr_input.wid40 { width: 40%; }
.wr_select.wid40 { width: 40%; }
.wr_txt { border: 1px solid #e0e1e3; width: 100%; margin: 0; }
.wr_btn { border-radius: 3px; padding: 0 1em; line-height: 30px; height: 30px;
              background: #437dea; color:#fff; border:0; }

@media all and (max-width:767px) {
  .wr_input.wid70 { width: calc(100% - 50px); }
  .wr_btn { padding: 0; width: 45px; text-align: center; }
}

@media all and (max-width:640px) {
  .tb-write tr th { width: 30%; }
  .tb-write .wr_select { width: 100%; }
  .wr_select.mo90 { width: calc(100% - 70px); }
  .wr_select.wid10 { width: 45px; }

  .tb-style2.mob tr th { clear: both; float: left; line-height: 30px; padding:10px; }
  .tb-style2.mob tr td { float: left; width: 70%; line-height: 30px; padding: 10px; border-left:0; }

  .tb-style2.mob tr.row2 th { line-height: 60px; }
  .tb-style2.mob tr.row2 th + td { height: 82px; }
  .tb-style2.mob tr.row5 th { line-height: 100px; }
  .tb-style2.mob tr.row5 th + td { height: 122px; }

  .tb-style2.mob tr.row5 .wr_txt { height: 89px; }

}

@media all and (max-width:320px) {
  .tb-style2.mob { border-left: 1px solid #e0e1e3; border-right: 1px solid #e0e1e3; }
  .tb-style2.mob tr th { display: block; width: 100%; padding: 0.7em; line-height: 1.2em !important; height: auto !important;   }
  .tb-style2.mob tr td { display: block; width: 100%; height: auto !important;  }
}


.stepList { width: 100%; overflow: hidden; text-align: center; }
.stepList li { position: relative; counter-increment: number; float: left; border: 1px solid #d6e1db;
                width: calc(20% - 16px); margin-right: 20px;  padding: 1em; }
.stepList li:nth-child(5n) { margin-right: 0; }
.stepList li:before { content: counter(number, decimal-leading-zero); font-size: 0.75em;
                            color:#fff; background: #48c380; width: 24px; height: 24px; line-height: 24px;
                          position: absolute; left:-1px; top:-1px; }
.stepList li::after { content:'→'; position: absolute; right: -20px; width: 20px; font-weight: 900; color:#bfcbc4; }
.stepList li:last-child::after { display: none; }
.stepList li p { display: inline-block; vertical-align: middle; color:#212121; }

@media all and (max-width:767px) {
  .stepList li { width: calc(33.33% - 13.33px); margin-bottom: 20px;  padding: 0.8em; }
  .stepList li:nth-child(5n) { margin-right: 20px; }
  .stepList li:nth-child(3n) { margin-right: 0; }
}

@media all and (max-width:480px) {
  .stepList li { width: calc(50% - 10px); margin-right: 20px !important;  }
  .stepList li:nth-child(even) { margin-right: 0 !important; }
}


#exeHistory li:first-child { margin-top:0; }
#exeHistory li { margin-top: 20px; border: 1px solid #48c380; border-radius: 6px; overflow: hidden; }
#exeHistory li .tit { background: #48c380; color:#fff; padding: 1.2em 4%; }
#exeHistory li .tit h4 { font-family: 'DWImpactamin'; display: inline-block; font-size: 1.56em; font-weight: normal;  }
#exeHistory li .tit p { display: inline-block; font-size: 1.06em; letter-spacing: 0; }
#exeHistory li .tit p::before { content:''; width: 1px; height: 13px; background: #fff;
            display: inline-block; vertical-align: middle; margin: 0 0.6em 0 1em; opacity: 0.5; }
#exeHistory li .txt { padding: 1.2em 4%; }


#sMap .root_daum_roughmap .wrap_map  { height: 450px !important; }
.wrap_controllers  { display: none; }
.map_border {  display: none; }

#sMap_info {  }
#sMap_info .add { background: #01757f; color:#fff; padding: 2em 1.5em;  }
#sMap_info .add p { display: inline-block; font-size: 1.06em; display: inline-block; vertical-align: middle; }
#sMap_info .add p.tel::before { content:''; width: 1px; height: 12px; margin: 0 1em; background: rgba(255,255,255,0.4);
                                              display: inline-block; vertical-align: middle; }
#sMap_info .trans { position: relative; width: 100%; border: 1px solid #01757f; overflow: hidden; }
#sMap_info .trans::before { content:''; width: 1px; height: 55%; background: #e0e1e3; position: absolute; left: 50%; top: 50%; transform:translateY(-50%); margin-left: -0.5px; }
#sMap_info .trans div { display: table; table-layout: fixed; width: 50%; float: left; padding: 2em 2.5em;  }
#sMap_info .trans div i,
#sMap_info .trans div dl { display: table-cell; vertical-align: middle; }
#sMap_info .trans div i { width: 80px; }
#sMap_info .trans div i img { max-width: 100%; }
#sMap_info .trans div dl { padding-left: 1.5em; }
#sMap_info .trans div dl dt { color:#0096a3; font-size: 1.31em; font-weight: 700; margin-bottom: 0.3em; }


@media all and (max-width:767px) {
  #sMap .root_daum_roughmap .wrap_map  { height: 50vw !important; }
  #sMap_info .add { text-align: center; }
  #sMap_info .trans div { padding: 3%; }
  #sMap_info .trans div i { width: 70px; }
}

@media all and (max-width:640px) {
  #sMap .root_daum_roughmap .wrap_map  { height: 60vw !important; }
  #sMap_info .trans div { width: 100%; }
  #sMap_info .trans::before { width: 94%; height: 1px; left: 3%; margin-left:0; margin-top: -0.5px; transform: none; }
}

@media all and (max-width:480px) {
  #sMap_info .add { text-align: left; padding: 1.5em; }
  #sMap_info .add p.tel::before { display: none; }
}


.bannerList { overflow: hidden; text-align: center; border-left: 1px solid #e3ece7; border-top: 1px solid #e3ece7;}
.bannerList li { float: left; width: calc(100% / 4); border: 1px solid #e3ece7; border-left: 0; border-top:0;  }
.bannerList li img { max-width: 100%; padding: 2.5rem 0; }
.bannerList li p { background: #f7f9fa; padding: 0.7em 0; color:#212121; }


@media all and (max-width:976px) {
  .bannerList li { width: calc(100% / 3); }
}

@media all and (max-width:480px) {
  .bannerList li { width: calc(100% / 2); }
  .bannerList li img { padding: 2rem 0; }
}


.adbannerList { overflow: hidden; text-align: center; border-left: 1px solid #e3ece7; border-top: 1px solid #e3ece7; display: flex; flex-wrap: wrap; align-items: self-end;}
.adbannerList li { float: left; width: calc(100% / 4); border: 1px solid #e3ece7; border-left: 0; border-top:0; margin: 0 !important; }
.adbannerList li img { max-width: 100%; padding: 1.0rem 0; }
.adbannerList li p { background: #f7f9fa; padding: 0.7em 0; color:#212121; }


@media all and (max-width:976px) {
  .adbannerList li { width: calc(100% / 3); }
}

@media all and (max-width:480px) {
  .adbannerList li { width: calc(100% / 2); }
  .adbannerList li img { padding: 2rem 0; }
}


.clubList { overflow: hidden; text-align: center; }
.clubList li { float: left; width: calc(25% - 7.5px); border: 1px solid #d6e1db; margin: 0 0 10px 10px; box-sizing: border-box; }
.clubList li:nth-child(4n+1) { margin-left:0; }
.clubList li .in { padding: 2em; }
.clubList li .in img { max-width: 100%; }
.clubList li .in p { margin: 0.2em 0 1.2em 0; color:#212121; font-weight: 600; line-height: 1.25em; }
.clubList li .in a { display: block; width: 100%; line-height: 2.3em; border: 1px solid #d6e1db;  }
.clubList li .in a:hover { color:#fff; background: #437dea; border-color:#437dea;}
.clubList li h4 { font-family: 'DWImpactamin'; color:#37c477; font-weight: normal; font-size: 1.4em;
                      background: #f5fbf9; padding: 0.7em 0; }

@media all and (max-width:1380px) {
  .clubList li .in { padding: 2em 1.2em; }
}

@media all and (max-width:1280px) {
  .clubList li { width: calc(33.33% - 6.66px); }
  .clubList li:nth-child(4n+1) { margin-left:10px; }
  .clubList li:nth-child(3n+1) { margin-left:0; }
  .clubList li .in { padding: 2.5em 1.5em; }
}

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

@media all and (max-width:400px) {
  .clubList li .in { padding: 2em 1em; }
}


.memWrap { border: 10px solid #f0f9f4; padding: 5%; }
.memWrap p { margin-top: 2em; line-height: 1.8em; font-family: 'Noto Sans KR', 'Noto Sans Korean'; }
.memWrap p:first-child { margin-top: 0; }
.memWrap h4 { color:#212121; margin: 2em 0 0.5em; font-size: 1.35em;}
.memWrap h5 { color:#212121; margin: 2em 0 0.5em; font-size: 1.2em;}
.memWrap h5 + p { margin-top: 1em; }

@media all and (max-width:767px) {
  .memWrap { padding: 7% 5%; }
}




#memSearch { position: relative; width: 100%; border: 10px solid #f1f6fa; display: table; table-layout: fixed; padding: 6% 10%; }
#memSearch > div { display: table-cell; vertical-align: middle; }
#memSearch .ico { width: 28%; }
#memSearch .ico img { max-width: 85%; }
#memSearch .cont h3 {  font-family: 'DWImpactamin'; color:#212121; font-weight: normal; font-size: 1.5em; margin-bottom: 0.3em;  }
#memSearch .cont .memSchForm { position: relative; width: 100%; max-width: 450px;  border: 2px solid #437dea; height: 45px; line-height: 45px; margin-top: 1em; overflow: hidden; }
#memSearch .cont .memSchForm input { width: calc(100% - 60px);  border:0; padding: 0 1em; height: 41px; line-height: 41px; float: left; font-size: 0.9em;  }
#memSearch .cont .memSchForm input.sch_str::placeholder { color:#989898;  }
#memSearch .cont .memSchForm button { position: absolute; right:-2px; top:-2px; width: 60px; height: 45px; font-size:0;
                   background: #437dea url("/images/common/ico_search.png") no-repeat center; border:0; }


@media all and (max-width:767px) {
  #memSearch { padding: 6%; }
}

@media all and (max-width:500px) {
  #memSearch { display: block; text-align: center; }
  #memSearch > div { display: block; }
  #memSearch .ico { width: 100%; margin-bottom: 2em; }
  #memSearch .ico img { width: 120px;  max-width: 40%; }
  #memSearch .cont .memSchForm { height: 40px; line-height: 40px; }
  #memSearch .cont .memSchForm input { height: 36px; line-height: 36px; }
  #memSearch .cont .memSchForm button { height: 40px; }
}


#memb2_w{max-width: 760px; margin: 0 auto;}
#memb2_w h2{margin-bottom: 14px; padding-bottom: 4px; text-align: center; font-family: 'DWImpactamin'; color: #000; font-size: 2em; font-weight: normal; line-height: 1.4em;}
#memb2_w .input_list{padding-top: 1px; display: flex; flex-wrap: wrap; }
#memb2_w .input_list li{margin-top: -1px; display: flex; border:1px solid #ddd;}
#memb2_w .input_list.w3 li{ width: 33.3333%;}
#memb2_w .input_list li label{width: 40%;padding:0.5em 1em; border-right: 1px solid #ddd; background-color: #f5f5f5;}
#memb2_w .input_list li select{width: 60%;padding:0.5em 1em; border:none; }
#memb2_w .input_list li input[type="text"]{border:none;padding:0.5em 1em; width: 60%;}
#memb2_w .input_list.w100 li{width: 100%;}
#memb2_w .t1{font-size: 1.2em; line-height: 1.6em;}
#memb2_w .input_list li label.bg1{background-color: #979797;}
#memb2_w .btns input[type="submit"]{width: 140px; line-height: 45px; background-color: #333; color: #fff;}
.memb2_w .btns button{width: 140px; line-height: 45px; background-color: #333; color: #fff; font-size: 16px;}
@media all and (max-width:767px){
    #memb2_w .input_list li{flex-direction: column;}
    #memb2_w .input_list li label{width: 100%;}
    #memb2_w .input_list li input[type="text"]{width: 100%;}
    #memb2_w .input_list li select{width: 100%;}
    #memb2_w .btns input[type="submit"]{width: 120px; line-height: 30px;}
    .memb2_w .btns button{width: 120px; line-height: 30px; font-size: 16px;}
}



#memb2_v{padding: 2em; }
#memb2_v .bx1{background-color: #f9f9f9;}
#memb2_v h2{padding-top: 1em; text-align: center; font-family: 'DWImpactamin'; color: #000; font-size: 2.5em; font-weight: normal; line-height: 1.4em;}
#memb2_v .img{margin-top: 20px;}
#memb2_v .img img{width: 100%; max-width: 370px; border-radius: 10px;}
#memb2_v .result{padding: 5% 0; font-size: 1.45em; line-height: 1.6;}
#memb2_v .result span{font-weight: 600; color: #222;}
#memb2_v .info{ margin: 10px auto 0; gap: 10px 0; display: flex; flex-wrap: wrap;  padding: 1em;}
#memb2_v .info dt{width: 140px ;}
#memb2_v .info dt span{opacity: 0.9;}
#memb2_v .info dd{width: calc(100% - 140px); font-weight: 500;}
#memb2_v .t1{margin-top: 40px;  font-size: 1.2em; color: #222; font-weight: 700; width: 100%;}
#memb2_v .t1 span{vertical-align: middle; display: inline-block; margin-bottom:4px; margin-right: 3px;}
#memb2_v .t1:first-child{margin-top: 0;}
#memb2_v .date{}
#memb2_v .bank{width: 100%;}
#memb2_v .t2{font-size: 0.9em; opacity: 0.7;}
@media all and (max-width:767px){
#memb2_v{padding: 0; }
#memb2_v .bx1{padding: 1em;}
#memb2_v .info{padding: 0;}
#memb2_v .info dt{width: 90px;}
    #memb2_v .info dd{width: calc(100% - 90px);}
}


#memb2_v2{border-radius: 20px; overflow: hidden; background: url('/images/sub/memb2_wd.jpg')no-repeat top center; background-size:100% auto; }
#memb2_v2 .top{margin-top: 240px; color: #392017; line-height: 3em; letter-spacing: -0.065;}
#memb2_v2 .top .t1{font-size: 47px;}
#memb2_v2 .top .t2{font-size: 60px;}
#memb2_v2 .top2{margin: 2em 0 0; font-size: 19px; line-height: 1.5em;}
#memb2_v2 .rib{margin: 40px 0;}
#memb2_v2 .rib img{max-width: 90%;}
#memb2_v2 .mid{margin: 40px 0;}
#memb2_v2 .mid p {font-size: 22px; font-weight: 700; color: #222; line-height: 1.4em;}
#memb2_v2 .info2 {margin-top: 20px;}
#memb2_v2 .info2 .t1{font-size: 14px; opacity: 0.6;}
@media all and (max-width:976px){
    #memb2_v2 .top{margin-top: 20vw;}
    #memb2_v2 .top .t1{font-size: 30px;}
    #memb2_v2 .top .t2{font-size: 45px;}
}
@media all and (max-width:480px){
    #memb2_v2 .top{line-height: 2em;}
}

.prev_bo_btn{display: flex; gap: 3px; justify-content: center; align-items: center; padding: 0.3em 0.8em; font-size: 17px; background-color: #3db7ad; color: #fff;}
.prev_bo_btn span{margin-bottom: 2px;}
.prev_bo_btn span.material-symbols-outlined {
  font-variation-settings:
  'FILL' 1,
  'wght' 400,
  'GRAD' 0,
  'opsz' 24
}
@media all and (max-width:480px){
    .prev_bo_btn{font-size: 14px;}
}