.well {
    clear: both;
}

.tRight {
    text-align: right;
}

.tleft {
    text-align: left;
}

.tCenter {
    text-align: center;
}

.tBlock {
    display: block;
}

.tBig {
    font-size: 26px;
    font-weight: bold;
}

.tMiddle {
    font-size: 16px;
}

.tBlue {
    color: #05509c;
}

.clear {
    clear: both;
    display: block;
}

.mCenter {
    margin: 0 auto;
}

.fLeft {
    float: left;
}

.hiddenX {
    display: none;
}

a.downloadBtn {
    padding-top: 0;
    margin-top: 3px;
    vertical-align: top;
}

.iframe-responsive {
    width: 100%;
    /*overflow:auto;-webkit-overflow-scrolling: touch; */
}

.iframe-responsive iframe {
    /* min-width: 690px; */
    width: 100%;
}

.alert-default {
    background: #eee;
    color: #333;
}

.alert-primary {
    background: #e1ecfe;
    color: #333;
}

.tabBox {
    float: left;
    width: 100%;
}

.contents-wrapper {
    font-size: 14px;
    color: #333;
}

.contents-wrapper a {
    color: #000;
}

.contents-wrapper h2, .module-wrapper h2, .contents-wrapper h3, .module-wrapper h3 {
    position: relative;
    clear: both;
    font-size: 28px;
    font-weight: bold;
    margin-bottom: 15px;
}

.contents-wrapper h4, .module-wrapper h4 {
    clear: both;
    font-weight: bold;
    margin-bottom: 5px;
    font-size: 22px;
}

.contents-wrapper ul, .module-wrapper ul {
    list-style: none;
    padding-bottom: 15px;
    clear: both;
}

.contents-wrapper ul>li, .module-wrapper ul>li {
    background: url(../images/sub/bull_b.png) no-repeat 0 11px;
    padding-left: 20px;
    font-size: 17px;
    color: #333;
}

.contents-wrapper ul>li li, .module-wrapper ul>li li {
    background: none;
}

.contents-wrapper p, .module-wrapper p {
    padding-bottom: 15px;
}

.contents-wrapper img.img-left {
    display: block;
    margin: 0 auto 15px;
}

.contents-wrapper img.img-right {
    display: block;
    margin: 0 auto 15px;
}

.contents-wrapper p img.img-left:last-child, .contents-wrapper p img.img-right:last-child {
    margin-bottom: 0;
}

.module-wrapper .pagination>li {
    background: none;
    padding: 0;
}

.contents-wrapper p.text-ex {
    padding-bottom: 5px;
    color: #777;
}

.contents-wrapper .table-responsive ,.module-wrapper .table-responsive{
    margin-bottom: 15px;
    border: 1px solid #CCD4E1;
    border-top: 2px solid #000;
    border-bottom: 0;
}

.contents-wrapper table, .module-wrapper table {
    width: 100%;
    margin-bottom: 0;
}

table caption {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.contents-wrapper table th, .module-wrapper table th {
    padding: 10px 5px !important;
    background-color: #F1F5FE;
    color: #000;
    border-bottom: 1px solid #ddd!important;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
    border-top: 0;
}

.contents-wrapper table td, .module-wrapper table td {
    padding: 10px 5px !important;
    color: #333;
    border-bottom: 1px solid #ddd;
    border-top: 0 !important;
    text-align: center;
    vertical-align: middle;
}

.contents-wrapper table tr th, .contents-wrapper table tr td, .module-wrapper table tr th, .module-wrapper table tr td{
    border-right: 1px solid #ddd;
}

.contents-wrapper table tr th:last-child, .contents-wrapper table tr td:last-child, .module-wrapper tr th:last-child, .module-wrapper table tr td:last-child {
    border-right: 0;
}

.contents-wrapper table p, .module-wrapper table p {
    padding: 0;
}

.contents-wrapper table.left td, .module-wrapper table.left td{
    text-align: left;
}

.contents-wrapper ul .table-responsive, .module-wrapper ul .table-responsive {
    margin: 5px 0;
}

.contents-wrapper .table>tbody>tr>td, .module-wrapper .table>tbody>tr>td {
    vertical-align: middle;
}

.img-responsive {
    margin: 0 auto;
}




/*검색페이지*/

#subContents .searchPage {width: 100%;}
#subContents .searchPage legend {position:absolute; visibility:hidden; width:0; height:0; overflow:hidden; font-size:0;line-height:0px; }
#subContents .searchPage form {width: 100%;background: #f2f2f2;padding: 30px 115px;}
#subContents .searchPage form select {/* margin-left: 115px; */float: left;width: 20%;height: 67px;border: 1px solid #d2d2d2;font-size: 20px;color: #424242;padding-left: 10px;}
#subContents .searchPage form div{margin-left: 1.5%;float: left;width: 78.5%;height: 67px;padding: 10px 20px 10px 10px;box-sizing: border-box;border: 1px solid #d2d2d2;background: #fff;}
#subContents .searchPage form div input[type=text] {float: left;font-size: 20px;padding: 10px 10px 10px;background: none;border: none;width: 90%;}
#subContents .searchPage form div input[type=submit] {float: right;background: url(../images/common/ic_search.png) no-repeat center  center;width: 10%;height: 45px;font: 0/0 a;border: none;}
#subContents .searchPage .searchBox {float: left; width: 100%; position: relative; margin-top: 60px; padding-bottom: 70px;}
#subContents .searchPage .searchBox .searchTitle {float: left;width: 100%;border-bottom: 2px solid #0baca7;margin-bottom: 25px;}
#subContents .searchPage .searchBox .searchTitle h3 {float: left;font-size: 22px;font-weight: bold;color: #0baca7;padding: 0 0 10px 15px;}
#subContents .searchPage .searchBox .searchTitle p {float: right; font-size: 18px; color: #343434; padding: 5px 15px 0 0;}
#subContents .searchPage .searchBox .searchCon {float: left; width: 100%; padding: 0 15px; box-sizing: border-box;}
#subContents .searchPage .searchBox .searchCon p {font-size: 16px;}
#subContents .searchPage .searchBox .searchCon p.menu {font-size: 20px; color: #000;  background: url(../images/sub/bullet_01.gif) no-repeat left 15px; padding: 0 0 5px 10px;}
#subContents .searchPage .searchBox .searchCon p.menu span {color: #2769b0;}
#subContents .searchPage .searchBox .searchCon ul {padding: 0 0 10px 10px;}
#subContents .searchPage .searchBox .searchCon ul li {font-size: 16px; color: #666; padding-bottom: 5px;}
#subContents .searchPage .searchBox .searchCon ul li a span.search-text {color: #cc0000;}
#subContents .searchPage .searchBox p.moreBtn {position: absolute; bottom: 0; right: 0;}
#subContents .searchPage .searchBox p.moreBtn a {display: block; border: 1px solid #d2d2d2; font-size: 16px; color: #666; padding: 10px 24px;}


@media (max-width: 991px) {

	.well {margin-top: 20px;}
	#subContents .searchPage {margin: 0 15px;width: auto;}
	#subContents .searchPage form {padding: 25px 20px;}
	#subContents .searchPage form select {
		height: 40px;
		font-size: 14px;
		width: 30%;
	}
	#subContents .searchPage form div {
		height: 40px;
		width: 68.5%;
	}
	#subContents .searchPage .searchBox {
		margin-top: 40px;
		padding-bottom: 50px;
	}
	#subContents .searchPage form div input[type=text] {
		height: 100%;
		font-size: 14px;
		padding: 10px 5px;
	}
	#subContents .searchPage form div input[type=submit] {
		height: 130%;
		background-size: 20px;
		margin-top: -2px;
	}
}



@media (min-width:992px) {

    .contents-wrapper {
        font-size: 16px;
        line-height: 30px;
    }

    .contents-wrapper h2, .contents-wrapper h3 {
        font-size: 24px;
        margin-bottom: 20px;
        color: #0A9F76;
    }
    .module-wrapper h2 {font-size: 22px;}
    .module-wrapper h3 {font-size: 20px;}

   .contents-wrapper h4, .module-wrapper h4 {
        background: url(../images/sub/line.jpg) no-repeat left top 9px;
        padding-left: 46px;
        font-size: 20px;
        margin-bottom: 15px;
    }

    .contents-wrapper h4.tit {
        margin-bottom: 30px;
    }

    .contents-wrapper ul, .module-wrapper ul {
        padding-bottom: 40px;
        padding-left: 10px;
    }

    .contents-wrapper ul li, .module-wrapper ul li {
        padding-left: 20px;
        padding-bottom: 2px;
    }

    .contents-wrapper p, .module-wrapper p {
        padding-bottom: 18px;
        line-height: 160%;
        font-size: 17px;
        color: #333;
        clear: both;
    }

    .contents-wrapper p.line {
        background: url(../images/sub/line.jpg) no-repeat left top 11px;
        padding-left: 46px;
    }

    .contents-wrapper p.line.none {
        background: none;
    }

    .contents-wrapper img.img-left {
        float: left;
        margin-right: 20px;
    }

    .contents-wrapper img.img-right {
        float: right;
        margin-left: 20px;
    }

    .contents-wrapper .align-left {
        float: left;
        width: 50%;
    }

    .contents-wrapper .align-right {
        float: right;
        width: 50%;
    }

    .contents-wrapper p.text-ex {
        padding-bottom: 10px;
    }

    .contents-wrapper .table-responsive, .module-wrapper .table-responsive {
        margin-bottom: 30px;
        border: 1px solid #CCD4E1;
        border-top: 2px solid #000;
        border-bottom: 0;
    }

    .contents-wrapper table, .module-wrapper table {
        width: calc(100% - 1px);
    }

    .contents-wrapper table th, .module-wrapper table th {
        padding: 20px 5px !important;
    }

    .contents-wrapper table td, .module-wrapper table td {
        padding: 20px 5px !important;
    }

    .contents-wrapper table.fixed, .module-wrapper table.fixed {
        table-layout: fixed;
    }

    .contents-wrapper ul .table-responsive, .module-wrapper ul .table-responsive {
        margin: 10px 0;
    }
}

@media (min-width:1200px) {
    .contents-wrapper table, .module-wrapper table {
        width: 100%;
    }

    .contents-wrapper table th, .module-wrapper table th {
        padding: 15px 10px !important;
    }

    .contents-wrapper table td, .module-wrapper table td {
        padding: 15px 10px !important;
    }

    .table-responsive {
        overflow-x: visible;
    }
}





