@charset "utf-8";

/*-------------------------------------------------------------------------------------*
 *  게시판                                                                             *
 *-------------------------------------------------------------------------------------*/
.list_title1     {background:#333333; color:#ffffff; line-height:40px; text-align:center; font-weight:500;}
.list_notice1    {background:rgba(0,0,0,0.4); border-bottom:1px solid rgba(255,255,255,0.1); color:#aeaeae; padding: 15px 10px; text-align:center;}
.list_notice2    {background:rgba(0,0,0,0.4); border-bottom:1px solid rgba(255,255,255,0.1); color:#ffffff; padding: 15px 10px; font-weight:500; font-size:13px;}
.list1           {background:rgba(0,0,0,0.2); border-bottom:1px solid rgba(255,255,255,0.1); color:#aeaeae; padding: 15px 10px; font-weight:500; text-align:center;}
.list2           {background:rgba(0,0,0,0.2); border-bottom:1px solid rgba(255,255,255,0.1); color:#ffffff; padding: 15px 10px; font-weight:500;}

.list3 {font-size:12px; background:rgba(0,0,0,0.6); border-bottom:1px solid rgba(255,255,255,0.1); color:#eaeaea; line-height:1.5; padding:25px 50px 25px 117px; text-align:justify; height:140px; overflow-y:auto;}/* 쪽지함 아코디언 컨텐츠영역 */

.write_title_top {border-top:1px solid #ffb100;}
.write_title     {background:rgba(0,0,0,0.4); border-bottom:1px solid rgba(255,255,255,0.1); height:50px; color:#ffffff; padding:15px 20px 15px 20px; line-height:21px; width:180px; font-weight:500; text-align:center;}  
.write_basic     {background:rgba(0,0,0,0.2); border-bottom:1px solid rgba(255,255,255,0.1); min-height:50px; color:#eaeaea; padding:15px 20px 15px 20px; line-height:21px;}

.view1           {background:rgba(0,0,0,0.4); border-bottom:1px solid #ffb100; color:#ffffff; padding:0 20px 0 20px; width:100%; height:50px; line-height:44px; font-size:16px; letter-spacing:0pt; font-weight:500;}
.view2           {background:rgba(0,0,0,0.2); border-bottom:1px solid rgba(255,255,255,0.1); padding:12px 20px 10px 20px; width:100%; line-height:26px; min-height:300px; color:#dcdcdc;}
.view_box        {background:#6d6d6d; padding:3px 8px 4px 8px; color:#ffffff; line-height:12px; text-align:center; display:inline-block;  font-size:12px; border-radius:3px; margin:0 5px 0 0; font-weight:300;}

.page_wrap       {float:left; width:100%; height:40px; text-align:center;}
.page_wrap ul li {display:inline;}
.page            {background:rgba(0,0,0,0.4); display:inline-block; padding:8px 13px 8px 13px; color:#ffffff; border-radius:3px;}
.pageon          {background:#ffe6ac; display:inline-block; padding:8px 13px 8px 13px; color:#000000; border-radius:3px; font-weight:500;}

.info_wrap       {background:rgba(0,0,0,0.4); border:1px solid rgba(255,255,255,0.1); float:left; width:100%; padding:25px 0 30px 0; border-radius:5px;}
.info1           {float:left; width:100%; line-height:26px; color:#fff600; padding:0 20px 0 20px; font-size:18px; font-weight:700; font-family: 'EsaManru'; font-weight:500;}
.info2           {float:left; width:100%; line-height:26px; color:#ffffff; padding:5px 20px 0 20px; font-size:16px; font-weight:600; font-family: 'EsaManru'; font-weight:500;}
.info3           {float:left; width:100%; line-height:26px; color:#ffffff; padding:5px 20px 0 23px; font-size:15px; font-weight:400;}

.info_wrap2{display:flex; background:rgba(0,0,0,0.4); border:1px solid rgba(255,255,255,0.1); float:left; width:100%; padding:25px 0 30px 0; border-radius:5px;}
.info_left{float:left; width:24%; display:flex; justify-content: flex-end; padding:5px 20px 0 20px; font-family: 'EsaManru'; font-weight:500; font-size:22px; color:#ffffff;}
.info_right{float:left; width:76%; padding:0 20px 0 20px; border-left:1px solid rgba(255,255,255,0.1); line-height:26px; font-family: 'EsaManru'; font-weight:300; font-size:16px; color:#ffffff;}

.special_division_box{display:flex; width:100%; border-bottom:1px solid rgba(255,255,255,0.1);}
.special_division{display:flex; width:calc(100% / 1);}
.special_division1{display:flex; align-items:center; justify-content:center; width:180px; padding:20px 5px; background:rgba(0,0,0,0.4); text-align:center; color:#ffffff;}
.special_division2{display:flex; align-items:center; width:calc(100% - 180px); padding:20px 20px; background:rgba(0,0,0,0.2); }
/*-------------------------------------------------------------------------------------*
 *  버튼                                                                               *
 *-------------------------------------------------------------------------------------*/
.btn1_1         {display:inline-block; text-align:center; border-radius:3px; color:#000000; font-size:12px; letter-spacing:0pt; font-weight:500; text-shadow:1px 1px 1px rgba(255,255,255,0.7); box-shadow:rgba(0,0,0,0.0) 2px 2px 2px -1px;}
.btn1_2         {display:inline-block; text-align:center; border-radius:3px; color:#000000; font-size:12px; letter-spacing:0pt; font-weight:500; text-shadow:1px 1px 1px rgba(255,255,255,0.7); box-shadow:rgba(0,0,0,0.0) 2px 2px 2px -1px;}
.btn2_1         {display:inline-block; text-align:center; border-radius:3px; color:#000000; font-size:14px; letter-spacing:0pt; font-weight:500; text-shadow:1px 1px 1px rgba(255,255,255,0.7); box-shadow:rgba(0,0,0,0.0) 2px 2px 2px -1px;}
.btn2_2         {display:inline-block; text-align:center; border-radius:3px; color:#000000; font-size:14px; letter-spacing:0pt; font-weight:500; text-shadow:1px 1px 1px rgba(255,255,255,0.7); box-shadow:rgba(0,0,0,0.0) 2px 2px 2px -1px;}
.btn3_1         {display:inline-block; text-align:center; border-radius:3px; color:#000000; font-size:16px; letter-spacing:0pt; font-weight:500; text-shadow:1px 1px 1px rgba(255,255,255,0.7); box-shadow:rgba(0,0,0,0.0) 2px 2px 2px -1px;}
.btn3_2         {display:inline-block; text-align:center; border-radius:3px; color:#000000; font-size:16px; letter-spacing:0pt; font-weight:500; text-shadow:1px 1px 1px rgba(255,255,255,0.7); box-shadow:rgba(0,0,0,0.0) 2px 2px 2px -1px;}

.btn_wrap_right        {float:left; width:100%; text-align:right;}
.btn_wrap_right ul li  {display:inline;}
.btn_wrap_center       {float:left; width:100%; text-align:center;}
.btn_wrap_center ul li {display:inline;}

.btn1_1         {background:linear-gradient(to right, #3d2a12 0%, #bb773b 20%, #f1cd6e 35%, #ffffb0 50%, #f1cd6e 65%, #bb773b 80%, #3d2a12 100%); min-width:80px; min-height:34px; padding:0 15px 0 15px; line-height:34px;}
.btn1_1:hover   {filter:brightness(120%);}

.btn1_2         {background:linear-gradient(to right, #383838 0%, #b6b6b6 20%, #eeeeee 35%, #ffffff 50%, #eeeeee 65%, #b6b6b6 80%, #383838 100%); min-width:80px; min-height:34px; padding:0 15px 0 15px; line-height:34px;}
.btn1_2:hover   {filter:brightness(120%);}

.btn2_1         {background:linear-gradient(to right, #3d2a12 0%, #bb773b 20%, #f1cd6e 35%, #ffffb0 50%, #f1cd6e 65%, #bb773b 80%, #3d2a12 100%); min-width:140px; height:40px; line-height:40px;}
.btn2_1:hover   {filter:brightness(120%);}

.btn2_2         {background:linear-gradient(to right, #383838 0%, #b6b6b6 20%, #eeeeee 35%, #ffffff 50%, #eeeeee 65%, #b6b6b6 80%, #383838 100%); min-width:140px; height:40px; line-height:40px;}
.btn2_2:hover   {filter:brightness(120%);}

.btn3_1         {background:linear-gradient(to right, #3d2a12 0%, #bb773b 20%, #f1cd6e 35%, #ffffb0 50%, #f1cd6e 65%, #bb773b 80%, #3d2a12 100%); min-width:220px; height:50px; line-height:50px;}
.btn3_1:hover   {filter:brightness(120%);}

.btn3_2         {background:linear-gradient(to right, #383838 0%, #b6b6b6 20%, #eeeeee 35%, #ffffff 50%, #eeeeee 65%, #b6b6b6 80%, #383838 100%); min-width:220px; height:50px; line-height:50px;}
.btn3_2:hover   {filter:brightness(120%);}

.division1      {background:none; border:1px solid #6b6b6b; display:inline-block; text-align:center; min-width:90px; padding:6px 8px 6px 8px; line-height:12px; color:#cdcdcd; font-size:12px; font-weight:500; border-radius:5px;}
.division2      {background:none; border:1px solid #ffe6ac; display:inline-block; text-align:center; min-width:90px; padding:6px 8px 6px 8px; line-height:12px; color:#ffe6ac; font-size:12px; font-weight:500; border-radius:5px;}
.division3      {background:linear-gradient(to right, #3d2a12 0%, #bb773b 20%, #f1cd6e 35%, #ffffb0 50%, #f1cd6e 65%, #bb773b 80%, #3d2a12 100%); display:inline-block; text-align:center; min-width:80px; padding:4px 3px 4px 3px; line-height:12px; color:#000000; font-size:12px; font-weight:700; border-radius:5px; text-shadow:1px 1px 1px rgba(255,255,255,0.7);}


/*-------------------------------------------------------------------------------------*
 *  탭                                                                                 *
 *-------------------------------------------------------------------------------------*/
.tab_wrap {
    float: left;
    width: 100%;
    margin: 0 0 0 0;
    padding: 0px;
}

    .tab_wrap ul {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
    }

        .tab_wrap ul li {
            float: left;
            width: calc(100%/10);
            padding: 2px;
        }

            .tab_wrap ul li a {
                display: block;
                text-align: center;
                padding: 10px;
                background: #242424 url(/assets/v3/img/header_line.jpg) center bottom no-repeat;
                background-size: 100% 2px;
                font-family: 'EsaManru';
                font-weight: 500;
                color: #ffffff;
                transition: all 0.5s;
            }

            .tab_wrap ul li:hover a {
                background-size: 100% 100%;
                color: #000000;
            }

            .tab_wrap ul li.active a {
                background-size: 100% 100%;
            }

            .tab_wrap ul li.active a {
                color: #000000;
            }

/*-------------------------------------------------------------------------------------*
 *  폰트                                                                               *
 *-------------------------------------------------------------------------------------*/
.font01 {color:#ffffff; font-weight:500;}
.font02 {color:#000000; font-weight:500;}
.font03 {color:#d7d7d7;}
.font04 {color:#484848;}
.font05 {color:#ffe6ac; font-weight:500;}
.font06 {color:#eaff00; font-weight:500;}
.font07 {color:#ab87ff; font-weight:500;}
.font08 {color:#00d8ff; font-weight:500;}
.font09 {color:#ffffff; font-weight:500;}
.font10 {color:#ff6600; font-weight:500;}

.font11 {color:#fff600; font-weight:500;}
.font12 {color:#dddddd; font-weight:500;}
.font13 {color:#b0977f; font-weight:500;}
.font14 {color:#818fa0;}
.font15 {color:#ffea00; font-weight:500;}

.font21 {color:#ffd90a; font-weight:500; font-size:16px; letter-spacing:-1px; font-family: 'EsaManru';}
.font22 {color:#ffcc00; font-weight:500; font-size:20px; letter-spacing:-1px; font-family: 'EsaManru';}


/*-------------------------------------------------------------------------------------*
 *  인풋                                                                               *
 *-------------------------------------------------------------------------------------*/
.input1       {background-color:#242424; border:1px solid #000000; padding:4px 0 4px 5px; color:#ffffff; border-radius:5px; height:34px;}
.input2       {background-color:#242424; border:1px solid #000000; padding:4px 0 4px 5px; color:#ffffff; border-radius:5px;}