@charset "utf-8";

@charset "utf-8";

/* 슬라이드 공용 */
.slick-slider { transition:all ease-in-out .3s; box-sizing:border-box; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; -webkit-touch-callout:none; -khtml-user-select:none; -ms-touch-action:pan-y; touch-action:pan-y; -webkit-tap-highlight-color:transparent }
.slick-slide { display:none; height:100%; min-height:1px; vertical-align:middle }
.slick-list { overflow:hidden; height:100% }
.slick-list.dragging { cursor:pointer }
.slick-track { height:100% }
.slick-initialized .slick-slide { display:inline-block }
.slick-arrow.slick-hidden { display:none }
.slick-current { display:block; opacity:1 }

/* 상단팝업 */
.tpopup_wrap { position:relative; z-index:998; width:100%; height:auto; background:#274160;}
.top_popup { overflow:hidden; max-width:1400px; position:relative; margin:0 auto }
.top_popup .list_wrap { overflow: hidden; height:2.75rem; margin:1.75rem 1.5rem; }
.top_popup .topPopList { margin-left:-1px }
.top_popup .topPopList .topPopListItem { float:left; width:33.33% }
.top_popup .topPopList .topPopListItem a { display:block; position:relative; min-height:2.7rem; padding:0 1rem 0 4rem; border-left:1px dashed #6c829c; line-height:0.9rem; font-weight:400; font-size:0.75rem; color:#fff }
.top_popup .topPopList .topPopListItem a img { width:100%; max-height:2.75rem }
.top_popup .topPopList .topPopListItem a:before { content:""; position:absolute; top:0; left:1rem; width:2.5rem; height:2.5rem; border-radius:2.5rem; background:#102743 url('/resources/images/T3_B_main/ico_toppopup.png') no-repeat center }
.top_popup .slick-arrow { overflow:hidden; position:absolute; top:50%; width:1.6rem; height:1.6rem; margin-top:-0.8rem; background-repeat:no-repeat; background-position:center; background-size:100%; color:transparent; cursor:pointer }
.top_popup .slick-prev { left:0; background-image:url('/resources/images/T3_B_main/btn_link01_prev.png') }
.top_popup .slick-next { right:0; background-image:url('/resources/images/T3_B_main/btn_link01_next.png') }

/* common */
.btn_more {position: absolute; display: flex; align-items: center; right: 0; top: -0.25rem; color: #555; font-weight: 600; font-size: 0.9rem; font-family: 'Montserrat';}
.btn_more i{display: flex; align-items: center; justify-content: center; width: 2.1rem; height: 2.1rem; background: #6a6a6a; border-radius: 50%; color: #fff; font-size: 1.2rem; margin-left: 0.35rem; transition: 0.2s; -webkit-transition: 0.2s;}
.btn_more:hover i { transform: rotate(180deg);}

/* 메인비주얼 */
.main_visual { position:relative; width:100%; height:100% }
.main_visual .slogan {font-size: 1.8rem; font-family: 'GmarketSans'; color: #fff; padding-top: 2.75rem;}
.main_visual .slogan span {display: block; font-size: 0.75rem; font-weight: 700; opacity: 0.74; letter-spacing: 0.5px; margin-bottom: 1.75rem;}
.main_visual .slogan p {line-height: 1.5; font-weight: 300;}
.main_visual .slogan p em {display: block; font-weight: 400;}
.main_visual .visual { position: absolute; top:0; left: 33rem;  width: 100%; max-width: 71rem; overflow:hidden; height:100%; background:#4a4a4a; border-radius: 4rem 0 0 4rem; isolation: isolate; box-shadow: 5px 5px 30px rgba(57,131,206,0.2);}
.main_visual .visual .visualItem { overflow:hidden; position:relative; width:100%; height:100%; text-align:center;}
.main_visual .visual .visualItem a { position:relative; display:block; width:100%; height:100%; }
.main_visual .visual .visualItem img { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); }
.main_visual .visual .visualItem img.hoiztImg { width:100%; height:auto; }
.main_visual .visual .visualItem img.vertImg { width:auto; height:100%; }
.main_visual .control { display: flex; align-items: center; z-index:10; margin-top: 1rem;}
.main_visual .control a { display:block; overflow:hidden; color:#fff; font-size: 1.35rem;}
.main_visual .control .prev {order:2; position: relative; padding-right: 0.5rem; margin-right: 0.5rem;}
.main_visual .control .prev::after {content: ''; position: absolute; right: 0; top: calc(50% - 0.45rem); width: 1px; height: 0.8rem; background: rgba(255,255,255,0.86);}
.main_visual .control .next {order:3;}
.main_visual .control .stop,
.main_visual .control .play {order:4; font-size: 1.1rem; display: block; text-align: center; width: 2.4rem; height: 2.4rem; line-height: 2.5rem; border-radius: 50%; background: #fff; color: #008194; margin-left: 1rem;}
.main_visual .control .play {display:none;}
.main_visual .control .more { background-image:url('/resources/images/T3_B_main/btn_more.png') }
.main_visual .slick-counter { order:1; color: #fff; font-size: 0.75rem; margin-right: 1.25rem; margin-top: -0.25rem;}
.main_visual .slick-counter .current { font-size:1.5rem; font-weight: 700;}
.main_visual .slick-counter .total { font-size:1rem;}
.main_visual .slick-counter em {display: inline-block; vertical-align: text-bottom; margin: 0 0.5rem;}
.main_visual .control a:hover,
.main_visual .control a:focus {color: #006473;}
.main_visual .control .stop:hover,
.main_visual .control .stop:focus,
.main_visual .control .play:hover,
.main_visual .control .play:focus {background: #006473; color: #fff;}

/* 메인 검색 */
.main_srch .srch_box {width: 100%; height: 3.5rem; padding: 0.3rem  0.3rem 0.3rem 2rem; border-radius: 1.75rem; background: #fff; border: 2px solid #008295;}
.main_srch form, .main_srch fieldset {height: 100%;}
.main_srch .srch_box fieldset {width: 100%; display: flex; align-items: center; justify-content: space-between;}
.main_srch .srch_box input {border:none; height: 100%; width: calc(100% - 3rem); font-size: 0.9rem; color:#939393;}
.main_srch .srch_box .btn_main_srch {display: flex; align-items: center; justify-content: center; width: 2.7rem; height: 2.7rem; border-radius: 50%; background: #008295; color: #fff; font-size: 1.5rem;}
.main_srch .keywords {margin-top: 0.5rem;}
.main_srch .keywords dt {font-size: 0.9rem; font-weight: 600; color: #fff;}
.main_srch .keywords dt i {font-weight: 400; margin-right: 0.25rem;}
.main_srch .keywords dd {display: flex; flex-wrap: wrap; gap: 0.5rem; font-size: 0.8rem;}
.main_srch .keywords dd a {color: #fff;}
.main_srch .keywords dd a:hover,
.main_srch .keywords dd a:focus {text-decoration: underline;}

/* sns_link */
.sns_link {display: flex; align-items: center; gap:3rem; width: 100%; padding: 0.75rem 0 0 36rem; font-family: 'GmarketSans'; font-size: 0.9rem;}
.sns_link a {position: relative; display: flex; align-items: center; color: #fff; font-weight: 400;}
.sns_link a::before {content:''; position: absolute; right: -1.25rem; top:50%; transform: translateY(-57%); width: 1.1rem; height: 1.1rem; border-radius: 50%; background: #007081; opacity: 0;}
.sns_link a::after {content:'\e90b'; position: absolute; right:-0.9rem; top:50%; transform: translateY(-60%); font-family: 'xeicon'; font-weight: 400; font-size: 0.9rem; color: #fff; opacity: 0;}
.sns_link a i {font-size: 1.2rem; margin-right: 0.25rem; font-weight: 400;}
.sns_link a,
.sns_link a::before,
.sns_link a::after {transition: all 0.2s;}
.sns_link a:hover,
.sns_link a:focus {font-weight: 700;}
.sns_link a:hover::before,
.sns_link a:focus::before {right: -1.5rem; opacity: 1;}
.sns_link a:hover::after,
.sns_link a:focus::after {right:-1.1rem; opacity: 1; font-weight: 400;}
.sns_link a:hover i,
.sns_link a:focus i {font-weight: 400;}

/* scroll down */
.scroll_txt {position: absolute; display: flex; flex-direction: column; align-items: center; justify-content: space-between; height: 5.25rem; left: 50%; bottom: 3rem; margin-left: -47.75rem;}
.scroll_txt em {display: inline-block; font-size: 0.7rem; font-weight: 700; color: #fff; transform: rotate(90deg);}
.scroll_txt span {display: inline-block; width: 1.7rem; line-height: 1.8rem; height: 1.7rem; text-align: center; border-radius: 50%; background: #014753; color: #fff;}
.scroll_txt span i {animation:scrollDown 1s infinite linear;}

@keyframes scrollDown {
	0% {transform:translateY(0); transform:translateY(0);}
	40% {transform:translateY(5px); transform:translateY(5px);}
	80% {transform:translateY(-5px); transform:translateY(-5px);}
	100% {transform:translateY(0); transform:translateY(0);}
}

/* 바로가기01 */
.m_link01 {display: flex; justify-content: space-between;}
.m_link01 h2 { position:relative; display: flex; justify-content: center; flex-direction: column; width: 27.5%; height: 15.5rem; font-family:'GmarketSans'; color:#222; font-size:2rem; font-weight:700;}
.m_link01 h2:before { content:''; position:absolute; top:0; right:0; width:500%; height:100%; border-bottom-right-radius:5.5rem; background: #e7f0ff; z-index: -1;}
.m_link01 h2 span {font-size: 1.1rem; color: #254b96;}
.m_link01 ul {display: flex; width:65%; height:auto; margin-top:4rem; }
.m_link01 ul li { position:relative; flex:1;}
.m_link01 ul li .img { display:flex; align-items: center; justify-content: center; width: 7rem; height: 7rem; margin:0 auto; border-radius: 2.25rem; background: #fff; border: 2px solid transparent; box-shadow: 0 0 20px rgba(34,56,88,0.15); transition:all 0.3s ease; }
.m_link01 ul li .img img { width:100%; height:auto; }
.m_link01 ul li strong { display:block; margin-top: 1.25rem; padding:0 0.5rem; font-size:1rem; color: #444; font-family:'GmarketSans'; text-align: center; line-height:1.3; font-weight: 400; overflow:hidden; transition:all 0.3s ease;}
.m_link01 ul li a:hover .img, 
.m_link01 ul li a:focus .img { border-color: #598ff1;}
.m_link01 ul li a:hover strong, 
.m_link01 ul li a:focus strong { font-size: 1.1rem; color: #111; font-weight: 700;}

/* 게시판 */
.M_notice {position: relative; width: 100%; height: 100%; margin-top: 0.25rem;}
.M_notice .titTab {padding-right: 5rem; margin-bottom: 0.75rem; display: flex; align-items: center; line-height: 1.9rem;}
.M_notice .titTab h2{margin-right: 1rem; font-size: 1.5rem; color: #222; font-family: 'Montserrat'; font-weight: 700; overflow: hidden; min-width: 6rem; max-width: 10%; white-space: nowrap;}
.M_notice .titTab ul {display: flex; align-items: center; width: 100%; gap: 0.5rem 2rem;}
.M_notice .titTab ul li {max-width: 50%; position: relative; width: auto;}
.M_notice .titTab ul li ~ li::before {position: absolute; left:-1.1rem; top:calc(50% - 0.4rem); width: 1px; height: 0.6rem; border-left: 4px dotted #b8b8b8; content: '';}
.M_notice .titTab ul li a {position: relative; display: flex; font-family:'GmarketSans';}
.M_notice .titTab ul li a::before {content:'\EB79'; font-family: 'remixicon'; align-items: center; justify-content: center; width: 1.6rem; height: 1.6rem; background: #5394f2; border-radius: 50%; font-size: 1.1rem; margin-right: 0.5rem; color: #fff; display: none;}
.M_notice .titTab ul li a span {display: inline-block; font-size: 1.2rem; color: #666; text-align: center; white-space: nowrap; overflow: hidden; font-weight: 400;}
.M_notice .tabWrap .list_box {display: none;}
.M_notice .tabWrap .list_box ul {display: flex; gap: 0.5rem 1.5rem;}
.M_notice .tabWrap .list_box ul li {width: calc(33.3% - calc(1.5rem * 2 / 3)); position: relative;}
.M_notice .tabWrap .list_box ul li::before{content: ""; width: 100%; height: calc(100% + 7px); position: absolute; bottom: -7px; right: -7px; background: url("/images/web/bshc/main/noticeList_bg.png"); z-index: -1; border-radius: 1.25rem;}
.M_notice .tabWrap .list_box ul li:nth-child(n + 4) {display: none;}
.M_notice .tabWrap .list_box ul li a {display: block; position: relative;  padding: 1.25rem 1.5rem; height: 12.5rem; border: 1px solid #ddd; border-radius: 2rem; transition: 0.2s; -webkit-transition: 0.2s;}
.M_notice .tabWrap .list_box ul li a .etc {display: flex; align-items: center; justify-content: space-between;}
.M_notice .tabWrap .list_box ul li a em { display: inline-block; color: #111; font-size: 0.75rem; font-family: inherit; font-weight: 600; text-align: center; line-height: 1;}
.M_notice .tabWrap .list_box ul li a em strong {display: block; font-size: 1.5rem;}
.M_notice .tabWrap .list_box ul li a .index {display: inline-flex; align-items: center; justify-content: center; width: 3rem; height: 3rem; border-radius: 50%; background: #f1f1f1; font-size: 0.75rem; color: #6a6a6a;}
.M_notice .tabWrap .list_box ul li a p {font-size: 1rem; color: #333; position: relative; font-weight: 600; line-height: 1.6rem; margin-top: 1rem; display: -webkit-box; -webkit-box-orient: vertical; height: 5rem; word-wrap: break-word; text-overflow: ellipsis; -webkit-line-clamp: 3; overflow: hidden;}
.M_notice .tabWrap .list_box ul li a span {display: block; color: #555; font-size: 0.8rem; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
/* 게시판 : active */
.M_notice .titTab ul li a,
.M_notice .titTab ul li a::before {transition: all 0.15s;}
.M_notice .titTab ul li a.current span,
.M_notice .titTab ul li a:hover span,
.M_notice .titTab ul li a:focus span {font-weight: 700; color: #111;}
.M_notice .titTab ul li a.current::before {display: inline-flex;}
.M_notice .tabWrap .list_box.on {display: block;}
.M_notice .tabWrap .list_box ul li a:hover{border-color: #5493f4;}
.M_notice .tabWrap .list_box .btn_more:hover i { transform: rotate(180deg);}
/* 게시판 : no_data */
.M_notice .tabWrap .list_box li.no_data { width: 100%; height: 100%; line-height: 12.5rem; text-align: center; border: 1px solid #ddd; border-radius: 1rem;}
.M_notice .list_box li.no_data .date {display: none;}

/* 팝업 */
.box_popup { overflow:hidden; position:relative; height:100%; }
.box_popup h2 { display:none; height:3rem; line-height:3rem; margin:0 6rem 0 1rem; font-family:'GmarketSans'; font-size:1.1rem; font-weight:400; color:#fff; white-space: nowrap; overflow:hidden; }
.box_popup .pop { overflow:hidden; position:relative; height:15.5rem; border-radius: 2rem; }
.box_popup .pop .popItem { width:100%; height:100%; }
.box_popup .pop .popItem a { display:block; width:100%; height:100%; text-align:center; background:#f5f5f5; }
.box_popup .pop .popItem a img { max-width:100%; width:100%; height:100%; object-fit: contain; position: relative; top: 50%; transform: translateY(-50%);}
.box_popup .control { position:absolute; display: flex; align-items: center; padding: 0.25rem 0.75rem 0 0.75rem; bottom:0; right:0; z-index:10; border-top-left-radius: 1rem; background: #fff;}
.box_popup .control a { display:block; overflow:hidden; font-size: 1.3rem; color: #000; line-height: 1;}
.box_popup .control .prev {order:1; }
.box_popup .control .next {order:3; }
.box_popup .control .stop {order:2;}
.box_popup .control .play {order:2; display:none;}
.box_popup .control .slick-counter2 {order:4; margin-left: 0.25rem; color: #333;}
.box_popup .control .slick-counter2 .current {position:relative; margin-right: 1rem; font-weight: 700; color: #e85252;}
.box_popup .control .slick-counter2 .current::before {content:''; position: absolute; right: -0.65rem; top: calc(50% - 2px); width: 4px; height: 4px; border-radius: 50%; background: #aeb4bc;}

/* 최신 건강정보 안내 */
.M_notice2 h2 {font-size:2rem; font-weight: 700; color: #000;}
.M_notice2 .titTab {display: flex; align-items: center; justify-content: space-between; font-family:'GmarketSans'; margin-bottom: 2rem;}
.M_notice2 .titTab ul {display: flex; align-items: center; margin-right: 6rem;}
.M_notice2 .titTab li {position: relative; font-size: 1.2rem; color:#737373; padding: 0 0.9rem;}
.M_notice2 .titTab li:first-child:before,
.M_notice2 .titTab li ~ li::before {position: absolute; right:-0.1rem; top:calc(50% - 0.25rem); width: 4px; height: 4px; border-radius: 50%; background: #9caaaa; content: '';}
.M_notice2 .titTab li:last-child:before {display: none;}
.M_notice2 .titTab ul li a {position: relative; display: flex; align-items: center;}
.M_notice2 .titTab ul li a::before {content:'\EB80'; font-family: 'remixicon'; align-items: center; justify-content: center; font-size: 1.5rem; color: #01857f; margin-right: 0.25rem; margin-top: -0.2rem; display: none;}
.M_notice2 .titTab ul li a span {display: inline-block; font-size: 1.2rem; color: #666; text-align: center; white-space: nowrap; overflow: hidden; font-weight: 400;}
.M_notice2 .tabWrap .list_box {display: none;}
.M_notice2 .tabWrap .list_box ul {display: flex; gap: 0.5rem 2rem;}
.M_notice2 .tabWrap .list_box ul li {width: calc(25% - calc(2rem * 3 / 4)); position: relative;}
.M_notice2 .tabWrap .list_box ul li::before{content: ""; width: 100%; height: calc(100% + 7px); position: absolute; bottom: -7px; right: -7px; background: url("/images/web/bshc/main/noticeList_bg.png"); z-index: -1; border-radius: 1.25rem;}
.M_notice2 .tabWrap .list_box ul li:nth-child(n + 5) {display: none;}
.M_notice2 .tabWrap .list_box ul li a {display: block; position: relative;}
.M_notice2 .tabWrap .list_box ul li a .imgbox {display: flex; flex-direction: column; justify-content: space-between; padding: 1.5rem 1.5rem 0.75rem; height: auto; background: #fff; border: 1px solid #fff; text-align: center; border-radius: 3rem; box-shadow: 0 0 20px rgba(15,55,114,0.05); transition: 0.2s; -webkit-transition: 0.2s;}
.M_notice2 .tabWrap .list_box ul li a .imgbox strong {display: block; font-family:'GmarketSans'; font-size: 1.1rem; color: #111;}
.M_notice2 .tabWrap .list_box ul li a .imgbox strong span {display: block; font-size: 0.85rem; font-family: 'Pretendard'; font-weight: 500; color: #555; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; margin-top: 0.25rem;}
.M_notice2 .tabWrap .list_box ul li a .imgbox .img {padding-top: 1.25rem;}
.M_notice2 .tabWrap .list_box ul li a .imgbox img {max-width: 100%; height: auto; object-fit: cover;}
.M_notice2 .tabWrap .list_box ul li a .etc {display: flex; align-items: center; justify-content: space-between;}
.M_notice2 .tabWrap .list_box ul li a .cont { display: flex; align-items: center; flex-wrap: wrap; margin-top: 1rem;}
.M_notice2 .tabWrap .list_box ul li a .cont span {display: inline-block; line-height: 1.7rem; font-weight: 600; font-size: 0.75rem; color: #111; padding: 0 0.5rem; background: rgb(91,91,91,0.12); border-radius: 0.9rem; margin-right: 0.25rem;}
.M_notice2 .tabWrap .list_box ul li a .cont .kwd {display: flex; flex-wrap: wrap; font-size: 0.85rem; color: #444; gap: 0 0.25rem;}
.M_notice2 .btn_more {top: 0.4rem; color: #829e9c;}
.M_notice2 .btn_more i {background: #779492;}
/* 최신 건강정보 안내 : active */
.M_notice2 .titTab ul li a,
.M_notice2 .titTab ul li a::before,
.M_notice2 .tabWrap .list_box ul li a .imgbox {transition: all 0.15s;}
.M_notice2 .titTab ul li a.current span,
.M_notice2 .titTab ul li a:hover span,
.M_notice2 .titTab ul li a:focus span {font-weight: 700; color: #01857f;}
.M_notice2 .titTab ul li a.current::before {display: inline-flex;}
.M_notice2 .tabWrap .list_box.on {display: block;}
.M_notice2 .tabWrap .list_box ul li a:hover .imgbox,
.M_notice2 .tabWrap .list_box ul li a:focus .imgbox {border-color: #00867f;}
/* 최신 건강정보 안내 : no_data */
.M_notice2 .tabWrap .list_box li.no_data { width: 100%; height: 100%; line-height: 20.85rem; text-align: center;}

@media (max-width:1640px) {

	/* 메인비주얼 */
	.m_link03 .slick-arrow.slick-prev { left:2%; margin-left:0 }
	.m_link03 .slick-arrow.slick-next { right:2%; margin-right:0 }
	.m_link03 .slick-list { max-width:calc(96% - 4.2rem) }
}

@media (max-width:1440px) {
	/* 바로가기01 */
	.m_link01 ul li { width:50%; }
	.m_link01 .linkbox { width:100% }
	.m_link01 .linkbox + div { border-top:1px dashed #ddd }

}
@media (max-width:1420px) {


	/* 바로가기03  */
	.m_link03 ul li { height:2.7rem }
	.m_link03 ul li a { height:2.7rem }

	/* 상단팝업 */
	.top_popup { max-width:none; width:96% }
}

@media (max-width:1200px) {

	/* 상단팝업 */
	.top_popup .list_wrap { margin:1rem 1.5rem }

	/* 메인비주얼 */
	.main_visual .slogan {padding-top: 1.75rem; font-size: 1.4rem;}
	.main_visual .slogan span {font-size: 0.65rem; margin-bottom: 1.25rem;}
	.main_visual .visual {border-radius: 1.5rem 0 0 1.5rem; left:25rem;}
	.main_visual .control .stop, .main_visual .control .play {width:2rem; height: 2rem; line-height: 2.1rem;}

	.sns_link {padding: 0.5rem 0 0 26rem;}

	/* 바로가기01 */
	.m_link01 {position: relative; flex-direction: column; padding: 1.75rem 0;}
	.m_link01:before { content:''; position:absolute; top:0; right:-1rem; bottom:0; left:-1rem; width:auto; height:100%; background: #e7f0ff; z-index: -1;}
	.m_link01 h2 {flex-direction: row; align-items: center; width: 100%; height: auto; font-size: 1.4rem;}
	.m_link01 h2 span {font-size: 1.4rem; margin-right: 0.35rem;}
	.m_link01 h2:before {display: none;}
	.m_link01 ul {width: 85%; margin: 1rem auto 0;}

	/* 게시판 */
	.M_notice .tabWrap .list_box ul {gap: 0.5rem 1rem;}
	.M_notice .tabWrap .list_box ul li {width: calc(50% - 0.5rem);}
	.M_notice .tabWrap .list_box ul li:nth-child(n + 3) {display: none;}
	.M_notice .tabWrap .list_box li.no_data { line-height: 12.35rem;}

	/* 최신 건강정보 안내 */
	.M_notice2 h2 {font-size: 1.5rem;}
	.M_notice2 .titTab {margin-bottom: 0.75rem;}
	.M_notice2 .titTab li:first-child:before, 
	.M_notice2 .titTab li ~ li::before {right:-0.15rem;}
	.M_notice2 .titTab ul li a::before {font-size: 1.3rem;}
	.M_notice2 .titTab ul li a span {font-size: 1.1rem;}
	.M_notice2 .tabWrap .list_box ul {gap: 0.5rem 1.5rem;}
	.M_notice2 .tabWrap .list_box ul li {width: calc(33.3% - calc(1.5rem * 2 / 3));}
	.M_notice2 .tabWrap .list_box ul li:nth-child(n + 4) {display: none;}
	.M_notice2 .tabWrap .list_box ul li a .imgbox {padding: 1rem 1rem 0.25rem;}
	.M_notice2 .tabWrap .list_box ul li a .imgbox strong {font-size: 1rem;}
	.M_notice2 .tabWrap .list_box ul li a .imgbox strong span {font-size: 0.8rem; margin-top: 0.2rem;}
	.M_notice2 .tabWrap .list_box ul li a .cont span {font-size: 0.7rem;}
	.M_notice2 .tabWrap .list_box ul li a .cont .kwd {font-size: 0.8rem;}
	.M_notice2 .btn_more {top: 0;}
	/* 최신 건강정보 안내 : no_data */
  .M_notice2 .tabWrap .list_box li.no_data { line-height: 20.1rem;}
}

@media (max-width:1024px) {

	/* 메인비주얼 */
	.main_visual .visual {left:24rem;}
	.main_visual .visual .visualItem img { position:relative; width:auto; height:100%; left:28%;}
	.main_visual .visual .visualItem img.vertImg { height:auto; }

	.sns_link {padding: 0.5rem 0 0 24.5rem; gap: 1.75rem; font-size: 0.8rem; letter-spacing: -1px;}
	.sns_link a i {font-size: 1rem;}

  /* 바로가기01 */
  .m_link01 ul {width: 100%;}
}

@media (max-width:850px) {
	/* 게시판 */
	.M_notice .tabWrap .list_box ul li {width: 100%;}
	.M_notice .tabWrap .list_box ul li:nth-child(n + 2) {display: none;}
}

@media (max-width:800px) {
	/* 메인비주얼 */
	.main_visual {display: flex; flex-direction: column;}
	.main_visual .slogan {order: 1; padding-top: 0; font-size: 1.2rem;}
	.main_visual .slogan span {font-size: 0.6rem; margin-bottom: 0.75rem;}
	.main_visual .slogan p br {display: none;}
	.main_visual .visual {order: 3; position: relative; left: auto; top: auto; height: 18rem; border-radius: 1.5rem;}
	.main_visual .control {order: 2; margin-top: 0.5rem; margin-bottom: 0.75rem;}
	.main_visual .slick-counter {font-size: 0.7rem;}
	.main_visual .slick-counter .current {font-size: 1.25rem;}

	.sns_link {display: none;}

	/* 바로가기01 */
	.m_link01 .linkbox { width:100% }
	.m_link01 .linkbox + div { margin-top:1rem }

	/* 게시판 */
	.M_notice .tabWrap .list_box ul li {width: calc(50% - 0.5rem);}
	.M_notice .tabWrap .list_box ul li:nth-child(2) {display: block;}
	.M_notice .tabWrap .list_box ul li:nth-child(n + 3) {display: none;}


	/* 퀵메뉴*/
	.quickmenu { background:#fff }
	.quickmenu:before { left:auto; top:auto; right:0; bottom:1rem; width:14rem; background-size:cover }
	.quickmenu ul { width:calc(100% - 14rem) }
}

@media (max-width: 768px){
	/* 메인비주얼 */
	.main_visual .visual .visualItem img { left:50%;}

	/* 게시판 */
	.M_notice .titTab { margin-bottom: 0.75rem; }

	/* 최신 건강정보 안내 */
	.M_notice2 .titTab {flex-direction: column; gap:0.5rem; align-items: start;}
	.M_notice2 .titTab ul {flex-wrap: wrap; width: 100%; margin-right: 0; margin-left: -0.9rem;}
	.M_notice2 .tabWrap .list_box ul {gap:0.5rem 1rem;}
	.M_notice2 .tabWrap .list_box ul li {width: calc(50% - 0.5rem);}
	.M_notice2 .tabWrap .list_box ul li:nth-child(n + 3) {display: none;}
	/* 최신 건강정보 안내 : no_data */
  .M_notice2 .tabWrap .list_box li.no_data { line-height: 20.7rem;}
}

@media (max-width:680px) {

	/* 상단팝업 */
	.top_popup ul li a { border:0 }

	/* 바로가기02 */
	.m_link02 ul li { width:49%; margin-left:2%; }
	.m_link02 ul li:nth-child(2n+1) { margin-left:0; }
	.m_link02 ul li:nth-child(3) { margin-top:0.5rem }

	/* SNS */
	.snsWrap .cont li { width:50%; margin-left:0 !important; }
	.snsWrap .cont li:nth-child(3) { margin-top:1rem; }
	.snsWrap .cont li:nth-child(n+5) { display:none; }
}

@media (max-width: 580px){
	.btn_more {font-size: 0.75rem; top: 0.1rem;}
	.btn_more i {width:1.75rem; height:1.75rem; font-size: 1rem;}

	/* 메인비주얼 */
	.main_visual .visual { height:13rem;}

	/* 바로가기01 */
	.m_link01 {padding: 1.5rem 0;}
	.m_link01 h2 {justify-content: start; font-size: 1.2rem; flex-wrap: wrap;}
	.m_link01 h2 span {font-size: 1.2rem;}
	.m_link01 ul {flex-wrap: wrap; gap: 0.4rem 0.6rem; margin-top: 0.5rem}
	.m_link01 ul li {width: calc(50% - 0.3rem); flex: none;}
	.m_link01 ul li a {display: block; background: #fff; border: 1px solid #d3d8dc; border-radius: 0.5rem;}
	.m_link01 ul li a .img {display: none;}
	.m_link01 ul li strong {position: relative; margin-top: 0; line-height: 2.5rem; text-align: left; padding: 0 1rem; font-size: 0.85rem;}
	.m_link01 ul li strong::after {content:'\e90b'; position: absolute; right:1rem; top: 50%; transform: translateY(-50%); font-weight: 400; font-family: 'xeicon'; font-size: 0.85rem; color: #111; opacity: 0; transition: all 0.15s;}
	.m_link01 ul li a:hover strong, 
	.m_link01 ul li a:focus strong { font-size: 0.9rem;}
	.m_link01 ul li a:hover strong::after, 
	.m_link01 ul li a:focus strong::after { opacity: 1; font-weight: 400;}

	/* 게시판 */
	.M_notice .titTab {padding-right: 2rem;}
	.M_notice .titTab ul {gap: 0.5rem 1.5rem;}
	.M_notice .titTab ul li ~ li::before {left: -0.8rem;}
	.M_notice .titTab ul li a::before {width: 1.4rem; height: 1.4rem; font-size: 1rem;}
	.M_notice .titTab ul li a span {font-size: 1rem;}
	.M_notice .tabWrap .list_box ul li a {padding: 1rem; height: 9rem; border-radius: 1.5rem;}
	.M_notice .tabWrap .list_box ul li a .index {width: 2.75rem; height: 2.75rem;}
	.M_notice .tabWrap .list_box ul li a em strong {font-size: 1.4rem;}
	.M_notice .tabWrap .list_box ul li a p {margin-top: 0.5rem; font-size: 0.9rem; line-height: 1.45rem; height: 3rem; -webkit-line-clamp: 2;}
	.M_notice .tabWrap .list_box li.no_data { line-height: 8.85rem;}

	/* 팝업 */
	.box_popup .pop {border-radius: 1.5rem; height: 14rem;}

	/* 최신 건강정보 안내 */
	.M_notice2 h2 {font-size: 1.3rem;}
	.M_notice2 .titTab {margin-bottom: 0.75rem;}
	.M_notice2 .titTab ul li a::before {font-size: 1.2rem;}
	.M_notice2 .titTab ul li a span {font-size: 1rem;}
	.M_notice2 .tabWrap .list_box ul li a .imgbox {padding: 1rem 1rem 0.25rem; border-radius: 1.5rem;}
	/* 최신 건강정보 안내 : no_data */
  .M_notice2 .tabWrap .list_box li.no_data { line-height: 17.65rem;}
}

@media (max-width:540px) {

	/* SNS */
	.snsWrap h2 { display:block; margin-bottom:0; line-height:1.2 }
	.snsWrap > p { margin-bottom:1rem }
}

@media (max-width: 480px){
	/* 게시판 */
	.M_notice .tabWrap .list_box ul li {width: 100%;}
	.M_notice .tabWrap .list_box ul li:nth-child(n + 2) {display: none;}

	/* 최신 건강정보 안내 */
	.M_notice2 .tabWrap .list_box ul {flex-wrap: wrap; gap: 0.5rem;}
	.M_notice2 .tabWrap .list_box ul li {width: calc(50% - 0.25rem);}
	.M_notice2 .tabWrap .list_box ul li:nth-child(3),
	.M_notice2 .tabWrap .list_box ul li:nth-child(4) {display: block;}
	.M_notice2 .tabWrap .list_box ul li:nth-child(n + 5) {display: none;}
	.M_notice2 .tabWrap .list_box ul li a {display: flex; flex-direction: column; height: 100%; padding: 0.75rem; background: #fff; border: 1px solid #fff; border-radius: 0.75rem; box-shadow: 0 0 20px rgba(15,55,114,0.05); transition: 0.2s; -webkit-transition: 0.2s;}
	.M_notice2 .tabWrap .list_box ul li a .imgbox {padding: 0; background: none; border:none; border-radius: 0; box-shadow: none; order: 2;}
	.M_notice2 .tabWrap .list_box ul li a .imgbox strong {font-size: 0.85rem; font-weight: 400; text-align: left; margin-top: 0.4rem; word-break: keep-all;}
	.M_notice2 .tabWrap .list_box ul li a .imgbox strong span,
	.M_notice2 .tabWrap .list_box ul li a .imgbox .img,
	.M_notice2 .tabWrap .list_box ul li a .cont .kwd {display: none;}
	.M_notice2 .tabWrap .list_box ul li a .cont {order: 1; margin-top: 0;}
	.M_notice2 .tabWrap .list_box ul li a .cont span {font-size: 0.7rem;}
	.M_notice2 .tabWrap .list_box ul li a:hover,
	.M_notice2 .tabWrap .list_box ul li a:focus {border-color: #00867f;}
	/* 최신 건강정보 안내 : no_data */
  .M_notice2 .tabWrap .list_box li.no_data { line-height: 10.6rem;}
}

@media (max-width:420px) {

	/* 상단팝업 */
	.top_popup ul li a { padding:0 1rem }
	.top_popup ul li a:before { display:none }
	.top_popup ul li a img { margin:0.25rem 0 0 }

	/* 공지사항 */
	.notice h2 { max-width:calc((100% - 3rem) / 3); font-size:0.9rem; }
	.notice h2 ~ h2 { margin-left:0.4rem; }
	.notice h2 ~ h2:before { left:-0.2rem; }
	.notice h2 a { padding:0;}
	.notice .list_box .btn_more { color:transparent; width:0.9rem; height:0.9rem; }

	/* SNS */
	.snsWrap .snsBtn { position:relative; top:auto; right:auto; width:100%; text-align:center; margin-bottom:1rem }
	.snsWrap .snsBtn li { float:none; display:inline-block; vertical-align:top }
	.snslink ul li:nth-child(n+2) { display:none; }
	.snsWrap .cont li { widtH:100% }
	.snsWrap .cont li + li { margin-left:0; margin-top:1rem }
	.snsWrap .cont li:nth-child(n+3) { display:none; }
}

@media (max-width:380px) {
	.btn_more {font-size: 0;}

	/* 메인비주얼 */
	.main_visual .visual { height:10rem;}

	/* 게시판 */
	.M_notice .titTab ul {gap: 0.5rem 1rem; }
	.M_notice .titTab ul li {max-width: 100%;}
	.M_notice .titTab ul li ~ li::before {left: -0.6rem;}

	/* 바로가기01 */
	.m_link01 ul li strong { padding: 0 0.5rem;}
	.m_link01 ul li strong::after {display: none;}

	/* 바로가기02 */
	.m_link02 ul li { width:100%; margin-left:0 !important; }
	.m_link02 ul li:nth-child(2) { margin-top:0.5rem; }

}

@media (max-width:320px) {

	/* 바로가기01 */
	.m_link01 .linkbox span { display:none }

	/* SNS */
	.snsWrap .snsBtn { padding:0.5rem; }

}