@charset "utf-8";
.skipToContent {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  display: block;
  width: 0px;
  height: 0px;
  line-height: 0;
  font-size: 0;
  text-indent: -9999px;
}
.hidden {
  display: none;
}

/*** desktop ***********************************************************************************************************************/

/* 아이폰에서 font-size 조절안됨 */
* {
  /* Prevent font scaling in landscape */
  -webkit-text-size-adjust: none; /*Chrome, Safari, newer versions of Opera*/
  -moz-text-size-adjust: none; /*Firefox*/
  -ms-text-size-adjust: none; /*Ie*/
  -o-text-size-adjust: none; /*old versions of Opera*/
}
body {
  min-width: 1200px;
}
#wrapper {
  position: relative;
}
#header {
  width: 100%;
  height: 162px;
  z-index: 999;
  margin: 0 0 25px 0;
}

.header_down {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1001;
  background-color: #fff;
}

#header_content {
  position: relative;
  *zoom: 1;
  width: 1200px;
  height: 162px;
  position: relative;
  margin: 0 auto;
}
#header_content .logo {
  position: absolute;
  top: 23px;
  left: 50%;
  margin-left: -199px;
  z-index: 1000;
}
#header_content .logo a {
  display: block;
}

.homemenu {
  *zoom: 1;
  width: 100%;
  position: absolute;
  top: 45px;
  left: 0;
  z-index: 1000;
}
.homemenu .leftbox {
  *zoom: 1;
  position: absolute;
  top: 0;
  left: 0;
}
.homemenu .leftbox:after {
  content: "";
  display: block;
  clear: both;
}
.homemenu .leftbox p {
  float: left;
  width: 80px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  border: 1px solid #ddd;
  font-size: 15px;
}
.homemenu .leftbox p.date {
  color: #727272;
}
.homemenu .leftbox p.num {
  color: #006f8d;
  font-weight: 600;
  border-left: none;
  background-color: #f4f4f4;
}

.homemenu .rightbox {
  *zoom: 1;
  position: absolute;
  top: 0;
  right: 0;
}
.homemenu .rightbox:after {
  content: "";
  display: block;
  clear: both;
}
.homemenu .rightbox .dropbox {
  float: left;
  width: 130px;
  height: 30px;
  margin: 0 5px 0 0;
}
.homemenu .rightbox .dropbox h4 {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  border: 1px solid #ddd;
  font-size: 13px;
  color: #999999;
  font-weight: 400;
  padding: 5px 5px 5px 8px;
  background: url("../images/gray_arrow.png") 90% center no-repeat;
  cursor: pointer;
}
.homemenu .rightbox .dropbox h4:hover {
  color: #00a1ff;
}
.homemenu .rightbox .dropbox ul {
  border: 1px solid #ddd;
  border-top: none;
}
.homemenu .rightbox .dropbox ul li {
  width: 100%;
  border-bottom: 1px solid #ddd;
}
.homemenu .rightbox .dropbox ul li:last-child {
  border-bottom: none;
}
.homemenu .rightbox .dropbox ul li a {
  color: #999;
  font-size: 12px;
  display: block;
  box-sizing: border-box;
  padding: 5px 5px 5px 8px;
  background-color: #fff;
}
.homemenu .rightbox .dropbox ul li a:hover,
.homemenu .rightbox .dropbox ul li a:focus {
  background-color: #f4f4f4;
  color: #00a1ff;
}

.homemenu .rightbox .go_web {
  float: left;
  display: block;
  width: 130px;
  height: 30px;
  line-height: 30px;
  padding: 0 0 0 8px;
  box-sizing: border-box;
  border: 1px solid #ddd;
  font-size: 13px;
  color: #999;
  background: url("../images/gray_home.png") 90% center no-repeat;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
}
.homemenu .rightbox .go_web:hover,
.homemenu .rightbox .go_web:focus {
  background-color: #f4f4f4;
}

#gnb {
  position: relative;
  width: 1200px;
  margin: 0 auto;
  top: 110px;
  height: 51px;
  background: url("../images/gnb_bg.png") 0 0 repeat-x;
}
#gnb ul {
  margin: 0 13px;
  display: flex;
  justify-content: space-around;
}
#gnb ul li {
  font-size: 17px;
  line-height: 54px;
  height: 51px;
  letter-spacing: -0.04em;
  text-align: center;
  font-weight: 600;
}
#gnb ul li a {
  color: #20201f;
  display: block;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
}

#gnb ul li a:hover,
#gnb ul li a:focus {
  color: #00a1ff;
}

#gnb ul li.m2 {
  position: relative;
}
#gnb ul li.m2:hover > .submenu {
  display: block;
}
#gnb .submenu {
  display: none;
  padding: 20px 15px;
  width: 250px;
  position: absolute;
  top: 51px;
  left: 0;
  background: rgba(222, 239, 246, 0.6);
  box-sizing: border-box;
  z-index: 999;
}
#gnb .submenu li {
  float: none;
  padding: 0;
  height: 32px;
  line-height: 32px;
  text-align: center;
}
#gnb .submenu li a {
  display: block;
  font-size: 14px;
  font-weight: 400;
}
#gnb .submenu li a:hover {
  font-weight: 600;
}

/** mobile_none **/
.mobile_top {
  display: none;
}
.tops {
  display: none;
}
#nav {
  display: none;
}

/* main */
#container {
  width: 100%;
  margin: 0 auto;
}
#content {
}

.mainvisual {
  width: 1200px;
  height: 320px;
  margin: 0 auto;
  background: url("../images/mainvisual.jpg") center center no-repeat;
  background-size: contain;
}
.mainvisual h3 {
  font-family: "roboto";
  font-weight: 400;
  color: #fff;
  font-size: 65px;
  line-height: 60px;
  padding: 50px 0 0 70px;
}
.mainvisual h3 span {
  display: block;
  color: #6fa2b5;
  font-size: 75px;
  font-weight: 600;
}
.mainvisual h3:after {
  content: "";
  display: block;
  width: 370px;
  height: 1px;
  background-color: rgba(150, 150, 150, 0.3);
  margin: 20px 0;
}
.mainvisual p {
  padding: 0 0 0 70px;
  font-family: "roboto";
  color: #fff;
  font-size: 20px;
  line-height: 28px;
}
.mainvisual p span {
  display: block;
  color: #b47723;
  font-size: 30px;
}

/* section0 */

.section0 {
  *zoom: 1;
  width: 1200px;
  margin: 0 auto;
  padding: 40px 0 0;
}
.section0:after {
  content: "";
  display: block;
  clear: both;
}
.section0 .newsbox {
  float: left;
  width: 585px;
  height: 130px;
  box-sizing: border-box;
  border: 1px solid #ddd;
  position: relative;
  margin: 0 0 0 30px;
  cursor: pointer;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
}
.section0 .datebox {
  background: url("../images/datebox_bg.jpg") 100% 100% no-repeat;
}
.section0 .newsbox:first-child {
  margin: 0;
}
.section0 .newsbox:after {
  content: "";
  display: block;
  clear: both;
}
.section0 .newsbox h3 {
  float: left;
  width: 125px;
  font-size: 22px;
  font-weight: 900;
  color: #50187a;
  padding: 30px 0;
}
.section0 .datebox h3 {
  float: left;
  width: 200px;
  font-size: 22px;
  font-weight: 900;
  color: #50187a;
  padding: 30px 0;
}
.section0 .newsbox h3:before {
  content: "";
  display: inline-block;
  width: 10px;
  height: 28px;
  background-color: #50187a;
  margin: 0 30px 0 0;
  vertical-align: middle;
}
.section0 .newsbox .desc {
  float: left;
  padding: 30px 0 0 0;
  width: 428px;
  font-size: 15px;
  color: #333;
  line-height: 20px;
  letter-spacing: -0.03em;
}
.section0 .newsbox .desc strong {
  display: block;
  color: #50187a;
  font-size: 16px;
  font-weight: 600;
  margin: 0 0 7px 0;
}
.section0 .datebox .desc {
  float: left;
  padding: 30px 0 0 0;
  width: 258px;
  font-size: 16px;
  font-weight: 600;
  color: #111;
  line-height: 30px;
}

.section0 .newsbox:hover,
.section0 .newsbox:focus {
  border: 1px solid #50187a;
}

/* section1 */
.section1 {
  *zoom: 1;
  width: 1200px;
  margin: 0 auto;
  padding: 80px 0;
  display: flex;
  gap: 30px;
}
.section1 .newsbox {
  height: 490px;
  box-sizing: border-box;
  border: 1px solid #ddd;
  position: relative;
  cursor: pointer;
  width: calc((100% - 60px) / 3);
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
}
.section1 .newsbox:last-child {
  margin: 0;
}
.section1 .newsbox h3 {
  font-size: 22px;
  font-weight: 900;
  color: #006f8d;
  padding: 30px 0;
}
.section1 .newsbox h3:before {
  content: "";
  display: inline-block;
  width: 10px;
  height: 28px;
  background-color: #006f8d;
  margin: 0 30px 0 0;
  vertical-align: middle;
}
.section1 .newsbox a.plus {
  position: absolute;
  top: 34px;
  right: 20px;
}
.section1 .newsbox a.plus img {
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
}
.section1 .newsbox .thumb {
  height: 160px;
  box-sizing: border-box;
  border: 1px solid #ddd;
  border-right: none;
  margin: 0 0 28px 40px;
  overflow: hidden;
  background-color: #fff;
}
.section1 .newsbox .thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
}
.section1 .newsbox .title {
  width: 100%;
  padding: 0 10px 0 38px;
  box-sizing: border-box;
}
.section1 .newsbox .title p {
  font-size: 18px;
  color: #111;
  line-height: 24px;
  letter-spacing: -0.03em;
  font-weight: 600;
  word-break: keep-all;
  height: 72px;
}
.section1 .newsbox .title span {
  display: block;
  border-top: 1px solid #ddd;
  margin-top: 40px;
  padding-top: 18px;
  font-size: 15px;
  color: #666;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: -0.03em;
}

