@charset "utf-8";

@import url('base.css');
@import url('Pretendard.css');

/* ============================================= 레이아웃 ============================================ */

div.wrapper {padding-top: 100px;overflow:hidden;width:100%;min-width: 1400px;font-family: 'Pretendard-Regular', sans-serif;font-weight: normal;}

/* =================== headerWrap =================== */
div#headerWrap {z-index: 100;position: fixed;top: 0;left: 0;width: 100%;border-top: 4px solid #a8a8a8;border-bottom: 1px solid #e1e1e1;background-color: #fff;box-shadow: 0px 3px 16px rgba(0,0,0,0.1);}
div#headerWrap:before {position: absolute;top: -4px;left: 0;width: calc(50% - 540px);height: 4px;background-color: #ae1d12;content: '';}
div#headerWrap h1 {position: absolute;top: 14px;left: 50%;margin: 0 0 0 -700px;padding: 0;}
div#headerWrap h1 a,
div#headerWrap h1 img {display: block;}

ul#gnb, ul#gnb li, ul#gnb a {display: block;margin: 0;padding: 0;list-style: none;text-decoration: none;}
ul#gnb {width: 1400px;margin: 0 auto;padding: 25px 215px 25px 251px;font-size: 0;line-height: 0;box-sizing: border-box;}
ul#gnb li {display: inline-block;vertical-align: top;}
ul#gnb a {display: block;padding: 0 20px;color: #000;font-size: 21px;line-height: 45px;font-family: 'Pretendard-SemiBold', sans-serif;}

