@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;
}

.clearfix:before, .clearfix:after {
    display: block;
    content: '';
    line-height: 0;
}

.clearfix:after {
    clear:both;
}

.clearfix {
	*zoom: 1;
}


/*-----------------------------------------------------------------------------------------------------------
버튼
-----------------------------------------------------------------------------------------------------------*/


.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;
}




.btn02 {
    background-color: #328698;
    border: 1px solid #328698;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: center;
    color: #fff !important;
    font-weight: 400;
    padding: 15px 16px;
    display: inline-block;
    border-radius: 10px;
    min-width: 15%;
    transition: all 0.3s;
}

.btn02:hover {
    background-color: #277788;
    color: #fff !important;
    border: 1px solid #277788;
}


.btn_apply1 {
    background-color: #33899b;
    border: 1px solid #33899b;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: center;
    color: #fff !important;
    font-size: 17px;
    font-weight: 400;
    padding: 15px 16px;
    display: inline-block;
    border-radius: 10px;
    min-width: 15%;
    transition: all 0.3s;
}

.btn_apply1:hover {
    background-color: #fff;
    color: #33899b !important;
    border: 1px solid #33899b;
}

.btn_apply2 {
    background-color: #f4b400;
    border: 1px solid #f4b400;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: center;
    color: #fff !important;
    font-size: 17px;
    font-weight: 400;
    padding: 15px 16px;
    display: inline-block;
    border-radius: 10px;
    min-width: 15%;
    transition: all 0.3s;    
}

.btn_apply2:hover {
    background-color: #fff;
    color: #f49b00 !important;
    border: 1px solid #f49b00;
}



.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: 10px 20px;
    border: 2px solid #222;
    background: #555;
    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: #fff;
    border: 2px solid #222;
    background: #222;
}

.btn_Pot {
    display: inline-block;
    padding: 10px 20px;
    background: #009953;
    border: 2px solid #006336;
    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: #fff;
    border: 2px solid #006336;
    background: #006336;
}

.btn_down {
    display: inline-block;
    padding: 7px 35px 7px 15px;
    border: 1px solid #333;
    font-size: 13px;
    vertical-align: middle;
    background: url(/img/common/icon_file.png) no-repeat right #555
}

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;
    background: url(/img/common/icon_file.png) no-repeat right #222
}


/* 컨텐츠버튼 */

.point-btn,
.base-btn {
    display: inline-block;
    font-size: 15px;
    letter-spacing: -0.02em;
    padding-right: 20px;
    vertical-align: baseline;
    transition: background .3s;
    margin-bottom: 5px
}

.point-btn span,
.base-btn span {
    display: block;
    padding: 14px 40px;
    line-height: 1;
    transition: all .2s;
    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 {
    padding: 1px 10px;
    border-radius: 5px;
    border: 1px solid #4557ab;
    color: #fff !important;   
    background: #4557ab;
}

.point-btn:hover,
.point-btn:focus {
    background: #ff6167;
    border: 1px solid #ff6167;    
}

.base-btn {
    border-radius: 10px;      
    background: #555;
    border: 1px solid #555;
    color: #fff !important;
}

.base-btn:hover,
.base-btn:focus {
    background: #222;
}



.point-btn2,
.base-btn2 {
    display: inline-block;
    font-size: 15px;
    letter-spacing: -0.02em;
    padding-right: 20px;
    vertical-align: baseline;
    transition: background .3s;
    margin-bottom: 5px
}

.point-btn2 span,
.base-btn2 span {
    display: block;
    padding: 14px 40px;
    line-height: 1;
    transition: all .2s;
    color: #fff
}

.point-btn2 span.link,
.base-btn2 span.link {
    background: url(/img/common/ico_link02.png) no-repeat 95% 50%;
    padding-right: 40px;
}

.point-btn2:hover span.link,
.point-btn2:focus span.link,
.base-btn2:hover span.link,
.base-btn2:focus span.link {
    background-position: 100% 50%;
}

.point-btn2 {
    padding: 13px 10px;
/*    border-radius: 5px;*/
    border: 1px solid #203b79;
    color: #555 !important;   
    background: #203b79;
}

.point-btn2:hover,
.point-btn2:focus {
    background: #ff6167;
    border: 1px solid #ff6167;    
}

.base-btn2 {
    border-radius: 10px;      
    background: #555;
    border: 1px solid #555;
    color: #fff !important;
}

.base-btn2:hover,
.base-btn2:focus {
    background: #222;
}

.btn_bx{
    margin-top: 20px;
    text-align: center;
}



/*-----------------------------------------------------------------------------------------------------------
/*게시판
-----------------------------------------------------------------------------------------------------------*/

.tb1 {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    border-top: 2px solid #000;
    margin: 10px 0;
}

.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;
    padding-left: 10px
}

.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;
}


.tb2 th {
    position: relative;
    border-bottom: 1px solid #dedede;
     padding: 15px 8px;
    line-height: 160%;
    vertical-align: middle;
    font-weight: 500;
    color: #222;
}

.tb2 td {
    border-bottom: 1px solid #dedede;
    padding: 15px 8px;
    line-height: 160%;
    vertical-align: middle;
    color: #666;
    font-weight: 300;
}


.tb2 thead th {
    position: relative;    
    font-weight: 600;
    background: #f9f9f9;
}


.tb2 thead th:after {
    position: absolute;
    top: 50%;
    right: 0px;
    display: block;
    width: 1px;
    height: 14px;
    margin-top: -7px;
    background: #cbcbcb;
    content: '';
}

.tb2 thead th:last-child:after {
    display:none
}


.tb2 tbody th {
    background-color: #fafafa;
    font-weight: 500;
/*    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: center;
}


.tb2 td p{
    text-align: left;
    padding: 5px 0;
    margin-left: 8px;
}

.tb2 td p span.type1{
    font-weight: 400;
    color: #ce5749;
}

ul.tb2_list li{
/*    margin-left: 22px;*/
    line-height: 160%;
/*    list-style-type: disc !important;*/
}


.tb2 .line_top {
    border-top: 1px solid #000;
}

/* 사업_테이블박스*/

.tb3 {
    width: 100%;
    border-collapse: separate;
    border-spacing: 7px;
}

.tb3 th {
    padding: 10px;
    line-height: 150%;
    width: 15%;
    background: #f2f2f2;
    color: #1f51a2;
    /*color:#3f3b3a; */
    border-radius: 30px;
    border: 1px solid #ddd;
    font-weight: 500;
    font-size: 17px
}

.tb3 td {
    border-bottom: 1px dashed #ddd;
    padding: 10px 5px;
    line-height: 150%;
    font-weight: 300;
    font-size: 16px;
}

.tb3 td span.type1 {
    display: inline-block;
    font-size: 15px;
    padding: 10px 25px;
    margin: 2px 5px 2px 0;
    font-weight: 400;
    font-family: 'Noto Sans KR';
    color: #fff;
    background-color: #efa7b2;
    border-radius: 16px
}



.tal {
    text-align: left !important;
}

.tac {
    text-align: center !important;
    text-indent: 0 !important;
}

.bd_r {
    border-right: 0 !important;
}
 
.col_5 {
    width: 20%
}

.bd_no_m {
    display: none;
}

.table_m,
.board_m {
    display: none
}
.ovf		    { overflow: hidden}

 

