@charset "utf-8";


/*-----------------------------------------------------------------------------------------------------------
기본
-----------------------------------------------------------------------------------------------------------*/
.btnDiv {
    clear: both;
    padding: 10px 0
}

.pageDiv {
    clear: both;
    overflow: hidden;
    width: 100%;
    text-align: center
}

.page_number {
    padding: 20px 0;
    text-align: center;
    clear: both;
}

/*-----------------------------------------------------------------------------------------------------------
버튼
-----------------------------------------------------------------------------------------------------------*/


.btnGry {
    display: inline-block;
    background: #666;
    color: #fff;
    width: 100px;
    height: 40px;
    text-align: center;
    font-weight: 300;
    vertical-align: middle
}

.btn01 {
    display: inline-block;
    padding: 5px 10px;
    border: 1px solid #222;
    background: #555;
    font-size: 13px;
    border-radius: 3px;
    vertical-align: middle;
}

a.btn01,
input.btn01,
button.btn01 {
    color: #fff;
}

a:hover.btn01,
input:hover.btn01,
button:hover.btn01 {
    color: #fff;
    border: 1px solid #222;
    background: #777;
}

.srchBt {
    display: inline-block;
    width: 79px;
    height: 33px;
    background: #009953;
    line-height: 33px;
    text-align: center;
    vertical-align: middle
}

.srchBt span {
    padding-left: 20px;
    background: url('/SW_bbs/img/srch_icon.png') no-repeat 0 center;
    background-size: 35%;
    color: #fff;
    line-height: 32px;
}

.btn_Gry {
    display: inline-block;
    padding: 7px 25px;
    border: 1px solid #222;
    background: #555;
    font-size: 16px;
    border-radius: 3px;
    vertical-align: middle;
}

a.btn_Gry,
input.btn_Gry,
button.btn_Gry {
    color: #fff;
}

a:hover.btn_Gry,
input:hover.btn_Gry,
button:hover.btn_Gry {
    color: #333;
    border: 1px solid #222;
    background: #fff;
}

.btn_Pot {
    display: inline-block;
    padding: 7px 25px;
    border: 1px solid #f66d4b;
    background: #f66d4b;
    font-size: 16px;
    border-radius: 3px;
    vertical-align: middle;
}

a.btn_Pot,
input.btn_Pot,
button.btn_Pot {
    color: #fff;
}

a:hover.btn_Pot,
input:hover.btn_Pot,
button:hover.btn_Pot {
    color: #f66d4b;
    border: 1px solid #f66d4b;
    background: #fff;
}

.btn_down {
    display: inline-block;
    padding: 10px 35px 10px 10px;
    border: 1px solid #333;
    font-size: 13px;
    vertical-align: middle;
    background: #555;
    position: relative
}

.btn_down:after {
    position: absolute;
    background: url(/img/common/com_img.png) no-repeat;
    content: "";
    top: 8px;
    right: 10px;
    width: 17px;
    height: 17px;
    background-position: -126px -52px
}

a.btn_down,
input.btn_down,
button.btn_down {
    color: #fff !important;
}

a:hover.btn_down,
input:hover.btn_down,
button:hover.btn_down {
    color: #fff !important;
    border: 1px solid #333;
}


/* 컨텐츠버튼 */
.point-btn,
.base-btn {
    display: inline-block;
    font-size: 16px;
    letter-spacing: -0.02em;
    padding-right: 20px;
    vertical-align: baseline;
    transition: background .3s;
    margin-bottom: 5px;
    border-radius: 30px
}

.point-btn span,
.base-btn span {
    display: block;
    padding: 14px 20px;
    line-height: 1;
    transition: all .3s;
    color: #fff
}

.point-btn span.link,
.base-btn span.link {
    background: url(/img/common/ico_link02.png) no-repeat 95% 50%;
    padding-right: 40px;
}

.point-btn:hover span.link,
.point-btn:focus span.link,
.base-btn:hover span.link,
.base-btn:focus span.link {
    background-position: 100% 50%;
}

.point-btn {
    background: #f66d4b;
    border: 1px solid #f66d4b;
    color: #fff !important;
}

.point-btn:hover span.link,
.point-btn:focus span.link {
    background: #fff;
    color: #f66d4b !important;
    border-radius: 30px
}

.base-btn {
    background: #555;
    border: 3px solid #555;
    color: #fff !important;
}

.base-btn:hover span.link,
.base-btn:focus span.link {
    background: #fff;
    color: #555 !important;
    border-radius: 30px
}


/*-----------------------------------------------------------------------------------------------------------
/*게시판
-----------------------------------------------------------------------------------------------------------*/

.tb1 {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    border-top: 2px solid #000;
    margin: 10px 0;
    border-left: 1px solid #ccc;
}

.tb1 th,
.tb1 td {
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 15px 8px;
    line-height: 160%;
    vertical-align: middle;
}

.tb1 thead th {
    font-weight: 400;
    background: #f3f3f3;
}

.tb1 tbody th {
    background-color: #fafafa;
    font-weight: 500;
    text-align: center;
}

.tb1 td {
    background-color: #fff;
    font-weight: 300;
}

.tb1 tbody th:last-child,
.tb1 tbody td:last-child {
    border-right: 0
}

.td_pc_none {
    display: none;
}

.td_pc_block {}

.th_pc_none {
    display: none;
}

.span_pc_none {
    display: none !important;
}

.span_pc_block {
    display: inline;
}

.tb2 {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    border-top: 2px solid #000;
    margin: 10px 0;
    border-left: 0px solid #ccc;
}

.tb2 th,
.tb2 td {
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 15px 8px;
    line-height: 160%;
    vertical-align: middle;
}

.tb2 thead th {
    font-weight: 400;
    background: #f3f3f3
}

.tb2 tbody th {
    background-color: #fafafa;
    font-weight: 400;
    border-right: 1px solid #ccc;
    text-align: center;
}

.tb2 tbody th.type1 {
    background-color: #e5f1f6;
    font-weight: 400;
    text-align: center;
}

.tb2 thead th:last-child,
.tb2 tbody th:last-child,
.tb2 tbody td:last-child {
    border-right: 0
}

.tb2 td {
    background-color: #fff;
    font-weight: 300;
    text-align: left
}

.tb3 {
    width: 100%;
    border-collapse: separate;
    border-spacing: 5px;
}

.tb3 th {
    padding: 10px 8px;
    line-height: 150%;
    background-color: #f2f2f2;
    color: #0c7bc2;
    border-radius: 20px;
    border: 1px solid #ddd;
    font-weight: 400;
}

.tb3 td {
    background-color: #fff;
    border-bottom: 1px dashed #ddd;
    padding: 10px 8px;
    line-height: 150%;
    font-weight: 300;
}

.tb3 td span.type1 {
    padding-left: 10px;
    color: #44bcb4
}

.tal {
    text-align: left !important;
}

.tac {
    text-align: center !important;
    text-indent: 0 !important;
}

.bd_r {
    border-right: 1px solid #ccc !important;
}

.col_5 {
    width: 20%
}

.table_m,
.board_m {
    display: none
}

.ovf {
    overflow: hidden
}