@media (min-width: 992px) {
	
    /* 단체현황 게시판 */
       .newsBoard {}
       .cate_list_wrap {}
       .cate_list_wrap .cate_list {
       padding-left: 0;
       float: left;
       border-right: 1px solid #ddd;
       padding-bottom: 0;
       margin-bottom: 30px;
       }
       .cate_list_wrap .cate_list.list8 {border-bottom: 1px solid #ddd;}
       .cate_list_wrap .cate_list.list6 li {width: 199.8px;}
       .cate_list_wrap .cate_list.list8 li {width: 299.7px;}
       .cate_list_wrap .cate_list li {
       padding: 0;
       background: none;
       float: left;
       vertical-align: top;
       }
       .cate_list_wrap .cate_list li.selected a
       {color:#0A9F76; font-weight: 600;}
       .cate_list_wrap .cate_list li.selected a:hover {text-decoration: none;}
       .cate_list_wrap .cate_list li a {
       display: block;
       width: 100%;
       height: 100%;
       text-align: center;
       font-weight: 400;
       color: #444;
       padding: 19px 0 17px;
       font-size: 20px;
       border: 1px solid #ddd;
       border-right: 0;
   }
       .cate_list_wrap .cate_list.list8 li a {border-bottom: none;}
       .newsBoard .newsBoardBox {
       float: left;
       padding-left: 0;
   }


    .newsBoard .newsBoardBox .img_wrap {
        float: left;
        width: 27%;
        margin-right: 5%;
    }

    .newsBoard .newsBoardBox .txt_wrap {
        float: left;
        width: 68%;
        margin-top: 20px;
    }

    .newsBoard .newsBoardBox li .vr-btn {
        padding-bottom: 0;
        bottom: 35px;
    }

    .newsBoard .newsBoardBox li .vr-btn a {
        height: auto;
        padding: 12px 40px 12px 50px;
        font-size: 18px;
    }

    /* 	.newsBoard .newsBoardBox li:hover {background: #fff;} */
    .newsBoard .newsBoardBox li {
        padding-top: 25px;
        padding-bottom: 25px;
        background: none;
    }

    .newsBoard .newsBoardBox li:first-child {
        /* border-top: 0 none; */
        /* padding-top: 0; */
    }

    .newsBoard .newsBoardBox li:last-child {
        /* margin-bottom:36px; */
        border-bottom: 1px solid #555;
    }

    .newsBoard .newsBoardBox li img {
        width: 100%;
        padding-right: 0;
        height: 212px;
    }

    .newsBoard .newsBoardBox li .img {
        width: 100%;
        padding-right: 0;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        height: 212px;
    }

    .newsBoard .newsBoardBox li strong.text-ellipsis {
        padding-bottom: 20px;
        font-size: 26px;
    }

    .newsBoard .newsBoardBox li strong.text-ellipsis span {
        float: left;
        font-size: 14px;
        color: #fff;
        width: 65px;
        height: 28px;
        text-align: center;
        padding-top: 0px;
        margin-right: 10px;
    }

    .newsBoard .newsBoardBox li strong.text-ellipsis span.plan {
        float: left;
        background: #e08a4b;
    }

    .newsBoard .newsBoardBox li strong.text-ellipsis span.last {
        float: left;
        background: #8e8e8e;
    }

    .newsBoard .newsBoardBox li strong.text-ellipsis span.current {
        float: left;
        background: #26b8ee;
    }

    .newsBoard .newsBoardBox li span.txt_span {
        float: left;
        font-weight: bold;
        padding-right: 15px;
    }

    .newsBoard .newsBoardBox li span.txt {
        padding-top: 20px;
    }

    .newsBoard .newsBoardBox li span.tit2 {
        font-weight: normal;
        line-height: 160%;
        color: #666;
        font-size: 18px;
    }

    

    /* 공유경제란? */
    .sharing_wrap {
        float: left;
        width: 100%;
        color: #666;
    }

    .sharing_wrap .sub_section {
        clear: both;
        float: left;
        width: 100%;
    }

    .sharing_wrap .sub_section1 {
        padding-top: 10px;
        margin-bottom: 110px;
    }

    .sharing_wrap .sub_section .img {
        width: 582px;
        float: left;
    }

    .sharing_wrap .sub_section .img.left {
        margin-right: 50px;
    }

    .sharing_wrap .sub_section .img.right {
        margin-left: 96px;
        margin-top: 37px;
    }

    .sharing_wrap .sub_section .txt_wrap {
        float: left;
        width: 568px;
    }

    .sharing_wrap .sub_section1 .txt_wrap {
        padding-top: 70px;
    }

    .sharing_wrap .sub_section2 .txt_wrap {
        width: 582px;
    }

    .sharing_wrap .sub_section2 {
        margin-bottom: 65px;
    }

    .sharing_wrap .sub_section2 .img {
        position: relative;
        width: 522px;
    }

    .sharing_wrap .sub_section2 .img .plat_line {
        display: block;
        width: 100%;
        height: 1px;
        position: absolute;
        top: 98px;
        left: 0;
        right: 0;
        border-top: 1px solid #ddd;
        z-index: -1;
    }

    .sharing_wrap .sub_section2 .img p {
        display: inline-block;
        text-align: center;
        font-size: 18px;
        font-weight: bold;
        vertical-align: middle;
        padding-bottom: 0;
    }

    .sharing_wrap .sub_section2 .img p.platform_img {
        background-color: #fff;
    }

    .sharing_wrap .sub_section2 .img p+p {
        margin-left: 25.6px;
    }

    .sharing_wrap .sub_section2 .img p span {
        font-size: 16px;
        font-weight: normal;
    }

    .sharing_wrap .sub_section2 .img .user_img {
        background-repeat: no-repeat;
        background-position: center top 20px;
        width: 136px;
        height: 136px;
        border-radius: 50%;
        padding-top: 22px;
        line-height: 100%;
        color: #000;
    }

    .sharing_wrap .sub_section2 .img .user_img img {
        display: inline-block;
        margin-bottom: 3px;
        margin-left: 3px;
    }

    .sharing_wrap .sub_section2 .img .user01 {
        /* background-image: url(/pub/site/default/images/sub/ic_platform_up.png); */
        background-color: #d5effb;
    }

    .sharing_wrap .sub_section2 .img .user02 {
        /* background-image: url(/pub/site/default/images/sub/ic_platform_down.png); */
        background-color: #bcf4ec;
    }

    .sharing_wrap .line_box {
        clear: both;
        width: 100%;
        border: 3px solid #ddd;
        padding: 38px 54px 30px;
        float: left;
        margin-bottom: 60px;
    }

    .sharing_wrap .line_box .plat_img {
        float: left;
        width: 30%;
    }

    .sharing_wrap .line_box .plat_img h3 {
        display: inline-block;
        font-size: 24px;
        margin-bottom: 0;
        vertical-align: middle;
    }

    .sharing_wrap .line_box .plat_img img {
        display: inline-block;
        vertical-align: middle;
        margin-right: 10px;
    }

    .sharing_wrap .line_box .plat_txt {
        float: left;
        width: 70%;
    }

    .sharing_wrap .line_box .plat_txt p {
        font-size: 17px;
        padding-bottom: 0;
        font-family: Arial, sans-serif;
        letter-spacing: -1.7px;
    }

    .sharing_wrap .img.mb80 {
        margin-bottom: 80px;
        padding-bottom: 0;
    }

    .sharing_differ {
        clear: both;
        width: 100%;
        float: left;
    }

    .sharing_differ h3 {
        margin-bottom: 28px;
    }

    .sharing_differ .differ_wrap {
        float: left;
        width: 570px;
        vertical-align: top;
        border-radius: 20px;
        text-align: center;
        padding: 15px 15px 3px;
    }

    .sharing_differ .differ_wrap.differ01 {
        background-color: #d5effb;
    }

    .sharing_differ .differ_wrap.differ02 {
        background-color: #bcf4ec;
    }

    .sharing_differ .differ_wrap .tit {
        width: 100%;
        background-color: #0e5f9e;
        border-radius: 15px;
        color: #fff;
        font-weight: bold;
        font-size: 22px;
        padding-bottom: 0;
        height: 60px;
        line-height: 60px;
        margin-bottom: 16px;
    }

    .sharing_differ .differ_wrap .differ_list {
        padding-bottom: 0;
        padding-left: 0;
    }

    .sharing_differ .differ_wrap .differ_list li {
        padding-bottom: 0;
        padding-left: 0;
        background: none;
        display: inline-block;
        width: 158px;
        height: 50px;
        background-color: #fff;
        border-radius: 30px;
        font-size: 20px;
        color: #000;
        line-height: 50px;
        margin-bottom: 12px;
    }

    .sharing_differ .differ_wrap .differ_list li+li {
        margin-left: 10px;
    }

    .sharing_differ .differ_wrap.differ02 .tit {
        background-color: #0ba7a4;
    }

    .sharing_differ .differ_arrow {
        float: left;
        vertical-align: middle;
        width: 60px;
        text-align: center;
        margin-top: 90px;
    }
    #subContents .join * {box-sizing: border-box;}
    #subContents .join .tit {font-size: 24px;color: #333;font-weight: bold;padding-bottom: 15px;}
    #subContents .join span {color: #d04143;}



    /* 공유나눔 */
    .panel-toolbar.bornone {border: 0;padding: 0;}
    .goods_select_wrap label {font-size: 20px;line-height: 1;font-weight: bold;color: #000;display: inline-block;vertical-align: middle;margin-right: 10px;}
    .goods_select_wrap .goods_select {position: relative;display: inline-block;width: 400px;vertical-align: middle; margin-right:20px;}
    .goods_select_wrap .goods_select select {
        background: none;
        border: 1px solid #d2d2d2;
        padding: 9px 20px 6px;
        font-size: 18px;
        color: #000;
        box-shadow: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        border-radius: 40px;
        height: 50px;
        width: 100% !important;}
    .goods_select_wrap .goods_select select::-ms-expand {
        display: none;
    }
    .goods_select_wrap .goods_select select option {
		background-color: #fff;
		color: #000;
		font-size: 18px;
    }

    .goods_select_wrap .goods_select:after {
        content: '\f004';
        font-family: fontello;
        font-style: normal;
        color: #000;
        position: absolute;
        right: 0px;
        font-size: 16px;
        top: 16px;
        z-index: 1;
        width: 10%;
        /* height: 50px; */
        pointer-events: none;
        display: inline-block;
    }


    .goods_wrap {margin-bottom: 60px;padding-top: 10px;}
    .goods_view_wrap {
        clear: both;
        width: 100%;
    }

    .goods_view_wrap .view_wrap {
        width: 100%;
        float: left;
        border-bottom: 1px solid #000;
        position: relative;
    }

    .goods_view_wrap .view_wrap .img {
        float: left;
        width: 50%;
        padding-bottom: 75px;
    }

    .goods_view_wrap .see_slide_wrap .img img {
        width: 100%;
        border: 1px solid #d2d2d2;
        height: 400px;
    }

    .goods_view_wrap .view_wrap .img .see_slide_wrap {
        float: left;
        width: 100%;
        height: 400px;
        /* overflow: hidden; */
        position: relative;
    }

    .goods_view_wrap .view_wrap .img .see_slide_wrap .see_slide {padding-left: 0; padding-bottom: 0;}

    .goods_view_wrap .view_wrap .img .see_slide_wrap li {
        height: 400px;
        background: none;
        padding-left: 0;
        padding-bottom: 0;
        text-align: center;
        border: 1px solid #ddd;
    }

    .goods_view_wrap .view_wrap .img .sub_img_btn {
        position: relative;
        font-size: 0;
        background-color: #fff;
        width: 100%;
        margin-bottom: 10px;
        background-color: #E7FBF5;
        border-top: 0 none;
        padding-left: 10px;
    }

    .goods_view_wrap .view_wrap .img .sub_img_btn .img-pager {}

    .goods_view_wrap .view_wrap .img .sub_img_btn .img-btn-prev {}

    .goods_view_wrap .view_wrap .img .sub_img_btn .img-btn-play {}

    .goods_view_wrap .view_wrap .img .sub_img_btn .img-btn-next {
        border-radius: 0 30px 30px 0;
    }

    .goods_view_wrap .view_wrap .img .sub_img_btn .img-pager,
    .goods_view_wrap .view_wrap .img .sub_img_btn .img-btn-prev,
    .goods_view_wrap .view_wrap .img .sub_img_btn .img-btn-play,
    .goods_view_wrap .view_wrap .img .sub_img_btn .img-btn-next {
        display: inline-block;
        vertical-align: top;
        /* background: rgba(255, 255, 255, 0.85); */
        color: #444;
        font-size: 18px;
        height: 35px;
        line-height: 35px;
    }

    .goods_view_wrap .view_wrap .img .sub_img_btn .img-btn-prev,
    .goods_view_wrap .view_wrap .img .sub_img_btn .img-btn-play,
    .goods_view_wrap .view_wrap .img .sub_img_btn .img-btn-next {
        width: 22px;
    }

    .goods_view_wrap .view_wrap .img .sub_img_btn .img-btn-next {
        width: 32px;
    }

    .goods_view_wrap .view_wrap .img .sub_img_btn i::before {
        color: #444;
        line-height: 46px;
    }

    .goods_view_wrap .view_wrap .img .sub_img_btn .img-pager {
        padding: 0px 15px 0 15px;
        line-height: 35px;
        border-radius: 30px 0 0 30px;
        /* display: none; */
        float: right;
    }

    .goods_view_wrap .view_wrap .img .sub_img_btn .img-pager .bx-pager {}

    .goods_view_wrap .view_wrap .img .sub_img_btn a {
        text-indent: -9999px;
        display: block;
        height: 36px;
        width: 8px;
        line-height: 36px;
    }

    .goods_view_wrap .view_wrap .img .sub_img_btn a.bx-next {
        background: url(/pub/site/default/images/main/control_next.png) no-repeat center center;
    }

    .goods_view_wrap .view_wrap .img .sub_img_btn a.bx-start {
        background: url(/pub/site/default/images/main/control_play.png) no-repeat center center;
    }

    .goods_view_wrap .view_wrap .img .sub_img_btn a.bx-stop {
        background: url(/pub/site/default/images/main/control_stop.png) no-repeat center center;
    }

    .goods_view_wrap .view_wrap .img .sub_img_btn a.bx-prev {
        background: url(/pub/site/default/images/main/control_prev.png) no-repeat center center;
    }

    .goods_view_wrap .view_wrap .txt_wrap {
        float: left;
        width: 50%;
        padding-left: 48px;
    }

    .goods_view_wrap .view_wrap .txt_wrap p {
        width: 100%;
        padding-bottom: 23px;
    }

    .goods_view_wrap .view_wrap .txt_wrap p:last-child {
        padding-bottom: 0;
    }
    .goods_view_wrap .view_wrap .txt_wrap .title {
		font-size: 22px;
		font-weight: 600;
		width: 90%;
	}
    .goods_view_wrap .view_wrap .txt_wrap .title span {vertical-align: middle;font-size: 15px;text-align: center;display: inline-block;padding: 2px 12px;margin-bottom: 4px;}
    .goods_view_wrap .view_wrap .txt_wrap .title .label-danger {background: #7c7f8a;}
    .goods_view_wrap .view_wrap .txt_wrap .title .label-info {background: #0A9F76;}
    .goods_view_wrap .view_wrap .read_cnt {
		position: absolute;
		right: 20px;
		bottom: 95px;
		font-size: 18px;
		color: #000;
    }
    .goods_view_wrap .view_wrap .read_cnt span {color: #0A9F76; font-weight: bold;}
    .goods_view_wrap .view_wrap .txt_wrap .tit {
        background: url(/pub/site/default/images/sub/bull_b.png) no-repeat left top 9px;
        padding-left: 21px;
        width: 222px;
        display: inline-block;
        font-size: 18px;
        font-weight: bold;
        color: #000;
        vertical-align: top;
    }

    .goods_view_wrap .view_wrap .txt_wrap .txt {
        width: 330px;
        display: inline-block;
        font-size: 18px;
        color: #000;
        vertical-align: top;
    }

    .goods_view_wrap .view_wrap .txt_wrap .txt.bold {
        font-weight: bold;
    }

    .goods_view_wrap .view_bottom_wrap {
        float: left;
        width: 100%;
        padding-top: 40px;
        padding-bottom: 28px;
    }

    .goods_view_wrap .view_bottom_wrap h3 {
        font-size: 24px;
        margin-bottom: 20px;
        color: #0A9F76;
    }
    .goods_view_wrap .view_bottom_wrap h3.top_line {border-top: 1px solid #000; padding-top: 40px;}
    .goods_view_wrap .view_bottom_wrap h4 {
        background: none;
        padding-left: 0;
    }

    .goods_view_wrap .view_bottom_wrap ul {
        list-style: none;
        padding-bottom: 25px;
        padding-left: 10px;
        clear: both;
    }

    .goods_view_wrap .view_bottom_wrap ul li {
        background: url(/pub/site/default/images/sub/bull_b.png) no-repeat 0 11px;
        padding-left: 20px;
        font-size: 18px;
        color: #333;
        padding-bottom: 10px;
    }
    .goods_view_wrap .view_bottom_wrap ul.none li {background: none; padding-left: 0;}

    .goods_view_wrap .view_bottom_wrap p {
        padding-bottom: 12px;
        color: #000;
    }


    .share_wrap {position: relative;}
    .share_btn {
        position: absolute;
        right: 0;
        top: -10px;
    }
    .share_btn a {
        border: 1px solid #d2d2d2;
        border-radius: 50%;
        padding: 12px 10px 10px;
        width: 50px;
        height: 50px;
        display: block;
        }
    .share_btn a:hover {
        border: 2px solid #0A9F76; padding: 11px 8px 7px 9px;}
    .share_btn a img {width: 26px !important;height: auto !important;border: 0 none !important;}
    .share_list {display: none;position: absolute;right: 0;top: 52px;border: 1px solid #ddd;padding: 10px;background: #fff;}
    .share_list .link_list {margin-bottom: 8px;}
    .share_list .link_list a + a {margin-left: 5px;}
    .share_list.show {display: block;}
    .share_list a {}
    .share_list a img {
        width: 35px !important;
        border: 0 none !important;
        height: auto !important;
    }



	/*관련이미지 슬라이드*/
	h2.blackinfo {margin-bottom: 30px;}
	.black_con {float: left; width: 100%;}
	.black_con.mt10 {margin-top: 30px;}
	.see_slide_wrap{margin-bottom: 30px;}
	/* .see_slide_wrap .see_slide li{height: 400px; } */
	.see_slide_wrap .see_slide img{/* width: 100%; *//* height: 100%; */height: 400px;}
	.see_slide_wrap .bx-controls-auto *{display: none;}
	.see_slide_wrap .bx-controls-direction{position:relative;}
	.see_slide_wrap .bx-controls-direction a{text-indent:-9999px;position:absolute;top: 38px;display:block;height: 54px;width: 54px;border: 1px solid #ddd;border-radius: 50%;/* z-index: 100; */}
	.see_slide_wrap .bx-controls-direction .bx-prev{left:0;background: url(/pub/site/default/images/sub/img_arrow_prev.png) no-repeat center;}
	.see_slide_wrap .bx-controls-direction .bx-next{right:0;background: url(/pub/site/default/images/sub/img_arrow_next.png) no-repeat center;}

	/*페이지*/
	.see_pager_warp {}
	.see_pager_warp .bx-wrapper {margin: 0 auto;}
	.see_pager_slide a {display:inline-block;width: 99px;height: 66px;box-sizing:border-box;border:1px solid #ddd;}
	.see_pager_slide li {background: none !important;padding-left: 0 !important;}
	.see_pager_slide li a.active{border: 4px solid #0A9F76;}
	.see_pager_slide a img{ width: 100%;height: 100%;}

	/*설명*/
	.see_txt_slide_warp{margin-top: 50px;display: none !important;}


    /* ci소개 */
    .ci_wrap {}
    .ci_wrap h3 {}
    .ci_wrap .top_wrap {
		width: 100%;
		float: left;
		margin-bottom: 100px;
	}
    .ci_wrap .top_wrap .img_left {float: left;margin-right: 64px;width: 364px;}
    .ci_wrap .top_wrap .img_left img {}
    .ci_wrap .top_wrap .txt_right {
		float: left;
		width: 772px;
	}
    .ci_wrap .top_wrap .txt_right h4 {
		background: none;
		padding-left: 0;
		font-size: 20px;
		color: #0A9F76;
		margin-bottom: 14px;
	}
    .ci_wrap .top_wrap .txt_right h4.left {
		float: left;
		margin-right: 50px;
	}
    .ci_wrap .top_wrap .txt_right p {
		font-size: 16px;
	}
    .ci_wrap .top_wrap .txt_right .sim_rull {
		float: left;
		margin-top: 45px;
	}
    .ci_wrap .top_wrap .txt_right .img_right {
		float: left;
		border: 1px solid #ccc;
		padding: 24px 104px;
	}
    .ci_wrap .top_wrap .txt_right .img_right img {
		width: 92px;
		height: 132px;
	}
    .ci_wrap .mid_wrap {
		width: 100%;
		float: left;
		margin-bottom: 100px;
	}
    .ci_wrap .mid_wrap .color_list {
		padding: 0;
	}
    .ci_wrap .mid_wrap .color_list li {background: none;padding: 0;width: 290px;height: 180px;background-repeat: no-repeat;background-position: center center;float: left;padding-top: 28px;padding-left: 22px;}
    .ci_wrap .mid_wrap .color_list li .txt {font-size: 16px; color: #fff;}
    .ci_wrap .mid_wrap .color_list li + li {margin-left: 13.333333px;}
    .ci_wrap .mid_wrap .color_list li.list1 {background-image: url(/pub/site/default/images/sub/ci/color_01.jpg);}
    .ci_wrap .mid_wrap .color_list li.list2 {background-image: url(/pub/site/default/images/sub/ci/color_02.jpg);}
    .ci_wrap .mid_wrap .color_list li.list3 {background-image: url(/pub/site/default/images/sub/ci/color_03.jpg);}
    .ci_wrap .mid_wrap .color_list li.list4 {background-image: url(/pub/site/default/images/sub/ci/color_04.jpg);}
    .ci_wrap .bot_wrap {
		float: left;
		width: 100%;
		margin-bottom: 50px;
	}
    .ci_wrap .bot_wrap .brand_list_wrap {
		width: 100%;
		float: left;
	}
    .ci_wrap .bot_wrap .brand_list {
		float: left;
		width: 216px;
		margin-left: 30px;
	}
    .ci_wrap .bot_wrap .brand_list:nth-of-type(5n+1) {clear: both; margin-left: 0;}
    .ci_wrap .bot_wrap .brand_list .img {
		border: 1px solid #ccc;
		padding: 22px 73px;
		margin-bottom: 5px;
    }
    .ci_wrap .bot_wrap .brand_list .img img {width: 68px; height: 68px;}
    .ci_wrap .bot_wrap .brand_list.white .img {background-color: #fff;}
    .ci_wrap .bot_wrap .brand_list.blue .img {
		background-color: #007ac0;
	}
    .ci_wrap .bot_wrap .brand_list.green .img {
		background-color: #00a97d;
	}
    .ci_wrap .bot_wrap .brand_list.orange .img {
		background-color: #f4811f;
	}
    .ci_wrap .bot_wrap .brand_list.gold .img {
    background-color: #c5a16d;
	}
    .ci_wrap .bot_wrap .brand_list.silver .img {
    background-color: #bbbdbf;
	}
    .ci_wrap .bot_wrap .brand_list.black .img {
    background-color: #000;
	}
    .ci_wrap .bot_wrap .brand_list .txt {
		font-size: 16px;
		color: #333;
		line-height: 140%;
		margin-bottom: 9px;
	}
    .ci_wrap .ci_btn {text-align: center;margin-bottom: 32px; margin-bottom: 100px;}
    .ci_wrap .ci_btn a {font-weight: normal; display: inline-block; padding: 10px 30px; color: #000; border: 1px solid #ddd; margin: 0 5px; border-radius: 25px;}



}


.form-horizontal .form-group {margin: 0;}
.answerForm textarea {width:90%; height:60px; padding-left:10px; border:1px solid #CCC; border-top-left-radius:3px; border-bottom-left-radius:3px; float: left; font-size: 16px;}
.answerForm button {width:10%; height:60px; margin-left:-1px; background:#333; color:#FFF; border:0 none; border-top-right-radius:3px; border-bottom-right-radius:3px; float: left; padding: 0; text-align: center;}
.answerForm span {position:absolute; top:20px; right:20px;}

#subContents .join div.scroll {width: 100%;max-height: 400px;background: #f5f5f5;border: 1px solid #ddd;overflow-y: auto;padding: 20px;margin-bottom: 15px;}
#subContents .join p.agree { }
#subContents .join p.agree input {width: 16px; height: 16px; margin-bottom: 5px; display: inline-block; vertical-align: middle; margin-right: 10px; margin-top: 0;}
#subContents .join p.agree label {vertical-align: middle; display: inline-block; font-weight: normal; font-size: 16px; color: #666;}
#subContents .join .joinBtn {
    width: 100%;
    text-align: center;
    margin-top: 30px;
    margin-bottom: 50px;
}
#subContents .join .joinBtn a {
    display: inline-block;
    width: 125px;
	height: 45px;
	color: #fff;
	font-size: 18px;
	text-align: center;
	line-height: 45px;
	border-radius: 5px;
	background-color: #333;
}

/* #subContents .join.join2 {width:890px;margin:0 auto;background:#f5f5f5;padding: 40px 30px 30px;text-align:center; margin-bottom: 80px;}
#subContents .join.join2 .phone_wrap {background:#fff;margin:40px auto;width:60%;border:1px solid #ccc;padding: 55px 20px 50px;}
#subContents .join.join2 .phone_wrap .img { margin-bottom:10px;  }
#subContents .join.join2 .phone_wrap .contents-btn a.btn2 {display:inline-block;margin-top: 10px;width:320px;background: #0A9F76;border: none;color: #fff;height: 50px;line-height: 50px;border-radius: 30px;}
#subContents .join.join2 .phone_wrap .contents-btn input[type=button].btn2 { display:inline-block;margin-top: 10px;width:320px;background: #0A9F76;border: none;color: #fff;height: 50px;line-height: 50px;border-radius: 30px}
#subContents .join.join2 .phone_wrap  label {  }
#subContents .join.join2 .phone_wrap .input-wrap { margin-bottom:20px;  }
#subContents .join.join2 .phone_wrap input[type=password] {font-family: 'NanumGothic';}
#subContents .join.join2 .phone_wrap .login_input {font-size: 16px;}
#subContents .join.join2 .phone_wrap .login_input input {padding-left: 10px;}
#subContents .join.join2 .phone_wrap input {height:45px;}
#subContents .join.join2 .phone_wrap .link-wrap { margin-top:15px;  }
#subContents .join.join2 .phone_wrap .link-wrap * {vertical-align:bottom;   }
#subContents .join.join2 .phone_wrap .link-wrap a { font-size:0.55rem; color:#333; display:inline-block;  }
#subContents .join.join2 .phone_wrap .link-wrap a:before { content:'|' ; display:inline-block; padding:0 10px;   font-size:0.5rem; }
#subContents .join.join2 .phone_wrap .link-wrap a:first-child:before { content:'';  padding:0px; }
#subContents .join.join2 .phone_wrap .w70 {width: 70%;} */


#subContents .join table {margin-bottom: 20px;width: 100%;}
#subContents .join table tbody th {background: #f5f5f5;border-bottom: 1px solid #CCD4E1;font-size: 17px;color: #333;padding: 15px 25px;text-align: left;font-weight: normal;padding: 20px 10px !important;}
#subContents .join table tbody th span {color: #d04143;}
#subContents .join table tbody td {padding: 15px;color: #333;border-bottom: 1px solid #CCD4E1;font-size: 15px;color: #010101;text-align: left;}
#subContents .join table tbody td input[type=text] {border: 1px solid #CCD4E1;background: #f5f5f5; width: 260px; padding: 10px;margin: 0 10px;}
#subContents .join table tbody td input.compnum {width:100px;}
#subContents .join table tbody td input[type=password] {border: 1px solid #CCD4E1; background: #f5f5f5; width: 260px; padding: 10px; margin: 0 10px; }
#subContents .join table tbody td select {border: 1px solid #ddd;background: #f5f5f5;width: 260px;padding: 10px;margin: 0 10px;font-size: 14px;}
#subContents .join table tbody td a {display: inline-block; padding: 5px 10px 7px; text-align: center; background: #e0dfe5; border: 1px solid #d3d3d5; color: #010101; margin-right: 10px;}
#subContents .join .joinLast {clear: both; font-size: 38px; color: #010101; text-align: center; width: 100%; background: url(/pub/site/default/images/sub/membership_complete.png) no-repeat center 20px; height: 280px; padding-top: 215px;}


#subContents .join.join2 {
	width:800px;
	margin:0 auto;
}
#subContents .join.join2 .join2-info {
	font-size: 18px;
	color: #333;
}
#subContents .join.join2 .join2-info i {
	margin-right: 10px;
}
#subContents .join.join2 .join2-info strong {
	font-weight: bold;
	color: #009F73;
}
#subContents .join.join2 form .phone_wrap {
	display: flex;
	justify-content: space-between;
	padding: 45px 60px;
	width: 100%;
	border-radius: 5px;
	border: 1px solid #CCCCCCB3;
	background-color: #fff;
}
#subContents .join.join2 form .phone_wrap .img {
	width: 140px;
}
#subContents .join.join2 form .phone_wrap .img img {
	width: 100%;
}
#subContents .join.join2 form .phone_wrap .phone {
	width: calc( 100% - 200px );
}
#subContents .join.join2 form .phone_wrap .phone h2 {
	padding-bottom: 20px;
	font-size: 24px;
	color: #333;
}
#subContents .join.join2 form .phone_wrap .phone p {
	padding-bottom: 25px;
	font-size: 18px;
	color: #333;
}
#subContents .join.join2 form .phone_wrap .phone a {
	display: inline-block;
	width: 125px;
	height: 45px;
	line-height: 45px;
	color: #fff;
	text-align: center;
	border-radius: 5px;
	background-color: #333333;
}
#subContents .join.join2 form .phone_wrap .phone ul {
	padding: 0;
}
#subContents .join.join2 form .phone_wrap .phone ul li {
	position: relative;
	padding: 0 0 10px 10px;
	font-size: 14px;
	color: #666;
	background-image: initial;
}
#subContents .join.join2 form .phone_wrap .phone ul li:before {
	content: '';
	position: absolute;
	top: 8px;
	left: 0;
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background-color: #666;
}

@media (max-width: 991px) {
	#subContents .join.join2 {
		width: 100%;
	}
	#subContents .join.join2 form .phone_wrap {
		flex-direction: column;
		padding: 15px;
	}
	#subContents .join.join2 form .phone_wrap .img {
		width: 100%;
		margin-bottom: 30px;
		text-align: center;
	}
	#subContents .join.join2 form .phone_wrap .img img {
		width: 60%;
	}
	#subContents .join.join2 form .phone_wrap .phone {
		width: 100%;
	}
	#subContents .join.join2 form .phone_wrap .phone h2 {
		padding-bottom: 0;
		font-size: 20px;
	}
	#subContents .join.join2 form .phone_wrap .phone p {
		padding-bottom: 15px;
	}
	#subContents .join.join2 form .phone_wrap .phone ul {
		margin-top: 10px;
	}
}