/* 모바일 해상도 */
@media all and (max-width:800px) {
.ovf	{overflow-x:scroll;padding-bottom:5px; position:relative; padding-top:60px;}
		.ovf:after{width:100%; height:50px; 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:720px !important}
    
    .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;
    }

    .line_top {
    border-top: none;}
    
    
    .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;
    }

}
	@media all and (max-width:480px) {
		
		.ovf:before{width:260px;font-size:14px; line-height:120%;}
	}
/* 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: 10px 6px; */
    min-width: 33px;
    height: 33px;
    font-size: 13px;
    color: #b7b7b7;
    letter-spacing: -1px;
    line-height: 33px;
    text-align: center;
    border: #ddd solid 1px;
    background: #fff;
}
.paging a:hover {
    background: #f9f9f9;
    color: #555;
    border: #ddd solid 1px;
}

.paging a.on {
    color: #fff;
    border: #555 solid 1px;
    background: #555;
}

.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-left: 20px;
    color: #000;
    line-height: 25px;
    position: relative;
	margin-top: 60px;
}

h4.h4_title:before {
    position: absolute;
    top: 3px;
    left: 0;
    content: "";
    height: 22px;
    width: 9px;
    border-radius: 20px;
    background: #287a8b;
}

 h5.h5_title {
    padding-left: 25px;
    margin-left: 10px;
    background: url(/img/common/st.png) no-repeat 0 50%;
    color: #000;
    clear: both;
    font-weight: 500;
    font-size: 20px;
}

h5.h5_title2 {
    padding-left: 15px;
    /* margin-left: 20px; */
    font-weight: 400;
    font-family: 'S-CoreDream-5Medium';
    color: #6291d9;
    clear: both;
    font-size: 18px;
    letter-spacing: -1px;
    position: relative;
}
 
 

div.con2{
    background: #f9f9f9;
    margin: 15px 0 20px;
    padding: 20px;
}


div.con2 li{
    line-height: 170%;
    background: url(/img/common/ic.png) no-repeat 3px 10px;
    padding-bottom: 10px;
    padding-left: 20px;
}

div.con2 li:last-child{
        padding-bottom: 0px;
}


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;
}

div.con_img {
    text-align: center;
    padding: 20px 0;
    position: relative
}

ul.img {
    clear: both;
    margin-top: 20px;
}

ul.img li {
    width: 280px;
    float: left;
    margin-bottom: 10px
}

ul.img li img {
    width: 280px;
}

ul.con_img li {
    float: left;
    width: 30%;
    margin-right: 3%;
}

ul.con_img li:last-child {
    margin-right: 0;
}

ul.con_img li img {
    width: 210px
}

ul.con_img li p.txt {
    clear: both;
    padding-top: 5px;
    font-size: 13px;
    text-align: center;
}

.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%
}

.tt_txt2 {
    font-size: 38px;
    padding: 30px 0 20px 0;
    letter-spacing: -2px;
    font-weight: normal;
    color: #222;
    line-height: 150%
}

.tt_txt2 strong {
    font-weight: 400;
}

.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;
    text-align: left;
}

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.bu2 li span.type1{
    font-weight: 400;
    color: #000;
	background: #f3f5f7;
	padding: 10px 20px;
	margin-right: 10px;
	display: inline-block;
	border-radius: 30px;
	margin-bottom: 5px;
}


ul.bu3 {
    margin-left: 10px;
    text-align: left;
}

ul.bu3 li {
    line-height: 160%;
    background: url(/img/main/ic.png)no-repeat left 12px;
    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 span.type1{
    font-weight: 400;
    color: #ce5749;
}


ul.bu4 {
    margin-left: 10px;
    text-align: left;
}

ul.bu4 li {
    line-height: 160%;
    padding-left: 5px
}


ul.bu4 li span.type1{
    font-weight: 400;
    color: #ce5749;
}

.img_pc {
    padding: 30px 0;
    text-align: center;
}

.img_m,
a.detail-btn {
    display: none
}

.gap {
    height: 10px;
    clear: both;
    display: block;
}

.f_point {
    color: #ed601b
}



.charter-wrap {
    padding: 4px;
    background: url(/img/common/boxTop_bg.gif) repeat 0 0;
}

.charter {
    padding: 30px;
    background: #fff
}


.charter2{
    position: relative;
    padding: 30px;
    background: #fff;
    border: 1px solid #ddd; 
    margin: 1% 0 3%;
}


.box_member {
    background: url(/img/common/ic_ask.png) no-repeat #fff 23px 47px;
    min-height: 90px;
    padding-left: 140px
}

.box_guide {
    background: url(/img/common/ic_to.png) no-repeat #fff 23px 47px;
    min-height: 90px;
    padding-left: 140px
}

.charter ol li {
    line-height: 160%;
    list-style: disc;
}

.charter2 ol li {
    line-height: 160%;
    list-style: disc;
}


/* 테블릿 가로 해상도 */
@media all and (max-width:1199px) {

    .sub_page_txt {
        clear: both;
        margin-top: 20px
    }
}

/* 모바일 해상도 */
@media all and (max-width:980px) {
	
h4.h4_title {
 
	margin-top: 20px;
}
/*
    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 {
        margin: 1% 0;
        width: 30%;
    }

    ul.img li img {
        width: 100%;
    }

    .about1_txt1 img,
    div.img img {
        width: 100%
    }

    div.con_box {
        height: 180px;
        overflow: auto
    }

    ul.con_img {
        float: left;
        width: 45%;
    }

    ul.con_img li img {
        width: 100%
    }

    div.con_img img {
        width: 100%
    }

    .img_pc {
        display: none
    }

    .img_m {
        display: block;
        padding: 20px 0;
        text-align: center
    }

    .img_m img {
        width: 80%;
    }

    /* 모바일 해상도 */
    /* 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: 29%;
        white-space: normal;
        text-align: left;
        font-weight: 400;
		 

    }

    #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 #ddd;
        color: #000;
		word-break: break-all; 
    }

    /*
		Label the data
		*/
    #no-more-tables td:before {
        content: attr(data-title); 
    }


        /* 모바일 해상도 */
    /* Force table to not be like tables anymore */
    #no-more-tables2 table,
    #no-more-tables2 thead,
    #no-more-tables2 tbody,
    #no-more-tables2 th,
    #no-more-tables2 td,
    #no-more-tables2 tr {
        display: block;
    }

    /* Hide table headers (but not display: none;, for accessibility) */
