@charset "utf-8";
:root {
    --swiper-navigation-size: 24px;
    --color1 : #f8374a;     --color1-b : #f8374a25;
    --color2 : #0059db;     --color2-b : #0059db25;
    --color3 : #8ebe06;     --color3-b : #8ebe0625;
    --color4 : #ff8f15;     --color4-b : #ff8f1525;
}
html, body {margin: 0;padding: 0;}
body {width:100%;-webkit-text-size-adjust:none;margin:0;padding:0;font-family: 'Noto Sans KR', sans-serif;color:#666; font-size:1em; line-height:20px; color:#666666; word-break: break-all;}
li {text-align: justify; padding: 0 30px;}
/* inline */
img {display:inline-block;border:0 none;width: 100%;object-fit: contain;}
cite, code, dfn, del, em, ins, label, q, span, strong {display:inline-block;}
cite, em, dfn {font-style:normal;}
sub {vertical-align:bottom;font-family:helvetica;}
sup {vertical-align:top;font-family:helvetica;}
hr {display:none;}

/* block */
h1, h2, h3, h4, h5, h6 {margin:0;font-size:1em;}
address {font-style:normal;}
blockquote, p  {margin:0;}
pre {margin:0;font-size:1em;}

/* table */
table {border-collapse:separate;border-spacing:0;border-collapse:collapse;width: 100%;max-width: 70%;}
.mainpage table {max-width: 900px;}
tr, td {width: 100%;}
table img {object-fit: contain;width: 100%;}
caption {display:none;}
th,
td {padding:0;vertical-align:top;text-align:left;font-weight:normal;} /* opara height=18px */
td {position: relative;}

/* list */
dd, dl, ol, ul {margin:0;padding:0;}
li {list-style-type:none;}
input{vertical-align:middle}

/* svg */
h1 > svg {width: 30px;margin-right: 10px;}
h1 > svg[data-name=page1] {fill: var(--color1);}
h1 > svg[data-name=page2] {fill: var(--color2);}
h1 > svg[data-name=page3] {fill: var(--color3);}
h1 > svg[data-name=page4] {fill: var(--color4);}
h1 > svg[data-name=page5] {fill: var(--color5);}

        .circle-img {
            width: 200px; /* 원하는 크기로 설정 */
            height: 200px; /* 원하는 크기로 설정 */
            min-width: 150px; /* 최소 너비 설정 */
            min-height: 150px; /* 최소 높이 설정 */
            border-radius: 50%;
            overflow: hidden;
            margin-right: 20px; /* 이미지와 텍스트 사이 간격 */
            flex-shrink: 0; /* 이미지가 줄어들지 않도록 설정 */
        }

        .circle-img img {
            width: 100%;
            height: 100%;
            object-fit: cover;
			text-align: center;
        }

        .text-content {
			text-align: left;
            max-width: 700px; /* 텍스트 최대 너비 */
        }

/* Newsletter_wrap */
#Newsletter_wrap{margin:0px auto; width:1000px;}
#Newsletter_wrap.mainpage {width:900px;}
#Newsletter_wrap .p1_box_1 h2{text-align:center; font-size:20px; font-weight:normal; line-height:30px;}
#Newsletter_wrap .p1_box_1 h3{text-align:center; font-size:40px; color:#000000;line-height:50px;}
#Newsletter_wrap .p1_box_1{text-align:center; line-height:25px; background:#f8f8f8; padding:60px 20px 80px 20px; }
#Newsletter_wrap .p1_box_1 p{padding:50px 0}

#Newsletter_wrap h1{font-size: 32px; font-weight:bold; line-height:1.4;padding: 15px 10px;display: flex;align-items: center;justify-content: center;}
#Newsletter_wrap h1 img {width: 30px;height: 30px;object-fit: contain;object-position: center;margin-right: 20px;}
#Newsletter_wrap .p1_box_2{border-left:solid 1px #e7e7e7;border-right:solid 1px #e7e7e7;border-bottom:solid 1px #e7e7e7;margin:0 0 50px; padding:40px 0px 0px 0px; text-align:center; line-height:30px;}
#Newsletter_wrap .p1_box_2 h2{text-align:center; font-size:20px; font-weight:bold; line-height:30px;}
#Newsletter_wrap .p1_box_2 h3{text-align:center; font-size:35px; font-weight:bold; line-height:60px; color:#000000;}
#Newsletter_wrap .p1_box_2 h4{text-align: center; font-size: 24px; font-weight: bold; line-height: 1.5;}
#Newsletter_wrap .p1_box_2 ul li .p_50 img{width:45%; margin:10px}
#Newsletter_wrap .p1_box_2 li {font-size: 1.2em;}
#Newsletter_wrap .p1_box_2 div:not(.mapBox) {font-size: 1.15em;}
#Newsletter_wrap .p1_box_2 li ul li {font-size: 18px;}
#Newsletter_wrap .p1_box_2 div.mapBox {font-size: 1.1em;}
.mainpage .p1_box_1 {padding-top: 0 !important;padding-bottom: 30px !important;}

#Newsletter_wrap .p1_box_3{border-left:solid 1px #e7e7e7;border-right:solid 1px #e7e7e7;border-bottom:solid 1px #e7e7e7;border-top:solid 2px #000000; margin:50px 0; padding:60px 0px 60px 0px; text-align:center; line-height:30px;}
#Newsletter_wrap .p1_box_3 h2{ text-align:center; font-size:20px; line-height:30px; color:#000000; font-weight:normal}

#Newsletter_wrap .p1_box_3 h3{ text-align:center; font-size:35px; line-height:60px; color:#000000; font-weight:bold}
#Newsletter_wrap .p1_box_3 ul li .p_50 img{width:45%; margin:10px}

#Newsletter_wrap p > img {width: 100%;max-width: 950px;object-fit: contain;}
#Newsletter_wrap h3 + p > img {max-width: none;}


.mt_50{margin-top:30px}
.phototext{color:#999999; font-size:14px}
.textb{ color:#000000; font-size:20px; margin-top:30px}

.map_bag1{ background:#f8f8f8; padding:10px 0 10px 0; margin-top:20px;}
.map_bag{ background:#f8f8f8; padding:30px 0 60px 0; margin-top:50px;}
.mapBox{text-align:center; margin:30px auto; width:960px;height:500px;  padding:25px 0; color:#000000;}
.mapBox p{padding:10px}
.mapBox iframe{width:960px; height:100%}

.p2_box_1{ background:#f3f8fb; width:95%; padding:30px 0; display:flex; margin:30px auto}
.p2_box_1 img{width:23%; display:inline; padding:0px 30px; }
.p2_box_1 .boxst_1{text-align:left;}
.p2_box_1 .boxst_1  strong{color:#0b6aad; font-size:20px; line-height:50px;}

.p2_box_2{width:90%; display:flex;  margin:50px auto}
.p2_box_2 dt{display:inline; margin-right:50px;}
.p2_box_2 dd{ text-align:left}
.p2_box_2 dd img{margin-top:80px}

.p5_box_1{ background:#f3f8fb; padding:25px; text-align:left; width:85%;margin:30px auto }
.p5_box_1 strong{color:#0b6aad}

/* footer */
.footer .logo_inner {display: flex;justify-content: center;margin-bottom: 20px; padding-top: 20px; flex-wrap: wrap;}
.footer .logo {width: 80%; object-fit: contain;margin: 20px;max-height: 78px;max-width: 120px;}
/* .footer .logo:first-child {max-width: 120px;}
.footer .logo:nth-child(2) {max-width: 200px;} */
.footer .sns_inner {width: 200px; display: flex; justify-content: space-between; margin: 0 auto 30px;}
.footer .sns {width: 24px; height: 24px;}
.footer .sns img {width: 100%; object-fit: contain;}
.footer .btn {display: inline-block;text-align: center; padding: 15px 25px; border-radius: 5px; background-color: #999; margin: 0 10px;transition: all .3s;}
.footer .btn:hover {background-color: #666;}
.btn a {color: #fff; font-size: 20px; text-decoration: none;}

/* timetable */
.timetable {
    width: 100%;
    max-width: 500px;
    margin-top: 10px;
    margin-left: 30px;
    border-collapse: collapse;
    box-sizing: border-box;
}
.timetable,
.timetable tr,
.timetable tr th,
.timetable tr td {
    border: 1px solid #999;
}
.timetable tr th {font-weight: bold;background: #f5f5f5;vertical-align: middle;line-height: 1.4;padding: 10px;}
.timetable tr td {
    padding: 5px 10px;
}
.timetable tr th:first-child,
.timetable tr td:first-child {
    width: 50px;
    text-align: center;
}
.timetable tr th:last-child,
.timetable tr td:last-child {
    min-width: 200px;
}
.br_mo {display: none;}
@media (max-width:630px) {
    .br_mo {display: block;}
    .timetable {width: 80%;max-width: 280px;font-size: 12px;}
    .timetable tr th,
    .timetable tr td {
        padding: 0 5px;
    }
    .timetable tr th:last-child,
    .timetable tr td:last-child {
        min-width: 100px;
    }
}

@media screen and (max-width:1024px) {
#Newsletter_wrap{width:100% }
#Newsletter_wrap.mainpage {width:100%; max-width: 900px;}

#Newsletter_wrap .p1_box_1 {padding:30px 20px 30px 20px;}
#Newsletter_wrap .p1_box_1 h3{line-height:50px}
#Newsletter_wrap .p1_box_2 {padding:30px 20px 0px 20px;}
#Newsletter_wrap .p1_box_2 h3{line-height:50px}
#Newsletter_wrap .p1_box_1 p img{width:100%;}
#Newsletter_wrap .p1_box_2 p img{width:100%;}
#Newsletter_wrap .p1_box_2 ul li .p_50 img{width:100%}
.swiper,swiper-container{width:100% }
.map_bag{padding:0px 10px 0px 10px}
.mapBox{width:100%;height:auto}
.mapBox iframe{width:100%;height:350px}
.p2_box_1 {display: block; padding:20px;}
.p2_box_1 img{width:100%; height:auto; padding:0}

.p2_box_2{ width:100%; display:block}
.p2_box_2 dt{display:block;margin-right:0px;width:100%;}
.p2_box_2 dt img{width:100%; margin-top:0px}
.p2_box_2 dd img{width:100%;}

#Newsletter_wrap .p1_box_3 {padding:30px 20px 0px 20px;}
#Newsletter_wrap .p1_box_3 h3{line-height:50px}
#Newsletter_wrap .p1_box_3 p img{width:100%;}
#Newsletter_wrap .p1_box_3 ul li .p_50 img{width:100%}
#Newsletter_wrap .p1_box_3{padding:20px 20px 10px 20px}
}

  .image-wrapper {
    display: flex;
    gap: 0.5vw;
    max-width: 950px;
    margin: 0 auto;
    flex-wrap: wrap;
  }

  .left-column {
    display: flex;
    flex-direction: column;
    gap: 0.5vw;
    flex: 1;
    min-width: 300px;
  }

  .right-image {
    flex: 1;
    min-width: 300px;
  }

  .left-column img,
  .right-image img {
    width: 100%;
    height: auto;
  }

  /* 반응형 처리 */
  @media (max-width: 768px) {
    .image-wrapper {
      flex-direction: column;
    }

    .left-column,
    .right-image {
      width: 100%;
    }
  }

@media screen and (max-width:444px){
    .footer .btn:first-child {margin-bottom: 20px;}
}

/* 12월호 4page */
.mo_4p_tit {display: none;}

@media screen and (max-width:981px){
    .mo_4p_tit {display: block;}
    .box_4p > div > div > h4 {display: none;}
    .box_4p > div {flex-direction: column;}
    .fd_cr {flex-direction: column-reverse !important;}
}

.cb {color: #000 !important;}
.cw {color: #fff !important;}
.c1 {color: var(--color1) !important;}
.c2 {color: var(--color2) !important;}
.c3 {color: var(--color3) !important;}
.c4 {color: var(--color4) !important;}
.c5 {color: var(--color5) !important;}
.c6 {color: var(--color6) !important;}
.c7 {color: var(--color7) !important;}
.c8 {color: var(--color8) !important;}
.b1 {background-color: var(--color1-b) !important;}
.b2 {background-color: var(--color2-b) !important;}
.b3 {background-color: var(--color3-b) !important;}
.b4 {background-color: var(--color4-b) !important;}
.b5 {background-color: var(--color5-b) !important;}
.b6 {background-color: var(--color6-b) !important;}
.b7 {background-color: var(--color7-b) !important;}
.b8 {background-color: var(--color8-b) !important;}
.bl1 {border-left: 20px solid var(--color1);}
.bl2 {border-left: 20px solid var(--color2);}
.bl3 {border-left: 20px solid var(--color3);}
.bl4 {border-left: 20px solid var(--color4);}
.bl5 {border-left: 20px solid var(--color5);}
.bl6 {border-left: 20px solid var(--color6);}
.bl7 {border-left: 20px solid var(--color7);}
.bl8 {border-left: 20px solid var(--color8);}

#img {position: relative;}
td#img > a {position: absolute;background: #0b6a5000;cursor: pointer;}
#img .link1 {top: 5.7%;left: 72.7%;width: 23.3%;height: 7.2%;}
#img .link2 {top: 12%;left: 5%;width: 33%;height: 80%;}
#img .link3 {top: 11%;left: 64%;width: 33%;height: 80%;}
#img .link4 {top: 12%;left: 5%;width: 33%;height: 80%;}
#img .link5 {top: 11%;left: 64%;width: 34.5%;height: 80%;}
#img .link6 {top: 16%;left: 4.5%;width: 91.2%;height: 80%;}
.jp #img .link1 {top: 5.7%;left: 72.7%;width: 23.3%;height: 7.2%;}
.vn #img .link1 {top: 5.7%;left: 76.7%;width: 19.3%;height: 7.2%;}
.ch #img .link1 {top: 5.7%;left: 78.3%;width: 18%;height: 7.2%;}