.section1 .newsbox:hover,
.section1 .newsbox:focus {
  border: 1px solid #006f8d;
}
.section1 .newsbox:hover .title p,
.section1 .newsbox:focus .title {
  color: #006f8d;
}
.section1 .newsbox:hover .thumb img,
.section1 .newsbox:focus .thumb img {
  opacity: 0.7;
  transform: scale(1.05);
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  -ms-transform: scale(1.05);
}
.section1 .newsbox:hover a.plus img,
.section1 .newsbox:focus a.plus img {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
}

/* section2 */
.section2 {
  *zoom: 1;
  margin: 0 auto;
  padding: 40px 0;
  background-color: #f4f4f4;
}
.section2_in {
  width: 1200px;
  margin: 0 auto;
  display: flex;
  gap: 20px;
}
.section2 .newsbox {
  box-sizing: border-box;
  position: relative;
  cursor: pointer;
  width: calc((100% - 60px) / 3);
}
.section2 .newsbox:nth-child(3n) {
  margin: 0;
}
.section2 .newsbox h3 {
  font-size: 20px;
  font-weight: 900;
  color: #111;
  padding: 20px 0;
}
.section2 .newsbox h3:before {
  content: "";
  display: inline-block;
  width: 10px;
  height: 28px;
  background-color: #006f8d;
  margin: 0 20px 0 0;
  vertical-align: middle;
}
.section2 .newsbox a.plus {
  position: absolute;
  top: 24px;
  right: 20px;
}
.section2 .newsbox a.plus img {
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
}
.section2 .newsbox .thumb {
  height: 180px;
  box-sizing: border-box;
  border: 1px solid #ddd;
  overflow: hidden;
}
.section2 .newsbox .thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
}
.section2 .newsbox .title {
  width: auto;
  height: 180px;
  padding: 15px;
  background-color: #fff;
  font-size: 18px;
  color: #111;
  line-height: 25px;
  letter-spacing: -0.07em;
  font-weight: 600;
}
.section1 .newsbox .stitle {
  font-size: 16px;
  line-height: 22px;
  letter-spacing: -0.07em;
}
.section2 .newsbox .title p {
  font-size: 18px;
  color: #111;
  line-height: 25px;
  letter-spacing: -0.07em;
  font-weight: 600;
  height: 80px;
}
.section2 .newsbox .title span {
  display: block;
  border-top: 1px solid #ddd;
  margin-top: 18px;
  padding-top: 18px;
  font-size: 15px;
  line-height: 23px;
  color: #666;
  font-weight: 400;
}

.section2 .newsbox:hover .title p,
.section2 .newsbox:focus .title {
  color: #006f8d;
}
.section2 .newsbox:hover .thumb img,
.section2 .newsbox:focus .thumb img {
  opacity: 0.7;
  transform: scale(1.05);
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  -ms-transform: scale(1.05);
}
.section2 .newsbox:hover a.plus img,
.section2 .newsbox:focus a.plus img {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
}

/*Quick Menu */
#quick_menu {
  position: fixed;
  bottom: 50px;
  width: 40px;
  left: 50%;
  margin: 0 0 0 810px;
}
#quick_menu a {
  display: block;
}

/* footer */
#footer {
  width: 100%;
  clear: both;
  background: #333b3e;
}
#footer_content {
  *zoom: 1;
  margin: 0 auto;
  width: 1200px;
  padding: 40px 0;
  position: relative;
  font-size: 14px;
  line-height: 23px;
  color: #808789;
  position: relative;
}
#footer_content strong {
  display: block;
  font-size: 15px;
  font-weight: 900;
}
#footer_content .go_link {
  position: absolute;
  top: 40px;
  right: 0;
  display: inline-block;
  padding: 7px 45px 7px 20px;
  font-size: 14px;
  line-height: 14px;
  color: #333b3e;
  font-weight: 900;
  border-radius: 30px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  letter-spacing: -0.03em;
  background: url("../images/foot_home.png") 88% center no-repeat #fff;
}
#footer_content .go_link:hover,
#footer_content .go_link:focus {
  background-color: #f3f3f3;
}

/* Sub layout */
.sub_top {
  width: 1200px;
  margin: 0 auto 50px;
  padding: 50px 0 40px;
  border-bottom: 1px solid #ddd;
  position: relative;
  letter-spacing: -0.03em;
}
.sub_top p {
  text-align: center;
  color: #006f8d;
  font-weight: 600;
  font-size: 20px;
  line-height: 20px;
  margin: 0 0 7px 0;
}
.sub_top h2 {
  font-size: 40px;
  font-weight: 900;
  color: #111111;
  text-align: center;
}
.sub_top h2.long {
  font-size: 35px;
  letter-spacing: -0.04em;
}
.sub_top h2.long2 {
  font-size: 28px;
  line-height: 37px;
  width: 65%;
  margin: 0 auto;
  letter-spacing: -0.05em;
}
.sub_top h2 span.ex {
  font-size: 20px;
  font-weight: 500;
}
.sub_top a.leftgnb {
  display: block;
  position: absolute;
  bottom: 50px;
  left: 0;
  font-size: 17px;
  font-weight: 500;
  line-height: 40px;
  color: #999999;
  padding: 0 0 0 59px;
  background: url("../images/leftgnb.png") 0 0 no-repeat;
}
.sub_top a.rightgnb {
  display: block;
  position: absolute;
  bottom: 50px;
  right: 0;
  font-weight: 500;
  font-size: 17px;
  line-height: 40px;
  color: #999999;
  padding: 0 59px 0 0;
  background: url("../images/rightgnb.png") 99.5% 0 no-repeat;
}
.sub_top a:hover,
.sub_top a:focus {
  color: #00a1ff;
}
#con_area {
  width: 1200px;
  margin: 0 auto 300px;
}

.sub_top h2.long2 span {
  display: block;
}

/* 공통 css */
p.normal {
  font-size: 17px;
  font-weight: 500;
  line-height: 30px;
  margin: 0 0 30px 0;
  text-align: justify;
  letter-spacing: -0.03em;
  color: #111;
}
p.normal b {
  font-size: 18px;
  color: #333;
  line-height: 40px;
}
p.normal strong {
  display: block;
  font-size: 21px;
  font-weight: 900;
  color: #111111;
  padding: 0 0 10px 0;
}
.normal span {
  display: block;
  font-size: 19px;
  font-weight: 900;
  color: #111111;
  padding: 0 0 10px 0;
}
p.center {
  text-align: center;
  margin: 0 0 30px 0;
}
p.center img {
  max-width: 100%;
}
p.imgb {
  width: 100%;
  padding: 20px 10px;
  border: 1px solid #d9dee1;
  text-align: center;
  margin: 30px 0 60px 0;
  box-sizing: border-box;
}
p.imgb img {
  width: auto;
  max-width: 90%;
}
/* p.imgb span{display:block; margin:20px 0 0 0; font-size:15px; font-weight:900; color:#111; text-align: center;} */
.clearbox:after {
  content: "";
  display: block;
  clear: both;
}
.clearbox .left {
  float: left;
}
.clearbox .right {
  float: right;
}
ul.list_dot li {
  font-size: 16px;
  line-height: 30px;
  margin: 0 0 20px 0;
  font-weight: 600;
  color: #333;
  padding: 0 0 0 12px;
  box-sizing: border-box;
  background: url("../images/dot_black2.png") 0 11px no-repeat;
}
ul.list_dot li i {
  display: block;
  color: #a8a8a8;
  margin: 10px 0;
}
ul.list_dot li:last-child,
ul.list_dot li i:last-child {
  margin: 10px 0 0 0;
}
.fig {
  display: block;
  color: #111;
  font-size: 15px;
  margin: 30px 0 10px;
  text-align: center;
  font-weight: 600;
}
.fig > b {
  background-color: #008cd6;
  padding: 2px 20px;
  color: #fff;
  border-radius: 50px;
  margin: 0 0 10px 0;
  display: inline-block;
}

/*  컨텐츠   01 - Focus On */
.page01 .top {
  padding: 30px 30px 250px 30px;
  background: url("../image/1_1_1.png") 0px 0px no-repeat;
  background-size: cover;
}
.page01 i {
  color: #996b80;
}
.page01 .top strong {
  display: block;
  font-size: 30px;
  font-weight: 600;
  color: #996b80;
  text-align: center;
  line-height: 35px;
  margin-bottom: 40px;
}

.page01 .top strong span {
  font-size: 16px;
  font-weight: 600;
  color: #555555;
}
.page01 .top h4 {
  display: block;
  font-size: 18px;
  font-weight: 900;
  color: #996b80;
  padding: 0 0 5px 0;
}
.page01 .boxing {
  margin: 80px 0 0 0;
  letter-spacing: -0.05em;
}
/* .page01 .boxing:nth-child(3) {margin: 0;} */
.page01 .boxing strong {
  display: block;
  font-size: 18px;
  font-weight: 900;
  color: #996b80;
  padding: 0 0 5px 0;
}
.page01 .m_notice {
  display: none;
}
.page01 .boxing h4 {
  font-size: 19px;
  font-weight: 900;
  color: #111111;
  color: #996b80;
  padding: 0 0 30px 0;
}
.page01 .boxing table {
  margin: 0 0 30px 0;
}
.page01 .boxing table thead th {
  background-color: #7d5b6f;
  color: #fff;
  text-align: center;
  font-size: 14px;
  padding: 5px 0;
  border-right: 1px solid #fff;
}
.page01 .boxing table tbody tr th {
  padding: 10px;
  font-size: 14x;
  font-weight: 600;
  color: #333;
  border-right: 1px solid #7d5b6f;
  border-bottom: 1px solid #7d5b6f;
}
.page01 .boxing table tbody tr td {
  padding: 10px;
  font-size: 14px;
  border-right: 1px solid #7d5b6f;
  border-bottom: 1px solid #7d5b6f;
  color: #333;
}
.page01 .boxing table tbody tr td.center {
  text-align: center;
}
.page01 .boxing table tbody tr td:last-child {
  border-right: 0;
}
.page01 .boxing table.second tr td {
  text-align: center;
}
.page01 .imgb {
  border: 1px solid #ddd;
}
/* .page01 .imgb span{color:#573e4d;} */
.page01 .list {
  margin: 0 0 60px 0;
  padding: 20px;
  font-size: 17px;
  font-weight: 500;
  color: #333;
  text-align: left;
  line-height: 28px;
}
.page01 .list b {
  display: block;
  line-height: 36px;
}
.page01 .bottom p {
  display: inline-block;
  padding: 30px;
  margin: 80px 0 40px 0;
  font-size: 14px;
  letter-spacing: -0.04em;
  line-height: 28px;
  color: #666;
  background: #eee;
  box-sizing: border-box;
  width: 100%;
}
.page01 p.center {
  width: 500px;
  text-align: center;
  margin: 0 auto 40px auto;
}