/*
    #no-more-tables2 thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }
*/

    #no-more-tables2 tr {
        border-top: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
    }

    #no-more-tables2 th {
        border-right: none
    }

    #no-more-tables2 td {
        /* Behave  like a "row" */
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
/*        padding-left: 29%;*/
        white-space: normal;
        text-align:  center;
        font-weight: 400;
		 

    }

    #no-more-tables2 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 #ddd;
        color: #000;
		word-break: break-all; 
    }

    /*
		Label the data
		*/
    #no-more-tables2 td:before {
        content: attr(data-title); 
    }

    
    
  
	
    h4.h4_title {
        background-size: 24px;
        font-size: 18px;
    }


    .charter {
        padding: 15px 10px;
        background: #fff
    }
    
    .charter2 {
        padding: 15px 10px;
        background: #fff
    }
    .box_member {
        background: nonex;
        min-height: inherit;
        padding-left: 10px
    }
    .box_guide {
        background: nonex;
        min-height: inherit;
        padding-left: 10px
    }
    .cont .list > li:nth-child(even) {
        margin-left: 0px
    }

    .cont .list > li {
        margin-left: 0px
    }

    .cont .list > li:first-child {
        margin-left: 0
    }

    .cont .list .type01,
    .cont .list .type02,
    .cont .list .type03 {
        float: none;
        width: 100%;
        margin-top: 10px;
        box-sizing: border-box
    }

    .cont .list .type04 {
        float: none;
        width: 100%;
        margin-top: 10px;
        box-sizing: border-box;
        text-align: center
    }

    .cont .list .type04 img {
        width: 70px
    }

    .min-h310 {
        min-height: inherit;
        height: auto
    }


    a.detail-btn {
        display: block;
        width: 158px;
        height: 44px;
        line-height: 42px;
        font-size: 15px;
        padding-left: 40px;
        background: rgba(0, 0, 0, 0.65);
        position: absolute;
        right: 0;
        top: 0;
        box-sizing: border-box;
        letter-spacing: -0.06em;
        color: #fff;
    }

    a.detail-btn:before {
        width: 24px;
        height: 24px;
        position: absolute;
        left: 10px;
        top: 50%;
        margin-top: -12px;
        background: url(/img/common/img-rspvn.png) no-repeat center center;
        display: block;
        content: "";
    }


}

/* 모바일 해상도 */
@media all and (max-width:640px) {

    ul.img {
        clear: both;
        margin-top: 10px;
    }

    ul.img li {
        margin-bottom: 3px;
        width: 100%;
        clear: both
    }

    ul.img li img {
        width: 100%;
    }

}



/*상단문구추가*/

.define-box2 {
    position: relative;
    padding: 2rem 3.5rem 2rem 14rem;
    margin: 2rem 0 4rem;
}

.define-box2 .line-top {
    display: block;
    background-color: #efefef;
    width: 100%;
    height: 3px;
    position: absolute;
    top: 0;
    left: 0;
}


.define-box2 .line-top::before {
    content: "";
    display: block;
    background-color: #efefef;
    width: 3px;
    height: 1.5rem;
    position: absolute;
    top: 0;
    left: 0;
}
.define-box2 .line-top::after {
    content: "";
    display: block;
    background-color: #2bb6d0;
    width: 3px;
    height: 6.5rem;
    position: absolute;
    top: 1.5rem;
    left: 0;
    opacity: 0;
}

.define-box2 .icon {
    position: absolute;
    left: 4.5rem;
    top: 20%;
}

.define-box2 .tt{
    display: block;
    font-size: 1.3rem;
    line-height: 140%;
    font-weight: 500;    
    margin: .6rem 0;
    color:#33899b;
    letter-spacing: -1px;
}

.define-box2 .txt1{
    line-height: 150%;
/*    word-break: break-all;*/
    font-family: 'Noto Sans KR';
    color: #333;
    padding-bottom: 1%;
    font-weight: 400;
}

.define-box2 .txt2{
    line-height: 150%;
    word-break: break-all;
/*    padding: 1% 0;*/
    font-family: 'Noto Sans KR';
    font-size: 16px;
    color:#5a5a5a;
}


.define-box2 .line-bottom {
    display: block;
    background-color: #efefef;
    width: 100%;
    height: 3px;
    position: absolute;
    bottom: 0;
    left: 0;
}
.define-box2 .line-bottom::before {
    content: "";
    display: block;
    background-color: #efefef;
    width: 3px;
    height: 1.5rem;
    position: absolute;
    bottom: 0;
    right: 0;
}


.define-box2 .line-bottom::after {
    content: "";
    display: block;
    background-color: #2e5dbc;
    width: .3rem;
    height: 6.5rem;
    position: absolute;
    bottom: 1.5rem;
    right: 0;
    opacity: 0;
}


@media only screen and (max-width:980px) {
    .define-box2 {
    padding: 7rem 1.5rem 2rem 1.5rem;
}
    .define-box2 .icon {
    left: 2rem;
    top: 5%;
}

}







/*-----------------------------------------------------------------------------------------------------------
사이트맵
-----------------------------------------------------------------------------------------------------------*/
/* 컨텐츠 영역_사이트맵 */
#contents_sitemap {}

#contents_sitemap p.site {
    width: 100%;
    font-size: 19px;
    font-weight: 500;
    color: #328698;
    letter-spacing: -1px;
    border-top: 2px solid;
    line-height: 60px;
    text-align: center;
    /* border: #ccc solid 1px; */
    /* border-radius: 12px; */
    box-shadow: 0px 2px 1px rgb(0 0 0 / 7%);
}

#contents_sitemap .cate_line {
    margin-bottom: 20px;
    *zoom: 1;
    margin-left: 15px
}

#contents_sitemap .cate_line:after {
    content: "";
    display: block;
    clear: both;
}

#contents_sitemap .cate_line .cate {
    display: inline-block;
    vertical-align: top;
    width: 30%;
    height: auto;
    margin: 1.5%;
}

#contents_sitemap .cate_line .cate ul {
    margin: 10px 0 15px 0
}

#contents_sitemap .cate_line .cate ul li {
    padding: 5px 0 10px 14px;
    /* margin: 3px 0 0 30px; */
    /* border-bottom: #f2f2f2 1px solid; */
    /* list-style-type: disc !important; */
    line-height: 150%;
    background: url(/img/main/ic.png)no-repeat left 18px;
}

#contents_sitemap .cate_line .cate ul li:hover{
    background: #f9f9f9;
}
#contents_sitemap .cate_line .cate ul li:hover a{
    color: #c42b19;font-weight:400;
}
#contents_sitemap .cate_line .cate ul li.sub {
    padding: 5px 0 10px 10px;
    margin: 3px 0 0 30px;
    border-bottom: #ccc 1px dotted;
    list-style-type: none !important;
}

#contents_sitemap .cate_line .cate ul li.sub a {
    color: #666;
    letter-spacing: -1px;
}

#contents_sitemap .cate_line .cate ul li a {
    color: #666;
    letter-spacing: -1px;
}

#contents_sitemap .cate_line .cate ul li a:hover {
    color: #c42b19;font-weight:400;
}

.sc_title {
    clear: both;
    padding: 5px 0 5px 10px;
    border: dotted 1px #999;
    font-weight: bold;
    background: #f3f3f3;
}

.sc_text {
    clear: both;
    margin: 15px 0 0 20px;
    line-height: 200%;
}

.sc_text ol li {
    list-style: decimal !important
}

.sc_text ol li ol {
    margin-top: 10px
}

.sc_text ol li ol li {
    list-style: upper-roman !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 {
        margin-left: 0px
    }

    #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: 98%;
        height: auto;
        margin: 20px 0 10px 0px;
        clear: both
    }
}

/*-----------------------------------------------------------------------------------------------------------
컨텐츠-탭스타일 
-----------------------------------------------------------------------------------------------------------*/

#tabs {
    overflow: hidden;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: center
}

#tabs {
    display: inline-block;
}

#tabs li {
    position: relative;
    float: left;
    box-sizing: border-box;
    border: 1px solid #ddd;
	/*border-bottom: 1px solid #1f51a2;*/
    border-left: none;
    padding: 18px 0;
    transition: all 0.6s;
	background: #f1f1f1;
	 
	 
}

#tabs li:first-child {
    border-left: 1px solid #ddd
}

