@font-face {
    font-family: 'LeferiPoint-SpecialItalicA';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2201-2@1.0/LeferiPoint-SpecialItalicA.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

    body {
      opacity: 1;
      transition-duration: 1s;
      transition-property: opacity;
    }

    body.fade {
      opacity: 0;
    }
	

.montserrat {
  font-family: "Montserrat", sans-serif !important;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}



.p_color {color:#0D40E5 !important}
.p_bg {background:#0D40E5 !important}
.white {color:#fff !important}
.p_font {font-family: 'LeferiPoint-SpecialItalicA' !important;}
.block {display:block !important}
.center {text-align:center !important}
/************ 우측메뉴  *************/
#nav-trigger {display:none; position: absolute;     background: transparent;  z-index: 10;   top: 45px;   right:0px;   bottom: 0;   width:40px; height:10px;   border: none;   padding: 0;   margin: 0;  -webkit-transition-duration: 0.5s;  transition-duration: 0.5s;  -webkit-transition-timing-function: ease-in-out;  transition-timing-function: ease-in-out;}
#nav-trigger>span:before {top: 0; left: 0;}
#nav-trigger>span:before, #nav-trigger>span:after { content: "";  display: block;  height: 2px;  position: absolute;  right: 0;  background-color: #000;  transition: .3s all;}
#nav-trigger>span:after {top: 10px;  left: 0px;}
i {line-height: inherit;}
#nav-trigger:hover>span{-webkit-transform:scale3d(1.15, 1.15, 1) rotate(0.001deg);-moz-transform:scale3d(1.15, 1.15, 1) rotate(0.001deg);-ms-transform:scale3d(1.15, 1.15, 1) rotate(0.001deg);-o-transform:scale3d(1.15, 1.15, 1) rotate(0.001deg);transform:scale3d(1.15, 1.15, 1) rotate(0.001deg)}
#nav-trigger.mouseout->span:after {animation-iteration-count: 1; animation-fill-mode: forwards; animation-name: nav-trigger-out; animation-duration: .5s;}
html.nav-opened #nav-trigger>span:before {-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);}
html.nav-opened #nav-trigger>span:before, html.nav-opened #nav-trigger>span:after { top: 5px;  left: 5px;  right: 5px;  animation: none !important;}
html.nav-opened #nav-trigger>span:after {-webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);}
html.nav-opened  #hd_wrapper {background: rgba(255,255,255,0) !important; backdrop-filter: saturate(180%) blur(0px) !important;}
html.nav-opened #hd {z-index:1001}
#hd.scrollBg #logo{top:13px;}
/*#hd.scrollBg #nav-trigger{top: 40px;}*/

#hd.scrollBg {background:rgba(255,255,255,0.8)}

#aside {display:none; position: fixed; top: 50%; left:50%; transform:translate(-50%,-50%);margin: 0px;border-top: 0;z-index: 1005;overflow-y: auto; border: 0;}
.close_menu {cursor:pointer; position: fixed;z-index: 1100; top:0px; right: -100%; width: 45px; height: 45px; background:#fff}
.close_menu span {position:absolute; left:0; display:block; width:100%; height:2px; background:#9a6c41; -webkit-transition:all .4s ease; transition:all .4s ease; }
.close_menu .close-line1 {top:20px; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg)}
.close_menu .close-line2 {top:20px; -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg)}
.mask {display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: #333;opacity:1;cursor: pointer; z-index: 1000;}
.mb-sub-ul {display: none; background: #d9d9d9;}
.mb-sub-ul li a {display: block;}
.mobile-list {position: relative; padding:10px 20px}
.mobile-list a {padding:0px 0px; color: #fff; /*text-transform: uppercase;*/ font-size: 28px; cursor: pointer; width: 100%; text-align: center;  animation-duration: .3s;}    
.mobile-list a span{position: relative;}
.mobile-list a span:after{content: ""; display:block; position: absolute; left: 0; bottom:0px; width: 0px; height: 2px; margin: 5px 0 0; transition: all 0.1s ease-in-out; transition-duration: 0.5s; opacity: 0; background-color: #333;}
.mobile-list a span:hover:after{width: 100%; opacity: 1;}
.mb-sub-ul>li:hover a{color: #9a6c41;}
.ico1{float: right; padding: 13px; padding-right: 20px; position: absolute; top: 0; right: 0;}
.ico2{display: none;float: right; padding: 13px; padding-right: 20px; position: absolute; top: 0; right: 0;}
.bg_blank {background:#333}
.mobile-list.on .ico1 {display: none;}
.mobile-list.on .ico2 {display: block;}

#hd_wrapper .lang {font-size:16px; background:transparent; color:#fff; border:0}
#hd_wrapper .lang option {background:transparent; color:#fff; }


.custom-select-wrapper {position: relative; font-size:16px}
.custom-select {background: transparent; color: white; width:60px; /*border: 1px solid white;*/ padding: 5px 10px; cursor: pointer; user-select: none;}
.custom-select:after { content: ''; float: right; background:url('../img/common/lagn_arrow.png') no-repeat; background-size:cover; width:11px; height:6px; background-position:center; margin: 6px 0px 0px;}
.custom-options { position: absolute; top: 100%; left: 0; right: 0; background: rgba(255, 255, 255,1);/* border: 1px solid white;*/ border-top: none; color: #333; z-index: 1000; display: none;}
.custom-options div {padding: 10px; cursor: pointer;}
.custom-options div:hover {background: rgba(255, 255, 255, 0.2);}


.bot_1 {border-bottom:1px solid #bfbfbf;}

/*************** 메인  *******************/

.tel_btn {font-size:16px;}
.tel_btn b{font-size:18px}
.top_btn {font-size:18px; font-weight:bold; color:#0D40E5 !important; background:#fff; text-align:center; padding:10px; border-radius:10px}


.inner {width:100%; max-width:1600px; margin:0 auto}

section.main_01 {background:#FCFCFC; padding:150px 40px;}
section.main_01 ul {display:flex; justify-content: space-between;}
section.main_01 ul li:nth-child(1) {}

section.main_01 ul li:nth-child(2) {}

section.main_01 ul li:nth-child(1) div:nth-child(even) {margin-left:200px}
section.main_01 ul li:nth-child(1) div {display: table; align-items: center; border:1px solid #0D40E5; padding:15px 50px; border-radius:50px; margin-bottom:20px}
section.main_01 ul li:nth-child(1) div img {margin-right:10px}

section.main_01 h2{font-weight:700} 
section.main_01 p{padding:50px 0px 10px} 
section.main_01 .light {color:#161616;}



section.main_02 ul {display:flex; justify-content: space-between;}
section.main_02 {padding:100px 40px; }
section.main_02 .inner {    position: relative; }
section.main_02 ul {display:flex; justify-content: space-between; align-items: stretch;}
section.main_02 > ul > li{ flex: 1;}
section.main_02 ul li:nth-child(1) {width:40%; background:#fff; z-index:1 }
section.main_02 ul li:nth-child(2) {width:60%}
section.main_02 ul .lay {padding:40px; margin:40px;  border-radius:10px; border:1px solid #0D40E5; box-shadow: 10px 10px 50px rgba(0, 0, 0, 0.09);}
section.main_02 ul .flex01 {display:flex; align-items: center; margin-top:50px}
section.main_02 ul .flex01 p:nth-child(1)  {background:#F2F2F2; padding:0px 20px; border-radius:10px; margin-right:20px}
section.main_02 ul .flex02 {display:flex; padding-top:30px}
section.main_02 ul .flex03 {display:flex; padding:20px 40px; margin:0px 40px; border-radius:10px; margin-top:20px; box-shadow: 10px 10px 50px rgba(0, 0, 0, 0.09);}
section.main_02 ul .txt01 {padding-top:100px}
section.main_02 ul .txt03 {border-radius:10px; padding:5px 10px; display:inline-block}
section.main_02 ul .txt04 {padding:10px 0px 20px}
section.main_02 ul .txt05 {color:#626262}
section.main_02 ul .txt06 {padding-right:10px}
section.main_02 ul .txt08 {padding-right:35px}
.section.main_02 .main_02_swiper {flex: 1; height: 100%;}
section.main_02 .swiper-slide {max-width: 100%;}
section.main_02 .swiper {overflow:visible; z-index:0;}
section.main_02 .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after, .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {display:none}
section.main_02 .swiper-button-next, .swiper-button-prev {font-size:16px; font-weight:800; color:#9C9C9C; width:40px; height:40px; line-height:40px; text-align:center; border-radius:50px; background:#fff; box-shadow: 10px 10px 50px rgba(0, 0, 0, 0.09);}
section.main_02 .swiper-slide  {opacity:0; animation: fadeOut 0.4s forwards;}
section.main_02 .swiper-slide-active {opacity:1;  animation: fadeInFull 0.2s forwards;}
section.main_02 .swiper-slide-next  {opacity:0.5; animation: fadeInHalf 0.4s forwards;}
@keyframes fadeInFull {
  0% { opacity: 0; }
  20%   { opacity: 0; }
  100%   { opacity: 1; }
}

@keyframes fadeInHalf {
  0% { opacity: 0; }
  100%   { opacity: 0.5; }
}

@keyframes fadeOut {
  0% { opacity: 1; }
  100%   { opacity: 0; }
}
.right {text-align:right}

section.main_03 {background:url('../img/main/main_03_bg.png') no-repeat; background-size:cover; padding:100px 40px}
section.main_03 .price-card-01 {background: #fff; } 
section.main_03 .price-card-02 {background: #0D40E5; color: white;} 
section.main_03 .price-card-03 {background: #0B298D; color: white;} 
section.main_03 ul.line {display:flex; align-items: stretch; gap:20px; margin-top:50px}
section.main_03 ul.line > li {width:25%;  flex: 1; min-height:450px; position: relative;justify-content: space-between; border-radius: 10px; padding:50px 30px;box-shadow: 0 8px 16px rgba(0,0,0,0.15);  }
section.main_03 ul.line ul{border-top:1px dotted #BDBDBD; padding-top:20px; border-bottom:1px dotted #BDBDBD; padding-bottom:20px}
section.main_03 ul.line ul li {padding-bottom:5px; display: flex;  align-items: flex-start;}
section.main_03 ul.line ul li img {margin-right:5px; margin-top:3px}

section.main_03 .price-card {max-width:400px;  width:100%;; margin: auto; }
section.main_03 ul.line > li::before{content: '';  position: absolute;  bottom: 90px;  width: 24px;  left: -12px;  height: 24px;  background:#000;  border-radius: 50%;  transform: translateY(-50%);}
section.main_03 ul.line > li::after {content: '';  position: absolute;  bottom: 90px; width: 24px;  right: -12px;  height: 24px;  background:#000;  border-radius: 50%;  transform: translateY(-50%);}
section.main_03 .price-card h2 { margin-bottom: 10px; }
section.main_03 .price-card h2 span {font-weight: 700; }
section.main_03 .price-card .desc { margin-bottom: 20px;}
section.main_03 .price-card .price {padding-top:20px}

section.main_03 ul.line .price-01 ul{padding-bottom:98px}

section.main_03 ul.line .price-02 ul{padding-bottom:43px}
section.main_03 ul.line .price-03 ul{padding-bottom:43px}

section.main_03 .circle {width:8px; height:8px; margin:0 auto; background:#BEBEBE; text-align:center; border-radius:50%;   margin-bottom:10px}
section.main_03 .circle::before {content: '';width:8px; height:8px; margin:0 auto; background:#BEBEBE; text-align:center; border-radius:50%; display: inline-block; margin-bottom:-10px}
section.main_03 .circle::after {content: '';width:8px; height:8px; margin:0 auto; background:#BEBEBE; text-align:center; border-radius:50%; display: inline-block;  margin-bottom:-10px}
section.main_03 .txt02 {padding:50px 0px 20px}
section.main_03 .txt01 {padding:0px 0px 30px}

.btn_go {text-align:center; padding-top:50px}
.btn_go a{color: #fff; display:inline-block; padding: 15px 30px;  font-weight: bold;  border: 1px solid #fff;  border-radius: 50px;  transition: all 0.3s ease-in-out;}
.btn_go_blue {text-align:center; padding-top:30px}
.btn_go_blue a{color: #0D40E5; display:inline-block; padding: 15px 30px;  font-weight: bold;  border: 2px solid #0D40E5;  border-radius: 50px;  transition: all 0.3s ease-in-out;}

section.main_04 {padding:100px 40px; color:#fff}
section.main_04 .cont {background:#0D40E5; border-radius:20px; box-shadow: 0 8px 16px rgba(0,0,0,0.15)}
section.main_04 .cont .top{background:url('../img/main/main_04_01bg.png') no-repeat; background-size:contain; background-position:top; padding:100px 0px; text-align:center}

section.main_04 .cont .top {}
section.main_04 .cont .top .font-30 {padding:30px 0px 150px}
section.main_04 .cont .top ul {display:flex; gap:20px; width:100%; max-width:1400px; margin:0 auto; padding:50px 20px 100px}
section.main_04 .cont .top ul li {text-align:left; width:25%; border:1px solid #fff; border-radius:10px; background:rgba(255,255,255,0.2); padding:30px}
section.main_04 .cont .top ul li .font-20 {padding-top:50px}
.dotted-line {height: 3px; background-image: radial-gradient(circle, #fff 1px, transparent 1px); background-size: 8px 1px; background-repeat: repeat-x;}
section.main_04 .cont .bottom {position: relative; padding:100px 0px}
section.main_04 .cont .bottom ul {display:flex; width:100%; max-width:1400px; margin:0 auto; padding:20px 20px 100px; justify-content: space-between;} 
section.main_04 .cont .bottom ul .p_color {background:#fff; border-radius:50px; padding:10px 20px}
section.main_04 .cont .bottom ul .font-24 {padding-top:20px}

section.main_04 .cont .bottom::before{content: '';  position: absolute;  top: 0px;  width: 50px;  left: -25px;  height: 50px;  background:#fff;  border-radius: 50%;  transform: translateY(-50%);}
section.main_04 .cont .bottom::after {content: '';  position: absolute;  top: 0px; width: 50px;  right: -25px;  height: 50px;  background:#fff;  border-radius: 50%;  transform: translateY(-50%);}





section.main_05 {padding-bottom:150px}
section.main_05 .top {padding:100px 0px 100px}
section.main_05 .top .font-60 {padding-bottom:100px}
section.main_05 .top ul {}
section.main_05 .top ul li {padding:50px; border:1px solid #0D40E5; border-radius:10px}
section.main_05 .top .p_bg {padding:10px 15px; border-radius:50px; text-align:center; display:inline-block; margin:20px 0px 40px}
section.main_05 .top .line {position: relative;; padding-top:30px}
section.main_05 .top .line::before {content:"";display:block; background:#0D40E5; width:45px; height:5px; margin-bottom:30px}

section.main_05 .bottom {display:flex; justify-content: space-around; width:100%; max-width:1400px; margin:0 auto; }
section.main_05 .bottom ul {display:flex;    justify-content: center;    flex-direction: column;}
section.main_05 .bottom ul.ul_list_01 {width:40%}
section.main_05 .bottom ul.ul_list_03 {width:50%}
section.main_05 .bottom ul.ul_list_01 li {display:flex; border-top:1px solid #565656; color:#565656; align-items: flex-end; justify-content: space-between;; padding:45px 20px 40px} 
section.main_05 .bottom ul.ul_list_01 li .right {margin-left:50px}
section.main_05 .bottom ul.ul_list_01 li .font-45 {line-height: 0%;}
section.main_05 .bottom ul.ul_list_01 li:last-child {border-bottom:1px solid #565656;}
section.main_05 .bottom ul.ul_list_02 {width:100%; max-width:10%; text-align:center}
section.main_05 .bottom ul.ul_list_03 li {display:flex; border-bottom:1px solid #0D40E5; padding:20px 40px;     justify-content: space-between;} 
section.main_05 .bottom ul.ul_list_03 li:first-child {border-radius:10px;}

section.main_05 .bo_txt {padding-top:50px}
section.main_05 .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after, .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {display:none}
section.main_05 .swiper-button-next, .swiper-button-prev {font-size:16px; font-weight:800; color:#9C9C9C; width:40px; height:40px; line-height:40px; text-align:center; border-radius:50px; background:#fff; box-shadow: 10px 10px 50px rgba(0, 0, 0, 0.09);}

section.main_6{background:url('../img/main/main_05_bg.png') no-repeat; background-size:cover; padding:100px 0px; color:#fff}


section.main_6 .tit {padding:100px 0px 0px}
section.main_6 ul.ul_list_01 {display:flex;     align-items: center;}
section.main_6 ul.ul_list_01 > li {width:50%; position: relative}
section.main_6 ul.ul_list_01 > li:first-child img {width:100%}
section.main_6 ul.ul_list_01 > li .ab_txt {position: absolute; left:25%; bottom:80px}
section.main_6 ul.ul_list_01 > li:last-child .font-40 {padding:10px 0px 30px}
section.main_6 ul.ul_list_01 > li:last-child ul li{border-bottom:1px solid #fff; padding:10px 0px}
section.main_6 .box {border-radius:10px; background:#fff; padding:50px}
section.main_6 .box ul {display:flex; flex-wrap: wrap; gap:20px; padding-top:50px}
section.main_6 .box ul li {width:calc(50% - 20px); display:flex; color:#161616}
section.main_6 .box ul li img {width:28px; margin-right:10px}

.sub section.main_6 ul.ul_list_01 {flex-direction: row-reverse}
.sub section.main_6{background:url('../img/main/main_05_bg.png') no-repeat; background-size:cover; padding:100px 0px 0px; border-radius:20px}
.sub section.main_6 ul.ul_list_01 > li {width:50%; position: relative; padding:0px 0px 0px 120px}
.sub section.main_6 ul.ul_list_01 {    align-items: flex-end;}

.pt50 {padding-top:50px}
.you_icon {display:flex; padding-top:40px; padding-bottom:50px}
.you_icon a {padding:10px 30px; border:1px solid #fff; border-radius:50px; color:#fff}
.you_icon a img {margin-right:5px;}

section.main_7{background:url('../img/main/main_06_bg.png') no-repeat; background-size:cover;  padding:100px 0px; color:#fff}
section.main_7 ul  {display:flex; gap:20px;}
section.main_7 ul li:first-child {width:34%; border-left:0; padding-left:0}
section.main_7 ul li {width:22%; border-left:1px solid #fff; padding-left:40px}
section.main_7 ul li .line {width:30px; height:5px; background:#fff; margin:30px 0px}
section.main_7 .font-30 {line-height:160%}


section.main_8 {color:#161616; padding:150px 0px}
section.main_8  ul {display:flex; gap:20px;padding-top:20px}
section.main_8  ul li {width:33.33%; }
section.main_8  ul li a {display:block; }
section.main_8  ul li a img {border-radius:20px}
section.main_8 .font-60 {padding:10px 0px 20px}
.b_btn {text-align:center; padding-top:50px}
.b_btn a{color:#161616; text-align:center; border:1px solid #161616; border-radius:50px; padding:10px 20px}
.w_btn { padding-top:50px}
.w_btn a{color:#fff; text-align:center; border:2px solid #fff; background:rgba(255,255,255,0.2); border-radius:50px; padding:10px 20px}


.sub .info {background:url('../img/sub/sub_bg.png') no-repeat; background-size:cover;  padding:100px 0px;}



section.main_9 {background:#0D40E5; padding:100px 0px 0px}
section.main_9 .bg{background:url('../img/main/main_08_bg.png') no-repeat;  background-position:right bottom; background-size:contain; padding:100px 0px 200px; color:#fff}
section.main_9 li:last-child  .font-80 {padding-top:150px}
section.main_9 li:last-child  p{padding-top:50px}
section.main_9 ul {display:flex; justify-content: space-between;}
section.main_9 ul li {position: relative; height:1000px}  
section.main_9 ul li:first-child {width:60%}
.circle-group {
  margin: 0 auto;
  color: #fff;
}

.circle-group .circle {
  width: 450px;
  height: 450px;
  border: 2px solid #fff;
  border-radius: 50%;
  position: absolute;
  text-align: center;
  padding: 40px 20px;
  box-sizing: border-box;
  background-color: transparent;
  display: flex;
  flex-direction: column;
  justify-content: center;  
}

.circle-group .circle-num {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 10px;
}

.circle-group .circle-line {
  width: 30px;
  height: 5px;
  background: #fff;
  margin: 0 auto 15px;
}

.circle-group h3 {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
  margin-bottom: 10px;
}

.circle-group p {
  font-size: 13px;
  line-height: 1.6;
  font-weight: 300;
}

/* 위치 조정 */
.circle-group .circle-01 {
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}

.circle-group .circle-02 {
  bottom: 0;
  left: 0%;
}

.circle-group .circle-03 {
  bottom: 0;
  right: 0%;
}

/* 점선 큰 원 배경 */
.circle-group .big-dotted-circle {
  position: absolute;
  top: 56%;
  left: 50%;
  width: 320px;
  height: 320px;
  transform: translate(-50%, -50%);
  border: 2px dotted rgba(255, 255, 255, 0.4);
  border-radius: 50%;
  z-index: 0;
}

/* 텍스트 원은 위로 */
.circle-group .circle {
  z-index: 1;
}


section.main_10  {color:#161616; padding:100px 0px}
section.main_10 ul    {display:flex;justify-content: space-between; width:100%}
section.main_10 .faf  {display:flex;     cursor: pointer; justify-content: space-between;  align-items: center; padding:20px 0px; border-bottom:1px solid #161616; }
section.main_10 .faf.on {color:#0D40E5 !important; border-bottom:0 }
section.main_10 .faf .open {display:none}
section.main_10 ul li:last-child {width:calc(100% - 380px) }
section.main_10 ul li:first-child {padding-right:100px; }
section.main_10 ul li .faq{border-bottom:1px solid #161616; display:none }
section.main_10 ul li .faq div {padding:20px 0px}
section.main_10 ul li .faq p {padding:20px 0px}


section.main_11 {background:url('../img/main/main_10_bg.png') no-repeat; background-size:cover; background-position:center; padding:100px 0px; color:#fff}
section.main_11 {padding-bottom:150px}
section.main_11 .p_color {background:#fff; border-radius:50px; padding:10px 20px}
section.main_11 p {color:#E2E2E2}
section.main_11 div {padding-bottom:30px}
section.main_11 p.first {padding:0px 0px 40px}
section.main_11 p.first:before {content:""; display:block; width:100px; height:5px; background:#fff; margin-bottom:30px}

/*************** 메인 배너 *******************/

.main_banner_text { padding: 0px 40px; width:100%; max-width:1600px; margin:0 auto}
.main_banner_text .in {position:absolute; transform:translateY(-50%); top:calc(50%); color:#fff; width: 100%; }
.main_banner_text .bn_text {padding-bottom:20px;  }
.main_banner_text .bn_text1 { line-height:160%}
.main_banner_text .bn_text3 {line-height:160%; padding:100px 0px 50px}
.main_banner_text .bn_text4 a {color:#fff;  padding:15px 30px; font-weight:bold; border:1px solid #fff; border-radius:50px; transition: all 0.3s ease-in-out;}
.main_banner_text .bn_text4 a:hover {background:#0D40E5; }

.main_banner_text .bn_text1 span {position: relative;}
.main_banner_text .bn_text1 span:before {content:""; width:5px; height:5px; background:#fff; border-radius:50%; display:inline-block; position:absolute; top:0; left:15px}
.main_banner_text .bn_text1 span:after {content:""; width:5px; height:5px; background:#fff; border-radius:50%; display:inline-block; position:absolute; top:0; right:25px}



/************ 게시판 ******************/

.title_required {font-size:20px; font-weight:700; padding-bottom:10px}
#bo_v  {width:100%; max-width:1600px; margin:0 auto; padding:100px 0px}
#bo_list {width:100%; max-width:1600px; margin:0 auto; padding:100px 0px}
#bo_w  {width:100%; max-width:1600px; margin:0 auto; padding:100px 0px}
#bo_gall {width:100%; max-width:1600px; margin:0 auto; padding:100px 0px}


.bbs_top .top_bg {background:url('../img/main/main_03_bg.png') no-repeat; background-size:cover; padding:200px 0px 40px;}
.bbs_top .top_bg h2 {font-size:26px; font-weight:600}
.bbs_top .top_bg h3 {font-size:50px; font-weight:800; padding:10px 0px 30px}
.bbs_top .top_bg p {font-size:18px}

/*************** 하단 상담신청 *******************/
.foot-inq{position:fixed;left:0;bottom:0;right:0;z-index:100;}
.foot-inq .contain{padding:0px 150px}
.foot-inq .pop-inq-wrap{position:relative;margin-top:-108px;}
.foot-inq .pop-inq-wrap ul{display:flex;align-items:flex-end;}
.foot-inq .pop-inq-wrap ul li{width:33.3333%;height:108px;display:flex;align-items:flex-end;}
.foot-inq .pop-inq-wrap ul li a{width:100%;height:70px;display:flex;justify-content:center;align-items:center;text-align:center;font-size:22px;color: #e7e7e7;/* background-color: #a8a8a8; */background-color: #d5d4d1;line-height:1em;padding-top:10px;}
.foot-inq .pop-inq-wrap ul li.type1 a{border-radius:22px 0 0 0;}
.foot-inq .pop-inq-wrap ul li.type2 a{border-radius:22px 22px 0 0;font-size: 32px;background-color: #dfdfdf;height:108px;}
.foot-inq .pop-inq-wrap ul li.type3 a{border-radius:0 22px 0 0;}
.foot-inq .pop-inq-wrap ul li.active a{border-radius:22px 22px 0 0;font-size: 28px;background-color: #dfdfdf;height:90px;}
.foot-inq .pop-inq-wrap ul li a:hover{border-radius:22px 22px 0 0;font-size: 28px;background-color: #fff;height:90px;color: #282828;}
.btm-inq{background-color:#d5d4d1;padding:15px 0;}
.foot-inq .btm-inq .contain{display:flex;align-items:center;}
.foot-inq .btm-inq .tel{margin-right:40px}
.foot-inq .btm-inq .tit{font-size:20px; font-weight:600; margin-right:50px}
.foot-inq .btm-inq .tel .num{font-size:50px;line-height:1em;font-weight:700;}
.foot-inq .btm-inq .input-area{min-width:0;width:1%;flex:1 1 auto;display:flex;}
.foot-inq .btm-inq .input-area .input-wrap{min-width:0;width:1%;flex:1 1 auto;display:flex;margin-right:-10px;}
.foot-inq .btm-inq .input-area .input-wrap .input{width:calc(20% - 10px); background:#d5d4d1; margin-right:10px;height:50px;font-size:15px; border:0px; border-bottom:1px solid #959595}
.foot-inq .btm-inq .input-area .input-wrap .input::placeholder{color: #5a5a5a;}
.foot-inq .btm-inq .input-area .btns{width:273px;margin-left:15px;}
.foot-inq .btm-inq .input-area .btns .btn{width:100%;display:block;background-color:#333;color: #fff;border-radius:5px;border:none;margin-bottom:0px;height:38px;}
.foot-inq .btm-inq .input-area .btns .check{font-size:13px;color:#E8E8E8;display:flex;justify-content:space-between;align-items:center;}
.foot-inq .btm-inq .input-area .btns .checkbox {padding-top:4px;}
.foot-inq .btm-inq .input-area .btns .checkbox label:before{border-radius:3px;}
.foot-inq .btm-inq .input-area .btns .checkbox input:checked + label:before {background-color:#19843b; border-color:#19843b;}
.foot-inq .btm-inq .input-area .btns .check a{color: #fff;}

.inq-pop .fancybox-skin {background:transparent;}
.inq-pop .pop-wrap {width:90vw; max-width:720px; background:#fff; overflow:hidden;position:relative;}
.inq-pop .pop-wrap .head{background-color: #9c5f07;color: #fff;font-size:28px;font-weight:700;line-height:1.2em;padding:0 40px;height:85px;display:flex;align-items:center;}
.inq-pop .fancybox-close {right:40px;top:32px;width:20px;height:20px;background:url('../images/close.png')no-repeat 50% 50%/contain;}
.inq-pop .pop-wrap .content{padding:40px;}
.inq-pop .pop-wrap .content .input-wrap{margin-bottom:30px;}
.inq-pop .pop-wrap .content .input-wrap .row{margin-bottom:25px;}
.inq-pop .pop-wrap .content .input-wrap .row:last-child{margin-bottom:0;}
.inq-pop .pop-wrap .content .input-wrap .row label{font-size:20px;color: #2c2c2c;font-weight:500;line-height:1.2em;margin-bottom:15px;display:inline-block;}
.inq-pop .pop-wrap .content .input-wrap .row .input{border-radius:5px;}
.inq-pop .pop-wrap .content .input-wrap .row .input::placeholder{color: #a8a8a8;}
.inq-pop .pop-wrap .content .input-wrap .row .input{height:56px;font-size:17px;}
.inq-pop .pop-wrap .content .check{display:flex;justify-content:space-between;align-items:center;}
.inq-pop .pop-wrap .content .check .checkbox {font-size:15px;}
.inq-pop .pop-wrap .content .check .checkbox label:before{border-radius:50%;background:#ccc url('../images/randing/pop_chk.png')no-repeat 50% 50%/11px;}
.inq-pop .pop-wrap .content .check .checkbox input:checked + label:before {background-color:#9c5f07; border-color:#9c5f07;}
.inq-pop .pop-wrap .content .check a{width:108px;height:44px;border-radius:5px;background-color: #a8a8a8;color: #fff;font-size:15px;font-weight:500;display:flex;justify-content:center;align-items:center;}
.inq-pop .pop-wrap .content .btn{width:184px;height:54px;border-radius:27px;display:flex;justify-content:center;align-items:center;color: #fff;background-color: #033914;font-size:20px;font-weight:700;border:none;margin:50px auto 0;}

.bbs_top_img {background:url('../img/common/bbs_top.png') no-repeat; width:100%; height:298px; background-size:cover; background-position:center; text-align:center}



@media screen and (max-width:1680px){
.inner {padding:0px 40px}
}

@media screen and (max-width:1600px){
.slide_bn {height:80vh !important; background:url('/data/banner/1') no-repeat; background-size:cover; background-position:center; }
.slide_bn img {opacity: 0;}
.slide_bn a img {opacity: 1 !important;}
section.main_03 .price-card .desc {word-break: keep-all;}
section.main_03 .price-card .desc br{display:none}
section.main_05 .inner{padding:0px 40px}
section.main_6 .inner{padding:0px 40px}
section.main_7 .inner{padding:0px 40px}
section.main_8 .inner{padding:0px 40px}
section.main_8 ul img{width:100%}
section.main_7 {background-size:cover}
section.main_9 .inner{padding:0px 40px}
section.main_9 ul  {flex-direction: column-reverse;}
section.main_9 ul li:last-child {height:100%; margin-bottom:30px}
section.main_9 ul li:first-child {margin: 0 auto; width:1000px}
section.main_10 .inner{padding:0px 40px}
}
section.main_11 .inner{padding:0px 40px}

@media screen and (max-width:1400px){
section.main_11 .font-50 {font-size:40px !important; line-height:180%}



}



@media screen and (max-width:1350px){
section.main_03 ul.line {flex-wrap: wrap;}
section.main_03 ul.line > li {width:40%;     flex: auto;}
}

@media screen and (max-width:1250px){
section.main_01 ul {flex-wrap: wrap;     flex-direction: column-reverse;}
section.main_01 ul li {width:100%}
section.main_01 h2 br {display:none}
section.main_01 ul li:nth-child(1) {margin-top:50px}
section.main_01 ul li:nth-child(1) div:nth-child(even) {margin-left:40%;}
}

@media screen and (max-width:1200px){
#hd.scrollBg #logo {top:17px}
section.main_04 .cont .top ul{flex-wrap: wrap;}
section.main_04 .cont .top ul li {width:calc(50% - 10px)}
section.main_9 .inner {padding:0 20px}
section.main_9 ul li:first-child {width:100%}
.circle-group .circle {width:400px; height:400px}
.circle-group .big-dotted-circle {width:270px; height:270px}
section.main_9 ul li {height:890px}
section.main_10 ul li:first-child {padding-right:0px}
section.main_10 ul li:last-child {width: calc(100% - 250px);}

.inner {padding:0px 20px}


section.main_11 .font-50 {font-size:30px !important; line-height:180%}
}


@media screen and (max-width:1000px){

#logo a img {width:120px}
#logo {top:12px}
 #hd.scrollBg #logo  {top:12px}
 .hd_login {top:22px}
 .tel_btn {font-size:14px;}
 .tel_btn b{font-size:16px;}
 .top_btn {font-size:16px; padding:5px}
 #nav-trigger {top:25px; display:block}
 section.main_01 ul li:nth-child(1) div:nth-child(even) {margin-left:0%}
 
 section.main_01 {padding:100px 20px}
 section.main_01 ul li:nth-child(1) div {padding:10px 20px}
 section.main_02 {padding:0px 20px 100px}
 section.main_02 ul {flex-wrap: wrap;}
 section.main_02 ul li:nth-child(1) {width:100%; margin-bottom:20px}
 section.main_02 ul li:nth-child(2) {width:100%}
 section.main_02 ul .lay {padding:20px; margin:0px}
 section.main_02 .swiper-button-next, .swiper-button-prev {right:0px; border:1px solid #c7c7c7}
 section.main_02 ul .flex03 {margin:10px 0px 0px} 
 .swiper-button-prev, .swiper-rtl .swiper-button-next {left:0px}
 section.main_02 ul .txt01 {padding-top:0px}
 section.main_03 {padding:100px 20px}
 section.main_04 {padding:100px 20px}
 section.main_04 .cont .bottom ul img {width:80px}
  section.main_04 .cont .bottom ul .font-60 {font-size:30px !important; word-break: keep-all;}
  section.main_05 .inner li .font-28 br{display:none}
section.main_05 .inner{padding:0px 20px}
section.main_05 .bottom {flex-wrap: wrap;}
section.main_05 .bottom ul {width:100% !important;}
section.main_05 .bottom ul.ul_list_02 {padding:20px 0px}
section.main_05 .bottom ul.ul_list_02 img {transform: rotate(90deg); WIDTH:100%}
section.main_05 .bottom ul.ul_list_01 li {padding:15px 10px 10px}
section.main_05 .bottom ul.ul_list_03 li {padding:10px}
section.main_05 .bottom ul.ul_list_01 li .right {margin-left:10px}
section.main_6 ul.ul_list_01 {align-items: flex-end;}

.sub section.main_6 {padding:20px 0px 0px}
.sub section.main_6 ul.ul_list_01 {align-items: flex-end;}
.sub section.main_6 ul.ul_list_01 > li {padding:20px; width:100%}
.sub section.main_6 ul.ul_list_01 {flex-direction: column-reverse;}
.you_icon {display:grid; text-align:center;}

.sub section.main_6 ul.ul_list_01 > li:first-child {padding:20px 20px 0px 20px}
.sub section.main_6 ul.ul_list_01 > li .ab_txt {bottom:5%; left: 50%;  transform: translateX(-50%);}


section.main_6 ul.ul_list_01 > li .ab_txt {bottom:2%; left:10%}
section.main_6 .inner {padding:0 20px}
section.main_7 .inner {padding:0 20px}
section.main_7 ul {flex-wrap: wrap;}
section.main_7 ul li:first-child {width:100%; margin-bottom:20px}
section.main_7 ul li {width:calc(33.3% - 15px)}
section.main_8 .inner {padding:0 20px}
section.main_9 .bg {background-position: right bottom;}
section.main_9 {padding:0px}
section.main_9 .font-80 br{display:none}
section.main_9 .font-80 {word-break: keep-all; }
section.main_9 ul li {height:100%}
.circle-group .circle {position: relative; left:auto; margin: 10px auto;}
.circle-group .circle-01 {transform: translateX(0%);}
.circle-group .big-dotted-circle {display:none}

section.main_04 .cont .bottom {padding:50px 0px 0px}
section.main_04 .cont .top {padding:50px 0px 0px}
section.main_10 .inner {padding:0 20px}
section.main_10  ul{flex-wrap: wrap;}
section.main_10  ul li {width:100%; padding-bottom:30px}
section.main_10 ul li:last-child {width:100%}
img.no_open, img.open {width:38px}
section.main_04 .cont .top .font-30 {padding: 30px 0px 50px;}

section.main_11 .inner {padding:0 20px}
 }

@media screen and (max-width:768px){

.index_ft #ft_wr {font-size:14px; padding:40px 20px 40px}
#ft_wr {font-size:14px; padding:40px 20px 40px}

section.main_01 p.tit_btn a {font-size:18px}

.mobile-list a {font-size:20px}
 section.main_04 .cont .bottom ul img {width:50px}
 section.main_04 .cont .bottom ul .p_color {padding:5px 10px}
  section.main_04 .cont .bottom ul .font-60 {font-size:20px !important; text-align:center; padding:0px 20px; line-height:180%}
  
section.main_6 ul.ul_list_01  {flex-wrap: wrap; margin-top:30px; flex-direction: column-reverse;}
section.main_6 ul.ul_list_01  li {width:100%}
section.main_6 .box {padding:30px 20px}
section.main_6 .box ul li {width:100%}

section.main_8 ul {flex-wrap: wrap;}
section.main_8 ul li {width:100%}

section.main_11 .p_color {padding:5px 10px}
section.main_11 .font-50 {font-size:24px !important; line-height:180%}

section.main_11 .font-50 br {display:none}

section.main_04 .cont {border-radius:0px 0px 20px 20px}
  
}

@media screen and (max-width:650px){
section.main_03 ul.line > li {width:100%; min-height: auto;}
section.main_04 .cont .top ul li {width:100%}
section.main_7 ul li {width:100%}
section.main_7 ul li:not(:first-child) br {display:none}
section.main_7 ul li:not(:first-child) {border-bottom:1px solid #fff; padding-bottom:20px; border-left:0; padding-left:0px}

.circle-group h3 {font-size: 18px !important;}
.circle-group .font-16 {font-size: 12px !important; width:200px; margin:0 auto}
.circle-group .font-16 br {display:none}
.circle-group .circle {width:280px; height:280px}
.circle-group .circle-line {margin:0 auto 5px; height:3px}
}

@media screen and (max-width:400px){
.mobile-list a {font-size:17px}
}


.sub_bn {height:60vh !important}
.sub_bn img{height:60vh !important}
.sub_bn .main_banner_text .in {top:50%}
@media screen and (max-width:1600px){
.sub_bn {height:50vh !important}
.sub_bn img{height:50vh !important}
}


.sub_top {width:100%; padding:250px 0px 50px}
.sub_banner_01 {background:url('../img/sub/sub_banner_01.png') no-repeat; background-size:cover;  }
.sub_banner_02 {background:url('../img/sub/sub_banner_02.png') no-repeat; background-size:cover;  }
.sub_banner_03 {background:url('../img/sub/sub_banner_03.png') no-repeat; background-size:cover;  }


.sub .about {display:flex; padding:150px 0px}
.sub .about .sub_logo img {width:100%; max-width:200px}
.sub .about .sub_logo {width:100%; max-width:35%; text-align:center;}

.sub .about_map {display:flex; border-top:1px solid #989898; margin-top:150px}
.sub .about_map > div {width:50%}

.sub .about_map .map_info  .font-40 {padding-bottom:50px}
.sub .about_map .map_info  ul {display:flex; flex-wrap: wrap;}
.sub .about_map .map_info {padding:70px 100px}
.sub .about_map .map_info p {color:#4B4B4B; padding-top:10px}

.sub .about_map .map_info li:nth-child(odd) {width:150px}
.sub .about_map .map_info li:nth-child(even) {width:calc(100% - 150px)}
.sub .about_map .map_info li {padding:15px 0px}
.sub .about_map .map_info li span {border-radius:50px; padding:5px 10px; border:1px solid #000}

.root_daum_roughmap .wrap_controllers {display:none}
.root_daum_roughmap .cont {display:none}



.sub .work {padding:150px 0px}
.sub .work_ul {display:flex; padding-bottom:80px}
.sub .work_ul.work_ul_end { padding-bottom:150px}
.sub .work_ul li {position: relative; width:50%;    }
.sub .work_ul li img {width: 100%;}
.sub .work_ul .ab_txt {position: absolute; width:100%;  display:flex; bottom:10px; padding:0px 20px; align-items: center;  justify-content: space-between;}
.sub .work_ul li.txt { display: flex;  align-items: center;  justify-content: center;     flex-direction: column;}
.sub .work_ul li.txt b {padding-bottom:30px; display:block}
.sub .work_ul li.txt .in_box {background:#F7F7F7; border-radius:10px; padding:20px 40px; margin-top:30px}

.t_right {padding-top:20px; text-align:right}


@media screen and (max-width:1500px){
.sub .work_ul li.txt {padding-left:50px}
.sub .work_ul li.txt br.none {display:none}
}

@media screen and (max-width:1000px){
.sub .about {flex-wrap: wrap; padding:100px 0px;}
.sub .about .sub_logo {max-width:100%; padding-bottom:50px}

.sub .about_map {flex-wrap: wrap; margin-top:100px}
.sub .about_map > div {width:100%}
.sub .about_map .map_info {padding:50px 20px}


.sub .about_map .map_info li:nth-child(odd) {width:120px}
.sub .about_map .map_info li:nth-child(even) {width:calc(100% - 120px); line-height:170%}
.sub .about_map .map_info li {padding:5px 0px}

.sub .about_map .map_info  .font-40 {padding-bottom:30px}

#daumRoughmapContainer1760078707511 {height:350px}


.sub .work_ul  {flex-wrap: wrap; padding-bottom:40px;}
.sub .work_ul li {width:100%; }
.sub .work_ul li.txt {padding:20px 0px}

.sub .work_ul_lay .work_ul:nth-child(even) {flex-direction: column-reverse;}
.sub .work_ul li.txt .in_box {padding:20px;}
.sub .work_ul .ab_txt {flex-direction: column;}

.sub .work .font-40  br.none { display:none}

.sub .work {padding:100px 0px}
}