.page11 .top {
  padding: 30px 30px 120px 30px;
  background: url("../images/page11_top.png") 0px 94px no-repeat;
  background-size: cover;
}
.page11 .top strong {
  display: block;
  font-size: 30px;
  font-weight: 600;
  color: #44318f;
  text-align: center;
  line-height: 35px;
  margin-bottom: 40px;
}
.page11 .boxing strong {
  display: block;
  font-size: 18px;
  font-weight: 900;
  color: #44318f;
  padding: 0 0 5px 0;
}
.page11 .top h4 {
  display: block;
  font-size: 18px;
  font-weight: 900;
  color: #44318f;
  padding: 0 0 5px 0;
}

.page12 .top {
  padding: 30px 30px 80px 30px;
  background: url("../images/page12_top.png") 0px 0px no-repeat;
  background-size: cover;
}
.page12 .top strong {
  display: block;
  font-size: 30px;
  font-weight: 600;
  color: #00693e;
  text-align: center;
  line-height: 35px;
  margin-bottom: 40px;
}
.page12 .boxing strong {
  display: block;
  font-size: 18px;
  font-weight: 900;
  color: #00693e;
  padding: 0 0 5px 0;
}
.page12 .top h4 {
  display: block;
  font-size: 18px;
  font-weight: 900;
  color: #00693e;
  padding: 0 0 5px 0;
}

.page13 .top {
  padding: 30px 30px 120px 30px;
  background: url("../images/page13_top.png") 0px 12px no-repeat;
  background-size: cover;
}
.page13 .top strong {
  display: block;
  font-size: 30px;
  font-weight: 600;
  color: #009a92;
  text-align: center;
  line-height: 35px;
  margin-bottom: 40px;
}
.page13 .boxing strong {
  display: block;
  font-size: 18px;
  font-weight: 900;
  color: #009a92;
  padding: 0 0 5px 0;
}
.page13 .top h4 {
  display: block;
  font-size: 18px;
  font-weight: 900;
  color: #009a92;
  padding: 0 0 5px 0;
}

.page14 .top {
  padding: 30px 30px 200px 30px;
  background: url("../image/14_3.png") 0px -25px no-repeat;
  background-size: cover;
}
.page14 .top strong {
  display: block;
  font-size: 30px;
  font-weight: 600;
  color: #dd6b66;
  text-align: center;
  line-height: 35px;
  margin-bottom: 40px;
}
.page14 .top strong span {
  margin-top: 15px;
  display: block;
  line-height: 24px;
}
.page14 .boxing strong {
  display: block;
  font-size: 18px;
  font-weight: 900;
  color: #dd6b66;
  padding: 0 0 5px 0;
}
.page14 .top h4 {
  display: block;
  font-size: 18px;
  font-weight: 900;
  color: #dd6b66;
  padding: 0 0 5px 0;
}
.page14 .boxing table {
  margin: 0 0 30px 0;
}
.page14 .boxing table thead th {
  background-color: #dd6b66;
  color: #fff;
  text-align: center;
  font-size: 14px;
  padding: 5px 0;
  border-right: 1px solid #fff;
}
.page14 .boxing table tbody tr th {
  padding: 10px;
  font-size: 14x;
  font-weight: 600;
  color: #333;
  border-right: 1px solid #dd6b66;
  border-bottom: 1px solid #dd6b66;
}
.page14 .boxing table tbody tr td {
  padding: 10px;
  font-size: 14px;
  border-right: 1px solid #dd6b66;
  border-bottom: 1px solid #dd6b66;
  color: #333;
}
.page14 .boxing table tbody tr td.center {
  text-align: center;
}
.page14 .boxing table tbody tr td:last-child {
  border-right: 0;
}
.page14 .boxing table.second tr td {
  text-align: center;
}
.page14 .boxing .sub {
  font-size: 14px;
  color: black;
  font-weight: bold;
}
.page14 i {
  color: #dd6b66;
}
.abbreviation-box {
  line-height: 1.5;
}

/*  컨텐츠   02 - Technology Trend */

.page02 .top {
  padding: 30px 30px 150px 30px;
  background: url("../image/02/bg.png") 0px 58px no-repeat;
  background-size: cover;
}

.page02 .top strong {
  display: block;
  font-size: 30px;
  font-weight: 600;
  color: #6f9bb7;
  text-align: center;
  line-height: 35px;
  margin-bottom: 40px;
}

.page02 .top strong span {
  font-size: 16px;
  font-weight: 600;
  color: #555555;
}
.page02 .top h4 {
  display: block;
  font-size: 18px;
  font-weight: 900;
  color: #6f9bb7;
  padding: 0 0 5px 0;
}
.page02 .boxing {
  margin: 80px 0 0 0;
  letter-spacing: -0.05em;
}
/* .page02 .boxing:nth-child(3) {margin: 0;} */
.page02 .boxing strong {
  display: block;
  font-size: 18px;
  font-weight: 900;
  color: #6f9bb7;
  padding: 0 0 5px 0;
}
.page02 .m_notice {
  display: none;
}
.page02 .boxing h4 {
  font-size: 19px;
  font-weight: 900;
  color: #111111;
  color: #6f9bb7;
  padding: 0 0 30px 0;
}
.page02 .boxing h5 {
  height: 18px;
  letter-spacing: 0;
  font-size: 18px;
  font-weight: 700;
  color: #111111;
  margin: 0 0 30px 0;
  padding-left: 10px;
  border-left: 4px solid #6f9bb7;
}
.page02 .boxing table {
  margin: 0 0 30px 0;
}
.page02 .boxing table thead th {
  background-color: #6f9bb7;
  color: #fff;
  text-align: center;
  font-size: 14px;
  padding: 5px 0;
  border-right: 1px solid #fff;
}
.page02 .boxing table tbody tr th {
  padding: 10px;
  font-size: 14x;
  font-weight: 600;
  color: #333;
  border-right: 1px solid #6f9bb7;
  border-bottom: 1px solid #6f9bb7;
}
.page02 .boxing table tbody tr td {
  padding: 10px;
  font-size: 14px;
  border-right: 1px solid #6f9bb7;
  border-bottom: 1px solid #6f9bb7;
  color: #333;
}
.page02 .boxing table tbody tr td.center {
  text-align: center;
}
.page02 .boxing table tbody tr td:last-child {
  border-right: 0;
}
.page02 .boxing table.second tr td {
  text-align: center;
}
.page02 .imgb {
  border: 1px solid #ddd;
}
/* .page02 .imgb span{color:#573e4d;} */
.page02 .list {
  margin: 0 0 60px 0;
  padding: 20px;
  font-size: 17px;
  font-weight: 500;
  color: #333;
  text-align: left;
  line-height: 28px;
}
.page02 .list b {
  display: block;
  line-height: 36px;
}
.page02 .bottom p {
  display: inline-block;
  padding: 30px;
  margin: 80px 0 40px 0;
  font-size: 14px;
  letter-spacing: -0.04em;
  line-height: 28px;
  color: #666;
  background: #eee;
  box-sizing: border-box;
  width: 100%;
}
.page02 p.center {
  width: 500px;
  text-align: center;
  margin: 0 auto 40px auto;
}

.page02_01 .top {
  padding: 80px 30px 50px 30px;
  background: url("../images/page02_01_top.png") center top no-repeat;
}
.page02_01 .bottom {
  background: none;
  height: auto;
}
.page02_01 .bottom p {
  display: inline-block;
  padding: 30px;
  margin: 80px 0 40px 0;
  font-size: 13px;
  letter-spacing: -0.04em;
  line-height: 25px;
  color: #666;
  background: #eee;
  box-sizing: border-box;
  width: 100%;
}

.page02_2 .top {
  background: url("../images/page03_01_top.jpg") center bottom no-repeat;
  padding: 30px 30px 400px 20px;
}
.page02_2 .boxing .imga {
  text-align: center;
}
.page02_2 .boxing .imga img {
  max-width: 100%;
}

/*  컨텐츠 03 opinion */
.page03 .top {
  background: url("../image/03/03bg.png") center bottom no-repeat;
  padding: 30px 30px 400px 20px;
}
.page03 .top strong {
  display: block;
  font-size: 30px;
  font-weight: 600;
  color: #003f7e;
  text-align: center;
  line-height: 35px;
  margin-bottom: 40px;
}
.page03 .top strong span {
  font-size: 16px;
  font-weight: 600;
  color: #555;
}
.page03 .img_wrap {
  display: block;
  text-align: center;
}
.page03 .img_wrap img {
  width: 100%;
}
.page03 .boxing .subhead {
  font-size: 20px;
  font-weight: 800;
  margin: 0 0 12px 0;
  color: #222;
}
.page03 .boxing strong {
  display: block;
  font-size: 20px;
  font-weight: 900;
  color: #003f7e;
  padding: 0 0 5px 0;
}
.page03 .boxing table {
  margin: 0 0 50px 0;
  border-bottom: 1px solid #996b80;
}
.page03 .boxing table tbody tr {
  background-color: #f7f8f8;
}
.page03 .boxing table tbody tr th {
  background-color: #996b80;
  color: #fff;
  padding: 10px;
  font-size: 16px;
  font-weight: 600;
  text-align: center;
  border-right: 1px solid #fff;
}
.page03 .boxing table tbody tr th:last-child {
  border-right: 0;
}
.page03 .boxing table tbody tr td {
  padding: 10px 20px;
  font-size: 16px;
  font-weight: 500;
  color: #111;
  background-color: #fff;
  text-align: center;
  border-right: 1px solid #333;
  border-bottom: 1px solid #333;
}
.page03 .boxing table tbody tr:last-child td:last-child {
  border-bottom: 0;
}
.page03 .boxing table tbody tr td:last-child {
  border-right: 0;
}
.page03 .bottom {
  background: url("../images/page03_bottom.png") center 100% no-repeat;
}
.page03 .bottom p {
  margin: 50px 0 0 0;
  padding: 30px;
  font-size: 14px;
  letter-spacing: -0.04em;
  line-height: 28px;
  color: #57585a;
  background: #f8f8f8;
}
.page03 p.center {
  margin: 0;
}
.page03 .imgb {
  border: 1px solid #086fb2;
  margin: 0 0 60px 0;
}