#tabs li#current,
#tabs li.on {
 
    border: 2px solid #318496;
    border-bottom: 0px solid #fff;
	background: #fff;
	padding: 18px 0;
}

 

#tabs li#current a,
#tabs li.on a {
    color: #333 !important;
	font-weight: 700;
	 
}

#tabs li a {
    color: #555; font-weight:500;
}

#tabs li:hover a {
    color: #fff !important;
}

#tabs li:hover {
    background: #76979e;
}

 #tabs li.w-4 {
    width: 25%
}


#tabs li.w-3 {
    width: 33.333%
}



#tabs li.w-2 {
    width: 50%
}


/* 모바일 해상도 */
@media all and (max-width:980px) {

        #tabs:after {
            content: '';
            display: block;
            clear: both;
            height: 0;
            visibility: hidden
        }

        #tabs li:first-child {
            border-left: 1px solid #ddd
        }

        #tabs li#current,
        #tabs li.on {
        border: 1px solid #318496;
        border-bottom: 1px solid #fff;
        padding: 18px 0;
    }
        #tabs li#current a,
        #tabs li.on a {
        color: #333 !important;
        font-weight: 500;
        font-size: 16px!important

    }
        #tabs li a {
        color: #555; font-weight:500;font-size: 16px!important
    }
        #tabs li,
        #tabs li.w-3,
        #tabs li.w-4{
            width: 50%

    }


}
 

/*-----------------------------------------------------------------------------------------------------------
컨텐츠-복지관소개
-----------------------------------------------------------------------------------------------------------*/
	
/* 인사말 */

.about_sub1 {
    background: url(/img/about/img1.jpg) no-repeat right 75%;
    margin-top:100px;
    padding-bottom: 150px;
    text-align: left
}

.about_sub1_txt {
    line-height: 200%;
    font-weight: 400;
    font-family: 'Noto Sans KR';
    font-size: 16px;
    color: #333;
    clear: both;
    padding-left: 20px;
}

.about_sub1_txt p.t1 {
    font-weight: 600;
    font-family: "Noto Sans KR";
    font-size: 30px;
    color: #333;
    line-height: 110%;
    display: inline-block
}

.about_sub1_txt p.t1 br,
.about_sub1_txt p.t2 br{
    display: none;
}
.about_sub1_txt .t1 span.type1{
    font-weight: 600;
    font-size: 30px;
    color:#1f90d4;
}
.about_sub1_txt .t1 span.type2{
    font-weight: 600;
    font-size: 30px;
    color:#29aa3f;
}
.about_sub1_txt .t2 {
    font-weight: 400;
    font-family: "Noto Sans KR";
    font-size: 25px;
    color: #333;
    display: inline-block;
    padding-bottom: 40px;
}

.about_sub1_txt p.txt {
    padding-bottom: 30px;
    font-weight: 400;
 
}

/* 테블릿 가로 해상도 */
@media all and (max-width:980px) {

    .about_sub1 {
        margin-top: 30px;
        background: none;
        line-height: 180%;
        text-align: center
    }
    
    .about_sub1_txt p.t1{
        padding-bottom: 20px;
    }    
    
.about_sub1_txt p.t1 br,
.about_sub1_txt p.t2 br{
    display: block;
}
    .about_sub1 br {
        display: none
    }

    .about_sub1_txt {
        width: 100%;
        padding-bottom: 30px;
        padding-left: 0px;
    }


	}

/*운영방침*/
.ope01 {
    /*overflow:hidden;*/
    margin-top: 135px
}

.ope01 ul {
    text-align: center;
}

.ope01 li {
    width: 310px;
    height: 297px;
    color: #fff;
    display: inline-block;
    vertical-align: top;
    word-break: keep-all;
    transition: all ease .6s;
}

.ope01 li h3.v_tt {
    font-size: 20px;
    padding: 16px 50px 15px 50px;
    margin-bottom: 30px;
    color: #fff;
    line-height: 170%;
    word-break: keep-all;
    letter-spacing: -.5px;
    font-family: "Noto Sans KR";
    font-weight: 300;
}

.ope01 li p {
    /* width:210px; */
    display: inline-block;
    font-size: 16px;
    opacity: 0.7;
    color: #fff;
    padding-top: 30px;
    line-height: 140%
}

/*.vision01 li p span { color:#FF0}*/
.ope01 li.v1 {
    background: url(/img/about/ope_img_01.png) no-repeat center 0;
}

.ope01 li.v2 {
    background: url(/img/about/ope_img_02.png) no-repeat center 0;
}

.ope01 li.v3 {
    background: url(/img/about/ope_img_03.png) no-repeat center 0;
}

.ope01 li:hover {
    margin-top: -5px;
}

/* 테블릿 가로 해상도 */
@media all and (max-width:980px) {
    .ope01 {
    margin-top:40px;}
    .ope01 li{
        padding-bottom: 15px;
    }
}

/*직원소개*/

.staff_intro{
    position: relative;
    width: 100%;
    margin: auto;

}
.staff_intro .staff_wrap{
    margin: 100px auto 40px;
}

.staff_intro .top_bx{
    margin-bottom: 3%;
}

.staff_intro .boxwrap{
    width: 30%;
    margin-left:3%;
    float: left;
}


.staff_intro .boxwrap .box3,
.staff_intro .boxwrap .box6{
    margin-right: 0;
}
    

.staff_intro .tt_bx{
    background: #777;
    border-radius: 10px;
    color: #fff;
    padding: 20px 0;
    margin-bottom: 10px;
    text-align: center;
}
.staff_intro .tt_bx p.tt{
    font-family: 'Noto Sans KR';
    font-weight: 500;
    font-size: 20px;
    
}

.staff_intro .tt_bx p.tt span{
    font-family: 'Noto Sans KR';
    font-weight: 400;
    font-size: 17px;

}

.staff_intro .con_bx{
    background: #f9f9f9;
    border-radius: 10px;
    min-height: 150px;
    padding-top: 45px;
    text-align: center;
    box-sizing: border-box;    
}

.staff_intro .con_bx2{
    background: #f9f9f9;
    border-radius: 10px;
    min-height: 150px;
    padding-top: 17px;
    text-align: center;
    box-sizing: border-box;    
}


.staff_intro .con_bx > ul > li{
    margin-bottom: 10px;
}

.staff_intro .con_bx p.c_tt{
    font-family: 'Noto Sans KR';
    font-weight: 500;
    font-size: 18px;
    line-height: 20px;
    letter-spacing: -0.5px;
}


.staff_intro .con_bx2 p.c_tt{
    font-family: 'Noto Sans KR';
    font-weight: 500;
    font-size: 18px;
    line-height: 20px;
    letter-spacing: -0.5px;
    padding-top: 10px;
}