/*-----------------------------------------------------------------------------------------------------------
동그라미 게시판
-----------------------------------------------------------------------------------------------------------*/
	.tb5		{ width:100%; border-collapse: separate; border-spacing:15px;}
	.tb5 th		{ padding:10px 0; line-height:150%; background-color:#fff;border:1px dashed #7dbd45;width: 140px ;height:120px; color:#000; border-radius:80px;   font-weight:400; font-size:21px }
	.tb5 td		{    padding:20px 20px 20px 10px ;  line-height:150%; font-weight:300; font-size:16px; }

/* 모바일 해상도 */
@media all and (max-width:980px) {
	.tb5		{ border-spacing:5px;}
 	.tb5 th		{ padding:10px 0; line-height:150%; background-color:#fff;border:0px dashed #7dbd45;border-bottom:1px dashed #7dbd45;width: 100% ;height:auto; color:#000; border-radius: 0px;   font-weight:400; font-size:21px }
 	.tb5 th br		{display: none}
 
}

/*-----------------------------------------------------------------------------------------------------------
사업_이미지
-----------------------------------------------------------------------------------------------------------*/
.business_tt{text-align: center; position: relative; font-size: 17px;font-weight: 400;padding: 0 10%;}
 
ul.bu_r		{   text-align: center;width: 65%; position: relative;margin: 30px auto 0}
	ul.bu_r li 	{ float: left; text-align: center;  font-weight:400;width: 33.3%; letter-spacing: -2px;  margin-bottom: 0px;  }
	ul.bu_r li span		{ width: 100%;  font-weight:bold;  font-size: 16px;color:#000}
	ul.bu_r li span.txt1	{position: relative; font-size: 20px;display: inline-block; font-weight:400;border-radius: 75px; width: 120px; height: 60px; padding-top: 60px; background:url(/img/business/icon_02.png)no-repeat 50% 25% #066564; text-align: center;color:#fff !important;  margin-bottom: 10px; }
	ul.bu_r li span.txt2	{position: relative;font-size: 20px;  display: inline-block; font-weight:400;border-radius: 75px; width: 120px;  height: 60px; padding-top: 60px; background:url(/img/business/icon_01.png)no-repeat 50% 25% #46ab6e;  text-align: center;color:#fff !important;  margin-bottom: 10px;  }
	ul.bu_r li span.txt3	{position: relative;font-size: 20px;  display: inline-block; font-weight:400;border-radius: 75px; width: 120px;  height: 60px; padding-top: 60px; background:url(/img/business/icon_03.png)no-repeat 50% 25% #78a80a;  text-align: center;color:#fff !important;  margin-bottom: 10px; }
	ul.bu_r li span.txt3:after {position: absolute;
    top:  145px;
    left: -30px;
	width: 253px;
    height: 91px;
    content: '';
	background: url(/img/business/business_bg.png)no-repeat;
    display: block;
     
z-index: 10;}
.business_box	{border-radius: 30px; padding: 5%;width: 90%;background: #f6f6f6;}


.business_img{position: relative; width: 100%; margin: 20px 0;clear: both}
.business_img ul		{ }
.business_img li{float:left;display:inline-block; width: 32%; margin-right: 2%;}
.business_img li:nth-child(3){margin-right: 0%;}
.business_img li img{width: 100%;  }
/* 모바일 해상도 */
@media all and (max-width:980px) {
ul.bu_r		{   width:100%;  }	
	ul.bu_r li 	{  width: 50%; }
ul.bu_r li span.txt3,ul.bu_r li span.txt3:after {display: none}
.business_tt{text-align: center; position: relative; font-size: 17px;font-weight: 400;border: 1px solid #ddd;padding: 5%}
	
.business_img li{float:left;display:inline-block; width: 96%; margin-right: 2%; margin-left: 2%;margin-bottom: 2%}
}


/*.tb4 {
    width: 100%;
    border-collapse: separate;
    border-spacing: 5px;
}

.tb4 thead th {
    padding: 10px 8px;
    line-height: 150%;
    background-color: #ff9179;
    border-radius: 20px;
    border: 1px solid #ed6e4b;
    font-weight: 400;
    color: #fff;
}

.tb4 tbody th {
    padding: 10px 8px;
    line-height: 150%;
    background-color: #f2f2f2;
    color: #424542;
    border-radius: 20px;
    border: 1px solid #ddd;
    font-weight: 400;
}

.tb4 td {
    background-color: #fff;
    border-bottom: 1px dashed #ddd;
    padding: 10px 8px;
    line-height: 150%;
    font-weight: 300;
}

.tb4 td span.type1 {
    padding-left: 10px;
    color: #44bcb4
}
*/
/*-----------------------------------------------------------------------------------------------------------*/

/* 모바일 해상도 */
@media all and (max-width:800px) {

    /* table_style */
    .tb1 thead tr {
        display: none;
    }

    .tb1 tbody th {
        border-right: 1px solid #f2f2f2;
    }

    .tbody_th {
        border-top: 2px solid #222;
        text-align: left;
    }

    .tb1 tbody .responsive_tr {
        border-bottom: 3px solid #f00 !important;
    }

    .tb1 td {
        text-align: left;
    }

    .tb1 td br {
        display: none !important;
    }

    .tb1 td,
    table.tb1 th {
        padding: 8px 5px;
    }

    .col_5 {
        width: 25%
    }

    .bd_no_pc {
        display: none !important;
    }

    .table_pc,
    .board_pc {
        display: none
    }

    .table_m,
    .board_m {
        display: block
    }

    .table_m img {
        width: 95%;
        text-align: center
    }

    .tac {
        text-align: left !important;
    }

    .srchBt2 {
        width: 50px;
    }

    /* 모바일 해상도 */
    /* Force table to not be like tables anymore */
    #no-more-tables table,
    #no-more-tables thead,
    #no-more-tables tbody,
    #no-more-tables th,
    #no-more-tables td,
    #no-more-tables tr {
        display: block;
    }

    /* Hide table headers (but not display: none;, for accessibility) */
    #no-more-tables thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    #no-more-tables tr {
       border-top: 1px solid #ccc;
       /*   border-bottom: 1px solid #ccc;*/
    }

    #no-more-tables th {
        border-right: none;
    }

    #no-more-tables td {
        /* Behave  like a "row" */
        border: none;
        /*border-bottom: 1px solid #eee;*/
        position: relative;
        padding-left: 0%;
        white-space: normal;
        text-align: center;
        font-weight: 400;

    }
	 #no-more-tables tr:last-child td{
        border-bottom: 1px solid #eee; 
 		 text-align: left;

    }

    #no-more-tables td:before {
        /* Now like a table header */
        position: absolute;
        /* Top/left values mimic padding */
        left: 6px;
        width: 20%;
        padding-right: 10px;
        white-space: nowrap;
        text-align: left;
        font-weight: 400;
        border-right: 1px solid #eee;
        color: #000
    }

    /*
		Label the data
		*/
    #no-more-tables td:before {
        content: attr(data-title);
    }

    .bd_r {
        border-right: 1px solid #fff !important;
    }

    .ovf {
        overflow-x: scroll;
        padding-bottom: 15px;
        position: relative;
        padding-top: 60px;
    }

    .ovf:after {
        width: 100%;
        height: 60px;
        position: absolute;
        left: 0px;
        top: 0;
        display: block;
        content: "";
        background: #eceff1;
        z-index: -1
    }

    .ovf:before {
        width: 360px;
        height: 30px;
        position: absolute;
        left: 10px;
        top: 15px;
        font-size: 15px;
        letter-spacing: -0.05em;
        color: #555;
        display: block;
        content: "← 좌우로 스크롤 하시면 자세히 보실 수 있습니다  →";
        box-sizing: border-box;
        line-height: 30px;
    }

    .ovf table {
        width: 620px !important
    }

}

/* paging */
.paging {
    display: inline-block;
    vertical-align: middle;
    padding: 25px 0;
    width: 100%;
    overflow: hidden;
    text-align: center;
    font-size: 0;
}

.paging a {
    display: inline-block;
    vertical-align: middle;
    margin: 2px;
    padding: 0px 6px;
    min-width: 10px;
    height: 22px;
    font-size: 13px;
    color: #b7b7b7;
    letter-spacing: -1px;
    line-height: 22px;
    text-align: center;
    border: #fff solid 1px;
    background: #fff;
}

.paging a:hover {
    color: #e1708e;
}

.paging a.on {
    color: #e1708e;
    border: #e1708e solid 1px;
    background: #fff;
}

.paging a.focus {
    color: #fff;
    border: #e1708e solid 1px;
    background: #e1708e;
}

.paging a.focus:hover {
    color: #fff;
    border: #be1e2d solid 1px;
    background: #be1e2d;
}

/* 리스트검색 */
.listSrch {
    border: 1px solid #ddd;
    background: #f7f7f7;
    text-align: center;
    padding: 15px 0;
}

.listSrch select {
    width: 90px;
}

.listSrch select.type2 {
    width: 360px;
}

.listSrch input {
    width: 360px;
}

.listSrch strong {
    color: #333;
    margin-right: 6px
}

.listSrch .btnGry {
    height: auto;
    width: auto;
    padding: 8px 20px 7px;
    line-height: 18px;
    color: #FFF !important
}


/* 모바일 해상도 */
@media all and (max-width:800px) {

    .listSrch {
        padding: 12px 0;
    }

    .listSrch select {
        width: 20%;
    }

    .listSrch input {
        width: 30%;
    }

    .listSrch select.type2 {
        width: 60%;
    }

    .listSrch strong {
        font-size: 13px
    }

    .listSrch .btnGry {
        font-size: 13px;
        padding: 8px 2% 7px;
    }

}

/*-----------------------------------------------------------------------------------------------------------
공통
-----------------------------------------------------------------------------------------------------------*/


h4.h4_title {
    clear: both;
    margin-bottom: 15px;
    font-size: 24px;
    font-weight: 500;
    letter-spacing: -1px;
    padding: 0px 0 0 32px;
    color: #000;
    line-height: 24px;
    position: relative;
	font-family: 'Noto Sans KR'; 
}

h4.h4_title:before {
    position: absolute;
    top: 0px;
    left: 0;
	width: 24px;
    height: 24px;
    content: '';
	background: url(/img/common/t_ic.png)no-repeat;
    display: block;
    /*color: #f66d4b;*/
    z-index: 10;
}

h5.h5_title {
    position: relative;
    padding-left: 26px;
    margin-left: 10px;
    color: #f66d4b;
    clear: both;
    font-weight: 400;
    font-size: 18px;
}

h5.h5_title:before {
    position: absolute;
    content: '';
    background: url(/img/common/com_img.png) no-repeat;
    background-position: -54px -19px;
    width: 20px;
    height: 20px;
    top: 4px;
    left: 0;
}

h5.h5_title2 {
    padding-left: 20px;
    margin-left: 10px;
    color: #000;
    clear: both;
    font-weight: 400;
    font-size: 18px;
}


div.con {
    padding: 10px 0 0 15px;
    line-height: 160%;
}

div.s_con {
    padding: 10px 0 0 25px;
    line-height: 160%;
    font-size: 13px
}

div.con_box {
    padding: 20px;
    line-height: 200%;
    border: #efefef solid 1px;
    border-radius: 12px;
}

div.con_box ol li {
    line-height: 180%;
    list-style: decimal;
}

ul.img {
    clear: both;
    margin-top: 20px;
}

ul.img li {
    display: inline-table;
    margin-bottom: 10px;
    margin-right: 1%;
    text-align: center;
    box-sizing: border-box;
    line-height: 20px
}

ul.img li:last-child {
    margin-right: 0
}

ul.img li img {
    width: 100%;
    border-radius: 20px
}

ul.img li.w-3 {
    width: 32.3%;
    height: 180px
}

ul.img li.w-4 {
    width: 49%;
}

.con_img {
    clear: both;
    margin: 15px 0 0 0;
}

.con_img:after {
    content: '';
    display: block;
    clear: both;
    height: 0;
    visibility: hidden
}

.con_img p.img {
    width: 265px;
    float: left;
    margin: 10px 0;
}

.con_img p.img img {
    width: 265px;
}

.con_img div.txt {
    float: left;
    float: left;
    width: 935px;
}


.point_txt {
    font-size: 24px;
    text-align: center;
    padding: 10px 0 20px;
    color: #000;
    font-weight: 400
}

.tt_txt {
    font-size: 30px;
    padding: 30px 0 20px 0;
    letter-spacing: -2px;
    font-weight: normal;
    color: #222;
    line-height: 150%
}

.stt_txt {
    font-size: 18px;
    padding-bottom: 10px;
    line-height: 140%
}

ol.bu1 {
    margin: 5px 0 0 10px;
}

ol.bu1 li {
    line-height: 170%;
    list-style: decimal !important
}

ul.bu1 {
    margin: 5px 0 0 10px;
}

ul.bu1 li {
    line-height: 170%;
}

ul.bu2 {
    margin: 5px 0 0 40px;
}

ul.bu2 li {
    line-height: 170%;
    list-style-type: disc !important
}

ul.bu2 li strong {
    font-weight: 400;
    color: #000
}

ul.bu2 li strong.type1 {
    font-weight: 400;
    color: #ed601b !important
}

ul.bu3 {
    margin-left: 5px
}

ul.bu3 li {
    line-height: 150%;
    background: url(/img/common/bu_3.gif) no-repeat 0 8px;
    padding-left: 15px
}

ul.bu3 li ul li {
    margin-left: 5px;
    line-height: 160%;
    list-style-type: none;
    background: url(/img/common/bu_4.gif) no-repeat 0 8px;
    padding-left: 10px
}

ul.bu3 li strong {
    font-weight: 400;
    color: #ed601b
}


.gap {
    height: 10px;
    clear: both;
    display: block;
}

.f_point {
    color: #ed601b
}



/* 테블릿 가로 해상도 */
@media all and (max-width:1199px) {

    .sub_page_txt {
        clear: both;
        margin-top: 20px
    }
}

/* 모바일 해상도 */
@media all and (max-width:980px) {

    h5.h5_title3 {
        text-align: center
    }

    h5.h5_title3 span {
        margin-right: 0px;
        font-size: 1em;
        line-height: 140%;
    }

    ul.img {
        clear: both;
        margin-top: 10px;
    }

    ul.img li {}

    ul.img li img {
        width: 100%;
    }

    ul.img li.w-3 {
        width: 100%;
        height: auto;
        margin-bottom: 3px
    }

    div.img img {
        width: 100%
    }

    div.con_box {
        height: 180px;
        overflow: auto
    }

    .con_img p.img {
        width: 100%;
        clear: both;
        margin-bottom: 5px;
    }

    .con_img p.img img {
        width: 100%;
    }

    .con_img div.txt {
        clear: both;
        width: 100%;
    }

    .img_pc {
        display: none
    }

    .mw100 {
        width: 100%
    }



}

/* 모바일 해상도 */
@media all and (max-width:640px) {

    .con_img img {
        width: 100%;
    }

    ul.img {
        clear: both;
        margin-top: 10px;
    }

    ul.img li {}

    ul.img li img {
        width: 100%;
    }

    div.pimg {
        display: none
    }

    ul.mimg {
        clear: both;
        margin-top: 0px;
        display: block;
        margin-bottom: 10px;
        text-align: center;
        box-sizing: border-box
    }

    ul.mimg li {
        margin: 1% 0;
        width: 49.5%;
        float: left;
    }

    ul.mimg li img {
        width: 100%;
    }

}



.box-type {
    position: relative;
    text-align: center;
    margin-top: 10px;
    position: relative
}

.box-type:after {
    content: "";
    display: block;
    position: absolute;
    width: 29px;
    height: 85px;
    background: url(/img/common/dpt_char_spr.png) no-repeat;
    z-index: 10;
    top: 0;
    left: 48.5%
}

.char_tit {
	margin-top: 60px;
 margin-bottom: 20px;
    text-align: center;
	 
	 
}
 
.char_tit span.char_t {
	 
    font-size: 28px;
   
	 position: relative;
    color: #066564;
    font-weight: 500;
	 
     height: 101px;
 
   
}
.char_tit span.char_t:after {
    content: "";
    display: block;
    position:absolute;
	top:80px;
	left:50%;
	transform: translateX(-50%);
    width: 50px;
    height: 1px;
    
    z-index: 10;
	background: #2a9b39;
 
}
.char_tit span.char_bg1 {
 
	 display:inline-block;
    
    width: 24px; 
   height: 101px;
    background: url(/img/common/s_title_1.png) no-repeat left 50%; 
    padding-right: 50px;
 vertical-align:middle;
 
}
 .char_tit span.char_bg2 {
 
    display:inline-block;
    width: 24px;
    height: 101px;
	 vertical-align:middle;
	padding-left: 50px;
    background: url(/img/common/s_title_2.png) no-repeat right 50%; 
 
 
}
/*.char-tit {}

.char-tit p.tit {
    font-size: 30px;
    line-height: 40px;
    color: #116fb0;
    font-weight: 500;
    letter-spacing: -1px;
    padding-top: 85px
}

.char-tit p.tit span {
    font-size: 30px;
    line-height: 40px;
    color: #333;
    font-weight: 300;
}

.char-tit p.tit2 {
    font-size: 30px;
    line-height: 40px;
    color: #000;
    font-weight: 500;
    letter-spacing: -1px;
    padding-top: 85px
}

.char-tit p.tit2 span.point {
    font-size: 30px;
    line-height: 40px;
    color: #3eb134;
    font-weight: 500;
}

.char-tit p.tit2 span.point2 {
    font-size: 30px;
    line-height: 40px;
    color: #ea2d6b;
    font-weight: 500;
}
*/
/*.box-type p.txt {
    line-height: 160%;
    padding-top: 15px;
    position: relative;
    padding-bottom: 25px
}

.box-type p.txt span.point {
    color: #000;
    font-weight: 500
}

.box-type p.txt:after {
    content: "";
    position: absolute;
    height: 4px;
    background: url(/img/common/boxTop_bg.gif);
    width: 100%;
    bottom: 0;
    left: 0;
}*/


@media only screen and (max-width:768px) {
    .char-tit {
        font-size: 23px;
        line-height: 1.4;
        margin-top: 5px;
    }

    .char-tit .e-tit {
        font-size: 14px;
    }

    .char-tit:after {
        margin-top: 15px;
        margin-bottom: 15px;
    }

    .box-type p.txt br {
        display: none;
    }
	 .char_tit span.char_bg1,.char_tit span.char_bg2 {  display: none;}
	.char_tit span.char_t:after { top:-20px; }
	.char_tit span.char_t{
        font-size: 24px
    }
}

@media only screen and (max-width:699px) {
    .char-tit {
        font-size: 18px
    }

    .char-tit .e-tit {
        font-size: 12px;
    }
}

@media only screen and (max-width:549px) {

    .char-thum:after,
    .char-tit:after {
        display: none;
    }

    .char-tit {
        margin-bottom: 10px;
    }

}

 
/*-----------------------------------------------------------------------------------------------------------
사이트맵
-----------------------------------------------------------------------------------------------------------*/
/* 컨텐츠 영역_사이트맵 */
#contents_sitemap {}

#contents_sitemap p.site {
    width: 100%;
    font-size: 22px;
    font-weight: 400;
    color: #f66d4b;
    letter-spacing: -1px;
    line-height: 70px;
    text-align: center;
    border-top: #e8e7e2 solid 1px;
    border-left: #e2e1dc solid 1px;
    border-right: #e2e1dc solid 1px;
    border-bottom: #b5b4b0 solid 1px;
    border-radius: 12px;
    box-shadow: inset 0px -2px 0px #fff, 0px 1px 3px rgba(0, 0, 0, 0.07);
    background: #fff;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#f9f8f4);
    background: -webkit-linear-gradient(top, #ffffff 0%, #f9f8f4 100%);
    background: -moz-linear-gradient(top, #ffffff 0%, #f9f8f4 100%);
    background: -ms-linear-gradient(top, #ffffff 0%, #f9f8f4 100%);
    background: -o-linear-gradient(top, #ffffff 0%, #f9f8f4 100%);
    background: linear-gradient(top, #ffffff 0%, #f9f8f4 100%);
}

#contents_sitemap .cate_line {
    margin-bottom: 20px;
    *zoom: 1
}

#contents_sitemap .cate_line:after {
    content: "";
    display: block;
    clear: both;
}

#contents_sitemap .cate_line .cate {
    display: inline-block;
    vertical-align: top;
    width: 240px;
    height: auto;
	 
    margin: 20px 15px;
}

#contents_sitemap .cate_line .cate ul {
    margin: 10px 0 15px 0
}

#contents_sitemap .cate_line .cate ul li {
    padding: 5px 0 10px 0;
    margin: 3px 0 0 30px;
    border-bottom: #f2f2f2 1px solid;
    list-style-type: disc !important
}

