@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic:wght@400;700;800&display=swap');
@font-face {
 font-family: 'NanumBarunGothic';
 font-style: normal;
 font-weight: 400;
 src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.eot');
 src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.eot?#iefix') format('embedded-opentype'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.woff') format('woff'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.ttf') format('truetype');
}

@font-face {
 font-family: 'NanumBarunGothic';
 font-style: normal;
 font-weight: 700;
 src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.eot');
 src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.eot?#iefix') format('embedded-opentype'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.woff') format('woff'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.ttf') format('truetype')
}

@font-face {
 font-family: 'NanumBarunGothic';
 font-style: normal;
 font-weight: 300;
 src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.eot');
 src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.eot?#iefix') format('embedded-opentype'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.woff') format('woff'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.ttf') format('truetype');
}

.nanumbarungothic * {
 font-family: 'NanumBarunGothic', sans-serif;
}


* {
   padding: 0px;
   margin: 0px;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
   list-style: none;
   font-family: 'NanumBarunGothic', sans-serif;
}

body {
   min-width: 320px;
}

a {
   text-decoration: none;
}

option {
   width: 100%;
   overflow: hidden;
}

sup {
    font-size: 0.8em;
    vertical-align: super;
}

.dp_pc{
   display: block;
}
.dp_mob{
   display: none;
}

@media (max-width: 600px) {
   .dp_pc{
      display: none;
   }
   .dp_mob{
      display: block;
   }
}

#wrapper {
   width: 100%;
}

/* bx */
.bx-wrapper .bx-viewport{
   border-radius: 10px;
}


/* header */
#header .tp_lv1 {
   width: 970px;
   height: 108px;
   margin: 0 auto;
   font-size: 0;
}

#header .tp_lv1 .tp_logo {
   display: inline-block;
   width: 50%;
   padding: 22px 0;
   vertical-align: middle;
   text-align: left;
}

#header .tp_lv1 .tp_btn {
   display: inline-block;
   width: 50%;
   vertical-align: middle;
   text-align: right;
}

#header .tp_lv1 .tp_btn>a {
    display: inline-block;
    font-weight: 600;
    font-size: 16px;
    color: #603787;
    background: #fff;
    border: 1px solid rgba(0,0,0,0.2);
    border-radius: 5px;
    padding: 15px 25px;
    transition: all 0.3s;
}

#header .tp_lv1 .tp_btn>a:hover {
   background-color: #000;
   color: #fff;
}

#header .tp_line {
   width: 100%;
   height: 11px;
   background: #122836;
   background: -webkit-linear-gradient(to right, #122836 0, #065d72 45%, #065d72 55%, #122836 100%);
   background: -o-linear-gradient(to right, #122836 0, #065d72 45%, #065d72 55%, #122836 100%);
   background: -moz-linear-gradient(to right, #122836 0, #065d72 45%, #065d72 55%, #122836 100%);
   background: linear-gradient(to right, #122836 0, #065d72 45%, #065d72 55%, #122836 100%);
}

#header .tp_slide {
   position: relative;
   width: 100%;
   height: 460px;
   overflow: hidden;
}

#header .tp_slide>img {
   position: absolute;
   left: 50%;
   top: 50%;
   width: auto;
   height: 100%;
   -webkit-transform: translate(-50%, -50%);
   -ms-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
}

#header .tp_slide_btn {
   position: absolute;
   width: 100%;
   text-align: center;
   bottom: 50px;
}

#header .tp_menu {
   width: 970px;
   margin: 0 auto;
   margin-top: 100px;
}


/* Quick Nav */
#quick {
   position: absolute;
   right: -130px;
   top: 225px;
}

#quick .quick_list {
   overflow: hidden;
   border-radius: 4px;
   padding-bottom: 3px;
   margin-bottom: 17px;
   box-shadow: 4px 4px 4px #efefef;
}


#quick ul.quick_list li.win {
   text-align: center;
   margin: 15px auto;
   color: #656565;
   font-size: 15px;
   font-weight: bold;
}

#quick ul.quick_list li.sum {
   text-align: center;
   margin: 13px auto;
   color: #656565;
   font-size: 15px;
   font-weight: bold;
}

#quick ul.quick_list li.quickbar {
   width: 39px;
   height: 1px;
   background: #efefef;
   margin: 9px auto;
}
#quick ul.quick_list li,
#quick ul.quick_list li a {
   color: #656565;
   transition: 0.3s;
   font-size:14px;
}
#quick ul.quick_list li a:hover,
#quick ul.quick_list li:hover{
   color: #2879d6;
}
#quick img {
   border-radius: 2px;
   width: 104px;
   display: block;
}

.main_slide {
   margin: 30px auto 0;
   width: 100%;
}


/* footer */
#ft {
   position: relative;
   width: 100%;
   height:auto;
   margin-top: 70px;
   background: #7a7a7a;
   color: #fff;
   text-align: center;
}

#ft .ft_txt {
   padding: 60px 15px;
}

#ft .ft_txt>p {
   font-weight: 500;
   font-size: 17px;
   line-height: 26px;
   word-break: keep-all;
}

#ft .ft_txt>p:last-of-type {
  margin-top:20px;
}
.foot_logo{
  display: inline-block;
  margin-bottom:30px;
}


/* content */
#content {
   position: relative;
   width: 970px;
   margin: 72px auto 0 auto;
   min-height: 1500px;
}

#content .ul_cont {
   display:grid;
   grid-template-columns: repeat(4, 1fr);
   grid-gap: 1%;
   width: 970px;
   min-height: 700px;
   margin: 60px auto 80px auto;
}

#content .ul_cont dl {
   border-radius: 5px;
   position: relative;
   width: 100%;
   transition-duration: 0.3s;
   z-index: 1;
}

#content .ul_cont dl:hover {
   transform: scale(1.05) translateY(-10px);
   z-index: 2;
}


#content .ul_cont dl:hover p {
   color: #000;
}


#content .ul_cont dl dt {
   border: 2px solid transparent;
   border-radius: 4px;
   position: relative;
   font-size: 0;
   transition: 0.3s;
}