.staff_intro .headwrap{
    width: 100%;
    height: 229px;
    background: #318596;
    border-radius: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.staff_intro .headwrap .c_tt{
    font-family: 'Noto Sans KR';
    font-weight: 500;
    font-size: 20px;
    line-height: 25px;
    letter-spacing: -0.5px;
    color:#fff;
    text-align: center;
    
}

.staff_intro .headwrap .c_tt span{

    font-weight: 400;
    font-size: 17px;
    color:#fff;
    
}

.staff_intro .headwrap .c_tt2{
    font-family: 'Noto Sans KR';
    font-weight: 500;
    font-size: 18px;
    line-height: 25px;
    letter-spacing: -0.5px;
    color:#fff;
    text-align: center;
    
}



.staff_intro .headwrap .c_num{
    font-family: 'Noto Sans KR';
    font-weight: 400;
    color:#fff;
    
}


.staff_intro .em_wrap{
    width: 100%;
    height: 229px;
    background: url(/img/about/staff_img.png)no-repeat center #fff;
}





@media all and (max-width:800px) {
    
    .staff_intro .staff_wrap{
    margin: 10% auto;
      }
    .staff_intro .boxwrap{
        width: 100%;
        margin-left:0%;
        float: left;
        margin-bottom: 3%;
    }
        .staff_intro .top_bx{
        margin-bottom: 0%;
    }
    .staff_intro .box02{
        position: absolute;
        top: 0;
        left: 0;

    } 
    .staff_intro .box01{
            margin-top: 70%;
        }
    }      
    


/*조직도*/


.org {
    height: 500px;
    position: relative;
    margin-top: 20px;
}

.org:after {
    position: absolute;
    top: 86px;
    left: 50%;
    margin-left: -0.5px;
    content: "";
    display: block;
    width: 1px;
    height: 168px;
    background: #d1d1d1;
    z-index: -1
}

.org_desc{ 
        clear: both;
        font-size: 16px;
        color:#999;
    margin-top: 100px;
    }

.org ul li.org1 ul {
    position: relative;
/*    margin-top: 50px;*/
    width: 80%;
    margin-left: 10%
}

.org ul li.org1 ul:after {
    position: absolute;
    top: 100px;
    left: 100px;
    content: "";
    display: block;
    width: 70%;
    height: 1px;
    background: #d1d1d1;
    z-index: -1
}

.org ul li.org1 ul li {
    width: 20%;
    float: left;
}

.org ul li.org1 ul li p.type1 {
    position: relative;
    width: 135px;
    height: 135px;
    margin: 20px auto 30px;
    background: #008898;
    padding: 54px 0;
    line-height: 130%;
    box-sizing: border-box;
    text-align: center;
    color: #fff;
    font-size: 22px;
    font-weight: bold;
    border-radius: 50%;
    box-shadow: 5px 5px 0 #eee;
}

.org ul li.org1 ul li p.type1_2 {
      position: relative;
    width: 140px;
    height: 25px;
    background: #fff;
    margin: 65px auto 40px;
    border: 2px solid #2c906e;
    padding: 20px 0;
    text-align: center;
    border-radius: 10px;
    box-shadow: 5px 5px 0 #eee;
}

.org ul li.org1 ul li p.type1_3 {
      position: relative;
    width: 140px;
    height: 25px;
    background: #fff;
    margin: 65px auto 40px;
    border: 2px solid #ffaa3b;
    padding: 20px 0;
    text-align: center;
    border-radius: 10px;
    box-shadow: 5px 5px 0 #eee;
}


.org ul li.org1 ul li p.type1_2 a,
.org ul li.org1 ul li p.type1_3 a{
    font-size: 18px;
    font-weight: bold;
    font-weight: 500;
    color: #333;
}

.org ul li.org1 ul li p.type2{
      position: relative;
    margin: 25px auto 40px;
     width: 145px;
    height: 145px;
    background: #ffaa3b;
    padding: 28px 0;
    line-height: 130%;
    box-sizing: border-box;
    text-align: center;
    position: relative;
    border-radius: 50%;
    font-size: 18px;
    font-weight: bold;
    font-weight: 500;
    color: #fff;
    box-shadow: 5px 5px 0 #eee;
}


.org ul li.org2 {
    clear: both;
}

.org ul li.org2 ul {
    position: relative;
    padding: 0 20px;
}

.org ul li.org2 ul:after {
    position: absolute;
    top: 43px;
    left: 143px;
    content: "";
    display: block;
    width: 72.2%;
    height: 1px;
    background: #d1d1d1;
}

.org ul li.org2 ul li {
    width: 25%;
    float: left;
    margin-top: 145px;
    position: relative
}

.org ul li.org2 ul li:after {
    position: absolute;
    top: -101px;
    left: 50%;
    margin-left: -0.5px;
    content: "";
    display: block;
    width: 1px;
    height: 109px;
    background: #d1d1d1;
    z-index: -1
}


.org ul li.org2 p.type1 {
    width: 200px;
    margin: 0 20px;
    padding: 20px 0;
    color:#fff;
    font-size: 18px;
    text-align: center;
    position: relative;
    border-radius: 10px;
    font-weight: 500;
    box-shadow: 5px 5px 0 #eee;
    background: #777;
}



.org ul li.org2 ul li:last-child {
    margin-right: 0;
}

.click {
    position: absolute;
    top: 42px;
    left: 116px;
    font-size: 11px;
    color: #fff;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    text-indent: -9999px;
}

.org_bg1{
    background: url(/img/about/org_more.png)no-repeat center #2c906e;
}

.org_bg2{
    background: url(/img/about/org_more.png)no-repeat center #ffaa3b;
}


/* 조직도-모바일 해상도 */
@media all and (max-width:980px) {
    .org {
        height: auto;
        position: relative;
        margin-top: 40px;
    }

    .org:after {
        height: 415px;
    }

    .org ul li.org1 ul li {
/*        float: none;*/
        width: 100%;
        margin-left:0;
    }    
    
    
    .org ul li.org1 ul li p.type1 {
        margin: 0 auto 15px;
    }

     
   .org ul li.org1 ul li p.type1_2, 
   .org ul li.org1 ul li p.type1_3, 
    .org ul li.org1 ul li p.type2{  
/*        width: 50%;*/
        margin: 10px auto 10px;      
    } 

    
    .org ul li.org2 ul {
        padding: 0;
    }
    .org ul li.org2 ul li {
        width: 100%;
        margin: 0 2% 0 0;
    }

 
    .org ul li.org2 p.type1 {
        width: 80%;
        margin: 0 auto 10px;
    }
    
    .org ul li.org1 ul:after,
    .org ul li.org2 ul:after,    
    .org ul li.org2 ul li:after{
         height: 0px;
    }

    
}


 /* 연혁 */

 .historyDiv {
     border-top: 2px solid #333;
     margin: 30px 0;
 }

 .historyDiv li {
     border-bottom: 1px solid #ddd;
     overflow: hidden;
     padding: 20px 0;
 }

 .historyDiv li.end {
     border-bottom: 0px solid #ddd;
 }

 .historyDiv li p.year {
     position: relative;
     width: 30%;
     float: left;
     text-align: center;
     font-size: 38px;
     color: #33899b;
     font-weight: 600;
     line-height: 50px
 }

 .historyDiv li p.year:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 245px;
    width: 59px;
    height: 1px;
    background: #eee;
}
 .historyDiv li p.year:after {
    content: '';
    position: absolute;
    top: 16px;
    left: 228px;
    width: 8px;
    height: 8px;
    border: 6px solid #89b6c0;
    border-radius: 20px;
}

 .historyDiv li ul.hisTxt {
     width: 70%;
     float: right;
     color: #777;
    padding-top: 7px;
     overflow: hidden
 }

 .historyDiv li ul.hisTxt li.txt {
     overflow: hidden;
     padding: 3px 0 !important;
     border-bottom: 0px solid #ddd;
 }

