@charset "utf-8";


#mContWrap { padding: 40px 0; display: flex; flex-direction: column; gap: 40px; }
#mContWrap > div { position: relative; width: 100%;  display: flex; gap: 20px;  }

.mbox { border: 1px solid #e5e7ee; border-radius: 10px; padding: 2em 2em 1.5em; }
.mtit { padding-bottom: 1em; margin-bottom: 1em; border-bottom: 1px solid #e5e7ee;
        display: flex; align-items: center; justify-content: space-between; }
.mtit h3 { font-size: 2rem; color:#212121; font-weight: 700; }
.more { position: relative; width: 28px; height: 28px; border: 1px solid #e5e7ee; border-radius: 100%; display: block; }
.more span { background: #121f59; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); }
.more span.x { width: 12px; height: 2px; }
.more span.y { width: 2px; height: 12px; }

@media all and (max-width:1280px) {
  #mContWrap > div { gap: 14px; }
  .mbox { padding: 2em 1.7em 1.4em; }
}

@media all and (max-width:1080px) {
  #mContWrap > div { gap: 12px; }
}

@media all and (max-width:976px) {
  #mContWrap { padding: 0 0 3em; gap: 2em;  }
}

@media all and (max-width:640px) {
  #mContWrap > div { gap: 10px; }
  .mbox { padding: 1.8em 1.8em 1.4em; }
  .more { width: 24px; height: 24px; }
  .more span.x { width: 10px; }
  .more span.y { height: 10px; }
}


#mSection1 { align-items: center; justify-content: space-between; flex-wrap: wrap;  }
#mSection1 #mBanner { width: 55%;  }
#mSection1 #mBanner img { max-width: 100%; }

#mSection1 #mBoard { position: relative; width: calc(45% - 20px); border: 5px solid #f0f6f9; padding: 2em 2.5em; border-radius: 0 30px; }
#mSection1 #mBoard .tabs { display: flex; align-items: stretch; font-size: 1.7rem; border-bottom: 1px solid #e5e7ee; margin-bottom: 1.5em; }
#mSection1 #mBoard .tabs li { align-self: center; }
#mSection1 #mBoard .tabs li a { color:#7a7d96; display: block ;padding: 0.7em 1em; }
#mSection1 #mBoard .tabs li.active a { font-size: 1.2em; color:#121f59; font-weight: 700; border-bottom: 3px solid #00a3f7; }
#mSection1 #mBoard .more { position: absolute; right:0; top:0; transform: translateY(-243%); }
#mSection1 #mBoard .tab_content { position: relative; }
#mSection1 #mBoard .bdList li { padding: 0.4em 0; display: flex; align-items: center; }
#mSection1 #mBoard .bdList li::before { content: '·'; color:#00a3f7; margin-right: 0.5em; font-weight: 900; font-size: 1.2em; }
#mSection1 #mBoard .bdList.pic li::before { content: '·'; color:#00a3f7; margin-right: 0.5em; font-weight: 900; font-size: 1.2em;  display: none;}
#mSection1 #mBoard .bdList li a { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#mSection1 #mBoard .bdList.pic li{padding: 0.425em 0;}
#mSection1 #mBoard .bdList.pic li a{display: flex; align-items: center; width: 100%;}
#mSection1 #mBoard .bdList.pic li a img{max-height: 70px;}
#mSection1 #mBoard .bdList.pic li a dl{padding-left: 20px; width: calc(100% - 125px);}
#mSection1 #mBoard .bdList.pic li a dl dt{font-size: 1.6rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
#mSection1 #mBoard .bdList.pic li a dl dd{font-size: 1.4rem; color: #888; margin-top: 5px; font-weight: 300; letter-spacing: -0.05em;}


@media all and (max-width:1480px) {
  #mSection1 #mBanner { width: 58%;  }
  #mSection1 #mBoard { width: calc(42% - 20px); padding: 1.8em 2em;  }
  #mSection1 #mBoard .tabs  { font-size: 1.6rem; }
  #mSection1 #mBoard .tabs li a { padding: 0.7em; }
  #mSection1 #mBoard .tabs li.active a { font-size: 1.15em; }
  #mSection1 #mBoard .bdList li { font-size: 1.55rem;  padding: 0.3em 0; }
	#mSection1 #mBoard .bdList.pic li a img{max-height: 4.8625vw;}
}

@media all and (max-width:1280px) {
  #mSection1 #mBoard { padding: 1.5em 1.8em;  }
  #mSection1 #mBoard .tabs li a { padding: 0.7em 0.3em; }
  #mSection1 #mBoard .tabs li.active a { font-size: 1.1em; }
}

@media all and (max-width:1080px) {
  #mSection1 #mBoard .bdList li { font-size: 1.5rem;  padding: 0.2em 0; }
}

@media all and (max-width:976px) {
  #mSection1 #mBanner { width: 100%;  }
  #mSection1 #mBoard { width: 100%; }
	#mSection1 #mBoard .bdList.pic li a img{max-height: 48px;}
}



#mSection2 { align-items: stretch; flex-wrap: wrap; }
#mSection2 .mbox { width: calc((100% - 60px) /4); }

#mSchedule .mtit p { color:#00a3f7; font-family: 'GmarketSans'; font-size: 1.4rem; }
#mSchedule .mtit p span { font-size: 1.2em; font-weight: 700; }
#mSchedule .calendar { width: 100%; text-align: center; font-size: 1.4rem; color:#212121;  }
#mSchedule .calendar thead th { background: #f8f9fb; padding: 0.7em 0; font-weight: 700; }
#mSchedule .calendar thead th:first-child { border-radius: 5px 0 0 5px; }
#mSchedule .calendar thead th:last-child { border-radius: 0 5px 5px 0; }
#mSchedule .calendar tbody td { line-height: 2.2em;}
#mSchedule .calendar th:first-child,
#mSchedule .calendar td:first-child { color:#f52f6c; }
#mSchedule .calendar td .check { color:#fff;  position: relative; display: block; }
#mSchedule .calendar td .check::before { content: ''; width: 23px; height: 23px; display: block; background: #00a3f7; z-index:-1; border-radius: 100%;
                                                              position: absolute; left:50%; top: 50%; transform: translate(-50%,-50%); margin-left: 0.7px; }

#memberNews ul { padding: 0.3em 0; }
#memberNews ul li { margin: 0.7em 0; font-size: 1.5rem; }
#memberNews ul li a { display: flex; align-items: center; gap: 1em; color:#585967; }
#memberNews ul li a p { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#memberNews ul li a span { color:#4460c6; }
#memberNews ul + ul { padding-top: 0.7em; margin-top: 0.3em; padding-bottom:0;
                                    background: url("/images/common/dotline.png") repeat-x top; }
#memberNews ul + ul li a span { color:#1383bd; }


#mReport { width: calc(50% - 10px); display: flex; align-items: stretch; flex-wrap: wrap; gap: 20px; }
#mReport a { color:#fff; padding: 2em 1.8em; width: calc(50% - 10px); height: calc(50% - 10px);
                    background-repeat: no-repeat; background-position: right bottom; }
#mReport a.report1 { background-color:#2b81e1; background-image: url("/images/main/report1.png"); }
#mReport a.report2 { background-color:#476ccd; background-image: url("/images/main/report2.png"); }
#mReport a.report3 { background-color:#2a4480; background-image: url("/images/main/report3.png"); }
#mReport a.report4 { background-color:#6e73f5; background-image: url("/images/main/report4.png"); } /* report4 기존 색상 : background-color:#00b4a9;  */
#mReport a dl dt { font-size: 2rem; font-weight: 600; font-family: 'GmarketSans'; letter-spacing: 0; line-height: 1.2em; }
#mReport a dl dd { font-size: 1.5rem; margin-top: 0.8em; line-height: 1.4em; }

@media all and (max-width:1480px) {
  #mReport a { background-size: 90% auto; }
}

@media all and (max-width:1280px) {
  #mSection2 .mbox { width: 28%; }
  #mReport { width: calc(44% - 28px);  gap: 14px; }
  #mReport a { width: calc(50% - 7px); height: calc(50% - 7px); padding: 1.8em 1.5em;  }
  #mReport a dl dt { font-size: 1.9rem; }
  #mReport a dl dd { font-size: 1.4rem; }
  #mReport a dl dd br { display: none; }
}

@media all and (max-width:1080px) {
  #mSection2 .mbox { width: calc(50% - 6px); }
  #mReport { width: 100%; gap: 12px; }
  #mReport a { width: calc((100% - 36px) /4); height: auto; background-size: 94% auto;}
  #mReport a dl dd { max-width: 75%;  }
}

@media all and (max-width:976px) {
  #mReport a { width: calc(50% - 6px); background-size: 60% auto; padding: 2em 1.5em; }
  #mReport a dl dt { font-size: 2rem; }
  #mReport a dl dd { font-size: 1.5rem; }
}


@media all and (max-width:640px) {
  #mReport a { background-size: 80% auto;  }
}


@media all and (max-width:480px) {
  #mSection2 .mbox { width: 100%; }
  #mReport { gap: 8px; align-items: stretch; }
  #mReport a { width: calc(50% - 4px); background-size: auto 100%; }
  #mReport a dl dt { max-width: 40%;  }
  #mReport a dl dd { display: none; line-height: 1.25em; max-width: 70%; }
}

@media all and (max-width:380px) {
  /* #mReport a { width: 100%; background-size: auto 100%; } */
  #mReport a dl dt { font-size: 1.8rem; }
}


#mSection3 { flex-wrap: wrap; }
#mSection3 div ul { margin-top: 1.8em; }
#mSection3 div ul li { margin: 10px 0; }
#mSection3 div ul li a { display: flex; align-items: center; font-size: 1.5rem;  color:#585967; line-height: 22px; }

#mRecruit { width: calc(35% - 20px); }
#mRecruit ul li a span { width: 110px; color:#00a3f7; display: flex; align-items: center; justify-content: space-between; }
#mRecruit ul li a span::after { content: ''; width: 1px; height: 12px; background: #dfe1e9; }
#mRecruit ul li a p { width: calc(100% - 110px); padding-left: 1em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

#mSale { width: calc(45% - 20px); }
#mSale ul li a { width: 100%; gap: 15px; }
#mSale ul li a .label { width: 50px; line-height: 22px; text-align: center; color:#fff; font-size: 1.4rem; border-radius: 11px; }
#mSale ul li a .label.bg1 { background: #3e59bc; }
#mSale ul li a .label.bg2 { background: #0093c9; }
#mSale ul li a .label.bg3 { background: #6c7597; }

#mSale ul li a .type { width: 90px; text-align: center; display: flex; justify-content: space-between;}
#mSale ul li a .type::before,
#mSale ul li a .type::after { content: ''; width: 1px; height: 12px; background: #dfe1e9; }

#mSale ul li a .txt { width: calc(100% - 250px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

#mSale ul li a .date { width: 100px; color:#b0b1b5; font-weight: 300; }

#mLink { width: 20%; display: flex; flex-direction: column; gap: 8px;  }
#mLink a { height: calc(50% - 10px); padding: 1.5em 1em; background-repeat: no-repeat; background-position: 90% 85%; }
#mLink a h3 { font-size: 1.8rem; color:#212121; font-weight: 600; font-family: 'GmarketSans'; letter-spacing: 0; line-height: 1.2em; }
#mLink a p { font-size: 1.3rem; color:#acbcce; font-weight: 900; padding: 0.1em 1em; background: #f0f6f9;
                    display: inline-block; border-radius: 1em; margin-top: 1em; }