.page03 .bg01 {
  background: url("../images/page03_02.jpg") right bottom no-repeat;
  background-position: right center;
  padding: 30px 350px 30px 0;
}
.page03 .bg02 {
  background: url("../image/page03_bottom.png") center no-repeat;
  padding: 550px 30px 30px;
}

.page03_01 .top strong {
  color: #6e79b9;
}
.page03_01 strong {
  color: #6e79b9;
}
.page03_01 .boxing strong {
  color: #6e79b9;
}

.page03 .boxing table {
  margin: 0 0 30px 0;
}
.page03 .boxing table thead th {
  background-color: #003f7e;
  color: #fff;
  text-align: center;
  font-size: 14px;
  padding: 5px 0;
  border-right: 1px solid #fff;
}
.page03 .boxing table tbody tr th {
  padding: 10px;
  font-size: 14x;
  font-weight: 600;
  color: #333;
  border-right: 1px solid #003f7e;
  border-bottom: 1px solid #003f7e;
}
.page03 .boxing table tbody tr td {
  padding: 10px;
  font-size: 14px;
  border-right: 1px solid #003f7e;
  border-bottom: 1px solid #003f7e;
  color: #333;
}
.page03 .boxing table tbody tr td.center {
  text-align: center;
}
.page03 .boxing table tbody tr td:last-child {
  border-right: 0;
}
.page03 .boxing table.second tr td {
  text-align: center;
}

/*  컨텐츠   04 - Nortable Research */
.page04 .top {
  padding: 30px 30px 203px 30px;
  background:url('../image/04/04bg.png') top no-repeat;
  margin: 0 0 60px 0;
  background-size: cover;
}
.page04 .top strong {
  display: block;
  font-size: 30px;
  font-weight: 600;
  color: #ded095;
  text-align: center;
  line-height: 35px;
  margin-bottom: 70px;
}
.page04 .top strong span {
  font-size: 16px;
  font-weight: 600;
  color: #555555;
}
.page04 .boxing {
  margin: 80px 0 0 0;
}
.page04 .boxing h4 {
  font-size: 19px;
  font-weight: 900;
  color: #111111;
  text-align: center;
  padding: 0 0 30px 0;
}
.page04 .boxing .normal .dot {
  display: block;
  padding: 0 0 0 13px;
  margin: 0 0 10px 0;
  background: url("../images/brown_dot.png") 0 11px no-repeat;
}
.page04 .normal span {
  font-size: 17px;
}
.page04 .boxing::after {
  content: "";
  display: block;
  clear: both;
}
.page04 .boxing > .normal:last-child {
  margin: 0;
}
.page04 span {
  color: #1ba74f;
}
.page04 p.normal b {
  font-size: 18px;
  color: #996b80;
}
.page04 p.imgb {
  border: 1px solid #fff;
  margin: 10px 0;
  width: 100%;
}
.page04 p.imgb span {
  display: block;
  font-size: 15px;
  font-weight: 600;
  color: #111;
  margin: 20px 0 0 0;
  box-sizing: border-box;
  padding: 0 10px 0;
}
.page04 .boxing p.imgb:last-child {
  margin: 60px 0;
}
.page04 p.center span {
  display: block;
  font-size: 14px;
  font-weight: 900;
  color: #a0883f;
  margin: 20px 0 0 0;
}
.page04 .bottom p {
  margin: 50px 0 0 0;
  padding: 30px;
  font-size: 14px;
  letter-spacing: -0.04em;
  line-height: 28px;
  color: #57585a;
  background: #f8f8f8;
}

.page04 table tbody tr th {
  background: #f6f2e1;
  color: #111;
  padding: 12px 10px;
  font-size: 16px;
  text-align: left;
  border-top: 1px solid #928650;
}
.page04 table tbody tr td {
  padding: 10px;
  font-size: 15px;
  color: #111;
  text-align: right;
}
.page04 table tbody tr.line td {
  border-bottom: 1px solid #ddd;
  color: #111;
  font-weight: 600;
}
.page04 table tbody tr.linetop td {
  border-top: 1px solid #928650;
}
.page04 table tbody tr td:first-child {
  text-align: left;
}
.page04 table tbody tr:last-child td {
  border-bottom: 1px solid #928650;
}

/* .page04 .bottom {background: url('../images/page04_bottom.png') center no-repeat; padding: 300px 20px 80px;} */

.page04 .leftimg {
  margin: 0 40px 0 0 !important;
}
.page04 .m30 {
  margin: 0 0 30px 0;
}

/* 컨텐츠 05 최신보험정보 */
.page05 .top {
  padding: 30px 30px 300px 30px;
  background: url('../image/05/05bg.png') center bottom no-repeat;
  background-size: cover;
}
.page05 .m_notice {
  display: none;
}
.page05 table {
  width: 100%;
  margin: 0 0 30px 0;
}
.page05 table thead tr th {
  padding: 15px 5px;
  font-size: 18px;
  font-weight: 600;
  color: #fff;
  background-color: #a0c0d0;
  border-left: 2px solid #fff;
  border-bottom: 2px solid #ddd;
}
.page05 table tbody tr td {
  padding: 10px;
  font-size: 14px;
  color: #333;
  text-align: center;
  border-left: 2px solid #fff;
  border-bottom: 2px solid #fff;
  font-weight: 600;
  letter-spacing: -0.03em;
  line-height: 27px;
  word-break: keep-all;
  background-color: #f4f4f4;
}
.page05 table tbody tr td:nth-child(3) {
  text-align: left;
}
.page05 table tbody tr td span.blue {
  font-weight: 900;
  color: #0050c0;
  font-size: 15px;
}
.page05 table tbody tr td p span b {
  font-weight: 900;
  color: #144c72;
}
.page05 table tbody tr.gray td {
  background-color: #e6e7e9;
}
.page05 table tbody tr td.gray {
  background-color: #e6e7e9;
}
.page05 table tbody tr td p {
  margin: 0 0 15px 0;
  text-align: left;
  letter-spacing: -0.04em;
}
.page05 table tbody tr td p:last-child {
  margin: 0;
}
.page05 table tbody tr td p.point {
  font-weight: 800;
  color: #144c72;
}
.page05 table tbody tr td span img {
  width: 100%;
}

.page05 table.reference thead tr th {
  background-color: #144c72;
  color: #fff;
  font-size: 18px;
  font-weight: 600;
}
.page05 table.reference tbody tr td {
  padding: 15px;
  font-size: 14px;
}
.page05 table.reference tbody tr td:last-child {
  border-right: 2px solid #fff;
}
.page05 table.reference tbody tr td span {
  display: block;
  font-size: 13px;
  color: #616161;
}
.page05 table.reference01 tbody tr td {
  text-align: center;
}
.page05 table.reference01 tbody tr td:last-child {
  text-align: center;
}
.page05 table.reference02 tbody tr td {
  text-align: center;
}
.page05 table.reference02 tbody tr:last-child td:nth-child(4) {
  text-align: center;
}

.page05 table.inner_table {
  width: 100%;
  margin: 0;
}
.page05 table.inner_table tbody tr th {
  padding: 15px 5px;
  font-size: 18px;
  font-weight: 600;
  color: #fff;
  background-color: #a0c0d0;
  border-left: 2px solid #fff;
  border-bottom: 2px solid #ddd;
}
 {
  border: none;
}
.page05 table.inner_table tbody tr td {
  border: none;
  padding: 60px 10px;
}
.page05 table.inner_table tbody tr td p {
  text-align: left;
}

.page05 table tbody tr td p span.block {
  display: block;
  text-align: center;
}

.page05 table.reference caption {
  margin: 0 0 12px 0;
  font-weight: 700;
  font-size: 20px;
  color: #144c72;
}
.page05 h4 {
  font-size: 22px;
  margin: 50px 0 10px;
  font-weight: 900;
  color: #25597a;
}
.page05 .btns {
  text-align: center;
  margin: 50px 0 0 0;
}
.page05 .btns a {
  display: inline-block;
  padding: 10px 60px;
  background-color: #1069a2;
  color: #fff;
  font-size: 15px;
  font-weight: 900;
  line-height: 20px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  margin: 0 5px;
  letter-spacing: -0.04em;
}
.page05 .btns a:hover,
.page05 .btns a:focus {
  background-color: #005287;
}
.page05 p.notice {
  color: #333;
  font-size: 14px;
  margin: 0 0 50px;
}

/*  컨텐츠 06 - 임상지침 */
.page06 .top {
  margin: 0 0 60px 0;
  padding: 0 40px 220px 40px;
  background: url("../images/page06_top.jpg") center 100% no-repeat;
}
.page06 .top strong {
  display: block;
  font-size: 30px;
  font-weight: 600;
  color: #2c83aa;
  text-align: center;
  line-height: 35px;
  margin-bottom: 40px;
}
.page06 .top strong span {
  font-size: 16px;
  font-weight: 600;
  color: #555555;
}
.page06 .boxing {
  margin: 80px 0 0 0;
}
.page06 .boxing h4 {
  font-size: 19px;
  font-weight: 900;
  color: #111111;
  text-align: center;
  padding: 0 0 30px 0;
}
.page06 .bottom {
  padding: 20px;
  margin: 80px 0 0 0;
  font-size: 13px;
  letter-spacing: -0.04em;
  line-height: 22px;
  color: #666;
  background: #eef4fb;
}
.page06 .bottom h5 {
  margin: 0 0 8px 0;
}

.page06 p.center {
  padding: 30px 0 10px 0;
  margin: 0;
  background: #eef4fb;
}
.page06 p img {
  max-width: 100%;
}
.page06 div.clear:after {
  content: "";
  display: block;
  clear: both;
}
.page06 div.left {
  float: right;
  width: 55%;
  margin: 0 2% 0 0;
}
.page06 p.left {
  float: right;
  width: 43%;
}
.page06 p.left img {
  width: 100%;
}