#subContents .join .join3-info {
	padding-bottom: 10px;
	font-size: 16px;
}
#subContents .join .join-input {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 100%;
	border-top: 1px solid #666666;
	border-bottom: 1px solid #DBDBDB;
}
#subContents .join .join-input .input-list {
	display: flex;
	width: 48%;
	padding: 15px;
}
#subContents .join .join-input .input-list .list-tit {
	width: 30%;
	color: #666;
	font-size: 16px;
}
#subContents .join .join-input .input-list .list-tit label {
	color: #666;
	font-size: 16px;
	font-weight: normal;
}
#subContents .join .join-input .input-list .list-con {
	display: flex;
    flex-wrap: wrap;
	width: 70%;
	color: #333;
	font-size: 18px;
}
#subContents .join .join-input .input-list .list-con input {
	width: 100%;
	height: 42px;
	border: 1px solid #DBDBDB;
	border-radius: 5px;
}
#subContents .join .join-input .input-list .list-con p {
	padding-top: 10px;
	font-size: 14px;
}
#subContents .join .join-input .input-list .list-con.id-con input {
	width: calc( 100% - 100px );
}
#subContents .join .join-input .input-list .list-con.id-con a {
	display: inline-block;
	width: 90px;
	height: 42px;
	margin-left: 10px;
	line-height: 42px;
	color: #fff;
	text-align: center;
	border-radius: 5px;
	background-color: #666;	
}
#subContents .join .join-input .input-list .list-con.email-con {
	justify-content: space-between;
	align-items: center;
}
#subContents .join .join-input .input-list .list-con.email-con input {
	width: 46%;
}

@media (max-width: 991px) {
	#subContents .join span {color: #d04143;}
	#subContents .join .join3-info {
		font-size: 14px;
	}	
	#subContents .join .join-input {
		padding: 10px 0;
	}
	#subContents .join .join-input .input-list {
		flex-wrap: wrap;
		width: 100%;
		padding: 10px 0;
	}
	#subContents .join .join-input .input-list .list-tit {
		width: 100%;
	}
	#subContents .join .join-input .input-list .list-con {
		width: 100%;
	}

}

#subContents .join-step {
	display: flex;
	width: 100%;
	margin-bottom: 70px;
}
#subContents .join-step div {
	display: flex;
	justify-content: space-between;
    align-items: center;
	width: 24%;
	margin-right: 2%;
	height: 105px;
	padding: 0 30px;
	border: 1px solid #DBDBDB;
	border-radius: 5px;
	background-color: #fff;
}
#subContents .join-step div:last-child {
	margin-right: 0;
}
#subContents .join-step div.active {
	background-color: #009F73;
}
#subContents .join-step div .txt {
	font-size: 16px;
	color: #333;
}
#subContents .join-step div.active .txt {
	color: #fff;
}
#subContents .join-step div .txt strong {
	display: block;
	margin-top: 5px;
	font-size: 24px;
	font-weight: bold;
}
#subContents .join-step div .icon {
	display: inline-block;
	font-size: 30px;
	color: #666;

}
#subContents .join-step div.active .icon {
	color: #fff;
}