.historyDiv li ul.hisTxt li.txt p.month {
    width: 10%;
    /* padding: 6px; */
    box-sizing: border-box;
    /*border-radius: 20px;*/
    /*background: #555;*/
    /*border: 1px solid #ddd; */
    float: left;
    text-align: left;
    font-weight: 500;
    color: #333;
}

 .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 5px 19px;
     line-height: 150%;
     position: relative
 }

 .historyDiv li ul.hisTxt li.txt p.history span:before {
     position: absolute;
     content: '-';
     top: 0;
     left: 5px;
 }



 /* 모바일 해상도 */
 @media all and (max-width:980px) {


     /*연혁 */
     .historyDiv {
         clear: both;
         margin-top: 20px
     }

     .historyDiv li {
         padding: 30px 2%;
         width: 96%;
     }

     .historyDiv li p.year {
         width: 100%;
         float: none;
         text-align:left;
         padding-bottom: 20px;
     }
     .historyDiv li p.year:before, 
    .historyDiv li p.year:after {
            display: none;
            }

     .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: 25%;
     }

     .historyDiv li ul.hisTxt li.txt p.history {
         width: 75%
     }

 }



/*법인소개*/

.define-box {
    position: relative;
    padding: 2rem 1.5rem 2rem 19rem;
    margin: 2rem 0 4rem;
}

.define-box .line-top {
    display: block;
    background-color: #efefef;
    width: 100%;
    height: 3px;
    position: absolute;
    top: 0;
    left: 0;
}


.define-box .line-top::before {
    content: "";
    display: block;
    background-color: #efefef;
    width: 3px;
    height: 1.5rem;
    position: absolute;
    top: 0;
    left: 0;
}
.define-box .line-top::after {
    content: "";
    display: block;
    background-color: #2bb6d0;
    width: 3px;
    height: 6.5rem;
    position: absolute;
    top: 1.5rem;
    left: 0;
    opacity: 0;
}

.define-box .icon {
    position: absolute;
    left: 2.5rem;
    top: 32%;
    /* width: 3.2rem; */
}

.define-box .tt{
    display: block;
    font-size: 1.5rem;
    line-height: 140%;
    font-weight: 500;    
    margin: .6rem 0;
    color:333;
}

.define-box strong.type1{
    color:#91af48;
}


.define-box .txt{
    line-height: 160%;
    word-break: break-all;
    padding: 1% 0;
    font-family: 'Noto Sans KR';
}


.define-box .line-bottom {
    display: block;
    background-color: #efefef;
    width: 100%;
    height: 3px;
    position: absolute;
    bottom: 0;
    left: 0;
}
.define-box .line-bottom::before {
    content: "";
    display: block;
    background-color: #efefef;
    width: 3px;
    height: 1.5rem;
    position: absolute;
    bottom: 0;
    right: 0;
}


.define-box .line-bottom::after {
    content: "";
    display: block;
    background-color: #2e5dbc;
    width: .3rem;
    height: 6.5rem;
    position: absolute;
    bottom: 1.5rem;
    right: 0;
    opacity: 0;
}


.intro_txt{
    position: relative;
    line-height: 220%;
    color: #f28625;
    margin: 60px 0;
    text-align: center;


}
.intro_txt p{
    font-size: 18px;
    font-weight: 400;
 font-family: 'S-CoreDream-5Medium';
}

.intro_bx{
    padding:30px;
    background: #f9f9f9;
/*    border: 1px solid #eee;    */
}

.list_ol > li {
    position: relative;
    padding-left: 35px;
    margin-top: 0.5rem;
    color: #555;
    font-weight: 400;
    line-height:150%;
}

.list_ol > li > span.num {
    position: absolute;
    left: 0;
    top: 0;
    width: 1.25rem;
    height: 1.25rem;
    line-height:150%;
    color: #99b53b;
    text-align: center;
     font-family: 'S-CoreDream-6Bold';
}

@media only screen and (max-width:980px) {
    .define-box {
    padding: 7rem 1.5rem 2rem 1.5rem;
}
    .define-box .icon {
    left: 5rem;
    top: 10%;
}
    .intro_img img{
        width: 100%;
    } 
}


/*찾아오시는길*/

.mapArea {
	height: 361px;
	overflow: hidden;
	width: 100%;
}
.add_box {
    margin-top:  0px;
    position: relative;
	background: #328597;
	color: #fff;
}
.add_box .add {
    padding: 20px 63px ;
    font-weight: 400;  
    text-align: left;
    line-height: 220%;    
}

.add_box .add span.img1{
    position: absolute;
    top: 23px;
    left: 23px;
}

.add_box .add span.img1_1{
    position: absolute;
    top: 61px;
    left: 23px;
}
.add_box .add span.img2{
    position: absolute;
    top: 65%;
    left: 23px;
}

.locaInfoArea {
    margin-top: 35px;
}

.locaInfoArea .infoRow {
    padding: 25px 0 30px 130px;
	margin-left: 30px;
}

.locaInfoArea .infoRow:first-child {
    border-top: none;
}

.locaInfoArea .infoRow .infoTitle {
    font-size: 1.2em;
    color: #252525;
    font-weight: normal;
    padding-bottom: 10px;
}

.locaInfoArea .infoRow ul li {
    color: #252525;
    line-height: 200%
}

.locaInfoArea .infoRow ul li .point {
    color: #d7685b;
    font-weight: 500;
    font-size: 17px;
}


.locaInfoArea .infoRow ul li span.type1 {
    padding: 3px 10px;
    font-weight: 400;
    color: #fff;
    font-size: 16px;
    background: #f88e26;
    border-radius: 20px;
    margin-right: 7px;
}

.locaInfoArea .infoRow .busNum {
    color: #252525;
    display: block;
    font-weight: bold;
}

.locaInfoArea .infoRow .busNum .busTit {
    display: inline-block;
    vertical-align: middle;
    color: #fff;
    border-radius: 3px;
    background-color: #729f40;
    padding: 1px 4px 2px;
    font-size: 12px;
}

.locaInfoArea .infoRow.row01 {
    background: url("/img/about/loca01.png") no-repeat 0 20px;
    background-size: 100px 100px;
}

.locaInfoArea .infoRow.row01 ul li:first-child {
    margin-top: 0;
}


.locaInfoArea .infoRow.row02 {
    background: url("/img/about/loca02.png") no-repeat 0 20px;
    background-size: 100px 100px;
	float: left;
}

.locaInfoArea .infoRow.row03 {
    background: url("/img/about/loca03.png") no-repeat 0 20px;
    background-size: 100px 100px;
	float: left;
}

.locaInfoArea .infoRow.row03 ul li > ul {
    padding-left: 10px;
}