#dong { background-image: url("/images/main/dong.png"); }
#pharm114 { background-image: url("/images/main/pharm114.png"); }
#eduApp { background-image: url("/images/main/eduapp.png"); }

#pharm114 .pharm { font-size: 0.72em; color:#2b81e1; font-family: 'Montserrat'; font-weight:700; }

@media all and (max-width:1480px) {
  #mLink a { background-size: 36% auto; }
}

@media all and (max-width:1280px) {
  #mSection3 div ul li { margin: 7px 0; }
  #mSection3 div ul li a { font-size: 1.45rem; }

  #mRecruit ul li a span { width: 90px; font-size: 0.9em;  }
  #mRecruit ul li a p { width: calc(100% - 90px); }
}

@media all and (max-width:1080px) {
  #mRecruit { width: 40%; }
  #mSale { width: calc(60% - 12px); }
  #mRecruit ul li a span { font-size: 1em; }
  #mLink { width: 100%; flex-direction: row; gap: 12px; }
  #mLink a { width: calc(50% - 6px); height: auto; background-size: 100px auto; background-position: 95% 70%; }
}

@media all and (max-width:767px) {
  #mRecruit { width: 100%; }
  #mSale { width: 100%; }
  #mLink a { background-size: 90px auto; }
}

@media all and (max-width:568px) {
  #mLink { gap: 10px; }
  #mLink a { width: calc(50% - 5px); background-size: 34% auto; padding: 1.7em 1.5em; }
}