@media (max-width: 991px) {
	#subContents .join-step {
		flex-wrap: wrap;
	}
	#subContents .join-step div {
		width: 48%;
		height: 75px;
		margin: 0 1% 10px;
		padding: 0 15px;
	}
	#subContents .join-step div:last-child {
		margin: 0 auto;
	}
	#subContents .join-step div .txt {
		font-size: 14px;
	}
	#subContents .join-step div .txt strong {
		margin-top: 0;
		font-size: 20px;
	}

}



@media (min-width: 992px) and (max-width: 1199px) {
    .cate_list_wrap .cate_list.list6 li {width: 159.8px;}
    .cate_list_wrap .cate_list.list8 li {width: 319.5px;}
    .cate_list_wrap .cate_list.list8 li.cate_list6 a {
		border-bottom: 1px solid #ddd;
	}
    .cate_list_wrap .cate_list.list8 li.cate_list8 a {
		border-right: 1px solid #ddd;
	}
    .sub_menu ul li {
        width: 191.2px;
    }

    .sub_menu.map ul li {
        width: 145px;
    }

    .sub_menu.resources ul li {
        width: 140px;
        height: 140px;
    }

    .sub_menu.resources ul li a {
        padding-top: 25px;
    }

    .sub_menu.resources ul li a:hover, .sub_menu.resources ul li a.active {
        padding: 23px 20px 0;
    }

    .sub_menu.resources ul li a.active:hover {
        padding: 23px 20px 0;
    }

    .sharing_wrap .sub_section .img {
        width: 475px;
    }

    .sharing_wrap .sub_section .img.left {
        margin-right: 30px;
    }

    .sharing_wrap .sub_section1 {
        margin-bottom: 80px;
    }

    .sharing_wrap .sub_section2 .img .plat_line {
        top: 76px;
    }

    .sharing_wrap .sub_section2 .img {
        width: 409px;
    }

    .sharing_wrap .sub_section .img.right {
        margin-left: 76px;
    }

    .sharing_wrap .sub_section .txt_wrap {
        width: 455px;
    }

    .sharing_wrap .sub_section1 .txt_wrap {
        padding-top: 50px;
    }

    .sharing_wrap .sub_section2 .txt_wrap {
        width: 475px;
    }

    .sharing_wrap .sub_section2 .img .user_img {
        width: 106.6px;
        height: 106.6px;
        padding-top: 18px;
    }

    .sharing_wrap .sub_section2 .img .user_img img {
        max-width: 40px;
    }


    .sharing_wrap .sub_section2 .img p+p {
        margin-left: 20px;
    }

    .sharing_wrap .sub_section2 .img p.platform_img {
        width: 149px;
    }

    .sharing_wrap .sub_section2 .img p.platform_img img {
        max-width: 100% !important;
        margin: 0;
    }

    .sharing_wrap .line_box .plat_img {
        width: 35%;
        padding-top: 30px;
    }

    .sharing_wrap .line_box .plat_txt {
        width: 65%;
    }

    .sharing_wrap .line_box .plat_img img {
        max-width: 70px;
    }

    .sharing_differ .differ_wrap {
        width: 450px;
    }

    .sharing_differ .differ_wrap .differ_list li {
        width: 120px;
    }
    .resources_view_wrap .view-img .img_list li {height: 350px; }
    .resources_view_wrap .view-img img {height: 350px;}

    .resources_view_wrap .txt_wrap .tit {
        width: 40%;
    }

    .resources_view_wrap .txt_wrap .txt {
        width: 60%;
    }
    .resources_list_wrap .resources_list .img {height: 170px;}
    .resources_list_wrap .resources_list .txt_wrap .tit {font-size: 18px;}
    .goods_view_wrap .view_wrap .img .see_slide_wrap {height: 350px;}
    .goods_view_wrap .view_wrap .img .see_slide_wrap li {height: 350px; }
    .see_slide_wrap .see_slide img {height: 350px;}
    .see_pager_slide a {width: 90px;height: 60px;}

    .goods_view_wrap .view_wrap .txt_wrap .tit {
        width: 40%;
    }

    .goods_view_wrap .view_wrap .txt_wrap .txt {
        width: 60%;
    }

    .goods_select_wrap .goods_select{
        width:300px;
    }


    /* ci소개 */
    .ci_wrap .top_wrap {
		margin-bottom: 40px;
	}
    .ci_wrap .top_wrap .img_left {margin-right: 40px;}
    .ci_wrap .top_wrap .img_left img {
		width: 300px;
	}
    .ci_wrap .top_wrap .txt_right {width: 556px;}
    .ci_wrap .top_wrap .txt_right .sim_rull {
		margin-top: 20px;
	}
    .ci_wrap .top_wrap .txt_right .img_right {
		padding: 20px 94px;
	}
    .ci_wrap .mid_wrap .color_list li {
		width: 232.5px;
		height: 144.5px;
		background-size: 100%;
	}
    .ci_wrap .mid_wrap .color_list li + li {margin-left: 10px;}
    .ci_wrap .bot_wrap .brand_list {width: 221.25px;margin-left: 25px;}
    .ci_wrap .bot_wrap .brand_list:nth-of-type(1) {margin-left: 0px !important;clear: both;}
    .ci_wrap .bot_wrap .brand_list:nth-of-type(4n+1) {margin-left: 0; clear: both;}
    .ci_wrap .bot_wrap .brand_list:nth-of-type(5n+1) {margin-left: 25px;clear: right;}
}