.page06 table thead tr th {
  padding: 15px 5px;
  font-size: 18px;
  font-weight: 600;
  border-left: 2px solid #fff;
  border-bottom: 2px solid #ddd;
  background-color: #144c72;
  color: #fff;
  font-size: 18px;
  font-weight: 600;
}
.page06 table tbody tr td {
  padding: 10px;
  font-size: 14px;
  color: #333;
  border-left: 2px solid #fff;
  border-bottom: 2px solid #fff;
  font-weight: 600;
  letter-spacing: -0.03em;
  line-height: 27px;
  word-break: keep-all;
  background-color: #f4f4f4;
  padding: 15px;
  font-size: 14px;
}
.page06 table tbody tr:nth-child(2n) td {
  background-color: #e6e7e9;
}
.page06 table caption {
  font-size: 14px;
  font-weight: 900;
  color: #3d5e74;
  margin: 10px 0 0 0;
  caption-side: bottom;
  text-align: center;
}

/* 컨텐츠 07 학회뉴스 */
/* .page07 { background: #e2f4fd; padding: 100px 20px; } */
.page07 .top::after {
  display: block;
  content: "";
  clear: both;
}
.page07 .top ul {
  border: 1px solid #002256;
  padding: 20px 30px;
  border-radius: 20px;
  margin: 30px 0;
}
.page07 .top ul li {
  color: #59adf5;
  font-size: 17px;
  font-weight: 600;
  line-height: 30px;
}
.page07 .top p.imgb {
  width: 100%;
  border: 0;
}
.page07 .top strong {
  display: block;
  font-size: 30px;
  font-weight: 600;
  color: #2c83aa;
  text-align: center;
  line-height: 35px;
  margin-bottom: 40px;
}
.page07 .top strong span {
  font-size: 16px;
  font-weight: 600;
  color: #555555;
}
.page07 .bdl {
  border-left: 5px solid #e5006e;
  padding: 0 0 0 10px;
  margin: 10px 0 30px 0;
}
.page07 .bg01 {
  background: url("../images/page07_03.jpg") no-repeat;
  background-position: left center;
  padding: 75px 0 75px 375px;
  letter-spacing: -0.05em;
}
.page07 .box {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin: 50px 0 0;
}
.page07 .boxing {
  margin: 0 0 20px;
}
.page07 .boxing h3 {
  font-size: 22px;
  font-weight: bold;
  color: #333;
  margin: 0 0 30px 0;
}
.page07 .boxing p.normal.b-colr b {
  color: #0050c0;
  text-decoration: #0050c0 solid underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}
.page07 .boxing ul {
  border: 1px solid black;
  padding: 20px;
  box-sizing: border-box;
}
.page07 .boxing ul li {
  font-size: 15px;
  color: #333;
  font-weight: 600;
  line-height: 26px;
}
.page07 .boxing ul li:last-child {
  color: #f81356;
}
.page07 .boxing .imgbox {
  width: calc((100% - 20px) / 2);
  margin: 0 20px 10px 0;
}
.page07 .boxing .imgbox:nth-child(2n) {
  margin: 0;
}
.page07 span {
  text-align: center;
  display: block;
}
.page07 span.img_wrap {
  margin: 0 0 30px;
}
.page07 span img {
  max-width: 80%;
}
.page07 i {
  color: #0050c0;
}
/* .page07 span img.border_img {border: 1px solid #ccc;} */
.page07 .boxing strong {
  display: block;
  font-size: 20px;
  font-weight: 900;
  color: #333;
  padding: 0 0 5px 0;
}
.page07 .boxing table {
  margin: 0 0 30px 0;
}
.page07 .boxing table thead th {
  background-color: #59adf5;
  color: #fff;
  text-align: center;
  font-size: 14px;
  padding: 5px 0;
  border-right: 1px solid #fff;
}
.page07 .boxing table tbody tr th {
  padding: 10px;
  font-size: 14x;
  font-weight: 600;
  color: #333;
  border-right: 1px solid #59adf5;
  border-bottom: 1px solid #59adf5;
}
.page07 .boxing table tbody tr td {
  padding: 10px;
  font-size: 14px;
  border-right: 1px solid #59adf5;
  border-bottom: 1px solid #59adf5;
  color: #333;
}
.page07 .boxing table tbody tr td.center {
  text-align: center;
}
.page07 .boxing table tbody tr td:last-child {
  border-right: 0;
}
.page07 p.normal b {
  color: #59adf5;
}

/* 컨텐츠 10 학회일정 */
/* .page10 .bg_box { background: url(../images/page10_top.jpg) 0 bottom no-repeat; background-size: 100%; padding: 100px 50px 80px;} */
/* .page10 .bg_box2 { background: url(../images/page10_top2.png) 116px -140px no-repeat;
    padding: 100px 50px 0;
    background-size: 100%;
    margin-top: 100px;
} */
.page10 h4 {
  font-size: 27px;
  font-weight: 900;
  color: #4a2a68;
  padding: 0 0 0 26px;
  margin: 0 0 20px 0;
  background: url("../images/page07_img01.jpg") 0 12px no-repeat;
}
.page10 h5 {
  font-size: 23px;
  font-weight: 600;
  color: #333;
  margin: 0 0 20px 0;
}
.page10 h5.mt40 {
  margin-top: 40px;
}
.page10 .notice {
  color: #f81356;
  margin: 10px 0 60px;
  font-weight: 600;
}
.page10 table {
  width: 100%;
  border-bottom: 1px solid #ddd;
  background: #fff;
}
.page10 table thead tr th {
  padding: 15px;
  background-color: #dad1e9;
  font-size: 17px;
  font-weight: 900;
  border-left: 2px solid #fff;
}
.page10 table tbody tr td {
  padding: 15px;
  font-size: 15px;
  font-weight: 600;
  text-align: center;
  border-bottom: 1px SOLID #dfdfdf;
  border-left: 1px solid #dfdfdf;
}
.page10 table tbody tr td.none {
  border-left: none;
  background-color: #fff;
}
.page10 table tbody tr td.none.col {
  background-color: #f2f2f2;
}
.page10 table tbody tr td.bak-c {
  background-color: #f2f2f2;
}
/* .page10 table tbody tr:nth-child(2n) td.none{background-color: #ddd;} */
/* .page10  table  tbody tr.gray td {background-color:#f4f4f4;} */
.page10 table tbody tr td a {
  display: inline-block;
  padding: 5px 30px 5px 10px;
  color: #fff;
  border-radius: 30px;
  font-size: 12px;
  line-height: 12px;
  background: url(../images/gray_home.png) 90% center no-repeat #694b90;
}

/* 컨텐츠 08  후원사안내 */
.page08 .center {
  text-align: center;
  padding: 50px 0;
  border: 2px solid #ddd;
}
.page08 .center img {
  width: 90%;
}

.page08 .spon_tab {
  text-align: center;
  margin: 0 0 50px 0;
}
.page08 .spon_tab a {
  display: inline-block;
  width: 200px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 17px;
  font-weight: 600;
  background-color: #eee;
  color: #888;
  margin: 0 3px;
  border-radius: 40px;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
}
.page08 .spon_tab a.on,
.page08 .spon_tab a:hover {
  background-color: #d72d46;
  color: #fff;
}

/*  컨텐츠   09_01  - 신년사 */
.page09_01 {
  position: relative;
  padding: 40px 40px 150px 40px;
  background: url("../images/page09_01_top.png") center no-repeat;
  background-size: cover;
}
/* .page09_01 .img {position:Absolute; top:50px; right:80px;} */
.page09_01 .txt .img {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 50px;
}
.page09_01 .txt .txt_area {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
  gap: 40px;
}
.page09_01 .txt .txt_area p {
  font-size: 17px;
  line-height: 32px;
  color: #232323;
  letter-spacing: -0.03em;
  text-align: justify;
}
.page09_01 .txt > strong {
  display: block;
  padding: 50px 0;
  font-size: 25px;
  line-height: 40px;
  color: #aa5a82;
  font-weight: 600;
}
.page09_01 .txt > p {
  margin: 40px 0 0 0;
  font-size: 17px;
  line-height: 32px;
  color: #232323;
  letter-spacing: -0.03em;
  text-align: justify;
}
.page09_01 .txt p.sign {
  text-align: right;
}
.page09_01 .txt p.sign strong {
  font-size: 20px;
}

.sponsor .boxing {
  margin: 0 0 60px 0;
}
.sponsor h3 {
  padding: 6px 10px 6px 44px;
  color: #fff;
  font-size: 22px;
  font-weight: 600;
  position: relative;
  line-height: 22px;
}
.sponsor h3:before {
  display: inline-block;
  content: "";
  top: -3px;
  left: 0;
  position: absolute;
  width: 33px;
  height: 51px;
}
.sponsor h3 span {
  font-weight: 400;
}

.sponsor .platinum h3 {
  background-color: #e41c39;
}
.sponsor .platinum h3:before {
  background: url("../images/pla_icon.png") 0 0 no-repeat;
}
.sponsor .platinum h3 span {
  color: #f998a6;
  font-weight: 400;
}

.sponsor .gold h3 {
  background-color: #e9c01b;
}
.sponsor .gold h3:before {
  background: url("../images/gold_icon.png") 0 0 no-repeat;
}
.sponsor .gold h3 span {
  color: #fbeba8;
  font-weight: 400;
}

.sponsor .bronze h3 {
  background-color: #cb6f56;
}
.sponsor .bronze h3:before {
  background: url("../images/bronze_icon.png") 0 0 no-repeat;
}
.sponsor .bronze h3 span {
  color: #efa08b;
  font-weight: 400;
}

.sponsor .silver h3 {
  background-color: #adb4b9;
}
.sponsor .silver h3:before {
  background: url("../images/silver_icon.png") 0 0 no-repeat;
}
.sponsor .silver h3 span {
  color: #cdd9e1;
  font-weight: 400;
}

.sponsor dl {
  margin: 30px 0 0 0;
}
.sponsor dl:after {
  content: "";
  display: block;
  clear: both;
}
.sponsor dl dt {
  float: left;
  width: 330px;
  height: 210px;
  margin-right: 40px;
}
.sponsor dl dt a {
  display: block;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  border: 1px solid #ddd;
}
.sponsor dl dt a .logobox {
  height: 164px;
  border-bottom: 1px solid #ddd;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.sponsor dl dt a .logobox img {
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
}
.sponsor dl dt a .title {
  height: 43px;
  background-color: #f4f4f4;
  text-align: center;
  line-height: 43px;
  font-size: 16px;
  font-weight: 900;
  color: #111;
}
.sponsor dl dt a .title span img {
  vertical-align: middle;
  margin: 0 0 5px 7px;
}
.sponsor dl dt a:hover .logobox img,
.sponsor dl dt a:focus .logobox img {
  transform: scale(1.04);
  -webkit-transform: scale(1.04);
  -moz-transform: scale(1.04);
  -ms-transform: scale(1.04);
  -o-transform: scale(1.04);
}

.sponsor dl dd {
  float: left;
  width: 830px;
}
.sponsor dl dd table {
  width: 100%;
}
.sponsor dl dd table tr th {
  font-size: 17px;
  padding: 5px 0 5px 10px;
  vertical-align: text-top;
  text-align: left;
}
.sponsor dl dd table tr td {
  font-size: 16px;
  line-height: 26px;
  padding: 5px 0;
  color: #444444;
  text-align: justify;
  letter-spacing: -0.03em;
  font-weight: 600;
}
.sponsor dl dd table tr td p {
  margin: 10px 0 0 0;
}
.sponsor dl dd table tr td p:first-child {
  margin: 0;
}

.sponsor .platinum dl dd table tr th {
  color: #e41c39;
  background: url("../images/red_dot.png") 0 13px no-repeat;
}
.sponsor .gold dl dd table tr th {
  color: #dfb405;
  background: url("../images/yel_dot.png") 0 13px no-repeat;
}
.sponsor .bronze dl dd table tr th {
  color: #cb6f56;
  background: url("../images/brown_dot.png") 0 13px no-repeat;
}
.sponsor .silver dl dd table tr th {
  color: #adb4b9;
  background: url("../images/silver_dot.png") 0 13px no-repeat;
}

.sponsor_add ul:after {
  content: "";
  display: block;
  clear: both;
}
.sponsor_add ul li {
  float: left;
  width: 585px;
  margin: 0 0 30px 15px;
}
.sponsor_add ul li:first-child,
.sponsor_add ul li:nth-child(2n + 1) {
  margin: 0 0 30px 0;
}
.sponsor_add ul li a {
  display: block;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  padding: 10px;
  border: 1px solid #ddd;
  position: relative;
}
.sponsor_add ul li a .thumb {
  width: auto;
  height: 790px;
}
.sponsor_add ul li a .thumb img {
  width: 100%;
  height: 100%;
}
.sponsor_add ul li a .back {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  line-height: 790px;
  background-color: rgba(0, 0, 0, 0.6);
  font-size: 22px;
  font-weight: 600;
  color: #fff;
  text-align: center;
}
.sponsor_add .modal {
  display: none;
  position: absolute;
  top: 100px;
  left: 50%;
  margin-left: -390px;
  padding: 10px;
  background-color: #fff;
  border: 1px solid #ddd;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}
.sponsor_add ul li a:hover .back {
  display: block;
}

@media screen and (max-width: 640px) {
  body {
    min-width: 320px;
  }

  #container {
    width: 100%;
    background: none;
    position: relative;
  }
  #header {
    width: 100%;
    height: 90px;
    position: relative;
    padding: 0;
    margin: 0;
  }
  #header_content {
    padding: 0 20px;
    width: auto;
    height: 100%;
  }

  #header_content .logo {
    margin: 0;
    top: 40px;
    left: 20px;
  }
  #header_content .logo a img {
    height: 35px;
  }

  .header_down {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1001;
    background-color: #fff;
  }

  .homemenu {
    top: 0;
  }
  .homemenu .leftbox {
    top: 5px;
    left: 20px;
  }
  .homemenu .leftbox p {
    width: 50px;
    height: 20px;
    line-height: 20px;
    font-size: 11px;
  }

  .homemenu .rightbox {
    top: 5px;
    right: 20px;
  }
  .homemenu .rightbox .dropbox {
    width: 100px;
    height: 20px;
    margin: 0 5px 0 0;
  }
  .homemenu .rightbox .dropbox h4 {
    font-size: 11px;
    line-height: 20px;
    padding: 0px 5px 0 8px;
  }
  .homemenu .rightbox .dropbox ul li a {
    font-size: 11px;
  }
  .homemenu .rightbox .go_web {
    width: 80px;
    height: 20px;
    line-height: 20px;
    padding: 0;
    font-size: 11px;
    background: none;
    text-align: center;
  }

  #gnb {
    display: none;
  }

  /*Quick Menu */
  #quick_menu {
    bottom: 50px;
    width: 40px;
    left: auto;
    right: 10px;
    margin: 0;
  }

  /* nav */
  #top_right {
    display: block;
    float: right;
    margin: 45px 0 0 0;
  }
  .allmenu {
    position: relative;
  }
  #menu-icon2 {
    position: relative;
    width: 30px;
    height: 20px;
    transform: rotate(0deg);
    transition: 0.5s ease-in-out;
    cursor: pointer;
  }
  #menu-icon2 span {
    display: block;
    position: absolute;
    height: 3px;
    width: 100%;
    background: #00a1ff;
    opacity: 1;
    left: 0;
    transform: rotate(0deg);
    transition: 0.25s ease-in-out;
  }
  #menu-icon2 span.short {
    width: 20px;
    left: 10px;
  }
  #menu-icon2 span:nth-child(1) {
    top: 0px;
  }
  #menu-icon2 span:nth-child(2) {
    top: 8px;
  }
  #menu-icon2 span:nth-child(3) {
    top: 17px;
  }
  #menu-icon2.open span:nth-child(1) {
    top: 6px;
    transform: rotate(-45deg);
  }
  #menu-icon2.open span:nth-child(2) {
    opacity: 0; /*클릭하면 중간선이 사라집니다.*/
  }
  #menu-icon2.open span:nth-child(3) {
    top: 6px;
    transform: rotate(-135deg);
    width: 30px;
    left: 0;
  }
  nav {
    position: absolute;
    top: 90px;
    right: 0;
    width: 100%;
    text-align: left;
    z-index: 1100;
  }
  #nav {
    display: block;
  }
  #nav li {
    position: relative;
    border-top: 1px solid #ddd;
    background: #fff;
  }
  #nav li a {
    position: relative;
    color: #111;
    font-size: 1em;
    font-weight: 600;
    display: block;
    line-height: 130%;
    padding: 10px 20px 10px 20px;
  }
  #nav li > ul > li {
    background: #efefef;
  }
  #nav li > ul > li a {
    color: #424242;
    font-size: 0.8em;
    line-height: 110%;
    padding: 10px 20px 10px 20px;
  }

  /* main */

  .mainvisual {
    width: 100%;
    height: 220px;
    background-size: cover;
  }
  .mainvisual h3 {
    font-size: 30px;
    line-height: 40px;
    padding: 40px 0 0 30px;
  }
  .mainvisual h3 span {
    font-size: 50px;
  }
  .mainvisual h3:after {
    width: 60%;
    margin: 10px 0;
  }
  .mainvisual p {
    padding: 0 0 0 30px;
    font-size: 16px;
    line-height: 22px;
  }
  .mainvisual p span {
    font-size: 25px;
  }

  /* section1 */
  .section1 {
    width: auto;
    padding: 20px 15px;
    display: block;
  }
  .section1 .newsbox {
    float: none;
    width: auto;
    height: auto;
    margin: 0 0 20px 0;
  }
  .section1 .newsbox:first-child {
    margin: 0 0 20px 0;
  }
  .section1 .newsbox h3 {
    font-size: 18px;
    padding: 20px 0 0 0;
  }
  .section1 .newsbox h3:before {
    width: 6px;
    margin: 0 15px 0 0;
  }
  .section1 .newsbox a.plus {
    position: absolute;
    top: 25px;
    right: 15px;
  }

  .section1 .newsbox .thumb {
    width: auto;
    height: auto;
    margin: 15px;
  }
  .section1 .newsbox .thumb img {
    width: 100%;
    height: auto;
  }
  .section1 .newsbox .title {
    width: auto;
    margin: 15px;
    padding: 0;
  }
  .section1 .newsbox .title p {
    font-size: 15px;
    line-height: 28px;
    word-break: keep-all;
    height: auto;
  }
  .section1 .newsbox .title span {
    font-size: 13px;
    padding-top: 13px;
    margin-top: 13px;
  }

  /* section2 */
  .section2 {
    padding: 20px 15px;
  }
  .section2_in {
    width: auto;
    display: block;
  }
  .section2 .newsbox {
    float: none;
    width: auto;
    margin: 0 0 20px 0;
  }
  .section2 .newsbox:first-child {
    margin: 0 0 20px 0;
  }
  .section2 .newsbox h3 {
    font-size: 18px;
    padding: 20px 0 0 0;
    margin: 0 0 15px 0;
  }
  .section2 .newsbox h3:before {
    width: 6px;
    margin: 0 15px 0 0;
  }
  .section2 .newsbox a.plus {
    top: 25px;
    right: 15px;
  }
  .section2 .newsbox .thumb {
    width: auto;
    height: auto;
  }
  .section2 .newsbox .thumb img {
    width: 100%;
    height: auto;
  }
  .section2 .newsbox .title {
    width: auto;
    height: auto;
    font-size: 15px;
    padding: 20px;
    word-break: keep-all;
  }
  .section2 .newsbox .stitle {
    font-size: 15px;
  }
  .section2 .newsbox .title p {
    height: auto;
    font-size: 15px;
  }
  .section2 .newsbox .title span {
    margin-top: 13px;
    padding-top: 13px;
    font-size: 13px;
  }

  /* footer */
  #footer_content {
    width: auto;
    padding: 40px 15px;
    font-size: 12px;
    word-break: keep-all;
  }
  #footer_content strong {
    font-size: 13px;
  }
  #footer_content .go_link {
    position: static;
    padding: 7px 40px 7px 10px;
    font-size: 11px;
    line-height: 11px;
    margin: 15px 0 0 0;
  }
  #footer_content .go_link:hover,
  #footer_content .go_link:focus {
    background-color: #f3f3f3;
  }

  /* Sub layout */

  .sub_top {
    width: auto;
    margin: 0 auto 50px;
    padding: 20px 0 40px;
  }
  .sub_top p {
    font-size: 13px;
    line-height: 13px;
    margin-bottom: 10px;
  }
  .sub_top h2 {
    font-size: 20px;
    line-height: 30px;
    padding: 0 30px;
    word-break: keep-all;
  }
  .sub_top h2.long {
    font-size: 18px;
    line-height: 25px;
  }
  .sub_top h2.long2 {
    font-size: 16px;
    line-height: 25px;
    width: auto;
    padding: 0 20px;
  }
  .sub_top a.leftgnb {
    bottom: 10px;
    left: 15px;
    font-size: 13px;
    line-height: 20px;
    padding: 0 0 0 30px;
    background-size: 20px;
  }
  .sub_top a.rightgnb {
    bottom: 10px;
    right: 15px;
    font-size: 13px;
    line-height: 20px;
    padding: 0 30px 0 0;
    background-size: 20px;
  }

  .sub_top h2.long2 span {
    display: block;
    font-size: 14px;
    line-height: 20px;
  }

  #con_area {
    width: auto;
    padding: 0 15px;
    margin: 0 auto 100px;
  }

  /* 공통 css */
  p.normal {
    font-size: 13px;
    line-height: 24px;
    word-break: break-all;
  }
  p.normal b {
    font-size: 16px;
    line-height: 23px;
  }
  .normal span {
    font-size: 15px;
    line-height: 26px;
  }
  p.imgb {
    width: 100%;
    padding: 20px 10px;
    margin: 20px 0 40px 0;
  }
  p.imgb span {
    font-size: 10px;
    word-break: break-word;
  }
  p.center img {
    max-width: 100%;
  }
  .top strong {
    font-size: 22px !important;
    margin-bottom: 20px !important;
  }
  .clearbox .left {
    float: none;
  }
  .clearbox .right {
    float: none;
  }
  .clearbox img {
    max-width: 90%;
  }
  .table {
    overflow: scroll;
  }
  div.scroll {
    overflow-x: scroll;
  }
  div.boxing {
    margin: 60px 0 0 0 !important;
  }
  ul.list_dot li {
    font-size: 13px;
    line-height: 28px;
  }

  p.imgb img {
    max-width: 100%;
  }

  /*  컨텐츠   01 - Focus On */
  .page01 .top {
    padding: 0 20px 40px 20px;
    background-size: 100%;
    background-position: center 100%;
  }
  .page01 .top strong {
    margin-bottom: 40px;
  }
  .page01 .m_notice {
    display: block;
    margin: 0 0 10px 0;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: -0.03em;
    color: #0868c1;
  }
  .page01 .boxing h4 {
    font-size: 17px;
    line-height: 27px;
    word-break: keep-all;
  }
  .page01 .boxing .imgb span {
    font-size: 10px;
  }
  .page01 .boxing table thead th {
    font-size: 13px;
  }
  .page01 .boxing table tbody tr th {
    padding: 5px;
    font-size: 13px;
  }
  .page01 .boxing table tbody tr td {
    padding: 5px;
    font-size: 13px;
  }
  .page01 p.imgb span {
    font-size: 12px;
  }
  .page01 .list {
    font-size: 13px;
    line-height: 24px;
  }
  .page01 .list b {
    line-height: 24px;
  }

  .page01 .bottom {
    width: 100%;
    padding: 10px;
    margin: 0;
    font-size: 12px;
    word-break: break-all;
    box-sizing: border-box;
  }
  .page01 p.center {
    width: 100%;
  }
  .page01 .bg {
    background-position: bottom right;
  }
  .page01 .bg02 {
    background-size: 250%;
  }

  .page01 .pinkbg {
    padding: 15px 10px 10px;
  }

  .page01 .bg01 {
    padding: 0 0 325px 0;
    background-position: center bottom;
  }
  .page01 .bg02 {
    padding: 0 20px 40px 20px;
  }

  /*  컨텐츠   02 - Technology Trend */
  .page02 .top {
    padding: 30px 20px 100px 20px;
  }
  .page02 .top h4 {
    font-size: 18px;
  }
  .page02 .top strong {
    margin-bottom: 40px;
  }
  .page02 .top .box2 {
    padding: 20px 10px;
  }
  .page02 .top .imgb {
    font-size: 13px;
    padding: 10px;
  }
  .page02 h5 {
    font-size: 16px;
    line-height: 24px;
  }
  .page02 p.imgb2 img {
    width: 33.3%;
  }
  .page02 p.center span {
    font-size: 11px;
    padding: 0 10px;
  }
  .page02 .list {
    font-size: 13px;
    line-height: 24px;
  }
  .page02 .boxing h4 {
    font-size: 18px;
  }
  .page02 .bottom {
    font-size: 11px;
    padding: 50px 20px;
    word-break: break-all;
    padding: 0;
    background-size: cover;
  }
  .page02 .bottom p {
    font-size: 13px;
    line-height: 20px;
    padding: 20px;
  }
  .page02 .boxing .box3 {
    padding: 20px 15px;
    word-break: keep-all;
  }
  .page02 .boxing p.normal strong {
    font-size: 16px;
    line-height: 16px;
  }
  .page02 p.imgb span {
    font-size: 12px;
  }
  p.normal strong {
    font-size: 18px;
  }

  .page02 strong {
    font-size: 15px;
  }
  .page02 .table_b {
    border: none;
  }
  .page02 .table_b tbody tr th {
    padding: 5px;
    font-size: 13px;
  }
  .page02 .table_b tbody tr td {
    padding: 5px;
    font-size: 13px;
    text-align: center;
    word-break: auto-phrase;
  }
  .page02_01 .bottom {
    width: 100%;
    padding: 10px;
    margin: 0;
    font-size: 12px;
    word-break: break-all;
    box-sizing: border-box;
    height: auto;
  }

  /*  컨텐츠 03 기획이슈  */
  .page03 .boxing table thead tr th {
    padding: 10px 3px;
    font-size: 11px;
  }
  .page03 .boxing table tbody tr th {
    padding: 10px 3px;
    font-size: 11px;
  }
  .page03 .boxing table tbody tr td {
    padding: 10px 3px;
    font-size: 11px;
    word-break: break-all;
  }
  .page03 .bottom {
    margin: 60px 0 0 0;
    font-size: 11px;
    line-height: 22px;
  }
  .page03 p.imgb span {
    font-size: 12px;
  }
  .page03 .boxing strong {
    font-size: 16px;
  }
  .page03 .boxing .subhead {
    font-size: 16px;
  }

  .page03 .bg01,
  .page03 .bg02 {
    background-size: 80%;
    padding: 0 0 300px 0;
    background-position: center bottom;
  }
  .page03 .bg02 {
    display: none;
  }
  .page03 .bg01 .normal,
  .page03 .bg02 .normal {
    width: 100%;
  }

  /*  컨텐츠   04 - Nortable Research   */
  .page04 .top {
    padding: 30px 20px 0 20px;
    margin: 0 0 60px 0;
    background-size: 100%;
  }
  .page04 .boxing .normal b {
    font-size: 16px;
  }
  .page04 p.normal b {
    font-size: 16px;
  }
  .page04 .boxing .bg02 {
    background-position: bottom center;
    padding: 10px 0px 220px 0;
  }

  .page04 .clearbox1 .left {
    width: auto;
    margin-right: 0;
    margin-bottom: 30px;
  }
  .page04 .clearbox1 .right {
    width: auto;
  }
  .page04 .bottom {
    padding: 100px 20px 20px;
    background-size: 100%;
    background-position: center 100%;
  }
  .page04 .bottom p {
    font-size: 13px;
    line-height: 20px;
    padding: 20px;
  }
  .page04 p.imgb span {
    font-size: 12px;
  }
  .page04 .normal span {
    font-size: 14px;
  }

  .page04 p.imgb {
    height: auto;
    float: none;
    width: 100%;
  }

  /* 컨텐츠 05 최신보험정보 */
  .page05 .scroll {
    overflow: scroll;
    margin: 0 0 30px 0;
  }
  .page05 .m_notice {
    display: block;
    margin: 0 0 10px 0;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: -0.03em;
    color: #0868c1;
  }
  .page05 table thead tr th {
    padding: 10px 3px;
    font-size: 12px;
  }
  .page05 table tbody tr td {
    padding: 10px 3px;
    font-size: 11px;
  }
  .page05 table tbody tr td span.blue {
    font-size: 11px;
  }
  .page04 p.imgb span {
    font-size: 12px;
  }
  .page05 table.blue_tb tbody tr th {
    font-size: 12px;
  }
  .page05 table.blue_tb tbody tr td {
    padding: 10px 3px;
    font-size: 11px;
    word-break: break-all;
  }
  .page05 table.blue_tb tbody tr td span.blue {
    font-size: 11px;
  }
  .page05 h4 {
    font-size: 18px;
  }
  .page05 .btns a {
    display: block;
    width: 70%;
    height: auto;
    padding: 15px 10px;
    font-size: 11px;
    line-height: 15px;
    margin: 0 auto 10px;
  }
  .page05 table {
    width: 600px;
  }
  .page05 table.reference tbody tr td {
    font-size: 12px;
  }
  .page05 p.notice {
    font-size: 13px;
  }

  /*  컨텐츠 06 */
  .page06 .top {
    padding: 0 20px 70px;
  }
  .page06 .top strong {
    margin-bottom: 40px;
  }
  .page06 .top strong span {
    font-size: 13px;
  }
  .page06 .boxing {
    margin: 80px 0 0 0;
  }
  .page06 .boxing h4 {
    font-size: 17px;
  }
  .page06 p.imgb img {
    width: 85%;
  }

  .page06 div.left {
    float: none;
    width: 100%;
    margin: 0;
  }
  .page06 p.left {
    float: none;
    width: 100%;
    margin: 0 0 30px 0;
  }
  .page06 table caption {
    font-size: 12px;
  }

  .page06 table thead tr th {
    padding: 10px 3px;
    font-size: 12px;
  }
  .page06 table tbody tr td {
    padding: 10px 3px;
    font-size: 11px;
  }
  .page06 table tbody tr td span.blue {
    font-size: 11px;
  }

  /* 컨텐츠 07 학회뉴스 안내 */
  .page07 .bg01 {
    background-position: top center;
    padding: 230px 0 0 0;
  }
  .page07 .top ul {
    padding: 10px 20px;
  }
  .page07 .top ul li {
    font-size: 13px;
    line-height: 24px;
  }
  .page07 .top p.imgb {
    float: none;
    width: 100%;
  }
  .page07 .bdl {
    padding: 6px 0 6px 10px;
  }
  .page07 .box {
    display: block;
  }
  .page07 .boxing .imgbox {
    width: 100%;
  }
  .page07 .boxing .imgbox:nth-child(2n) {
    margin: 0 0 10px 0;
  }

  .page07 .boxing table {
    margin: 0 0 30px 0;
  }
  .page07 .boxing table thead th {
    background-color: #59adf5;
    color: #fff;
    text-align: center;
    font-size: 14px;
    padding: 5px 0;
    border-right: 1px solid #fff;
  }
  .page07 .boxing table tbody tr th {
    padding: 10px;
    font-size: 14x;
    font-weight: 600;
    color: #333;
    border-right: 1px solid #59adf5;
    border-bottom: 1px solid #59adf5;
  }
  .page07 .boxing table tbody tr td {
    padding: 10px;
    font-size: 14px;
    border-right: 1px solid #59adf5;
    border-bottom: 1px solid #59adf5;
    color: #333;
  }
  .page07 .boxing table tbody tr td.center {
    text-align: center;
  }
  .page07 .boxing table tbody tr td:last-child {
    border-right: 0;
  }

  .page07 .boxing strong {
    font-size: 15px;
  }
  .page07 .boxing table tbody tr th {
    padding: 5px;
    font-size: 13px;
    word-break: auto-phrase;
  }
  .page07 .boxing table tbody tr td {
    padding: 5px;
    font-size: 13px;
    word-break: keep-all;
  }
  /* 컨텐츠 07  후원사안내 */
  .page08 .center {
    text-align: center;
    padding: 50px 0;
    border: 2px solid #ddd;
    margin: 0 0 60px 0;
  }
  .page08 .center img {
    width: 90%;
  }
  .sponsor .platinum {
    margin: 0 0 30px 0;
  }
  .sponsor h3 {
    font-size: 15px;
  }
  .sponsor h3 span {
    font-size: 12px;
  }
  .sponsor dl dt {
    float: none;
    width: auto;
    height: auto;
    margin-right: 0;
    margin-bottom: 20px;
  }
  .sponsor dl dt a .logobox {
    height: 100px;
    padding: 25px 0;
  }
  .sponsor dl dt a .logobox img {
    width: 50%;
  }
  .sponsor dl dt a .title {
    font-size: 12px;
  }

  .sponsor dl dd {
    float: none;
    width: auto;
  }
  .sponsor dl dd table tr th {
    font-size: 14px;
    padding: 5px 0 5px 10px;
    display: block;
  }
  .sponsor dl dd table tr td {
    font-size: 13px;
    line-height: 22px;
    padding: 0;
    display: block;
  }

  .sponsor_add ul li {
    width: 100%;
    margin: 0 0 30px;
  }
  .sponsor_add ul li:nth-child(3n + 1) {
    margin: 0 0 30px;
  }
  .sponsor_add ul li:first-child,
  .sponsor_add ul li:nth-child(2n + 1) {
    margin: 0 0 30px;
  }
  .sponsor_add ul li a .thumb {
    height: auto;
  }
  .sponsor_add ul li a .thumb img {
    width: 100%;
    height: auto;
  }
  .sponsor_add ul li a .back {
    line-height: 50px;
    font-size: 14px;
  }
  .sponsor_add .modal {
    width: 96%;
    top: 100px;
    left: 2%;
    margin-left: 0;
    padding: 10px;
    box-sizing: border-box;
  }
  .sponsor_add .modal img {
    width: 100%;
    height: 100%;
  }

  .page08 .spon_tab a {
    width: 100px;
    height: 30px;
    line-height: 30px;
    font-size: 13px;
  }

  /* 신년사 */
  .page09_01 .img {
    flex-direction: column;
  }
  /* .page09_01 .txt .img { align-items: center; } */
  .page09_01 .txt .txt_area {
    gap: 50px;
  }
  .page09_01 .txt p.sign strong {
    display: block;
  }

  /* 컨텐츠 10 학회일정안내 */
  /* .page10 .bg_box { padding: 80px 0px;} */
  /* .page10 .bg_box2 { background: url(../images/page10_top2.png) 0 50px no-repeat; background-size: 100%; padding: 80px 0px; margin-top: 20px; } */
  .page10 h4 {
    font-size: 18px;
    padding: 0 0 0 24px;
    letter-spacing: -0.04em;
    background: url("../images/page07_img01.jpg") 0 4px no-repeat;
  }
  .page10 .notice {
    font-size: 12px;
    line-height: 20px;
  }
  .page10 table thead tr th {
    padding: 10px 3px;
    font-size: 11px;
  }
  .page10 table tbody tr td {
    padding: 10px 3px;
    font-size: 11px;
    letter-spacing: -0.04em;
  }
  .page10 table tbody tr td a {
    padding: 3px;
    border-radius: 3px;
    font-size: 8px;
    line-height: 12px;
    background: none;
    background-color: #694b90;
  }
}