@media all and (max-width:480px) {
  #mLink a { padding-bottom: 2.5em; background-position: 94% 85%; }
}



#quickMenu { width: 100%; background: #f1f4f8; display: flex; align-items: center; flex-wrap: wrap; padding: 1.5em 0; }
#quickMenu li { width: 20%; border-left: 1px solid #dde0eb; }
#quickMenu li:first-child { border-left:0; }
#quickMenu li a { display: flex; align-items: center; justify-content: center; }
#quickMenu li a p { padding-left: 0.7em; color:#34394b; font-weight: 600; min-width: 45%; }
#quickMenu .mbn{max-width: 100%;}
@media all and (max-width:1480px) {
  #quickMenu li a img:not(.mbn) { width: 70px; }
}

@media all and (max-width:1280px) {
  #quickMenu li a img:not(.mbn) { width: 60px; }
}

@media all and (max-width:1080px) {
  #quickMenu li a { flex-direction: column; text-align: center; gap: 0.6em; }
  #quickMenu li a p { padding-left: 0; font-size: 1.5rem;  }
}

@media all and (max-width:568px) {
  #quickMenu { padding: 0; overflow: hidden; }
  #quickMenu li { width: 50%; border: 1px solid #dde0eb; border-left-width:0; border-top: 0; }
  #quickMenu li a { flex-direction: row; text-align: left; justify-content: flex-start; padding: 0.7em 1.5em; }
  #quickMenu li:last-child { border-bottom:0;  }
  #quickMenu li:nth-child(even) { border-right:0; }
}