#contents_sitemap .cate_line .cate ul li a {
    color: #666;
    letter-spacing: -1px;
}

#contents_sitemap .cate_line .cate ul li a:hover {
    color: #f66d4b;
}

#contents_sitemap .cate_line .cate ul li.sub {
    padding: 5px 0 10px 20px;
    margin: 0 0 0 30px;
    background: #f3f3f3;
    list-style-type: none !important;
    position: relative
}

#contents_sitemap .cate_line .cate ul li.sub:before {
    position: absolute;
    content: '-';
    top: 0;
    left: 5px;
}

.sc_title {
    clear: both;
    padding: 5px 0 5px 10px;
    border: dotted 1px #999;
    font-weight: bold;
    background: #f3f3f3;
}

.sc_text {
    clear: both;
    margin: 5px 0 0 20px;
    line-height: 200%
}

.sc_text ul li ol li {
    list-style: decimal !important
}

.sc_text ul {
    margin: 5px 0 0 20px
}

.sc_text li {
    line-height: 160%;
    margin-bottom: 5px;
}


/* 테블릿 가로 해상도 */
@media all and (max-width:1199px) {
    #contents_sitemap .cate_line .cate {
        float: left;
        width: 22%;
        height: auto;
        margin: 20px 3% 10px 0px;
    }

    #contents_sitemap .cate_line ul li br {
        display: none
    }

}

/* 모바일 해상도 */
@media all and (max-width:800px) {
    #contents_sitemap .cate_line .cate {
        width: 100%;
        height: auto;
        margin: 20px 0 10px 0px;
        clear: both
    }
}



/*-----------------------------------------------------------------------------------------------------------
탭메뉴
-----------------------------------------------------------------------------------------------------------*/
.tab_menu {
    overflow: hidden;
    width: 100%;
    margin: 1px 0;
    border: 1px #ddd solid;
}

.tab_menu:after {
    content: "";
    display: block;
    clear: both;
}

.tab_menu li {
    _display: inline;
    float: left;
    border-left: 1px #ddd solid;
    text-align: center;
    box-sizing: border-box;
    background: #fff;
    height: 45px;
    vertical-align: middle
}

.tab_menu li:first-child {
    border-left: none;
}

.tab_menu li a {
    display: block;
    padding: 15px 0;
    color: #444
}

.tab_menu li a:hover {
    background: #193390;
    color: #fff;
}