@media screen and (max-width: 320px) {
  #header_content .logo a img {
    height: 30px;
  }

  .homemenu .leftbox {
    left: 15px;
  }
  .homemenu .leftbox p {
    width: 45px;
  }

  .homemenu .rightbox {
    right: 15px;
  }
  .homemenu .rightbox .dropbox {
    margin: 0 3px 0 0;
  }
  .homemenu .rightbox .dropbox h4 {
    font-size: 10px;
  }
  .homemenu .rightbox .go_web {
    width: 75px;
    font-size: 10px;
  }
}

.genetic-box {
  background-color: rgba(234, 222, 230, 0.4); /* 반투명 보라 박스 */
  padding: 16px 22px;
  border-radius: 6px;
  font-family: "Noto Sans KR", sans-serif;
  color: #996b80; /* 자주색 계열 */
  max-width: 1200px;
  line-height: 1.6;
  margin-top: 12px;
}

.genetic-title {
  font-weight: bold;
  font-size: 16px;
  margin-bottom: 16px;
}

.genetic-title span {
  font-weight: normal;
  margin-left: 6px;
}

.genetic-list {
  list-style: none;
  padding-left: 0;
  margin: 0;
}

.genetic-list li {
  font-size: 15px;
  margin-bottom: 5px;
  position: relative;
  padding-left: 20px;
  font-weight: 500;
}