@media (max-width: 991px) {
      
	.contents-wrapper {
		margin: 0 15px;
	}

	.contents-wrapper h2, .contents-wrapper h3 {
		font-size: 0.7rem;
		margin-bottom: 18px;
		color: #0A9F76;
	}

	.contents-wrapper h4 {
		background: url(/pub/site/default/images/sub/line.jpg) no-repeat left top 7px;
		padding-left: 32px;
		font-size: 0.6rem;
		margin-bottom: 10px;
		margin-top: 10px;
		background-size: 20px;
	}

	.contents-wrapper p {
		padding-bottom: 8px;
		line-height: 160%;
		font-size: 0.55rem;
		color: #333;
		clear: both;
	}

	.contents-wrapper p.line {
		background: url(/pub/site/default/2021/images/sub/line.jpg) no-repeat left top 9px;
		padding-left: 32px;
		background-size: 20px;
	}

	.contents-wrapper p.line.none {
		background: none;
	}

	.contents-wrapper ul>li {
		background: url(/pub/site/default/2021/images/sub/bull_b.png) no-repeat 0 8px;
		padding-left: 17px;
		font-size: 0.55rem;
		color: #333;
		line-height: 160%;
	}

	.contents-wrapper ul>li li {
		background: none;
	}

	/* 단체현황 */
	.newsBoard {}
	.defaultBoard .cate_list_wrap {margin: 0 auto; width: 100%;margin-bottom: 20px;}
	.cate_list_wrap {margin: 0 3%;width: 94%;float: left;margin-bottom: 20px;}
	.cate_list_wrap .cate_list {
		width: 100%;
		padding: 0;
		margin: 0;
		border-right: 1px solid #ddd;
		border-bottom: 1px solid #ddd;
		float: left;
	}
	.cate_list_wrap .cate_list li {
		padding: 0;
		background: none;
		float: left;
		vertical-align: top;
		width: 50%;
	}
	.cate_list_wrap .cate_list li.selected a {color:#0da2a6; font-weight: 600;}
	.cate_list_wrap .cate_list li.selected a:hover {text-decoration: none;}
	.cate_list_wrap .cate_list li a {
		display: block;
		width: 100%;
		height: 100%;
		text-align: center;
		font-weight: 400;
		color: #444;
		padding: 10px 0 8px;
		font-size: 0.58rem;
		border: 1px solid #ddd;
		border-right: 0;
		border-bottom: 0 none;
	}

	.newsBoard .newsBoardBox {
		margin: 0 15px;
	}

	.newsBoard .newsBoardBox .img_wrap {
		float: left;
		text-align: center;
		width: 100%;
		margin-bottom: 20px;
	}

	.newsBoard .newsBoardBox .txt_wrap {
		float: left;
		margin-bottom: 15px;
	}

	.newsBoard .newsBoardBox li .vr-btn {
		padding-bottom: 0;
		bottom: 35px;
	}

	.newsBoard .newsBoardBox li .vr-btn a {
		height: auto;
		padding: 12px 40px 12px 50px;
		font-size: 18px;
	}

	.newsBoard .newsBoardBox li:hover {
		background: #fff;
	}

	.newsBoard .newsBoardBox li {
		padding: 20px 0 5px 0px;
		background: none;
	}

	.newsBoard .newsBoardBox li:first-child {}

	.newsBoard .newsBoardBox li:last-child {
		margin-bottom: 35px;
		border-bottom: 1px solid #555;
	}

	.newsBoard .newsBoardBox li img {
		width: 300px;
		height: 212px;
		float: initial;
		padding-right: 0;
	}

	.newsBoard .newsBoardBox li .img {
		width: 300px;
		height: 212px;
		float: initial;
		padding-right: 0;
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
		margin: 0 auto;
	}

	.newsBoard .newsBoardBox li strong.text-ellipsis {
		padding-bottom: 15px;
		font-size: 0.7rem;
	}

	.newsBoard .newsBoardBox li strong.text-ellipsis span {
		float: left;
		font-size: 12px;
		color: #fff;
		width: 63px;
		height: 25px;
		text-align: center;
		padding-top: 3px;
		margin-right: 10px;
	}

	.newsBoard .newsBoardBox li strong.text-ellipsis span.plan {
		float: left;
		background: #e08a4b;
	}

	.newsBoard .newsBoardBox li strong.text-ellipsis span.last {
		float: left;
		background: #8e8e8e;
	}

	.newsBoard .newsBoardBox li strong.text-ellipsis span.current {
		float: left;
		background: #26b8ee;
	}

	.newsBoard .newsBoardBox li span.txt_span {
		float: left;
		font-weight: bold;
		padding-right: 15px;
	}

	.newsBoard .newsBoardBox li span.txt {
		padding-top: 20px;
	}

	.newsBoard .newsBoardBox li span.tit2 {
		font-weight: normal;
		color: #666;
		line-height: 160%;
	}

	.vr-btn {
		display: block;
		margin-top: 20px;
	}

	.vr-btn a {
		font-size: 16px;
		color: #333;
		border: 1px solid #333;
		border-radius: 25px;
		padding: 12px 13px 12px 16px;
		letter-spacing: -1.5px;
	}

	.vr-btn a:after {
		content: "〉";
		padding-left: 10px;
	}

	.vr-btn a:hover {
		font-weight: bold;
		border: 3px solid #0068b7;
		color: #0068b7;
		text-decoration: none;
	}


	/* 공유경제란? */
	.sharing_wrap {
		float: left;
		width: 100%;
		margin-bottom: 80px;
	}

	.sharing_wrap .sub_section {
		clear: both;
		float: left;
		width: 100%;
	}

	.sharing_wrap .sub_section1 {
		padding-top: 10px;
		margin-bottom: 15px;
	}

	.sharing_wrap .sub_section .img {
		width: 100%;
		float: left;
	}

	.sharing_wrap .sub_section .img.left {
		width: 100%;
		text-align: center;
	}

	.sharing_wrap .sub_section .img.left img {
		max-width: 80%;
	}

	.sharing_wrap .sub_section .img.right {
		margin-top: 15px;
	}

	.sharing_wrap .sub_section .txt_wrap {
		float: left;
		width: 100%;
	}

	.sharing_wrap .sub_section1 .txt_wrap {
		padding-top: 35px;
	}

	.sharing_wrap .sub_section2 .txt_wrap {}

	.sharing_wrap .sub_section2 {
		margin-bottom: 40px;
	}

	.sharing_wrap .sub_section2 .img {
		position: relative;
		display: inline-block;
		text-align: center;
		z-index: 1;
	}

	.sharing_wrap .sub_section2 .img .plat_line {
		display: block;
		width: 48%;
		height: 2px;
		position: absolute;
		top: 60px;
		left: 26%;
		right: 26%;
		border-top: 1px solid #ddd;
		z-index: -1;
	}

	.sharing_wrap .sub_section2 .img p {
		display: inline-block;
		text-align: center;
		font-size: 0.55rem;
		font-weight: bold;
		vertical-align: middle;
		padding-bottom: 0;
	}

	.sharing_wrap .sub_section2 .img p.platform_img {
		background-color: #fff;
	}

	.sharing_wrap .sub_section2 .img p.platform_img img {
		max-width: 120px;
	}

	.sharing_wrap .sub_section2 .img p+p {
		margin-left: 19.5px;
	}

	.sharing_wrap .sub_section2 .img p span {
		font-size: 0.5rem;
		font-weight: normal;
	}

	.sharing_wrap .sub_section2 .img .user_img {
		background-repeat: no-repeat;
		background-position: center top 20px;
		width: 90px;
		height: 90px;
		border-radius: 50%;
		padding-top: 11px;
		line-height: 100%;
		color: #000;
	}

	.sharing_wrap .sub_section2 .img .user_img img {
		display: inline-block;
		margin-bottom: 3px;
		margin-left: 3px;
		max-width: 37px;
	}

	.sharing_wrap .sub_section2 .img .user01 {
		/* background-image: url(/pub/site/default/images/sub/ic_platform_up.png); */
		background-color: #d5effb;
	}

	.sharing_wrap .sub_section2 .img .user02 {
		/* background-image: url(/pub/site/default/images/sub/ic_platform_down.png); */
		background-color: #bcf4ec;
	}

	.sharing_wrap .line_box {
		clear: both;
		width: 100%;
		border: 3px solid #ddd;
		padding: 20px 25px 15px;
		float: left;
		margin-bottom: 40px;
	}

	.sharing_wrap .line_box .plat_img {
		float: left;
		width: 100%;
		margin-bottom: 10px;
	}

	.sharing_wrap .line_box .plat_img h3 {
		display: inline-block;
		font-size: 0.7ren;
		margin-bottom: 0;
		vertical-align: middle;
	}

	.sharing_wrap .line_box .plat_img img {
		display: inline-block;
		vertical-align: middle;
		margin-right: 10px;
		max-width: 60px;
	}

	.sharing_wrap .line_box .plat_txt {
		float: left;
		width: 100%;
	}

	.sharing_wrap .line_box .plat_txt p {
		font-size: 0.55rem;
		padding-bottom: 0;
		font-family: Arial, sans-serif;
		letter-spacing: -1.7px;
	}

	.sharing_wrap .img.mb80 {
		margin-bottom: 40px;
		padding-bottom: 0;
	}

	.sharing_differ {
		clear: both;
		width: 100%;
		float: left;
		text-align: center;
	}

	.sharing_differ h3 {
		margin-bottom: 15px;
		text-align: left;
	}

	.sharing_differ .differ_wrap {
		float: left;
		width: 45%;
		vertical-align: top;
		border-radius: 20px;
		text-align: center;
		padding: 15px 15px 3px;
	}

	.sharing_differ .differ_wrap.differ01 {
		background-color: #d5effb;
	}

	.sharing_differ .differ_wrap.differ02 {
		background-color: #bcf4ec;
	}

	.sharing_differ .differ_wrap .tit {
		width: 100%;
		background-color: #0e5f9e;
		border-radius: 15px;
		color: #fff;
		font-weight: bold;
		font-size: 0.63rem;
		padding-bottom: 0;
		height: 45px;
		line-height: 45px;
		margin-bottom: 10px;
	}

	.sharing_differ .differ_wrap .differ_list {
		padding-bottom: 0;
		padding-left: 0;
	}

	.sharing_differ .differ_wrap .differ_list li {
		padding-bottom: 0;
		padding-left: 0;
		background: none;
		display: inline-block;
		width: 100%;
		height: 37px;
		background-color: #fff;
		border-radius: 30px;
		font-size: 0.58rem;
		color: #000;
		line-height: 37px;
		margin-bottom: 7px;
	}

	.sharing_differ .differ_wrap .differ_list li+li {}

	.sharing_differ .differ_wrap.differ02 .tit {
		background-color: #0ba7a4;
	}

	.sharing_differ .differ_arrow {
		float: left;
		vertical-align: middle;
		width: 10%;
		text-align: center;
		margin-top: 135px;
	}

	.sharing_differ .differ_arrow img {
		max-width: 24px;
	}


	/*join*/
	#subContents .join.p20 {padding: 0 15px;}
	#subContents .join .tit {font-size: 20px; color: #333; font-weight: bold;}
	/* 	#subContents .join.join2 { padding:20px; width:100%; }
	#subContents .join.join2 .phone_wrap {margin:20px auto ; width:90%; }
	#subContents .join.join2 .phone_wrap .mw100 {width: 100%;}
	#subContents .join.join2 .phone_wrap .contents-btn a.btn2, #subContents .join.join2 .phone_wrap .contents-btn input[type="button"].btn2  { margin-top:15px; width:100%;  border:none; } */

	.contents-wrapper h2, .module-wrapper h2, .contents-wrapper h3, .module-wrapper h3 {font-size: 0.7rem;}

	#subContents .join table { border-collapse:collapse; font-size:0.58rem;   width:100%; overflow-x:auto; }
	#subContents .join table thead th { font-weight:bold; background:#f1f1f1; color:#444; text-align:center;   font-size:0.58rem; padding:0.4rem 0.3rem !important;   }
	#subContents .join table label {font-size: 0.58rem;}
	#subContents .join table tbody th {color:#444;background:#f5f5f5;font-size: 0.58rem;padding:0.4rem 0.3rem !important;}


	/* 공유나눔 */
	.panel-toolbar.bornone {border: 0;padding: 0;}
	.goods_select_wrap {
	margin-bottom: 0px;
	}
	.goods_select_wrap label {font-size: 0.6rem;line-height: 1;font-weight: bold;color: #000;display: inline-block;vertical-align: middle;width: 19%;}
	.goods_select_wrap .goods_select {position: relative;display: inline-block;width: 80%;vertical-align: middle;margin:5px 0;}
	.goods_select_wrap .goods_select select {
		background: none;
		border: 1px solid #d2d2d2;
		padding: 9px 20px 6px;
		font-size: 0.55rem;
		color: #000;
		box-shadow: none;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		border-radius: 40px;
		height: 40px;
		width: 100% !important;}
	.goods_select_wrap .goods_select select::-ms-expand {
		display: none;
	}
	.goods_select_wrap .goods_select select option {
	background-color: #fff;
	color: #000;
	font-size: 0.55rem;
	}

	.goods_select_wrap .goods_select:after {
		content: '\f004';
		font-family: fontello;
		font-style: normal;
		color: #000;
		position: absolute;
		right: 0px;
		font-size: 0.55rem;
		top: 11px;
		z-index: 1;
		width: 10%;
		/* height: 50px; */
		pointer-events: none;
		display: inline-block;
	}

	.goods_wrap {padding: 0 15px;margin-bottom: 30px;}
	.goods_view_wrap {
		clear: both;
		width: 100%;
	}

	.goods_view_wrap .view_wrap {
		width: 100%;
		float: left;
		border-bottom: 1px solid #000;
		padding-bottom: 20px;
	}

	.goods_view_wrap .view_wrap .img {
		/* float: left; */
		width: 100%;
		padding-bottom: 25px;
	}

	.goods_view_wrap .see_slide_wrap .img img {
		width: 100%;
		border: 1px solid #d2d2d2;
		height: 250px;
	}

	.goods_view_wrap .view_wrap .img .see_slide_wrap {
		/* float: left; */
		width: 100%;
		height: 250px;
		/* overflow: hidden; */
		position: relative;
		z-index: 1;
	}

	.goods_view_wrap .view_wrap .img .see_slide_wrap .see_slide {padding-left: 0; padding-bottom: 0;}

	.goods_view_wrap .view_wrap .img .see_slide_wrap li {
		height: 250px;
		background: none;
		padding-left: 0;
		padding-bottom: 0;
		text-align: center;
		border: 1px solid #ddd;
	}

	.goods_view_wrap .view_wrap .img .sub_img_btn {
		position: relative;
		font-size: 0;
		background-color: #fff;
		width: 100%;
		margin-bottom: 10px;
		background-color: #E7FBF5;
		border-top: 0 none;
		padding-left: 10px;
	}
	.goods_view_wrap .view_wrap .img .sub_img_btn .img-pager {}

	.goods_view_wrap .view_wrap .img .sub_img_btn .img-btn-prev {}

	.goods_view_wrap .view_wrap .img .sub_img_btn .img-btn-play {}

	.goods_view_wrap .view_wrap .img .sub_img_btn .img-btn-next {
		border-radius: 0 30px 30px 0;
	}

	.goods_view_wrap .view_wrap .img .sub_img_btn .img-pager,
	.goods_view_wrap .view_wrap .img .sub_img_btn .img-btn-prev,
	.goods_view_wrap .view_wrap .img .sub_img_btn .img-btn-play,
	.goods_view_wrap .view_wrap .img .sub_img_btn .img-btn-next {
		display: inline-block;
		vertical-align: top;
		/* background: rgba(255, 255, 255, 0.85); */
		color: #444;
		font-size: 15px;
		height: 35px;
		line-height: 35px;
	}

	.goods_view_wrap .view_wrap .img .sub_img_btn .img-btn-prev,
	.goods_view_wrap .view_wrap .img .sub_img_btn .img-btn-play,
	.goods_view_wrap .view_wrap .img .sub_img_btn .img-btn-next {
		width: 22px;
	}

	.goods_view_wrap .view_wrap .img .sub_img_btn .img-btn-next {
		width: 32px;
	}

	.goods_view_wrap .view_wrap .img .sub_img_btn i::before {
		color: #444;
		line-height: 46px;
	}

	.goods_view_wrap .view_wrap .img .sub_img_btn .img-pager {
		padding: 0px 15px 0 15px;
		line-height: 35px;
		border-radius: 30px 0 0 30px;
		/* display: none; */
		float: right;
	}

	.goods_view_wrap .view_wrap .img .sub_img_btn .img-pager .bx-pager {}

	.goods_view_wrap .view_wrap .img .sub_img_btn a {
		text-indent: -9999px;
		display: block;
		height: 36px;
		width: 8px;
		line-height: 36px;
	}

	.goods_view_wrap .view_wrap .img .sub_img_btn a.bx-next {
		background: url(/pub/site/default/images/main/control_next.png) no-repeat center center;
	}

	.goods_view_wrap .view_wrap .img .sub_img_btn a.bx-start {
		background: url(/pub/site/default/images/main/control_play.png) no-repeat center center;
	}

	.goods_view_wrap .view_wrap .img .sub_img_btn a.bx-stop {
		background: url(/pub/site/default/images/main/control_stop.png) no-repeat center center;
	}

	.goods_view_wrap .view_wrap .img .sub_img_btn a.bx-prev {
		background: url(/pub/site/default/images/main/control_prev.png) no-repeat center center;
	}

	.goods_view_wrap .view_wrap .txt_wrap {
		float: left;
		width: 100%;
		position: relative;
	}

	.goods_view_wrap .view_wrap .txt_wrap p {
		width: 100%;
		padding-bottom: 7px;
		float: left;
	}

	.goods_view_wrap .view_wrap .txt_wrap p:last-child {
		padding-bottom: 0;
	}

	.goods_view_wrap .view_wrap .txt_wrap .title {font-size: 0.65rem; font-weight: 600;}
	.goods_view_wrap .view_wrap .txt_wrap .title span {vertical-align: middle;font-size: 0.5rem;text-align: center;display: inline-block;padding: 2px 12px 0px;margin-bottom: 4px;}
	.goods_view_wrap .view_wrap .txt_wrap .title .label-danger {background: #7c7f8a;}
	.goods_view_wrap .view_wrap .txt_wrap .title .label-info {background: #0da2a6;}

	.goods_view_wrap .view_wrap .read_cnt {
		position: absolute;
		right: 0px;
		top: -50px;
		font-size: 0.55rem;
		color: #000;
	}
	.goods_view_wrap .view_wrap .read_cnt span {color: #0da2a6; font-weight: bold;}
	.goods_view_wrap .view_wrap .txt_wrap .tit {
		background: url(/pub/site/default/images/sub/bull_b.png) no-repeat left top 7px;
		padding-left: 15px;
		width: 40%;
		font-size: 0.55rem;
		font-weight: bold;
		color: #000;
		float: left;
	}

	.goods_view_wrap .view_wrap .txt_wrap .txt {
		width: 60%;
		float: left;
		font-size: 0.55rem;
		color: #000;
	}

	.goods_view_wrap .view_wrap .txt_wrap .txt.bold {
		font-weight: bold;
	}

	.goods_view_wrap .view_bottom_wrap {
		float: left;
		width: 100%;
		padding-top: 25px;
		padding-bottom: 15px;
	}

	.goods_view_wrap .view_bottom_wrap h3 {
		clear: both;
		font-size: 0.7rem;
		margin-bottom: 18px;
		color: #0A9F76;
		font-weight: bold;
	}
	.goods_view_wrap .view_bottom_wrap h3.top_line {padding-top: 25px; border-top: 1px solid #000; margin-top: 5px;}
	.goods_view_wrap .view_bottom_wrap h4 {background: none; padding-left: 0; font-size: 0.65rem;}

	.goods_view_wrap .view_bottom_wrap ul {
		list-style: none;
		padding-bottom: 15px;
		clear: both;
	}

	.goods_view_wrap .view_bottom_wrap ul li {
		background: url(/pub/site/default/images/sub/bull_b.png) no-repeat 0 8px;
		padding-left: 17px;
		font-size: 0.55rem;
		color: #333;
		line-height: 160%;
	}
	.goods_view_wrap .view_bottom_wrap ul.none li {background: none; padding-left: 0;}

	.goods_view_wrap .view_bottom_wrap p {
		padding-bottom: 6px;
		color: #000;
	}
	.goods_view_wrap .view_bottom_wrap img {max-width: 100% !important; height: auto !important;}
	.answerForm textarea {height: 40px; width: 85%; font-size: 0.55rem;}
	.answerForm button {font-size: 0.5rem; height: 40px; width: 15%;}



	.share_wrap {position: relative;margin-bottom: 15px;}
	.share_btn {
		/* position: absolute; */
		/* right: 0; */
		/* top: 0px; */
		/* border: 1px solid #d2d2d2; */
		/* border-radius: 50%; */
		padding-top: 7px;
		display: none;
	}
	.share_btn a {}
	.share_btn a img {width: 26px !important;height: auto !important;border: 0 none !important;}
	.share_list {display: block;/* position: absolute; *//* left: 40px; *//* top: -4px; *//* border: 1px solid #ddd; */padding: 0;background: #fff;}
	.share_list .link_list a {margin-right: 5px;}
	.share_list .link_list {display: inline-block;margin-right: 3px;}
	.share_list.show {display: block;}
	.share_list a {}
	.share_list a img {
		width: 30px !important;
		border: 0 none !important;
		height: auto !important;
	}

	h2.blackinfo {margin-bottom: 20px;}
	.black_con {/* float: left; */width: 100%;position: relative;}
	.black_con.mt10 {margin-top: 20px;}
	.see_slide_wrap{margin-bottom: 20px;}
	/* .see_slide_wrap .see_slide li{height: 400px; } */
	.see_slide_wrap .see_slide img{/* width: 100%; *//* height: 100%; */height: 250px;}
	.see_slide_wrap .bx-controls-auto *{display: none;}
	.see_slide_wrap .bx-controls-direction{position:relative;}
	.see_slide_wrap .bx-controls-direction a{text-indent:-9999px;position:absolute;top:30px;display:block;height: 40px;width: 40px;border: 1px solid #ddd;border-radius: 50%;}
	.see_slide_wrap .bx-controls-direction .bx-prev{left:0px;background: url(/pub/site/default/images/sub/img_arrow_prev.png) no-repeat center;}
	.see_slide_wrap .bx-controls-direction .bx-next{right:0px;background: url(/pub/site/default/images/sub/img_arrow_next.png) no-repeat center;}

	/*페이지*/
	.see_pager_warp .bx-wrapper {margin: 0 auto;}
	.see_pager_slide a{ display:inline-block;  width:80px;height:63px;box-sizing:border-box; border:1px solid #ddd;}
	.see_pager_slide li {background: none !important;padding-left: 0 !important;}
	.see_pager_slide li a.active{border: 4px solid #0da2a6;}
	.see_pager_slide a img{ width: 100%;height: 100%;}

	/*설명*/
	.see_txt_slide_warp {margin-top:35px;display: none;}

	/* ci소개 */
	.ci_wrap .top_wrap {
		width: 100%;
		float: left;
		margin-bottom: 30px;
	}
	.ci_wrap .top_wrap .img_left {
		margin-bottom: 24px;
	}
	.ci_wrap .top_wrap .txt_right h4 {
		background: none;
		padding-left: 0;
		color: #111;
		margin-bottom: 10px;
		font-weight: bold;
	}
	.ci_wrap .top_wrap .txt_right .img_right {
		border: 1px solid #ccc;
		padding: 20px;
		text-align: center;
	}
	.ci_wrap .top_wrap .txt_right .img_right img {
		max-width: 92px;
	}
	.ci_wrap .mid_wrap {
		width: 100%;
		float: left;
		margin-bottom: 30px;
	}
		.ci_wrap .mid_wrap .color_list {
		padding: 0;
	}
	.ci_wrap .mid_wrap .color_list li {background: none;position: relative;padding: 0;width: 100%;color: #fff;font-size: 0.55rem;margin-bottom: 6px;}
	.ci_wrap .mid_wrap .color_list li .txt {position: absolute;top: 28px;left: 22px;color: #fff;letter-spacing: 1.1px;}
	.ci_wrap .bot_wrap {
		float: left;
		width: 100%;
		margin-bottom: 30px;
	}
	.ci_wrap .bot_wrap .brand_list_wrap {
		width: 100%;
		float: left;
	}
	.ci_wrap .bot_wrap .brand_list {
		float: left;
		width: 49%;
		margin-left: 2%;
	}
	.ci_wrap .bot_wrap .brand_list:nth-of-type(2n+1) {clear: both; margin-left: 0;}
	.ci_wrap .bot_wrap .brand_list .img {
		border: 1px solid #ccc;
		padding: 20px 50px;
		margin-bottom: 5px;
		text-align: center;
	}
	.ci_wrap .bot_wrap .brand_list .img img {
		max-width: 68px;
	}
	.ci_wrap .bot_wrap .brand_list.white .img {background-color: #fff;}
	.ci_wrap .bot_wrap .brand_list.blue .img {
		background-color: #007ac0;
	}
	.ci_wrap .bot_wrap .brand_list.green .img {
		background-color: #00a97d;
	}
	.ci_wrap .bot_wrap .brand_list.orange .img {
		background-color: #f4811f;
	}
	.ci_wrap .bot_wrap .brand_list.gold .img {
		background-color: #c5a16d;}
	.ci_wrap .bot_wrap .brand_list.silver .img {
		background-color: #bbbdbf;}
	.ci_wrap .bot_wrap .brand_list.black .img {
		background-color: #000;}
	.ci_wrap .bot_wrap .brand_list .txt {
		font-size: 0.58rem;
		color: #333;
		line-height: 140%;
		margin-bottom: 9px;
	}

	.ci_wrap .ci_btn {text-align: center;margin-bottom: 32px; margin-bottom: 100px;}
	.ci_wrap .ci_btn a {font-weight: normal; display: inline-block; padding: 10px 30px; color: #000; border: 1px solid #ddd; margin: 0 5px; border-radius: 25px;}


	.back {
		display: none;
		z-index: 10;
		position: fixed;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		background-color: rgba(0, 0, 0, 0.4);
	}

}


/* 공유해봄 이용안내*/
.tryshare-guide .blue-box {
	width: 100%; 
	padding: 50px; 
	margin-bottom: 70px; 
	text-align: center; 
	color: #333; 
	line-height: 30px;
	border: 2px solid #ddd;
	border-radius: 20px;
	font-size: 18px;
}
.tryshare-guide .blue-box strong { 
	display: inline-block; 
	margin-bottom: 20px; 
	font-size: 28px;
}
.tryshare-guide .blue-box img { padding: 30px 0; }
.tryshare-guide hr {
	border-top: 1px solid #ddd; 
	width: 100%;
	float: left;
	margin: 50px 0;
}
.tryshare-guide .step-box {
	float: left;  
	width: 100%;
}
.tryshare-guide .step-box li {
	float: left; 
	position: relative;
	width: calc(((100% - 130px) / 3)); 
	height: 90px; 
	padding-top: 28px;
	margin-left: 60px;
	border-radius: 20px;
	background: none; 
	text-align: center;
}
.tryshare-guide .step-box li + li:before {
	position: absolute;
	top: 28px; 
	left: -40px;
	content: ""; 
	display: block; 
	width: 20px;
	height: 28px;
	background-image: url(/pub/site/default/2020/images/sub/img_02.png);
}
.tryshare-guide .step-box li span {
	position: absolute; 
	top: 10px; 
	left: 10px;
	display: inline-block;
	width: 80px;
	height: 70px;
	padding-top: 15px;
	border-radius: 15px;
	text-align: center;
	color: #fff;
	line-height: 20px;	
}
.tryshare-guide .step-box li:first-child {
	padding-left: 80px;
	margin-left: 0;
}
.tryshare-guide .step-box.step-blue li { border: 1px solid #0A9F76; }
.tryshare-guide .step-box.step-blue li span { background-color: #0A9F76; }
.tryshare-guide .step-box.step-orange li { border: 1px solid #F39800; }
.tryshare-guide .step-box.step-orange li span { background-color: #F39800; }
.tryshare-guide .step-box.step-orange li strong { color: #F39800; }
.tryshare-guide p {padding-bottom: 8px;}
.tryshare-guide .text-orange { color: #F39800; }
.tryshare-guide .tel {
	display: inline-block;
	padding: 1px 15px 2px 15px;
	margin-left: 10px;
	border-radius: 3px;
	background-color: #E2E2E2;
}

@media (min-width: 992px) and (max-width: 1199px) {
	.tryshare-guide .step-box li {
		width: calc(((100% - 70px) / 3)); 
		margin-left: 30px;
		padding-right: 10px;
	}
	.tryshare-guide .step-box li + li:before {left: -26px;}
	.tryshare-guide .step-box li span {width: 70px;}
	.tryshare-guide .step-box li:first-child { padding-top: 15px; }
}

@media (max-width: 991px) {
	.tryshare-guide .blue-box {
		padding: 30px; 
		margin-bottom: 40px; 
		line-height: 30px;
	}
	.tryshare-guide .blue-box strong { 
		margin-bottom: 10px; 
		font-size: 22px;
	}
	.tryshare-guide .blue-box img { padding: 10px 0; }
	.tryshare-guide hr { margin: 30px 0; }
	.tryshare-guide .step-box li {
		width: 100%; 
		height: auto;
		margin-left: 0px;
		padding: 20px;
		margin-top: 40px;
	}
	.tryshare-guide .step-box li + li:before {
		position: absolute;
		top: -35px; 
		left: 0;
		width: 100%;
		background-repeat: no-repeat;
		background-position: center;
		transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		-webkit-transform: rotate(90deg);
	}
	.tryshare-guide .step-box li span {
		top: 10px; 
		left: 15px;
		width: 100px;
		height: auto;
		padding-top: 10px;
		padding-bottom: 10px;
		border-radius: 10px;
		text-align: center;
	}
	.tryshare-guide .step-box li span br {display: none;}
	.tryshare-guide .step-box li:first-child { 
		margin-top: 0; 
		padding-left: 100px;
	}

	
	/* 공유해봄 이용안내*/
	.tryshare-guide .blue-box {
		font-size: 14px;
		line-height: 140%;
	}
	.tryshare-guide .blue-box strong {font-size: 18px;}

}




.type1 .contents-wrapper h4:before, .type1 .contents-wrapper .txt-box:before,
.type2 .contents-wrapper h4:before, .type2 .contents-wrapper .txt-box:before {
    background-color: #0a804f;
}

.type3 .contents-wrapper h4:before, .type3 .contents-wrapper .txt-box:before {
    background-color: #196db5;
}

.type4 .contents-wrapper h4:before, .type4 .contents-wrapper .txt-box:before {
    background-color: #0a8193;
}



/* 공유자원 */
.resources_wrap {
	position: relative;
}
.resources_wrap .resources-top {
	display: flex;
	flex-direction: column;
	width: 100%;
	margin-bottom: 45px;
	background-color: #F2F2F2;
}
.resources-top .resources-tab {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 20px;	
}
.resources-top .resources-tab .tab-title {
	width: 90px;
	text-align: center;
}
.resources-top .resources-tab .tab-title span {
	display: block;
}
.resources-top .resources-tab .tab-title .txt {
	font-size: 14px;
	color: #333;
}
.resources-top .resources-tab .tab-title .num {
	padding: 5px 0;
	font-size: 22px;
	color: #333;
	font-weight: 600;
}	
.resources-top .resources-tab .tab-title a {
	display: block;
	width: 100%;
	height: 34px;
	line-height: 34px;
	font-size: 16px;
	color: #fff;
	text-align: center;
	border-radius: 5px;
	background-color: #333333;
}
.resources-top .resources-tab .tab-list {
	display: flex;
	flex-wrap: wrap;
	align-content: space-between;
	width: calc( 100% - 110px );
}
.resources-top .resources-tab .tab-list a {
	width: calc( 16.666% - 10px );
	margin: 5px 0 5px 10px;
	height: 42px;
	line-height: 42px; 
	color: #333;
	text-align: center;
	border-radius: 5px;
	background-color: #fff;
}
.resources-top .resources-tab .tab-list a:hover,
.resources-top .resources-tab .tab-list a.active {
	color: #fff;
	text-decoration: none;
	background-color: #0073BD;
}
.resources-top .resources-search {
	padding-top: 20px;
	margin: 0 20px 20px 20px;
	border-top: 1px solid #DBDBDB;

}
.resources-top .resources-search form {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
}
.resources-top .resources-search form .select_none select {
	height: 50px;
	margin-right: 8px;
	color: #333;
	font-size: 18px;
	border: none;
	border-radius: 5px;
	background-color: #fff;
}
.resources-top .resources-search form .search_td {
	display: flex;
	width: 38%;
	margin-right: 10px;
}
.resources-top .resources-search form .search_td input {
	width: calc( 100% - 50px );
	height: 50px;
	padding-left: 25px;
	color: #666;
	font-size: 18px;
	border-radius: 5px 0 0 5px;
	border: none;
	background-color: #fff;
}
.resources-top .resources-search form .search_td button {
	width: 50px;
	height: 50px;
	border-radius: 0 5px 5px 0;
	border: none;
	background-color: #009F73;
}
.resources-top .resources-search .use-btn {
	display: inline-block;
	width: 125px;
	height: 50px;
	line-height: 50px;
	font-size: 18px;
	color: #fff;
	text-align: center;
	border-radius: 5px;
	border: none;
	background-color: #0073BD;
}
.resources-top .resources-search .use-btn i {
	padding-left: 5px;
}

.resources_list_wrap {
	display: flex;
	flex-wrap: wrap;
	padding-top: 30px;
	padding-bottom: 10px;
	margin-bottom: 40px;
	border-top: 2px solid #333333;
	border-bottom: 1px solid #DBDBDB;
}
.resources_list_wrap .resources_list {
	width: calc( (100% - 60px) / 4 );
	margin-right: 20px;
	padding-bottom: 35px;
	text-align: center;
}
.resources_list_wrap .resources_list:nth-of-type(4n) {
	margin-right: 0;
}
.resources_list_wrap .resources_list .img {
	display: block;
	width: 100%;
	height: 190px;
	margin-bottom: 12px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
.resources_list_wrap .resources_list .label-groups {
	display: flex;
	justify-content: center;
	margin-bottom: 12px;
}
.resources_list_wrap .resources_list .label-groups span {
	display: inline-block;
	margin: 0 5px;
	padding: 0 15px;
	height: 27px;
	line-height: 25px;
	font-size: 14px;
	color: #333;
	border-radius: 14px;
	border: 1px solid #DBDBDB;
	background-color: #fff;
}
.resources_list_wrap .resources_list .label-groups span.cost {
	color: #fff;
	border: 1px solid #009F73;
	background-color: #009F73;
}
.resources_list_wrap .resources_list .label-groups span.b-ok {
	color: #333;
	border: 1px solid #DBDBDB;
	background-color: #fff;
}
.resources_list_wrap .resources_list .label-groups span.b-no {
	color: #fff;
	border: 1px solid #666;
	background-color: #666;
}
.resources_list_wrap .resources_list .title {
	display: block;
	width: 100%;
	font-size: 20px;
	color: #333;
	overflow: hidden;
	text-overflow:ellipsis;
	display:-webkit-box; 
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
}

.resources_list_wrap .resources_list a:hover {
	text-decoration: none;
}

/*공유자원 모달*/
.resources-modal .modal-header {
	position: relative;
	padding: 50px 50px 15px 50px;
	border: none;
}
.resources-modal .modal-header .modal-title {
	color: #009F73;
	font-size: 18px;
	font-weight: 600;
}
.resources-modal .modal-header .modal-title i {
	padding-right: 10px;
}
.resources-modal .modal-header .close {
	position: absolute;
	top: 20px;
	right: 20px;
	font-size: 18px;
	font-weight: 400;
	color: #333;
	text-shadow: none;
	opacity: 1;
}
.resources-modal .modal-header .close i {
	padding-right: 5px;
}
.resources-modal .modal-body {
	padding: 0 50px 50px;
}
.resources-modal .modal-body p {
	padding-bottom: 5px;
	font-size: 16px;
	color: #333;
}
.resources-modal .modal-body .txt-box {
	margin-bottom: 25px;
	padding: 20px;
	font-size: 16px;
	color: #333;
	background-color: #E2F9F3;
}
.resources-modal .modal-body h3 {
	font-size: 22px;
	font-weight: 600;
}
.resources-modal .modal-body ul {
	padding: 0;
	margin-bottom: 40px;
}
.resources-modal .modal-body ul li {
	position: relative;
	margin-bottom: 10px;
	background: none;
	padding-left: 10px;
	font-size: 16px;
	color: #333;
}
.resources-modal .modal-body ul li:before {
	content: '';
	position: absolute;
	top: 8px;
	left: 0;
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background-color: #333;
}



/* 공유자원 view */
.resources_view_wrap {
	width: 100%;
	padding-top: 20px;
	padding-bottom: 50px;	
	border-top: 2px solid #000;
	border-bottom: 1px solid #DBDBDB;
}
.resources_view_wrap h3.view-h3 {
	font-size: 18px;
	font-weight: 400;
	color: #333;
}
/* .resources_view_wrap h3.view-h3:before {
	content: '';
	position: absolute;
	top: 6px;
	left: 0;
	width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #333;
} */
.resources_view_wrap .view_wrap {
	display: flex;
	width: 100%;
	margin-bottom: 50px;
}
.resources_view_wrap .view-img {
	width: 50%;
}

.resources_view_wrap .view-img img {
	width: 100%;
	height: 400px;
}
.resources_view_wrap .view-img .img_list {
	float: left;
	width: 100%;
	height: 400px;
	overflow: hidden;
	position: relative;
}
.resources_view_wrap .view-img .img_list li {
	height: 400px;
	background: none; 
	padding-left: 0;
}

.resources_view_wrap .view-img .sub_img_btn .bx-pager {
	display: flex;    
	width: 100%;
	justify-content: center;
	margin-top: 5px;
}
.resources_view_wrap .view-img .sub_img_btn .bx-pager-item a {
	font: 0/0 a;
	display: inline-block;
	width: 13px;
	height: 13px;
	margin: 0 7px;
	border-radius: 50%;
	background-color: #999999;
}
.resources_view_wrap .view-img .sub_img_btn .bx-pager-item a.active {
	background-color: #2C71C0;	
}

.resources_view_wrap .txt_wrap {
	width: 50%;
	padding-left: 50px;
}
.resources_view_wrap .txt_wrap .title-wrap {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 15px;
}	
.resources_view_wrap .txt_wrap .title-wrap h2 {
	margin: 0 10px 10px 0;
	font-size: 24px;
	color: #333;
	font-weight: 600;		
}
.resources_view_wrap .txt_wrap .title-wrap .label-groups {
	display: inline-block;
}
.resources_view_wrap .txt_wrap .title-wrap span {			
	display: inline-block;
	padding: 0 15px;
	height: 27px;
	line-height: 25px;
	font-size: 14px;
	font-weight: 400;
	color: #fff;
	border-radius: 14px;
	border: 1px solid #009F73;
	background-color: #009F73;
}
.resources_view_wrap .txt_wrap .title-wrap span.b-ok {
	color: #333;
	border: 1px solid #DBDBDB;
	background-color: #fff;
}
.resources_view_wrap .txt_wrap .title-wrap span.b-no {
	color: #fff;
	border: 1px solid #666;
	background-color: #666;
}
.resources_view_wrap .txt_wrap .txt-wrap-list li {
	position: relative;
	display: flex;
	padding-left: 10px;
	margin-bottom: 10px;
	font-size: 16px;
	color: #333;
	background: transparent;
}
.resources_view_wrap .txt_wrap .txt-wrap-list li:before {
	content: '';
	position: absolute;
	top: 10px;
	left: 0;
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background-color: #0073BD;
}
.resources_view_wrap .txt_wrap .txt-wrap-list li span.tit {
	width: 135px;
	color: #2C71C0;
}
.resources_view_wrap .txt_wrap .txt-wrap-list li span.txt {
	width: calc( 100% - 135px );
}
.resources_view_wrap .txt_wrap .btn-groups {
	display: flex;
	justify-content: space-between;
	width: 100%;
}
.resources_view_wrap .txt_wrap .btn-groups button {
	width: 49.5%;
	height: 42px;
	padding-left: 20px;
	text-align: left;
	line-height: 42px;
	font-size: 16px;
	font-weight: 400;
	color: #fff;
	border-radius: 5px;
	border: none;
	background-color: #666666;
}
.resources_view_wrap .txt_wrap .btn-groups button i {
	padding-right: 8px;
}
.resources_view_wrap .txt_wrap .btn-groups .tel {
	width: 49.5%;
	height: 42px;
	padding-left: 20px;
	text-align: left;
	line-height: 42px;
	font-size: 16px;
	font-weight: 400;
	color: #333;
	border-radius: 5px;
	background-color: #F2F2F2;
}

.resources_view_wrap .view-booking {
	margin-bottom: 35px;
}
.resources_view_wrap .view-calendar {
	width: 50%;
}
.resources_view_wrap .view-calendar .calendar-month {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 60px;
	border-top: 2px solid #009F73;
	border-bottom: 1px solid #DBDBDB;		
}
.resources_view_wrap .view-calendar .calendar-month a {
	width: 26px;
	height: 26px;
	line-height: 26px;
	font-size: 16px;
	color: #fff;
	text-align: center;
	border-radius: 50%;	
	background-color: #666666;
}
.resources_view_wrap .view-calendar .calendar-month p {
	padding: 0 40px;
	font-size: 16px;
}
.resources_view_wrap .view-calendar .calendar-month p span {
	display: inline-block;
	padding-left: 10px;
	font-size: 24px;
	font-weight: 600;
}
.resources_view_wrap .view-calendar table {
	border-bottom: 1px solid #DBDBDB;
	margin-bottom: 25px;
}
.resources_view_wrap .view-calendar table thead th {
	padding: 10px !important;
	font-size: 16px;
	font-weight: 400;
	border: none !important;
	background-color: transparent;
}
.resources_view_wrap .view-calendar table tbody td {
	padding: 5px !important;
	font-size: 16px;
	font-weight: 400;
	border: none !important;
	background-color: transparent;
}
.resources_view_wrap .view-calendar table thead th:first-child,
.resources_view_wrap .view-calendar table tbody td:first-child {
	color: #B24949;
}
.resources_view_wrap .view-calendar table thead th:last-child,
.resources_view_wrap .view-calendar table tbody td:last-child {
	color: #2C71C0;
}
.resources_view_wrap .view-calendar table tbody tr:last-child td {
	padding-bottom: 20px !important;
}
.resources_view_wrap .view-calendar table tbody td span {
	display: inline-block;
	width: 40px;
	height: 40px;
	line-height: 40px;
	border-radius: 50%;		
}
.resources_view_wrap .view-calendar table tbody td span.b-deadline {
	background-color: #F2F2F2;
}
.resources_view_wrap .view-calendar table tbody td span.b-choice {
	color: #fff;
	background-color: #009F73;
}

.resources_view_wrap .view-time {
	width: 50%;
	padding-left: 50px;
}
.resources_view_wrap .view-time .time-list {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 100%;
	margin-bottom: 30px;
	border-top: 2px solid #2C71C0;	
}
.resources_view_wrap .view-time .time-list div {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 49%;
	height: 55px;
	padding: 0 15px;
	margin-top: 15px;
	border: 1px solid #DBDBDB;
	border-radius: 5px;
}
.resources_view_wrap .view-time .time-list div .time {
	font-size: 16px;
	color: #333;
}
.resources_view_wrap .view-time .time-list div a {
	display: inline-block;
	width: 100px;
	height: 30px;
	line-height: 29px;
	text-align: center;
	font-size: 14px;
	color: #333;
	border: 1px solid #DBDBDB;
	border-radius: 5px;
	background-color: #fff;
}
.resources_view_wrap .view-time .time-list div a.b-ok {
	color: #333;
	background-color: #fff;
}
.resources_view_wrap .view-time .time-list div a.b-no {
	color: #fff;
	background-color: #666666;
}
.resources_view_wrap .view-time .time-list div a.b-choice {
	color: #fff;
	background-color: #009F73;
}
.resources_view_wrap .view-time .time-list div a.b-finish {
	color: #fff;
	background-color: #0073BD;
}



.view-booking .label-con {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
}
.view-booking .label-con p {
	display: flex;
	align-items: center;
	padding: 0 10px;
	font-size: 14px;
	color: #333;
}
.view-booking .label-con p span {
	display: inline-block;
	width: 27px;
	height: 27px;
	margin-right: 5px;
	border-radius: 50%;
	background-color: #009F73;
}
.view-booking .label-con p span.b-deadline {
	background-color: #F2F2F2;
}
.view-booking .label-con p span.choice {
	background-color: #009F73;
}
.view-booking .label-con p span.b-ok {
	border: 1px solid #DBDBDB;
	background-color: #fff;
}
.view-booking .label-con p span.b-finish {
	background-color: #0073BD;
}
.view-booking .label-con p span.b-no {
	background-color: #666666;
}

.view-booking .booking-btn {
	margin-top: 40px;
	text-align: center;
}
.view-booking .booking-btn button {
	display: inline-block;
	width: 125px;
	height: 45px;
	font-size: 18px;
	color: #fff;
	text-align: center;
	border-radius: 5px;
	border: none;
	background-color: #009F73;
}

.resources_view_wrap .map-wrap .address {
	clear: both;
	width: 100%;
	padding-top: 20px;
	text-align: center;
	font-size: 16px;
	color: #333;
}
.resources_view_wrap .view_map {
	float: left;
	width: 100%;
	height: 450px;
	border: 1px solid #d2d2d2;
	background-color: #ddd;
}
.resources_view_wrap .view_map .map_viewpop_wrap {
	top: -60px;
	left: -85px;
	height: 85px;
	z-index: 10;
}
.resources_view_wrap .view_map .view_btn a {
    position: absolute;
    right: 15px;
    bottom: 15px;
    width: 90px;
    height: 26px;
    line-height: 26px;
    color: #fff;
    font-size: 14px;
    text-align: center;
    border-radius: 7px;
    background-color: #999999;
}
.resources_view_wrap .esc-wrap {
	margin-bottom: 50px;
}
.resources_view_wrap .esc-wrap div {
	padding: 15px;
	border: 1px solid #dbdbdb;
}
.resources_view_wrap .esc-wrap p {
	padding-bottom: 5px !important;
}

/* 공유지도 */
.map_wrap {
	width: 100%;
	height: 850px;
	clear: both;
	position: relative;
}

.map_wrap .map {
	width: 100%;
	height: 100%;
}

.map_pop_wrap {
	/* margin: 0 auto; */
	/* width: 1200px; */
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
}


 /* 공유자원(예약확정) */
 .resources-confirm {
	width: 100%;
	display: flex;    
	justify-content: center;
 }
 .resources-confirm .confirm-box {
	width: 600px;
 }
 .resources-confirm .confirm-box .info-txt {
	font-size: 16px;
 }
 .resources-confirm .confirm-box .info-txt span {
	color: #0073BD;
	font-weight: 600;
 }
 .resources-confirm .confirm-box .line-box {
	padding: 20px 20px 10px 20px;
	margin-bottom: 15px;
	border: 1px solid #DBDBDB;
	border-radius: 5px;
 }
 .resources-confirm .confirm-box .line-box h3 {
	 width: 100%;
	 margin-bottom: 15px;
	 font-size: 22px;
	 color: #333;
	 font-weight: 600;
 }
 .resources-confirm .confirm-box .line-box ul {
	width: 100%;
	padding: 0;
 }
 .resources-confirm .confirm-box .line-box ul li {
	display: flex;
	align-items: center;
	padding: 0 0 20px 0;
	background: transparent;
 }
 .resources-confirm .confirm-box .line-box ul li .tit {
	width: 115px;
	font-size: 16px;
	color: #666;
 }
 .resources-confirm .confirm-box .line-box ul li .txt {
	width: calc( 100% - 115px );
	font-size: 18px;
	color: #333;
 }
 .resources-confirm .confirm-box .line-box ul li .txt strong {
	font-size: 20px;
	font-weight: 600;
 }
 .resources-confirm .confirm-box .line-box .details {
	 display: flex;
	 flex-wrap: wrap;
	 padding-bottom: 10px;
	 margin-bottom: 25px;
	 border-bottom: 1px dashed #DBDBDB;
 }
 .resources-confirm .confirm-box .line-box .details h3 {
	margin-bottom: 30px;
 }
 .resources-confirm .confirm-box .line-box .details .img {
	width: 185px;
	height: 125px;
	margin-right: 30px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
 }
 .resources-confirm .confirm-box .line-box .details ul {
	width: calc( 100% - 215px );
 }
 .resources-confirm .confirm-box .line-box .person ul {
	padding-left: 10px;
 }
 .resources-confirm .confirm-box .agree-txt {
	width: 100%;
	font-size: 16px;
	color: #333;
 }
 .resources-confirm .confirm-box .agree-txt input {
	width: 15px;
	height: 15px;
	margin-right: 10px;
 }
 .resources-confirm .confirm-box .agree-txt label {
	font-weight: 400;
	font-size: 16px;
	color: #333;
 }
 .resources-confirm .confirm-box .btn-groups {
	display: flex;
	justify-content: center;
	margin: 30px 0;
 }
 .resources-confirm .confirm-box .btn-groups a {
	 display: inline-block;
	 width: 125px;
	 height: 45px;
	 margin: 0 7px;
	 line-height: 45px;
	 text-align: center;
	 font-size: 16px;
	 color: #fff;
	 border: none;
	 border-radius: 5px;
	 background-color: #666666;
 }
 .resources-confirm .confirm-box .btn-groups a.green {
	background-color: #009F73;
 }

 /* 공유자원 예약현황 */
 .resources-current {
	width: 100%;
 }
 .resources-current .name-info {
	width: 100%;
	font-size: 18px;
	color: #666;
 }
 .resources-current .name-info i {
	 margin-right: 10px;
	color: #333;
	font-size: 24px;
 }
 .resources-current .name-info span {
	font-weight: 600;
	font-size: 24px;
	color: #333;
 }

 .resources-current .current-con {
	display: flex;
	width: 100%;
	margin: 40px 0;
 }
 .resources-current .current-con>div {
	display: flex;
	align-items: center;
	width: 25%;
	height: 90px;
	padding: 0 30px;
 }
 .resources-current .current-con>div+div {
	border-left: 1px solid #DBDBDB;	
	
 }
 .resources-current .current-con>div .icon {
	display: inline-block;
	width: 70px;
	height: 70px;
	margin-right: 25px;
	line-height: 70px;
	text-align: center;
	color: #fff;
	font-size: 30px;
	border-radius: 50%;
 }
 .resources-current .current-con>div.total .icon {
	background-color: #666666;
 }
 .resources-current .current-con>div.ongoing .icon {
	background-color: #009F73;
 }
 .resources-current .current-con>div.finish .icon {
	background-color: #CA5E5C;
 }
 .resources-current .current-con>div.cancel .icon {
	background-color: #BB7C0E;
 }
 .resources-current .current-con>div .txt-wrap {
	width: calc( 100% - 95px );
	font-size: 16px;
 }
 .resources-current .current-con>div .txt-wrap .txt {
	color: #333;
 }
 .resources-current .current-con>div .txt-wrap .num {
	color: #666;
 }
 .resources-current .current-con>div .txt-wrap .num span {
	padding-right: 5px;
	font-weight: 600;
	font-size: 30px;
	color: #333;
 }
 .resources-current .current-form {
	margin-bottom: 40px;
 }
 .resources-current .current-form form {
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 25px 0;
	border-radius: 5px;
	background-color: #F2F2F2;
 }
 .resources-current .current-form form .form-group {
	display: flex;
	align-items: center;
	margin: 0 0 0 20px;
	color: #333;
	font-size: 18px;
 }
 .resources-current .current-form form .form-group:first-child {
	margin: 0;
 }
 .resources-current .current-form form label {
	margin: 0 5px 0 0;
	color: #333;
	font-size: 18px;
	font-weight: 400;
 }
 .resources-current .current-form form select {
	width: 135px;
	height: 42px;
	color: #333;
	font-size: 18px;
	border: 1px solid #DBDBDB;
	border-radius: 5px;
	background-color: #fff;
 }
 .resources-current .current-form form input[type=text] {
	width: 135px;
	height: 42px;
	color: #333;
	font-size: 18px;
	border: 1px solid #DBDBDB;
	border-radius: 5px;
	background-color: #fff;
 }
 .resources-current .current-form form button {
	width: 75px;
	height: 42px;
	margin-left: 10px; 
	color: #fff;
	font-size: 18px;
	border: none;
	border-radius: 5px;
	background-color: #333;
 }
 .resources-current h3 {
	font-size: 22px;
	color: #333;
	font-weight: 600;
 }
 .resources-current .current-list {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 100%;
	margin-bottom: 40px;
	border-top: 1px solid #666666;
 }
 .resources-current .current-list .line-box {
	position: relative;
	width: 49.2%;
	padding: 20px 20px 5px 20px;
	margin-top: 20px;
	border: 1px solid #DBDBDB;
	border-radius: 5px;
	background-color: #fff;
 }
 .resources-current .current-list .line-box ul {
	padding: 0;
 }
 .resources-current .current-list .line-box ul:first-child {
	 margin-bottom: 15px;
	border-bottom: 1px dashed #DBDBDB;
 }
 .resources-current .current-list .line-box ul li {
	display: flex;
	align-items: center;
	padding: 0 0 15px 5px;
	background: transparent;
 }
 .resources-current .current-list .line-box ul li .tit {
	width: 130px;
	font-size: 16px;
	color: #666;
 }
 .resources-current .current-list .line-box ul li .txt {
	width: calc( 100% - 130px );
	font-size: 18px;
	color: #333;
 }
 .resources-current .current-list .line-box .label-groups {
	position: absolute;
	top: 10px;
	right: 10px;
 }
 .resources-current .current-list .line-box .label-groups a {
	display: inline-block;
	width: 105px;
	height: 45px;
	line-height: 45px;
	text-align: center;
	color: #666;
	font-size: 18px;
	border-radius: 5px;
	border: 1px solid #DBDBDB;
	background-color: #fff;
 }
 .resources-current .current-list .line-box .label-groups span {
	display: inline-block;
	width: 105px;
	height: 45px;
	line-height: 45px;
	text-align: center;
	color: #fff;
	font-size: 18px;
	border-radius: 5px;
 }
 .resources-current .current-list .line-box .label-groups span.c-ongoing {
	background-color: #009F73;
 }
 .resources-current .current-list .line-box .label-groups span.c-finish {
	background-color: #CA5E5C;
 } 
 .resources-current .current-list .line-box .label-groups span.c-cancel {
	background-color: #BB7C0E;
 } 

/* 일반로그인+소셜로그인 */
.login-wrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin-bottom: 50px;
}
.login-wrap .info-txt {
	width: 100%;
	margin-bottom: 70px;
	text-align: center;
	font-size: 16px;
	color: #333;
}
.login-wrap .info-txt i {
	margin-right: 10px;
	font-size: 24px;
}
.login-wrap h3 {
	margin-bottom: 25px;
	color: #333;
	font-size: 18px;
	font-weight: 600;	
}
.login-wrap>div {
	width: 305px;
}
.login-wrap .default-login {
	position: relative;
	height: 275px;
	/* margin-right: 60px; */
}
/* .login-wrap .default-login:before {
	content: '';
	position: absolute;
	top: 0;
	right: -60px;
	width: 1px;
	height: 100%;
	border-right: 1px solid #DBDBDB;
} */
.login-wrap .default-login form {
	width: 100%;
	margin-bottom: 20px;
}
.login-wrap .default-login form input {
	width: 100%;
	height: 42px;
	padding-left: 20px;
	margin-bottom: 5px;
	color: #666;
	font-size: 16px;
	border-radius: 5px;	
	border: 1px solid #DBDBDB;
	background-color: #fff;
}
.login-wrap .default-login form button {
	width: 100%;
	height: 42px;
	margin-top: 3px;
	color: #fff;
	font-size: 16px;
	text-align: center;
	border-radius: 5px;	
	border: none;
	background-color: #333;
}
.login-wrap .default-login .links {
	display: flex;
}
.login-wrap .default-login .links a {
	position: relative;
	display: block;
	width: 50%;
	color: #666;
	font-size: 16px;
	text-align: center;
}
.login-wrap .default-login .links a+a:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 1px;
	height: 23px;
	border-right: 1px solid #DBDBDB;
}
.login-wrap .sns-login {
	margin-left: 60px;
}
.login-wrap .sns-login .naver-btn a {
	display: block;
	width: 100%;
	height: 42px;
	padding-left: 70px;
	margin-bottom: 5px;
	line-height: 42px;
	font-size: 16px;
	color: #fff;
	border-radius: 5px;
	background-color: #26C825;
	background-image: url(/pub/site/default/2022/images/sub/naver_icon.svg);
	background-repeat: no-repeat;
	background-position: left 15px center;
}
.login-wrap .sns-login .kakao-btn a {
	display: block;
	width: 100%;
	height: 42px;
	padding-left: 70px;
	line-height: 42px;
	font-size: 16px;
	color: #635028;
	border-radius: 5px;
	background-color: #FFEB00;
	background-image: url(/pub/site/default/2022/images/sub/cacao_icon.svg);
	background-repeat: no-repeat;
	background-position: left 15px center;
}
.login-wrap .sns-login ul {
	padding: 20px 0 0 0;
}
.login-wrap .sns-login ul li {
	position: relative;
	padding-left: 10px;
	padding-bottom: 10px;
	color: #666;
	font-size: 14px;
	background: transparent;
}
.login-wrap .sns-login ul li:before {
	content: '';
	position: absolute;
	top: 12px;
	left: 0;
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background-color: #666666;
}
 
@media screen and (min-width:992px) and (max-width:1199px){
	.resources_view_wrap .view-time .time-list .list-wrap {
		width: 49%;
		margin-right: 2%;
	}
	.resources_view_wrap .view-time .time-list .list-wrap:nth-of-type(2n) {
		margin-right: 0;	
	}
	.resources_view_wrap .view-time .time-list .list-wrap:nth-of-type(3n) {
		margin-right: auto;
	}
}


@media (max-width: 991px) {

	/* 공유자원 */
	.resources-top .resources-tab {
		flex-direction: column;
		margin: 15px;	
	}
	.resources-top .resources-tab .tab-title {
		position: relative;
		width: 100%;
		display: flex;
		align-items: center;
	}
	.resources-top .resources-tab .tab-title .txt {
		font-size: 16px;
	}
	.resources-top .resources-tab .tab-title .num {
		padding: 0 0 0 5px;
		font-size: 30px;
	}	
	.resources-top .resources-tab .tab-title a {
		position: absolute;
		top: 0;
		right: 0;
		width: 110px;
		background-color: #333333;
	}
	.resources-top .resources-tab .tab-list {
		width: 100%;
		margin-top: 5px;
	}
	.resources-top .resources-tab .tab-list a {
		width: calc( (100% - 10px) / 3 );
		margin-right: 5px;
		margin-bottom: 5px;
		margin-left: 0;
		height: 36px;
		line-height: 36px; 
	}
	.resources-top .resources-tab .tab-list a:nth-of-type(3n) {
		margin-right: 0;
	}
	.resources-top .resources-search {
		padding-top: 15px;
		margin: 0 15px 15px 15px;
	}
	.resources-top .resources-search form {
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.resources-top .resources-search form .select_none {
		width: 49%;
		margin-bottom: 8px;	
	}
	.resources-top .resources-search form .select_none select {
		width: 100%;
		height: 42px;
		font-size: 16px;
	}
	.resources-top .resources-search form .search_td {
		width: calc( 100% - 115px );
		margin-right: 0;
	}
	.resources-top .resources-search form .search_td input {
		width: calc( 100% - 42px );
		height: 42px;
		padding-left: 15px;
	}
	.resources-top .resources-search form .search_td button {
		width: 42px;
		height: 42px;
	}
	.resources-top .resources-search .use-btn {
		width: 110px;
		height: 42px;
		line-height: 42px;
		font-size: 16px;
	}

	.resources_list_wrap {
		width: calc( 100% - 30px );
		margin: 0 15px;
		padding-top: 20px;
		padding-bottom: 0;
		margin-bottom: 20px;
	}
	.resources_list_wrap .resources_list {
		width: calc( (100% - 15px) / 2 );
		margin-right: 15px;
		padding-bottom: 25px;
		text-align: left;
	}
	.resources_list_wrap .resources_list:nth-of-type(2n) {
		margin-right: 0;
	}
	.resources_list_wrap .resources_list .img {
		height: 105px;
	}
	.resources_list_wrap .resources_list .label-groups {
		margin-bottom: 10px;
	}
	.resources_list_wrap .resources_list .label-groups span {
		margin: 0 3px;
		padding: 0 10px;
	}
	.resources_list_wrap .resources_list .title {
		font-size: 16px;
		color: #333;

	}


	/*공유자원 모달*/
	.resources-modal .modal-header {
		padding: 15px;
	}
	.resources-modal .modal-body {
		padding: 0 15px 15px;
	}
	.resources-modal .modal-body .txt-box {
		padding: 15px;
	}

	/* 공유자원 view */
    .resources_view_wrap {
        width: calc( 100% - 30px );
		margin: 0 15px;
    }
    .resources_view_wrap .view_wrap {
		flex-wrap: wrap;
		margin-bottom: 35px;
    }

    .resources_view_wrap .view-img {
        width: 100%;
    }
    .resources_view_wrap .view-img img {
        height: 220px;
    }
    .resources_view_wrap .view-img .img_list {
        height: 220px;
    }
    .resources_view_wrap .view-img .img_list li {
        height: 220px;
    }
    .resources_view_wrap .view-img .sub_img_btn .bx-pager {
		margin-top: 0;
	}

    .resources_view_wrap .txt_wrap {
        width: 100%;
		margin-top: 25px;
		padding-left: 0;
    }
	.resources_view_wrap .txt_wrap .title-wrap {
		margin-bottom: 25px;
	}	
	.resources_view_wrap .txt_wrap .title-wrap h2 {
		margin-bottom: 15px;
		font-size: 22px;
	}
	.resources_view_wrap .txt_wrap .title-wrap .label-groups {
		display: block;
		width: 100%;
	}
	.resources_view_wrap .txt_wrap .txt-wrap-list li {
		flex-wrap: wrap;
		margin-bottom: 15px;
	}
	.resources_view_wrap .txt_wrap .txt-wrap-list li:before {
		top: 8px;
	}
	.resources_view_wrap .txt_wrap .txt-wrap-list li span.tit {
		width: 100%;
	}
	.resources_view_wrap .txt_wrap .txt-wrap-list li span.txt {
		width: 100%;
		padding-top: 5px;
		font-size: 18px;
	}
	.resources_view_wrap .txt_wrap .btn-groups {
		flex-direction: column;
	}
	.resources_view_wrap .txt_wrap .btn-groups button {
		width: 100%;
		margin-bottom: 10px;
	}
	.resources_view_wrap .txt_wrap .btn-groups .tel {
		width: 100%;
	}

	.resources_view_wrap .view-booking {
		margin-bottom: 45px;
	}
	.resources_view_wrap .view-calendar {
		width: 100%;
	}
	.resources_view_wrap .view-calendar table {
		border-bottom: 1px solid #DBDBDB;
		margin-bottom: 25px;
	}
	.resources_view_wrap .view-calendar table thead th {
		padding: 10px !important;
		font-size: 14px;
	}
	.resources_view_wrap .view-calendar table tbody td {
		padding: 3px !important;
		font-size: 14px;
	}
	.resources_view_wrap .view-calendar table tbody td span {
		width: 35px;
		height: 35px;
		line-height: 35px;	
	}

	.resources_view_wrap .view-time {
        width: 100%;
		padding-left: 0;
		margin-top: 25px;
	}
	.resources_view_wrap .view-time .time-list .list-wrap {
		width: 49%;
		margin-right: 2%;
	}
	.resources_view_wrap .view-time .time-list .list-wrap:nth-of-type(2n) {
		margin-right: 0;	
	}
	.resources_view_wrap .view-time .time-list .list-wrap:nth-of-type(3n) {
		margin-right: auto;
	}
	
	
	.resources_view_wrap .view_map {
		height: 270px;
	}
	

	/* 공유자원(예약확정) */
	 .resources-confirm {
		padding: 0 15px;
	 }
	 .resources-confirm .confirm-box {
		width: 100%;
	 }
	 .resources-confirm .confirm-box .line-box ul li {
		flex-wrap: wrap;
		padding: 0 0 25px 0;
	 }
	 .resources-confirm .confirm-box .line-box ul li .tit {
		width: 100%;
	 }
	 .resources-confirm .confirm-box .line-box ul li .txt {
		width: 100%;
		display: block;
		margin-top: 5px;
	 }
	 .resources-confirm .confirm-box .line-box .details {
		 padding-bottom: 5px;
	 }
	 .resources-confirm .confirm-box .line-box .details .img {
		width: 100%;
		height: 200px;
		margin-right: 0;
		margin-bottom: 20px;
	 }
	 .resources-confirm .confirm-box .line-box .details ul {
		width: 100%;
	 }

	 /* 공유자원 예약현황 */
	 .resources-current {
		padding: 0 15px;
	 }
	 .resources-current .name-info {
		font-size: 16px;
	 }
	 .resources-current .name-info i {
		font-size: 20px;
	 }
	 .resources-current .name-info span {
		font-size: 20px;
	 }

	 .resources-current .current-con {
		flex-wrap: wrap;
		margin: 20px 0;
	 }
	 .resources-current .current-con>div {
		width: 50%;
		height: auto;
		padding: 15px 0;
	 }
	 .resources-current .current-con>div+div {
		border: none;
	 }
	 .resources-current .current-con>div .icon {
		width: 60px;
		height: 60px;
		margin-right: 15px;
		line-height: 60px;
	 }
	 .resources-current .current-con>div .txt-wrap {
		width: calc( 100% - 75px );
		font-size: 14px;
	 }
	 .resources-current .current-form {
		margin-bottom: 25px;
	 }
	 .resources-current .current-form form {
		flex-wrap: wrap;
		padding: 15px 10px;
	 }
	 .resources-current .current-form form .form-group {
		width: 100%;
		margin: 0 0 10px 0;
		font-size: 16px;
	 }
	 .resources-current .current-form form .form-group:first-child {
		margin-bottom: 10px;
	 }
	 .resources-current .current-form form label {
		width: 70px;
		margin: 0 5px 0 0;
		font-size: 16px;
	 }
	 .resources-current .current-form form select {
		width: calc( 100% - 70px );
	 }
	 .resources-current .current-form form .period {
		display: flex;
		align-items: center;
		width: calc( 100% - 70px );		
	 }
	 .resources-current .current-form form input[type=text] {
		width: 49%;
		font-size: 16px;
	 }
	 .resources-current .current-form form button {
		width: 100%;
		margin-left: 0;
	 }

	 .resources-current .current-list .line-box {
		width: 100%;
		padding: 15px 15px 5px 15px;
	 }
	 .resources-current .current-list .line-box ul li {
		flex-wrap: wrap;
	 }
	 .resources-current .current-list .line-box ul li .tit {
		width: 100%;
		padding-bottom: 3px;
	 }
	 .resources-current .current-list .line-box ul li .txt {
		width: 100%;
	 }
	 .resources-current .current-list .line-box .label-groups a {
		width: 85px;
		height: 40px;
		line-height: 40px;
		font-size: 16px;
	 }
	 .resources-current .current-list .line-box .label-groups span {
		width: 85px;
		height: 40px;
		line-height: 40px;
		font-size: 16px;
	 }
	 
	 .sub-tabmenu {
		display: none !important;
	 }
	 /* 일반로그인+소셜로그인 */
	.login-wrap {
		padding: 0 15px;
	}
	.login-wrap .info-txt {
		margin-bottom: 30px;
	}
	.login-wrap .info-txt i {
		font-size: 20px;
	}
	.login-wrap>div {
		width: 100%;
	}
	.login-wrap .default-login {
		height: auto;
		margin: 0;
		padding-bottom: 25px;
		margin-bottom: 35px;
		border-bottom: 1px solid #DBDBDB;
	}
	.login-wrap .sns-login {
		margin-left: 0;
	}	
	.login-wrap .sns-login ul li:before {
		top: 7px;
	}
}