.locaInfoArea .infoRow ul li span.line1 {display: inline-block;width: 20px; height: 20px;text-align: center;background: #f2632f;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}

 
/* 테블릿 가로 해상도 */
@media all and (max-width:980px) {
	.locaInfoArea .infoRow {margin-left: 10px;}
	.locaInfoArea .infoRow.row02,.locaInfoArea .infoRow.row03 {width:80%;}
    
    
    .add_box .add{
    padding: 20px 0px 20px 65px;        
    line-height: 180%;
    }
    
.add_box .add span.img1_1{
    position: absolute;
    top: 81px;
    left: 23px;
}    
    
    
}
	




/* 모바일 해상도 */
@media all and (max-width:800px) {


    .locaInfoArea .infoRow.row01,
    .locaInfoArea .infoRow.row02,
    .locaInfoArea .infoRow.row03 {
        background: none
    }

    .locaInfoArea .infoRow {
        padding: 20px 0 20px 20px;
    }
}


/*인권침해접수 상담메뉴얼*/

.step_box {
    width: 98%;
    position: relative;
    display: inline-block;
    margin: -6px 0 0px;
    background:#f9f9f9;
}

ul.step_box_tt {
    position: relative;
    float: left;
    width: 180px;
    height: 200px;
    padding: 5px 10px 0;
    border: 1px solid #ddd;
    background: #fff;
/*    border-radius: 50%;*/
    text-align: center;
    font-size: 18px;
    font-weight: 400;
    color: #000;
    line-height: 21px;
}

ul.step_box_tt img{
    padding-bottom: 5px;
}

ul.step_box_tt span.step {
    color: #7dbd45;
    font-size: 16px;
    letter-spacing: 0px;
    padding-top: 23px;
    display: inline-block;
}


ul.step_box_tt span.memo {
    color: #555;
    font-size: 15px;
    letter-spacing: -1px;
/*    padding-top: 10px;*/
    display: inline-block;
}
ul.step_box_tt span.memo2 {
    color: #f24c4c;
    font-size: 15px;
    letter-spacing: -2px;
    display: inline-block;
}

ul.step_box_tt:after {
    position: absolute;
    bottom: -18px;
    left: 41%;
    content: "";
    display: block;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: url("/img/common/ico_link04.png") no-repeat 53% 56% #ddd;
    z-index: 1
}

ul.step_box_tt.end:after {
    display: none
}

ul.step_box_list {
    float: right;
    width: 77%;
    text-align: left;
    margin-top: 10px
}

ul.step_box_tt:hover {
    border: 1px solid #33899b;
    background: #33899b;
    color: #fff;
}


ul.step_box_tt:hover span.step{
    color: #33899b;
}

ul.step_box_tt:hover span.memo {
    color: #fff;
}

ul.step_box_list span {
    display: inline-block;
    padding: 2px 8px;
    color: #fff;
    font-weight: 400;
    font-size: 16px;
    border-radius: 20px;
    background: #db6456;
    margin: 0 5px 0 15px;
}

.h_height_30 {
    margin-top: 30px;
}

.h_height_50 {
    margin-top: 50px;
}

.h_height_60 {
    margin-top: 60px;
}

strong.point{
    color:#33899b;
}

/* 모바일 해상도 */
@media all and (max-width:980px) {
    .step_box {
        width: 100%;
        margin: 3% 0%;
        background: #fff;
    }

    ul.step_box_tt {
        float: none;
        position: relative;
        margin: 0 auto
    }

    ul.step_box_list {
        float: left;
        width: auto;
    }

    ul.step_box_tt:after {
        display: none
    }

    .h_height_30,
    .h_height_50,
    .h_height_60 {
        margin-top: 0px;
    }
    .m_center  {
    text-align: center;
    padding-left: 10px;
}
  
    ul.step_box_tt {

    width: 90%;
    }
    
}


.vols_box {
    padding: 0px 0px;
    position: relative;
    float: left;
    display: inline-block;
    margin-top: 10px;
    width: 100%
}

.vols_box li {
    position: relative;
    float: left;
    display: inline-block;
    margin-right: 20px;
    text-align: center;
    text-align: center;
    border: #eee solid 1px;
    border-radius: 15px;
    background: #ededed;
    transition: all 0.6s;
    padding: 10px;
    font-size: 16px;
    line-height: 19px
}

.vols_box li:after {
    position: absolute;
    top: 48%;
    right: -15px;
    content: "";
    display: block;
    background: url(/img/common/path_arrow.gif) no-repeat;
    width: 6px;
    height: 9px;
}

.vols_box li:last-child:after {
    display: none
}

/* 모바일 해상도 */
@media all and (max-width:980px) {
    .vols_box {
        margin-top: 0px
    }

    .vols_box li {
        width: 80%;
    }

    .vols_box li {
        margin-bottom: 25px;
    }

    .vols_box li:after {
        position: absolute;
        top: 59px;
        right: 48%;
        content: "";
        display: block;
        background: url(/img/common/path_arrow2.gif) no-repeat;
        width: 9px;
        height: 6px;
    }


}


/*단체현황*/




.news_h_btn{
    background:url(/img/news/home_ic.png)no-repeat center;
/*    width:24px;*/
    height: 24px;

}
.news_h_btn:hover{   
    background:url(/img/news/home_ic_ov.png)no-repeat center #fff;
/*    width:24px;*/
    height: 24px;
    
}

div.news_bx {
    padding: 15px;
    line-height: 170%;
    border: #efefef solid 1px;
    border-radius: 10px;
    min-height: 80px;
}

 h5.news_tt {
    padding-left: 30px;
    margin-left: 10px;
    background: url(/img/common/st.png) no-repeat 0 50%;
    color: #000;
    clear: both;
    font-weight: 500;
    font-size: 20px;
}



/* 모바일 해상도 */
@media all and (max-width:980px) {
        .news_h_btn{
        background:url(/img/news/home_ic.png)no-repeat left;

    }
    .news_h_btn:hover{   
        background:url(/img/news/home_ic_ov.png)no-repeat left #fff;

    }
}




/*뉴스래터 구독*/

.news_app_bx{
    
    padding:30px;
    background: #fff;
    border: 1px solid #ddd;
    text-align: center;
    margin-top: 10px;
}
.news_app_bx .app_i{
     padding: 20px 0;
}

.news_app_bx h6.tt{
    font-size: 20px;
    font-family: "Noto Sans KR";
    font-weight: 400;
    padding-bottom: 15px;
}
.news_app_form{
        display: inline-block;
        width: 500px;
        margin: 0 auto;
}
.news_app_form .inp_text {
    position: relative;
    width: 100%;
    height: 40px;
    padding: 3px 10px;
    margin-bottom: 10px;
    box-sizing: border-box;
    border: 1px solid #ddd;
    background: #f9f9f9;
    border-radius: 8px;
}
.news_app_form input{
    background: #f9f9f9;
    border: 0;
    font-size: 16px;
}

 .hidden {
     position:absolute !important;  
     width:1px; 
     height:1px; 
     overflow:hidden;
     clip:rect(1px 1px 1px 1px); /* IE6, IE7 */
     clip:rect(1px, 1px, 1px, 1px);
    }


@media all and (max-width:600px) {
    .news_app_form{
        width: 100%;
}


    }

/* 이용안내 */

.use_bx{
    position: relative;
    padding: 30px;
    background: #fff;
    border: 1px solid #ddd; 
    margin: 1% 0 3%;
}


.use_bx .use_wrap{
    width: 50%;
    float: left;
}


.use_bx .use_wrap_l{
    float: left;
    padding: 25px 0 30px 130px;
    margin-left: 30px;
}

.use_bx .use_wrap_r{
    padding: 25px 0 30px 130px;
    margin-left: 30px;
    float: left;
}

.use_bx .use_tt{
    font-size: 20px;
    font-weight: 600;
    color:#328799;
    padding-bottom: 10px;
}

.use_i01{
    background: url(/img/space/use_icon_01.png) no-repeat 0 20px;
    background-size: 90px 90px;
}

.use_i02{
    background: url(/img/space/use_icon_02.png) no-repeat 0 20px;
    background-size: 90px 90px;
}


.use_photo{
    position: relative;
    padding: 30px;
    background: #f9f9f9;
    text-align: center;
}

.use_photo p.img{
    display: inline-block;
    width: 455px;
    margin-right: 30px;
}
.use_photo p.img:last-child{
        margin-right: 0;
}



@media all and (max-width:980px) {
    .use_bx .use_wrap{
        width: 100%;
        float: none;
    }
    
    .use_bx .use_wrap_l,
    .use_bx .use_wrap_r{
        float: left;
        padding: 25px 0 30px 80px;
        margin-left: 0;
    }


    .use_i01{
        background: url(/img/space/use_icon_01.png) no-repeat 0 20px;
        background-size: 60px 60px;
    }

    .use_i02{
        background: url(/img/space/use_icon_02.png) no-repeat 0 20px;
        background-size: 60px 60px;
    }

    
    
    
    .use_photo p.img{
        display: inline-block;
        width: 100%;
        margin-right:0;
    }
    .use_photo img{
        width: 100%;
    }
    
    
    
    
    
}


/*-----------------------------------------------------------------------------------------------------------
컨텐츠-일정보기
-----------------------------------------------------------------------------------------------------------*/


table.schedule_table {
    width: 100%;
    border-top: 2px solid #222;
    border-bottom: 1px solid #e0dede;
	border-collapse: collapse;
    border-spacing: 0;
}

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;
    font-weight: 400;
}