#content .ul_cont dl dt img {
   width: 100%;
   transition: all 0.4s ease-in-out;
   box-shadow: 4px 4px 4px #ddd;
  border-radius:8px;
}

#content .ul_cont .list_imgwrap {
   position: relative;
}

#content .ul_cont .list_txtwrap {
   width: 100%;
   height: 100px;
   padding: 15px 10px 15px;
   text-align: left;
   background: #fff;
   line-height: 1.13;
   z-index: 4;
}

#content .ul_cont dl dt p {
   color: #656565;
   font-size: 14px;
   font-weight: 600;
   letter-spacing: -0.7px;
   line-height: 1.5;
   word-break: keep-all;
   transition: all 0.3s ease;
   overflow: hidden;
   display: -webkit-box;
   -webkit-line-clamp: 3;
   -webkit-box-orient: vertical;
}

#content .ul_cont dl dt p br{
  display: none;
}

#content .ul_cont dl dt p span {
   font-weight: 800;
}


.ul_cont dt .shadow {
   width: 100%;
   height: 100%;
   position: absolute;
   left: 0;
   top: 0;
   /*   background: rgba(0, 0, 0, 0.3);*/
   opacity: 1;
   transition: all 0.2s;
}

.topbtn {
   position: fixed;
   right: 10%;
   bottom: 100px;
   width: 55px;
   height: 120px;
   opacity: 0;
   display: none;
   cursor: pointer;
   z-index: 999;
   background: url(../images/sd_btn.png) no-repeat center center;
}
.sctop,
.pgdown{
   transition: 0.3s;
   width:60px; height: 60px;
}
.sctop:hover,
.pgdown:hover{
   filter: brightness(1.5);
}

.topbtn.stop {
   position: absolute;
   top: -155px;
   right: 10%;
}

.topbtn>img {
   width: 55px;
}

.nav_bar {
   margin-top: 70px;
}

.nav_bar {
   width: 100%;
   height: 75px;
   margin-bottom: 67px;
}

.nav_bar:after {
   display: block;
   content: "";
   clear: both;
}

.nav_bar .left_btn {
   float: left;
}

.nav_bar .right_btn {
   float: right;
}

.nav_bar .left_btn img {
   display: block;
}

.nav_bar .right_btn img {
   display: block;
}

.nav_bar .nav_bar_tit {
   text-align: center;
   font-size: 35px;
   font-weight: 500;
   margin-bottom: 30px;
   letter-spacing: -0.17px;
   color: #272727;
}

.nav_bar .list_center {
   float: left;
   width: 100%;
   height: 100%;
   margin-bottom: 72px;
   text-align: center;
}

.nav_bar .list_center div {
   height: 100%;
   vertical-align: middle;
   font-size: 16px;
}

.nav_bar .list_center a {
   line-height: 1.2;
   display: flex;
   align-items: center;
   justify-content: center;
   height: 100%;
   word-break: keep-all;
}

.nav_bar .list_center div a {
   color: #c5c5c5;
}

/* .owl-stage-outer::after {
   content: "";
   display: inline-block;
   position: absolute;
   top: 0;
   left: 50%;
   transform: translateX(-50%);
   width: 330px;
   height: 75px;
   background: #003668;
   z-index: -1;
   border-radius: 4px;
   font-weight: 300 !important;
} */

/* 비활성화 */
.owl-prev.disabled img,
.owl-next.disabled img{
   filter:invert()
}

.owl-carousel .owl-stage-outer{
  transform:translate3d(0,0,0) scale(0.95) !important;
  z-index:4;
}

.owl-item .item{
   padding: 10px;
   transform: scale(0.8);
   transition: 0.3s;
   transition-delay: 0s;
   border-radius: 5px;
}

.owl-item.active.center .item{
   transition-delay: 0.3s;
   transform: scale(1);
   background: #e8eff2;
   border: 0;
  /* border-color:var(--i); */
}

.owl-carousel a{
    transition-delay:0s;
}

.owl-carousel .center a {
  color:#1d607d !important;
  /* color:var(--i)!important; */
  font-size: 16px;
  font-weight: 800;
  transition: all 0.3s;
  transition-delay:0.3s;
}

.owl-carousel .owl-nav{
  top:0;
  left:0;
  width:100%;
  position: absolute;
  z-index:2;
}

.owl-carousel .owl-dot,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-nav .owl-prev {
   padding-top: 20px;
}

.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-nav .owl-prev{
  margin-top:15px;
  padding:0;
  width:36px;
  height:36px;
  border-radius:50%;
  box-shadow:4px 4px 8px #eee;
  display:flex;
  justify-content:center;
  align-items:center;
  background-color:#1d607d;
}

.owl-carousel .owl-nav .owl-next img,
.owl-carousel .owl-nav .owl-prev img{
  width:15px;
  height:auto;
}

.nav_bar_m {
   display: none;
   width: 100%;
}

.nav_bar_box {
   width: 100%;
   border: 3px solid #14407d;
   border-radius: 8px;
   overflow: hidden;
   margin-bottom: 20px;
}

#m_nav {
   padding: 9px;
   width: 100%;
   border: none;
   box-shadow: none;
   background: url(../images/select_arrow.gif) center right 13px no-repeat;
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
   font-size: 17px;
}

#m_nav::-ms-expand {
   display: none;
}

#m_nav:focus {
   outline: none;
}

.nav_bar_m .nav_bar_m_tit {
   font-size: 23px;
   margin: 45px 0 30px 0;
}

.nav_bar_m .nav_bar_m_tit p {
   text-align: center;
}

.b_banner {
   width: 100%;
   margin-top: 20px;
}

.letter {
   letter-spacing: -1px;
}

.bxslider .subbanner_txt {
   position: absolute;
   width: 100%;
   bottom: 30px;
   left: 0;
   /* transform: translateY(-50%); */
   padding: 0px 35px;
}

.bxslider .subbanner_txt .txtani01,
.bxslider .subbanner_txt .txtani02 {
   opacity: 0;
}