.tab_menu li.on {
    background: #193390;
    border: 1px solid #193390;
    transition: all 0.15s ease-out;
    -webkit-transition: all 0.15s ease-out;
    -o-transition: all 0.15s ease-out;
    -moz-transition: all 0.15s ease-out;
}

.tab_menu li.on a {
    color: #fff;
}

.tab_menu span.w-2 {
    width: 48%
}

.tab_menu span.w-3 {
    width: 31%
}

.tab_menu span.w-4 {
    width: 23%
}

.tab_menu span.w-5 {
    width: 18.7%
}



/* 모바일 해상도 */
@media all and (max-width:800px) {

    .tab_menu {
        border: none
    }

    .tab_menu li:first-child {
        border-left: 1px #ddd solid;
    }

    .tab_menu {
        margin-bottom: 2px
    }

    .tab_menu li {
        border: 1px solid #ddd;
        margin: 1px
    }

    .tab_menu span.w-4,
    .tab_menu span.w-5,
    .tab_menu span.w-3,
    .tab_menu span.w-2 {
        width: 48%
    }

    .tab_menu span br {
        display: block
    }


}


#tabs {
    overflow: hidden;
    width: 80%;
	margin-left: 10%;
    margin-top: 0px;
    padding: 0;
    list-style: none;
    text-align: center;
	display: inline-block;
}

 
#tabs li {
    position: relative;
    float: left;
    box-sizing: border-box;
    border: 1px solid #ddd;
   /* border-left: none;*/
    padding: 20px 0;
    transition: all 0.6s;
	border-radius: 70px;
	background: #eee;
	 
 
}

#tabs li:first-child {
   /* border-left: 1px solid #ddd;*/
  /*  border-radius: 0px*/
}

#tabs li:last-child {
    /*border-radius: 0 0*/
}

#tabs li#current,
#tabs li.on {
    background: #46a4ab;
}

#tabs li#current a,
#tabs li.on a {
    color: #FFF !important;
	 font-size: 21px;
	font-weight: 400;
}

#tabs li a {
   /* letter-spacing: -1px*/ 
}

#tabs li:hover a {
    color: #fff !important;
	font-size: 21px;
	font-weight: 400;
}

#tabs li:hover {
    background: #46a4ab;
}

#content {
    background: #fff;
    height: auto;
    position: relative;
    z-index: 2;
}

#tabs li.w-7 {
    width: 14.25%
}

#tabs li.w-6 {
    width: 16%
}

#tabs li.w-5 {
    width: 20%
}

#tabs li.w-4 {
    width: 24.4%;
	margin: 0 0.3%;
}

#tabs li.w-3 {
    width: 33%
}

#tabs li.w-2 {
    width: 49.4%;
	margin: 0 0.3%;
}

#tabs li.w-1 {
    width: 100%
}

/* 모바일 해상도 */
@media all and (max-width:980px) {


    #tabs {
        /*border-left: 1px solid #ddd;*/
		width: 100%;
		margin-left: 0%;
    }

    #tabs:after {
        content: '';
        display: block;
        clear: both;
        height: 0;
        visibility: hidden
    }

    #tabs li:first-child {
        border-left: 0px solid #ddd;
        border-radius: 0
    }

    #tabs li:nth-child(3),
    #tabs li:nth-child(4),
    #tabs li:nth-child(5),
    #tabs li:nth-child(6),
    #tabs li:nth-child(7),
    #tabs li:nth-child(8) {
        border-top: 0px
    }

    #tabs li:last-child {
        border-radius: 0
    }

    #tabs li {}

    #tabs li.w-7,
    #tabs li.w-6,
    #tabs li.w-5,
    #tabs li.w-4,
    #tabs li.w-3,
	#tabs li.w-2 {
        width: 50%
    }

}

/* 모바일 해상도 */
@media all and (max-width:980px) {
	#tabs li.w-7,
    #tabs li.w-6,
    #tabs li.w-5,
    #tabs li.w-4,
    #tabs li.w-3,
	#tabs li.w-2 {
        width: 99%;margin: 2px 0;border-radius: 50px
    }
}
/*-----------------------------------------------------------------------------------------------------------
컨텐츠-사업안내
-----------------------------------------------------------------------------------------------------------*/

/* 절차, 단계 */
.stepCon {
    position: relative;
    overflow: hidden;
}

.stepCon ol::after {
    display: block;
    clear: both;
    content: ''
}

.stepCon ol {
    width: 100%;
    text-align: center
}

.stepCon ol > li {
    position: relative;
    float: left;
    padding-right: 50px;
    text-align: center;
}

.stepCon ol > li:after {
    position: absolute;
    top: 70px;
    right: 10px;
    width: 21px;
    height: 36px;
    content: '';
    background: url('/img/common/arrow_right.gif') no-repeat;
}

.stepCon ol.step1 > li > div {
    position: relative;
    padding: 20px 5px 0 5px;
    min-height: 100px;
    color: #333;
    background: #fff;
    z-index: 2
}

.stepCon ol > li > div span {
    display: block;
}

.stepCon ol > li > div .num {
    position: relative;
    padding-bottom: 12px;
    color: #656565;
    font-size: 13px;
    height: 25px;
    box-sizing: border-box
}

.stepCon ol > li > div .tit {
    font-size: 16px;
    line-height: 22px;
    font-weight: bold;
    word-break: keep-all;
    padding: 15px 0;
    border: 5px solid #cfeeec;
    border-radius: 50px
}

.stepCon ol > li > div .tit2 {
    font-size: 16px;
    line-height: 22px;
    font-weight: bold;
    word-break: keep-all;
    padding: 15px 0;
    border: 5px solid #d7e1f2;
    border-radius: 50px
}

.stepCon ol > li > ul > li {
    width: 100%;
    font-size: 14px
}

.stepCon ol > li:last-child:after {
    display: none;
    background: none
}

.stepCon ol > li:last-child div .tit {
    color: #fff;
    background: #44bcb4;
    border: 5px solid #44bcb4
}

.stepCon ol > li.w-5 {
    width: 14%
}

.stepCon ol > li.w-6 {
    width: 10%
}

.stepCon ol > li.w-4 {
    width: 18%
}

.stepCon ol > li.w-3 {
    width: 27%
}


/* 모바일 해상도 */
@media all and (max-width:980px) {

    .stepCon ol {
        padding: 0;
        margin: 0;
    }

    .stepCon ol > li {
        margin: 3px 0;
        padding-right: 30px;
    }

    .stepCon ol > li:after {
        top: 60px;
        right: 0px;
    }

    .stepCon ol.step1 > li > div {
        min-height: 80px;
    }

    .stepCon ol > li > div .tit {
        padding: 5px 0;
    }

    .stepCon ol > li > div .tit2 {
        padding: 5px 0;
    }

    .stepCon ol > li.w-5,
    .stepCon ol > li.w-6,
    .stepCon ol > li.w-4 {
        width: 40%
    }

    .stepCon ol > li.w-3 {
        width: 25%
    }

}


/* 모바일 해상도 */
@media all and (max-width:640px) {}




/*-----------------------------------------------------------------------------------------------------------
컨텐츠-공통페이지
----------------------------------------------------------------------------------------------------------- */


.box {
    display: block;
    vertical-align: middle;
    background: #fff;
    box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.06);
}