.page01 .genetic-list .bullet {
  position: absolute;
  left: 0;
  color: #996b80; /* 자주색 네모 ■ */
  font-size: 10px;
  margin-top: 5px;
  font-weight: bold;
}

.page02 .genetic-list .bullet {
  position: absolute;
  left: 0;
  color: #6f9bb7; /* 자주색 네모 ■ */
  font-size: 10px;
  margin-top: 5px;
  font-weight: bold;
}
.page03 .genetic-list .bullet {
  position: absolute;
  left: 0;
  color: #003f7e; /* 자주색 네모 ■ */
  font-size: 10px;
  margin-top: 5px;
  font-weight: bold;
}
.page07 .genetic-list .bullet {
  position: absolute;
  left: 0;
  color: #59adf5; /* 자주색 네모 ■ */
  font-size: 10px;
  margin-top: 5px;
  font-weight: bold;
}
.page14 .genetic-list .bullet {
  position: absolute;
  left: 0;
  color: #dd6b66; /* 자주색 네모 ■ */
  font-size: 10px;
  margin-top: 5px;
  font-weight: bold;
}

.sub-text {
  display: block;
  font-size: 14px;
  color: black;
  margin-top: 2px;
  font-weight: normal;
}

.page01 .genetic {
  color: white;
  background-color: #996b80;
  border-radius: 3px;
  width: 30px;
  text-align: center;
  padding: 0px 4px;
  font-size: 12px;
  line-height: 19px;
  height: 18px;
}
.page02 .genetic {
  color: white;
  background-color: #6f9bb7;
  border-radius: 3px;
  width: 30px;
  text-align: center;
  padding: 0px 4px;
  font-size: 12px;
  line-height: 19px;
  height: 18px;
}
.page03 .genetic {
  color: white;
  background-color: #003f7e;
  border-radius: 3px;
  width: 30px;
  text-align: center;
  padding: 0px 4px;
  font-size: 12px;
  line-height: 19px;
  height: 18px;
}
.page07 .genetic {
  color: white;
  background-color: #59adf5;
  border-radius: 3px;
  width: 30px;
  text-align: center;
  padding: 0px 4px;
  font-size: 12px;
  line-height: 19px;
  height: 18px;
}
.page14 .genetic {
  color: white;
  background-color: #dd6b66;
  border-radius: 3px;
  width: 30px;
  text-align: center;
  padding: 0px 4px;
  font-size: 12px;
  line-height: 19px;
  height: 18px;
}
.genetic_t {
  display: flex;
}