.bxslider .subbanner_txt.on .txtani01 {
   margin-bottom: 10px;
   animation: txtani 0.5s ease;
   animation-fill-mode: forwards;
    color:#fff ;
    font-weight: 800;
}

.bxslider .subbanner_txt.on .txtani02 {
   animation: txtani 0.5s ease;
   animation-fill-mode: forwards;
   animation-delay: 0.2s;
   color:#fff;
}

@keyframes txtani {
   0% {
      transform: translateY(30px);
      opacity: 0;
   }

   100% {
      transform: translateY(0);
      opacity: 1;
   }
}

.bxslider .subbanner_txt>p:first-child {
   font-size: 24px;
   font-weight: bold;
   letter-spacing: -0.56px;
   color: #ffffff;
}

.bxslider .subbanner_txt>p:last-child {
   font-size: 15px;
   letter-spacing: -0.38px;
   color: #ffffff;
}

.bxslider .subbanner_txt>p>span {
   font-size: 14px;
   color: #ffffff;
   display: block;
}

.bx-wrapper {
   margin: 0 auto 20px !important;
}

.bx-wrapper .bx-pager {
   top: auto !important;
   left: 30px !important;
   bottom: 115px !important;
   right: auto !important;
   padding-top: 0 !important;
   width: auto !important;
}

.bx-wrapper .bx-pager.bx-default-pager a {
  position:relative ;
   border-radius: 50px;
   height: 16px !important;
   width: 16px !important;
   background: transparent;
   transition: all 0.2s ease;
   border:2px solid transparent;
}

.bx-wrapper .bx-pager.bx-default-pager a::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50% , -50%);
  display: inline-block;
  width: 5px;
  height: 5px;
  background: #fff;
  border-radius: 50%;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
   /* border-color: #061e7b  !important; */
}

.bx-wrapper .bx-pager.bx-default-pager a:hover::after,
.bx-wrapper .bx-pager.bx-default-pager a.active::after{
     background-color: #061e7b  !important;
}

.bx-wrapper img {
   width: 100% !important;
}

.sl_bg {
   border-radius: 10px;
   width: 100%;
   height: 296px;
   overflow: hidden;
   /* background-color:rgba(0,0,0,0.5) !important;
   background-blend-mode: multiply !important; */
}

/* new bx*/

.bxslider>li>a{
  display:flex;
  flex-direction:row-reverse;
}

.bxslider>li>a>.sl_bg{
  width:100%;
}

.bxslider>li>a>.subbanner_txt {
  width:50%;
}

.sl01 {
   background: url(../images/main_slide_01.png) no-repeat center center;
   background-size: cover;
}

.sl02 {
   background: url(../images/main_slide_02.png) no-repeat center right;
   background-size: cover;
}

.sl03 {
   background: url(../images/main_slide_03.png) no-repeat center center;
   background-size: cover;
}

.sl04 {
   background: url(../images/main_slide_04.png) no-repeat center center;
   background-size: cover;
}

.sl05 {
   background: url(../images/main_slide_05.png) no-repeat center center;
   background-size: cover;
}

.sl06 {
   background: url(../images/main_slide_06.png) no-repeat center center;
   background-size: cover;
}


.sl07 {
   background: url(../images/main_slide_07.png) no-repeat center center;
   background-size: cover;
}

.sl08 {
   background: url(../images/main_slide_08.png) no-repeat center center;
   background-size: cover;
}

.sl09 {
   background: url(../images/main_slide_09.png) no-repeat center center;
   background-size: cover;
}

.sl10 {
   background: url(../images/main_slide_10.png) no-repeat center center;
   background-size: cover;
}

.sl11 {
   background: url(../images/main_slide_11.png) no-repeat center center;
   background-size: cover;
}

.sl12 {
   background: url(../images/main_slide_12.png) no-repeat center center;
   background-size: cover;
}

.sl13 {
   background: url(../images/main_slide_13.png) no-repeat center center;
   background-size: cover;
}

.sl14 {
   background: url(../images/main_slide_14.png) no-repeat center center;
   background-size: cover;
}
.sl15 {
   background: url(../images/main_slide_15.png) no-repeat center center;
   background-size: cover;
}
.sl16 {
   background: url(../images/main_slide_17.png) no-repeat center center;
   background-size: cover;
}

/* ������ �ڽ� css */
.content_area {
   width: 100%;
   position: relative;
   clear: both;
}

p.cont_cate {
   word-break: keep-all;
   padding: 20px 0 10px;
   color: #fff;
   font-size: 13px;
   margin-top:20px;
   /*   border-bottom: 1px solid #fff;*/
}

p.cont_cate span {
   display: inline-block;
   padding: 5px 8px;
   margin-right: 10px;
   font-size: 15px;
   border: 1px solid #fff;
   line-height: normal;
   vertical-align: middle;
}

.cont_bnrtit {
    width: 100%;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    align-items: center;
}

.cont_bnrtit>p {
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
    display: inline-block;
    padding: 7px 14px;
    margin-bottom: 20px;
    font-size: 18px;
    font-weight: 800;
    color: #fff;
   width:118px;
   font-family: none;
}

.cont_bnrtit h1 {
    word-break: keep-all;
    font-size: 34px;
    color: #fff;
    font-weight: 500;
    line-height: 50px;
}
.cont_bnrtit .cont_bnrsub > p{
    border-radius: 20px;
    display: inline-block;
    padding: 7px 17px;
    margin-bottom: 40px;
    font-size: 13px;
    font-weight: 400;
    color: #fff;
    margin-top: 10px;
}

.cont_bnrtit h1 span {
   font-weight: 900;
}

.content_top h2 {
   font-size: 18px;
   color: #fff;
   font-weight: 300;
}

.subtit {
   color: #fff;
}

/* 'issue '����Ÿ��Ʋ */
.content_tit {
   width: 100%;
   padding: 15px 0;
}

.content_tit img {
   float: left;
   padding-top: 2px;
   padding-right: 10px;
}

.content_tit p {
   width: fit-content;
   color: #fff;
   padding: 5px 15px 3px;
   font-weight: 700;
   line-height: 30px;
}