.box.bg1 {
    border-top: #e8e7e2 solid 1px;
    border-left: #e2e1dc solid 1px;
    border-right: #e2e1dc solid 1px;
    border-bottom: #b5b4b0 solid 1px;
    border-radius: 12px;
    box-shadow: inset 0px -2px 0px #fff, 0px 1px 3px rgba(0, 0, 0, 0.07);
    background: #fff;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#f9f8f4);
    background: -webkit-linear-gradient(top, #ffffff 0%, #f9f8f4 100%);
    background: -moz-linear-gradient(top, #ffffff 0%, #f9f8f4 100%);
    background: -ms-linear-gradient(top, #ffffff 0%, #f9f8f4 100%);
    background: -o-linear-gradient(top, #ffffff 0%, #f9f8f4 100%);
    background: linear-gradient(top, #ffffff 0%, #f9f8f4 100%);
}

.box.auto {
    overflow: auto;
}

.box_wrap {
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    position: relative
}



/*-----------------------------------------------------------------------------------------------------------
컨텐츠-소개
-----------------------------------------------------------------------------------------------------------*/
.about_tt  {
    width: 100%;
    margin: 0 auto;
 	background: url(/img/about/img1.jpg) no-repeat bottom center; padding-bottom: 178px;margin-bottom: 40px
}
.about_tt span {
    width: 100%;
   float: left;
	line-height: 160%;
	font-weight: 500!important;
	text-align: center ;

}
.about {
    width: 100%;
    margin: 0 auto;
	line-height: 180%;
	font-size: 19px;
	letter-spacing: -0.5px;
   
}
.about_1 {
    width: 48%;
	margin-right: 4%;
	float: left;
	word-break: break-all;
	text-align: justify;
	 
}
.about_2 {
    width: 48%;
	float: left;
	word-break: break-all;
	text-align: justify;
	 
}
 span.fz20{
    font-size: 19px;
	text-align: right;
	font-weight: 500;
	 
}
 span.name{font-size: 30px;font-family: 'kdg_Medium';font-weight: 500;}
/* 테블릿 가로 해상도 */
@media all and (max-width:980px) {
	.about_tt  {
    width: 100%;
    margin: 0 auto;
 	background: url(/img/about/img1.jpg) no-repeat bottom center; padding-bottom: 238px;margin-bottom: 40px
}
	.about_1 {
    width: 100%;
	margin-right: 0%;
 
	 
}
.about_2 {
   width: 100%;
	 
}
	
	.f30{font-size: 24px; line-height: 150%}
	}

/*img.img_sz{
    width:70px;
}
*/	.vision_tt{text-align: center; position: relative; font-size: 21px;font-weight: 400;line-height: 32px; font-family: 'LotteMartDream';}
	.vision01 {overflow:hidden; margin-top:20px}
	.vision01 ul {text-align:center; }
	.vision01 li {width:310px; height:297px; color:#fff; display:inline-block;vertical-align:top;word-break: keep-all;  }
	.vision01 li p.v_tt {font-size:21px;   padding:90px 0 15px 0; margin-bottom:30px;  color:#fff; line-height:130%;/*border: 1px dashed #eee*/}
	.vision01 li p { width:210px; display:inline-block; font-size:16px; color:#e5eef4; line-height:140%}
	.vision01 li p span { color:#FF0}
	.vision01 li:nth-child(3) p.v_tt { padding:80px 0 15px 0;  }
	.vision01 li.v1{background:url(/img/about/vision01_1.gif) no-repeat center 0; }
	.vision01 li.v2{background:url(/img/about/vision01_2.gif) no-repeat center 0;}
	.vision01 li.v3{background:url(/img/about/vision01_3.gif) no-repeat center 0;}
	
 
	
	.vision02 {  width:100%; margin-top:20px;   position:relative}	
	.vision02 ul {text-align:center; }
	.vision02 li {width:30%; height:300px;margin: 1%; display:inline-block;vertical-align:top ;border: 1px solid #e5e5e5;border-top:1px solid #1c1c1c;  }
	.vision02 li p.v2_tt { width:100%; display:inline-block; line-height:150%;background: #f5f5f5; padding:25px 0; font-weight:500; font-size:20px; color:#000;word-break: keep-all;margin-bottom: 20px;}
	div.v4 li {clear: both;border: 0px solid #e5e5e5;width:100%;height: auto;font-size: 17px;letter-spacing: -1px;}


/* 테블릿 가로 해상도 */
@media all and (max-width:980px) {
 
	.vision02 li {width:97%; height:auto; }
 
	div.v4{  margin-bottom: 20px;}
	div.v4 li { font-size: 16px;letter-spacing: 0px;}
}
	
	
	


/*-----------------------------------------------------------------------------------------------------------
연혁
-----------------------------------------------------------------------------------------------------------*/ 
   .historyDiv {
    border-top: 2px solid #333;
    margin-top: 30px;
}

.historyDiv li {
    border-bottom: 1px solid #ddd;
    overflow: hidden;
    padding: 20px 0;
}

.historyDiv li.end {
    border-bottom: 0px solid #ddd;
}

.historyDiv li p.year {
    width: 25%;
    float: left;
    text-align: center;
    font-size: 35px;
    color: #066564;
    font-weight: 500;
    line-height: 65px;
    font-family: 'TmonMonsori';
}

.historyDiv li ul.hisTxt {
    width: 75%;
    float: right;
    color: #777;
    overflow: hidden
}

.historyDiv li ul.hisTxt li.txt {
    overflow: hidden;
    padding: 10px 0 !important;
    border-bottom: 0px solid #ddd;
}

.historyDiv li ul.hisTxt li.txt p.month {
    width: 12%;
    float: left;
    font-weight: 500;
    color: #e95383;
}

.historyDiv li ul.hisTxt li.txt p.history {
    width: 88%;
    float: left;
}

.historyDiv li ul.hisTxt li.txt p.history span {
    display: block;
    padding: 0 0 10px 15px;
    line-height: 150%;
    position: relative;
    color: #333;
}

.historyDiv li ul.hisTxt li.txt p.history span:before {
    position: absolute;
    content: '-';
    top: 0;
    left: 0;
}



/* 모바일 해상도 */
@media all and (max-width:800px) {

    .historyDiv {
        clear: both;
        margin-top: 20px
    }

    .historyDiv li {
        padding: 30px 2%;
        width: 96%;
    }

    .historyDiv li p.year {
        width: 100%;
        float: none;
        text-align: center;
        padding-bottom: 20px;
    }

    .historyDiv li ul.hisTxt {
        width: 100%;
        float: none;
    }

    .historyDiv li ul.hisTxt li.txt {
        padding: 5px 0 !important
    }

    .historyDiv li ul.hisTxt li.txt p.month {
        width: 100%;
        color: #e95383;
    }

    .historyDiv li ul.hisTxt li.txt p.history {
        width: 100%
    }
}

	
/* 연혁  */
/*
ul.history {
    border-top: 0px solid #000;
    margin-top: 20px;
}

ul.history p.img {
    width: 790px;
    margin: 0;
    text-align: left;
}

ul.history p.img:before {
    position: absolute;
    content: '·';
    top: 138px;
    left: 10px;
    border: 3px solid #fed271;
    height: 384px;
    width: 788px;
    z-index: -1
}

ul.history .txt {
    margin: 50px 0;
    position: relative;
    margin-left: 80px;
}

*/


/*조직도 */
.about_org {
    clear:both;
    height: 330px;
    position: relative;
}

.about_org:after {
    position: absolute;
    top: 58px;
    left: 50%;
    margin-left: -0.5px;
    content: "";
    display: block;
    width: 1px;
    height: 430px;
    background: #d1d1d1;
    z-index: -1
}

.about_org ul li.org0 {
    clear: both;
    width: 100%
}

.about_org ul li.org0 p.type2 {
    width: 340px;
    height: 80px;
    margin: 0 auto;
    line-height: 80px;
    font-size: 21px;
    font-weight: 500;
    border: 2px solid #f66d4b;
    background: #fff;
    padding: 0px 0;
    text-align: center;
    color: #000;
    border-radius: 15px;
    box-shadow: 5px 5px 0 #eee
}

.about_org ul li.org1 ul {
    position: relative;
    margin-top: 30px
}

.about_org ul li.org1 ul:after {
    position: absolute;
    top: 30px;
    left: 50%;
    content: "";
    display: block;
    width: 30%;
    height: 1px;
    background: #d1d1d1;
    z-index: -1
}

.about_org ul li.org1 ul li {
    width: 50%;
	margin-left: 50%;
    float: left;
}

.about_org ul li.org1 ul li p.type1 {
    width: 200px;
    margin: 0 auto 10px;
    border: 2px solid #0c7bc2;
    background: #fff;
    padding: 20px 0;
    text-align: center;
    color: #000;
    border-radius: 20px;
    box-shadow: 5px 5px 0 #eee;
	font-weight: 400
}

.about_org ul li.org2 {
    clear: both;
    width: 100%
}

.about_org ul li.org2 p.type1 {
    width: 250px;
    margin: 0 auto 30px;
    border: 2px solid #066564;
    background: #066564;
    padding: 15px 0;
    text-align: center;
    color: #fff;
    border-radius: 20px;
    box-shadow: 5px 5px 0 #eee;
    font-size: 18px;
    font-weight: 400
}
.about_org ul li.org2 p.type2 {
    width: 250px;
    margin: 0 auto 10px;
    border: 2px solid #066;
    background: #063;
    padding: 15px 0;
    text-align: center;
    color: #fff;
    border-radius: 20px;
    box-shadow: 5px 5px 0 #eee;
    font-size: 18px;
    font-weight: 400
}
.about_org ul li.org3 ul {
    position: relative;
    width: 80%;
	margin-left: 10%;
    margin-top: 30px
}

.about_org ul li.org3 ul:after {
    position: absolute;
    top: 40px;
    left: 171px;
    content: "";
    display: block;
    width: 377px;
    height: 1px;
    background: #d1d1d1;
    z-index: -1
}

.about_org ul li.org3 ul li {
    width: 50%;
    float: left
}

.about_org ul li.org3 ul li p.type1 {
    width: 200px;
    margin-left: 50px;
    margin-bottom: 18px;
    border: 2px solid #4ab6cb;
    background: #fff;
    padding: 20px  ;
    text-align: left;
    border-radius: 20px;
    box-shadow: 5px 5px 0 #eee;
    letter-spacing: -1px;
    position: relative;
	font-weight: 400
}

.about_org ul li.org3 ul li p.type1:after {
    position: absolute;
    top: 0px;
    left: 50%;
    content: "";
    display: block;
    width: 1px;
    height: 85px;
    background: #d1d1d1;
    z-index: -1
}

 

.about_org ul li.org4 ul {
    clear: both;
    position: relative;
    margin-top: 150px
}

.about_org ul li.org4 ul:after {
    position: absolute;
    top: 0px;
    left: 121px;
    content: "";
    display: block;
    width: 1042px;
    height: 1px;
    background: #d1d1d1;
    z-index: -1
}

 

.about_org ul li.org4 ul li {
 
	 width: 19%;
    float: left
}

.about_org ul li.org4 ul li p.type1 {
    vertical-align: middle;
    width: 80%;
    margin: 20px 2px 5px;
    height:  50px;line-height: 50px;
    border: 2px solid #4ab6cb;
    background: #fff;
    padding: 20px 13px;
    border-radius: 5px;
    letter-spacing: 0px;
    position: relative;;
	text-align: center;
    word-break: normal;
	font-weight: 400
}

.about_org ul li.org4 ul li p.type1:after {
    position: absolute;
    top: -21px;
    left: 50%;
    content: "";
    display: block;
    width: 1px;
    height: 27px;
    background: #d1d1d1;
    z-index: -1
}
.about_org ul li.org4 ul li p.type3 {
    vertical-align: middle;
    width: 80%;
    margin: 20px 2px 5px;
    height:  50px;
    border: 2px solid #4ab6cb;
    background: #fff;
    padding: 20px 13px;
    border-radius: 5px;
    letter-spacing: 0px;
    position: relative;;
	text-align: center;
    word-break: normal;
	font-weight: 400
}

.about_org ul li.org4 ul li p.type3:after {
    position: absolute;
    top: -21px;
    left: 50%;
    content: "";
    display: block;
    width: 1px;
    height: 27px;
    background: #d1d1d1;
    z-index: -1
}
.about_org ul li.org4 ul li p.type2 {
  
    vertical-align: middle;
    width: 80%;
    margin: 0px 2px 30px;
    height:  70px;
    border: 2px solid #eee;
    background: #eee;
    padding: 20px 13px;
    border-radius: 5px;
    letter-spacing: 0px;
    position: relative;;
	text-align: left;
    word-break: normal
}
 



/* 오시는길 */
.locaTitle {
    text-align: center;
    color: #252525;
    font-size: 2.6rem;
    padding-bottom: 15px;
}

.locaTx {
    text-align: center;
    font-size: 1.7rem;
    color: #252525;
}

.locaTx:before {
    content: "";
    display: inline-block;
    width: 5px;
    height: 9px;
    background: url("/img/common/aw_pc.gif") no-repeat 0 0;
    margin-right: 8px;
    vertical-align: 1px;
}

.mapArea {
    margin-top: 35px;
}
.locaInfoArea0 {
    margin-top: -30px;
    position: relative;
	background: #0d643a;
	color: #fff;
}
.locaInfoArea0 .add {
    padding: 30px 70px ;
    /*border-top: 1px dashed #ddd;*/
	 
}
.locaInfoArea {
    margin-top: 35px;
    position: relative;
}

.locaInfoArea:after {
    position: absolute;
    content: '';
    background: url(/img/about/map_img_01.gif) no-repeat;
    height: 283px;
    width: 450px;
    top: 390px;
    right: 0
}

.locaInfoArea .infoRow {
    padding: 40px 0 70px 126px;
    /*border-top: 1px dashed #ddd;*/
	width: 40%;
	float: left;
}

.locaInfoArea .infoRow:first-child {
    border-top: none;
}

.locaInfoArea .infoRow .infoTitle {
    font-size: 1.2em;
    color: #252525;
    font-weight: normal;
    padding-bottom: 15px;
}

.locaInfoArea .infoRow ul li {
    color: #252525;
    line-height: 150%;
    position: relative;
    padding-left: 15px;
    margin-left: 10px
}

.locaInfoArea .infoRow ul li:before {
    position: absolute;
   content:'·'; 
    top: 0;
    left: 0;
}

.locaInfoArea .infoRow ul li .point {
    color: #089593;
    font-weight: 400
}

.locaInfoArea .infoRow.row01 {
    background: url("/img/about/loca01.png") no-repeat 0 40px;
    background-size: 90px 90px;
}

.locaInfoArea .infoRow.row02 {
    background: url("/img/about/loca02.png") no-repeat 0 40px;
    background-size: 90px 90px;
}

.locaInfoArea .infoRow.row03 {
    background: url("/img/about/loca03.png") no-repeat 0 40px;
    background-size: 90px 90px;
}

.locaInfoArea .infoRow ul li > ul {
    padding-left: 10px;
}

.locaInfoArea .infoRow ul li > ul > li {
    background: url(/img/common/dot.png) no-repeat 0 7px;
    padding-left: 15px;
    padding-bottom: 5px;
}

.locaInfoArea .infoRow ul li span.line2 {display: inline-block;width: 20px; height: 20px;text-align: center;background: #3cb44a;color: #fff;font-size: 12px; line-height: 20px; border-radius: 50%;margin-right: 7px;}

.locaInfoArea .infoRow ul li span.bus01 {display: inline-block;width: 40px; height: 20px;text-align: center;background: #5fb73c;color: #fff;font-size: 14px; line-height: 20px; border-radius: 2px;margin-right: 4px;border: 1px solid #53a135; }

.locaInfoArea .infoRow ul li span.bus02 {display: inline-block;width: 40px; height: 20px;text-align: center;background: #00aeab;color: #fff;font-size: 14px; line-height: 20px; border-radius: 2px;margin-right: 4px;border: 1px solid #009996}

.locaInfoArea .infoRow ul li span.bus03 {display: inline-block;width: 40px; height: 20px;text-align: center;background: #f86e55;color: #fff;font-size: 14px; line-height: 20px; border-radius: 2px;margin-right: 4px;border: 1px solid #f86e55}

/* 주요사업 */

ul.support_bx {
    margin-top: 20px
}

ul.support_bx li {
    width: 31.6%;
    margin-right: 2%;
    border: 1px solid #ddd;
    border-radius: 12px;
    float: left;
    text-align: center;
    height: 450px;
    transition: all 0.6s;
}

ul.support_bx li:last-child {
    margin-right: 0;
}

ul.support_bx li:hover {
    width: 31.6%;
    margin-right: 2%;
    border: 1px solid #253a6b;
    background: #253a6b;
    color: #fff;
    border-radius: 12px;
    float: left;
    text-align: center;
    height: 450px;
}

ul.support_bx li:hover:last-child {
    margin-right: 0;
}

ul.support_bx li img {
    padding-top: 30px;
    height: 150px
}

ul.support_bx li p.tt {
    font-weight: 500;
    font-size: 20px;
    padding: 15px 0;
    color: #253a6b;
}

ul.support_bx li:hover p.tt {
    font-weight: 500;
    font-size: 20px;
    padding: 15px 0;
    color: #fff;
}

ul.support_bx li p.txt {
    padding: 5px 10px;
    line-height: 150%;
    font-size: 16px;
    border: 1px solid #f2d6be;
    background: #f9e6d5;
    border-radius: 8px;
    width: 80%;
    margin: 3px auto;
    letter-spacing: -2px;
}

ul.support_bx li:hover p.txt {
    padding: 5px 10px;
    line-height: 150%;
    font-size: 16px;
    border: 1px solid #ddd;
    background: #253a6b;
    border-radius: 8px;
    width: 80%;
    margin: 3px auto;
    letter-spacing: -2px;
}





/* 테블릿 가로 해상도 */
@media all and (max-width:1259px) {}


/* 테블릿 가로 해상도 */
@media all and (max-width:980px) {

    ul.history p.img {
        width: 90%;
        text-align: center;
    }

    ul.history p.img:before {
        display: none
    }

    ul.history .txt {
        margin-left: 0px;
    }




    /*조직도*/
    .about_org {
        height: auto;
    }

    .about_org:after {
        position: absolute;
        top: 58px;
        left: 50%;
        margin-left: -0.5px;
        content: "";
        display: block;
        width: 1px;
        height: 100%;
        background: #d1d1d1;
        z-index: -1
    }

    .about_org ul li.org1 ul {
        position: relative;
        /*margin-top: 50px*/
    }

    .about_org ul li.org1 ul:after {
        width:  50px;
        height: 1px;
    }

    .about_org ul li.org1 ul li {
        width: 50%;
        float: none;
		margin-left: 50%;
		margin-bottom: 30px;
    }

    .about_org ul li.org2 {
        clear: both;
        width: 80%;
		margin-left: 10%;
    }
    .about_org ul li.org3 {
  		clear: both;
		 width: 100%;
    }
    .about_org ul li.org3 ul {
        position: relative;
        margin-top: 30px;
		width: 100%;
		  margin-left: 0%;
    }

    .about_org ul li.org3 ul:after {
        width: 9px;
        height: 1px;
    }

    .about_org ul li.org3 ul li {
        width: 44%;
        float: none
    }

    .about_org ul li.org1 ul li p.type1,
    .about_org ul li.org2 p.type1,
    .about_org ul li.org2 p.type2  {
        width: 80%;
        margin-left: none
    }
    .about_org ul li.org3 ul li p.type1  {
        width: 50%;
        margin-left: 0
    }


    .about_org ul li.org3 ul li p.type1 {
        width: 80%;
        margin: 20px auto;
    }

    .about_org ul li.org3 ul li p.type1:after {
        width: 0px;
        height: 0px;
    }
 

    .about_org ul li.org4 ul  {
        width: 80%;
		margin-top: 0px;
        margin: 0px auto;
		
    }
	.about_org ul li.org4 ul li {
        width: 100%;
        margin: 0px auto 00px;
    }
	
	
 
.about_org ul li.org4 ul:after {
    width: 0px;
     height: 0px;
}


.about_org ul li.org4 ul li p.type1 {
     width: 85%;
    
    height:  auto;
	line-height:none;
	margin-top: 7px;
 
}

.about_org ul li.org4 ul li p.type1:after {
   width: 0px;
     height: 0px;
}
.about_org ul li.org4 ul li p.type3 {
    
    width: 85%;
margin-top: 7px;
     height:  auto;
 
}

.about_org ul li.org4 ul li p.type3:after {
  width: 0px;
   height: 0px;
}
.about_org ul li.org4 ul li p.type2 {
  
 
    width: 85%;
 
    height:  auto;
	margin: 0px;
 
}
 
}

/* 모바일 해상도 */
@media all and (max-width:800px) {

    ul.support_bx li,
    ul.support_bx li:hover {
        width: 100%;
        margin-right: 0;
        box-sizing: border-box;
        margin-bottom: 10px
    }
.locaInfoArea0 .add {
    padding: 10px 10px ;
 
	 
}

    .locaInfoArea {
        margin-top: 10px;
    }

    .locaInfoArea:after {
        position: absolute;
        content: '';
        background: none;
        height: 0px;
        width: 0px;
        top: 0px;
        right: 0
    }

    .locaInfoArea .infoRow {
        padding: 50px 0;width: 100%;border-top: 1px dashed #ddd;
    }
 
    .locaInfoArea .infoRow.row01 {
        background: none
    }

    .locaInfoArea .infoRow.row01 ul li {
        margin-top: 15px;
    }

    .locaInfoArea .infoRow.row02,
    .locaInfoArea .infoRow.row03,
    .locaInfoArea .infoRow.row03 {
        background: none
    }

}

/*-----------------------------------------------------------------------------------------------------------
운영시설
-----------------------------------------------------------------------------------------------------------*/
.charter-wrap {
    padding: 4px;
    background: url(/img/common/boxTop_bg.gif) repeat 0 0;
}

.charter {
    padding: 30px;
    background: url(/img/common/page_bg.png) #fff;
    line-height: 160%;
    font-size: 18px;
    font-weight: 400;
    color: #000
}


ul.list_img {
    clear: both;
    padding: 0px 0;
}

ul.list_img li {
    float: left;
    width: 302px;
    margin: 10px 30px 30px 0;
}

ul.list_img li:last-child {
    margin-right: 0
}

ul.list_img li img {
    width: 302px;
    border: 1px solid #ededed;
    text-align: center
}

ul.list_img li p.txt {
    padding: 15px 0;
    clear: both;
    line-height: 160%;
    text-align: left;
    height: 110px
}

ul.list_img li strong {
    color: #000;
    line-height: 200%;
    font-size: 21px;
    letter-spacing: -1.5px
}

ul.list_img li ul.type1 {
    padding: 10px 0 10px 10px !important;
    border-top: 1px dashed #ddd;
    border-bottom: 1px dashed #ddd;
    background: #fafafa;
    height: 200px;
}

ul.list_img li ul.type1 li {
    max-width: 90%;
    margin: 0 15px;
    float: none;
    line-height: 160%;
    list-style-type: disc !important;
    font-size: 16px;
    letter-spacing: -0.5px;
    word-wrap: break-word;
}

ul.list_img li ul.type1 li strong {
    font-weight: 400;
    color: #ed1b24;
    line-height: 160% !important;
    font-size: 16px;
    letter-spacing: 0
}


ul.list_img li ul.type2 {
    /*display:inline-block;*/
    padding: 5px 35px 5px 15px;
    border: 1px solid #f66d4b;
    margin: 10px auto;
    background: #f66d4b;
    font-size: 16px;
    max-width: 100%;
    color: #fff;
    text-align: center;
    border-radius: 0px;
    position: relative
}

ul.list_img li ul.type2:after {
    position: absolute;
    background: url(/img/common/com_img.png) no-repeat;
    content: "";
    top: 11px;
    right: 15px;
    width: 17px;
    height: 17px;
    background-position: -128px -54px
}

ul.list_img li ul.type2:hover {
    color: #fff !important;
    border: 1px solid #d11962;
    background: #d11962;
}





.min-h310 {
    min-height: 330px !important
}

.min-h220 {
    min-height: 220px !important
}

@media all and (max-width:980px) {
    .list_img {
        clear: both;
        padding: 10px 0;
    }

    ul.list_img li {
        float: left;
        width: 100%;
        padding-right: 0;
        padding-bottom: 10px
    }

    ul.list_img li img {
        width: 100%;
    }


    .min-h310 {
        min-height: inherit;
        height: auto
    }

    ul.list_img li ul.type1 {
        height: auto
    }

}

/*-----------------------------------------------------------------------------------------------------------
후원나눔
-----------------------------------------------------------------------------------------------------------*/
.support_bg_img {
    background: url(/img/support/sub1_top.jpg) no-repeat;
    width: 100%;
    height: 392px;
    margin: 0;
    padding: 40px 50px 0;
}

.support_bg_img .tt {
    width: 80%;
    font-size: 46px;
    color: #fff;
    font-weight: 500;
}

.support_bg_img .st {
    width: 80%;
    margin-top: 15px;
    font-size: 18px;
    color: #fff;
}

.support_box {
    margin-top: 40px;
    border: 1px solid #e0f4f8;
    background: #fff;
    width: 140px;
    line-height: 45px;
    padding: 5px 20px;
    color: #81d1e1;
    font-size: 21px;
    text-align: center;
}

/* 모바일 해상도 */
@media all and (max-width:800px) {


    .support_bg_img {
        background: url(/img/support/sub1_top.jpg) no-repeat bottom right #81d1e1;
        width: 80%;
        height: auto;
        padding: 20px 30px 100px;
    }

    .support_bg_img .tt {
        font-size: 26px;
    }

}

/*-----------------------------------------------------------------------------------------------------------
프로그램 현황
-----------------------------------------------------------------------------------------------------------*/
.program_box_title {
    width: 100%;
    padding: 15px 0;
    color: #fff;
    background: #faa133;
}

.program_box_title span.tt {
    display: inline-block;
    padding: 10px 20px;
    line-height: 50px;
    font-size: 24px;
    font-weight: 500;
}

.program_box_title span.btn_box {
    display: inline-block;
    padding: 4px 20px;
    color: #f0572d;
    background: #fff;
    border: 1px solid #ddd;
    font-weight: 500;
}

.icon_m {
    width: 20%;
    height: 38px;
    background: url("/img/common/icon_m.png")no-repeat 98% center #fff;
    padding: 0 0px 0 5px
}

.program_box {
    margin-top: 40px;
    position: relative;
}


.program_box .program_list {
    width: 22.5%;
    float: left;
    margin-bottom: 32px;
    padding: 10px;
    /*  transition: all 0.4s;*/
    position: relative;
    border: 1px solid #fff;
}

.program_box .program_list a {
    display: block;
}

.program_box .program_list:hover {
    background-color: #fff;
    /* box-shadow: 0 0 10px 0 rgba(0,0,0,0.2); */
    border: 1px solid #faa133;
}

.program_list .program_img {
    position: relative;
    height: auto;

    overflow: hidden;
    background-color: #eee
}


.program_list .m_tit {
    width: 100%;
    padding-left: 8px;
    font-size: 16px;
    line-height: 32px;
    height: 32px;
    color: #fff;
    font-weight: 500;
    background-color: #faa133;
}

.program_inf {
    border-bottom: 1px solid #7b7b7b;
    transition: all 0.4s;
}

.program_list:hover .program_inf {
    border-bottom: 1px solid #eee;
}

.program_inf > strong {
    margin-top: 14px;
    margin-bottom: 19px;
    height: 52px;
    font-size: 18px;
    display: block;
    font-weight: 500;
    line-height: 26px;
    white-space: nowrap;
    text-overflow: ellipsis;
    white-space: normal;
    text-align: left;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.program_inf > strong {
    font-size: 16px;
}

.program_date {
    padding-top: 3px;
    margin-bottom: 7px;
}

/* .program_date span{float: left;color: #999999;line-height: 20px;font-size: 14px;} */
.program_date span b {
    font-weight: normal;
}

.program_date span b:after {
    content: ' : ';
}

.program_date strong {
    font-weight: 400;
    border-radius: 20px;
    width: 56px;
    height: 24px;
    text-align: center;
    line-height: 22px;
    position: absolute;
    right: 14px;
}

.program_date .event {
    color: #009523;
    background-color: #fff;
    border: 1px solid #009523;
}

.program_date .recruit {
    color: #ff7600;
    background-color: #fff;
    border: 1px solid #ff7700;
}

.program_date .deadline {
    color: #666;
    border: 1px solid #eee;
    background-color: #ddd;
}

.program_date strong {
    font-weight: 400;
    border-radius: 20px;
    width: 56px;
    height: 24px;
    text-align: center;
    line-height: 22px;
    position: absolute;
    right: 14px;
}

.program_date strong {
    position: absolute;
    top: 20px;
    left: 20px;
}

.program_date span {
    font-size: 13px;
    color: #999999;
}

.program_view {
    width: 100%;
    padding: 20px 0;
    margin-bottom: 20px;
}

.program_view .img {
    float: left;
    width: 28%;
}

.program_view .text {
    float: right;
    width: 65%;
    padding-left: 32px;
}

.text .pf_tit {
    padding: 2px 12px;
    font-size: 15px;
    line-height: 32px;
    height: 32px;
    color: #fff;
    border-radius: 2px;
    background-color: #0e9347;
}

.text .program_tit {
    font-size: 32px;
    font-weight: 500;
    line-height: 40px;
}

.text ul {
    margin-top: 32px;
}

.text li {
    font-size: 18px;
    padding-top: 8px;
    padding-bottom: 8px;
    border-bottom: 1px solid #eee;
}

.program_txt {
    width: 96%;
    padding: 20px 2%;
    margin-bottom: 20px;
    border-bottom: 1px solid #555;
    word-break: normal;
    word-wrap: break-word;
}

.btn_apply {
    background-color: #0077cc;
    border: 1px solid #0068b3;
    margin-top: 20px;
    margin-bottom: 25px;
    text-align: center;
    color: #fff !important;
    font-size: 20px;
    padding: 5px 16px;
    display: inline-block;
    border-radius: 2px;
    min-width: 165px;
}

.btn_apply:hover {
    background-color: #ff5a00;
    color: #fff !important;
    border: 1px solid #ff5a00;
}



/* 모바일 해상도 */
@media all and (max-width:900px) {
    .program_box_title {
        width: 94%;
        padding-left: 20px;
        padding-top: 0px;
        margin-top: 8px;
    }

    .program_box_title span.tt {
        width: 96%;
        padding-left: 0px;
    }

    .program_box_title select {
        width: 94%;
        margin-bottom: 8px;
    }

    .mobile_date {
        width: 100%;
    }

    .icon_m {
        width: 42%;
        height: 38px;
        background: url("/img/common/icon_m.png")no-repeat 98% center #fff;
        font-size: 14px;
        padding: 0 0px 0 5px
    }

    .btn_box {
        width: 80.5%;
        max-width: 100%;
        text-align: center;
        margin-top: 6px;
    }


    .program_box .program_list {
        width: 94%;
        float: left;
        margin-bottom: 32px;
        padding: 10px;
        /*  transition: all 0.4s;*/
        position: relative;
        border: 1px solid #fff;
    }

    .program_date span b {
        display: block;
        font-weight: 600;
        font-size: 16px;
    }

    .program_date span {
        font-size: 16px;
    }

    .program_date span b:after {
        content: '';
    }


    .program_view .img {
        float: left;
        width: 100%;
    }

    .program_view .text {
        float: left;
        width: 100%;
        padding-left: 0px;
    }



}

/*-----------------------------------------------------------------------------------------------------------
컨텐츠
-----------------------------------------------------------------------------------------------------------*/


.vol_party_layout {
    overflow: hidden;
    margin-bottom: 8px;
}

ol.vol_party_layout {
    margin: 0;
    padding: 0
}

.vol_party_layout .vol_party_li {
    display: table;
    text-align: center;
    font-weight: bold;
    float: left;
    background: url("/img/common/arrow_right.gif") no-repeat 98% center;
    padding: 0 3% 0 0;
    margin-bottom: 3%;
}

.vol_party_layout .vol_party_li img {
    padding-bottom: 10px
}

.vol_party_layout .vol_party_end {
    padding: 0;
    margin: 0;
    background: none !important
}

.vol_party_layout .vol_party_box {
    display: inline-table;
    vertical-align: middle;
    padding: 15px 5px;
    width: 80%
}

.vol_party_layout .vol_party_li p.tt {
    text-align: center;
    font-weight: 400;
    letter-spacing: -1.5px;
    color: #fff;
    font-size: 18px;
}

.vol_party_layout .vol_party_li p.tt span {
    text-align: center;
    letter-spacing: -1.5px;
    color: #fff;
    font-size: 14px;
}

.vol_party_layout .w-5 {
    width: 17.45%
}

.vol_party_layout .w-4 {
    width: 22.75%
}

.vol_party_layout .w-3 {
    width: 30.75%
}

.vol_party_layout .h60 {
    height: 40px
}

.vol_party_layout .h30 {
    height: 35px
}



/* 테블릿 가로 해상도 */
@media all and (max-width:1199px) {}

/* 모바일 해상도 */
@media all and (max-width:800px) {

    .vol_party_layout .vol_party_li {
        float: none;
        margin: 0 0 10px 0;
        padding: 0 0 20px 0;
        background: url("/img/common/arrow_bottom.gif") no-repeat center bottom;
    }

    .vol_party_layout .vol_party_inbox {
        padding: 0;
    }

    .vol_party_layout .vol_party_li {
        height: 60px;
    }

    .vol_party_layout .vol_party_li p.tt {
        padding: 0;
        letter-spacing: 0px;
    }

    .vol_party_layout .w-5,
    .vol_party_layout .w-4,
    .vol_party_layout .w-3 {
        width: 100%
    }

}




/*-----------------------------------------------------------------------------------------------------------
컨텐츠-후원신청
-----------------------------------------------------------------------------------------------------------*/
.sup_box{width: 100%;}
.sup_box ul:nth-child(1){width: 49%; float: left}
.sup_box ul:nth-child(2){width: 49%; float: right}
/* 모바일 해상도 */
@media all and (max-width:980px) {
	
.sup_box ul:nth-child(1){width: 100%; float: left}
.sup_box ul:nth-child(2){width: 100%; float: left}
}
/*-----------------------------------------------------------------------------------------------------------
컨텐츠-일정보기
-----------------------------------------------------------------------------------------------------------*/


	table.schedule_table{width:100%; border-top:2px solid #222; border-bottom:1px solid #e0dede;}
	table.schedule_table thead tr th{width:102px; height:39px; border-bottom:1px solid #e0dede; background:#f2f2f2; color:#0f3d7c; font-size:14px; text-align:center;}
	table.schedule_table thead tr th.sun{color:#d25656}
	table.schedule_table thead tr th.sat{color:#1f60b7}
	table.schedule_table thead tr th{border-right:1px solid #e0dede}
	table.schedule_table thead tr th:first-child{width:100px; border-left:1px solid #e0dede}
	table.schedule_table thead tr th span{display:block; height:39px; line-height:39px;}
	
	table.schedule_table tbody tr td{height:109px; border-top:1px solid #e0dede; border-right:1px solid #e0dede; vertical-align:top;word-break:break-all;width:130px; }
	table.schedule_table tbody tr:first-child td{border-top:0px;}
	table.schedule_table tbody tr td:first-child{border-left:1px solid #e0dede}
	table.schedule_table tbody tr td div{overflow:hidden; width:82px; padding:10px 10px 0px 5px;} /* height:89px; */ 
	table.schedule_table tbody tr td:first-child div{}
	table.schedule_table tbody tr td div span{display:block; font-size:11px; color:#333; font-weight:bold; margin-bottom:5px; text-align:left;}
	table.schedule_table tbody tr td.sun div span {font-size:11px; color:#d25656}
	table.schedule_table tbody tr td.sat div span {font-size:11px; color:#1f60b7}
	table.schedule_table tbody tr td.pre_mon div span a,
	table.schedule_table tbody tr td.next_mon div span a{font-size:11px; color:#aaa}
	
	table.schedule_table tbody tr td.schedule{background:#f2f2f2;}
	table.schedule_table tbody tr td.schedule div a.schedule_title{display:block; height:20px; line-height:15px; padding-left:10px; background:url("../../img/bullet.gif") 0 center no-repeat; color:#333; text-align:left;}
	table.schedule_table tbody tr td.schedule div a.schedule_title:hover{font-weight:bold; letter-spacing:-1px; text-decoration:underline;}
	table.schedule_table tbody tr td.schedule div a.more{display:inline-block; *display:inline; zoom:1; height:15px; line-height:15px; padding-left:5px; background:url("../img/more_skyblue.png") 0 0 no-repeat; margin-top:5px;}
	table.schedule_table tbody tr td.schedule div a.more span{display:block; line-height:15px; padding-right:5px; background:url("../img/more_skyblue.png") right -15px no-repeat; color:#fff; text-align:center; font-weight:normal; margin:0;}
	table.schedule_table tbody tr td.today{background:#88bc3f}
	table.schedule_table tbody tr td.today div span a{color:#fff;}
	table.schedule_table tbody tr td.today div a.schedule_title{ color:#fff;}
	table.schedule_table tbody tr td.today div a.more{background:url("../img/more_white.png") 0 0 no-repeat;}
	table.schedule_table tbody tr td.today div a.more span{background:url("../img/more_white.png") right -15px no-repeat; color:#1f60b7;}

	table.schedule_mobile {display:none;}
	
	/* 스케쥴게시판 list페이지 */
	.schedule_top{padding:30px 0; text-align:center;}
		.schedule_top a{display:inline-block; zoom:1; width:32px; height:32px; background:url(/img/common/com_img.png) no-repeat;}
		.schedule_top a.pre_mon{margin-right:45px; background-position:-3px -90px }
		.schedule_top a.next_mon{margin-left:45px; background-position:-35px -90px}
		.schedule_top span{display:inline-block; *display:inline; zoom:1; height:30px; line-height:30px; color:#f66d4b; font-weight:bold; 
		font-size:30px; vertical-align:top}
		.schedule_top p{padding-top:10px; color:#666}
		.schedule_top p em{font-style:normal; font-weight:bold;}
		
		
		
	.pop_wrap{/*position:fixed; top:0; left:0; z-index:200; width:100%; height:100%;*/}
		.pop_wrap .pop{/*position:absolute; top:50%; left:50%; z-index:250;*/ width:350px; min-height:188px; padding-bottom:65px; border:2px solid #bf0000; background:#fff}
		.pop_wrap .pop .pop_title{height:50px; border-bottom:1px solid #ddd; text-align:center;}
		.pop_wrap .pop strong{display:block; height:40px; line-height:40px; color:#bf0000; font-size:20px; font-weight:bold; padding-top:10px}
		.pop_wrap .pop strong span{font-weight: bold; font-size:18px; text-align:center;font-family:'NanumSquareR', dotum,"돋움",sans-serif;  }
		.pop_wrap .pop .pop_con{padding:0; background:#f4f7fa; }
		.pop_wrap .pop .pop_con ul{border-bottom:1px solid #ccd5e0; min-height:130px;}
		.pop_wrap .pop .pop_con ul li:first-child{border-top:0px;}
		
		.pop_wrap .pop .pop_con ul.schedule_write{padding:10px 0;} /* 일정작성 */
		.pop_wrap .pop .pop_con ul.schedule_write li{position:relative; padding:15px 0;}
		.pop_wrap .pop .pop_con ul.schedule_write li span.tt{ float:left;color:#000; font-size:14px; border-right:1px solid #ccd5e0; padding-right:20px}
		.pop_wrap .pop .pop_con ul.schedule_write li span{display:block; font-size:14px;float:left; padding-left:15px}
		.pop_wrap .pop .pop_con ul.schedule_write li textarea{width:268px; height:180px; border:1px solid #ccd5e0; padding:0; color:#666; font-size:12px;}
		.pop_wrap .pop .pop_con ul.schedule_write li:last-child {padding-bottom:0;}
		
		.pop_wrap .pop .pop_con .pop_bt{position:absolute; bottom:15px; left:0; width:100%; text-align:center;}
		.pop_wrap .pop .pop_con .pop_bt a{width:60px; border:1px solid #222; background:#000; color:#fff; padding:3px 10px; font-size:12px}
		.pop_wrap .bg_trans{position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity: 0.7; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); }
		
		
	
	/* 모바일 해상도 */
	@media all and (max-width:800px) {	
	
		
		table.schedule_mobile{width:100%; border-top:2px solid #222; border-bottom:1px solid #e0dede;}
		table.schedule_mobile th{height:30px; padding:0 15px; border-bottom:1px solid #e0dede; background:#f2f2f2; color:#0f3d7c; text-align:center;}
		table.schedule_mobile td{height:30px; width:100%; border-bottom:1px solid #e0dede; color:#0f3d7c; padding:10px;}
		table.schedule_mobile td.schedule{background:#fbfbfb;}
		table.schedule_mobile td.schedule a{display:block;}
		table.schedule_mobile td.today{background:#88bc3f;}
		table.schedule_mobile td.today a{display:block;color:#fff;}
		
		table.schedule_mobile {display:block;}
		table.schedule_table  {display:none;}
		
	}	
	
	    

/*-----------------------------------------------------------------------------------------------------------
컨텐츠-소식지
-----------------------------------------------------------------------------------------------------------*/

	
	/*소식지*/
	.paper_all     { width:100%; clear:both; min-height:220px; border:1px solid #ddd; margin-bottom:10px; padding:30px; box-sizing:border-box}
	.paper_all:after {content:'';display:block;clear:both;height:0;visibility:hidden}
	.paper_all li  { clear:both;}
	.paper_left    { width:30%; float:left; text-align:center;}
	.paper_center  { width:55%; float:left; text-align:center;} 
	.paper_center li { clear:both; text-align:center; line-height:25px;}
	.paper_right   { width:40%; float:right; line-height:160%; letter-spacing:-1px;}
	.paper_right ul{ border-left:1px solid #ddd; padding-left:15px; line-height:160%}
	.paper_title   { font-size:1.25em; font-weight:400; color:#44bcb4; margin-bottom:10px; margin-top:15px; padding-left:20px} 
	.btn_pager_mobile  { display:none}
	.paper_nodata	{width:100%;text-align:center; padding:50px 0; font-size:14px; border-top:2px solid #000; border-bottom:1px solid #ccc; margin-top:20px}
	
	
	/* 모바일 해상도 */
	@media all and (max-width:800px) {	
	
		.paper_all     { width:100%; clear:both; height: auto}
		.paper_left    { width:100%; float: none; text-align:center;}
		.paper_center  { width:100%; float:none;}
		.paper_right   { display:none}
		.paper_title   { text-align:center; padding-left:0} 
		.btn_pager_mobile  { display: block}
		.btn_pager_pc  { display:none}
	
	}    
