@charset "utf-8";

/* 내용관리 */
#ctt {margin:0;padding:0;background:#fff;min-width:1200px}
.ctt_admin {text-align:right}
#ctt header h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#ctt_con {padding:0;line-height:1.6em}
#ctt_con img{max-width:100%;height:auto}
.ctt_img {text-align:center}

.txt_center_box {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-bottom:150px;
  }
  .txt_center_box2 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .txt_center_box .en,  .txt_center_box2 .en {
    font-size:1.2rem;
    font-family: 'Open Sans';
    color:#a6937c;
    font-weight: 300;
    letter-spacing:7px
  }
  
  .txt_center_box .big,  .txt_center_box2 .big{
    font-size:4rem;
    font-family: '42dot Sans';
    color:#555;
    font-weight: 500;
    line-height: 1.8;
  }
  
  .txt_center_box .sm,  .txt_center_box2 .sm {
    font-size:1.5rem;
    font-family: 'Noto Sans';
    color:#555;
    font-weight: 300;
  }
  .txt_center_box2 .en2 {
    font-size:1.2rem;
    font-family: 'Open Sans';
    color:#a6937c;
    font-weight: 300;
    letter-spacing:7px
  }
  
 .txt_center_box2 .big2{
    font-size:2.8rem;
    font-family: '42dot Sans';
    color:#555;
    font-weight: 500;
    line-height: 1.8;
  }
  
  .txt_center_box2 .sm2 {
    font-size:1.2rem;
    font-family: 'Noto Sans';
    color:#555;
    font-weight: 300;
    line-height: 1.4;
    text-align:center
  }
  .beige {
    position:relative;
    width:100%;
    height:45vh;
    background: #f5eee5;
  }
  
  #ctt_con img.bg_png, img.bg_png {
    position:absolute;
    bottom:0;
    left:15%;
    height:55vh
  }

  .top_txt {
    right: 20%;
    position: absolute;
    font-size: 3rem;
    line-height: 1.3;
    letter-spacing: -.5px;
    font-family: '42DOT SANS';
    font-weight: 400;
    top: 130px;
    color:#352a25
  }

  .bottom_txt {
    font-size: 1.2rem;
    letter-spacing: 1px;
    line-height: 1.6;
    display: inline-block;
    padding-top: 10px;
    color:#777
  }

  .txt_center_box.pd {
    padding:150px 0
  }
  .txt_center_box .inner_box {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    width:60%
  }
  .flex_inner {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }
  .flex_inner img {
    padding:2px
  }
  .tb p {
    text-align: left;
    padding: 10px;
    font-size: 1.2rem;
    font-family: 'Open sans';
    color: #555;
  }

  .tb p.tit {
    font-family: 'Nanum Myeongjo';
    font-size: 3rem;
    font-weight: 600;
    color:#333
  }



  .f7 {
    background:#f7f7f7
  }

  .inner_box li {
    width:100%;
    box-sizing: border-box;
    font-size: 1.3rem;
    line-height: 3.5;
    border-bottom: 1.5px solid #a6937c;
    color: #555;
    letter-spacing: 1px;
  }
  .inner_box ul {
    width:70%
  }
   .inner_box.center {
    justify-content: center;
   }
   .inner_box p.con {
    font-family: 'Nanum Myeongjo';
    font-size:1.6rem;
    line-height: 5;
    color:#333
   }
  .jcon-c {
    justify-content: center !important;
  }
   #ctt_con .top_txt.left, .top_txt.left {
    position:relative;
    right:auto;
    text-align: right;
    height:48vh
  }
 #ctt_con img.bg_png.right, img.bg_png.right {
    position:relative;
    left:auto
  }
  .flex_center {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width:80%
  }
  .beige.center {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .desc {
    border:1px solid #d1d1d1;
    border-top:0;
    background:#fff
  }
   .desc p {
    font-size: 1rem;
    color: #555;
    font-weight: 300;
    line-height: 1.4;
    background: #fff;
   }
    #ctt_con img.bg_png.right.bottom, img.bg_png.right.bottom {
    position:relative;
    left:auto;
    bottom:59px
  }
  .top_txt.tit {
    font-size:2.1rem
  }
  .bottom_txt.con {
    font-size:1.3rem
  }
  .orange_btn {
    border:1px solid #db6b3d;
    border-radius:100px;
    color:#db6b3d;
    padding:15px 50px;
    font-weight:500;
    font-size:1.6rem
    
  }
    .orange_btn:hover {
      background: #db6b3d;
      color:#fff;
      font-weight: 700;
    }
    .top_cate {
      display: flex;
      width:100%;
      justify-content: center;
      align-items: center;
      margin-bottom:180px
    }
    .top_cate .top_inner {
      display: flex;
      width:auto;
      justify-content: space-between;
      align-items: center;
    }
     .top_cate a {
      font-size: 1.4rem;
      color:#666;
      padding:12px 50px;
      background-color: #f7f7f7;
      border:1px solid #ddd;
      font-weight:300
     }
      .top_cate a:hover {
      background-color: #ddd;
      color:#333;
      font-weight: 500;
      border:1px solid #333
      }