.content_box {
   width: 100%;
   background: #fff;
   padding: 25px;
   text-align: left;
}

.content_box p{ line-height:30px; }

.content_tit2 {
  word-break: keep-all;
  display: inline-block;
  margin: 20px 0 20px;
  width: 100%;
}

.content_tit2:after {
   display: block;
   content: "";
   clear: both;
}

.content_tit2 img {
   display: table;
   margin: 0 auto;
   padding-top: 2px;
   padding-right: 10px;
}

.content_tit2.back p {
   padding: 3px;
   background-color: #e9f1f2;
}

.content_tit2 p {
   position: relative;
   margin: 10px 0 0;
   font-size: 24px;
   font-weight: bold;
   line-height: 30px;
}

.mini_tit{
   padding: 0 0 15px;
}

.mini_tit p {
   position: relative;
   font-weight: bold;
   border-bottom-width: 2px;
   border-bottom-color:#000;
   border-bottom-style: solid;
   text-align: center;
   width: 100%;
}

.content_text {
   width: 100%;
   background: #fff;
   border-radius: 30px;
   text-align: justify;
   word-break: keep-all;
}

.content_text2 {
   width: 100%;
   border-radius: 30px;
   text-align: justify;
   word-break: keep-all;
   display: flex;
   justify-content: center;
   align-items: center;
   padding: 18px 25px;
   margin-bottom: 30px;
} 

.content_text:after,
.content_text2:after {
   display: block;
   content: "";
   clear: both;
}

.content_text h3, 
.content_text2 h3 {
   font-size: 18px;
   margin-bottom: 10px;
   line-height: 26px;
}

.content_text > p, 
.content_text2 > p {
   margin-bottom: 20px;
   font-size: 16px;
   line-height: 30px;
   letter-spacing:-0.8px;
   word-break: break-all;
}

.content_text2 p {
   margin-bottom: 0px;
}
.content_text .img-text{
    font-weight: bold;
    font-size:14px;
    margin:0px;
}
.underline{
    text-decoration: underline;
    text-decoration-color: #f69c98;
    text-underline-position: under;
    font-weight: bold;
}
.content_text .img-subtext{
    font-size:13px;
    margin:0px;
}

.content_text p sup{
  font-size:10px;
  font-weight:bold;
  display: inline-block;
  margin-top:-6px;
}
.content_text p a{
   color: #000;
   text-decoration: underline;
}

.content_text p.tip {
   font-size: 12px;
   padding-top: 10px;
   border-top: 1px solid #cdcdcd;
   text-indent: 0;
   line-height: 20px;
}

.content_text p.tip>span {
   display: block;
}

.content_text p>span.point {
   background: #e8b95b;
   color: #fff;
   padding: 5px 10px;
}

.content_text p.pdb {
   padding-bottom: 50px;
}

.content_text p.mgb {
   margin-bottom: 50px;
}

.content_text h1 {
   font-size: 21px;
   color: #14407d;
   padding: 15px 0;
   clear: both;
   line-height: 35px;
}

.content_text h1 span {
   font-size: 16px;
   padding: 5px 10px;
   border: 1px solid #14407d;
   border-radius: 15px;
   margin-right: 10px;
}

.content_text h1 span.black {
   color: #404040;
   border: 0px;
}

.content_text p.ti_none {
   text-indent: 0;
}

.content_text p span.yellow_bg {
   background: #f3e1a2;
   padding: 3px 8px;
}

.content_text p span.gray_bg {
   background: #e5e5e5;
   padding: 13px 20px;
}

.content_text p span.green_bg {
   background: #ced62a;
   padding: 3px 8px;
}

.content_text p span.orange_bg {
   background: #f39950;
   padding: 3px 8px;
}

.content_text p span.gray_box {
   display: block;
   background: #e5e5e5;
   padding: 13px 20px;
}

.content_text p span.orange {
   color: orange;
   font-weight: bold;
}

.content_text p span.blue {
   color: #14407d;
   font-weight: bold;
}

/* common options */

.dash_line {
   border: 1px dashed #ddd;
   margin-bottom: 20px;
}

.dot_line {
   border-bottom: 3px dotted #ddd;
   margin-bottom: 20px;
}

.solid_line {
   border: 1px solid #ddd;
   margin-bottom: 20px;
}

.fw800 { font-weight: 800; }

.fwb { font-weight: bold; }

.minw15 {min-width: 15%;}

.ft_14 { font-size:14px !important; }

.bdrd0{ border-radius:0; }

.tit_full {
   text-align: center;
   width: 100%!important;
}
.tit_full p {
   width: 100%;
   border-radius: 20px 20px 0  0;
   font-size: 18px;
}

.txt_center { text-align:center; }

.txt_underline { text-decoration:underline; text-underline-position: under; }

.text_center{
   text-align: center;
}
.text_left {
   text-align: left !important;
}

.text_ctlayout {
   text-align: center;
}

.row_layout {
   display: flex;
   gap: 30px;
   align-items: flex-start;
}

.col_layout {
   display: flex;
   flex-direction: column;
   gap: 20px;
}

.row_layout.tri .row_inner {
   width: calc((100% - 60px) / 3);
}

.row_layout p, .col_layout p {
   word-break: break-all;
   line-height: 28px;
   letter-spacing: -0.8px;
}

.content_text p.plo {
   float: left;
   width: 50%;
}

.clear {
   clear: both;
}

.align_center {
   align-items: center ;
}

.align_bottom {
   align-items: flex-end;
}

.space_between {
   justify-content: space-between;
}

.justify_center{
  justify-content: center;
}

.space_between img {
   width: 100%;
}

.margin_0 {
   margin: 0 !important;
}

.img_tag {
   margin-left: 20px;
}

.word-break {
   word-break: break-all !important;
}

.text_jus {
   text-align: justify;
}

.back_img {
   position: absolute;
   bottom: 0;
   right: 0;
}

.text_box {
   padding: 10px;
   border: 1px solid #ccc;
}

.bdb1{
   border-bottom: 1px solid #ccc;
}