.genetic_t strong {
  font-size: 16px !important;
  line-height: 18px;
  margin-left: 8px;
}

/* 테이블 스타일 */
.genetic-table-wrap {
  margin-top: 12px;
}

.heart-check-table {
  width: 100%;
  border-collapse: collapse;
  font-family: "Noto Sans KR", sans-serif;
  font-size: 14px;
  text-align: center;
}

.page01 .heart-check-table thead th {
  background-color: #855a7b;
  color: #fff;
  padding: 10px 12px;
  font-weight: bold;
}
.page02 .heart-check-table thead th {
  background-color: #6f9bb7;
  color: #fff;
  padding: 10px 12px;
  font-weight: bold;
}
.page03 .heart-check-table thead th {
  background-color: #003f7e;
  color: #fff;
  padding: 10px 12px;
  font-weight: bold;
}
.page07 .heart-check-table thead th {
  background-color: #59adf5;
  color: #fff;
  padding: 10px 12px;
  font-weight: bold;
}
.page14 .heart-check-table thead th {
  background-color: #dd6b66;
  color: #fff;
  padding: 10px 12px;
  font-weight: bold;
}

.heart-check-table tbody td {
  border-top: 1px solid #ccc;
  padding: 10px 12px;
  color: #333;
}

.heart-check-table tbody tr:nth-child(even) {
  background-color: #fdf9fb;
}