@charset "utf-8";/* title style */
h1{color:#000}
h2{color:#793d01;font-size:1.5em !important;font-weight:500;line-height:1.6 !important;margin-bottom:10px}
h3{color:#2a2a2a;font-size:1.25em !important;font-weight:400;line-height:1.6 !important;margin-bottom:10px;background:url("/garden/images/common/icon_h3.png") left 7px no-repeat;padding-left:25px}
h4{color:#2a2a2a;font-size:1.1em !important;line-height:1.6 ;margin-bottom:5px}
h4.no_icon{color:#2a2a2a;font-size:1.1em !important;line-height:1.6 ;margin-bottom:5px}
p{font-size:1rem}

/*
.cont_wrap .objHeading_h2 {color:#793d01;font-size:1.5em !important;font-weight:500;line-height:1.6 !important;margin-bottom:10px}
.cont_wrap .objHeading_h3 {color:#2a2a2a;font-size:1.25em !important;font-weight:400;line-height:1.6 !important;margin-bottom:10px;background:url("/garden/images/common/icon_h3.png") left 7px no-repeat;padding-left:25px}
.cont_wrap .objHeading_h4 {	color:#203364;font-size:1em !important;line-height:1.6 !important;margin-bottom:5px;margin-left:17px}
.cont_wrap .objHeading_h4:before,.ul_dot > li:before {	content:'';display:inline-block;width:8px;height:8px;background-color:#c4c4c4;border-radius:50%;vertical-align:middle;margin:-3px 7px 0 -17px}
*/
.cont_wrap ._obj ._objHtml{font-size:1rem}

/*float*/
.flL{float:left!important}
.flR{float:right!important}

/*image style*/
.img100 img{width:100%}

/*text style*/
.notice_box{background:#f6f6f6 url("/garden/images/common/icon_notice.png") 30px center no-repeat;padding:25px 25px 25px 140px;box-sizing:border-box}
.notice_box{background:#f6f6f6 url("/garden/images/common/icon_notice.png") 30px center no-repeat;padding:25px 25px 25px 140px;box-sizing:border-box}
.box{background-color:#f6f6f6;padding:25px;box-sizing:border-box}
.bold200{font-weight:200!important}
.bold400{font-weight:400!important}
.bold600{font-weight:600!important}
.textC{text-align:center}
.textL{text-align:left}
.textR{text-align:right}
.DP_inline-block{display:inline-block}
.DP_block{display:block}
.VAB{vertical-align:bottom;line-height:30px}
.LH30{line-height:30px}

/*text color*/
.black{color:#000!important}
.red{color:#9b0b0e!important}
.redbrown{color:#852f00!important}
.green{color:#0d400e!important}
.yellow_brown{color:#886102!important}
.black{color:#000!important}
.c_green_a{color:#0d5e3d!important}
.c_green_b{color:#309e04!important}

/*list style*/
.ul_circle > li {font-size:1.125em;background:url("/garden/images/common/ul_circle.png") left 9px no-repeat;padding-left:20px;margin-bottom:15px}
.ul_circle > li dl dt {color:#2a2a2a}
.ul_circle > li dl.colon {overflow:hidden}
.ul_circle > li dl.colon dt {float:left;clear:both}
.ul_circle > li dl.colon dt:after {	content:':';display:inline-block;margin-right:5px}
.ul_arrow > li {font-size:0.938em;background:url("/garden/images/common/ul_arrow.png") left 9px no-repeat;padding-left:15px;margin-bottom:5px}
.ul_dot > li {position:relative;padding-left:17px;margin-bottom:15px}
.ul_dot > li:before {top:8px;content:'';display:inline-block;width:8px;height:8px;background-color:#c4c4c4;border-radius:50%;vertical-align:middle;margin:-3px 7px 0 -17px}
.ul_dot.half{overflow:hidden}
.ul_dot.half > li {float:left;width:47%;margin-right:1.2%;word-break:keep-all}

ol {margin-left:20px}
ol > li {list-style:decimal}
ol.numX {padding-left:0 !important}
ol.numX > li {	position:relative;list-style:none !important;padding-left:17px;margin-bottom:15px}
ol.numX > li span.bul {	position:absolute;top:0;left:0}
ol.numX.sty-k > li {padding-left:25px}
._objHtml ol > li li,
._objHtml ul > li li  {margin-bottom:5px !important}
._objHtml ol ol, #_content ._objHtml ol ul,
._objHtml ul ul, #_content ._objHtml ul ol {margin-top:10px}
._objHtml li:last-child {margin-bottom:0}
ul.liB5 > li,
ol.liB5 > li {margin-bottom:5px !important}


/* Tab */
.cont_wrap .tab{margin-bottom:0px}
.cont_wrap .tab ul{display:flex;flex-flow:wrap;width:100%!important;margin:0;padding-bottom:0}
/*.cont_wrap .tab ul li{float:left;background:none;padding:0;line-height:180%;margin-top:0;text-align:center} 반응형에서 메뉴사라지는 현상 수정-20200211*/
.cont_wrap .tab ul li{height:50px;border:1px solid #e1e1e1;background:none;padding:0;margin-top:0;text-align:center}
.cont_wrap .tab.units_1 li {width:100%}
.cont_wrap .tab.units_2 li {width:50%}
.cont_wrap .tab.units_3 li {width:33.3%}
.cont_wrap .tab.units_4 li {width:25%}
.cont_wrap .tab.units_5 li {width:20%}
.cont_wrap .tab.units_6 li {width:16.6%}
.cont_wrap .tab.units_6 li:first-child{width:17%}
.cont_wrap .tab.units_7 li {width:14.1%}
.cont_wrap .tab.units_8 li {width:12.5%}
.cont_wrap .tab.units_9 li,
.cont_wrap .tab.units_10 li {width:20%}
.cont_wrap .tab.units_11 li {width:16.66%}
.cont_wrap .tab.units_12 li {width:16.66%}
.cont_wrap .tab.units_13 li {width:15.38%}
.cont_wrap .tab.units_14 li {width:14.1%}
.cont_wrap .tab.units_15 li {width:14.1%}
.cont_wrap .tab.units_16 li {width:12.5%}
.cont_wrap .tab.units_29 li {width:10%}
.cont_wrap .tab ul li.on{background:#333;color:#fff}
.cont_wrap .tab ul li.on a{color:#fff}
.cont_wrap .tab ul li a{position:relative;top:50%;transform:translateY(-50%);font-weight:300;color:#333;display:block;text-align:center;font-size:1rem;letter-spacing:-0.5px;z-index:0}

.cont_wrap .tab ul li a:after{content:'';position:absolute;bottom:0;left:50%;width:0;height:2px;background:#1c3c8f;transition:all 0.2s cubic-bezier(0.7, 0, 0.3, 1)}
.cont_wrap .tab ul li a:hover,
.cont_wrap .tab ul li a.on{position:relative;top:50%;transform:translateY(-50%);height:50px;border:1px solid #313644}

.cont_wrap .tab ul.share_tab li a{font-weight:400;color:#333;display:block;height:113px;line-height:50px;text-align:center;box-sizing:border-box;border:1px solid #e1e1e1;font-size:1rem;letter-spacing:-0.5px;transition:all 100ms ease-in-out;-o-transition:all 100ms ease-in-out;-ms-transition:all 100ms ease-in-out;-moz-transition:all 100ms ease-in-out;-webkit-transition:all 100ms ease-in-out;z-index:0}

.tabMenu06{position:relative;display:inline-block;margin:-18px 0 0 0px}
.tabMenu06 ul li{width:14.2%;text-align:center;background:#fff;float:left;border:solid 1px #ddd;margin:10px 0 0 8px;border-radius:9px}
.tabMenu06 ul { width:100%;display:table;margin:30px 0 0}
.tabMenu06 ul li:first-child {  }

.cont_wrap .tab ul.share_tab li a { display:block;padding:12px 0;color:#888;font-size:1em;text-align:center;font-weight:400}
.cont_wrap .tab ul.share_tab li a:hover { background:#3b6cca;color:#fff}
.cont_wrap .tab ul.share_tab li a:hover p{color:#fff}
.cont_wrap .tab ul.share_tab li.on { background:#3b6cca}
.cont_wrap .tab ul.share_tab li.on a p { color:#fff}
.borderT0{border-top:0!important}
#content  .contentStyle .tab ul li a:hover,
.cont_wrap  ul li.on a > ul li a{margin:0;border:2px solid #af664f;font-weight:600;z-index:1}

.cont_wrap .tabtab .depth5 {margin:0 0 20px 0;border-bottom:1px solid #ebebeb;width:100%;overflow:hidden;z-index:10;box-sizing:border-box;text-align:center;padding-bottom:0}
.cont_wrap .tabtab .depth5 li {position:relative;padding:17px;font-size:0.938em;display:inline-block;width:auto;margin-top:0;background:none}
.cont_wrap .tabtab .depth5 li:before {position:absolute;top:49%;left:0;margin-top:-5px;content:"";display:block;width:1px;height:14px;background:#ccc}
.cont_wrap .tabtab .depth5 li:first-child:before {display:none}
.cont_wrap .tabtab .depth5 li a {position:relative;display:inline-block;color:#444;box-sizing:border-box;font-weight:400;padding:0}
.cont_wrap .tabtab .depth5 li.over a:after {position:absolute;bottom:-17px;left:0;content:"";display:block;width:100%;height:2px;background:#4573b2}
.cont_wrap .tabtab .depth5 li.over a {padding-left:15px}
.cont_wrap .tabtab .depth5 li.over a:before {position:absolute;top:10px;left:0;content:"";display:block;width:5px;height:5px;background:#014096;border-radius:3px}
.cont_wrap .tabtab .depth5 li.over a, .depth5 li a:hover, #subNavi .leftme nu .depth3 li a:focus {color:#014096}
.cont_wrap .tabtab .depth5 li.on a{color:#014096;background:url(/garden/images/common/bul2.png) no-repeat left 3px;padding-left:20px;border:none}


.many_tab {border:3px solid #ebebeb;background:#fff;padding:20px 20px 12px 30px;margin-bottom:27px;box-sizing:border-box}
.many_tab a {background:url(/garden/images/common/bul3.png) no-repeat left 12px;font-size:14px;padding-left:10px;margin:0 10px 8px 0;display:inline-block;font-weight:400;color:#666}

.many_tab a.on {background:url(/garden/images/common/bul3.png) no-repeat left 12px;text-decoration:underline;color:#793d01;font-weight:600;padding-left:10px}
.many_tab a:hover {background:url(/garden/images/common/bul3.png) no-repeat left 12px;text-decoration:underline;color:#793d01;padding-left:10px}

.many_tab2 {border:5px solid #7eb1e1;background:#fff;padding:20px 20px 20px 30px;margin-bottom:27px;box-sizing:border-box}
.many_tab2 a {width:16%;background:url(/garden/images/common/bul3.png) no-repeat left 12px;font-size:17px;padding-left:12px;margin:0;display:inline-block;font-weight:400;color:#666;text-align:left}
.many_tab2 a.on {background:url(/garden/images/common/bul2.png) no-repeat left 6px;text-decoration:underline;color:#793d01;font-weight:600;padding-left:20px}
.many_tab2 a:hover {background:url(/garden/images/common//bul2.png) no-repeat left 6px;text-decoration:underline;color:#793d01;padding-left:20px}


/* Table */
.slash {background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg"><line x1="0" y1="100%" x2="100%" y2="0" stroke="gray" /></svg>')}
.table_wrap{position:relative}
table{width:100%;margin-bottom:20px;border:0;border-top:2px solid #af664f;border-spacing:0;border-left:1px solid #e1e1e1;border-right:1px solid #e1e1e1}
caption{overflow:hidden;width:1px;height:1px;font-size:0;line-height:0}
table td,table th{ border:0;border-right:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1}
table th{padding:15px 10px;background:#fcfcfc;font-size:1rem;font-weight:600!important;text-align:center}

/*table th:last-child{border-right:0}*/

table col.auto {width:auto}
table col.w1per {width:1%}
table col.w2per {width:2%}
table col.w3per {width:3%}
table col.w4per {width:4%}
table col.w5per {width:5%}
table col.w6per {width:6%}
table col.w7per {width:7%}
table col.w8per {width:8%}
table col.w9per {width:9%}
table col.w10per {width:10%}
table col.w11per {width:11%}
table col.w12per {width:12%}
table col.w13per {width:13%}
table col.w14per {width:14%}
table col.w15per {width:15%}
table col.w16per {width:16%}
table col.w17per {width:17%}
table col.w18per {width:18%}
table col.w19per {width:19%}
table col.w20per {width:20%}
table col.w21per {width:21%}
table col.w22per {width:22%}
table col.w23per {width:23%}
table col.w24per {width:24%}
table col.w25per {width:25%}
table col.w26per {width:26%}
table col.w27per {width:27%}
table col.w28per {width:28%}
table col.w29per {width:29%}
table col.w30per {width:30%}
table col.w31per {width:31%}
table col.w32per {width:32%}
table col.w33per {width:33%}
table col.w34per {width:34%}
table col.w35per {width:35%}
table col.w36per {width:36%}
table col.w37per {width:37%}
table col.w38per {width:38%}
table col.w39per {width:39%}
table col.w40per {width:40%}
table col.w41per {width:41%}
table col.w42per {width:42%}
table col.w43per {width:43%}
table col.w44per {width:44%}
table col.w45per {width:45%}
table col.w46per {width:46%}
table col.w47per {width:47%}
table col.w48per {width:48%}
table col.w49per {width:49%}
table col.w50per {width:50%}
table col.w51per {width:51%}
table col.w52per {width:52%}
table col.w53per {width:53%}
table col.w54per {width:54%}
table col.w55per {width:55%}
table col.w56per {width:56%}
table col.w57per {width:57%}
table col.w58per {width:58%}
table col.w59per {width:59%}
table col.w60per {width:60%}
table col.w61per {width:61%}
table col.w62per {width:62%}
table col.w63per {width:63%}
table col.w64per {width:64%}
table col.w65per {width:65%}
table col.w66per {width:66%}
table col.w67per {width:67%}
table col.w68per {width:68%}
table col.w69per {width:69%}
table col.w70per {width:70%}
table col.w71per {width:71%}
table col.w72per {width:72%}
table col.w73per {width:73%}
table col.w74per {width:74%}
table col.w75per {width:75%}
table col.w76per {width:76%}
table col.w77per {width:77%}
table col.w78per {width:78%}
table col.w79per {width:79%}
table col.w80per {width:80%}
table col.w81per {width:81%}
table col.w82per {width:82%}
table col.w83per {width:83%}
table col.w84per {width:84%}
table col.w85per {width:85%}
table col.w86per {width:86%}
table col.w87per {width:87%}
table col.w88per {width:88%}
table col.w89per {width:89%}
table col.w90per {width:90%}
table col.w91per {width:91%}
table col.w92per {width:92%}
table col.w93per {width:93%}
table col.w94per {width:94%}
table col.w95per {width:95%}
table col.w96per {width:96%}
table col.w97per {width:97%}
table col.w98per {width:98%}
table col.w99per {width:99%}
table col.w100per {width:100%}
table col.w140px {width:140px}



table td{padding:15px 10px;font-size:1rem;text-align:center;color:#000;word-break:break-word;font-weight:400}
table td.title { text-align:left;/*word-break:nowrap;*/text-overflow:ellipsis}

table td a {/*font-size:14px ! important;*/color:rgb(85, 85, 85);font-weight:600}
/*table td:last-child{border-right:0}*/
table .lefttd{text-align:left !important;padding-left:10px}
table .leftth{padding:15px 5px;background:#fcfcfc;font-size:1rem;font-weight:300;text-align:left}
table th.br_n, td.br_n {border-right:none}

table td input[type="text"] { width:99%;height:30px;/*margin:5px;*/border:1px solid #e0e0e0;display:block;box-sizing:border-box;padding:0 10px }
table td .board_content{text-align:left}
.thumbnailCardNews table td .board_content{padding-bottom:30px;width:750px;margin:0 auto}
.thumbnailCardNews .gallery_type1 dd{height:20px}
.bbs_0000000000010058 td.category span{font-weight:bold}
.container-fluid .schedule .calendar  table.calTable{table-layout:fixed}
.container-fluid table h4, .container-fluid table h5, .container-fluid table h6{margin:unset;padding:unset;font-size:inherit;color:inherit;letter-spacing:normal;background:none;font-weight:normal}
table td textarea{border:1px solid #e0e0e0}

/* Button */
.btn_wrap {width:100%;text-align:center;margin-bottom:30px}
.btn_wrap.type_al_r {text-align:right}
.btn_wrap.type_al_l {text-align:left}

.type_al_r {text-align:right}
.type_al_l {text-align:left}

.btn{display:inline-block;vertical-align:middle;transition:all 100ms ease-in-out;-o-transition:all 100ms ease-in-out;-ms-transition:all 100ms ease-in-out;-moz-transition:all 100ms ease-in-out;-webkit-transition:all 100ms ease-in-out;border-top-left-radius:5px;border-bottom-right-radius:5px}

.btn.type_a {margin-left:5px;padding:0 43px;height:50px;line-height:50px;color:#fff;font-size:1rem;font-weight:400;letter-spacing:-1px;background:#b17131}
.btn.type_as {margin-left:5px;margin-bottom:5px;padding:0 33px;height:40px;line-height:40px;color:#fff;font-size:14px;font-weight:400;letter-spacing:-1px;background:#b17131}
.btn.type_b {margin-left:5px;padding:0 43px;height:50px;line-height:50px;color:#fff;font-size:1rem;font-weight:400;letter-spacing:-1px;border:0;background:#d67b37}
.btn.type_bs {margin-left:5px;margin-bottom:5px;padding:0 33px;height:40px;line-height:40px;color:#fff;font-size:14px;font-weight:400;letter-spacing:-1px;background:#d67b37}
.btn.type_c {margin-left:5px;padding:0 43px;height:50px;line-height:50px;color:#fff;font-size:1rem;font-weight:400;letter-spacing:-1px;background:#af664f}
.btn.type_cs {margin-left:5px;margin-bottom:5px;padding:0 33px;height:40px;line-height:40px;color:#fff;font-size:14px;font-weight:400;letter-spacing:-1px;background:#af664f}
.btn.type_d {margin-left:5px;padding:0 43px;height:50px;line-height:50px;color:#fff;font-size:1rem;font-weight:400;letter-spacing:-1px;background:#af874f}
.btn.type_ds {margin-left:5px;margin-bottom:5px;padding:0 33px;height:40px;line-height:40px;color:#fff;font-size:14px;font-weight:400;letter-spacing:-1px;background:#af874f}
.btn.type_e {margin-left:5px;padding:0 43px;height:50px;line-height:50px;color:#fff;font-size:1rem;font-weight:400;letter-spacing:-1px;background:#666}
.btn.type_es {margin-left:5px;margin-bottom:5px;padding:0 33px;height:40px;line-height:40px;color:#fff;font-size:14px;font-weight:400;letter-spacing:-1px;background:#666}
.btn.rssBtn {margin-left:5px;padding:0 33px;height:40px;line-height:40px;color:#fff;font-size:14px;font-weight:400;letter-spacing:-1px;background:#b17131}
.btn.atomBtn {margin-left:5px;padding:0 33px;height:40px;line-height:40px;color:#fff;font-size:14px;font-weight:400;letter-spacing:-1px;background:#b17131}
.btn.type_search {border:0;padding:0 55px 0 23px;height:46px;line-height:40px;color:#fff;font-size:18px;font-weight:400;letter-spacing:-1px;border-radius:0;background:#af664f url("/garden/images/common/search_iconWhite_02.png") no-repeat 65px 50%}
.btn.type_search:hover{background:#793d01 url("/garden/images/common/search_iconWhite_02.png") no-repeat 65px 50%}
.btn:hover{background:#793d01}
.type_f{border-radius:0;padding:2px 20px;border:1px solid #e0e0e0;display:inline-block;vertical-align:middle;transition:all 100ms ease-in-out;-o-transition:all 100ms ease-in-out;-ms-transition:all 100ms ease-in-out;-moz-transition:all 100ms ease-in-out;-webkit-transition:all 100ms ease-in-out}
.type_f:hover{background:#793d01;color:#fff}
.btn_excel{display:inline-block;vertical-align:middle;transition:all 100ms ease-in-out;-o-transition:all 100ms ease-in-out;-ms-transition:all 100ms ease-in-out;-moz-transition:all 100ms ease-in-out;-webkit-transition:all 100ms ease-in-out;border-top-left-radius:5px;border-bottom-right-radius:5px;padding:0 18px 0 18px;height:40px;line-height:40px;font-size:14px;font-weight:400;letter-spacing:-1px;border-radius:0;color:#1e7145;border:1px solid #1e7145;background:#fff;cursor:pointer}
.btn_excel:hover{background:#1e7145;color:#fff}
.btn_calendar img, .btn_list img{width:auto!important}
.btn_append{padding:5px 0;min-width:50px;display:block;color:#fff!important;font-size:14px;font-weight:400!important;letter-spacing:-1px;background:#0e8500}
.btn_apping{padding:5px 0;min-width:50px;display:block;color:#fff!important;font-size:14px;font-weight:400!important;letter-spacing:-1px;background:#1c72dc}
.btn_appexp{padding:5px 0;min-width:50px;display:block;color:#fff!important;font-size:14px;font-weight:400!important;letter-spacing:-1px;background:#666}
.btn_admin01{margin-left:5px;margin-bottom:5px;padding:0 5px;height:23px;line-height:21px;color:#fff;font-weight:200;font-size:12px;letter-spacing:-1px;background:#666;border-radius:0}
.btn_admin01:hover{color:#fff;background:#793d01}
.btn.type_g {margin-left:5px;padding:0 43px;height:50px;line-height:50px;color:#fff;font-size:1rem;font-weight:400;letter-spacing:-1px;background:#666}
.btn.type_gs {margin-left:5px;margin-bottom:5px;padding:0 33px;height:40px;line-height:40px;color:#fff;font-size:14px;font-weight:400;letter-spacing:-1px;background:#666}

table td .btn.type_e{width:80px;margin-left:5px;padding:0;height:50px;line-height:50px;color:#fff;font-size:1rem;font-weight:400;letter-spacing:-1px;background:#666;text-align:center}
table td .btn.type_es{width:70px;margin-left:5px;margin-bottom:5px;padding:0;height:40px;line-height:40px;color:#fff;font-size:14px;font-weight:400;letter-spacing:-1px;background:#666;text-align:center}

/*line*/
hr{border:1px solid #ebebeb}

/* 유지보수게시판 */
.cmtlist .cmt_content{padding:10px;margin-bottom:20px;border-top:1px solid #af664f;background:#f8f8f8}
.cmtlist .cmt_btn{padding:10px;font-size:14px;font-weight:400;text-align:center;letter-spacing:-1px;overflow:hidden}
.cmtlist .edit_btn{float:left;background:#b17131;margin-right:5px}
.cmtlist .edit_btn a{display:block;padding:3px 10px;color:#fff!important}
.cmtlist .edit_cancelBtn{float:left;background:#b17131}
.cmtlist .edit_cancelBtn a{display:block;padding:3px 10px;color:#fff!important}
.cmtlist .pipe_line{float:left;padding:0 3px;font-size:0;font-weight:300}
.cmtlist .deleteBtn{float:left;font-size:14px;font-weight:400;background:#b17131}
.cmtlist .deleteBtn a{display:block;padding:3px 10px;color:#fff!important}
.cmtlist .board_comment{width:100%;clear:both;padding:10px;font-size:16px;line-height:20px;border-bottom:1px solid #ddd;background:#fff}

/* Mobile */
body.Mobile .ul_dot > li {margin-bottom:10px}
#progress {	height:3px;background:rgb(30, 56, 110);position:absolute;bottom:-2px;z-index:99}

/* bbs */
.bbssearchBox{text-align:center}
.select_type1{width:100%;height:60px;border:1px solid #e0e0e0;box-sizing:border-box;padding:0 40px 0 15px}
.select_type1.w280{width:280px}
.select_type2{margin-right:5px;display:inline-block;width:100%;height:37px;border:1px solid #e0e0e0;box-sizing:border-box;padding:0 0 0 15px;background:url("/garden/images/common/icon_sharrow.png") no-repeat right 15px top 50% #ffffff}
.select_type2.w140{float:none;width:140px}
.select_type2.w170{float:none;width:170px}

.input-medium{padding:5px;margin-right:5px}
.input-medium.search-query{width:45%}

.total strong{font-size:16px;color:#f7660d;font-weight:600}

.bbs_photoupwrap{padding-top:15px}

.upfileAdd {width:20px;height:20px;display:inline-block;background:#d67b37;line-height:20px;color:#fff}
.upfileAdd a{color:#fff}
.upfileDel {width:20px;height:20px;display:inline-block;background:#b17131;line-height:20px;color:#fff}
.upfileDel a{color:#fff}

.board_answer{width:105px;height:50px;border:1px solid #eee;float:left;line-height:50px;border-radius:5px;background:#fafafa}
.txt{float:left;padding-left:10px;width:calc(100% - 130px);text-align:left}

.gallery ul{display:flex;flex-wrap:wrap;flex-direction:row;/*justify-content:center*/}
.gallery li{width:calc(20% - 18px);box-shadow:0 0 5px #ccc;border:5px solid #fff;background:#fff;margin:10px}
.gallery li:first-child{margin-left:0}
.gallery li:last-child{margin-right:0}
.gallery li


.gallery p.title a{display:block;padding:0;height:30px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-top:10px;font-size:1.1em;text-align:center;font-weight:400;color:#000}
.gallery p.board_content{margin:5px;height:40px;font-size:0.9em;line-height:140%;overflow:hidden;text-overflow:ellipsis;white-space:normal;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.gallery p.writer{float:left;margin-left:3px;padding:5px 0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;font-size:0.8em;font-weight:200;letter-spacing:0;line-height:160%;word-bread:keep-all}
.gallery p.created{float:right;margin-right:3px;padding:5px 0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;font-size:0.8em;font-weight:200;letter-spacing:0;line-height:160%;word-bread:keep-all}
.gallery p.thumb {}
.gallery p.thumb img{width:100%;height:200px}
.gallery p.hit{display:none}
.gallery p.num{display:none}

.listbtn{width:100%;text-align:right;margin-bottom:30px}

input[type="file"]{margin-top:5px;font-size:0.9em;line-height:140%}

/* paginate */
.paginate{clear:both;vertical-align:middle;text-align:center;margin:20px 0 20px 0}
.paginate a{display:inline-block;vertical-align:top;width:35px;height:35px;border:1px solid #aaa;margin:0 1px 0 1px;line-height:35px;color:#666;background:#fff;font-size:11px !important;font-family:"Verdana", "Arial", "Lucida Grande", "Tahoma", "sans-serif";text-align:center}
.paginate a.on, 
.paginate a:hover{border:1px solid #f7660d;color:#f7660d;font-weight:bold}
.paginate a.pg_first{background:url('/images/front/page_btn_left_img_01.gif') no-repeat 50% 50%}
.paginate a.pg_prev{background:url('/images/front/page_btn_left_img_02.gif') no-repeat 50% 50%;margin:0 10px 0 2px}
.paginate a.pg_next{background:url('/images/front/page_btn_right_img_01.gif') no-repeat 50% 50%;margin:0 2px 0 10px}
.paginate a.pg_last{background:url('/images/front/page_btn_right_img_02.gif') no-repeat 50% 50%}
.paginate a.pg_first, .paginate a.pg_prev, .paginate a.pg_next, .paginate a.pg_last {vertical-align:top;display:inline-block;width:35px;height:35px;border:1px solid #aaa}


.paging{clear:both;vertical-align:middle;text-align:center;font-size:0px;margin:20px 0 20px 0}
.paging a.first, .paging a.prev, .paging a.next, .paging a.last {vertical-align:top;display:inline-block;width:35px;height:35px;border:1px solid #999}
.paging a.first {background:#fff url('/images/front/page_btn_left_img_01.gif') no-repeat 50% 50%}
.paging a.prev {background:#fff url('/images/front/page_btn_left_img_02.gif') no-repeat 50% 50%;margin:0 10px 0 2px}
.paging .num {font-size:0px}
.paging .num a.on {border:1px solid #f7660d;color:#f7660d;font-weight:bold}
.paging .num a {vertical-align:top;display:inline-block;width:35px;height:30px;border:1px solid #eaeaea}
.paging .num a {padding:2px 0px 0 0px;margin:0 1px 0 1px;height:35px;line-height:30px;display:inline-block;border:1px solid #eaeaea;color:#666;background:#fff;font-size:11px !important;font-family:"Verdana", "Arial", "Lucida Grande", "Tahoma", "sans-serif"}
.paging a.next {background:#fff url('/images/front/page_btn_right_img_01.gif') no-repeat 50% 50%;margin:0 2px 0 10px}
.paging a.last {background:#fff url('/images/front/page_btn_right_img_02.gif') no-repeat 50% 50%}
.paging a {position:relative;z-index:10}


/* 예약.예매하기-정원해설사예약 */
.cal{margin-top :15px}
.cal .cal_div{width:calc(50% - 25px);float:left;margin-right:50px}
.cal .cal_div:last-child{margin-right:0}
.cal .cal_div .cal_sub01{/*padding-right:33px*/}
.cal .cal_div .cal_sub01 .cal_title{margin-bottom:15px}
.cal .cal_div .cal_sub01 .cal_title img{width:24px;cursor:pointer;margin-top:7px}
.cal .cal_div .cal_sub01 .cal_title img.prev{float:left}
.cal .cal_div .cal_sub01 .cal_title img.next{float:right}
.cal .cal_div .cal_sub01 .cal_title p{width:calc(100% - 48px);display:inline-block;text-align:center;font-size:20px;font-weight:bold}
.cal .cal_div .cal_sub02{margin:0 auto;width:96%}
.cal .cal_div .cal_table td{padding:3px}
.cal .cal_div .cal_table td a{display:inline-block}
.cal .cal_div .cal_table td a:focus{outline:2px dotted #000}
.cal .cal_div .cal_table td.abled{cursor:pointer}
.cal .cal_div .cal_table td.abled p.num{border:4px solid #f9b138;border-radius:50%}
.cal .cal_div .cal_table td.on p.num{font-weight:bold;border:4px solid #af664f;border-radius:50%;background-color:#af664f;color:#fff}
.cal .cal_div .cal_table td.abled p.num.on{border:4px solid #26aada;border-radius:50%}
.cal .cal_div .cal_table td.abled.complete p.num{border:4px solid #ff5c5c}
td.today_mark{border:3px dotted #26aada;background:#e7f9ff}
td.today_mark p{font-weight:bold;color:#000}
.cal .cal_div .cal_table td p.num{padding:15px 0px;margin:0px auto;width:60px}
.cal .cal_div .list_title{background-color:#af664f;padding:7px 30px;margin-bottom:5px;color:#fff;border-radius:30px;font-size:1.125rem}
.cal .cal_div .title_icon{float:left;margin-left:10px;width:11px;height:26px;background:url("/garden/images/common/ul_circle.png") left 9px no-repeat}
.cal .cal_div #date_title2{margin:10px 25px;color:#333}
#listTable a {font-size:1rem;background-color:#b17131;height:40px;line-height:40px;border-radius:4px;display:inline-block;cursor:pointer;color:#fff !important;padding:0 33px;text-decoration:none}
#listTable a:hover {background-color:#793d01}
#listTable a:active {position:relative;top:1px}

/* 예약.예매하기-정원해설사 예약하기 */
.sub_cont{}
.sub_cont .title01{padding:0 15px;color:#1a76ff;border-left:9px solid #1a76ff;margin-top:20px;font-size:19px;font-weight:bold;height:10px;line-height:10px}
.sub_cont .title02{padding:0 6px;color:#5a5a5a;border-left:3px solid #5a5a5a;margin:30px 10px 10px 5px;font-size:17px;font-weight:bold;height:15px;line-height:14px}
.sub_cont .title_wp{}
.sub_cont .table_wp span.required{}
.table_wp table input[type="text"]{display:inline-block}
.table_wp table .w100{width:100px}
.table_wp table .w150{width:150px}
.table_wp table .w200{width:200px}
.table_wp table .w300{width:300px}
.table_wp table .postsh{background:#d6d6d6;padding:4px 20px;color:#666;font-size:1rem;font-weight:bold;letter-spacing:-1px;white-space:nowrap;margin-bottom:10px}
.table_wp table .labelbr{display:inline-block}
.contentsWp{width:100%;margin:0 auto;margin-bottom:17px}
.contentsWp .contentsSub{width:100%;padding:10px;border:3px solid #af664f;margin-bottom:6px}
.contentsWp .contentsSub span{color:#313131;margin-left:5px}
.contentsWp .contentsSub2{width:100%;padding:13px;border:1px solid #2d2d2d;margin-bottom:6px}
.showBtn{background:#696969 url(/garden/images/common/arrow_down_white.png) no-repeat;background-position-x:72px;background-position-y:11px;background-size:8px;width:89px;padding-right:15px;color:#fff;line-height:27px;margin-left:10px}
.showBtn.up{background:#696969 url(/garden/images/common/arrow_up_white.png) no-repeat;background-position-x:72px;background-position-y:11px;background-size:8px;width:89px;padding-right:15px;color:#fff;line-height:27px;margin-left:10px}
/* 1:1문의 */
.bbs_0000000000010918 table input[type="text"]{display:inline-block}
.bbs_0000000000010918 table .w100{width:100px}
.bbs_0000000000010918 table .w150{width:150px}
.bbs_0000000000010918 table .w200{width:200px}
.bbs_0000000000010918 table .w300{width:300px}
.bbs_0000000000010918 table .postsh{background:#d6d6d6;padding:4px 20px;color:#666;font-size:1rem;font-weight:bold;letter-spacing:-1px;white-space:nowrap;margin-bottom:10px}
.bbs_0000000000010918 table .labelbr{display:inline-block}
/* 순천만정원이야기-아이나무이야기-아이나무심기검색 */
.childtree_wrap{margin:10px auto;padding-bottom:10px;width:96%;border-bottom:1px solid #e1e1e1}
.childtree_wrap .childtree_title{margin-left:20px;padding:10px;font-size:1.125rem;color:#000;width:192px;display:inline-block}
.childtree_wrap .childtree_title:before{top:8px;content:'';display:inline-block;width:6px;height:6px;background-color:#c4c4c4;border-radius:50%;vertical-align:middle;margin:-3px 7px 0 -17px}
.childtree_wrap .childtree_cnt{}

.btn_right_box{padding-right:2%;text-align:right}

@media all and (min-width:1024px){
	.gallery li:nth-child(5n+1){margin-left:0}
	.gallery li:nth-child(5n+5){margin-right:0}
	
}
@media all and (max-width:1024px) and (min-width:768px){
	.gallery li{width:calc(25% - 18px)}
	.gallery li:nth-child(4n+1){margin-left:0}
	.gallery li:nth-child(4n+4){margin-right:0}
	
}	
@media all and (max-width:768px) and (min-width:600px){
	.gallery li{width:calc(33.3% - 17px)}
    .gallery li:nth-child(3n+1){margin-left:0}
	.gallery li:nth-child(3n+3){margin-right:0}
	
}	

@media all and (max-width:600px){
.gallery li{width:calc(50% - 15px)}
.gallery li:nth-child(2n+1){margin-left:0}
	.gallery li:nth-child(2n+2){margin-right:0}
}
@media all and (max-width:1024px){
    /* table */
    table td{padding:10px}
    
    /* bbs */
    .btn.type_a{margin-left:0;margin-bottom:5px;padding:0 20px;height:45px;line-height:45px}
    .btn.type_b{margin-left:0;margin-bottom:5px;padding:0 20px;height:45px;line-height:45px}
    
    
    
    
    /* 예약.예매하기-정원해설사 예약하기 */
    .table_wp table .w300{margin:2px 0;width:49%}
    
    .cal .cal_div .cal_table td p.num{padding:10px 0px;margin:0px auto;width:50px}
	
	/* 탭메뉴 */
	.cont_wrap .tab ul li{width:33%!important}
	.cont_wrap .tab ul li a{font-size:0.9rem}
}

@media all and (min-width:992px) and (max-width:1024px){
       
    /* 순천만정원이야기-아이나무이야기-아이나무심기검색 */
.childtree_wrap{margin-left:18%;width:80%}
}

@media all and (max-width:921px){
    /* table */
    table td{padding:5px}
    
    /* 예약.예매하기-정원해설사 예약하기 */
     .cal .cal_div .cal_table td p.num{padding:5px 0px;width:40px}
}

@media all and (max-width:768px){
    
	
    /* 예약.예매하기-정원해설사 예약하기 */
    .table_wp table .w150{width:31%}
    .table_wp table .w300{margin:2px 0;width:95%}
/* 1:1문의 */
.bbs_0000000000010918 table .w150{width:31%}
.bbs_0000000000010918 table .w300{margin:2px 0;width:95%}

    
    .cal .cal_div {width:100%}
	
	/* 탭메뉴 */
	.cont_wrap .tab ul li{width:50%!important}
	.cont_wrap .tab ul li a{font-size:0.8rem}
}

@media all and (max-width:737px){
.btn.type_search { width:90%;margin-top:10px}
}



@media all and (max-width:600px){
    /* Tab */
    .cont_wrap .tab ul li a{font-size:0.9rem;letter-spacing:-1px}

    /* bbs */
    .select_type2.w140{width:125px}
    .btn.type_search {padding:0 23px;background:#af664f}
    .btn.type_search:hover{background:#793d01}	
	
    .event_list{display:none} /* 커뮤니티 > 행사안내 */
    .allBtn {font-size:10px}
    
    
    
    .board_answer{width:60px}
    
    /* 예약.예매하기-정원해설사 예약하기 */
    .table_wp table .w150{margin:2px 0;width:95%}
    .table_wp table .w200{margin:2px 0;width:95%}
/* 1:1문의 */
.bbs_0000000000010918 table .w150{margin:2px 0;width:95%}
.bbs_0000000000010918 table .w200{margin:2px 0;width:95%}
}

@media all and (max-width:500px){
    /* table */
    table td{padding:5px;font-size:0.9rem}
    
    .no.hidden-phone.start{display:none}
    .hit.hidden-phone{display:none}
    .file.end{display:none}
    
    /* button */
    .btn.type_as{padding:0 25px}
    .btn.type_a{margin-left:0;margin-bottom:5px;padding:0 10px;height:40px;line-height:40px}
    .btn.type_b{margin-left:0;margin-bottom:5px;padding:0 10px;height:40px;line-height:40px}
    
    /* bbs */
    .select_type2.w140{padding-left:5px;width:100px;font-size:0.9em;background:url("/garden/images/common/icon_sharrow.png") no-repeat right 10px top 50% #fff}
    .input-medium.search-query {margin-right:0;width:calc(100% - 115px);height:46px}
    .btn.type_search {padding:0 23px;margin-top:7px;width:91%}
    
    /* 예약.예매하기-정원해설사 예약하기 */
    #listTable a {padding:0 25px}
}

@media all and (max-width:414px){
    .gallery li{margin:10px 0;width:100%}
    
    /* 예약.예매하기-정원해설사 예약하기 */
    .cal .cal_div .cal_table td p.num {padding:2px 0px;width:34px}
}

ul#facilities{width:100%;margin-bottom:16px;overflow:hidden}
ul#facilities li{width:calc(100% / 7);height:55px;line-height:55px;border-radius:10px;float:left;text-align:center;cursor:pointer;user-select:none}
ul#facilities li.on{background:#34499d;color:#fff}
ul#facilities li.line2{line-height:18px;padding-top:8px}

.fac_info{border:1px solid #ddd;border-radius:10px;margin-top:15px}
.fac_info p{background-color:#51576b;border-radius:10px 10px 0 0;padding:8px 35px;color:#fff}
.fac_info ul{padding:0 10px}
.fac_info ul li{}

.cal2{margin-top:15px}
.cal2 .cal_div{width:100%}
.cal2 .cal_div .cal_sub01{}
.cal2 .cal_div .cal_sub01 .cal_title{width:200px;margin:0 auto 18px;text-align:center}
.cal2 .cal_div .cal_sub01 .cal_title img{width:24px;cursor:pointer;margin-top:7px}
.cal2 .cal_div .cal_sub01 .cal_title img.prev{float:left}
.cal2 .cal_div .cal_sub01 .cal_title img.next{float:right}
.cal2 .cal_div .cal_sub01 .cal_title p{width:calc(100% - 84px);display:inline-block;text-align:center;font-size:20px;font-weight:bold}
.cal2 .cal_div .cal_sub02{padding-right:10px}
.cal2 .cal_div .cal_table td{padding:3px;vertical-align:top}
.cal2 .cal_div .cal_table td.disabled{background:#f1f1f1;height:110px}
.cal2 .cal_div .cal_table td.abled{cursor:pointer;background:#fcf9ec}
.cal2 .cal_div .cal_table td.abled p.num{border:4px solid #af664f;border-radius:50%;color:#000;font-weight:600}
.cal2 .cal_div .cal_table td.abled p.num_off{width:39px;margin:0px auto;padding:4px 0px;border:4px solid #949494;border-radius:50%;color:#000;font-weight:600;background:#949494;text-decoration:line-through}
.cal2 .cal_div .cal_table td.abled:hover p.num,
.cal2 .cal_div .cal_table td.abled:hover p.num_off{font-weight:bold;border:4px solid #af664f;border-radius:50%;background-color:#af664f;color:#fff}
.cal2 .cal_div .cal_table td p.num{padding:4px 0px;margin:0px auto;width:39px;color:#000;font-weight:200}
.cal2 .cal_div .cal_table td p.info{min-height:30px}

.cal3{margin-top:15px}
.cal3 .cal_div{width:100%}
.cal3 .cal_div .cal_sub01{}
.cal3 .cal_div .cal_sub01 .cal_title{width:450px;margin:0 auto 20px;text-align:center}
.cal3 .cal_div .cal_sub01 .cal_title img{width:24px;cursor:pointer;margin-top:7px}
.cal3 .cal_div .cal_sub01 .cal_title img.prev{float:left}
.cal3 .cal_div .cal_sub01 .cal_title img.next{float:right}
.cal3 .cal_div .cal_sub01 .cal_title p{width:calc(100% - 100px);display:inline-block;text-align:center;font-size:20px;font-weight:bold}
.cal3 .cal_div .cal_sub02{padding-right:10px}
.cal3 .cal_div .cal_table tr{}
.cal3 .cal_div .cal_table td{padding:3px;vertical-align:top;height:134px}
.cal3 .cal_div .cal_table td.disabled{background:#f1f1f1}
.cal3 .cal_div .cal_table td.abled{cursor:pointer;background:#fcf9ec}
.cal3 .cal_div .cal_table td.abled p.num{border:4px solid #af664f;border-radius:50%;color:#000;font-weight:600}
.cal3 .cal_div .cal_table td.abled:hover p.num{font-weight:bold;border:4px solid #af664f;border-radius:50%;background-color:#af664f;color:#fff}
.cal3 .cal_div .cal_table td p.num{padding:4px 0px;margin:0px auto;width:39px;color:#000;font-weight:200}
.cal3 .cal_div .cal_table td p.info{min-height:10px;color:#333}
.ca-moon{font-size:0.8rem;color:#666}
.ca-lineheight{}
.ship-count{color:#5c0d0d!important;font-size:0.9rem;margin-top:4px}
.ship-first{color:#564004!important;font-size:0.9rem}
.ship-more{margin:10px 0;background:#000;color:#fff;font-size:0.8rem;padding:0 5px;border-radius:3px;font-weight:200}
@media all and (max-width:500px){
	.cal3 .cal_div .cal_sub01 .cal_title{width:100%;font-size:17px}
}

ul li.brown{border-bottom:1px dotted #ccc;width:100%;clear:both}
ul li.brown:hover{background:#cfb6a3;height:22px}
ul li.brown p.info_cont{margin:0!important;float:left!important;width:50%!important}
ul li.brown p.info_brown{}
ul li.brown p.info_grey{clear:both}
ul li.brown p.yeyakperson{float:right}

ul li.grey{border-bottom:1px dotted #ccc;width:100%;clear:both}
ul li.grey:hover{background:#cfb6a3;height:22px}
ul li.grey p.info_cont{margin:0!important;float:left!important;width:50%!important;text-decoration:line-through}
ul li.grey p.info_brown{}
ul li.grey p.info_grey{clear:both}
ul li.grey p.yeyakperson{float:right}

span.font_weight200{font-weight:200!important}

/*
#cal_tbody td.abled ul.info li{border-bottom:1px dotted #ccc;clear:both}
#cal_tbody td.abled ul.info li:hover{background:#cfb6a3}*/
.info_blue{width:8px;height:8px;background-color:#126bff;display:inline-block;float:left;margin:9px 5px}
.info_grey{width:8px;height:8px;background-color:#949494;display:inline-block;float:left;margin:9px 5px}
.info_brown{width:8px;height:8px;background-color:#af664f;display:inline-block;float:left;margin:6px 5px;border-radius:50%}

.info_cont{margin:0px 23px;color:#000;text-align:left;font-size:0.85rem;font-weight:200}
.info_cont:hover{font-weight:bold}
.info .yeyakperson{text-align:right;font-size:0.75em}
.info li:last-child .yeyakperson{border-bottom:0}
.info .enabled{text-decoration:line-through}

.cont_wrap .tab ul li.on{background:#333;color:#fff}
.cont_wrap .tab ul li a{transition:all 0.2s cubic-bezier(0.7, 0, 0.3, 1);font-weight:300;color:#333;display:block;height:50px;line-height:46px;text-align:center;box-sizing:border-box;font-size:1rem;letter-spacing:-0.5px;transition:all 100ms ease-in-out;-o-transition:all 100ms ease-in-out;-ms-transition:all 100ms ease-in-out;-moz-transition:all 100ms ease-in-out;-webkit-transition:all 100ms ease-in-out;z-index:0}
/*.cont_wrap .units_10 ul li a{font-size:0.8rem}*/
.cont_wrap .tab ul li a:after{content:'';position:absolute;bottom:0;left:50%;width:0;height:2px;background:#1c3c8f;transition:all 0.2s cubic-bezier(0.7, 0, 0.3, 1)}
.cont_wrap .tab ul li a:hover,
.cont_wrap .tab ul li a.on{border:1px solid #313644}
.cont_wrap .tab ul.share_tab li a{font-weight:400;color:#333;display:block;height:113px;line-height:50px;text-align:center;box-sizing:border-box;border:1px solid #e1e1e1;font-size:1rem;letter-spacing:-0.5px;transition:all 100ms ease-in-out;-o-transition:all 100ms ease-in-out;-ms-transition:all 100ms ease-in-out;-moz-transition:all 100ms ease-in-out;-webkit-transition:all 100ms ease-in-out;z-index:0}

.contentsWp{width:100%;margin:0 auto;margin-bottom:17px}
.contentsWp .contentsSub{width:100%;padding:0 10px;border:3px solid #af664f;margin-bottom:6px;line-height:60px}
.contentsWp .contentsSub span{color:#313131;margin-left:5px}
.contentsWp .contentsSub2{width:100%;padding:0 13px;border:2px dotted #af664f;margin-bottom:6px}
.showBtn{background:#696969 url(/garden/images/common/arrow_down_white.png) no-repeat;background-position-x:72px;background-position-y:11px;background-size:8px;width:89px;padding-right:15px;color:#fff;line-height:27px;margin-left:10px}
.showBtn.up{background:#696969 url(/garden/images/common/arrow_up_white.png) no-repeat;background-position-x:72px;background-position-y:11px;background-size:8px;width:89px;padding-right:15px;color:#fff;line-height:27px;margin-left:10px}
.showBtn:focus{outline:2px dotted #FF8E00}

@media all and (max-width:1184px){
    .cont_wrap .tab.units_8 li {width:25%}
}
@media all and (max-width:1024px){
	/* 탭메뉴 */
	.cont_wrap .tab ul li{width:33%!important}
	.cont_wrap .tab ul li a{font-size:0.9rem}
	.bbsView span.file img{width:auto!important}
	.bbsView a img{width:auto!important}

}
@media all and (max-width:768px){
	/* 탭메뉴 */
	.cont_wrap .tab ul li{width:50%!important}
	.cont_wrap .tab ul li a{font-size:0.8rem}
	
}


.bbs_0000000000010917 .row-fluid,
.bbs_0000000000010904 .row-fluid{margin-top:20px}
@media all and (max-width:1024px){
	.bbs_0000000000010917 .row-fluid,
	.bbs_0000000000010904 .row-fluid{margin-top:25px}
	.replyArtile img{width:auto}
}

@media all and (max-width:500px){
    .bbs_0000000000010895 .no.hidden-phone.start,
    .bbs_0000000000010895 .hit.hidden-phone,
    .bbs_0000000000010895 .file.end,
    .bbs_0000000000010896 .no.hidden-phone.start,
    .bbs_0000000000010896 .hit.hidden-phone,
    .bbs_0000000000010896 .file.end,
    .bbs_0000000000010897 .no.hidden-phone.start,
    .bbs_0000000000010897 .hit.hidden-phone,
    .bbs_0000000000010897 .file.end,
    .bbs_0000000000010898 .no.hidden-phone.start,
    .bbs_0000000000010898 .hit.hidden-phone,
    .bbs_0000000000010898 .file.end{display:table-column!important}
}

















.ui-controlgroup-vertical .ui-spinner-input {

	/* Support:IE8 only, Android < 4.4 only */
	width:75%;width:calc( 100% - 2.4em )}
.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
	border-top-style:solid}
.ui-widget-header .ui-icon {
	background-image:url(/kr/img/common/btnIco_arrow.png)}
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span
.ui-checkboxradio-label .ui-icon-background {
	
	border-radius:.12em;border:none}
.ui-icon{width:16px;height:16px}
.ui-icon-circle-triangle-w{background-position:0 -42px}
.ui-icon-circle-triangle-e{background-position:100% -14px}
.ui-checkboxradio-radio-label .ui-icon-background {
	width:16px;height:16px;border-radius:1em;overflow:visible;border:none}
.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,
.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
	background-image:none;width:8px;height:8px;border-width:4px;border-style:solid}
.ui-checkboxradio-disabled {
	pointer-events:none}
.ui-datepicker {
	width:17em;padding:.2em .2em 0;display:none;background:#fff;border:1px solid #ebebeb}
.ui-datepicker .ui-datepicker-header {
	position:relative;padding:7px 0}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	position:absolute;top:6px;width:1.8em;height:1.8em}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
	/*top:1px;*/
}
.ui-datepicker .ui-datepicker-prev {
	left:2px;background:url(/garden/images/common/bn_btn_prev01.png) no-repeat;background-position:50% 50%}
.ui-datepicker .ui-datepicker-next {
	right:2px;background:url(/garden/images/common/bn_btn_next01.png) no-repeat;background-position:50% 50%}
.ui-datepicker .ui-datepicker-prev-hover {
	/*left:1px;*/
}
.ui-datepicker .ui-datepicker-next-hover {
	/*right:1px;*/
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}
.ui-datepicker .ui-datepicker-title {
	margin:0 2.3em;line-height:1.8em;text-align:center}
.ui-datepicker span.ui-datepicker-month,
.ui-datepicker span.ui-datepicker-year {
	color:#fff}

.ui-datepicker .ui-datepicker-title select {
	font-size:1em;margin:1px 0}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width:45%}
.ui-datepicker table {
	width:100%;font-size:16px;border-collapse:collapse;margin:0 0 .4em}
.ui-datepicker th {
	padding:.7em .3em;text-align:center;font-weight:bold;border:0;font-size:12px}
.ui-datepicker td {
	border:0;padding:1px}
.ui-datepicker td span,
.ui-datepicker td a {
	display:block;padding:7px 0;text-align:center;text-decoration:none}
.ui-datepicker .ui-datepicker-buttonpane {
	background-image:none;margin:.7em 0 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}
.ui-datepicker .ui-datepicker-buttonpane button {
	float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em .6em;width:auto;overflow:visible}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float:left}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
	width:auto}
.ui-datepicker-multi .ui-datepicker-group {
	float:left}
.ui-datepicker-multi .ui-datepicker-group table {
	width:95%;margin:0 auto .4em}
.ui-datepicker-multi-2 .ui-datepicker-group {
	width:50%}
.ui-datepicker-multi-3 .ui-datepicker-group {
	width:33.3%}
.ui-datepicker-multi-4 .ui-datepicker-group {
	width:25%}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
	border-left-width:0}
.ui-datepicker-multi .ui-datepicker-buttonpane {
	clear:left}
.ui-datepicker-row-break {
	clear:both;width:100%;font-size:0}

td.file span img{width:auto}
table.bbsView span img{width:auto!important}

.table th, .table td {/*padding:8px;*/line-height:20px;text-align:center}
.table td.content{line-height:180%}

.form-search .hide, .form-inline .hide, .form-horizontal .hide {display:none}
a {text-decoration:none;color:#434343}
ul {list-style-type:none}
.container-fluid{padding-top:35px}
.row-fluid {width:100%}
.row-fluid .board-nav{text-align:right}
.calTable th{text-align:center}

.BBS_0000000000000359 .bbsList .title span.title{color:#000;font-size:15px}
.BBS_0000000000000359 .bbsList .title span.board_content{display:block;border-top:1px solid #ddd;margin-top:10px;padding-top:10px}

/*공연및행사*/
.event_page{}
.event_tab1{clear:both;margin-bottom:5px}
.event_tab1 li{font-size:16px;display:inline-block;font-weight:600;width:calc(33.3% - 3.5px);text-align:center;border:1px solid #ebebeb;padding:10px 15px}
.event_tab1 li:first-child{padding-left:0;background:none}
.event_tab1 li.active{background:#333333}
.event_tab1 li.active a{color:#ffffff;text-decoration:underline}
.event_tab1 li:hover{border:1px solid #313644}
.event_tab1 li a{color:#222}
.event_tab1 li a:hover,.event_tab1 li a:focus{text-decoration:underline}


.event_tab2{clear:both;margin-bottom:30px}
.event_tab2  ul{}
.event_tab2 li{font-size:14px;display:inline-block;margin-bottom:5px;width:calc(16.6666666667% - 3.5px)}
.event_tab2 li a{width:100%;color:#666;letter-spacing:-1px;display:inline-block;height:35px;line-height:35px;text-align:center;/*padding:0 75.1px;*/ border:1px solid #ccc;background:#f8f8f8}
.event_tab2 li a:hover{ color:#793D07}
.event_tab2 li.active a{ background-color:#b17131;color:#fff;border:1px solid #793D07;text-decoration:underline}
.event_tab2 li.active a:hover,.event_tab2 li.active a:focus{ color:#fffceb;text-decoration:underline}
.event_tab2:after{clear:both;content:"";display:block}
.event_con{}

.event_con li{padding-bottom:30px;margin-bottom:25px;border-bottom:3px dotted #ebebeb}
.event_con .econ_list p{position:relative;display:inline-block;margin-right:30px;width:205px;height:259px;border:1px solid #ebebeb}
.event_con .econ_list p img{width:100%;height:100%}
.event_con .econ_list p span{position:absolute;top:0;left:0;color:#fff;font-size:20px;font-weight:600;width:65px;height:50px;display:inline-block;padding-top:12px;text-align:center;background:#793D07}
.event_con .econ_list dl{display:inline-block;vertical-align:top;width:calc(100% - 240px)}
.event_con .econ_list dl dt{font-size:20px;color:#222;line-height:1.7;font-weight:600;margin:0 0 20px 0}
.event_con .econ_list dl dt span{color:#ee2f5b;display:inline-block;margin-right:5px}
.event_con .econ_list dl dd{font-size:15px;color:#666;margin-bottom:10px;padding:0 0 0 5px}
.event_con .econ_list dl dd span{color:#793D07;font-weight:400;display:inline-block;font-size:1.1em;width:55px;background:url(/../images/www/event_bar.gif) no-repeat right center;margin-right:10px}
.event_con .econ_list dl dd.more_btn{margin-top:25px}
.event_con .econ_list dl dd.more_btn a{font-size:14px;font-weight:600;border:1px solid #ccc;border-radius:2px;padding:5px 15px}
.editTinymceImages{text-align:right}
.editTinymceImages a{margin-bottom:10px;line-height:20px;font-size:15px!important;border:1px solid #666;padding:10px 20px;display:inline-block}
.bbs_0000000000010914 table td{text-align:left}


@media all and (max-width:768px){

/*.event_tab1 li.active a{padding-bottom:7px}*/
.event_tab1 li{width:calc(33.1% - 2.4px)}
.event_tab1 li.active a:hover{text-decoration:none}

.event_con .econ_list p{width:30%;margin-right:3%}
.event_con .econ_list dl{width:65%}
.event_con .econ_list dl dt{margin:0 0 10px 0}
.event_con .econ_list dl dt span{display:block}
.event_con .econ_list dl dd{padding-left:0;margin-bottom:5px}

}


@media all and (max-width:600px){

.event_tab2 li{width:33%;margin-bottom:0;float:left}
.event_tab2 li a{width:100%;padding:0;text-align:center;background:#fff}
.event_tab2 li.active a{ background-color:#b17131;color:#fff;border:1px solid #793D07}
.event_tab2 li:nth-child(4) a,.event_tab2 li:nth-child(5) a,.event_tab2 li:nth-child(6) a,
.event_tab2 li:nth-child(7) a,.event_tab2 li:nth-child(8) a{border-top:none}

.event_con .econ_list p{width:38%}
.event_con .econ_list dl{width:57%}

.event_con .econ_list p span{font-size:15px;width:45px;height:35px;padding-top:7px}
.event_con .econ_list dl dt{font-size:15px;line-height:1.2;margin-bottom:5px}
.event_con .econ_list dl dt span{margin-bottom:3px}
.event_con .econ_list dl dd{font-size:13px;margin-bottom:0;line-height:1.6}
.event_con .econ_list dl dd span{width:45px}
.event_con .econ_list dl dd.more_btn{margin-top:5px}
.event_con .econ_list dl dd.more_btn a{font-size:12px;font-weight:normal;padding:2px 10px}
/*
.event_con .econ_list p span{font-size:17px;width:53px;height:40px;padding-top:8px}
.event_con .econ_list dl dt{font-size:20px;margin:0 0 10px 0}
.event_con .econ_list dl dd{margin-bottom:3px}
.event_con .econ_list dl dd.more_btn{margin-top:7px}
*/

}

@media all and (max-width:480px){

}

@media all and (max-width:360px){

.event_con .econ_list p{width:35%}
.event_con .econ_list dl{width:60%}

}

@media all and (max-width:320px){

.event_tab1 li{font-size:12px;padding:10px 5px}
.event_con .econ_list p{width:35%}
.event_con .econ_list dl{width:60%}

}

.list_top{width:100%;margin-top:10px;margin-bottom:10px;background:#efefef;padding:10px;overflow:hidden}

.searchBoxWrap{}
.searchBoxWrap .search_row{}
.searchBoxWrap .search_row .searchBox{margin:4px 0 0 350px}
.searchBoxWrap > .search_row > .searchBox > .select_type2{width:140px}
.srch_form{display:inline-block}

.searchBoxWrap .search_row .searchBox .srch_name{width:120px;padding:8px;margin-right:5px}
.searchBoxWrap .search_row .searchBox .srch_office{width:120px;padding:8px;margin-right:5px}
.searchBoxWrap .search_row .searchBox .srch_age{width:120px;padding:8px;margin-right:5px}
.searchBoxWrap .search_row .searchBox .srch_btn{border:0;padding:0 44px 0 23px;height:40px;line-height:40px;color:#fff;font-size:18px;font-weight:400;letter-spacing:-1px;background:#af664f url("/garden/images/common/search_iconWhite_02.png") no-repeat 72px 50%}

.board_content img{width:auto!important;max-width:1100px;height:auto}

@media all and (max-width:1200px){
	.searchBoxWrap .search_row .searchBox{margin-left:10px!important}
	.board_content img{width:100%!important;max-width:700px}
}
@media all and (max-width:768px){
	.searchBoxWrap .search_row .searchBox .srch_name, .searchBoxWrap .search_row .searchBox .srch_age{width:80px}
	.searchBoxWrap .search_row .searchBox .srch_btn{background:#af664f;padding-right:25px}
}
@media all and (max-width:600px){
	.searchBoxWrap .search_row .searchBox .srch_name, .searchBoxWrap .search_row .searchBox .srch_age{width:21%;margin-right:0.5%}
	.searchBoxWrap .search_row .searchBox .srch_office{width:31.5%;margin-right:0.5%}
	.searchBoxWrap .search_row .searchBox .srch_btn{padding:0;/*width:20%;*/text-align:center;margin:/* 8*/0px}
}

table.bbsWrite td {text-align:left}


/*찾아오시는길*/
.map_wrap .map_address{margin-top:20px;font-size:1.2rem;vertical-align:middle;font-weight:200;border-bottom:1px solid #ebebeb;width:100%;padding-bottom:20px}
.map_wrap .map_address .address01, .map_wrap .map_address .address02, .map_wrap .map_address .address03{display:inline-block}
.map_wrap .map_address .address p:before{ content:"\f041";color:#9b0b0e;font-family:FontAwesome;text-decoration:inherit;font-size:1.2rem;padding-right:5px}
.map_wrap .map_address p{color:#000;font-size:1.1rem}
.map_wrap .map_address p.address02, .map_wrap .map_address p.address03{padding-left:35px}
a.bus_map{font-size:0.9rem!important;color:#852f00!important;background:url(/garden/images/common/icon_bus.png) no-repeat 12px 7px;border:1px solid #852f00;border-radius:5px;padding:3px 14px 3px 32px;display:inline-block;margin-top:5px}
a.bus_map:hover{color:#fff!important;background:#852f00 url(/garden/images/common/icon_bus_on.png) no-repeat  12px 7px;text-decoration:none}

/*댓글*/
td.cmt_text textarea{width:99%;min-height:200px}
td.cmt_btn{width:126px}
td.cmt_btn a{display:inline-block;margin-left:5px;margin-bottom:5px;padding:0 33px;height:40px;line-height:40px;color:#fff!important;font-size:14px;font-weight:400!important;letter-spacing:-1px;background:#666}

/* Middle Layout */
#middle { position:relative;width:810px;margin:0 auto;font-family:'NanumGothic'}
#middle h2 {float:left;width:99%;margin:7px 0 0 5px;color:#fff;font-size:1.5em}
#middle div.welcome {float:left;width:100%;margin:20px 0 0 0;height:130px;background:url(/total_login/img/login/txtBg.jpg) left top no-repeat}
		div.welcome p { margin:0 0 0 30px;padding:20px 0;line-height:200%;text-align:center;font-size:2.3em;font-weight:bold;color:#58595c}

	    div.welcome .welcome2 {padding:0 0 0 155px;width:531px;font-size:1.0em;text-align:center}


/****로그인 시작************************************************/
	#memberGroup,
	#nonMemberGroup,
	.findGroup {clear:both;position:relative;display:inline-block;width:100%;margin:40px 0 0 0;padding:0 0 20px 0}
	


	#memberGroup h3,
	#nonMemberGroup h3,
	.findGroup h3 {float:left;width:150px;height:105px;margin:45px 0 0 5px;line-height:120%;text-align:center;color:#fff;font-size:2.0em}
	
	#memberGroup h3 span.sTit,
	#nonMemberGroup h3 span.sTit,
	.findGroup h3 span.sTit{font-size:12px;line-height:120%}
	
	#memberGroup h3 span.sTit { color:#becef5}
	#nonMemberGroup h3 span.sTit { color:#becef5}
	.findGroup h3 span.sTit{color:#f0c2a9;line-height:180%}

	#memberGroup h3 span,
	#nonMemberGroup h3 span,
	.findGroup h3 span{display:block}

	div.loginForm,
	.findForm { position:relative;float:left;width:538px;margin:90px 0 0 87px}

	div.loginForm ul {float:left;width:61%}
	.findForm ul {float:left;width:333px;margin-left:25px}
	div.loginForm ul li,
	.findForm ul li {float:left;width:100%;line-height:150%;height:42px;padding:0px 0 0 0;margin:0 0 6px 0;background:url(/total_login/img/login/inputBg.gif) 89px top no-repeat}
	div.loginForm ul li label,
	.findForm ul li label {display:inline-block;width:30%;font-size:1.2em;color:#000}
	div.loginForm ul li input,
	.findForm ul li input {background:#fff;border:0 none;width:60%;height:33px;font-size:1.2em;color:#484a4c}
	div.loginForm ul li input#mbrLogin,
	.findForm ul li input#mbrLogin {display:inline-block;background:#fff;border:1px solid #ebebeb;padding:3px }

	.newPwInput {float:left}
	.findForm ul.loginList02 {float:left;width:433px;margin-left:25px}
	.findForm ul.loginList02 li {float:left;width:100%;line-height:150%;height:28px;padding:7px 0 0 0;margin:0 0 6px 0;background:url(/total_login/img/login/inputBg.gif) 135px top no-repeat}
	.findForm ul.loginList02 li input {border:0 none;width:205px;height  :23px;font-size:1.2em;color:#484a4c}

	.findForm ul.loginList02 li input#newPw{margin-left:62px}
	.findForm ul.loginList02 li input#newPw02 {margin-left:27px}

	.findForm ul.loginList02 li input#passwd {margin-left:62px}
	.findForm ul.loginList02 li input#passwdConfirm {margin-left:27px}

	div.loginForm ul li input#passwd {border:1px solid #ebebeb;padding:3px}

	div.loginForm p.loginBtn { position:absolute;right:0;top:0;width:201px;height:80px;background:#333 } 
	div.loginForm p.loginBtn input {border:0;color:#fff;font-size:1.2em;font-weight:bold;width:201px;padding:26px 0;text-align:center;background:#333 url(/total_login/img/login/loginBg.gif) left top no-repeat;font-family:'NanumGothic';cursor:pointer}
			
	dl.idpwFind {clear:both;float:left;width:100%;margin:10px 0 0 0}
	dl.idpwFind dt {float:left;font-size:1.2em;line-height:220%;color:#717579}
	dl.idpwFind dd {float:right}
	dl.idpwFind dd a {float:left;display:block;margin-left:2px;color:#34373a;width:114px;height:16px;padding:9px 10px;background:url(/total_login/img/login/findBtnBg.gif) left top no-repeat;font-size:1.2em;font-weight:bold}
 
	#loginRuleGroup { position:relative;float:left;width:71%;margin:0 0 0 86px}
	#loginRuleGroup h4 { float:left;width:50%;text-align:center;font-size:1.2em;position:absolute}
	#loginRuleGroup h4 a { display:block;padding:12px 0;height:16px;color:#fff;background:#808692}
	#loginRuleGroup h4.btnLogin01 a.on { background:#ec8f58 url(/total_login/img/login/login_bg.png) left top repeat}
	#loginRuleGroup h4.btnLogin02 a.on { background:#65b298 url(/total_login/img/login/login_bg.png) left top repeat}
	#loginRuleGroup h4.btnLogin03 a.on { background:#6596c7 url(/total_login/img/login/login_bg.png) left top repeat}

	#loginRuleGroup div#loginList01,
	#loginRuleGroup div#loginList02,
	#loginRuleGroup div#loginList03 {/*display:none;*/width:100%;left:0px;top:74px;position:relative;clear:both}

	#loginRuleGroup h4.btnLogin02 {left:50%;top:0}
	#loginRuleGroup h4.btnLogin03 {left:442px;top:0}

	div#loginList01 h5,
	div#loginList02 h5,
	div#loginList03 h5 {float:left;margin:20px 0 0 0;width:100%;font-size:1.4em;line-height:180%;background-position-y:11px}
	div#loginList01 h5 {color:#134074}
	div#loginList02 h5 {color:#0b2545}
	div#loginList03 h5 {color:#6596c7}

	ul.explain {clear:both;float:left;display:inline-block;width:100%;padding:10px;margin:0 0 40px 0;border:1px solid #c4cdd6}


	div#loginList01 p.loginBtn01,
	div#loginList02 p.loginBtn02 {clear:both;margin:0 auto;width:204px;text-align:center;font-size:1.3em;font-weight:bold}
	div#loginList01 p.loginBtn01 a,
	div#loginList02 p.logsinBtn02 a {display:block;height:18px;padding:17px 0;color:#fff}

	div#loginList01 p.loginBtn01 a { background:url(/total_login/img/login/btn_loginRule01.gif) left top no-repeat}
	div#loginList02 p.loginBtn02 a { background:url(/total_login/img/login/btn_loginRule02.gif) left top no-repeat}
	div#loginList01 p.loginBtn01 input {background:url(/total_login/img/login/btn_loginRule01.gif) left top no-repeat;cursor:pointer;border:none;width:204px;height:52px;color:#fff;font-size:1.1em;font-weight:bold;font-family:'NanumGothic'}

	div#loginList02 p.loginBtn02 input {background:url(/total_login/img/login/btn_loginRule02.gif) left top no-repeat;cursor:pointer;border:none;width:204px;height:52px;color:#fff;font-size:1.1em;font-weight:bold;font-family:'NanumGothic'}
			
	div#loginList03 h6 {float:left;width:96%;margin:20px 0 0 0;padding:0 0 0 20px;line-height:180%;font-size:1.2em;background:url(/total_login/img/login/h6.gif) left 5px no-repeat}
	div.gonLoginForm {clear:both;position:relative;float:left;display:inline-block;width:506px;padding:22px;background:#e0e7f2}
	div.gonLoginForm ul {float:left;width:100%}
	div.gonLoginForm ul li {float:left;width:100%;margin:0 0 5px 0;padding:7px 0 0 0;height:28px;font-size:1.1em;font-weight:bold}
	div.gonLoginForm ul li.name { background:url(/total_login/img/login/nameBg.gif) 109px top no-repeat}
	div.gonLoginForm ul li.num { background:url(/total_login/img/login/numBg.gif) 109px top no-repeat}
	div.gonLoginForm ul li.num02 { background:url(/total_login/img/login/numBg02.gif) 109px top no-repeat}
	div.gonLoginForm ul li input {border:0 none;font-size:1.2em;font-family:'NanumGothic'}
	div.gonLoginForm ul li.name input {margin-left:85px;width:200px}
	div.gonLoginForm ul li.name input#cpname {margin-left:48px} 
	div.gonLoginForm ul li.num input {margin-left:35px;width:110px}
	div.gonLoginForm ul li.num02 input {margin-left:35px}
	div.gonLoginForm ul li.num input#ppnum02{margin-left:29px}
	div.gonLoginForm ul li.num02 input#cpnum01 {margin-left:48px}
	div.gonLoginForm ul li.num02 input#cpnum02,
	div.gonLoginForm ul li.num02 input#cpnum03 {margin-left:38px}

	p.loginBtn03 {position:absolute;right:22px;top:22px;width:121px;height:76px;text-align:center;background:url(/total_login/img/login/btn_loginRule03.gif) left top no-repeat}
	p.loginBtn03  a {display:block;padding:21px 0;font-size:1.2em;font-weight:bold;color:#fff}

	body.findBg {position:relative;width:100%;background:url(/total_login/img/login/findBg.gif) left top repeat-x}
	#popupWrap h1{ float:left;width:95%;margin:10px 0 0 10px;color:#fff;font-family:'NanumGothic';font-size:1.4em}

	/**/
	.findForm p.btn,
	.findForm dl {margin:0 auto;width:90%}
	.findForm  p.btn a {float:left;display:block;margin-left:1px;width:204px;height:18px;padding:17px 0;text-align:center;color:#fff;font-family:'NanumGothic';font-size:1.4em;font-weight:bold}
	.findForm  p.btn a.btn_name {background:url(/total_login/img/login/btn_loginRule01.gif) left top no-repeat}
	.findForm  p.btn a.btn_ipn {background:url(/total_login/img/login/btn_loginRule02.gif) left top no-repeat}

	.findForm p.useId {float:left;margin:20px 0 0 0;width:100%;text-align:center;font-size:1.4em}
	.findForm p.useId strong {color:#F60;font-size:1.2em}

	p.btn_confirm  {clear:both;margin:0 auto;width:118px;text-align:center}
	p.btn_confirm a {display:block;padding:5px 0;height:19px;font-size:1.2em;color:#fff;background:url(/total_login/img/login/btn_blue.gif) left top no-repeat} 

	.findFooter {clear:both;float:left;width:100%;border-top:1px solid #c2c5ca;padding:20px 0}
	.findFooter p {margin:0 auto;width:54px;text-align:center}
	.findFooter p a {display:block;padding:5px 0;height:13px;color:#686a6f;background:url(/total_login/img/login/btn_white.gif) left top no-repeat}

	#nonMemberGroup h3{background:#013469;padding:44px 0;height:150px;color:#fff;border-radius:75px}
	#nonMemberGroup h3 span{color:#eee}
	#nonMemberGroup #loginRuleGroup h4.btnLogin01{width:49%;background:none}
	#nonMemberGroup #loginRuleGroup h4.btnLogin01 a.tab{}
	#nonMemberGroup #loginRuleGroup h4.btnLogin01 a.on{background:#ec8f58}
	#nonMemberGroup #loginRuleGroup h4.btnLogin01 a{display:block;padding:12px 0;height:54px;color:#fff;background:808692}
	#nonMemberGroup #loginRuleGroup h4.btnLogin02{background:none}
	#nonMemberGroup #loginRuleGroup h4.btnLogin02 a.tab{}
	#nonMemberGroup #loginRuleGroup h4.btnLogin02 a.on{background:#ec8f58}
	#nonMemberGroup #loginRuleGroup h4.btnLogin02 a{display:block;padding:12px 0;height:54px;color:#fff;background:808692}
	#loginList01 ul.explain{color:#333}
	#memberGroup h3{font-size:1.6em;background:#1e6ab9;padding:35px 0 ;height:150px;color:#fff;border-radius:75px}
	#memberGroup h3 span{color:#fff}

	.login_wrap{padding:110px 15px 0;overflow:hidden;position:relative;background:#f5f5f5}
	.login_container{clear:both;max-width:1400px;margin:0 auto;padding:0}
	.login_wrap .container {overflow:hidden;display:table;width:100%;max-width:1400px;padding:0;margin:30px auto 0;background:#fff url(/kr/img/common/snb_left_line.gif) left top repeat-y;font-family:'NotoSansKR',Malgun gothic, Dotum, arial, sans-serif;font-weight:200;color:#222}
	/* contents_wrap_layout */
	.login_wrap .cont_wrap{position:relative;display:table-cell;vertical-align:top}
	.login_wrap .cont_wrap header{display:none}
	.login_wrap .cont_wrap header .loc{width:100%;height:41px;font-size:14px;padding-left:50px;font-family:'NotoSansKR',sans-serif;background:#f5f5f5 url(/kr/img/common/loc_home.gif) 34px 14px no-repeat;line-height:41px}
	.login_wrap .cont_wrap header .loc a{color:#333}
	.login_wrap .cont_wrap header .loc span .menu-active{color:#000;font-weight:400}
	.login_wrap .cont_wrap header h2{float:left;width:69.7%;color:#000;font-family:'NotoSansKR',sans-serif;font-size:35px;padding-left:34px;line-height:94px;font-weight:400}
	.login_wrap .cont_wrap header .icons{float:right;width:210px;text-align:center;line-height:94px}
	.login_wrap .cont_wrap .contents{clear:both;width:100%;padding:2.4%;overflow:hidden;word-break:break-all;line-height:180%;color:#666;font-weight:400}
	.security_mark{border:1px solid #ebebeb;padding :20px;background:#fff;margin-left:261px;width:69%;margin-top:70px}
	.security_mark .button_group1{padding-bottom:20px;border-bottom:1px solid #ebebeb}

	.security_mark .login_okbox{background:#ededed;text-align:right;padding:8px 15px;margin-top:10px;color:#000}

	/**Tab_Ver_L 1024*****************************************************/
	@media screen and (max-width:1024px) {
		#nonMemberGroup h3{float:none;width:auto;height:auto;color:#013469;margin:0!important;padding:0;font-size:1.9em;text-align:left;background:none;letter-spacing:-1px}
		#memberGroup h3 span, #nonMemberGroup h3 span, .findGroup h3 span {display:inline-block}
		#memberGroup h3 span.sTit, #nonMemberGroup h3 span.sTit, .findGroup h3 span.sTit {color:#666;padding-left:5px;letter-spacing:0}
		#loginRuleGroup{float:none;width:100%;margin:0}
		#loginRuleGroup h4{padding-left:0 !important}
		#loginRuleGroup div#loginList01, #loginRuleGroup div#loginList02, #loginRuleGroup div#loginList03{padding-left:0}
		#memberGroup h3{float:none;width:auto;height:auto;color:#1e6ab9;margin:0;padding:0;text-align:left;font-size:1.9em;background:none;letter-spacing:-1px}
		div.loginForm, .findForm{float:none;margin:30px 0 0 10px}
		.security_mark{margin-left:0;width:100%}
		.btn.type_a{margin-left:0;margin-bottom:5px;padding:0 33px;height:40px;line-height:40px}
	}
	/**Mobile_Ver_L 600*****************************************************/
	@media screen and (max-width:600px) {
		/* 로그인 */
		div.loginForm, .findForm{width:98%}
		div.loginForm ul{width:70%}
		div.loginForm ul li label, .findForm ul li label{font-size:1em}
		div.loginForm p.loginBtn{width:28%}
		div.loginForm p.loginBtn input{width:100%;font-size:1em}	
	}
/****로그인 끝************************************************/

/*사이트맵 시작*/
.menu_box .menu_item_box{width:21%;float:left;border:1px solid #ebebeb;margin-bottom:20px;margin:1% 2%}
.menu_box .menu_item_box .menu_1depth_block{background:#003165;padding:10px;text-align:center;margin-bottom:5%;display:none}/* 1depth 자동 표출로 숨김처리 20190214 강세나 */
.menu_box .menu_item_box li a.snbLeftA, .menu_box .menu_item_box li.Inb100 a{background:#003165;display:block;padding:10px;color:#fff;font-weight:400;text-align:center}
.menu_box .menu_item_box li ul.depth2 li a{background:#efefef;display:block;margin:0;padding:6px 10px;border-bottom:1px solid #dedede}
.menu_box .menu_item_box li ul.depth2 li a img{width:auto}
.menu_box .menu_item_box li ul.depth2 ul.depth3{padding:10px 5px}
.menu_box .menu_item_box li.Inb100 .Inbsub100{padding:10px 0}
.menu_box .menu_item_box li.Inb100 .Inbsub100 li a{color:#000;margin-left:5%!important;font-size:0.9em;font-weight:300;background:#fff url(/garden/images/common/icon_dt.gif) left 10px no-repeat!important;padding:0 0 0 10px!important;text-align:left;border-bottom:none!important}
.menu_box .menu_item_box li li li a{color:#000;margin-left:5%!important;font-size:0.85em;font-weight:300;background:#fff url(/garden/images/common/icon_dt.gif) left 10px no-repeat!important;padding:0 0 0 10px!important;text-align:left;border-bottom:none!important}
.menu_box .menu_item_box li a:hover{text-decoration:underline;font-weight:600;color:#fff}
.menu_box .menu_item_box li li a:hover{text-decoration:underline;font-weight:600;color:#004ea3}
ul.depth3.no_data{display:none}
ul.no_data li{font-size:0;float:left}
.security_mark{}

@media screen and (max-width:1023px) {


.menu_box .menu_item_box{padding:1%}
}
@media screen and (max-width:767px) {
.menu_box .menu_item_box{width:29%}
}
@media screen and (max-width:544px) {
.menu_box .menu_item_box{width:45%}
}
/*사이트맵 */