figure figcaption {
   font-size: 14px;
   margin-top: 8px;
   font-weight: 600;
   line-height: 20px;
}

figure figcaption span {
   font-size: 12px;
   margin-top: 8px;
   font-weight: 300;
   line-height: 16px;
}

.img_tit_left {
   text-align: left;
   font-size: 18px;
   margin-bottom: 10px;
}

.img_tit_center {
   text-align: center;
   font-size: 18px;
   margin-bottom: 10px;
}

/* flex box */

.flex {
   display: flex;
}
.flex_gap {
   display: flex;
   gap: 30px;
   align-items: flex-start;
   justify-content: center;
}
.flex_gap20 {
   display: flex;
   gap: 20px;
   align-items: flex-start;
}
.flex_gap40 {
   display: flex;
   gap: 40px;
    align-items: flex-start;
}
.flex_gap80 {
   display: flex;
   gap: 80px;
}

.flex_gap.w50 p { width:49%; }
.flex_gap.w50 img { width:49%; }

.flex img {
   max-width: 100%;
}


/* section fix */
.cont_top {
   border-radius: 10px;
   overflow: hidden;
   position: relative;
   height: 400px;
   padding: 0 25px;
   background-size: cover;
}

.cont_top.bn01 {
   background: url(../images/sub_banner_01.png) no-repeat center center;
}

.cont_top.bn02 {
   background: url(../images/sub_banner_02.png) no-repeat center center;
}

.cont_top.bn03 {
   background: url(../images/sub_banner_03.png) no-repeat center right;
}

.cont_top.bn04 {
   background: url(../images/sub_banner_04.png) no-repeat center center;
}

.cont_top.bn05 {
   background: url(../images/sub_banner_05.png) no-repeat center center;
}

.cont_top.bn06 {
   background: url(../images/sub_banner_06.png) no-repeat center center;
}

.cont_top.bn07 {
   background: url(../images/sub_banner_07.png) no-repeat center center;
}

.cont_top.bn08 {
   background: url(../images/sub_banner_08.png) no-repeat center center;
}

.cont_top.bn09 {
   background: url(../images/sub_banner_09.png) no-repeat center center;
}

.cont_top.bn10 {
   background: url(../images/sub_banner_10.png) no-repeat center center;
}

.cont_top.bn11 {
   background: url(../images/sub_banner_11.png) no-repeat center center;
}

.cont_top.bn12 {
   background: url(../images/sub_banner_12.png) no-repeat center center;
}

.cont_top.bn13 {
   background: url(../images/sub_banner_13.png) no-repeat center center;
}

.cont_top.bn14 {
   background: url(../images/sub_banner_14.png) no-repeat center center;
}

.cont_top.bn15 {
   background: url(../images/sub_banner_15.png) no-repeat center center;
}

.cont_top.bn16 {
   background: url(../images/sub_banner_16.png) no-repeat center center;
}

.bg0101 {
   background-color: #1b6484;
}

.bg0102 {
   background-color: #00695b;
}

.bg0103 {
   background-color: #105576;
}

