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

/*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%;}
.tab_width .cont_wrap .tab.units_8 li {width:25%;}/*관람체험정보>체험프로그램 탭메뉴 조절 css*/
.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}

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;vertical-align: top;}
.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;vertical-align: top;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 #eaeaea;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 #d5d5d5;}

/* 예약.예매하기-정원해설사예약 */
.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: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;}
}























.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%;}
}
/*사이트맵 */