@charset "utf-8";


/* 레이아웃 공통 */
html, body{position:relative; width:100%;}
body{color:#000;font-size:16px; line-height:1.6;font-family:'Pretendard',"Apple SD Gothic Neo","Noto Sans", "Noto Sans KR","Malgun Gothic","맑은 고딕",sans-serif;word-break:break-all;letter-spacing:-0.7px;max-width:1920px;margin:0 auto;}
main{display:block;}
.confirmIframe body{overflow:hidden;}
#progressScroll{display:none;}
#wrapper{overflow:hidden;}

/* 본문바로가기 */
.skipnav{position:absolute;z-index:2999;top:-100px;width:100%;padding:0;list-style:none;font-size:14px;}
.skipnav li{position:relative;top:0;left:0;width:100%}
.skipnav li a{display:block;position:absolute;top:0;width:100%;padding:15px 0;background:#000;color:#fff;text-align:center;text-decoration:none}
.skipnav li a:focus,.skipnav li a:active{top:100px}

/* slick 플러그인 */
.slick-slider .slick-list{display:block; overflow-x:hidden; overflow-y:hidden; position:relative}
.slick-slider .slick-list.dragging{cursor:pointer}
.slick-slider .slick-list .slick-track{display:block; position:relative; top:0; left:0}
.slick-slider .slick-list .slick-track:before, .slick-slider .slick-list .slick-track:after{display:table; content:''}
.slick-slider .slick-list .slick-track:after{clear:both}
.slick-slider .slick-list.slick-loading .slick-track{visibility:hidden}
.slick-slider .slick-list .slick-track .slick-slide{display:none; float:left}
.slick-slider[dir='rtl'] .slick-list .slick-track .slick-slide{float:right}
.slick-slider .slick-list .slick-track .slick-slide img{display:block;width:100%;}
.slick-slider .slick-list .slick-track .slick-slide.slick-loading img{display:none}
.slick-slider.slick-initialized .slick-list .slick-track .slick-slide{display:block}
.slick-slider .slick-list .slick-track.slick-loading .slick-slide{visibility:hidden}
.slick-slider .slick-arrow.slick-hidden{display:none}
.slick-dots{display:flex;justify-content:center;align-items:center;}
.slick-dots li a{display:block;width:70px;height:70px;}
.slick-dots img{display:block;width:100%;height:100%;object-fit:cover;}


/* 공통 */
main{background:#fff;padding-top: 134px; width:100%; height: 100%;}
.inner{max-width:1440px;position:relative;margin:0 auto;padding:0 20px;}


@media (max-width:1180px) {
  .pc_mode{display:none;}     
 } 

@media (max-width:716px) {
  .inner{padding:0 15px;}
}

#header{position:fixed;z-index:2000;top:0;left:0px;right:0px;transition:top .3s; background: #fff;}
#header.active{background:#fff;}
/* #header.fixed{top:-70px;}
 */#header h1{position:absolute;top:15px;left:20px;z-index:49; }
#header h1 a{display:block; display: flex; align-items: center;}
#header h1 a span{font-family: 'ONE-Mobile-Title'; font-size: 24px; padding-left: 20px;}
#header h1 img{display:block; width: 92px;}

#header .inner{display:flex;}
#header .nav-bx{width:calc(100% - 500px); position: relative;}
#header .family-bx{height:70px;display:flex;align-items:center;justify-content:flex-end;}
#header .family-bx > a{height:26px;padding:0 6px;font-size:14px;color:#8d8d8d;display:flex;align-items:center;}
#header .family-bx .view-wrap{margin-left:20px;position:relative;}
#header .family-bx button{display:flex;height:26px;padding:0 17px;border-radius:13px;background:#edf0f2;font-size:14px;color:#777;align-items:center;}
#header .family-bx button img{width:10px;margin-left:8px;transition:all .2s;filter:brightness(.3);}
#header .family-bx button.active img{transform:rotate(180deg);}
#header .family-bx .view-bx{position:absolute;top:28px;left:0;width:205px;padding:12px 17px;background:#edf0f2;border:1px solid #dfe4e7;border-radius:15px;box-shadow:2px 2px 3px 0px rgba(0,0,0,.07);z-index:5;}
#header .family-bx .view-bx a{display:block;line-height:24px;height:24px;color:#4e4e4e;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

#header .nav-wrap{display:flex;align-items:center;justify-content:space-between; margin-left:-260px; padding-left:260px; background:#0ba13a;  position: relative;}
#header .nav-wrap::after{content: ''; width: 100%;}
#header .depth-01{display:flex;}
#header .depth-01 > li{position: relative;}
#header .tlv-02 a{position: relative; height:64px; color:#fff; display:flex; position:relative; align-items:center; padding:0 30px;font-size:20px;font-weight:600;}
#header .tlv-02 a::before{content: ''; width: 10px; height: 10px; background: #ff7417; position: absolute; left: 50%; bottom: -5px; transform: translate(-50%); border-radius: 50%; opacity: 0; z-index: 1;}
#header .depth-01 > li:hover .tlv-02 a::before{opacity: 1; transition: all .4s;}
#header .depth-01 li:last-child .depth-02 a[target=_blank]:after{display: none;}
#header .tlv-02 a span{display:inline-block;position:relative;line-height:1.2;word-break:keep-all;text-align:center;}
#header .tlv-02.active a span:before{opacity:1;top:0;filter:brightness(200) hue-rotate(-75deg)}
#header .nav-wrap .sitemap{display:block;width:25px;}
#header .nav-wrap .sitemap img{display:block;width:100%;}
#header .nav-wrap .sitemap span{display:none;}

#header .depth-02{display:none; position:absolute; top:63px; width:100%; left:20px; padding:20px 0 25px; text-align:center;}
#header .depth-02::after{content: ''; width: 1px; height: 132px; position: absolute; background: #dee7e5; top: 23px; right: 0;}
#header .depth-01 > li:last-child .depth-02::after{display: none;}

#header .bg_pc{position:absolute; top:133px; background: #fff; left:50%; width:800px; margin-left: -445px; border-radius: 0 0 12px 12px; z-index:-2; height:0; transition:all .35s ease-out; overflow:hidden; box-shadow:0px 5px 10px -2px rgba(0,0,0,.15);}
#header .depth-02 > li{padding-right:14px;animation:gnb1 .35s .1s 1 both ease-out;}
#header .depth-02 > li:nth-child(2){animation-delay:.15s;}
#header .depth-02 > li:nth-child(3){animation-delay:.2s;}
#header .depth-02 > li:nth-child(4){animation-delay:.25s;}
#header .depth-02 > li:nth-child(5){animation-delay:.3s;}
#header .depth-02 > li:nth-child(6){animation-delay:.35s;}
#header .depth-02 > li:nth-child(7){animation-delay:.4s;}
#header .depth-02 > li:nth-child(8){animation-delay:.45s;}
#header .depth-02 > li:nth-child(9){animation-delay:.5s;}
#header .depth-02 > li:nth-child(10){animation-delay:.55s;}
#header .depth-02 > li:nth-child(11){animation-delay:.6s;}
#header .depth-02 > li:nth-child(12){animation-delay:.65s;}
#header .depth-02 > li:nth-child(13){animation-delay:.7s;}
#header .depth-02 > li:nth-child(14){animation-delay:.75s;}
#header .depth-02 > li:nth-child(15){animation-delay:.8s;}


#header .tlv-03 a{color:#303030; padding:5px 10px; line-height:1.3; width:100%; text-align:left; display:block; word-break:keep-all; font-size: 17px; font-weight: 500;}
#header .tlv-04 a{color:#454545;font-size:15px;display:block;padding:4px 0;line-height:1.4;word-break:keep-all;text-align:left;font-weight:300;}
#header .tlv-03 a:hover, 
#header .tlv-04 a:hover{color:#0ba13a; background: #f1f3f2;}
#header .tlv-03 a span{font-size: 17px;}
#header .tlv-03 a strong{display:flex;align-items:center;justify-content:center;flex-direction:column;}
#header .tlv-03 a strong span{display:block;width:88px;height:88px;border:1px solid #ddd;border-radius:50%;margin-bottom:10px;display:flex;align-items:center;justify-content:center;}
#header .tlv-03 a strong span img{width:48px;}

#header .site-bx{width:758px; position:relative; margin-right:-260px;}
#header .site-wrap{height:64px;display:flex;align-items:center; background:#0ba13a; border-top-left-radius: 60px; justify-content:flex-start; padding-left: 53px; margin-left: 272px;}
#header .site-wrap .sitemap img{width: 25px; display: block;}
#header .site-wrap .sitemap span{display: none;}


#header .gnb-bg{margin-top: 70px; margin-right: -98px; position: absolute; right: -378px; top: 0px; width: 500px; z-index: -1;}

#header .mobile-menu{margin-left:15px;display:none;}
#header .mobile-menu img{width:25px;}
#header .mobile-close{display:none;}
#header a[target=_blank]:after{content:'';margin-left:2px;display:inline-block;width:12px;height:12px;background:url(/page/common/images/sp_dq.png) no-repeat -54px -94px /520px 1500px;}
.view-bx{display:none;}
/* 
#header.active + main{filter:brightness(.6);} */


#header .depth-04{padding: 3px 0 3px 0px;display:none !important;}
#header .tlv-05 a{display:flex;align-items:center;word-break:keep-all;padding: 3px 0px 3px 8px;font-size: 12px;color: #8d8d8d;font-weight:300;}
#header .tlv-05 a:before{content:'·';margin-right:5px;font-weight:300;}
#header .lang-wrap{height:70px; display:flex; align-items:center; justify-content:flex-end; background:#fff; padding-right:210px; z-index:30; position:relative;}


@media (max-width:1400px) and (min-width:1181px){
  #header .nav-wrap{margin-left:-30px;padding-left:20px;padding-right:30px; height: 64px;}
  #header .tlv-02 a{height:60px;color:#fff;display:flex;position:relative;align-items:center;padding:0 25px;font-size:17px;font-weight:400;}
}

@media (max-width:1180px) {
  #header .inner{height:62px;}
  #header.fixed{top:-62px;}
  #header .site-wrap{display: none;}
  #header:after{content:'';position:absolute;left:0;right:0;bottom:0;height:2px;background:linear-gradient(to right, #0ba13a 0%, #1d3a8f 100%);}
  #header h1{top:13px;left:15px;}
  #header h1 img{width: 78px;}
  #header h1 a span{font-size: 22px; padding-left: 10px;}
  #header .bg_pc{display:none !important;}
  #header .nav-bx{width:340px;position:fixed;transition:all .35s;right:-340px;top:0px;height: calc(var(--vh) - 10px);background:linear-gradient(to bottom, #0ba13a 0%, #1d3a8f 100%);padding-top:25px;z-index:50;border-bottom-left-radius: 40px;padding:0px 0 4px 4px;}
  #header .nav-bx.active{right:0;}
  #header .family-bx{height:auto;justify-content:center;padding: 50px 10px 15px;flex-wrap:wrap;background: #fff;}
  #header .family-bx > a{padding: 0 10px;font-size: 13px;}
  #header .family-bx .view-wrap{margin:10px 0 0;width:100%;padding: 0 10px;}
  #header .family-bx button{width:100%;justify-content:space-between;font-size: 13px;}
  #header .family-bx .view-bx{width: auto;left: 10px;right: 10px;}
  #header .family-bx .view-bx a{font-size:13px;}
  #header .nav-wrap{display:block;margin-left:0;padding-left:0;background: #fff;border-radius:0px;padding-right:0px;position:relative;height: calc(var(--vh) - 140px);border-bottom-left-radius: 35px;}
  #header .depth-01{display:block;border-top:1px solid #ccc;height: calc(var(--vh) - 185px);overflow-y:auto;}
  #header .depth-01 > li{width:100%;border-bottom:1px solid #ccc;}
  #header .tlv-02 a{height:50px;color:#000;justify-content:space-between;padding:0 20px;font-size:18px;font-weight:500;}
  #header .tlv-02 a:after{content:'';display:block;width:10px;height:6px;background:url(/page/sokchooffice/postpartum/images/common/lnb-ico-menudown.png) no-repeat center center /cover;transition:all .2s;}
  #header .tlv-02 a::before{display: none;}
  #header .tlv-02.active a:after{transform:rotate(180deg);}

  #header .depth-02{display:none;position:relative;top:auto;left:auto;padding:10px 0 10px 30px;border-top:1px solid #ccc;}
  #header .depth-02 > li{width:100% !important;margin-top:0px;animation:none !important;}
  #header .depth-03{padding:0 0 6px 5px;}
  #header .depth-02 > li{width:100% !important;margin-top:0px;animation:none !important;}
  #header li:last-child .depth-02{overflow:hidden;}

  #header .tlv-03 a{font-size:14px;padding-top:9px;}
  #header .tlv-04 a{font-size: 12.5px;display:flex;align-items:center;font-weight:300;}
  #header .tlv-04 a:before{content:'-';margin-right:5px;}
  #header .tlv-03.active a span,
  #header .tlv-05.active a span,
  #header .tlv-04.active a span{color:#0666d3;text-decoration:underline;}
  #header .nav-wrap .sitemap{display: flex;width:100%;background: linear-gradient(to left, #0ba13a 0%, #1d3a8f 100%);align-items: center;justify-content: center;height: 45px;border-bottom-left-radius: 30px;}
  #header .nav-wrap .sitemap img{display:none;}
  #header .nav-wrap .sitemap span{display:flex;justify-content:center;font-size:14px;font-weight:500;height: 100%;color: #fff;align-items: center;}
  #header .mobile-close{position:absolute;top:10px;right:10px;padding:5px;display:block;}
  #header .mobile-close img{display:block;width:15px;height:15px;}
  #header .site-bx{width:100%;position:relative;margin-right:0px;background:transparent;border-radius:0px;padding-left:0px;display:flex;justify-content:flex-end;}

  #header .search-bx{margin-left:15px;display:flex;align-items:center;}
  #header .search-bx button{filter:invert(1);}
  #header .mobile-menu{filter:invert(1);display: flex;transition:all .2s;align-items: center;height: 62px;}
  #header .mobile-menu img{display:block;}

  #header.active + main{filter:brightness(.3);}
  main{transition:filter .25s;padding-top: 62px;}
  #header.fixed .mobile-menu{margin-top: 63px;filter:invert(0);}
  #header.fixed .mobile-menu img{filter:drop-shadow(1px 1px 1px rgba(0,0,0,1));}

  #header a[target=_blank]:after{margin-left:7px;}

  #header .tlv-03 a strong{display:flex;align-items:center;justify-content:flex-start;flex-direction:row;margin:-5px 0;}
  #header .tlv-03 a strong span{width:40px;height:40px;margin:0 15px 0 0;}
  #header .tlv-03 a strong span img{width:22px;}

  #header .tlv-03.acitve a, 
  #header .tlv-04.active a{color:#0666d3;}

  #header .depth-04{display:block !important;}
  #header .lang-wrap{height:62px;background:transparent;padding-right:0px;border-bottom-left-radius: 0px;}
  #header .lang-bx{margin-right: 0px;transform: scale(.93);transform-origin:0% 50%;}
} 

@media (max-width:760px) {
  #header h1 a span{font-size: 18px;}
  #header h1 img{width: 60px;}
}

@keyframes gnb1{ 
  0%{opacity:0;transform:translateY(-30px);}
  100%{opacity:1;transform:translateY(0);} 
}

@keyframes gnb2{ 
  0%{opacity:0;transform:rotateX(90deg);}
  100%{opacity:1;transform:rotateX(0deg);} 
}


#footer{position:relative; padding:50px 0 60px;z-index:100; background: #626262;}
#footer a[target=_blank]:after{content:'';margin-left:5px;display:inline-block;width:12px;height:12px;background:url(/page/common/images/sp_dq.png) no-repeat -54px -94px /520px 1500px;}
#footer .family-bx{display:flex;}
#footer .family-bx .item{flex:1;position:relative;}
#footer .family-bx .item + .item{margin-left:25px;}
#footer .family-bx .item button{display:flex; align-items:center; justify-content:space-between; width:100%; padding:0 100px 0 24px; color:#000; font-weight: 500; font-size:17px; height:35px; border-radius: 20px; background: #ebebeb url(/page/sokchooffice/postpartum/images/common/ico-arrow.png) no-repeat 85% 50%;}
#footer .family-bx .item button img{width:11px;display:block;transition:all .2s;}
#footer .family-bx .item button.active img{transform:rotate(180deg);}
#footer .family-bx .item .view-bx{position:absolute; bottom:177px; left:0; right:0; background:#fff; border:1px solid #d4d4d4; background:#ebebeb; border-radius: 20px; padding:8px 0;}
#footer .family-bx .item .view-bx a{display:flex;align-items:center;padding:3px 10px 3px 20px;font-size:14px;}

#footer .info-bx{display:flex;justify-content:space-between;}
#footer .short-bx{display:flex;align-items:center;}
#footer .short-bx > a{padding: 0 15px; height:30px; display:flex; align-items:center ;position:relative; color:#fff; font-size: 17px; font-weight: 500;}
#footer .short-bx > a:first-child{padding-left:0;}
#footer .short-bx > a:after{content:'';position:absolute;left:0;height:16px;background:#e5e5e5;width:1px;top:calc(50% - 8px)}
#footer .short-bx > a:first-child:after{display:none;}
#footer .address-bx{margin-top:26px;}
#footer .address-bx address{font-style:normal; color:#d0d0d0; font-size: 17px; font-weight: 400; display: flex; flex-direction: column;}
#footer .address-bx p{margin-top:12px; color:#d0d0d0; font-size: 17px;}
#footer .address-bx strong{font-weight:400;}

#footer .mark-bx{display:flex;padding-top:10px;}
#footer .mark-bx a{margin-left:15px;height:64px;}
#footer .mark-bx a img{display:block;height:100%;}

#footer .short-bx .sns{margin-left:20px;display:flex;align-items:center;}
#footer .short-bx .sns a{width:30px;}
#footer .short-bx .sns a + a{margin-left:7px;}
#footer .short-bx .sns a img{display:block;width:100%;}

@media (max-width:1180px) {
  #footer{padding:15px 0 20px;transition:all .2s;}
  #footer .family-bx{flex-wrap:wrap; justify-content: center; margin-top: 15px;}
  #footer .family-bx .item{flex:initial;position:relative; margin-top:5px;}
  #footer .family-bx .item + .item{margin-left:0px;}
  #footer .family-bx .item:nth-child(2n){margin-left:5px;}
  #footer .family-bx .item button{font-size: 12px; height: 36px; padding: 0 100px 0 20px;}

  #footer .family-bx .item button img{width:9px;}
 
  #footer .family-bx .item .view-bx{bottom:33px;padding:6px 0;}
  #footer .family-bx .item .view-bx a{padding:3px 5px 3px 15px;font-size: 12.3px;}

  #footer .info-bx{margin-top: 15px;display:block}
  #footer .short-bx{flex-wrap:wrap; justify-content: center;}
  #footer .short-bx > a{flex:initial;font-size: 12.3px;width:33%;height:28px;justify-content:center;padding: 0 5px !important;}
  #footer .short-bx > a:nth-child(3n + 1):after{display:none;}
  #footer .short-bx > a:after{height:10px;top:calc(50% - 5px)}
  #footer .address-bx{margin-top: 6px;text-align:center;}
  #footer .address-bx address{font-size: 12.5px;word-break:keep-all;}
  #footer .address-bx address span{display:block;margin-top: 3px;}
  #footer .address-bx p{margin-top:5px;font-size: 12.3px;}

  #footer .mark-bx{padding-top: 17px;justify-content:center;}
  #footer .mark-bx a{height:50px;}

  #footer .short-bx .sns{margin:5px 0 7px;width:100%;justify-content:center;}
  #footer .short-bx .sns a{width:24px;}
  #footer .short-bx .sns a + a{margin-left:10px;}
  #footer .short-bx .sns a img{display:block;width:100%;}

  #header.active ~ #footer{filter:invert(1);background:#fff;}
}

#btn-top{width:60px;height:60px;display:block; transition:all .3s;position:fixed;  top: calc(70% + 210px); right:55px;z-index:200;}
#btn-top img{display:block;width:100%;filter: hue-rotate(145deg);}
#btn-top.active{opacity:1;}
#btn-top:active{transform:scale(.97);}

@media (max-width:1180px) {
 #btn-top{width:34px;height:34px;right:10px !important;bottom:20px !important;top:auto !important;position:fixed;}
 #btn-top img{filter:drop-shadow(0px 0px 2px rgba(0,0,0,.3)) hue-rotate(145deg);}
}