.bg0601 { background-color: #2f8664; }
.col0601{ color: #2f8664; }

.bg0701 { background-color: #837c62; }
.col0701{ color: #837c62; }

.bg0801 { background-color: #46614a; }
.col0801{ color: #46614a; }

.bg0901 { background-color: #4a3e1d; }
.col0901{ color: #4a3e1d; }

.bg1001 { background-color: #5e4d7c; }
.col1001{ color: #5e4d7c; }

.bg1101 { background-color: #028288; }
.col1101{ color: #028288; }

.bg1201 { background-color: #5fb8ae; }
.col1201{ color: #5fb8ae; }

.bg0618{background-color: #D0E7DF }

.bg1301 { background-color: #f69c98; }
.col1301{ color: #f69c98; }

.bgmagenta { background-color: #B44489 }
.colmagenta { color: #B44489 }


.col0101 {
   color: #1b6484;
}

.col0102 {
   color: #00695b;
}

.col1013 {
   color: #105576;
}

.col1014 {
   color: #837c6f;
}

.bg1014 {
   background-color: #837c6f;
}
.col1015{
   color: #0095c9;
}

.bg1015{
   background-color: #0095c9;
}

.col0103s {
   color: #473c85;
}

.col0104s {
   color: #179e94;
}

.bg0407 {
   background-color: #4573a8;
}

.colgray {
   color: #696969;
}

.col0407 {
   color: #4573a8;
}

.col0407s {
   color: #2879d6;
}

.bg08 {
   background-color: #ba5054;
}
.col08 {
   color: #ba5054;
}

.col08s {
   color: #934a4f;
}

.bg09 {
   background-color: #789c2e;
}

.col09 {
   color: #789c2e;
}

.col09s {
   color: #627731;
}

.bg1011 {
   background-color: #6dc6a5;
}

.col1011 {
   color: #6dc6a5;
}

.bg1012 {
   background-color: #66bfb5;
}

.bg0104 {
   background-color: #179e94;
}

.bg0107 {
   background-color: #aa568c;
}
.bg2204 {
   background-color: #93344c;
}
.col2204{
    color: #93344c;
}
.bg2205{
    background-color: #184163;
}
.col2205{
    color: #184163;
}
.col0107 {
   color: #aa568c;
}

.col1012 {
   color: #66bfb5;
}

.col1012s {
   color: #c66959;
}

.bg1012s {
   background-color: #c66959;
}

.bg13 {
   background-color: #F29494;
}

.col13 {
   color: #F29494;
}

.col13s {
   color: #a3629d;
}

.bg1415 {
   background-color: #44af98;
}

.col1415 {
   color: #44af98;
}

.col1415s {
   color: #3d8473;
}

.colorange {
   color: #ef9022;
}
.bgorange {
   background-color: #ef9022;;
}

.bg16 {
   background-color: #4085a1;
}

.col16 {
   color: #4085a1;
}

.bgsky {
   background-color: #72BBF6;
}

.bgskys {
   background-color: #CBE5FB;
}

.colsky {
   color: #5AACEE;
}

.col16s {
   color: #3a6977;
}

.bg08s2 {
   background-color: #80b654;
}

.col08s2 {
   color: #80b654;
}

/* section img position */
.content_text .img_left {
   float: left;
   padding-right: 30px;
}

.content_text .img_right {
   float: right;
   padding-left: 30px;
   padding-bottom: 20px;
}

.content_text .w10 {
   width: 10% !important;
   margin: 0 auto;
}

.content_text .w15 {
   width: 15% !important;
   margin: 0 auto;
}

.content_text .w20 {
   width: 20% !important;
   margin: 0 auto;
}

.content_text .w30 {
   width: 30% !important;
   margin: 0 auto;
}

.content_text .w40 {
   width: 40% !important;
   margin: 0 auto;
}

.content_text .w50 {
   width: 50% !important;
   margin: 0 auto;
}

.content_text .w60 {
   width: 60% !important;
   margin: 0 auto;
}

.content_text .w70 {
   width: 70% !important;
   margin: 0 auto;
}

.content_text .w80 {
   width: 80% !important;
   margin: 0 auto;
   text-align: center;
}

.content_text .w90 {
   width: 90% !important;
   margin: 0 auto;
}

.content_text .w100 {
   width: 100% !important;
   margin: 0 auto;
   text-align: center;
}

.content_text img{
  max-width:100%;
}

.content_text .wicon {
   width: 120px;
}

.content_text .img_full {
   width: 100%;
   padding: 20px 0;
}

.content_text .img_center {
   width: 100%;
   padding-bottom: 20px;
   text-align: center;
}

.content_text .img_center img {
   width: 100%;
}

.content_text .line_gray {
   background: #d2d2d2;
   height: 1px;
   margin: 30px 0;
   float: left;
   width: 100%;
}

/* customize */
.mgt10 {
   margin-top: 10px;
}

.mgt20 {
   margin-top: 20px;
}

.mgb20 {
   margin-bottom: 20px !important;
}

.mgt30 {
   margin-top: 30px;
}

.mgt40 {
   margin-top: 40px !important;
}

.mgt50 {
   margin-top: 50px;
}
.mgt60 {
   margin-top: 60px;
}
.mgt80 {
   margin-top: 80px !important;
}
.mgt100 {
   margin-top: 100px;
}

.mgb0 {
    margin-bottom: 0px !important;
}

.mgb10 {
   margin-bottom: 10px;
}

.mgb20 {
   margin-bottom: 20px;
}

.mgb30 {
   margin-bottom: 30px;
}

.mgb40 {
   margin-bottom: 40px;
}

.mgb50 {
   margin-bottom: 50px;
}
.mgb60 {
   margin-bottom: 60px;
}
.mgb80 {
   margin-bottom: 80px;
}

.mgl10 {
   margin-left: 10px;
}

.mgr10 {
   margin-right: 10px;
}

.mgl30 {
   margin-left: 30px;
}

.mgr30 {
   margin-right: 30px;
}
.mgtb20{
    margin: 20px 0px;
}
.mgtb40{
    margin-top: 40px !important;
    margin-bottom: 40px !important;
}

.pd20{
  padding:20px;
}

.pdl30 {
   padding-left: 30px !important;
}

.pdr30 {
   padding-right: 30px !important;
}

.pdt30 {
   padding-top: 30px;
}
.pdb30 {
   padding-bottom: 30px;
}
.pdt20 {
   padding-top: 20px;
}
.pdb40 {
   padding-bottom: 40px;
}
.pdb0 {
   padding-bottom: 0 !important;
}

.pdtb20{
    padding: 20px 0px;
}
.pdtb40{
    padding: 40px 0px;
}

.col0101_sub01{font-size:16px; background-color:#1b6484; color:#fff; padding: 3px 10px;border-radius: 3px; display:inline-block;}

.content_text .img_left img,
.content_text .img_right img,
.img_full img {
   width: 100%;
}

.content_box .content_text:last-child {
   margin-bottom: 0;
}

.content_text p.tag {
   display: flex;
   font-weight: bold;
   align-items: flex-start;
   font-size: 14px !important;
   text-align: left;
   margin-bottom: 10px;
   line-height: 1.5;
}

.content_text p.tag.text_center{
  text-align: center;
}

.content_list {
   margin-bottom: 20px;
}

.content_list li {
   line-height: 1.5;
}

/*.tag span {
   min-width: 44px;
   margin-right: 10px;
   display: inline-flex;
   justify-content: center;
   align-items: center;
   padding: 5px 8px;
   border-radius: 5px;
   font-size: 12px;
   font-weight: bold;
   color: #fff;
   line-height: 1;
   background-color: #c8afd5;
   white-space: nowrap;
}*/

/* reference list  */

.reference_title {
   margin-top: 20px;
   font-size: 16px;
   font-weight: bold;
   line-height:28px;
}

.reference_list::before {
   content: "";
   width: 100%;
   height: 1px;
   background: #999;
   position: absolute;
   top: -10px;
   left: 0;
}

.reference_list,
.reference_list a {
   font-size: 13px;
   color: #999;
   position: relative;
}

.reference_list li{
  word-break:keep-all;
  line-height:28px;
  display: flex;
}

.reference_list li span{
  margin-right:4px;
}

/* 25 여름호 추가  */
#sum_2504 .mini_tit p {
   border-bottom-color: #80b654;
}

#sum_2508 .mini_tit p {
   border-bottom-color: #E47D17;
   padding: 10px;
   color: #E47D17;
}

#sum_2508 .content_text > p {
padding: 10px;
}

#sum_2508 .content_text {
   border-radius: 0;
   background: #F7EDDF;
   margin-bottom: 50px;
   padding: 10px 20px;
}

#sum_2509 .content_text {
   padding: 20px 40px;
   margin-bottom: 30px;
}

#sum_2509 .content_text .content_tit2 p {
   margin: 0!important;
}


/* media 1300px */
@media (max-width:1280px) {
   #quick {
      display: none;
   }

   #content {
      min-height: 100%;
   }

   #content .ul_cont {
      width: 100%;
      font-size: 0;
      grid-template-columns: repeat(3, 1fr);
   }

   #content .ul_cont dl dt img {
      width: 100%;
      display: block;
   }

   #content .ul_cont dl {
      width: 100%;
   }

   #content .ul_cont dl:nth-child(4n + 4) {
      margin-right: 1%;
   }

   #content .ul_cont dl:nth-child(3n + 3) {
      margin-right: 0;
   }

   #content .ul_cont dl dd {
      font-size: 16px;
   }

}

/* midea 1000px */
@media (max-width: 1000px) {

   #header .tp_lv1 {
      width: 100%;
   }

   #header .tp_menu {
      width: 100%;
   }

   #header .tp_lv1 .tp_logo {
      padding-left: 20px;
   }

   #header .tp_lv1 .tp_btn {
      padding-right: 20px;
   }

   #header .tp_menu {
      width: 100%;
      margin: 0 auto;
      margin-top: 50px;
   }

   #header .tp_menu img {
      width: 100%;
   }

   #content {
      width: 100%;
      margin: 10px 0;
      padding: 0 30px;
   }

   #content .tit_cont img {
      width: 100%;
   }


   #ft .ft_txt>p>br {
      display: block;
   }

   #content #quick {
      position: initial;
      width: 100%;
      margin-top: 30px;
      display: none;
   }

   #content #quick:after {
      clear: both;
      display: block;
      content: "";
   }

   .nav_bar .left_btn,
   .nav_bar .right_btn {
      width: 5%;
   }

   .nav_bar .left_btn img,
   .nav_bar .right_btn img {
      height: 100%;
   }

   #quick ul.quick_list {
      float: left;
      width: 32%;
      margin-right: 2%;
      background: #fff;
   }

   #quick ul.quick_list:last-of-type {
      margin-right: 0px;
   }

   #quick img {
      width: 100%;
      display: block;
   }

   .nav_bar {
      display: none;
   }

   .nav_bar_m {
      display: block;
   }

   .main_slide {
      width: 100%;
   }

   .content_text .text_left img {
      width: 100%;
   }

   .content_text .img_left3 img {
      width: 100%;
   }

   .content_text .img_right4 img {
      width: 100%;
   }

   .phone01 {
      width: 40% !important;
      margin: 0 auto;
   }

   .phone02 {
      width: 70% !important;
      margin: 0 auto;
   }

   .bx-wrapper .bx-pager {
      bottom: 50px !important;
   }

   .big_font br {
      display: none;
   }

   /* newswiper */
   .bxslider>li>a>.sl_bg,
   .bxslider>li>a>.subbanner_txt{
     width:100%;
   }

  .bxslider>li>a>.sl_bg{
        background-color: rgba(0,0,0,0.5);
        background-blend-mode: multiply;
    }

   .bxslider .subbanner_txt.on .txtani01,
   .bxslider .subbanner_txt.on .txtani02{
     color: #fff;
   }
   .bx-wrapper .bx-pager.bx-default-pager a:hover,
   .bx-wrapper .bx-pager.bx-default-pager a.active{
     border-color:#fff !important;
   }

   .bx-wrapper .bx-pager.bx-default-pager a:hover::after,
   .bx-wrapper .bx-pager.bx-default-pager a.active::after{
     background-color: #fff !important;
   }
   .flex_gap20{
    align-items: center;
    flex-direction: column;
   }

   .w80 { width:80%; }
   .w80 img { width: 100%; }
}