@media all and (max-width:480px) {
  #quickMenu li a img:not(.mbn) { width: 50px; }
  #quickMenu li a p { width: calc(100% - 50px); }
  #quickMenu li:last-child { width: 100%; }
}

@media all and (max-width:380px) {
  #quickMenu li { width: 100%; border-right:0; }
  #quickMenu li a img:not(.mbn) { width: 45px; }
  #quickMenu li a p { width: calc(100% - 45px); font-size: 1.6rem; }
  #quickMenu li a p br { display: none; }
}


#photoNews { position: relative; background: #f1f8fc; padding: 4% 0;  }
#photoNews > div { position: relative; z-index: 2; }
#photoNews::before,
#photoNews::after { content: ''; z-index: 1; width: 400px; height: 400px; max-width: 35vw; max-height: 35vw; background-size: 100% auto; position: absolute; }
#photoNews::before { background-image: url("/images/main/galleryBG1.png"); left:0; bottom:0; }
#photoNews::after { background-image: url("/images/main/galleryBG2.png"); right:0; top:0; }
#photoNews .tit { position: relative; text-align: center; margin-bottom: 0.7em;  }
#photoNews .tit h3 { font-size: 3.5rem; color:#212121; font-weight: 600; font-family: 'GmarketSans'; }
#photoNews .tit .more { position: absolute; right:0; top: 50%; transform: translateY(-50%); background: #fff; }

