@charset "urf-8";
/* ==========서브공통========== */
.t-point {color:#237f53}
.ar-inner {margin:30px 0}
.sub_content article > h1 {
    font-size:20px;letter-spacing:-1px;padding-left:26px;font-weight:500;color:#000;margin-top:80px;
    /*padding-bottom:22px;border-bottom:1px solid #e1e1e1;*/margin-bottom:25px;position:relative;
}
.sub_content article.first-tit > h1 {margin-top:0px;}
.sub_content article > h1:before {position:absolute;left:0;top:3px;content:'';display:inline-block;width:18px;height:18px;background:url('../img/page/bullet.png')}
.ar-inner h2{font-size:18px;letter-spacing:-1px;padding-left:22px;font-weight:500;color:#333;margin-bottom:15px;position:relative;}
.ar-inner h2:before {position:absolute;left:0;top:3px;content:'';display:inline-block;width:12px;height:12px;border:4px solid #237f53}
.img-wrap {text-align:center;}
.img-border{border: 1px solid #eaeaea;padding:32px 20px;border-top: 1px solid #b2b2b2;}
.first-inner{margin-top:0;}
.u-box {word-break: keep-all;border-radius: 3px;background: #ececec;padding: 15px 20px;margin-bottom: 20px;}

/*font-size*/
body {font-size:15px;word-break:keep-all}
.font-s1 {font-size:16px;}
.font-s2 {font-size:20px;}
.font-s3 {font-size:22px;letter-spacing:-1px;font-weight:600;}
.font-s4 {font-size:26px;letter-spacing:-1px;font-weight:600;}
.font-s5 {font-size:30px;letter-spacing:-1px;font-weight:600;}


@media all and (max-width:960px) {
    article > h1 {font-size:19px;margin-top:50px;}
    .ar-inner h2 {font-size:17px;}
    /*font-size*/   
    body {font-size:14px;}
    .font-s1 {font-size:15px;}
    .font-s2 {font-size:18px;}
    .font-s3 {font-size:20px;}  
    .font-s4 {font-size:24px;}
    .font-s5 {font-size:28px;}
}  
@media all and (max-width:480px) {
    article > h1 {font-size:17px;}
    .ar-inner h2 {font-size:16px;}
    /*font-size*/
    .font-s1 {font-size:14px;}
    .font-s2 {font-size:14px;}
    .font-s3 {font-size:17px;}
    .font-s4 {font-size:18px;}
    .font-s5 {font-size:20px;}
}


/* 서브 헤드 */
.sub {padding-top:128px;}
.s_visual{position:relative;width:100%;height:235px;clear:both;z-index:1;display:flex;align-items:center;justify-content:center;color:#fff;}
.s_visual.s_visual_img01{background:url('../img/page/hd_visual01.jpg')no-repeat center;background-size:cover}
.s_visual.s_visual_img02{background:url('../img/page/hd_visual02.jpg')no-repeat center;background-size:cover}
.s_visual.s_visual_img03{background:url('../img/page/hd_visual03.jpg')no-repeat center;background-size:cover}
.s_visual.s_visual_img04{background:url('../img/page/hd_visual04.jpg')no-repeat center;background-size:cover}
.s_visual.s_visual_img05{background:url('../img/page/hd_visual05.jpg')no-repeat center;background-size:cover}
.hd_title{font-size:36px;font-weight:500;}

@media (max-width:1024px) {
    .sub {padding-top:60px}
}
@media(max-width:550px){
.s_visual{height:135px;}
.s_visual .hd_title{line-height:135px}
}
@media(max-width:480px) {
    .hd_title {font-size:26px;}
}

/* 서브 컨텐츠 */
#container{position:relative;width:100%;height:auto;overflow:hidden;min-height:500px;margin-bottom:50px}
.content_wrap{position:relative;width:1300px;height:auto;overflow:hidden;margin:0 auto;padding:45px 0 20px 0;min-height:500px}
.sub_container{position:relative;float:left;width:1070px;height:auto;overflow:hidden;padding-left:55px}
.sub_content{position:relative;width:100%;height:auto;overflow:hidden;margin-bottom:60px}
.sub_title{font-size:25px;color:#3d3c3c;margin:40px 0;font-weight:500}

@media(max-width:1300px){
    .img_size img{width:100%}
    .content_wrap{width:100%}
    .sub_container{padding-left: 30px;padding-right: 20px;width: calc(100% - 244px);}
    /* .board_wrap{width:80%} */
}

@media(max-width:960px){
    .sub_container{width:100%;padding:0 20px;float:none}
    .board_wrap{width:100%;padding:0 20px}
    .content_wrap {padding:30px 0 20px 0}
}

@media(max-width:550px){
    .sub_container{padding:0 10px}
    .board_wrap{padding:0 10px}
}

/* 레프트 메뉴*/
/* .left_menu{position:relative;float:left;width:240px;height:auto;overflow:hidden}
.left_menu .left_title{width:100%;height:130px;line-height:130px;background:#383838;text-align:center;color:#fff;font-size:27px;font-weight:500}
.left_menu .left_ul{position:relative;width:100%;height:auto;overflow:hidden}
.left_menu .left_ul li{padding:0 15px;border-bottom:1px solid #dddddd;line-height:45px;background:url('../img/page/left_arrow.jpg')no-repeat 90%;}
.left_menu .left_ul li:hover,.left_menu .left_ul li.active{background:url('../img/page/left_arrow_ov.jpg')no-repeat 90%}
.left_menu .left_ul li a{font-size:15px;color:#222222;font-weight:500;display:block} */




.left_menu{position:relative;float:left;width:224px;height:auto;overflow:hidden}
.left_menu .left_title{width:100%;height:120px;line-height:120px;background-color:#237f53;background-image:url('../img/page/left-tit-bg.png');text-align:center;color:#fff;font-size:20px;font-weight:500}
.left_menu .left_ul{position:relative;width:100%;height:auto;overflow:hidden}
.left_menu .left_ul li {padding:0 15px;border:1px solid #dedede;border-top:0;line-height:50px;}
.left_menu .left_ul li a {display:block;}
.left_menu .left_ul li a span {word-break:keep-all;line-height:1.4}
.left_menu .left_ul li.active {background:#33454d}
.left_menu .left_ul > li.active a {color:#fff;position:relative;padding-left: 40px;}
.left_menu .left_ul .submenu {background:#f2f2f2;padding:10px 20px;}
.left_menu .left_ul .submenu li {border:none;line-height:25px;padding:0;}
.left_menu .left_ul .submenu li a {color:#777;font-size:14px;}
.left_menu .left_ul .submenu li a:before {display:none;}
.left_menu .left_ul .submenu li.active {background:transparent}

.left_menu .left_ul .submenu li a:before {display:none !important;}

.left_menu .left_ul li.active a:before {content:'';position: absolute;left: 20px;top: 23px;display:inline-block;width:10px;height:4px;border-radius:4px;background:#fff;margin-right:15px;}
.left_menu .left_ul .submenu {width:calc(100% + 34px);margin-left:-16px;margin-bottom: -1px;}
.left_menu .left_ul li a{font-size:16px;color:#444;font-weight:500;display:block;padding:0 20px;text-decoration:none;}
.submenu-indicator {display:none;}


@media(max-width:1300px){
    .left_menu{margin-left: 20px;}
}
@media(max-width:960px){
    .left_menu{display:none}
}
@media(max-width:550px){
    .left_menu,.textbar{display:none}
}

/* 네비게이션 */
.sub_navigation {margin-bottom:30px;display:flex;align-items:center;justify-content:space-between;padding-bottom:26px;border-bottom:1px solid #dedede;}
.navigation {display:flex;align-items:center;}
.navigation li {margin:0 5px;font-size:14px;color:#888}
.navigation li.home2 {width:15px;height:14px;background:url('../img/location-home.jpg')}
.navigation li.arrow {width:6px;height:9px;background:url('../img/location-arrow.png')}
.navigation li:last-child {color:#444}
.page-tit {font-size:28px;color:#393939;font-weight:500;letter-spacing:-2px;}

@media(max-width:550px){
    .sub_navigation {flex-direction:column;margin-bottom:20px;padding-bottom:20px;}
    .navigation {margin-top:10px;}
}

@media all and (max-width:480px) {
    .page-tit {font-size:22px;}
}

main {margin-top:128px;}
.area {width:1300px;margin-left:auto;margin-right:auto;}

@media all and (max-width:1360px) {
    .area {width:100%;padding-left:20px;padding-right:20px;}
}
@media all and (max-width:1024px) {
    main {margin-top:60px;}
}


/*페이지탭*/
.page-tab {display:flex;justify-content:center;align-items:center;background:#f6f6f6;border-radius:3px;height:60px;margin-bottom:20px;}
.page-tab li {display:flex;height:100%;justify-content:center;align-items:center;margin:0 15px;padding:0 20px}
.page-tab li a {font-size:16px;color:#464a4d;display:block;}
.page-tab li.active {border-bottom:2px solid #289163}

@media (max-width:760px) {
    .page-tab li {margin:0;}
    .page-tab li a{font-size:14px;}
}
@media (max-width:480px) {
    .page-tab {flex-wrap:wrap;height:auto;padding:10px}
    .page-tab li {margin:0;height:35px;}
    .page-tab li a{font-size:14px;}
}

/*팝업템플릿*/
/*pop01*/
.pop01 .header {width:100%;height:178px;position:relative;background:#6ea5e9;}
.pop01 .header:before {
    content:'';position:absolute;left:0;top:0;
    background:url('../img/pop/pop01_img2.png');width:180px;height:178px;
}
.pop01 .header:after {
    content:'';position:absolute;right:0;top:0;
    background:url('../img/pop/pop01_img1.png');width:288px;height:184px;
}
.pop01 .body {background:#f3f3f3;padding:22px 18px;}
.pop01 .body .pop-inner {background:#fff;border:5px;padding:20px;color:#000;}
.pop01 .body .pop-inner .tit {font-size:20px;font-weight:500;}
.pop01 .body .pop-inner .txt {font-size:13px;font-weight:normal;}


/*팝업템플릿*/
/*pop01*/
.pop01 {border-left:12px solid #3f71e4}
.pop01 .header {width:100%;height:178px;position:relative;background:#6ea5e9;}
.pop01 .header:before {
    content:'';position:absolute;left:0;top:0;
    background:url('../img/pop/pop01_img2.png');width:180px;height:178px;
}
.pop01 .header:after {
    content:'';position:absolute;right:0;top:19px;
    background:url('../img/pop/pop01_img1.png');width:288px;height:164px;
}
.pop01 .body {background:#6ea5e9;padding:0 20px 40px 0;}
.pop01 .body .pop-inner {background:#fff;border:5px;padding:20px; color:#000;}
.pop01 .body .pop-inner .tit {font-size:20px;font-weight:500;margin-bottom:10px;}
.pop01 .body .pop-inner .txt {font-size:15px;font-weight:normal;line-height: 1.4;letter-spacing: -1px;}

/*pop02*/
.pop02 .header {width:100%;height:134px;position:relative;background:#3697bb;}
.pop02 .header:after {
    content:'';position:absolute;right:0;top:-5px;
    background:url('../img/pop/pop02_img2.png');width:198px;height:151px;
}
.pop02 .header:before {
    content:'';position:absolute;left:0;top:0;
    background:url('../img/pop/pop02_img1.png');width:400px;height:138px;
}
.pop02 .body {background:#f3f3f3;padding:0 20px 40px 0;}
.pop02 .body .pop-inner {border:5px;padding:30px 20px 20px 20px; color:#000;}
.pop02 .body .pop-inner .tit {font-size:20px;font-weight:500;margin-bottom:10px;}
.pop02 .body .pop-inner .txt {font-size:15px;font-weight:normal;line-height: 1.4;letter-spacing: -1px;}

/*pop03*/
.pop03 .header {padding:20px 30px;width:100%;height:60px;position:relative;background:#db4040;display:flex;justify-content:center;align-items:center;}
.pop03 .header .tit {font-size:20px;font-weight:500;color:#fff;line-height:1.3}

.pop03 .body {background:#f26969;padding:20px 18px 30px}
.pop03 .body .b1,.pop03 .body .b2,.pop03 .body .b3{position:absolute;width:10px;height:10px;border-radius:100%;background:#f26969}
.pop03 .body .b1 {left:10px;top:10px;}
.pop03 .body .b2 {right:10px;top:10px;}
.pop03 .body .b3 {left:10px; bottom:10px;}
.pop03 .body .pop-inner {position:relative;background-color:#fff;background-image:url('../img/pop/pop03_img2.png');background-position:left bottom;background-repeat:no-repeat;padding:40px 28px 80px; color:#000;box-shadow: 10px 10px 0 #e74c4c;}
.pop03 .pop-inner:after {
    content:'';position:absolute;right:0;bottom:-11px;
    background:url('../img/pop/pop03_img1.png');width:92px;height:85px;
}
.pop03 .body .pop-inner .txt {font-size:15px;font-weight:normal;line-height: 1.4;letter-spacing: -1px;}
div#bottom {background: #333;width: 100%;padding: 5px;color: #eaeaea;}
div#bottom button {color: #000;height: 20px;padding: 0 10px;float: right;}


@media screen and (max-width:500px) {
    .garden_bd .board_search {padding: 20px 10px;}
    .garden_bd .board_search form {float: unset;}
    .garden_bd input#searchWrd {width: 70%;}
    .garden_bd .sch_btn {width: 100%;margin-top: 5px;}
    .garden_bd .board_search select {width: calc(30% - 3.5px);}
    #bo_list_total{float: unset;padding:10px 0 10px 20px}
}