/* midea 800px */
@media (max-width: 824px) {
   .big_font {
      font-size: 18px;
   }

   .content_text p.plo {
       width: 100%;
   }

   .flex.s3 {
      flex-direction: column;
   }

   #content .ul_cont {
      margin: 35px auto;
   }

   .bx-wrapper img {
      max-width: initial !important;
      width: auto !important;
      height: 100%;
      display: initial;
   }

   .bx-wrapper .bx-pager {
      bottom: 50px !important;
   }

   .bxslider .subbanner_txt>p:last-child {
      font-size: 14px;
   }

   .sl_bg {
      height: 250px;
   }

   .bxslider img {
      display: none;
   }

   #content .ul_cont dl dt p br {
      display: none;
   }

   .content_list span {
      display: block;
   }
   .mgt80{margin-top:40px;}

   .row_layout.tri, .row_layout {
      display: flex;
      flex-direction: column;
      gap: 20px;
   }
   
   .row_layout.tri .row_inner {
      width: 100%;
   }

   .row_layout {
      flex-direction: column;
   }
   .mini_tit p{
      width: fit-content;
   }

   #sum_2508 .content_text {
      margin-bottom: 0px;
   }

   #sum_2508 .content_text .mini_tit p,
   #sum_2508 .content_text > p {
      padding: 0;
   }

   #sum_2509 .content_text {
      padding: 20px;
      margin-bottom: 30px;
   }
}

