@charset "utf-8";
@import url('/design/common/css/s-core.css');
@import url('/design/common/css/notosans.css');

* {box-sizing:border-box;}
html, body, input, textarea, select { font-family:'notokr', sans-serif; color:#333; font-size:16px; font-weight:400; letter-spacing:-0.7px; overflow-x:hidden; }
input[type="button"] {-webkit-appearance: none; -webkit-border-radius:0;}
img {width:auto; max-width:100%;}
.noScroll {overflow-y:hidden;}

/*본문바로가기*/
#skipBtn a { display: block; position:fixed; left:-9999px; top:-9999px; width:100%; }
#skipBtn a:focus, #skipBtn a:hover, #skipBtn a:active { position:fixed; left:0; top:0; padding:10px 0; background: #333; color: #fff; text-align:center; z-index:300; }

.wrap {max-width:1200px; margin:0 auto;}
@media all and (max-width:1250px){
  .wrap { width:96%; margin:0 2%;}
}

#header { border-bottom:1px solid #ccc;}
#header h1 { position:absolute; left:50%; top:15px; margin-left:-113px; }
#header h1 a { display:block; text-indent:-9999px; width:226px; height:50px; background:url('/design/health2020/img/common/logo.png') no-repeat center;  }
#header > .wrap { overflow:hidden; }
#header .btn {float:left; margin:20px 0;}
#header .btn a {display:inline-block; margin:0 25px; line-height:40px; }
#header .search { float:right; background:#f4f4f4; border:1px solid #ddd; border-radius:20px; padding:0 10px 0 20px; margin:20px 0; }
#header .search input { line-height:40px; height:40px; border:0; background:transparent; vertical-align:top; }
#header .search a { display:inline-block; background:url('/design/health2020/img/common/searchIcon.gif') no-repeat center; width:40px; height:40px; text-indent:-9999px; vertical-align:top; }
@media all and (max-width:1023px){
  #header {height:80px;}
  #header h1 {left:2%; margin-left:0;}
  #header h1 a { width:200px; background-size:100% auto;}
  #header .btn {display:none;}
  #header .search { display:none; }
}

#gnb {position:relative; border-top:1px solid #ebebeb;}
#gnb > .wrap {padding-right:60px; min-height:60px;}
#gnb .dept1 > li {float:left;}
#gnb .dept1 > li:nth-child(1) {width:18%;}
#gnb .dept1 > li:nth-child(2) {width:26%;}
#gnb .dept1 > li:nth-child(3) {width:14%;}
#gnb .dept1 > li:nth-child(4) {width:14%;}
#gnb .dept1 > li:nth-child(5) {width:14%;}
#gnb .dept1 > li:nth-child(6) {width:14%;}
#gnb .dept1 > li > a { position:relative; display:block; text-align:center; font-size:19px; line-height:60px; font-weight:500; }
#gnb .dept1 > li.fix > a { color:#029f8b; }
#gnb .dept1 > li.fix > a::after { content:''; position:absolute; left:0; bottom:0; width:100%; height:5px; background:#029f8b;}
#gnb .dept1 > li > a::before {content:''; position:absolute; left:0; top:27px; width:6px; height:6px; background:#eaeaea; border-radius:50%; }
#gnb .dept1 > li:first-child > a::before {display:none;}
#gnb .dept2 { display:none; position:absolute; left:0; top:60px; width:100%; z-index:100; background:#fff; border-bottom:3px solid #00a5ad; border-top:1px solid #ccc; }
#gnb .dept2::before {content:''; position:absolute; left:0; bottom:-53px; width:100%; height:50px; background:linear-gradient(180deg, rgba(0,0,0,0.3) 0%, transparent 100%);  }
#gnb .dept2 > ul { position:relative; overflow:hidden; padding:10px 0;}
#gnb .dept2 > ul::before,
#gnb .dept2 > ul::after,
#gnb .dept2 > ul > li:first-child::before {content:''; position:absolute; top:0; left:25%; width:1px; height:100%; background:#ddd; }
#gnb .dept2 > ul::before {left:50%;}
#gnb .dept2 > ul > li:first-child::before {left:75%;}
#gnb .dept2 > ul > li {float:left; width:25%; padding:10px 20px; }
#gnb .dept2 > ul > li:nth-child(4n+1) { clear:both;}
#gnb .dept2 > ul > li > a {display:block; border:1px solid #999; padding:10px; border-radius:5px; font-weight:600; }
#gnb .dept2 > ul > li > a:hover,
#gnb .dept2 > ul > li > a.on {background:#029f8b; color:#fff; border:1px solid #00a5ad;}
#gnb .dept3 {margin-top:12px;}
#gnb .dept3 > li > a { display:block; font-size:15px; padding:3px 10px;}
#gnb .dept3 > li > a:hover {text-decoration:underline;}
#gnb a[target="_blank"] span {display:inline-block; background:url('/design/health2020/img/common/blank.gif') no-repeat right 3px; padding-right:12px;}

.gnbBg { display:none; position:absolute; left:0; top:0; width:100%; height:100%; background:#000; opacity:0.5; z-index:10; }
a.sitemap { position:absolute; right:50%; margin-right:-600px; top:0; display:block; width:60px; height:60px; background:url('/design/health2020/img/common/gnbOpen.gif') no-repeat center; text-indent:-9999px; }
#gnbOpen {display:none;}
#gnbM {display:none;}
#gnbM { position:fixed; left:0; top:0; width:100%; height:100%; z-index:200; text-align:left; }
#gnbM .wrap {width:100%; margin:0;}
#gnbM .gnbWrap { position:absolute; right:-320px; top:0; width:320px; height:100%; background:#fff; transition: all 0.3s ease 0.3s; overflow-y:scroll; z-index:60; }
#gnbM .gnbWrap.open { right:0; }
#gnbM a.logo { display:block; width:200px; height:50px; background:url('/design/health2020/img/common/logo.png') no-repeat center; text-indent:-9999px; background-size:100%; margin:40px auto 30px; }
#gnbM .search { display:block; float:none; margin:0 20px; }
#gnbM .search a {float:right;}
#gnbM .top {  padding:0 20px; margin:10px 0 30px;  overflow:hidden; }
#gnbM .top a { display:block; float:left; width:31.33%; margin-left:3%; border:1px solid #aaa; border-radius:20px; text-align:center; padding:5px 0; font-weight:600; }
#gnbM .top a:first-child {margin-left:0;}
#gnbM .dept1 {margin-bottom:40px;}
#gnbM .dept1 > li > a { display:block; padding:10px 20px; font-size:17px; font-weight:500; border-top:1px solid #e5e5e5; }
#gnbM .dept1 > li.on > a {background:#f2f2f2; font-weight:600; }
#gnbM .dept2 > ul > li > a { position:relative; display:block; padding:10px 20px; }
#gnbM .dept2 > ul > li > a.more::before { content:''; position:absolute; right:7%; top:16px; width:9px; height:9px; background:linear-gradient(45deg, rgba(0,0,0,0.3) 50%, transparent 50%); transform:rotate(-135deg);}
#gnbM .dept2 > ul > li.on > a {background:#00a5ad; color:#fff; }
#gnbM .dept3 > li > a {display:block; background:#444; color:#fff; padding:10px 20px; font-size:15px; }
#gnbM li a[target="_blank"] span {display:inline-block; background:url('/design/health2020/img/common/blank.gif') no-repeat right 3px; padding-right:15px; }
#gnbM .dept3 a[target="_blank"] span { background:url('/design/health2020/img/common/blankW.gif') no-repeat right 3px; }
#gnbM .dept2, #gnbM .dept3 {display:none;}
#gnbMClose { position:absolute; background:url('/design/health2020/img/common/gnbClose.png') no-repeat center; width:20px; height:20px; text-indent:-9999px;  right:20px; top:20px;}
@media all and (max-width:1023px){
  #gnb {display:none;}
  a.sitemap { display:none; }
  #gnbOpen {display:block; right:1%; top:10px; margin-right:0;}
}



#footer {clear:both; border-top:1px solid #ccc;}
#footer .banner {border-bottom:1px solid #ebebeb;}
#footer .banner .wrap { position:relative; }
#footer .banner h2 { position:absolute; left:0; top:10px; font-size:16px; }
#footer .banner .control {position:absolute; left:65px; top:5px; z-index:10;}
#footer .banner .control a {display:block; float:left; text-indent:-9999px; background:url('/design/health2020/img/common/bannerCont.gif') no-repeat 0 0; width:35px; height:35px; }
#footer .banner .control a.stop { background-position:-35px 0;}
#footer .banner .control a.play { display:none; background-position:-70px 0;}
#footer .banner .control a.next { background-position:-105px 0;}
#footer .banner ul {margin:10px 0 10px 180px; overflow:hidden;}
#footer .banner ul li { position:relative; text-align:center; padding:0 20px; }
#footer .banner ul li::before { content:''; position:absolute; left:0; top:13px; width:1px; height:15px; background:#ccc; }
#footer .banner ul li a {display:inline-block; line-height:40px; }
#footer .banner_ul .slick-list {margin-left:-1px;}
#footer > .wrap {position:relative; padding:30px 0 30px 280px;}
#footer a.fLogo { display:block; position:absolute; left:0; top:50%; width:225px; height:50px; margin-top:-25px; background:url('/design/health2020/img/common/fLogo.jpg') no-repeat center; text-indent:-9999px; }
#footer .btn { font-size:15px;}
#footer .btn a { position:relative; display:inline-block; margin:0 25px; font-weight:600; }
#footer .btn a::before { content:''; position:absolute; left:-25px; top:4px; width:1px; height:13px; background:#c1c1c1; }
#footer .btn a:first-child {margin-left:0;}
#footer .btn a:first-child::before {display:none;}
#footer .address { font-size:15px; padding:5px 0; margin:10px 0; }
#footer .address p {display:inline-block; margin:5px 15px 5px 0; color:#666; }
#footer .address p strong { margin-right:5px; font-weight:500; color:#111; }
#footer .copy { font-size:13px; letter-spacing:0; color:#777;}
@media all and (max-width:768px){
  #footer > .wrap {padding:30px 0;}
  #footer a.fLogo {display:none; }
  #footer .banner .control {left:auto; right:0;}
  #footer .banner ul { margin:0; padding:45px 0 10px; }
}

/*서브레이아웃*/
#snb {float:left; width:22%;}
#snb h2 { position:relative; font-family:'SCDream', 'notokr', sans-serif; font-size:24px; color:#fff; background:#029f8b; text-align:center; padding-top:85px; height:160px; }
#snb h2 span {display:block; font-size:11px; color:rgba(255,255,255,0.5); font-weight:300; letter-spacing:1.5px; margin-top:5px; }
#snb h2::before {content:''; position:absolute; top:25px; left:50%; width:50px; height:50px; margin-left:-25px; background:url('/design/health2020/img/common/subIcon.png') no-repeat 0 0;}
#snb h2.icon2::before { background-position:-50px 0; }
#snb h2.icon3::before { background-position:-100px 0; }
#snb h2.icon4::before { background-position:-150px 0; }
#snb h2.icon5::before { background-position:-200px 0; }
#snb h2.icon6::before { background-position:-250px 0; }
#snb .dept1 > li {border-bottom:1px solid #e1e1e1;}
#snb .dept1 > li > a { position:relative; display:block; padding:15px 20px; font-size:18px;}
#snb .dept1 > li > a:hover::before {content:''; position:absolute; width:100%; height:3px; background:#007d6d; left:0; bottom:0;}
#snb .dept1 > li > a.on {background:#007d6d; color:#fff; }
#snb .dept1 > li > a.more::after { content:''; position:absolute; right:7%; top:25px; width:9px; height:9px; background:linear-gradient(45deg, rgba(0,0,0,0.3) 50%, transparent 50%); transform:rotate(-135deg);}
#snb .dept1 > li > a.on.more::after {background:linear-gradient(45deg, rgba(255,255,255,0.9) 50%, transparent 50%); }
#snb .dept2 { position:relative; display:none; padding:10px 0; background:#f3f3f3; }
#snb .dept2::after { content:''; position:absolute; left:0; top:0; width:100%; height:12px; background:linear-gradient(0, transparent 0%, #b3b3b3 100%); }
#snb .dept1 > li > a.on+.dept2 {display:block;}
#snb .dept2 > li > a { display:block; padding:7px 20px; font-weight:400; font-size:16px; }
#snb .dept2 > li.on > a,
#snb .dept2 > li > a:hover { font-weight:600; color:#333; }
#snb .dept2 > li.on > a span,
#snb .dept2 > li > a:hover span {border-bottom:1px solid #333;}
#snb .dept2 a[target="_blank"] span {display:inline-block; background:url('/design/health2020/img/common/blank.gif') no-repeat right 3px; padding-right:13px;}
@media all and (max-width:1023px){
  #snb {display:none;}
}

#contentWrap {float:right; width:78%; }
#contentWrap .subTop { position:relative; border-bottom:1px solid #ccc; padding:30px 50px 0; height:160px; }
#contentWrap .subTop h3 { float:left; font-family:'SCDream', 'notokr', sans-serif; font-size:38px; font-weight:600; margin-right:20px; }
#contentWrap .subTop .util { position:relative; float:left;}
#contentWrap .subTop .util > a { float:left; display:block; width:40px; height:40px; background:url('/design/health2020/img/common/utilIcon.png') no-repeat 0 0 ; text-indent:-9999px; margin:6px 3px; }
#contentWrap .subTop .util > a:last-child {background-position:-40px 0;}
#contentWrap .subTop .share {display:none; position:absolute; left:0; top:55px; z-index:10; }
#contentWrap .subTop .share a {display:block; border-radius:20px; font-size:15px; padding:5px 20px; margin:3px 0; background:#385899; color:#fff; text-align:center; }
#contentWrap .subTop .share a:nth-child(2) {background:#000000;}
#contentWrap .subTop .share a:nth-child(3) {background:#f7d500; color:#3e2224;}
#contentWrap .subTop .loca { clear:both; padding-top:20px; }
#contentWrap .subTop .loca a { position:relative; display:inline-block; margin-right:30px; color:#777; }
#contentWrap .subTop .loca a::before {content:''; position:absolute; right:-19px; top:7px; width:7px; height:7px; border-top:1px solid #888; border-left:1px solid #888; transform:rotate(135deg);  }
#contentWrap .subTop .loca a:last-child {color:#333; font-weight:600;}
#contentWrap .subTop .loca a:last-child::before {display:none;}
#content {padding:50px;}
@media all and (max-width:1023px){
  #contentWrap {width:100%;}
}
@media all and (max-width:768px){
  #contentWrap .subTop { padding:20px; height:auto; }
  #content {padding:30px 20px;}
}
@media all and (max-width:480px){
  #contentWrap .subTop h3 {float:none; font-size:30px;}
  #content {padding:30px 10px;}
}

/*페이지정보*/
#pageInfo { position:relative; margin-top:40px; background:#f5f5f5; border-radius:20px; padding:20px 4px 20px 120px; }
#pageInfo::before { content: ''; position: absolute; left: 40px; top: 20px; width: 45px; height: 45px; background: url('/design/health2020/img/sub/csIcon.png') no-repeat -45px 0; }
#pageInfo .btn_mgr01, #satisfy {display:none;}
#pageInfo .title ul {overflow:hidden;}
#pageInfo .title ul li {position:relative; float:left; width:33.33%; padding:30px 10px 0; font-size:17px; }
#pageInfo .title ul li span {position:absolute; left:10px; top:0; border-bottom:1px solid #666; font-size:15px; font-weight:600; }
#pageInfo .title p { display:none; position:absolute; right:0; top:0; }
@media all and (max-width:600px){
  #pageInfo::before {top:30px;}
  #pageInfo .title ul li { width:100%; padding:7px 0 7px 100px;}
  #pageInfo .title ul li span {top:8px;}
}

#topBtn { position:fixed; bottom:30px; right:30px; display:block; color:#fff; font-size:12px; width:50px; padding:22px 0 10px; letter-spacing:0.3px; text-align:center; border-radius:5px; background:rgba(0,0,0,0.7) url('/design/health2020/img/common/top.gif') no-repeat center 12px; z-index:999;}


#footer .btn a[target="_blank"] span{padding-right: 20px;}
#footer .btn a[target="_blank"] span::before{content: '';position: absolute;right: 0;top: 5px;width: 13px;height: 13px;background: url(/design/ko2022/img/layout/blank.png) no-repeat 0 0 / 300% auto;}