@charset "utf-8";
*:focus { outline: none; }

/* 팝업 관련 */
#m_popup{display: inline-block;position: absolute;z-index: 10;top: 6%;width: 100%;text-align: center;}
.popbox{width: 90%;margin:0 auto;position: relative;}
.x_btn{
    position: absolute;
    right: 11px;
    top: 0px;
    font-size: 28px;
    font-weight: bold;
    color: #c9c9c9;
    z-index: 10;
  }
.f_service{position: absolute;bottom: 11%;left: 19%;width: 69px;height: 23px;}
.y_service{position: absolute;bottom: 11%;right: 19%;width: 69px;height: 23px;}

.bg_27c{background-color: #fff27c;}
#m_popup02{position: absolute;z-index: 10;top: 7%;}
.x_btn02{    position: absolute;
    right: 11px;
    top: 0px;
    font-size: 28px;
    font-weight: bold;
    color: #c9c9c9;
    z-index: 10;}

/*******************헤더*******************************/
body{min-width:320px;overflow-x:hidden;overflow-y: auto; -webkit-text-size-adjust:none;-moz-text-size-adjust: none;-ms-text-size-adjust: none;text-size-adjust: none}

#bodywrap{
    /* max-width:700px;  */
    max-width:640px; 
    margin:0 auto;

    padding-top: 60px;
    /* padding: 0 15px; */

    overflow:hidden;
    position: relative;
}

#headerwrap{width:100%; position:relative;}

.topheader{
    padding:10px;

    position: fixed;
    top: 0px;
    left: 50%;
    transform: translate(-50%,0);
    z-index: 99;

    max-width: 620px;
    width: 100%;
    background: #fff;
}

.logo{float:left;padding:2px 0;}
.t_btn{width:27px; height:20px; float:right;padding-top:10px;}

.gnbul{
    width:240px;
    height:100%;
    box-sizing:border-box; 
    background:#222224;
    position:fixed;
    right:-240px;
    top:50px;
    z-index:6000;

    overflow: auto;
    padding-bottom: 60px;
}

.gnbli{padding:0 10px;background:#222224;}
.gnbli a.mainT{width:100%;height:45px;line-height:45px; text-align:left; font-size:15px;font-size:1.250rem; color:#fff;font-weight:bold;background:url(/m/images/main/plus.png) no-repeat right center; border-bottom:2px solid #37373a}
#darkLayer {width:100%; height: 100%; position: fixed; top:50px; left: 0; background: #000; opacity: 0.6; filter: alpha(opacity=60); display: none; z-index:5000; }
.alliance{float: right;margin: 8px 12px 0 0;}


/********************Footer****************************/
#footer{
    width:100%; 
    background:#f1f1f1;
    font-size:12px;
    font-size:1rem; 
    color:#787878; 
    /* text-align:center; */
    /* padding: 18px 10px 10px 10px; */
    padding: 30px 15px;
    box-sizing: border-box;
}

#footer p {
    font-size: 13px;
    font-weight: 400;
    color: #787878;
}

/***************메인 컨텐트**********************/
.bgbelt{
    background:url(../images/main/belt.png) no-repeat center;
    /* background-size:100% auto;  */
    background-size: cover;
    /* padding:8px 0; */
    padding:25px 0;
    font-family:'Nanum Barun Gothic', 나눔 바른 고딕,sans-serif; 
    color:#fff;font-weight:bold;
    font-size:16px;
    font-size:1.33rem; 
}

.halfli{width:50%; text-align:center; float:left;}

.halfli a {
    width:100%;
    font:inherit;
    line-height:29px;

    font-size: 22px;
}

@media all and (max-width:394px){
    .bgbelt{
        padding:12px 0;
    }

    .halfli a {
        font-size: 16px;
    }
 }