/* midea 600px */
@media (max-width: 600px) {
  .foot_logo>img{
    width:150px;
  }
   .posrel {
      padding-bottom: 0;
   }

   .back_img {
      display: none;
   }

   .content_list li {
      font-size: 14px;
   }

   .pdl30,
   .pdr30 {
      padding-left: 0 !important;
      padding-right: 0 !important;
   }

   .mgr10,
   .mgl10 {
      margin-right: 0;
      margin-left: 0;
   }

   p.flex {
      flex-direction: row;
   }

   .flex {
      flex-direction: column;
   }

   .ft_banner img {
      width: 100%;
   }

   #header .tp_slide {
      height: 350px;
   }

   #header .tp_slide_btn {
      bottom: 20px;
   }

   #header .tp_slide_btn img {
      width: 40%;
   }

   #m_nav {
      font-size: 14px;
   }

   #content {
      padding: 0;
   }

   .nav_bar_m,
   .main_slide,
   .ul_cont,
   #quick {
      padding: 0 30px;
   }

   #content .ul_cont {
      margin: 35px auto;
      grid-template-columns: repeat(2, 1fr);
      grid-row-gap: 0;
   }

   #content .ul_cont dl {
      width: 100%;
   }

   #content .ul_cont dl {
      margin-right: 2%;
   }

   #content .ul_cont dl dt p {
      font-size: 14px;
   }

   #content .ul_cont dl:nth-child(3n + 3) {
      margin-right: 2%;
   }

   #content .ul_cont dl:nth-child(2n + 2) {
      margin-right: 0;
   }

   p.cont_cate span {
      font-size: 13px;
   }

   .content_top>p {
      font-size: 14px;
   }

   .cont_bnrtit h1 {
      font-size: 22px;
      line-height: 30px;
   }

   .content_box {
      padding: 15px;
   }

   .content_tit {
      margin-bottom: 15px;
   }

   .content_tit p {
      font-size: 16px;
      line-height: 24px;
   }

   .content_text {
      margin-bottom: 30px;
   }

   .content_text h1 {
      font-size: 18px;
      line-height: 30px;
   }

   .content_text h1 span {
      font-size: 13px;
      padding: 5px 8px;
      margin-right: 7px;
   }

   .content_text p {
      text-indent: initial;
   }

   .content_text p.text_left,
   .content_text p.text_left2,
   .content_text p.text_left3,
   .content_text p.text_left4,
   .content_text p.text_right,
   .content_text p.text_right3,
   .content_text p.text_right4 {
      width: 100%;
      float: none;
      padding: 0;
      text-align: center;
      margin: 0 auto;
   }

   .content_text .img_right,
   .content_text .img_left,
   .content_text .img_left3,
   .content_text .img_right2,
   .content_text .img_right3,
   .content_text .img_right4 {
      width: 100%;
      float: none;
      padding: 20px 0;
      text-align: center;
      margin: 0 auto;
   }

   .content_text .w10,
   .content_text .w15,
   .content_text .w20,
   .content_text .w30,
   .content_text .w40 {
      width: 50% !important;
   }
   .content_text .w50,
   .content_text .w60,
   .content_text .w70 {
      width: 70% !important;
      margin: 0 auto;
   }

    .content_text .w80 {
      width: 90% !important;
    }

   .content_text p span.gray_bg {
      line-height: 39px;
      font-size: 13px;
   }

   #content .ul_cont .list_txtwrap {
      height: 55px;
   }

   #content .ul_cont dl dt p {
      line-height: 1.25;
   }

   .reference_list {
      padding: 0 20px;
   }

   .bxslider .subbanner_txt {
      padding: 0 0 0 15px;
   }

   .bx-wrapper .bx-pager {
      left: 15px !important;
   }

   .sl_bg {
      height: 230px;
   }

   .bxslider .subbanner_txt>p:first-child {
      font-size: 18px;
   }

   .mgl30 {
      margin-left: 15px;
   }

   .content_text .wicon {
      width: 30%;
   }

   .cont_top {
      border-radius: 0;
      height: 350px;
   }

   #ft .ft_txt>p {
      font-size: 16px;
   }

   #content .ul_cont dl dt p {
      overflow: hidden;
      word-break: break-word;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
   }
   .text_ctlayout {
      text-align: initial;
   }

   .mgtb40 {
      margin-top: 20px !important;
      margin-bottom: 20px !important;
   }


}

/* midea 500px */
@media (max-width: 500px) {
   .text_right, .text_left,
   .mini_table li{
      font-size: 12px !important;
   }
   .content_tit2 p .material-icons {
      font-size: 24px;
   }

   .content_text p.tag {
      font-size: 12px !important;
   }

   #header .tp_slide {
      height: 280px;
   }

   #header .tp_lv1 .tp_btn {
      display: none;
   }

   #header .tp_lv1 .tp_logo {
      width: 100%;
      text-align: center;
      padding: 20px;
   }

   .content_text p ,
   .list-base li,
   .reference_list li,
   .reference_list li a,
   .mini_tit p{
      font-size: 14px;
      letter-spacing: -0.8px;
      line-height: 26px;
   }

   .content_tit2 {
      margin: 10px 0 10px;
   }

   .content_tit2 p {
      font-size: 20px !important;
      line-height: 26px;
   }

   .content_text {
      padding-bottom: 10px;
   }

   .content_text h3 {
      font-size: 16px;
      line-height: 22px;
   }

   .bxslider .subbanner_txt>p:first-child {
      font-size: 16px;
   }
   .col0101_sub01{font-size:14px;}

}

/* midea 470px */
@media (max-width: 470px) {
   #m_nav {
      padding-right: 40px;
   }

   .content_tit img {
      display: none;
   }

   #ft .ft_txt>p {
      font-size: 14px;
      line-height: 22px;
      letter-spacing: -0.5px;
   }
}

/* midea 400px */
@media (max-width: 400px) {
   #content .ul_cont dl {
      width: 100%;
      margin: 0 0 20px 0;
   }

   .big_font {
      font-size: 16px;
   }

   #header .tp_slide {
      height: 220px;
   }

   #header .tp_lv1 .tp_logo {
      padding: 20px 0;
   }

   .bxslider .subbanner_txt>p:last-child {
      font-size: 11px;
   }

   .content_text p,
   .list-base li,
   .reference_list li,
   .reference_list li a {
      font-size: 12px;
      letter-spacing: -1px;
      line-height:24px;
   }

   .content_tit2 p {
      font-size: 16px !important;
      line-height: 24px;
   }

   #content .ul_cont .list_txtwrap {
      padding: 5px 0 0;
   }

   .bxslider .subbanner_txt>p:first-child {
      font-size: 14px;
   }

   .content_text .w40,
   .content_text .w50,
   .content_text .w60,
   .content_text .w70 {
      width: 80% !important;
      margin: 0 auto;
   }

   .content_text .w80,
   .content_text .w90,
   .content_text .w100 {
      width: 100% !important;
      margin: 0 auto;
   }

   .flex_gap{
     align-items: center;
     flex-direction: column;
   }
   .flex_gap40{
      gap: 20px;
      align-items: center;
      flex-direction: column;
   }
   .flex_gap80{
        gap: 40px;
        flex-direction: column;
        align-items: center;
   }

}