table.schedule_table tbody tr td {
    height: 109px;
    border-top: 1px solid #e0dede;
    border-right: 1px solid #e0dede;
    vertical-align: top;
}

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;
    text-align: center;
}

/* 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: #d0e6eb; 
}

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-bottom: 20px;
    text-align: center;
}

.schedule_top a {
    display: inline-block;
    *display: inline;
    zoom: 1;
    height: 30px;
    line-height: 30px;
    vertical-align: top
}

.schedule_top a.pre_mon {
    margin-right: 45px;
}

.schedule_top a.next_mon {
    margin-left: 45px;
}

.schedule_top a img {
    padding: 3px 0 2px 0
}

.schedule_top span {
    display: inline-block;
    *display: inline;
    zoom: 1;
    height: 30px;
    line-height: 30px;
    color: #33899b;
    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;
    }

}

#dialog-background {
    display: none;
    position: fixed;
    top: 0; left: 0;
    width: 100%; height: 100%;
    background: rgba(0,0,0,.3);
    z-index: 10;
}
#my-dialog {
    display: none;
    position: fixed;
    left: calc( 50% - 160px ); top: calc( 50% - 70px );
    width: 344px; height: 252px; 
    background: #fff;
    z-index: 11;
    padding: 10px;
}


/* 게시판 검색 */
.board_top 		 {position:relative; margin-bottom:20px; padding:12px 20px; border:1px solid #d3d7dd; background:#fff; box-shadow:0 2px 0 #f3f3f3;}
.board_top:after {display:block; clear:both; content:'';}
.board_top .total_area 		{float:left; padding-top:5px; font-size:15px;}
.board_top .total_area i 	{color:#666;}
.board_top .search_area 	{float:right;}
.board_top .search_area * 	{ vertical-align:top;}
.board_top .search_area > * {display:inline-block;}
.board_top .search_area label { display:none}
.board_top .search_area select { padding:3px 10px; height:32px}

.state_date {float:left; padding-top:10px;}
.state_date > strong{font-size:20px; color:#000;}
.state_date > strong i {font-size:22px; font-weight:normal; position:relative; top:2px; margin-right:5px;}
.srchBt		{display:inline-block; width:79px; height:33px; background:#6291d9; line-height:33px; color:#fff; font-size:13px; text-align:center;}
.red { color: #F00 !important;}

/* 교육신청 */

.ok_bx{
    position: relative;
    padding: 20px;
    background: #fff;
    border: 1px solid #ddd; 
    margin: 1% 0 1%;
    box-sizing: border-box;
}


/* 북book 검색 */
.book_top 		 {position:relative; margin-bottom:20px; padding:32px 20px;  border:1px solid #d3d7dd; background:#fff;   background: url("/img/space/book.jpg")no-repeat center 50%  ; box-shadow:0 2px 0 #f3f3f3;text-align: center}
.book_top:after {display:block; clear:both; content:'';}
 .book_top .total_area 		{float:left; padding-top:5px; font-size:15px;}
/*.book_top .total_area i 	{color:#666;}
.book_top .search_area 	{float:right;}*/
.book_top .search_area * 	{ vertical-align:top;}
.book_top .search_area > * {display:inline-block;}
.book_top .search_area label { display:none}
.book_top .search_area select { padding:10px 20px; height:42px;border-radius: 40px; }
.book_top .search_area input { padding:10px 10px; height:21px;border-radius: 40px}
.book_top .search_area a.srchBt		{display:inline-block; width:99px; height:23px; padding:10px 10px; background:#e2897f; border-radius: 40px;line-height:23px; color:#fff; font-size:13px; text-align:center;vertical-align: middle;}
.book_top .search_area a.srchBt	 span {
    padding-left: 20px;
    background: url(/SW_bbs/img/srch_icon.png) no-repeat 0 center;
    background-size: 35%;
    color: #fff;
    line-height: 23px;
}

/*.define-box2 label { display:none}
.define-box2 select { padding:10px 20px; height:42px;border-radius: 40px; }
.define-box2 input { padding:10px 10px; height:21px;border-radius: 40px}
.define-box2 a.srchBt		{display:inline-block; width:99px; height:23px; padding:10px 10px; background:#e2897f; border-radius: 40px;line-height:23px; color:#fff; font-size:13px; text-align:center;vertical-align: middle;}
.define-box2 a.srchBt	 span {
    padding-left: 20px;
    background: url(/SW_bbs/img/srch_icon.png) no-repeat 0 center;
    background-size: 35%;
    color: #fff;
    line-height: 23px;
}
*/


.book_top p.tt{font-size: 24px;font-weight: 400}
.book_top p.tt span{ padding:5px 20px;background:#e2897f;
    border-radius: 40px;margin-right: 10px;
    color: #fff;
    line-height: 21px;}

a.bookBt		{display:inline-block; width:125px; height:23px; padding:10px 20px; background:#33899b; border-radius: 40px;line-height:23px; color:#fff; font-size:13px; text-align:center;vertical-align: middle;}
a.bookBt	 span {
    padding-left: 20px; 
    background: url(/SW_bbs/img/srch_icon.png) no-repeat 0 center;
    background-size: 20px;  
    color: #fff;display: inline-block;
    line-height: 23px;
}
.booktal{text-align: left!important;}
.PC{display: block}
/* 모바일 해상도 */
@media all and (max-width:980px) {
	.book_top 		 {  padding:12px 20px; text-align: left ;float:left;}
	
	.book_top .search_area select { padding:3px 1%;width: 30%!important; height:32px; border-radius: 0px;   }
	.book_top .search_area input { padding:4px 1%;width: 60%!important; height:22px;width: 50%; border-radius: 0px;  }
	
	
	.book_top .search_area a.srchBt		{ width:95%;   padding:5px 0px;  border-radius: 0px; margin-top: 10px;}
	
	
	.booktal{text-align: center!important;}
.PC{display:none}	
}