.spanbox{background:#f8f8f8;border-bottom:1px solid #ccc;padding:10px 0;height:20px; position:relative;}
.twincle{
    position:absolute;
    top:10px; 
    left:50%;
    transform: translate(-25%,-0);
    margin-left:-119px;
}

.boxul{border-top:1px solid #ccc;border-left:1px solid #ccc;}

.boxli{
    /* height:150px; */
    height:105px;
    border-right:1px solid #ccc;
    border-bottom:1px solid #ccc;
    background:#fff;
    text-align:center;
    width:33.33%;
    box-sizing:border-box;
    float:left; 
    /* padding:80px 5px 15px 5px; */
    /* padding:67px 5px 15px 5px; */
    position:relative;
}

.boxli a {
    display: flex;
    justify-content: center;
    align-items: center;

    width: 100%;
    height: 100%;

    word-break: keep-all;
}

.ab01{position:absolute;left:50%;margin-left:-26px;top:9px;}
.ab02{position:absolute;left:50%;margin-left:-32px;top:15px;}
.ab03{position:absolute;left:50%;margin-left:-30px;top:18px;}
.ab04{position:absolute;left:50%;margin-left:-40px;top:15px;}
.ab05{position:absolute;left:50%;margin-left:-41px;top:15px;}
.ab06{position:absolute;left:50%;margin-left:-32px;top:14px;}
.ab07{position:absolute;left:50%;margin-left:-28px;top:13px;}
.ab08{position:absolute;left:50%;margin-left:-28px;top:22px;}
.ab09{position:absolute;left:50%;margin-left:-29px;top:14px;}
.ab09_hot{position:absolute; top:0; left:0;}
.boxli h3{font-size:14px;font-size:1.167rem;color:#333;font-weight:bold; }
.boxli.boxbg{background:url(../images/main/boxbg.png) repeat;}

.infobg{
    background:url(../images/main/infobg.png) no-repeat center;
    background-size:100% 100%;
    /* padding:10px 0; */
    padding:20px 0;
    font-family:'Nanum Barun Gothic', 나눔 바른 고딕,sans-serif; 
    color:#333;
    font-size:14px;
    font-size:1rem; 
    text-align:center;
}

.thirdli{
    width:33.33%;
    text-align:center; 
    float:left;
    position:relative; 
    color:#333;
    font-size:14px;
    font-size:1.167rem;
    font-weight:bold;
    /* padding:15px 0; */

    border-top: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
}

.thirdli a {
    padding:21px 0;
    width: 100%;
    box-sizing: border-box;
    height: 65px;
}

.divi{
    width:1px;
    /* height:15px; */
    height:20px;
    background:#ccc; 
    position:absolute;
    /* top:18px; */
    top:22px;
    right:0;
}

/**********Subcontents BASIC*****************/
.subtitle{padding:13px 0;font-size:18px;font-size:1.5rem; color:#fff;font-weight:bold;background:#ed4c6a;background:linear-gradient(#e96b83,#e83c5c) ;line-height:1;text-align:center;}
.subwrap{padding:20px 10px;}
.h3title{font-size:17px;font-size:1.417rem;font-weight:bold;color:#333;margin-bottom:15px;}
.h3title2{font-size:15px; font-weight:bold;color:#333;margin-bottom:15px;}
.colorN{color:#e73556;font-style:italic;}
.graybox{background:#f4f4f4; border:1px solid #ccc;padding:13px 15px;color:#333;font-size:14px;font-size:1rem;}
.boardT{width:100%; border-top:2px solid #e63152;}
.boardT tr{border-bottom:1px solid #ccc;}
.boardT th{padding:9px 3px 8px 3px; text-align:center;color:#333;font-size:13px;font-size:1rem; font-weight:bold; background:#f4f4f4;}
.boardT th.th1{text-align:left; padding-left:5px;}
.boardT td{text-align:center; font-size:13px;font-size:1rem; color:#666;padding:9px 3px;}
.boardT td.td1{text-align:left; padding-left:5px;font-size:13px;font-size:1rem; color:#666;letter-spacing:-0.5px; }
.boardT td.taR{text-align:right;padding-right:5px;}
.boardT td.taR2{text-align:left;padding-left:5px;}
.boardT td.taR1{text-align:left;padding-left:15px;}
.boardT td.bg_bora{background:#f0ecf3}
.boardT td.bg_pink{background:#fdf2f4}
.boardT th.bg_red , .boardT td.bg_red{background:#fdf2f4;}
.boardT th.bR1, .boardT td.bR1{border-right:1px solid #ccc;}
.add_boardT .boardT{border-top:2px solid #ccc;}
.conbox{font-size:12px;font-size:1rem;min-height:150px;}
.bdbox{border:1px solid #ccc;text-align:center;padding:15px 0;}
.Rbdbox{border:2px solid #eee;padding:15px 10px;border-radius:13px;font-size:15px;font-size:1.250rem;color:#333;}
.stepli{width:calc(50% - 10px);margin-right:10px;float:left;border:2px solid #eee;background:#f4f4f4;padding:15px 10px; position:relative;box-sizing:border-box;margin-bottom:10px;font-size:13px;font-size:1rem; color:#666;font-weight:bold;}
.abimg01{position:absolute;bottom:15px; right:10px;}
.tabli{width:calc(50% - 5px);height:30px;line-height:30px;margin-right:10px;  text-align:center;color:#fff;font-weight:bold; font-size:15px; float:left;border-radius:8px;cursor:pointer;background:#999;}
.tabli.select{background:#e73556;}
.tabview{display:none;margin-top:30px;}
.inC{width:42%; height:23px; border:1px solid #ccc;padding-left:5px;background:#fff;}
.inC2{width:56%; height:25px; border:1px solid #ccc;padding-left:5px;background:#fff;}
.subtn{width:27%; height:27px;line-height:27px;color:#fff;background:#666;text-align:center;font-size:13px;font-size:1rem;font-weight:bold;cursor:pointer;}
.selC{height:24px; border:1px solid #ccc;background:#fff;width: 21%;margin-right: 3px;}
.inC3{height:22px; border:1px solid #ccc;background:#fff;}
.area{width:90%;height:100px; border:1px solid #ccc;background:#fff;padding:8px;}
.boardN{text-align:center; margin-bottom:20px;margin-top:20px;}
.boardN a {margin:0 3px; color:#aaaaaa;font-size:11px;}
.boardN a:hover {color:#333;font-weight:bold;}
.boardN .select {color:#333;font-weight:bold;}
.searchbox{border:1px solid #ddd; background:#fafafa; text-align:center;padding:15px 0;}
.agreewrap{width:90%; position:fixed;top:50px;left:5%; border:2px solid #f4f4f4;padding:10px;box-sizing:border-box;background:#fff;display:none;z-index:5000;}
.close{position:absolute; top:10px;right:10px;color:#333;font-size:18px;text-shadow:1px 1px 2px #ccc;}
.h2txt{font-size:15px; color:#333; font-weight:bold; text-indent:5px;padding-bottom:5px;border-bottom:2px solid #555;}
.ptxt{width:100%;height:300px;margin-top:10px;border:1px solid #ccc; padding:10px;font-size:13px;color:#666;overflow-x:auto;overflow-y:scroll;box-sizing:border-box;text-align:left;}
.bgf8{background:#f8f8f8;border-top:1px solid #ddd;border-bottom:1px solid #ddd;padding:10px;}

.transT{
    width:100%;
    /* margin-top:10px; */
}

.transT td{
    height:23px; 
    font-size:13px;
    font-size:1.083rem;
    color:#666; 
    text-align:left;

    padding: 5px 10px;
    border-bottom: 1px solid #ddd;
}

.transT td.tdR{color:#999; text-align:right;}
.wbtn{width:100%; padding:10px 0;line-height:1;color:#fff;text-align:center;background:#e73556;font-size:16px;font-size:1.333rem;font-weight:bold;}

.faqul{border-top:2px solid #d94360;margin-bottom:30px; }
.faqdt{height:45px; border-bottom:1px solid #ddd; }
.faqdt .td1{width:45px;height:45px;float:left;  display:inline-block; text-align:center;font-size:16px; font-weight:bold;color:#666;border-right:1px solid #ddd;line-height:45px;}
.faqdt .td2{ display:inline-block;float:left; height:45px; font-size:14px; color:#666; text-align:left;line-height:45px;padding-left:10px;}
.faqdd{border-bottom:1px solid #ddd;  padding:20px;font-size:14px;color:#666;background:#f6f6f6;display:none;}
.answer{font-size:16px; font-weight:bold;color:#67488b;display:inline-block;margin-right:30px; }
.faqul .on .td1{color:#d94360;}
/*****************************자주쓰는 스타일****************************/
.gobtn{width:calc(33.33% - 7px);margin-right:10px;padding:7px 0;line-height:1;color:#fff;text-align:center;background:#e73556;font-size:13px;font-size:1.083rem;font-weight:bold;float:left;}
.redbtn{width:95%;height: 20px;border-radius: 10px;line-height: 20px;color: #fff;text-align: center;font-size: 11px;background: #d94360;display: inline-block;}
.dashedL{height:1px;border-top:1px dashed #ccc;margin:20px 0;}
.pd10{padding:10px;}
.mR00{margin-right:0;}
.mT05{margin-top:5px;}
.mT10{margin-top:10px;}
.mT20{margin-top:20px;}
.mT30{margin-top:30px;}

.mB30{margin-bottom:30px !important;}

.btnP{width:33.33%;padding:10px 0;line-height:1;color:#fff;text-align:center;background:#67488b;font-size:13px;font-size:1.083rem;font-weight:bold;border-radius:25px;}

.fs14{font-size:14px;font-size:1.167rem;}
.basictxt{font-size:14px;font-size:1.167rem; color:#333;line-height:1.8;}
.fs14C66{font-size:14px;font-size:1.167rem; color:#666;letter-spacing:-0.7px;word-break:break-all; margin-bottom: 0.5em;}
.fs15{font-size:15px;font-size:1.250rem;}
.fs15C99{font-size:15px;font-size:1.250rem;color:#999;}
.fs16B33{font-size:16px;font-size:1.333rem; color:#333;font-weight:bold;}
.fs16B56{font-size:16px;font-size:1.333rem; color:#e83556;font-weight:bold;}



.fs20{font-size:18px;font-size:1.5rem;}
.fs22{font-size:20px;font-size:1.667rem;}

.bgred{background:#e73556}
.bg88{background:#888;}
.bgay{background:#888;background:linear-gradient(#777,#444)}
.C_red{color:#e83556;}
.C_pink{color:#e73556}
.C_blue{color:#2b5f8e;}
.C_bora{color:#67488b;}
.col1a5{color: #1a5b97;}

.fwB{font-weight:bold;}
.taC{text-align:center;}
.taR{text-align:right;}
.taL{text-align:left;}
.fL{float:left;}
.fR{float:right;}

.bbsbtn{vertical-align:middle;background-color:#888888;border:1px solid #777777;color:#ffffff;font-size:11px;letter-spacing:-1px;padding:3px 15px 3px 15px;}

.br2box {
    padding: 30px;
    position: relative;
    line-height: 30px;
    border: 3px solid #ddd;
}

.h4title {
    color: #333;
    font-size: 1.333rem;
    font-weight: bold;
    letter-spacing: -0.5px;
}

.infobox {
    padding: 15px;
    font-size: 1.1rem;
    color: #666;
    border: 3px solid #ddd;
    border-radius: 10px;
    background: #f7f7f7;
}


/* 수정 */
#popbox{position: absolute;z-index: 10001;top: 65px;left: 50px;width: 278px;}
.popimg{border: 1px #d7d7d7 solid;border-bottom: 0;height: 285px;}
.popimg li{width: 100%;}

.photobox{
    margin-top: 30px;
    padding: 10px 15px 35px;
    border-top:1px #dddddd solid;
}

.photoul{margin-top: 20px;}
.photoul>li{display: inline-block;vertical-align: top;width: 49%;margin-right: 1%;}
.photoul>li:last-child{margin-right: 0;}

.photoul a{
    display: block;

    border: 1px solid #eee;
}

.photo_text{
    /* text-align: center; */
    margin-top: 15px;
    padding: 0 20px 15px;

    height: 60px;
}


.photo_text span{display: block;}
.photoT01{font-size: 13px;color: #666666;font-weight: bold;margin-bottom: 5px;width: 100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.photoT02{
    font-size: 12px;
    color: #999999;
    font-weight: 300;

    overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box !important;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .photoT02 {
        overflow: hidden;
        height: 36px;
    }
   }


.galleryul>li{margin-bottom: 20px;display: inline-block;vertical-align: top;width: 48.5%;margin-right: 1%;}
.galleryul>li:nth-child(2n){margin-right: 0;}
.galleryul a{display: block;}
.galleryul .photo img{width: 100%;}

.event_wrap {
    display: flex;
    justify-content: space-between;
}

.event_con {
    display: block;
    width: 49%;
}

.event_text {
    padding: 9px 7px;
    min-height: 35px;
    /* text-align: center; */

    font-size: 11px;
    font-weight: 600;
    color: #666;
}

.et01 {
    background: url('../images/main/event_text01.png') no-repeat;
    background-size: cover;
    background-position: center;
}

.et02 {
    background: url('../images/main/event_text02.png') no-repeat;
    background-size: cover;
    background-position: center;
}

.m_notice {

}

.m_n_title {
    padding: 10px;
    background: #f4f4f4;

    border-top: 2px solid #bbbbbb;
    border-bottom: 1px solid #dddddd;
}

.btm_tab {
    margin: 30px 0;
    padding: 0 15px;
}

ul.tabs{
    width: 100%;
      padding: 0px;
      list-style: none;
    display: flex;
    justify-content: center;
  }
  
  ul.tabs li{
    display: flex;
    justify-content: center;
    align-items: center;

    padding: 10px 5px;

    width: 33.3%;
    background: #f4f4f4;
    border: 1px solid #dddddd;
    border-bottom: 0px;
    cursor: pointer;

    /* font-size: 15px; */
    font-size: 13px;
    font-weight: 600;
    color: #999999;

    box-sizing: border-box;
  }

  ul.tabs li:first-child {
      border-right: 0px;
  }
  
  ul.tabs li.current{
      border: 0px;
      background: #e73556;
      box-shadow: -3px -3px 3px 0px rgba(0,0,0,0.15);
      font-weight: 600;
      color: #fff;
  }
  
  .tab-content{
    display: none;
    background: #fff;
    border: 2px solid #f1dde0;
    padding: 10px 50px 10px 19px;
  }
  
  .tab-content.current{
      display: inherit;
  }


  #tab-1 {
    background: url('../images/sub/btm_tab_001.png') no-repeat;
    background-position: 90% center;
    background-size: contain;
  }

  #tab-2 {
    background: url('../images/sub/btm_tab_002.png') no-repeat;
    background-position: right center;
    background-size: cover;
  }

  #tab-3 {
    background: url('../images/sub/btm_tab_003.png') no-repeat;
    background-position: right center;
    background-size: cover;
  }

  @media all and (max-width:420px){
    #tab-1 {
        background-position: right center;
        background-size: 70%;
      }
    
      #tab-2 {
        background-position: right center;
    background-size: cover;
      }
    
      #tab-3 {
        background-position: right center;
        background-size: cover;
      }
}

  .btm_tab_con {
      display: flex;
      justify-content: space-between;
      align-items: center;

      height: 120px;
  }

  .btm_tab_con p {
      /* width: 57%; */

      font-size: 12px;
      font-weight: 600;
      color: #666666;

      text-shadow: 1px 1px #fff;
  }

  .btm_tab_con p span {
    font-size: 11px;
    font-weight: 400;
  }

.sub11_gbox {
    padding: 25px 25px;
background: #f4f4f4;
line-height: 2.2rem;
}

.sub11_gbox span {
    font-weight: 600;
}

.ellipsis_T {
    table-layout: fixed;
}

.ellipsis a {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
@media all and (max-width:374px){
  .alliance{width: 47%;margin: 10px 8px 0 0;}
}