ul.headerUtil, ul.headerUtil li, ul.headerUtil a {display: block;margin: 0;padding: 0;list-style: none;text-decoration: none;}
ul.headerUtil {position: absolute;top: 32px;right: 50%;margin-right: -700px;font-size: 0;line-height: 0;text-align: right;}
ul.headerUtil li {position: relative;display: inline-block;vertical-align: top;padding: 0 13px;}
ul.headerUtil li:after {position: absolute;top: 50%;right: 0px;width: 1px;height: 12px;background-color: #566782;transform: translateY(-50%);content: '';}
ul.headerUtil li:last-child {padding-right: 0;}
ul.headerUtil li:last-child:after {display: none;}
ul.headerUtil a {color: #566782;font-size: 15px;line-height: 30px;font-family: 'Pretendard-Regular', sans-serif;}

/* =================== footerWrap =================== */
div#footerWrap {background-color: #e9ecf0;}
div#footerWrap > div {display: grid;grid-template-columns: 485px auto;width: 1300px;margin: 0 auto;padding: 15px 0;}

ul.footLink, ul.footLink li, ul.footLink a, ul.footLink img {display: block;margin: 0;padding: 0;list-style: none;text-decoration: none;}
ul.footLink {align-self: center;font-size: 0;line-height: 0;}
ul.footLink li {display: inline-block;vertical-align: top;margin-right: 25px;}

div.footCon > * {margin: 0;padding: 0;color: #000;font-size: 15px;line-height: 20px;font-family: 'Pretendard-Regular', sans-serif;}
div.footCon a {text-decoration: none;}

/* =================== 컨텐츠 영역 =================== */
div#container {position: relative;}
div.contents {position: relative;z-index: 5;width: 1300px;margin: 0 auto;padding: 35px 0;}

/* 타이틀 */
.subTit_bl {margin: 0 0 35px;padding: 0;text-align: center;color: #b74b6c;font-size: 38px;line-height: 50px;font-weight: normal;font-family: 'Pretendard-SemiBold', sans-serif;}
.subTit_bl:before {display: inline-block;vertical-align: top;width: 31px;height: 30px;margin: 10px 20px 0 0;background: url('../image/common/subTit_bl.png') center center no-repeat;content: '';}
.subTit_bl.white {color: #fff;}

/* conMenu */
ul.conMenu, ul.conMenu li, ul.conMenu a {display: block;margin: 0;padding: 0;list-style: none;text-decoration: none;}
ul.conMenu {font-size: 0;line-height: 0;text-align: center;border-bottom: 1px solid #c7c7ca;}
ul.conMenu li {display: inline-block;vertical-align: top;padding: 0 15px;}
ul.conMenu a {position: relative;padding: 10px 12px;color: #656569;font-size: 25px;line-height: 40px;font-family: 'Pretendard-Light', sans-serif;}
ul.conMenu .on a,
ul.conMenu a:hover {color: #161b59;font-family: 'Pretendard-Bold', sans-serif;}

ul.conMenu .on a:after,
ul.conMenu a:hover:after {position: absolute;bottom: -1px;left: 0;width: 100%;height: 6px;background-color: #161b59;content: '';}

/* 메인(간의 날 소개) */
div.main {position: relative;}
div.main:after {z-index: -1;position: absolute;top: 0;right: 0;width: calc(50% - 250px);height: 100%;background-color: rgba(248,219,228,0.4);content: '';}

div.mainCon {display: grid;grid-template-columns: 734px auto;}
div.mainBnr {}
div.mainBnr img {display: block;}

div.mainMessage {position: relative;padding: 50px 40px 110px;border-radius: 10px 10px 80px 10px;background: #141845 url('../image/main/mainMessage_bg.png') right bottom no-repeat;color: #fff;font-size: 17px;line-height: 25px;}
div.mainMessage p {margin: 15px 0 0;text-align: justify;letter-spacing: -0.5px;}
div.mainMessage p:first-child {margin-top: 0;}
div.mainMessage span {color: #a2e8ff;font-family: 'Pretendard-SemiBold', sans-serif;}
div.mainMessage .host {position: absolute;bottom: 32px;left: 40px;width: calc(100% - 80px);}

/* 간의날 기념식 (버튼 영역) */
div.linkBtn_02 { font-size: 0;line-height: 0;text-align: right; margin-bottom:10px;}
div.linkBtn_02 a {position: relative;display: inline-block;vertical-align: top;margin-left: 5px;padding: 0 37px;border-radius: 5px 5px 5px 5px; background-color: #c989c1;text-decoration: none;color: #fff;font-size: 20px;line-height: 46px;font-family: 'Pretendard-Medium', sans-serif;}
div.linkBtn_02 a:frist-child {margin-left: 0;}
div.linkBtn_02 a.on{background-color:#161b58; border-color:1px solid #161b58}


/* 간의 날 기념식 */
div.sub01 {padding-top: 313px;background: #f3f3f3 url('../image/sub/sub01_bg.png') center top no-repeat;}
div.sub01:after {position: absolute;top: 313px;right: 0;width: calc(100% - 210px);height: calc(100% - 313px);border-radius: 160px 0 0;background-color: #fff;content: '';}

div.forum {display: grid;grid-template-columns: repeat(3, 1fr);gap: 30px; margin-top:30px;}

table.forumItem, table.forumItem > thead, table.forumItem > tbody, table.forumItem > tfoot, table.forumItem > * > tr, table.forumItem > * > tr > *  {margin:0;padding:0;border:0 none;}
table.forumItem {overflow: hidden;	table-layout:fixed;width:100%; border:0; border-collapse:separate; border-spacing:0;border-radius: 10px;}
.ie7 table.forumItem {border-collapse:collapse;}
table.forumItem > * > tr > * {padding: 15px 25px;border-top: 1px solid #dad7d7;background-color: #f8f8f9;font-weight:normal;word-break:keep-all;text-align: center;color: #000;font-size: 16px;line-height: 25px;}
table.forumItem > * > tr:first-child > * {border-top: 0 none; height:50px;}
table.forumItem > * > tr:nth-of-type(2) > * {height:10px;}
table.forumItem > * > tr > th {padding: 15px;background-color: #e0e3f9;color: #141845;font-family: 'Pretendard-ExtraBold', sans-serif;}
table.forumItem > * > tr th + td {border-left: 1px solid #dad7d7;}
table.forumItem > * > tr > td.aj {word-break:break-all;vertical-align: top; padding-bottom:40px}
table.forumItem .object {position: relative;display: block;padding-left: 62px;text-align: left;margin-bottom: 10px;color: #4748ca;font-weight: bolder;line-height: 25px;}
table.forumItem .object span {position: absolute;top: 0;left: 0;vertical-align: top;width: 50px;text-align: center;margin-top: -2px;border: 2px solid #4748ca;border-radius: 10px;text-align: center;line-height: 25px;}

table.forumItem td.aj{position:relative;}
div.material{position:absolute; right:12px; bottom:12px;}

div.material.item01 a{border-radius:6px; background-color:#fbf0d1;right:0; bottom:0; list-style:none; text-decoration:none; padding:6px; font-size:16px; color:#555147; font-family: 'Pretendard-Bold', sans-serif;}
div.material.item02 a{border-radius:6px; background-color:#e0f0d3;right:0; bottom:0; list-style:none; text-decoration:none; padding:6px; font-size:16px; color:#444d3e; font-family: 'Pretendard-Bold', sans-serif;}

/* 간의 날 기념식(간의날 보건복지부 장관 표창) */

div.forum_02 {display: grid;grid-template-columns: repeat(1, 1fr);gap: 30px; margin-top:30px;}
div.forum_02 table.forumItem{border-radius: 0px; border-bottom:1px solid #dad7d7}

div.forum_02 table.forumItem > * > tr:first-child{border-right:1px solid #f5f5f5}
div.forum_02 table.forumItem > * > tr:first-child > * {border-top: 0 none; height:0px;}
div.forum_02 table.forumItem > * > tr > th{padding: 15px; background-color: #eceef5; color: #565656; font-family: 'Pretendard-Regular', sans-serif;}
div.forum_02 table.forumItem th.name, th.date{color:#222 !important; font-family: 'Pretendard-SemiBold', sans-serif !important;}

div.forum_02 table.forumItem > * > tr th,
div.forum_02 table.forumItem > * > tr td{border-left:1px solid #dad7d7 !important}
div.forum_02 table.forumItem > * > tr th.tit{font-size:20px; color:#161b58; font-family: 'Pretendard-Bold', sans-serif;}
div.forum_02 table.forumItem > * > tr > * {padding: 15px 25px;border-top: 1px solid #dad7d7;background-color: #fff;font-weight:normal;word-break:keep-all;text-align: center;color: #000;font-size: 16px;line-height: 25px;}


/* div.forum_02 table.forumItem > * > tr{border-right:1px solid #dad7d7 !important}
div.forum_02 table.forumItem > * > tr th{border-right:1px solid #dad7d7 !important}
div.forum_02 table.forumItem > * > tr th.name{border-right:0 !important}
div.forum_02 table.forumItem > * > tr th.tit{border-left :1px solid #dad7d7 !important}
 */

/* 간의 날 기념식(역대 공로상 - 언론인상) */
div.forum_wrap{display: grid;grid-template-columns: repeat(2, 1fr);gap: 30px;}
div.forum_wrap table.forumItem{margin-bottom:30px;  border-radius: 0px; border-bottom:1px solid #dad7d7}

div.forum_02_left p{color:#161b58; font-size:23px; font-family: 'Pretendard-Medium', sans-serif;}
div.forum_02_left table.forumItem > * > tr:first-child{border-right:1px solid #f5f5f5}
div.forum_02_left table.forumItem > * > tr:first-child > * {border-top: 0 none; height:0px;}
div.forum_02_left table.forumItem > * > tr > th{padding: 15px; background-color: #eceef5; color: #565656; font-family: 'Pretendard-Regular', sans-serif;}
div.forum_02_left table.forumItem th.name, th.date{color:#222 !important; font-family: 'Pretendard-SemiBold', sans-serif !important;}

div.forum_02_left table.forumItem > * > tr th,
div.forum_02_left table.forumItem > * > tr td{border-left:1px solid #dad7d7 !important}
div.forum_02_left table.forumItem > * > tr th.tit{font-size:20px; color:#161b58; font-family: 'Pretendard-Bold', sans-serif;}
div.forum_02_left table.forumItem > * > tr > * {padding: 15px 25px;border-top: 1px solid #dad7d7;background-color: #fff;font-weight:normal;word-break:keep-all;text-align: center;color: #000;font-size: 16px;line-height: 25px;}

div.forum_02_right p{color:#4c1658; font-size:23px; font-family: 'Pretendard-Medium', sans-serif;}
div.forum_02_right table.forumItem > * > tr:first-child{border-right:1px solid #f5f5f5}
div.forum_02_right table.forumItem > * > tr:first-child > * {border-top: 0 none; height:0px;}
div.forum_02_right table.forumItem > * > tr > th{padding: 15px; background-color: #f4ecf5; color: #4c1658; font-family: 'Pretendard-Regular', sans-serif;}
div.forum_02_right table.forumItem th.name, th.date{color:#222 !important; font-family: 'Pretendard-SemiBold', sans-serif !important;}

div.forum_02_right table.forumItem > * > tr th,
div.forum_02_right table.forumItem > * > tr td{border-left:1px solid #dad7d7 !important}
div.forum_02_right table.forumItem > * > tr th.tit{font-size:20px; color:#4c1658; font-family: 'Pretendard-Bold', sans-serif;}
div.forum_02_right table.forumItem > * > tr > * {padding: 15px 25px;border-top: 1px solid #dad7d7;background-color: #fff;font-weight:normal;word-break:keep-all;text-align: center;color: #000;font-size: 16px;line-height: 25px;}


/* 간질환 공개강좌 */
div.sub02 {background: #fff url('../image/sub/sub02_bg.png') center top no-repeat;}

/* 버튼 영역 */
div.linkBtn { font-size: 0;line-height: 0;text-align: right;}
div.linkBtn a {position: relative;display: inline-block;vertical-align: top;margin-left: 5px;padding: 0 37px;border-radius: 5px 5px 5px 5px; background-color: #161b58;text-decoration: none;color: #fff;font-size: 20px;line-height: 46px;font-family: 'Pretendard-Medium', sans-serif;}
div.linkBtn a:frist-child {margin-left: 0;}

div.linkBtn2 { font-size: 0;line-height: 0;text-align: right;}
div.linkBtn2 a {position: relative;display: inline-block;vertical-align: top;margin-left: 5px;padding: 0 20px;border-radius: 5px 5px 5px 5px; background-color: #e0e3f9;text-decoration: none;color: #000;font-size: 13px;line-height: 30px; font-family: 'Pretendard-Medium', sans-serif;}
div.linkBtn2 a:frist-child {margin-left: 0;}

div.lectureInfo {margin-bottom: 50px;padding: 45px 445px 45px 60px;border-radius: 10px 10px 128px 10px;background: #fff url('../image/sub/lectureInfo_bg.png') right bottom no-repeat;color: #595c76;font-size: 19px;line-height: 35px;font-family: 'Pretendard-Regular', sans-serif;word-break: keep-all;}

div.lecture {display: grid;grid-template-columns: repeat(5, 1fr);gap: 30px;margin-top: 60px;}
dl.lectureItem, dl.lectureItem dt, dl.lectureItem dd, dl.lectureItem a {display: block;margin: 0;padding: 0;text-decoration: none;}
dl.lectureItem {overflow: hidden;border-radius: 10px;text-align: center;}
dl.lectureItem dt {padding: 15px 5px;border-bottom: 1px solid #dad7d7;background-color: #e0e3f9;color: #141845;font-size: 19px;line-height: 27px;font-weight: normal;font-family: 'Pretendard-ExtraBold', sans-serif;letter-spacing: -0.5px;}
dl.lectureItem dd {}
dl.lectureItem dd a {padding: 15px 30px;background-color: #f8f8f9;color: #000;font-size: 16px;line-height: 25px;font-family: 'Pretendard-Regular', sans-serif;word-break: keep-all;}



/* 간질환 영상자료 */
div.sub03 {background: url('../image/sub/sub03_bg.png') center top no-repeat;background-size: cover;}

ul.vodList, ul.vodList li, ul.vodList span {display: block;margin: 0;padding: 0;list-style: none;text-align: center;}
ul.vodList {display: grid;-ms-display: grid;grid-template-columns: repeat(2, 1fr);gap: 30px;}
ul.vodList li {overflow: hidden;padding: 30px 30px 15px;border-radius: 10px;background-color: #f8f8f9;}
ul.vodList li:nth-child(odd) {background: linear-gradient(to bottom, #b9c1f0 73%, #f8f8f9 27%);}
ul.vodList li:nth-child(even) {background: linear-gradient(to bottom, #b3e2e5 73%, #f8f8f9 27%);}
ul.vodList .vodArea {height: 323px;}
ul.vodList .tit {margin-top: 12px;text-align: center;color: #141845;font-size: 19px;line-height: 30px;font-family: 'Pretendard-ExtraBold', sans-serif;}

/* 지난행사 */
div.sub04 {background: url('../image/sub/sub04_bg_bottom.png') left bottom no-repeat, url('../image/sub/sub04_bg_top.png') right top no-repeat;}

.pastInfo {margin: 0 0 40px;padding: 0;text-align: center;color: #535353;font-size: 19px;line-height: 25px;}

ul.pastLink, ul.pastLink li, ul.pastLink a {display: block;margin: 0;padding: 0;list-style: none;text-decoration: none;}
ul.pastLink {display: grid;grid-template-columns: repeat(2, 1fr);gap: 24px 55px;}
ul.pastLink li {filter: drop-shadow(3px 3px 8px rgba(170,170,170,0.6));}
ul.pastLink a {position: relative;padding: 25px 155px 25px 70px;clip-path: polygon(95% 0, 100% 50%, 95% 100%, 0 100%, 0 50%, 0% 0%);border-radius: 20px 0 0 20px;background-image: url('../image/sub/pastLink_bg.png');background-repeat: no-repeat;background-position: left center;color: #161b58;font-size: 20px;line-height: 50px;font-family: 'Pretendard-Medium', sans-serif;}
ul.pastLink span {position: absolute;top: 0;right: 0;width: 141px;height: 100%;padding: 25px 0;text-align: center;color: #fff;font-size: 16px;font-family: 'Pretendard-Light', sans-serif;box-sizing: border-box;}

ul.pastLink a:hover {background-image: url('../image/sub/pastLink_bg_ov.png');color: #fff;}
ul.pastLink a:hover span {}
ul.pastLink a:hover span:after {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 60px;height: 60px;border-radius: 60px;background-color: rgba(255,255,255,0.2);content: '';}