#photoNews ul { width: calc(100% + 20px); margin-left: -10px; }
#photoNews ul li { margin: 0 10px; border-radius: 0 25px 25px 25px; overflow: hidden;
                          box-shadow: 5px 5px 15px 3px rgba(179,223,223, 0.2);}
#photoNews ul li:nth-child(odd) {  margin-top: 3em; }
#photoNews ul li img { max-width: 100%; }
#photoNews ul li dl { background: #fff; padding: 1.6em 1.5em; }
#photoNews ul li dl dt { font-size: 1.7rem; color:#212121; font-weight: 600; line-height: 1.3em; height:2.6em;
      display:-webkit-box; -webkit-line-clamp:2; /* 라인수 */ -webkit-box-orient:vertical;  white-space:normal;
      overflow:hidden; text-overflow:ellipsis; }
#photoNews ul li dl dd { font-size: 1.4rem; color:#b0b1b5; margin-top: 2em; font-weight: 300; }


@media all and (max-width:1080px) {
  #photoNews  { padding: 4em 0; }
  #photoNews .tit { margin-bottom: 1.5em; }
  #photoNews ul { width: calc(95% + 12px); margin-left: auto; margin-right: auto;  }
  #photoNews ul li { margin: 0 6px; }
  #photoNews ul li:nth-child(odd) {  margin-top: 2em; }
}

@media all and (max-width:880px) {
  #photoNews ul li {border-radius: 0 15px 15px 15px; }
  #photoNews ul li:nth-child(odd) {  margin-top: 0;  }
}



#bannerAD { padding: 3em 0; }
#bannerAD .s-inner .mtit { border-bottom:0; padding-bottom:0; margin-bottom:0; }
#bannerAD .s-inner .mtit h3 { line-height: 1.0em; }
#bannerAD .adSlide { width: calc(100% + 20px); margin-left: -10px; padding-top: 1.5em; }
#bannerAD .adSlide .item { border: 1px solid #e5e7ee; text-align: center; margin: 0 5px; box-sizing: border-box; }
#bannerAD .adSlide .item img { max-width: 100%; }
#bannerAD .adSlide .slick-arrow { bottom: inherit; top: -2px; width: 8px; height: 12px; }
#bannerAD .adSlide .slick-prev { transform: translate(-320%, -100%); background: url("/images/common/arrow_prev.png") no-repeat center; }
#bannerAD .adSlide .slick-next { transform: translateY(-100%); background: url("/images/common/arrow_next.png") no-repeat center; }

.slideCtr { width: 14px; height: 12px; }
.play { font-size:0; background: url("/images/common/play.png") no-repeat center; display: none; }
.pause { font-size:0; background: url("/images/common/stop.png") no-repeat center; }


@media all and (max-width:880px) {
  #bannerAD { padding: 2em 0; }
  #bannerAD .adSlide { width: calc(100% + 6px); margin-left: -3px; }
  #bannerAD .adSlide .item { margin: 0 3px; }
  .slideBtn { margin-right: 8px; }
  #bannerAD .adSlide .slick-prev { transform: translate(-350%, -100%);}
}

.mNews{border: 1px solid #00a3f7; display: flex; align-items: center; padding: 20px 25px; margin-bottom: 15px; border-radius: 8px;}
.mNews h3{ color: #00a3f7; width: 80px;}
.mNews .main_news{width: calc(100% - 80px);}
.mNews .main_news li{}
.mNews .main_news li a{color: #222; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.mNews .main_news li:hover a{text-decoration: underline;}

@media all and (max-width:976px){
	.mNews{padding: 15px 20px; margin-bottom: 12px; border-radius: 5px;}
	.mNews h3{width: 60px;}
	.mNews .main_news{width: calc(100% - 60px);}
	.mNews h3{font-size: 1.7rem;}
	.mNews .main_news li a{font-size: 1.6rem;}
}
@media all and (max-width:640px){
	.mNews{padding: 12px 15px;}
	.mNews h3{width: 55px;}
	.mNews .main_news{width: calc(100% - 55px);}
}