@charset "UTF-8";
html, body {overscroll-behavior-y: none; }
body{background:#f7f7f8;font-family:'Pretendard','Arial',sans-serif; font-size:1rem;line-height:1.5;}
body.scrolloff{overflow:hidden;}
body.scrolloff .animated {animation-fill-mode: initial;z-index: inherit;}
.wrap{display:flex;flex-direction:column;min-height:100vh;-webkit-overflow-scrolling: touch; overflow:hidden;}
.container{flex:1 1 auto;padding-bottom:0px;}
.cont-inner{max-width:1200px;margin:0 auto;padding:0 1.563rem;}
footer{width:100%;}
.footer-top{background:#36425f;}
.footer-bottom{background:#2b344a;}
.footer-inner{display:flex;max-width:1200px;margin:0 auto;}
.foote-bottom-inner{display:flex;align-items: center;max-width:1200px;margin:0 auto;padding:2.25rem 0;color:#fff;}
.foote-bottom-inner>.footer-logo{background: url(/images/home/common/kpanet_logo_white.svg) 0 0 no-repeat;width:65px;height:42px;background-size:contain;text-indent:-9999px;}
.footer-menu{display:flex;align-items: center;}
.footer-menu span{font-size:0;}
.footer-menu span>a{margin-right:30px;font-size:0.875rem;color:#fff;}
.footer-menu>a:last-child{margin-right:0;}
address{margin-left:30px;font-size:0.875rem;color:#c6c6c6;}
address span:nth-of-type(1){margin-left:0;margin-right:0;}
address span:nth-of-type(2){margin-left:15px;}
address span{margin:0 9px;}
address span>em{margin-left:10px;}
address span:nth-of-type(1)>em{margin-left:0px;margin-right:8px;}
address .copyright{margin-top:4px;}

/*layout*/
body#login #topWrap{height:190px;}
body#login header{height:190px;}
body#login .sub_gnb_nav{top:128px;}
#topWrap{position: relative;height: 152px;-webkit-backface-visibility: hidden;backface-visibility: hidden}
header{position: fixed;top: 0;left: 0;width: 100%;height: 152px;background: rgba(255, 255, 255,1);-webkit-backface-visibility: hidden;backface-visibility: unset;z-index: 100;}
header.on{background:rgba(255,255,255,0.85);backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px);}
.logo{position:absolute;/*top:-5px;*/left:50%;transform:translateX(-50%);}
.logo a{display:block;width: 175px;height: 40px;background: /*url(/images/home/common/logo.svg)*/ 0 0 no-repeat;background-size:100%;text-indent:-9999px;}
.util_nav{display:flex;align-items: center;margin-top:29px;}
.utill-left{display:flex;align-items: center;margin-top:-4px;}
.utill-left a{width:19px;height:19px;margin-right:8px;border-radius:100%;background-size:100%;background-repeat: no-repeat;background-position: 50% 50%;text-indent:-99999px;}
.utill-left a.instagram{background-image:url(/images/home/common/icon_ins.svg);}
.utill-left a.facebook{background-image:url(/images/home/common/icon_fb.svg);}
.utill-left a.youtube{background-image:url(/images/home/common/icon_yt.svg);}
.util-right{margin-left:auto;display:flex;align-items: center;}
.util-right>ul{display:flex;}
.util-right>ul>li{position:relative;padding-left:6px;}
.util-right>ul>li>a{letter-spacing:-0.2px;font-weight:600;font-size:0.813rem;}
.util-right>ul>li>a:before{content:'';display:inline-block;vertical-align:-3px;width:15px;height:18px;margin-right:6px;background-size:100%;background-position: 0 0 ;background-repeat: no-repeat;}
.util-right>ul>li>a.login:before{background-image:url(/images/home/common/icon_login.svg);}
.util-right>ul>li>a.logout:before{background-image:url(/images/home/common/icon_logout.svg);}
.util-right>ul>li>a.register:before{content:'';display:inline-block;vertical-align:-3px;width:13px;height:16px;margin-left:10px;margin-right:5px;background:url(/images/home/common/icon_mem.svg) 0 0 no-repeat;background-size:100%;}
.util-right>ul>li>a:nth-of-type(1){padding-right:3px;}
.util-right>ul>li:before{content:'';position:absolute;top:50%;transform:translateY(-50%);right:-8px;width:1px;height:10px;background:#e0e0e0;}
.weather{display:flex;align-items:center;margin-left:12px;font-size:0.75rem;}
.weather div{font-size:11px;}
.weather  div>span{line-height:1;font-size:13px;}
.weather span{display:block;font-weight:600;}
.weather>div{margin-right:10px;margin-top:-2px;}
/*2023-05-11 수정 st*/
.weather img{width:34px;height:34px;}
/*2023-05-11 수정 ed*/
.section1{width:100%;padding-bottom:30px;background:#fff;border-top:1px solid #eaeaea;}
.section-inner{max-width:1260px;margin:0 auto;}
.attent-info{display:flex;flex-direction:column;margin-top:50px;text-align:right;padding: 30px;padding-top:0;overflow:hidden;}
.attent-info h3{display:flex;align-items:center;margin-bottom:25px;font-weight:600;font-size:28px;}
.attent-info-more{flex:0 0 auto;margin-left:auto;font-weight:600;font-size:16px;color:#000;}
.attent-info .swiper{overflow: visible;}
.attent-info-more i{font-weight:600;}
.attent-info-more:after{content:'';display:inline-block;margin-left:8px;width:30px;height:7px;background:url(/images/home/common/arrow_more.svg) 0 0 no-repeat;background-size:100%;}
.attentat-medicine{display:flex;flex-direction: column;min-width: 0;height:100%;text-align:left;}
.attentat-medicine .attentat-medicine-box{position:relative;/*margin-right:45px;*/padding:35px 65px 35px 40px;/*width:calc(100% - 45px);*/min-width: 0;width:100%;height:100%;background:#fff;border:1px solid #efefef;border-radius:5px;box-shadow:12px 13px 30px 0 rgba(0, 0, 0, 0.03);}
.attentat-medicine .attentat-medicine-box:last-child{margin-right:0;}
.attentat-medicine .attentat-medicine-box dl{display: flex;flex-direction: column;max-width:300px;height: 100%;}
.attentat-medicine .attentat-medicine-box dl .date{margin-bottom:5px;font-size:0.938rem;color:#919191;}
.attentat-medicine .attentat-medicine-box  dl .medicine-name{margin-bottom:10px;line-height:32px;font-weight:600;font-size:1.5rem;}
.attentat-medicine .attentat-medicine-box  dl .medicine-name>span{/*display:block;overflow:hidden;text-overflow: ellipsis;white-space:nowrap;*/overflow: hidden;
text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;color:#000;}
.attentat-medicine .attentat-medicine-box  dl .owner-name{margin-top: auto;font-size:1em;color:#5d5d5d;}
.attent-title{position:absolute;top:-15px;left:0;max-width:145px;padding:13px 16px;background:#eb202a;font-size:0.875rem;line-height:1;color:#fff;}
.attent-info-list .swiper-slide{height:auto;}
.attent-info-list .swiper-slide a{display:flex;flex-direction: column;height:100%;}

.section2{width:100%; margin-top:20px;}
.section2.mo{display:none;}
.medicine-banner{position: relative;max-width:1200px;margin:0 auto;}
.medicine-banner .swiper{overflow: visible;}
.medicine-banner a{display:flex;width:100%;height: 100%;}
/* .medicine-banner:after{content:'';position:absolute;width:1px;height:100%;top:0;right:0;background:#eaeaea;} */
.medicine-banner-swiper .swiper-slide {height: 103px;display: flex;}
.medicine-banner .swiper-button-next, .medicine-banner .swiper-button-prev {position: absolute;top: 50%;border: 1px solid #e0e0e0;background:#fff;border-radius: 100%;width: 45px;height: 45px;color: #000;z-index:1;}
.medicine-banner .swiper-button-next, .medicine-banner .swiper-rtl .swiper-button-prev{right:-25px;left:auto;}
.medicine-banner .swiper-button-prev, .medicine-banner .swiper-rtl .swiper-button-next{left:-25px;right:auto;}
.medicine-banner .swiper-button-next:after{width:6px;height:12px;background:url(/images/home/common/arrow_cright.svg) 0 0 no-repeat;background-size:100%;}
.medicine-banner .swiper-button-prev:after{width:6px;height:12px;background:url(/images/home/common/arrow_cleft.svg) 0 0 no-repeat;background-size:100%;}
.medicine-banner .swiper-button-next:after, .medicine-banner .swiper-button-prev:after{text-indent:-9999px;font-size:inherit;font-weight:600;}
.medicine-banner .swiper-button-next.swiper-button-disabled, .medicine-banner .swiper-button-prev.swiper-button-disabled{opacity:.65;}

.medicine-box{display:flex;align-items: center;width:100%; background:#fff;padding:0 36px 0 35px;border-radius:5px}
.text-info{flex-grow:1;}
.text-info span{font-weight:600;font-size:.875rem;color:#8BC7FC;}
.iocn-box{padding:0}
.medicine-box:first-child img{width:40px;}
.medicine-box:second-child img{width:42px;}

/* 안전관리책임자교육 배너 */
.kpaedu-box{background:linear-gradient(135deg, #2d6acc, #5496ff);border-radius:5px;padding:0 28px;position:relative;}
.kpaedu-year{color:#fff;font-size:18px;font-weight:800;margin-bottom:2px;line-height:1.25;display:flex;align-items:center;flex-wrap:wrap;}
.kpaedu-limit{font-style:normal;font-size:11px;font-weight:800;color:#1a1a1a;background:#A8FF6C;border:none;border-radius:20px;padding:4px 12px 2px;margin-left:8px;display:inline-block;}
.kpaedu-title{color:#fff !important;font-size:1.15rem;margin-bottom:2px;line-height:1.2;}
.kpaedu-schedule{color:rgba(255,255,255,0.8);font-size:11px;font-weight:500;letter-spacing:-0.3px;line-height:1.5;}
.kpaedu-schedule span{color:#fff;font-weight:700;font-size:11px;margin-right:2px;}
.kpaedu-badge{position:absolute;right:8px;bottom:8px;padding:6px 16px;border-radius:6px;font-size:13px;font-weight:700;letter-spacing:-0.3px;background:#1B3A5C;color:#fff;white-space:nowrap;}
.kpaedu-badge.closed{background:#DC3545;color:#fff;}
.kpaedu-badge.cert{background:#0F4C3A;color:#fff;}

.bannret-title{letter-spacing:-0.55px;font-weight:600;font-size:1.375rem;color:#000;}
.banner-title-sm{font-size: 21px;}
.bannret-title:after{content:none;}
.banner-frame{max-width:1260px;margin:0 auto;padding:0 10px;}
.login-info-frame{width:100%;margin-top:30px;background:#f1f1f1;border-top:1px solid #e8e8e8;}
.login-info-frame .login-info{max-width:1200px;margin:0 auto;}
.login-info-content{display:flex;align-items: center;}
.org-divide{flex:1;}
.usr-info-cont{margin-left:auto;}
.org-divide{font-size:0px;}
.org-divide a{display:inline-block;padding:10px 12px;border:1px solid #d5d5d5;border-bottom:none;border-top:none;margin-left:-1px;background:#fff;font-weight:500;font-size:12px;color:#484848;}
.usr-info-cont{font-size:0px;display:flex;align-items: center;}
.usr-info-cont .user-text{font-weight:600;font-size:13px;color:#000;}
.usr-info-cont .user-text>em{color:#606060;}
.usr-info-cont .mypage{display:inline-block;margin-left:6px;padding:4px 9px;border-radius:2px;background:#f95318;line-height:11px;font-size:10px;color:#fff;}
.usr-info-cont  .long-titme{display:inline-block;margin-left:6px;padding:4px 9px;border-radius:2px;background:#003b77;line-height:11px;font-size:11px;color:#fff;}
.usr-info-cont .clock{width:14px;margin:0 5px 0 15px;}
.usr-info-cont>i{font-weight:600;font-size:13px;}

/*visual-swiper*/
.cont-visualbg .swiper{height:100%;z-index:0;}
.main-visual-swiper .swiper-slide{background-size:cover;background-position: center;background-repeat: no-repeat;}
.main-visual-swiper .swiper-slide:after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background: rgba(255,255,255,0.25);backdrop-filter: blur(1px);}
.visual-bg0{background-image: url(/images/home/main/main_bg_00.png) ;}
.visual-bg1{background-image: url(/images/home/main/main_bg_01.png) ;}
.visual-bg2{background-image: url(/images/home/main/main_bg_02.png) ;}

/**main swiper*/
#mainswiper .swiper-button-next.hd_btn {border: none;width: 5px;height: 12px;top: 16px;right: 0;background: url(/images/home/main/ic-mv-arrow-right.svg) no-repeat center;background-size:100%;opacity: 0.7;}
#mainswiper .swiper-button-prev.hd_btn {border: none;width: 5px;height: 12px;top: 16px;left: 0;background: url(/images/home/main/ic-mv-arrow-left.svg) no-repeat center; background-size:100%;opacity: 0.7;}
#mainswiper .swiper-button-next:after, #mainswiper .swiper-button-prev:after{display:none;}
#mainswiper .main-swiper-hdn {display: flex;position: absolute;width:210px;left: 50%;transform: translate(-50%);bottom: 25px;z-index: 1;}
#mainswiper .swiper-slide{border-radius:6px;overflow:hidden;}
#mainswiper .swiper-pagination-fraction {font-size:0.9rem;font-weight: 500;color:#fff;}
#mainswiper .swiper-pagination-bar.hd_bar {top: 0;width: 90px;height:3px;border-radius: 10px;left: 50%;transform: translateX(-50%);background: rgb(153, 153, 136,0.2);}
#mainswiper .swiper-pagination-current {position: absolute;top: -10px;left:35px;}
#mainswiper .swiper-pagination-total{position: absolute;top: -10px;right:35px;}
#mainswiper .btn-pause {position: absolute;width: 6px;height: 17px;top: -7px;right: 20px;background: url(/images/home/main/ic-mv-pause.svg) no-repeat center;}
#mainswiper .btn-pause.on {background: url(/images/home/main/ic-mv-play.svg) no-repeat center;}
#mainswiper .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{border-radius:4px;background:rgb(255, 255, 255);}
.main-img-box{position:relative;min-height:220px;}
.main-img-box .mainimgbox{display:flex;align-items:center;position: absolute;width: 100%;height: 100%;top: 0;left: 0;/*background-repeat: no-repeat;background-position: center ;background-size: cover;*/}
.main-img-box .mainimgbox img{width:100%;height:100%;object-fit: cover;}
/* .main-img-box .mainimgbox.banner0{background-image: url(/images/home/main/main-banner_bg_00.png) ;}
.main-img-box .mainimgbox.banner1{background-image: url(/images/home/main/main-banner_bg_01.png) ;}
.main-img-box .mainimgbox.banner2{background-image: url(/images/home/main/main-banner_bg_02.png) ;} */
.main-img-box .banner-text{flex:1;padding-left:74px;letter-spacing: 0.6px;font-size:1rem;color:#fff;}
.main-img-box .banner-text>h4{letter-spacing:-2px;font-weight:900;font-size:2.875rem;}
.main-img-box .banner-text>h4>br{display:none;}
.main-img-box .banner-text>span{display:block;margin-top:5px;}
.main-img-box .mainimgbox.mobile{display:none;}
.cont-bg{background-size:cover;height:100%;background-image: url(/images/home/main/20240315.png);}

/*전체메뉴*/
.nav-all {position: fixed;top: 0;right: -100%;max-width: 600px;width:100%;height: 100%;background-color: #fff;transition:all 500ms ease ;text-align: left;z-index: 4000;}
.nav-all_bg{display: none;position: fixed;top: 0;width: 100%;left: 0;right: 0;min-height: 100%;background: rgba(0,0,0,0.75);z-index: 3500;}
.nav-all.active {right: 0;}
.nav_head {position: relative;/*height: 8.125rem;*/padding:62px 30px 30px 30px;border-bottom: 1px solid #f0f0f0;}
.nav_body {position: relative;height: 100%;overflow-y: auto;height: calc(100vh - 90px);padding-bottom:200px;}
.nav_body::-webkit-scrollbar { -webkit-appearance: none; }
.nav_body::-webkit-scrollbar:vertical { width: 12px;}
.nav_body::-webkit-scrollbar:horizontal { height: 13px;}
.nav_body::-webkit-scrollbar-thumb { background-color: rgba(0,0,0,0.25);border-radius:10px;border:2px solid #fff;}
.nav_body::-webkit-scrollbar-track { border-radius: 10px;background-color:#fff;}
.mobile-top-content{display:none;}
.nav-all .depth-1>.depth-menu {position: relative;border-bottom: 1px solid #f0f0f0;display: block;padding: 13px 30px;text-align: left;font-weight:600;font-size: 1.25rem;color: #000;}
.nav-all .depth-1>.depth-menu:after{content:'';position:absolute;right:30px;top:50%;width:11px;height:7px;transform: translate(0,-50%) rotate(180deg);background:url(/images/home/common/according-arrow.svg) 0 0 no-repeat;background-size:100%;transition:all 0.3s;}
.nav-all .depth-2>.depth-menu {display: block;position:relative;padding:4px 30px;font-size: 0.938rem;color: #2e3a59;}
.nav-all .depth-2>.depth-menu:after{content:'';position:absolute;right:30px;top:50%;width:11px;height:7px;transform: translate(0,-50%) rotate(180deg);background:url(/images/home/common/icon_arrow_gray.svg) 0 0 no-repeat;background-size:100%;transition:all 0.3s;}
.nav-all .depth-2>.no-depth {display: block;position:relative;padding: 8px 32px 4px;font-size: 0.938rem;color: #2e3a59;}
.nav-all .depth-3>.no-depth {display: block;position:relative;padding: 0.2rem 1rem;padding-left: 1.6rem;font-size: 0.875rem;color: #2e3a59;}
.nav-all .depth-4>.no-depth {display: block;position:relative;padding: 0.2rem 1rem;padding-left: 1.6rem;font-size: 0.8rem;color: #2e3a59;}
.nav-list-depth2{padding-top:8px;padding-bottom:8px}
.nav-list-depth2,.nav-list-depth3,.nav-list-depth4{display:none;overflow:hidden;border:none;background:#f8f8f8;}
.nav-list-depth3{display:none;overflow:hidden;padding:8px 0 10px 15px;background:#ebebeb;}
.nav-list-depth3 a{font-size:.875rem;}
.nav-all .depth-1>.depth-menu.active:after{transform:translate(0,-50%) rotate(0deg);}
.nav-all .depth-2>.depth-menu.active:after{transform:translate(0,-50%) rotate(0deg);}
.nav-all .depth-1>.depth-menu.active{font-weight:600;color:#004cf0;}
.nav-all .depth-2>.depth-menu.active{font-weight:600;color:#004cf0;}
.nav-all .depth-1 a:hover{color:#004cf0;}
.nav-all .depth-2 a:hover{color:#004cf0;}
.nav-all .depth-3 a:hover{color:#004cf0;}
/*2023-04-27 추가*/
.nav-all .depth-3>.depth-menu {display: block;position:relative;padding: 8px 30px 5px 25px;;font-size:14px;color: #2e3a59;}
.nav-all .depth-3>.depth-menu:after{content:'';position:absolute;right:30px;top:50%;width:11px;height:7px;transform: translate(0,-50%) rotate(180deg);background:url(/images/home/common/icon_arrow_gray.svg) 0 0 no-repeat;background-size:100%;transition:all 0.3s;}
.nav-all .depth-3>.depth-menu.active:after {transform: translate(0,-50%) rotate(0deg);}
.nav-all .depth-3>.depth-menu.active{color:#004cf0;}
.nav-list-depth4{display:none;overflow:hidden;padding:0px 35px 10px;padding-right:0;background:#ebebeb;}
.nav-list-depth4 a{font-size:13px;}

.mo-utill{display:flex;}
.mobile-sns{display: flex;align-items: center;}
.mo-user{margin-left:auto;}
.mo-user>ul{display:flex;}
.mo-user>ul li + li:before{content:'';display:inline-block;margin-left:9px;margin-right:9px;width:1px;height:10px;background:#ddd;}
.mo-user>ul li>a{font-size:0.938rem;color:#606060;}
.mobile-sns a {display:block;width: 24px;height: 24px;margin-right: 10px;border-radius: 100%;background-size: 100%;background-repeat: no-repeat;background-position: 50% 50%;text-indent: -99999px;}
.mobile-sns a:last-child{margin-right:0;}
.mobile-sns a.mo-facebook { background-image: url(/images/home/common/icon_fb.svg);}
.mobile-sns a.mo-instagram { background-image: url(/images/home/common/icon_ins.svg);}
.mobile-sns a.mo-youtube { background-image: url(/images/home/common/icon_yt.svg);}
.select-contnet{margin:23px 0 20px;}
.select-contnet .sort-form-select{border-radius:2px;}
.user-mobile-info{font-size:0.938rem;color:#000;}
.user-mobile-info>span{color:#606060;}
.mypage-btn{display:block;margin-top:15px;padding:11px 0 ;background:#f95318;text-align:center;font-weight:600;font-size:0.938rem;color:#fff;}


/*언어선택*/
.language {position: relative;border-radius: 20px;margin-left:0.5rem;cursor: pointer;line-height:1.2;font-weight: 600;font-size:0.813rem;color: #606060;}
.language:before {content:'';display:inline-block;vertical-align: -3px;margin:0 5px 0 15px;background: url(/images/home/common/icon_lang.svg) no-repeat;width: 16px;height: 16px;background-size: 100%;}

/*GNB 메뉴*/
.sub_gnb_wrap_inner {position: relative;max-width: 1200px;margin: 0 auto;transition:height 0.2s;}
.sub_gnb_nav {position: absolute;top: 90px;left: 0;width: 100%;height: 62px;border-top: 1px solid #e8e8e8;border-bottom: 0 solid #e8e8e8;background:#fff;}
.sub_gnb_nav_inner {position:relative;max-width: 1200px;height: 62px;margin: 0 auto;padding-right:70px;display:flex;justify-content: center;}
.sub_gnb_nav_inner>ul{display:flex; justify-content: space-between; width: 100%;}
.sub_gnb_nav_inner>ul>li{flex-grow:1;display: flex;align-items: center;text-align: center;}
.sub_gnb_nav_inner>ul>li>a{position: relative;display:flex;align-items:center;justify-content:center;padding:0 5px;height: 100%;line-height:100%;font-size:1.125rem;letter-spacing:-0.45px;}
.sub_gnb_nav_inner>ul>li>a>span{flex-grow:1;text-align: left;font-weight:600;}
.sub_gnb_nav_inner>ul>li:nth-of-type(1)>a{padding-left:0;}
.sub_gnb_nav_inner>ul>li:last-child>a{margin-right:0;}
.sub_gnb_nav_inner>ul>li>a:after{content:'';position: absolute;left:50%;bottom:2px;width:0%;height:3px;background:#004284;opacity:0;transition:all 0.3s;}
.sub_gnb_nav_inner>ul>li:hover a:after{left:0;width:100%;opacity:1;}
.gnb_sub_wrap {position: absolute;top: 66px;max-width: calc(100vw / 8);width: calc((100vw / 8 ) - 1.5rem);padding-left:0.625rem;border-left:1px solid rgba(255, 255, 255,.45);}
.gnb_sub {display: inline-block;width: 100%;padding: 5rem 0 6.25rem 0;}
.gnb_sub_inner {display:flex;margin-left:0px;}

/*2023-05-22*/
.navBg {position: absolute;left: 0;top: 100%;width: 100%;height: 0;background-color: #f2f2f2;border-bottom:1px solid #e8e8e8;transition: all .2s ease-out;}
.nav-depth{display: flex;flex-wrap: wrap;justify-content:center;visibility: hidden;opacity: 0;pointer-events: none;position: absolute;top: 98%;left: 0px;width:100%;padding-top: 17px;/*background: rgb(255, 255, 255);*/z-index: 700;}
.nav-depth li{text-align: left;margin-bottom: 14px;padding-left: 30px;}
.nav-depth li a{font-weight:400;color:#666;}
.nav-depth li:hover a{color:#000;}
.nav-depth li:first-child{padding-left:0;}
.sub_gnb_nav_inner>ul>li.current .nav-depth{opacity: 1;pointer-events: initial;visibility: visible;transition: all .95s;}
.sub_gnb_nav_inner>ul>li.current .nav-depth:after{content:'';position:absolute;top:0;left:0;height:100%;width:100%;margin-left:-50%;background:transparent;z-index:-1;}
.sub_gnb_nav_inner>ul>li.current .nav-depth:before{content:'';position:absolute;top:0;right:0;height:100%;width:100%;margin-right:-50%;background:transparent;z-index:-1;}


.cont-top{position:relative;padding-bottom:20px;}
/*.cont-top{position:relative;padding-bottom:1.55%;}*/
.cont-visualbg{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;}
.top-menu-box{display:flex;flex-direction:column;position:relative;max-width:1200px;margin:0 auto;padding-top:20px;}
.menu-framebox{position:relative;display:flex;}
.framebox-left{position:relative;flex:1;padding:35px 40px 10px 40px;background:#fff;border-radius: 5px;overflow:hidden;}
.bannerbox{position:relative;flex-grow:1;width:calc(100% - 360px);}
.framebox-right{margin-left:1.25rem;max-width:620px;display:flex;flex-direction:column;}
.frame-absolute{display:flex;margin-top: 20px}
.row-box{display:flex;flex-direction:column;height:100%;}
.row-box .col-box1{margin-bottom:20px;padding:23px 0px 20px 30px;border-radius:5px;background:#fff;}
.row-box .col-box1 .quick-swiper-box{display:flex;}
.row-box .col-box1 .quick-swiper-box .quick-title{flex:none;display:flex;align-items:center;width:145px;line-height:22px;font-weight:700;font-size:1.25rem;color:#000;}
.row-box .col-box1 .quick-swiper-box .quick-swiper {overflow: hidden;flex-grow: 1;display:flex;}
.row-box .col-box2{display:flex;flex:1;}
.row-box .col-box2 .row-inner{display:flex;flex:1;}

.title span{display:block}
.job-info{flex-grow:1; width: 310px;/*padding:1.875rem 1.875rem 1.3rem 1.875rem;*/}
/*.job-info>h4{position:relative;margin-bottom:18px;padding-bottom:8px;border-bottom:1px solid #ebebeb;line-height:28px;font-weight:700;font-size:1.25rem;color:#000;}*/
/*.job-info>h4 >a{position:absolute;right:0px;top:5px;background: url(/images/home/main/icon_add.svg) 0 0 no-repeat;width:13px;height:13px;background-size:100%;text-indent: -99999px;}*/
/*.job-info dt{font-weight:700;font-size:1rem;color:#000;}*/
.job-info dt>span{color:#f95317;}
/*.job-info dd.copy-text{font-weight:500;font-size:0.938rem;color:#000;}*/
/*.job-info dd.local{margin-top:5px;line-height:1.4;font-size:0.813rem;color:#5d5d5d;}*/
/*.job-info dd.local>span{display:block;}*/

.photo-news{border-radius:6px; }
.photo-news>img{width: 100%; height: 104%; /*max-height: 210px;*/ border-radius: 6px;position: relative;}
.photo-news-title{position:absolute;bottom: 20px; color:#ffffff; width: 310px; padding: 70px 0 0 30px;  }
.photo-news-title .txt { white-space: normal; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; overflow: hidden; }

.photo-news-txt { width: 100%; height: 104%; border-radius: 6px; display: flex; align-items: flex-end; gap: 30px; padding: 30px 20px 20px 20px; position: absolute; z-index: 9999; background: linear-gradient(to bottom, rgba(217,217,217,0) 60%, rgba(0,0,0,0.7) 100%); }
.photo-news-txt > p { color:#ffffff; white-space: normal; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; overflow: hidden; }
.photo-news-txt > img { width: fit-content; height: 100%; padding-bottom: 20px; }
.photo-news-txt > img:before { position:absolute; content:''; display:inline-block; width:100%; height:100%; left:0; top:0; }

.parmarcy-box{flex:none;width:260px;margin-left:1.25rem;display:flex;flex-direction:column;border-radius:5px;background:#fff;}
.parmarcy{padding:34px 1.875rem 1.5rem 1.875rem;border-bottom:1px solid #eaeaea;display:flex;align-items:center;}
.parmarcy:last-child{margin-bottom:0;border-bottom:none;}
.pharmercy-find-img{margin-top:10px;}
.pharmercy-title{position:relative;flex:1;display:flex;flex-direction: column;padding-left:63px;margin-top:-8px;font-size:13px;color:#4e4e4e;}
.pharmercy-title:before{content:'';position:absolute;left:0;top:0;background-size:100%;}
.pharmercy-title.findmap:before{top:3px;background-image:url(/images/home/main/icon_map.svg) ;width:37.5px;height:42px;}
.pharmercy-title.holiday:before{top:2px;background-image:url(/images/home/main/icon_ebook.svg) ;width:42px;height:42px;}
.pharmercy-title>strong{font-size:1.125rem;color:#000;}
.pharmercy-title>span{font-size:1.125rem;color:#146EFB;font-weight:700}
.parmarcy a{display:flex;width:100%;}

.foot-menu{padding:0.5rem 0 0 0;margin-bottom:2.5rem;background:#f6f8fa}
.medicine-info{display:flex;padding:30px 30px 0 30px;}
.medicine-title{width:350px;padding-bottom:0px;font-weight:800;line-height:70px;font-size:53px;}
.medicine-title>h4{margin-bottom:23px;line-height:1.4;font-weight:900;font-size:21px;color:#000;}
.medicine-title>h4:before{content:'';display:block;margin-bottom:2px;width:9px;height:9px;background:#ff0000;}
.ingfo-bg{position:relative;flex-grow:1;margin-top:32px;padding-left:250px;background:url(/images/home/main/bg_health.png) left center no-repeat; background-size:cover;}
.use01{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;border-right:1px solid #e0e0e0;  color:#fff;}
.ingfo-bg a{display:flex;flex: 1;height: 100%;}
.ingfo-bg a:last-child .use01{border-right:none;}
.use01>span{position:relative;display:block;width:50px;height:50px;margin-bottom:30px;border-radius:100%;background:rgba(0,0,0,0.2)url(/images/home/main/icon_pl.svg) center no-repeat;background-size:26px 26px;text-indent: -99999px;transition:all 0.25s;}
.use01>.use-text{line-height:20px;font-weight:400;font-size:0.938rem;}
.use01>.use-text>h4{margin-top:10px;font-weight:700;font-size:1.25rem;}
.use01:hover span{background-color:rgba(0,0,0,0.25); }
.bg-grdient{display:flex;align-items:center;position:absolute;right:0;top:0;width:70%;height:100%;backdrop-filter: blur(1px); background: linear-gradient(to bottom, rgba(0,0,0,0.25), rgba(0,0,0,0.10), #d4d4d4);transition:all 0.3s;}

/**전체메뉴*/
.gnb-all {position: absolute;top: 50%;right: 0px;transform: translateY(-50%);z-index: 50;}
.gnb-all.closebtn{right:20px;top:60%;}
.gnb-all.mobile{display:none;}
.gnb-all-btn {position: relative;width:100%;display:block;width: 20px;height: 14px;cursor: pointer;}
.gnb-all-btn span {position: absolute;left: 0;width: 100%;height: 2px;background:#222;transform-origin: 21.5px 1.5px;}
.gnb-all-btn span:nth-child(1) {top: 0px;}
.gnb-all-btn span:nth-child(2) {top: 6px;;width: 80%;}
.gnb-all-btn span:nth-child(3) {bottom: 0px;width: 60%;}
.nav-all.active .gnb-all-btn>span:nth-child(1) {top:0;transform: rotate(-45deg);}
.nav-all.active .gnb-all-btn>span:nth-child(2) {width:100%;top: 16px;transform: rotate(45deg);}
.nav-all.active .gnb-all-btn>span:nth-child(3) {opacity: 0;}

/*quick topmenu*/
.quick_Swiper-banner{width:885px;height:100%;font-size:0.875rem;}
.quickmenu-item{display:flex;flex-direction:column;align-items: center;justify-content: center;}
.quickmenu-item .mbox{display:flex;align-items:center;justify-content:center;width:60px;height:60px;margin-bottom:10px;border-radius:20px;background:#f5f5f5;}
.quickmenu-item .mbox-title{margin-top:auto;display: flex;width: 100%;justify-content: center;letter-spacing:-1px;font-weight:500;font-size:0.8rem;color:#333;}

/**배너 swiper*/
.banner_Swiper{border-radius:4px;}
.banner_Swiper a{display:block;width:100%;height:100%;}
.banner-inner{position:relative;max-width:1240px;margin:0 auto;padding:2.5rem 1.25rem;border-radius:8px 8px 0px 0px;transition:all 0.55s;z-index:1;}
.banner-inner .swiper-slide{height:105px;display:flex;margin-right: 20px!important;}
.brand_wrap { flex: 1;height: auto;display: flex;justify-content: flex-start;align-items: center;}
.brand_bx { flex:1; display: flex; max-height: 105px; width: auto; align-items: center; justify-content: center; border-radius: 6px; overflow: hidden; text-align: center; }
.brand_bx .product-frame{position: absolute;top: 50%;left: 50%;width: 100%;height: 100%;transform: translate(calc(-50% + 0.5px), calc(-50% + 0.5px));-webkit-transform: translate(calc(-50% + 0.5px), calc(-50% + 0.5px));-moz-transform: translate(calc(-50% + 0.5px), calc(-50% + 0.5px));-ms-transform: translate(calc(-50% + 0.5px), calc(-50% + 0.5px));}
.brand_bx img {min-width: 100%;max-width: 100%;min-height: 100%;max-height: 100%;padding-right:0px;border-radius:6px;}
.banner-inner .swiper-button-next, .banner-inner .swiper-button-prev {position: absolute;top: 50%;border: 1px solid #e0e0e0;background:#fff;border-radius: 100%;width: 45px;height: 45px;color: #000;}
.banner-inner .swiper-button-next:after{width:6px;height:12px;background:url(/images/home/common/arrow_cright.svg) 0 0 no-repeat;background-size:100%;}
.banner-inner .swiper-button-prev:after{width:6px;height:12px;background:url(/images/home/common/arrow_cleft.svg) 0 0 no-repeat;background-size:100%;}
.banner-inner .swiper-button-next, .banner-inner .swiper-rtl .swiper-button-prev{right:-25px;left:auto;}
.banner-inner .swiper-button-prev, .banner-inner .swiper-rtl .swiper-button-next{left:-25px;right:auto;}
.banner-inner .swiper-button-next:after, .banner-inner .swiper-button-prev:after{text-indent:-9999px;}
.banner-inner .swiper-button-next.swiper-button-disabled, .banner-inner .swiper-button-prev.swiper-button-disabled{opacity:0.25;}

/*Dropdown 메뉴*/
.dropdown_item {position: relative;background:#fff;}
.dropdown_button {position: relative;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 100%;height:40px;color: #232425;display: block;text-align: left;background-color: transparent;border:1px solid #e3e3e3;border-radius: 0;font-family: 'Pretendard';font-size:0.875rem;cursor: pointer;}
.dropdown_button:before{content:'';position:absolute;right:15px;top:50%;transform:translateY(-50%) rotate(180deg);width:10px;height:10px;background:url(/images/home/common/family-arrow.svg) 0 0  no-repeat;background-size:100%;transition:all .3s;}
.dropdown_drawer {display:none;position: absolute;top: 100%;left: 0;width: 100%;background:#e3e3e3;padding: 1em 1.5em;box-sizing: border-box;text-align: left;line-height: 1.3;z-index:1;}
.dropdown-depth>li>a{display:block;margin-bottom:7px;font-size:0.938rem;color:#555;}
.dropdown-depth>li:hover>a{color:#003b77;}
.dropdown-depth>li:last-child>a{margin-bottom:0;}
.dropdown_button.on:before{transform:translateY(-50%) rotate(0deg);}

/*TOP 버튼 이동*/
.btTop {margin-top:auto;width: 57px;height: 57px;cursor:pointer;font-size: 1rem;color: #000;}
.btTop span{display: flex;flex-direction: column; align-items: center; justify-content: center; }
.btTop span>img{display:inline-block;margin-bottom:5px;width:16px;height:10px;}
.btTop-mobile {position: fixed;right: 23px;bottom: 130px;opacity:0;pointer-events:none;width: 57px;height: 57px;background: #fff; border: 1px solid #ddd;border-radius: 100%;cursor:pointer;font-size: 14px;transition:opacity .3s;color: #6e6e6e;z-index:50;}
.btTop-mobile.active{display:none}
.btTop-mobile span{display:flex;flex-direction: column; align-items: center; justify-content: center; }
.btTop-mobile span>img{display:inline-block;margin-bottom:5px;width:14px;height:7px;}

/*float menu*/
body.sub #floatMenu{top:210px;}
#floatMenu {display:flex;flex-direction:column;align-items:Center;position: fixed;width:55px;min-height: 200px;right:0px;top:196px;color: #fff;transition:all 0.3s;z-index:999;}
#floatMenu.fixed{position:fixed;top:200px;}
.quick-menu{width:100%;margin-bottom:5px;}
.quick-menu dt{padding-bottom:10px;line-height:16px;text-align:center;font-weight:800;font-size:0.813rem;color:#000;}
.quick-menu dd{position:relative;height:50px;background:#495b6e;}
.quick-menu dd>a{display:flex;align-items:center;position:absolute;left:6px;top:0px;width:200px;height:50px;background:#495b6e;font-size:15px;color:#fff;transition:left 0.5s;}
.quick-menu dd>a:before{content:'';display:inline-block;width:34px;height:34px;margin-left:7px;margin-right:9px;background-size:100%;background-position:0 0 ;background-repeat:no-repeat}
.quick-menu dd>a.quick01:before{background-image:url(/images/home/common/icon_quick_01.svg);}
.quick-menu dd>a.quick02:before{background-image:url(/images/home/common/icon_quick_02.svg);}
.quick-menu dd>a.quick03:before{background-image:url(/images/home/common/icon_quick_03.svg);}
.quick-menu dd>a.quick04:before{background-image:url(/images/home/common/icon_quick_04.svg);}
.quick-menu dd>a.quick05:before{background-image:url(/images/home/common/icon_quick_05.svg);}
.quick-menu dd>a.quick06:before{background-image:url(/images/home/common/icon_quick_06.svg);}
.quick-menu dd>a.quick07:before{background-image:url(/images/home/common/icon_quick_07.svg);}
.quick-menu dd>a.quick08:before{background-image:url(/images/home/common/icon_quick_08.svg);}
.quick-menu dd>a.active{left:-115px;border-radius:3px 0 0 3px;}


/*하단 배너 고정 스크립트*/
.advertisement-banner{background:#fff;}
.advertisement-banner.scroll-to-fixed-fixed {background:transparent;}
.advertisement-banner.scroll-to-fixed-fixed .banner-inner{padding:1.25rem ;/*padding: 1.25rem;*/ background:rgba(37, 51, 80, 0.75);display: none;}/*스크롤 플로팅 다시 추가 할 경우 display: none; 삭제*/

/*패밀리 사이트*/
.family-site{margin-left:auto;display:flex;}
.family-site .family{position:relative;display:flex;align-items:center;background:#36425f;}
.family-site .family .select-btn{display:inline-block;margin-left:-1px;min-width:172px;padding:0.75rem 0 0.75rem 1.25rem;border-left:1px solid#757c8e;border-right:1px solid #757c8e;text-align:left;cursor:pointer;}
.family-site .family .select-btn i{position:relative;display:block;font-size:.813rem;color:#fff;}
.family-site .family .select-btn i:after{content:'';position:absolute;right:20px;top:5px;width:8.4px;height:4.4px;background:url(/images/home/common/arrow_ft.svg) 0 0 no-repeat;background-size:100%;transition:all .3s;}
.family-site .family.active .select-btn i:after{transform:rotate(180deg);}
.family-site .family .family-list{display:none;position: absolute;bottom:39px;width:100%;padding: 5px 0;background: #283341;border-bottom: 0;z-index: 30;}
.family-site .family .family-list div{padding:0 20px;}
.family div  a {display: inline-block;min-width:140px;position: relative;padding: 5px 0;font-size: 12px;word-wrap:break-word;word-break: break-all;text-decoration: none;color: #dddfe2;}
.family div  a:hover{color:#fff;}


/*모바일 퀵메뉴*/
.zoom {display:none;position: fixed;top:calc(100vh - 65%);right: 23px;height: 70px;z-index:3000;opacity:1;transition:all 0.3s;}
.zoom.on{opacity:0;z-index:2;}
.zoom-fab {position:relative;display: inline-block;cursor: pointer;z-index:10;color: #fff;}
.zoom-btn-large {width: 58px;height: 58px;border-radius:100%;background: #334455;box-shadow: 3px 9px 17px 0 rgba(0, 0, 0, 0.2);}
.zoom-btn-large:before{content:'QUICK MENU';line-height:1.2;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:0.75rem;transition:all 0.2s;color:#fff;}
.zoom-menu {position: absolute;right:10px;top:80px;height:0px;min-width:100px;pointer-events:none;overflow:hidden;font-size:.98rem;transition: .45s ease-out;z-index:10;}
.zoom-menu li {display:block;margin-bottom: .55rem;text-align:right;}
.zoom-menu li>a{font-size:0.813rem;}
.quick-dim{display:none;position:fixed;width:100%;height:100%;top:0;left:0;bottom:0;background:rgba(0,0,0,.65);z-index:1;}
.zoom.active .quick-dim{display:block;}
.zoom.active .zoom-btn-large:before{content:'X';font-size:1rem;font-weight:600;}
.zoom.active .zoom-menu{pointer-events: inherit;height:300px;}

/*tab*/
.tab-menu{display:flex;align-items: center;border-bottom:1px solid #ebebeb;}
.tab-menu>div{margin-right:20px;}
.tab-menu>div a{position:relative;display:block;padding-bottom:13px;font-weight:600;font-size:20px;}
.tab-menu>div a.active{color:#146efb;}
.tab-menu>div a.active:after{content:'';position:absolute;bottom:0;left:0;width:100%;height:1px;background:#146efb;}
.tab-menu>div:nth-of-type(4){margin-right:0;}
.tab-more-btn{position:absolute;top:43px;right:40px;width:13px;height:13px;text-indent:-999999px;}
.tab-more-btn:after{content:'';position:absolute;top:0;left:0;width:13px;height:13px;background:url(/images/home/main/icon_add.svg) 0 0 no-repeat;background-size:100%;}
/*2023-05-10 수정 st*/
.tabcont{height:calc(100% - 64px);margin-top:30px;}
/*2023-05-10 수정 ed*/
.tab-list-box{margin-bottom:20px;}
.tab-list-box:last-child{margin-bottom:0;border-bottom:none;}
.tab-list-box .list-date{font-size:0.938rem;color:#7c7c7c;}
.tab-list-box .list-title{padding-right:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500;font-size:1.125rem;color:#000;}
.tab-list-box .cont-text{ display: -webkit-box;word-wrap: break-word;-webkit-line-clamp: 2;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;margin-top:5px;font-size:1rem;color:#5d5d5d;}
.tab-list-box .list-date img{margin-left:7px;vertical-align: -2px;}
/*2023-05-10 추가 st*/
.tab-list-box.nodata-box{display: flex;height:calc(100% - 30px);align-items: center;justify-content: center;}
.tab-list-box .list-title.nodata{display:flex;align-items:center;text-align:center;padding-right:0;color:rgba(0 0 0 / 1);}
.tab-list-box .list-title.nodata img{width:60px;height:60px;margin-right:10px;}
.tabh{height:100%;}
/*2023-05-10 추가 ed*/

/*일정*/
.month-box .month-top{display:flex;justify-content: center;margin-bottom:15px;}
.month-box .month-top button{margin:0;padding:0;}
.month-box .month-top>.month-title{margin:0 15px;letter-spacing:-0.45px;font-weight:600;font-size:1.125rem;color:#000;}
.schedule-swiper-box{overflow:hidden;}
.schedule-swiper a{display: flex;width:50%;margin-right: 10px;color:#000;}
.schedule-swiper a:last-child{margin-right:0;}
.schedule-swiper-box .swiper-button-next, .schedule-swiper-box .swiper-button-prev {position: relative;display:inline-block;top: auto;border: 1px solid #e0e0e0;background:#fff;border-radius: 100%;width: 20px;height: 20px;z-index:2;}
.schdule_btn-box{position:relative;margin-top:15px;text-align:center;}
.schedule-swiper-box .swiper-button-next:after{position: absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:6px;height:12px;background:url(/images/home/common/arrow_cright.svg) 0 0 no-repeat;background-size:100%;font-size:0;}
.schedule-swiper-box .swiper-button-prev:after{position: absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:6px;height:12px;background:url(/images/home/common/arrow_cleft.svg) 0 0 no-repeat;background-size:100%;font-size:0}
.schedule-swiper-box .swiper-button-next, .schedule-swiper-box .swiper-rtl .swiper-button-prev{left:auto;right:auto;}
.schedule-swiper-box .swiper-button-prev, .schedule-swiper-box .swiper-rtl .swiper-button-next{left:auto;right:auto;}
.schedule-swiper-box .swiper-button-next:after, .schedule-swiper-box .swiper-button-prev:after{text-indent:-9999px;}
.schedule-swiper-box .swiper-button-next.swiper-button-disabled, .schedule-swiper-box .swiper-button-prev.swiper-button-disabled{opacity:0.25;}
.schedule-content{display:flex;flex-direction: column;flex:1;justify-content:center;padding:28px 13px 20px;border:1px solid #ebebeb;}
.schedule-content .schedule-content-top{line-height:1.4;font-weight:600;letter-spacing:-0.35px;font-size:14px;}
.schedule-content .schedule-content-top img{vertical-align: middle;margin-right:5px;}
.schedule-content .schedule-content-body{margin-top:10px;line-height:22px;font-size:14px;color:#333;}
.schedule-content .schedule-content-body>span{display:block;}
.schedule-swiper .swiper-slide{display:flex;height:auto;}

/*2024-08-29*/
.parmarcy.privacy{padding:27px 1.875rem 27px 1.875rem;}
.parmarcy.privacy p{font-size:1.125rem; color:#000; font-weight:600;}

/*25-07-02*/
.main-banner-txt{font-weight: 600;}

/*25-09-19*/
.gnbbox li a{position: relative;}
.gnbbox .membersOnlyOneDepth > a > span:before{content: '';position: absolute;top: 18px;right: -4px;width: 6px;height: 6px;background-color: #146EFB;border-radius: 50%;z-index: 1;}
.gnbbox .membersOnlyOneDepth > a:before{opacity: 0; content: '';position: absolute;top: -14px;left: 55px;width: 64px;height: 27px; background:url(/images/member-icon.svg); }
.gnbbox .membersOnlyOneDepth > a:before{opacity: 0; content: '';position: absolute;top: -14px;left: 40px;width: 64px;height: 27px; background:url(/images/member-icon.svg); }
.gnbbox .membersOnlyOneDepth > a:hover:before{opacity:1; transition: opacity 0.4s ease-in-out;}
.gnbbox .membersOnlyTwoDepth a span:before{content: '';position: absolute;top: 0;right: -6px;width: 4px;height: 4px;background-color: #146EFB;border-radius: 50%;z-index: 1;}
.membersOnlyOneDepth .membersOnlyTwoDepth a span:before{display: none;}
.nav_body li{position: relative;}
.nav_body .membersOnlyOneDepth:before{content: '';position: absolute;top: 18px;left: 120px;width: 6px;height: 6px;background-color: #146EFB;border-radius: 50%;z-index: 1;}
.nav_body > ul > li:nth-child(5):before{left: 103px;}
.nav_body .membersOnlyTwoDepth a:before{content: '';position: absolute;top: 10px;left: 158px;width: 4px;height: 4px;background-color: #146EFB;border-radius: 50%;z-index: 1;}
.nav_body .membersOnlyOneDepth .membersOnlyTwoDepth a:before{display: none;}
.nav_body > ul > li:nth-child(3) li:nth-child(6) a:before{left: 138px;}
.nav_body > ul > li:nth-child(6) li:nth-child(1) a:before{left: 82px;}
.nav_body > ul > li:nth-child(6) li:nth-child(2) a:before{left: 126px;}
.nav_body > ul > li:nth-child(6) li:nth-child(4) a:before{left: 74px;}

@media screen and (max-width: 1440px){
	.sub_gnb_nav_inner{padding:0 1.25rem;}
    .util_nav{padding:0 1.25rem;}
    .gnb-all{right:20px;}
	.sub_gnb_nav_inner>ul>li>a{margin-right: 1rem;}
    .top-menu-box{padding-left:1.25rem;padding-right:1.25rem;}
    .job-info{flex-grow:2;}
    .quick_Swiper-banner{width:100%;}
	.attentat-medicine li{padding-left:30px;padding-right:30px;}
	.attentat-medicine li dl .medicine-name{line-height: 26px;font-size:1.2rem;}
	.footer-inner{max-width: 1200px;}
    .main-banner-txt{display: none;}
}
@media screen and (max-width:1280px){
    .sub_gnb_nav{padding:0}
	.section1,.advertisement-banner{/*padding-left:1.25rem;padding-right:1.25rem;*/}
    .banner-frame{max-width:100%; margin:0; padding:0;}
    .banner-inner{max-width: 100%; margin:0; border-radius: 0px;  }
    .advertisement-banner.scroll-to-fixed-fixed .banner-inner{padding: 1.25rem;}
}
@media screen and (max-width:1200px){
    .attentat-medicine .attentat-medicine-box  dl .medicine-name{font-size:1.3rem;}
	.attentat-medicine li dl .owner-name{font-size:.8rem;}
	.medicine-title{width:280px;}
	.ingfo-bg{padding-left: 190px;}
	.sub_gnb_nav_inner>ul>li>a{font-size: 1.125rem;margin-right: 0rem;}
	.bannret-title{font-size:1rem;}
	.medicine-box{padding-left:1.3rem;padding-right:1.3rem;}
    .kpaedu-box{padding:0 1.3rem;}
    .kpaedu-year{font-size:13px;}
    .kpaedu-limit{font-size:10px;padding:2px 8px 1px;}
    .kpaedu-title{font-size:1rem;}
    .kpaedu-badge{right:8px;bottom:8px;font-size:12px;}
	.footer-inner{padding: 0 ;}
	.footer-menu>a{margin-right:1.2rem;}
    .bg-grdient{width:75%;}
    .use01>.use-text>h4{font-size:1rem;}
    .family-site .family .select-btn{min-width:152px;}
}
@media screen and (max-width:1170px){
    .footer-menu { margin-left: 20px; }
    .foote-bottom-inner{padding:2.25rem 20px;}
    .framebox-right{width:550px;}
    .row-box .col-box1 .quick-swiper-box .quick-title{width:110px;font-size:20px;}
    .tab-menu>div {margin-right:10px;}
    .tab-menu>div a{font-size:1rem}
    .job-info>h4{font-size:20px;}
    .pharmercy-title>strong{font-size:18px;}
    .tab-more-btn{top:39px;}
    .tab-list-box .list-title{font-size:1rem;}
    .tab-list-box .cont-text{font-size:0.9rem;}
}

@media screen and (max-width:1024px){
    /**배너 swiper*/
    .swiper-wrapper { }
    .banner_Swiper{border-radius:4px;}
    .banner_Swiper a{ /*width: 70%; height: 70%;*/ }
    .banner-inner{position:relative;max-width:1240px;margin:0 auto;padding:2.5rem 1.25rem;border-radius:8px 8px 0px 0px;transition:all 0.55s;z-index:1;}
    .banner-inner .swiper-slide { width: 198.44px !important; height: 73px !important; }
    .brand_wrap { flex: 1;height: auto;display: flex;justify-content: flex-start;align-items: center;}
    .brand_bx { flex:1; display: flex; max-height: 105px; width: auto; align-items: center; justify-content: center; border-radius: 6px; overflow: hidden; text-align: center; }
    .brand_bx .product-frame{ }
    .brand_bx img {min-width: 100%;max-width: 100%;min-height: 100%;max-height: 100%;padding-right:0px;border-radius:6px;}
    .banner-inner .swiper-button-next, .banner-inner .swiper-button-prev {position: absolute;top: 50%;border: 1px solid #e0e0e0;background:#fff;border-radius: 100%;width: 45px;height: 45px;color: #000;}
    .banner-inner .swiper-button-next:after{width:6px;height:12px;background:url(/images/home/common/arrow_cright.svg) 0 0 no-repeat;background-size:100%;}
    .banner-inner .swiper-button-prev:after{width:6px;height:12px;background:url(/images/home/common/arrow_cleft.svg) 0 0 no-repeat;background-size:100%;}
    .banner-inner .swiper-button-next, .banner-inner .swiper-rtl .swiper-button-prev{right:-25px;left:auto;}
    .banner-inner .swiper-button-prev, .banner-inner .swiper-rtl .swiper-button-next{left:-25px;right:auto;}
    .banner-inner .swiper-button-next:after, .banner-inner .swiper-button-prev:after{text-indent:-9999px;}
    .banner-inner .swiper-button-next.swiper-button-disabled, .banner-inner .swiper-button-prev.swiper-button-disabled{opacity:0.25;}
}
@media screen and (max-width:1000px){
    body#login .nav_body {height: calc(100vh - 240px);padding-bottom:200px;}
    .mobile-top-content{display:block;}
    .logo a{width:130px;height:29px;margin-left: 20px;}
    .gnb-all.mobile{display:block;right:20px;}
    .gnb-all.closebtn{top:30px;right:30px;transform:translateY(0);}
    .nav_head{border-bottom:1px solid #000}
    header{height:70px;}
	#topWrap{height:70px;transition:height 0.35s;-webkit-backface-visibility: hidden;backface-visibility: unset;}
    .sub_gnb_wrap_inner{width:100%;max-width:100%;height:70px;-webkit-backface-visibility: hidden;backface-visibility: unset;}
    body#login #topWrap{height:70px;}
    body#login header{height:70px;}
    .nav-all .depth-1:hover a{color:#000;}
    .nav-all .depth-2:hover a{font-weight:400;color:#2e3a59;}
    .nav-all .depth-3:hover a{font-weight:400;color:#2e3a59;}
    /* header.on{height:50px;border-bottom:0px solid #e8e8e8;} */
    header.on:after{content:'';position:absolute;bottom:0;left:0;width:100%;height:1px;background:#e8e8e8;}
    /* header.on  .sub_gnb_wrap_inner{height:50px;}
    body#login.on #topWrap {height:50px;}
    body#login.on header{height:50px;}
    body#login.on .sub_gnb_wrap_inner{height:50px;} */
	.attentat-medicine li{width: calc(100% - 25px);margin-right:25px;}
	.sub_gnb_nav{display:none;}
	.util_nav{display:none;}
    .logo{top:50%;transform:translate(-50%,-50%);}
    .cont-top{height:auto;padding-bottom:0;}
    .top-menu-box{width:100%;flex-direction:column-reverse;padding:0;}
    .cont-visualbg{display:none;}
    .menu-framebox{flex-direction:column;}
    /* .frame-absolute.mobile{display:block;padding: 1.75rem 0px;margin-bottom: 0.5rem;}
    .frame-absolute.mobile .quick-swiper{position:relative;margin-left:-0.313rem;}    */
    .framebox-right{width:100%;max-width:100%;margin-left:0;}
	.bannerbox{width:100%;}
    .frame-absolute .title>h3{display:none;}
	.main-img-box .banner-text{padding:0 60px;text-align:center;}
	.main-img-box .banner-text>h4>br{display:block;}
	.quick_Swiper-banner{width:100%;}
    #floatMenu{display:none;}
    .main-img-box{min-height: 160px;}
	.frame-absolute{margin-top:0;}
    .framebox-left{width:100%;margin-bottom:10px;padding-bottom:30px;}
    .zoom{display:block;}
    .nav-all{width:100%;}
    .footer-inner{flex-direction: column-reverse;padding:0;}
    .family-site{margin-left:0;flex-direction: column;}
    .family-site .family{flex-direction: column;width:100%;border-bottom:1px solid #4c5a7c;}
    .family-site .family button{width:auto;border:none!important;text-align:center;}
	.family-site .family .family-list div{padding-left: 61px;}
	.family-site .family .family-list .local-giboo{padding-left:62px;}
	.family-site .family .family-list .local-giboo a{min-width:65px;}
    .footer-menu{justify-content:center;padding:0.7rem 1.25rem;}
    .footer-logo{display:none;}
    .footer-bottom{border-top: 1px solid#4c5a7c;}
    .foote-bottom-inner{/*justify-content: center;*/padding-left: 20px; padding-right: 20px;}
    .family-site .family .family-list{/*bottom: 32px;*/position:relative;bottom:auto;}
	.family ul li a{padding-left:30px;padding-right:30px;}
    .family-site .family .select-btn{padding-top:0.7rem;padding-bottom:0.7rem;}
	.family-site .family button i:after{content:'';position:relative;display: inline-block;margin-left:3rem;}
    #mainswiper .swiper-slide{border-radius:0;height:100%;}
    .mainimgbox{display:none;}
    .gnb-alll.mobile{display:block;}
	address{margin-left:0;}
	.medicine-info{flex-direction: column;padding-top:40px;padding-left:20px;padding-right:20px;}
    .section1{padding-top:0;padding-left:0;padding-right:0;}
    .section2{margin-top:10px;padding-right:20px;padding-left:20px;padding-top:30px;padding-bottom:30px;border-top:none;border-bottom:none;background:#fff;}
    .medicine-box{border:1px solid #eaeaea;}
	.medicine-title{width:100%;padding-bottom: 40px;text-align:center;line-height: 60px;font-size: 45px;}
	.medicine-title>h4{display:inline-block;}
	.medicine-title br{display:none;}
	.medicine-title br:nth-of-type(2){display:block;}
	.ingfo-bg{flex-direction: column;padding-left: 0px;}
	.use01{width:100%;flex-direction: row-reverse;padding:40px 30px;border-top:1px solid rgba(239, 239, 239,0.55);}
	.use01:nth-of-type(1){margin-top:-1px;}
	.use01>.use-text{flex-grow:1;text-align:left}
	.attentat-medicine .attentat-medicine-box dl .medicine-name{font-size:1.15rem;}
    .login-info-frame{display:none !important;}
    .btTop{display:none;}
    .btTop-mobile{width:50px;height:50px;right: 20px;}
    .btTop-mobile.active{display:block;opacity:1;pointer-events:visible;}
    .ingfo-bg a{width:100%;}
    .use01>span{width:40px;height:40px;margin-bottom:0;background-color:rgba(0,0,0,0.25);background-size: 20px 20px;}
    .bg-grdient{width:100%;position:relative;flex-direction:column;}
    .attent-info{padding-left:20px;padding-right:20px;}
    .row-box .col-box2{margin-bottom:10px;}
    .tab-menu{justify-content: space-between;}
    .tab-menu>div{margin-right: 30px;}
    .tab-more-btn{display:none;}
    .tab-more-btn.mobile{display:block;position:relative;top:auto;right:auto;width:100%;height:auto;margin-top:25px;padding:8px 0;border:1px solid #e0e0e0;text-align:center;text-indent: 0;font-weight:600;font-size:0.875rem;color:#000;}
    .tab-more-btn.mobile:after{position:relative;display:inline-block;vertical-align:1px;margin-left:10px;width:5px;height:8px;background:url(/images/home/main/icon-more-more.svg) 0 0 no-repeat;background-size:100%;}
}

@media screen and (max-width:760px){
    .main-img-box{height: 450px;}
    .main-img-box .mainimgbox{display:none;}
    .main-img-box .mainimgbox.mobile{display:block;}
	.attentat-medicine li{width:100%;margin-right:0;margin-bottom:1.5rem;padding-top:3rem;padding-bottom:2rem;}
    .section1{margin-top:10px;padding:0;border-top:none;}
    .section2{padding-left:20px;padding-right:20px}
	.section-inner{padding-left:0;padding-right:0;}
	.attent-info{padding-bottom:40px;}
	.medicine-banner .swiper-button-next, .medicine-banner .swiper-rtl .swiper-button-prev,.medicine-banner .swiper-button-prev, .medicine-banner .swiper-rtl .swiper-button-next,.banner-inner .swiper-button-next, .banner-inner .swiper-rtl .swiper-button-prev,.banner-inner .swiper-button-prev, .banner-inner .swiper-rtl .swiper-button-next{display:none;}
	.banner-frame{padding-right:0;padding-left:0px;}
	.row-box .col-box1{margin-bottom:10px;}
    .attent-info h3{margin-bottom:15px;font-size:20px;}
    .attent-info-more i{font-size:14px;}
}

@media screen and (max-width:640px){
	.container{padding-bottom:0;}
    .row-box .col-box2{margin-bottom:0px;}
	.section2{padding-right:0;padding-left:0;margin-bottom:10px;}
	.banner-frame{padding-left:0;padding-right:0;}
	.main-img-box .banner-text{padding: 0 85px;font-size:.85rem;}
	.main-img-box .banner-text>h4{font-size:2.375rem;}
    #mainswiper .swiper-pagination-fraction{font-size:.875rem;}
    .framebox-right{flex-direction:column;}
    .parmarcy-box{width:100%;margin-top: 10px;margin-left:0;padding:0;background:none;}
    .medicine-title>h4{font-size:18px;;}
    .frame-absolute.mobile{padding-left:1.25rem;padding-right:0;}
    .quick_Swiper-banner{width:100%;}
    .job-info{padding:30px 20px;border-radius:0;}
    .parmarcy{padding:20px 20px 17px 20px;margin-bottom:10px;border-bottom:0;background:#fff;}
    .parmarcy-find{padding:0;}
	.quickmenu-slide{opacity:0.4; transition:opacity 0.3s;}
    .quickmenu-slide.swiper-slide-active, .quickmenu-slide.swiper-slide-next,.quickmenu-slide.swiper-slide-next + .quickmenu-slide.swiper-slide{opacity:1}
	.attent-info-swiper .swiper-slide{opacity:0.4; transition:opacity 0.3s;}
	.attent-info-swiper .swiper-slide-active{opacity:1}
	.medicine-banner-swiper .swiper-slide{opacity:0.4; transition:opacity 0.3s;}
	.medicine-banner-swiper .swiper-slide-active{opacity:1}
    .banner_Swiper .swiper-slide{opacity:0.4; transition:opacity 0.5s;}
    .banner_Swiper .swiper-slide-active{opacity:1}
	.row-box .col-box1{padding-left:0;padding-right:0;border:none;}
	.row-box .col-box2 .row-inner{flex-direction:column;}
	.row-box .col-box1 .quick-swiper-box{flex-direction:column;}
	.row-box .col-box1 .quick-swiper-box .quick-title{width:100%;margin-bottom:24px;padding-left:20px;}
	.row-box .col-box1 .quick-swiper-box .quick-title>br{display:none;}
    .footer-menu{max-width: 620px;margin: 0 30px;flex-direction:row;align-items: flex-start;padding-left:0px;padding-right:0px;gap:2.25rem;}
    .footer-menu span{/*margin-bottom:5px;*/}
    .footer-menu span> a{margin-right:10.1rem;font-size:0.812rem;}
    .footer-menu span> a:last-child{margin-right:0;}
    .footer-menu span:nth-of-type(2)> a:first-child{margin-right:6.5rem;}
    .footer-menu span:last-child{margin-bottom:0;}
	address{padding:0 30px;letter-spacing:-0.5px;font-size:0.81em;}
	address span{display:block;}
	address span:nth-of-type(1){margin-right:0;}
	address span:nth-of-type(2),address span:nth-of-type(3){margin-left:0;display:inline-block;}
    address span:nth-of-type(2)>em,address span:nth-of-type(3)>em{color:#b8b9bb;margin-left:8px;}
	.medicine-info{padding-right:20px;padding-left:20px;}
	.attentat-medicine .attentat-medicine-box dl .medicine-name{line-height:1.3;font-size:20px;}
    .attentat-medicine .attentat-medicine-box dl .owner-name{font-size:14px;}
    .attentat-medicine .attentat-medicine-box dl .date{margin-bottom:3px;font-size:13px;}
    .framebox-left{max-height:100%;padding:37px 20px 27px;}
    .tab-menu>div{margin-right:15px;}
    .tab-menu>div a{padding-bottom:16px;font-size:1.125rem;}
    .tab-list-box .list-date{font-size:0.938rem;}
    .complete-box{padding-bottom:0;}
    .use01>.use-text{font-size:14px;}
    .use01>.use-text>h4{font-size:18px;}
    .ingfo-bg{background: url(/images/home/main/bg_health_mo.png) center no-repeat;background-size: cover;}
    .schedule-content{padding:10px;}
    .schedule-content .schedule-content-body{letter-spacing: -0.5px;font-size:13px;}
    .schedule-content .schedule-content-top{font-size:13px;}
    .pharmercy-title{margin-top:0;}
    .pharmercy-title.findmap:before{top:0;}
    .pharmercy-title.holiday:before{top:0;}
    .medicine-banner{padding:0 20px;}
    .tab-list-box{margin-bottom:10px;}
    .tab-list-box .list-title{padding-right:40px;}
    .section2.mo {display:block}
    .section2.web {display:none;}
}

@media screen and (max-width:580px){
    .footer-menu{flex-direction:column;gap:1rem;}
    .footer-menu span> a{margin-right: 2.25rem;}
    .footer-menu span:nth-of-type(2)> a:first-child{margin-right:2.25rem;}
}

@media screen and (max-width:460px){
    .brand_wrap{padding:0;}
	.banner-inner .swiper-slide{height:80px;}
    .banner-inner{padding:30px 20px;border-radius:0;}
	.advertisement-banner.scroll-to-fixed-fixed .banner-inner{padding: 20px;}
    .banner_Swiper {width:auto;position: relative;overflow: unset!important;list-style: none;padding: 0;z-index: 1;}
    .advertisement-banner{padding-right:0;overflow:hidden;}
    .banner-inner .swiper-button-next, .banner-inner .swiper-rtl .swiper-button-prev,.banner-inner .swiper-button-prev, .swiper-rtl .swiper-button-next{display:none!important;}
    .foot-menu{margin-bottom:0px;}
	.quickmenu-item .mbox-title{font-size:0.813rem;}
    .medicine-banner .swiper-button-next, .medicine-banner .swiper-rtl .swiper-button-prev,.medicine-banner .swiper-button-prev, .medicine-banner .swiper-rtl .swiper-button-next{display:none;}
	.bannret-title{font-size:1rem;}
    .text-info span{font-size:0.875rem;}
	.medicine-box{padding-left:20px;padding-right:20px;}
    .kpaedu-box{padding:0 15px;}
    .kpaedu-year{font-size:12px;margin-bottom:0;}
    .kpaedu-limit{font-size:9px;padding:1px 6px 0;margin-left:4px;}
    .kpaedu-title{font-size:0.85rem;margin-bottom:1px;}
    .kpaedu-schedule{font-size:10px;line-height:1.4;}
    .kpaedu-schedule span{font-size:10px;}
    .kpaedu-badge{right:8px;bottom:8px;font-size:11px;}
    .medicine-banner-swiper .swiper-slide{height:80px;}
	.advertisement-banner{padding-left:0;}
	.medicine-title{padding-bottom: 0px;line-height:40px;font-size:30px;}
	.attent-info{margin-top: 30px;}
    .footer-menu span> a{margin-right: 1.6rem;/*margin-right: 4.1rem;*/}
    .schdule_btn-box{margin-bottom:15px;}
    /* 배너 순서가 바뀌어도 모든 칸에 같은 크기가 적용되도록 칸 번호를 쓰지 않는다 */
    .medicine-banner-swiper .swiper-slide .iocn-box img{width:42px;}
    .footer-menu{margin: 0 20px;}
    address{padding:0px;}
    .footer-menu span> a{margin-right:1rem;}
    .footer-menu span:nth-of-type(2)> a:first-child{margin-right:1rem;}
    .footer-menu a{margin-right: 0.5rem;font-size:.65rem;}
}

@media screen and (max-width:375px){
    .footer-menu span> a{margin-right:3rem;}
    .tab-menu>div{margin-right:10px;}
    address{padding:0px;}
    .footer-menu{margin: 0 20px;}
    .footer-menu span> a{margin-right:1rem;}
    .footer-menu span:nth-of-type(2)> a:first-child{margin-right:1rem;}
    .footer-menu a{margin-right: 0.5rem;font-size:.65rem;}
}

@media screen and (max-width:320px){
    .quick_Swiper-banner .swiper-wrapper{margin-left:0.625rem;}
    .brand_bx img {border-radius: 6px;}
    .brand_bx{max-height:80px;}
	.bannret-title{font-size:0.9rem;}
	.text-info span{font-size:.6rem;}
	.bannret-title:after{margin-left:5px;}
    .foot-menu{margin-bottom:1.25rem;}
	.quick_Swiper-banner .swiper-wrapper{padding-left:0;margin-left:0;}
    .footer-menu{margin: 0 20px;}
    .footer-menu span> a{margin-right:0.7rem;}
    .footer-menu span:nth-of-type(2)> a:first-child{margin-right:0.7rem;}
	.footer-menu a{margin-right: 0.5rem;font-size:.65rem;}
    address{padding:0px;}
	.main-img-box .banner-text{padding: 0px 68px;font-size:.85rem;}
    .family-site .family .family-list div{padding-left:50px;}
    .family div a{min-width: 115px;}
    .schedule-content .schedule-content-top{font-size:13px;}
    .schedule-content .schedule-content-body{font-size:12px;}
    .attent-info h3{font-size:18px;}
    .attent-info-more:after{width:24px;}
    .tab-menu>div a{font-size:15px;}
    /* 배너 순서가 바뀌어도 모든 칸에 같은 크기가 적용되도록 칸 번호를 쓰지 않는다 */
    .medicine-banner-swiper .swiper-slide .iocn-box img{width:32px;}
    .attentat-medicine .attentat-medicine-box{padding:25px 40px 25px 20px;}
}

@media screen and (max-width:299px){
	.footer-menu{padding-left:5px;padding-right:5px;}
	.footer-menu a{margin-right:0.3rem;font-size:0.5rem;}
	address{font-size:0.75rem;}
    .modal-content{margin:0 0.2rem}
    .mo-user>ul li>a{font-size:0.75rem;}
    .mobile-sns a{margin-right:5px;}
    .tab-menu>div{margin-right:10px;}
    .tab-menu>div a{font-size:13px;}
    .tab-list-box .list-title{font-size:14px;}
    .tab-list-box .list-date{font-size:13px}
    .use01>.use-text>h4{font-size:16px;}
    .footer-menu span> a{margin-right: 0.8rem;}
    .footer-menu span> a{font-size:12px;}
}

/*레이어 팝업*/
.layer-pop{position: fixed; top:0; left: 0; bottom:0; right:0; background: rgba(0, 0, 0, 0.8); height:100vh; display: flex; width:100%; z-index: 9999;}
.layer-pop .layer-cont{display: flex; width: 100%; align-items: center; justify-content: center;}
.layer-pop .img-sec{text-align: center;}
.layer-pop .img-sec img{width: 100%;}
.layer-pop .btn-sec{display: flex; margin-top:-8px;}
.layer-pop .btn-sec button{background:#fff; font-size:15px; padding:10px; width:50%; cursor: pointer;}
.layer-pop .btn-sec button + button {border-left: 1px solid #aaa;}
.layer-pop .btn-sec button:hover{background: #eee;}

@media screen and (max-width:768px) {
    .layer-pop .layer-cont {align-items: start;}
    .layer-pop .btn-sec{display: flex; margin-top: -10px;}
    .layer-pop .btn-sec button {font-size: 14px; padding:15px}
}