@charset "utf-8";

/* content title */
.c-tit01 {position:relative;font-size:22px;padding-top:13px;margin-bottom:20px;line-height:1;}
.c-tit01:after {content:'';position: absolute;left:0;top:0;width:8px;height:4px;background:#00643b;}
.c-tit01:before {content:'';position: absolute;left:0;top:0;width:24px;height:4px;background:#009357;}
.c-tit02 {position:relative;font-size:20px;color:#00643b;margin-bottom:20px;line-height:1;}
.c-tit03 {position:relative;font-size:1.125em;padding-left:15px;margin-bottom:15px;line-height:1; font-weight:500}
.c-tit03:after {content:'';position: absolute;left:0;top:7px;width:4px;height:4px;border-radius:4px;background:#49586c;}

/* ment box */
.ment_box { position:relative; padding:4% 12%; border:5px solid #ebeef5;margin:30px auto; text-align:center; background:url(../images/content/ment_bg.gif) no-repeat 50% 50%}
.ment_box .m-tit01 { position:absolute; top:-17%; left: 50%; transform: translateX(-50%); font-size:22px; color:#009357; font-weight:bold; background-color:#FFF; padding:5px 40px}
.ment_box p { line-height:1.5em}

/* li style */
.bul_dot > li {position: relative; padding-left: 10px; font-size: 0.929em;line-height: 25px;}
.bul_dot > li:before {position:absolute;left:0;top:10px;width:5px;height:5px;border-radius:9999px; background-color:#c2c2c2 !important; content: '';}

/* list style */
.c-list01 li, .c-list01-li {position:relative;padding-left:12px;margin:5px 0;}
.c-list01 li:before, .c-list01-li:before {content:"";position:absolute;top:9px;left:0;width:4px;height:4px;background:#009357;}
.c-list01 li ul {margin-top:5px}
.c-list01 li ul li {font-size:0.938em;margin:0}
.c-list01 li ul li:before {width:5px;height:1px;top:12px;background:#888;}
.c-list01 li ul li ul { margin:3px 0}
.c-list01 li ul li ul li:before {width:2px;height:2px;top:8px;background:#CCC;}

.c-list02 li, .c-list02-li {position:relative;padding-left:15px;margin:5px 0;}
.c-list02 li:before, .c-list02-li:before {content:"";position:absolute;top:11px;left:0;width:6px;height:1px;background:#2b405b;}
.c-list02 li ul {margin-top:5px}
.c-list02 li ul li {font-size:0.938em;margin:0}
.c-list02 li ul li:before {width:5px;height:1px;top:12px;background:#888;}
.c-list02 li .tit {color:#2b405b;font-weight:500;}
.c-list02 li .num {display:inline-block;font-size:13px;text-align:center;width:24px;color:#fff; margin-right:5px;background:#07469b;}

.c-list03 li, .c-list03-li {position:relative;margin:10px 0;padding-left:40px;}
.c-list03 li ul {margin-top:5px}
.c-list03 li ul li:before {content:"";position:absolute;top:11px;left:0;width:5px;height:1px;top:12px;background:#888;}
.c-list03 li .num {position:absolute;top:0;left:0;font-size:13px;text-align:center;width:24px;height:24px;line-height:24px;color:#fff; margin-right:5px;background:#07469b;vertical-align:top;}

.c-dllist01 dt, .c-dllist01 dd {display:inline-block;vertical-align:top;margin-top:2px;margin-bottom:3px;padding-top:4px;padding-bottom:5px;}
.c-dllist01 dt {background:#07469b;padding-left:15px;padding-right:15px;color:#fff;width:auto;}
.c-dllist01 dd {padding-left:12px;width:90%;}

.c-dllist02 dl { clear:both; overflow:hidden; width:100%}
.c-dllist02 dt, .c-dllist02 dd {float:left; padding-left:12px;}
.c-dllist02 dt {position:relative; font-weight:500}
.c-dllist02 dt:before {content:"";position:absolute;top:9px;left:0;width:4px;height:4px;background:#009357;}
.c-dllist02 dd {width:80%;}

/* tab */
.cont_tabmenu {margin-bottom:30px;}
.cont_tabmenu ul {display: table;width:100%;padding:0;}
.cont_tabmenu li {display:table-cell; width:1%; height:52px; text-align:center; vertical-align: middle;border:1px solid #ccc;background:#FFF;border-right:none;transition: all 0.3s ease; cursor:pointer}
.cont_tabmenu li:last-child {border-right:1px solid #ccc;}
.cont_tabmenu li.on {background-color: #FFF; border: 1px solid #CCC; border-bottom:1px solid #FFF;font-weight:500;}
.cont_tabmenu li a {width:100%;height:49px;line-height:49px; display:inline-block;font-size: 16px;}
.cont_tabmenu li:hover { background:#f3fffa;transition:all .3s ease}
.cont_tabmenu li:hover a {color:#009357; font-weight:500;text-decoration:none;transition:all .3s ease}

/* basic_sch */
.basic_sch {margin-bottom:40px; padding:8px; background: url('../images/common/board/noti_box_bg.png') repeat;}
.basic_sch .row {display:block; overflow:hidden; margin-bottom:0;background:#FFF;padding: 24px 100px 20px; text-align:center;width: auto; }
.basic_sch .slt_box { display:inline-block; width:20%; padding-right:10px;}
.basic_sch .input_box { display:inline-block; width:60%; padding-right:10px;}
.basic_sch select {width:100%;height:40px;}
.basic_sch input { width:100%; height:40px; padding:0}
.basic_sch.patenet label { display:inline-block; width:80px; position:relative; padding-left:10px; font-weight:bold}
.basic_sch.patenet label:before {content:"";position:absolute;top:9px;left:0;width:4px;height:4px;background:#009357;}
.basic_sch.patenet .slt_box { display:block; margin-bottom:10px;width:30%}
.basic_sch.patenet .slt_box select  { width:60%;display:inline-block;}
.basic_sch.patenet .input_box { width:90%;}
.basic_sch.patenet .input_box select {width:20%;}
.basic_sch.patenet input { width:67.5%;}

/* pgage info */
.pageinfo { position: relative;overflow: hidden; border: 0px solid #dddddd;}
.pageinfo dt, .pageinfo dd { float:left}
.pageinfo dt { background:url(../images/common/addicon.png) no-repeat 0 50%; padding-left:20px;}
.pageinfo:after {display:block;margin-bottom: 10px;}

/* program step */
.pgm_step {height:62px; background-color:#f4f5f8; border-top:2px solid #363c48; border-bottom:2px solid #363c48; margin-bottom:30px}
.pgm_step ol {overflow:hidden;border-right:2px solid #363c48;border-left:2px solid #363c48;}
.pgm_step li {position:relative;top:0;left:0;float:left;width:27.2%;height:62px;padding-top:18px;padding-left:60px;box-sizing:border-box;font-size:16px;}
.pgm_step li.total {padding-left:0px; width:218px; background:#363c48; color:#FFF; text-align:center}
.pgm_step li:after {content:'';position:absolute;top:0;left:100%;float:left;width:20px;height:62px;background:url('../images/content/patenet_li_step.png') no-repeat 100% 0;z-index:10;}
.pgm_step.view li {width:33.33%}
.pgm_step.view li:first-child {padding-left:40px}
.pgm_step li.total:after {background:#363c48}
.pgm_step li:last-child:after {background:none}
.pgm_step li strong {color:#fff;}
.pgm_step li span { color:#f37520;font-size:16px; margin-left:5px; line-height:18px}
.pgm_step .num {display:inline-block;width:24px;height:24px;margin-right:5px;border-radius:100%;background:#b5b5b5;color:#fff;text-align:center;font-style:normal;line-height:22px;vertical-align:top;}
.pgm_step li.active {background-color:#009357;}
.pgm_step li.active:after {background-position:100% 100%;}
.pgm_step li.active .num{color:#009357;background:#fff;}
.pgm_step li.active a {color:#FFF; font-weight:600}
.pgm_step li a { display:inline-block; width:100%; text-decoration:none}

/* program board */
.pgm_table{margin:20px auto;width:100%;border-top:2px solid #50585e;border-bottom:1px solid #959595;}
.pgm_table th{padding:12px 8px}
.pgm_table th,.pgm_table td{border:solid #d9d9d9;border-width:0 0 1px 1px;vertical-align:middle; font-weight: normal}
.pgm_table th:first-child,.pgm_table td:first-child{border-left:0 none}
.pgm_table td{padding:10px;line-height:1.38em;vertical-align:middle;text-align:center}
.pgm_table thead th,.pgm_table tbody th{background:#fafafa;font-size:15px; font-weight:bold}
.pgm_table thead th{border-bottom:1px solid #c1c1c1;}
.pgm_table tfoot th,.pgm_table tfoot td{background:#fafafa;font-weight:700}
.pgm_table.view td{ text-align:left;padding-left:2%;padding-right:2%;}
.cate em {display:inline-block; padding:5px 10px;text-align:center;border:1px solid #009357;-webkit-user-select:none;-moz-user-select:none; -ms-user-select:none;-o-user-select:none;user-select:none; font-weight:600; border-radius:5px; color:#00643b}
.pgm_table.mypage .person, .pgm_table.mypage .pay, .pgm_table.mypage .state, .pgm_table.mypage .cancel, .pgm_table.mypage .write {width:11%}
.pgm_table.mypage .num, .pgm_table.mypage .date {width:16%}
.pgm_table.mypage .my_md {width:11%}

.edu_lst{width:100%; box-sizing: border-box; border:1px solid #CCC; border-top:2px solid #363c48; margin-bottom:30px}
.edu_lst .subject_thmb { margin:2% 4%;overflow:hidden; position:relative }
.edu_lst .subject_thmb .thmb {width:320px;height:240px; margin-right:40px }
.edu_lst .subject_thmb .cont {width:65%}
.edu_lst .subject_thmb h3 {font-size:22px; color:#00643b; font-weight:500; margin-bottom:15px;}
.edu_lst .subject_thmb dt { width:10%}
.edu_lst .subject_thmb dt, .edu_lst .subject_thmb dd { float:none; display:inline-block;margin-bottom:10px;}
.edu_lst .subject_thmb .btn_detail { position:absolute; bottom:0;}
.edu_lst .subject_thmb .btn_detail button { text-align:left; padding-right:60px !important}

/* patenet */
.subject_thmb:after {overflow:hidden;clear:both;content:''}
.subject_thmb .thmb {float:left;width:120px;height:90px; overflow:hidden;margin-right:25px; border:2px solid #f5f5f5; background:#f5f5f5 url(../images/content/noimage.gif) no-repeat 50% 50%;}
.subject_thmb .thmb img { width:100%; height:100%}
.subject_thmb a:hover .thmb { border:2px solid #00643b}
.subject_thmb .cont {float:left;width:77%}
.subject_thmb h4 {font-size:16px; color:#00643b; font-weight:500; padding:5px 0 10px}
.subject_thmb dl {overflow:hidden;clear:both;width:100%;padding-bottom:5px;line-height:19px}
.subject_thmb dt {float:left;width:15%;font-weight:bold; position:relative; padding-left:10px}
.subject_thmb dt:before {content:"";position:absolute;top:9px;left:0;width:3px;height:3px;background:#CCC;}
.subject_thmb dd {float:left;width:80%}

/* pgm box */
.pgm_box {width:100%; box-sizing: border-box; border:1px solid #CCC; border-top:2px solid #363c48; margin-bottom:30px; background:url(../images/content/patenet_bg.png) no-repeat 110% 180%}
.pgm_box .subject_thmb { margin:3% 4%;overflow:hidden; position:relative }
.pgm_box .subject_thmb .thmb {width:400px;height:300px; margin-right:40px }
.pgm_box .subject_thmb .cont {width:59%}
.pgm_box .subject_thmb h3 {font-size:24px; color:#00643b; font-weight:500; margin-bottom:15px;}
.pgm_box .subject_thmb dt, .pgm_box .subject_thmb dd {margin-bottom:10px;}
.pgm_box .subject_thmb .patenet_btn { position:absolute; bottom:0;}
.pgm_cnt {overflow:hidden;clear:both;border-bottom:1px solid #363c48; margin-bottom:20px}
.edu_bg { background:url(../images/content/edu_bg.png) no-repeat 115% 15% }

/* col size */
.pgm_table .num {width:7%;}
.pgm_table .cate {width:13%}
.pgm_table .subject {width:auto;text-align:left;padding-left:2%;padding-right:2%;}
.pgm_table .writer {width:13%}
.pgm_table .date {width:13%;}
.pgm_table .read {width:10%}
.pgm_table .file {width:10%;}
.pgm_table .won {width:15%;}

/* page navigation */
.paging_wrap {position:relative; margin:20px 0;}
.pagination li {display:inline-block;}
.pagination li a {display:inline-block;width:36px;height:36px;line-height:36px;border:1px solid #ccc; text-align:center;font-size:13px;color:#929aaa}
.pagination li.active a, .pagination li a:hover, .pagination li a:focus {color:#FFF; background:#363c48;font-weight:bold;border:1px solid #363c48;}
.pagination li a:hover { text-decoration:none}
.pagination li.paginate_box_button a { background:url(../images/common/board/ic_paginate.png) no-repeat;text-indent:-1000em; }
.pagination li.paginate_box_button.previous a { background-position:0 0}
.pagination li.paginate_box_button.left a { background-position:-36px 0}
.pagination li.paginate_box_button.right a { background-position:-72px 0}
.pagination li.paginate_box_button.next a { background-position:-108px 0}
.pagination li.paginate_box_button a span { text-indent:-1000em;display:block}

/* program insert */
.exmark { background:url(../images/common/board/ic_exmark.png) no-repeat 0 1px; min-height:19px; padding-left:22px}
.attachfile { background: url(../images/common/board/ic_file.gif) 0 50% no-repeat; padding-left:18px; margin-right:20px;}

/* product */
.product_box { clear:both; margin-top:40px;}
.product_box .fl.width25p { background:url(../images/content/product_bg.gif) no-repeat 80% 50%; height:100px;}
.product_box dl { margin-top:10px}
.product_box dt, .product_box dd { margin-bottom:10px}

/* sitemap */
#sitemap .depth01 {width:100%;}
#sitemap .depth01:after {display:block;content:'';clear:both;}
#sitemap .depth01 > li {float:left;width:20.5%;margin:0 2% 50px; border:1px solid #dadada; height:460px; padding-bottom:10px}
#sitemap .depth01 > li > a {display:block;padding:17px 25px;border-bottom:2px solid #009357; font-size:18px; font-weight:500; color:#009357; text-align:center}
#sitemap .depth02 li {border-bottom:1px dotted #DDD;background:url('../images/content/bg_pattern01.gif') 25px 15px no-repeat; text-indent:8px}
#sitemap .depth02 li:last-child {border-bottom:none}
#sitemap .depth02 li a {display:block;padding:7px 25px}
#sitemap .depth02 li > ul {background:#f9fafc; border-radius:5px; border:1px solid #ebebeb; margin:0 20px 10px; padding:5px 0}
#sitemap .depth02 li > ul > li { border-bottom:none;background:url('../images/content/li_bullet02.gif') 10px 12px no-repeat; text-indent:0px}
#sitemap .depth02 li > ul > li a {padding:3px 10px 3px 20px; font-size:13px; color:#4c5365; letter-spacing:-1px}

/* reservation */
.member-step {position:relative;margin:0 20px 30px;background:url(../images/content/member_line.gif) repeat-x 0 34%;}
.member-step:before, .member-step:after {content:'';position:absolute;width:8px;height:8px;top:34%;margin-top:-3.5px;background:#d8d8d8;border-radius:50%}
.member-step:after {left:-15px;}
.member-step:before {right:-15px;}
.member-step ol {position:relative;width:80%;margin:0 auto;overflow:hidden;text-align:center;}
.member-step li {position:relative;display:inline-block;width:85px;margin:0 5%; text-align:center}
.member-step li .tit {display:block;font-weight:500; font-size:16px}
.member-step li .tit:before {content: '';display: block;width:85px;height:85px;margin-bottom:10px;background:url(../images/content/member_step.png) no-repeat 0 0; }
.member-step li.step01 .tit:before {background-position:0 -85px}
.member-step li.step02 .tit:before {background-position:-85px -85px}
.member-step li.step03 .tit:before {background-position:-170px -85px}
.member-step li.step04 .tit:before {background-position:right -85px}
.member-step li.active {color:#009357}
.member-step li.step01.active .tit:before {background-position:0 0}
.member-step li.step02.active .tit:before {background-position:-85px 0}
.member-step li.step03.active .tit:before {background-position:-170px 0}
.member-step li.step04.active .tit:before {background-position:right 0}

/* ipin */
.cont-box { border:1px solid #dadada; border-top:2px solid #4c5365}
.cont-box:after {display:block;content:'';clear:both;}
.ipin-lst > ul li {width:100%; position:relative; padding:40px 0}
.ipin-lst > ul li .ipin {width:275px;margin:0 auto}
.ipin-lst > ul li .icon {min-height:60px; background:url('../images/content/ic_ipin.png') no-repeat 0 0; padding-left:70px}
.ipin-lst > ul li .icon2 {display:block; width:65px; height:60px; background:url('../images/content/ic_gpin.png') no-repeat 0 0; margin:0 auto 20px;}
.ipin-lst > ul li .tit {display:block; font-size:20px; margin-bottom:10px}
.ipin-lst > ul li .txt {display:block; line-height:1.4; color:#969dac}
.ipin-lst > ul li dt {margin-bottom:20px}
.ipin-lst > ul li dd {margin-left:70px;text-align:left}

/* agree */
.box_border_agree{overflow-y:scroll;height:300px;padding:30px;background:#fff;line-height:1.7}
.box_border_agree .h4_title{margin-bottom:25px;font-size:18px; font-weight:500}
.cell{display:table-cell;padding:0 5px 0 0;vertical-align:middle}
.article_info_cont .cell_cont{padding-left:30px;}
.article_info_cont .cell_cont p{padding-left:14px;margin-bottom:10px}
.article_info_cont .cell_cont ol,.article_info_cont .cell_cont ul{margin-bottom:10px;padding-left:20px}
.agree_checks { text-align:right; margin:10px 0 0; background:#FFF; padding:10px}
.pattern {padding:8px; background:url('../images/common/board/noti_box_bg.png') repeat 0 0;}

/* 달력 */
.reser_wrap { padding:30px; background:#FFF;position:relative; min-height:615px}
.fr .reser_wrap:before {content:"";display:block;position:absolute;top:0%;left:0%;width:1px;height:100%;border-left: 1px solid #dcdcdc;}
.reser_wrap .calendar_top{position:relative;}
.month_box{position:relative;margin:0 auto 10px;padding:0;font-size:30px;font-weight:600;letter-spacing:-1px;text-align:center}
.month_box span{overflow:hidden;}
.month_box .btn_box a{display:inline-block;position:absolute;}
.month_box .btn_box .prev{left:0}
.month_box .btn_box .next{right:0}

.reser_wrap .calendar_box{width:100%;padding-bottom:50px;background:#fff;table-layout:fixed}
.reser_wrap .calendar_box th + th, .reser_wrap  .calendar_box td + td{vertical-align: middle;}
.reser_wrap .calendar_box th{display:table-cell;padding:12px 0;}
.reser_wrap .calendar_box td{width:100%}
.reser_wrap .calendar_box td{display:table-cell;width:14%;padding:5px;border-bottom: 1px dotted #dadada; border-left: 1px dotted #dadada;}
.reser_wrap .calendar_box td div:after { font-weight:500}
.reser_wrap .calendar_box td div.cont_day{display:block;box-sizing: content-box;color: #CCC;height: 58px;padding:0;margin:0;vertical-align:top;text-align:center}/*매일*/
.reser_wrap .calendar_box td div.cont_day.noselect em.num {color: #CCC;}/*기간지남*/
.reser_wrap .calendar_box td div.today{display:block;color:#009357;font-weight:400;box-sizing: border-box;}/* 오늘 */
.reser_wrap .calendar_box td div.today:after { content: "오늘"; top:0;font-size: 12px;color:#009357}
.reser_wrap .calendar_box td div.today em.num {border: 1px solid #009357;box-sizing: border-box;}
.reser_wrap .calendar_box td div.today a.select_day em.num { background:none; color:#363c48}
.reser_wrap .calendar_box td div.today a.select_day:after {content: "";}
.reser_wrap .calendar_box td div.today a.on_day em.num { background:none; color:#363c48}
.reser_wrap .calendar_box td div.today a.on_day:after { content: "";}
.reser_wrap .calendar_box td div.end_day{display:block;color:#ccc;font-weight:400;box-sizing: border-box;}/* 예약마감 */
.reser_wrap .calendar_box td div.end_day:after { content: "완료"; top:0;font-size: 12px;color: #666}
.reser_wrap .calendar_box td div.end_day em.num {background-color: #777; color:#CCC}
.reser_wrap .calendar_box td div a {line-height: inherit;box-sizing: border-box;}
.reser_wrap .calendar_box td div a:hover {text-decoration:none}
.reser_wrap .calendar_box td div a.select_day{display:block;font-weight:500}/* a-선택 */
.reser_wrap .calendar_box td div a.select_day:after{ content: "선택"; font-size: 12px;color: #F37521}/* a-선택날짜 */
.reser_wrap .calendar_box td div a.select_day em.num{ background-color: #F37521;color:#fff;}
.reser_wrap .calendar_box td div a.on_day{display:block;font-weight:500}/* a-예약가능 */
.reser_wrap .calendar_box td div a.on_day em.num{background: url(../images/common/board/noti_box_bg.png) repeat 0 0;}/* a-예약가능날짜 */
.reser_wrap .calendar_box td div a.on_day:after { content: "가능"; top:0;font-size: 12px;color: #666}
.reser_wrap .calendar_box td div em.num{display:block;top:0;left:0;height: 35px;line-height: 2.5em;text-align:center}
.reser_wrap .calendar_box td div em.num.sel_day{display:inline-block;border:2px solid #f15151;border:2px dashed #de2500;border-radius:100%}
.reser_wrap .calendar_box th.sun, .reser_wrap .calendar_box td div em.sun{color:#d13a3a}
.reser_wrap .calendar_box th.sat, .reser_wrap .calendar_box td div em.sat{border-right:0;color:#1677be}
.tableStyle_thleft td#totalAmountInfo {height:40px}
.reser_lst {clear:both; overflow:hidden}
.reser_lst li {float:left; width:48%}
.reser_lst li input {margin-right:3px}
.reser_prs {padding-bottom:5px; border-bottom:1px dashed #ebeef5}
.reser_prs li {float:none; width:100%; margin-bottom:5px}
.reser_prs li label {display:inline-block; width:65%}
.reser_prs li input {width:80px}
.reser_box {border: 1px solid #dadada;padding:30px;}

/* 표시범례 */
.legend_list{margin:20px 0 0;text-align:center;padding:20px 0px;border: 1px solid #dadada;}
.legend_list li{display:inline-block;min-width:30px;height:34px;padding: 0 2%;margin:0 1%;line-height:33px;text-align:center;vertical-align:middle}
.cal-today,.cal-select,.cal-end,.cal-avail,.cal-am,.cal-pm{font-size:13px;font-weight:500}
.cal-today{border: 1px solid #009357;color:#009357;}
.cal-select{background-color:#F37521;color:#fff}
.cal-end{background-color: #777;color:#ccc}
.cal-avail{background: url(../images/common/board/noti_box_bg.png) repeat 0 0;font-weight:500;}

/* reser_insert */
.calendar_result {margin:0px 0 11px;text-align:center;border:3px solid #009357; font-size:18px; font-weight:500; line-height:38px;height:38px}
.cont-box .row { background:#FFF}
.insert_result{text-align:center;padding:30px 0px;font-size:18px; font-weight:500;}

/* FOREST001 임업시험연구 */
.study_box { min-height:230px; padding:3% 2% 0;}
.study_box.img01 {background: url(../images/content/study_box_img01.jpg) no-repeat 50% 0;}
.study_box.img02 {background: url(../images/content/study_box_img02.jpg) no-repeat 50% 0;}
.study_box.img03 {background: url(../images/content/study_box_img03.jpg) no-repeat 50% 0;}
.study_box .box {display: table; width:100%; padding:20px; margin: 0 auto; background:rgba(0,51,51,0.7); box-sizing: border-box;margin-top:40px;}
.study_box .box .item {position:relative; top:0; left:0; display:table-cell; width:20%; color:#fff; text-align:center;padding: 15px 20px; font-size:16px}
.study_box .box .item:after {position:absolute; top: 50%; left: 0; content: ''; display: block; width: 1px; height: 60px; margin-top: -30px; background: rgba(255,255,255,.5);}
.study_box .box .item:first-child:after {display:none;}

.lst_study > li { float: left; padding-bottom:10px; width: 50%;}
.lst_study li > div {margin:0 5px; border:1px solid #ebeef5}
.lst_study li > div dt, .lst_study li > div dd {display:block;}
.lst_study li > div dt { position:relative; padding:0px; font-size:16px; color:#009357; position:relative; min-height:40px}
.lst_study li > div dt .num {position:absolute;top:0px; left:0px;display:block;width:40px;height:40px;font-size:18px;background: url(../images/main/quick_btn.gif) no-repeat 0 0; color:#FFF; line-height:40px; text-align:center}
.lst_study li > div dt span {display:inline-block; line-height:18px; padding:11px 5px 11px 50px}
.lst_study li > div dd {padding:5px 10px 20px 50px;border-top: 1px dotted #dadada;display:none}

/* FOREST002 나무병원 */
.lst_tree > li { float: left; padding-bottom: 8px; width: 50%; margin-bottom:60px}
.lst_tree > li.li02 { float: left; padding-bottom: 8px; width: 100%; margin-bottom:40px}
.lst_tree li > div {margin:0 5px;}
.lst_tree li > div dt, .lst_tree li > div dd {display:inline-block;vertical-align:top; min-height:120px}
.lst_tree li > div dt { width:200px; position:relative; border-top:1px solid #009357; padding:10px 0px 0 10px; font-size:20px; color:#009357; margin-right:20px; background-position: 90% 80%; background-repeat:no-repeat}
.lst_tree li > div dt.tree_ic01 {background-image:url('../images/content/tree_ic01.png')}
.lst_tree li > div dt.tree_ic02 {background-image:url('../images/content/tree_ic02.png')}
.lst_tree li > div dt.tree_ic03 {background-image:url('../images/content/tree_ic03.png')}
.lst_tree li > div dt.tree_ic04 {background-image:url('../images/content/tree_ic04.png')}
.lst_tree li > div dt.tree_ic05 {background-image:url('../images/content/tree_ic05.png')}
.lst_tree li > div dt.tree_ic06 {background-image:url('../images/content/tree_ic06.png')}
.lst_tree li > div dt span { font-size:16px; }
.lst_tree li > div dd {width:60%;padding-top:10px;}
.lst_tree02 {border-top:1px solid #CCC; border-bottom:1px solid #CCC; overflow:hidden}
.lst_tree02 > li { padding:40px 0; width: 100%; border-bottom:1px dotted #dadada }
.lst_tree02 > li:last-child {border-bottom:0px}
.lst_tree02 li > div { overflow:hidden}
.lst_tree02 li > div .month {display:inline-block;width:40px;height:40px;font-size:18px;background:#F37521; color:#FFF; line-height:40px; text-align:center; margin-right:10px}
.lst_tree > li.none { float:none; width:100%}

/* FOREST003 치유의 숲 */
.lst_tree.forest li > div dt { background-position: 90% 80%; background-repeat:no-repeat}
.lst_tree li > div dt.forest_ic01 {background-image:url('../images/content/forest_ic01.png')}
.lst_tree li > div dt.forest_ic02 {background-image:url('../images/content/forest_ic02.png')}
.lst_tree li > div dt.forest_ic03 {background-image:url('../images/content/forest_ic03.png')}
.lst_tree li > div dt.forest_ic04 {background-image:url('../images/content/forest_ic04.png')}
.lst_tree li > div dt.forest_ic05 {background-image:url('../images/content/forest_ic05.png')}
.cont-box2 li span.num {display:inline-block;width:40px;height:40px;border-radius:40px;background: url(../images/main/quick_btn.gif) no-repeat 0 0; color:#FFF; line-height:40px; text-align:center; margin-right:10px}
.cont-box {padding:18px}
.floor_box { background:#FFF; transition:all .3s ease}
.floor_box:after {content: ""; display: block; overflow:hidden; clear:both}
.floor_box .floor_tit { float:left; width:260px; background:#969dac; padding:40px 40px 0; height:480px }
.floor_box .floor_tit h4 { font-size:24px; color:#FFF}
.floor_box .floor_tit li { display:block; border:1px solid #FFF; margin-bottom:5px; position:relative}
.floor_box .floor_tit li:before {content:""; display:block; position:absolute; top:20px; left:10px; width:6px; height: 1px;background:#ebeef5;}
.floor_box .floor_tit li a {color:#FFF;background:rgba(255,255,255,0); display:block;padding:10px 15px; text-indent:7px; transition:all .3s ease }
.floor_box .floor_tit li a:hover {background:rgba(255,255,255,0.3); text-decoration:none}
.floor_box .floor_map {float:left}
.r-tabs-accordion-title {display:none}

.fmap_box {width:1194px; height:944px; background:url('../images/content/forest_map_area.gif') no-repeat 0 0; position:relative; border:3px solid #969dac}
.fmap_box .fmap_area { float:left; width:910px;position:relative}
.fmap_box .fmap_area .map_all {position:absolute; top:80px; left:83px}
.fmap_box .fmap_area .map_course { position:absolute; top:0px; left:0}
.fmap_box .fmap_area .map_spot {position:absolute; z-index: 100; width:180px; height:130px; padding:5px 4px; background-color:#FFF; box-shadow:0 0 1px 1px rgba(0, 0, 0, 0.2); border-radius:5px}
.fmap_box .fmap_area .map_spot h5 {font-size:14px; font-weight:bold}
.fmap_box .fmap_area .map_spot span { margin-right:3px; background-color:#969dac; color:#fff; font-size:12px; text-align: center; width:25px; height:25px; display: inline-block; line-height: 25px; z-index: 2; border-radius:25px;}
.fmap_box .fmap_area .map_spot .close {position:absolute; z-index: 110; right:5px; top:10px; background:url('../images/content/btn_spot_close.gif') no-repeat 0 0; font-size:0; text-indent:-1000em; width:15px; height:15px;}
#spotBox1 span {background-color:#009999}
#spotBox2 span {background-color:#004c99}
#spotBox3 span {background-color:#b79c16}
#spotBox4 span {background-color:#be2dbd}
#spotBox5 span {background-color:#994c00}
#spotBox6 span {background-color:#6fad33}
.fmap_box .fmap_right {position:absolute; top:0;right:0; width:260px; height:944px; background-color:#969dac;-webkit-box-shadow: -5px 1px 5px 0px rgba(0,0,0,0.19);-moz-box-shadow: -5px 1px 5px 0px rgba(0,0,0,0.19);box-shadow: -5px 1px 5px 0px rgba(0,0,0,0.19);}
.fmap_box:after {contetn:''; display:block; margin-bottom:50px; }
.fmap_box .fmap_tit {background:#363c48;height:90px;padding:35px 0 0}
.fmap_box .fmap_tit h3 { font-size:0px; text-indent:-1000em; background:url('../images/content/forest_map_title.png') no-repeat 0 0; width:200px; height:55px; margin:0px auto}
.fmap_box .fmap_lst ul { width:200px; margin:30px auto 0}
.fmap_box .fmap_lst li { border:1px solid #FFF; margin-bottom:10px;transition:all .3s ease}
.fmap_box .fmap_lst li a {display:block; width:100%; padding:12px 0px; text-indent:10px; color:#FFF}
.fmap_box .fmap_lst li.on a, .fmap_box .fmap_lst li a:hover {text-decoration:none; background:url('../images/content/arr_lst.gif') no-repeat 95% 50%;}
.fmap_box .fmap_lst li.on:nth-child(1) {background-color:#009357}
.fmap_box .fmap_lst li.on:nth-child(2) {background-color:#66cccc}
.fmap_box .fmap_lst li.on:nth-child(3) {background-color:#5a76b9}
.fmap_box .fmap_lst li.on:nth-child(4) {background-color:#fcc900}
.fmap_box .fmap_lst li.on:nth-child(5) {background-color:#de68ef}
.fmap_box .fmap_lst li.on:nth-child(6) {background-color:#f47921}
.fmap_box .fmap_lst li.on:nth-child(7) {background-color:#87ac04}

/* FOREST004 숲아카데미 */
.cont-box2 {border: 1px solid #ccc; overflow: hidden; padding:40px 0;}
.cont-box2 li {width:24.5%; border-left:1px dotted #dadada; text-align:center; float:left}
.cont-box2.width33p li {width:33%;}
.cont-box2.width19p ul {background:url('../images/content/forest_support_line.png') no-repeat 50% 32%; overflow:hidden; background-size:80% 20px}
.cont-box2.width19p li {width:19.5%; border-left:0px; background:url('../images/content/ic_li_next.gif') no-repeat right 30%;}
.cont-box2.width19p li .cycle { display:block; position:relative; width:100px; height:80px;margin:0 auto; font-size:18px;border-radius:200px;background:rgba(255,255,255,1); box-shadow:inset 0 0 0 5px rgba(0, 147, 87, 0.8); padding-top:20px;}
.cont-box2 li:first-child { border-left:0px}
.cont-box2.width19p li:last-child {background:none}
.cont-box2 li > .db { margin-bottom:10px}

.cont-process {overflow: hidden;}
.cont-process ul {background:url('../images/content/forest_support_line.png') no-repeat 0% 45%; overflow:hidden; background-size:60% 20px}
.cont-process li {width:30%; float:left; text-align:center; background:url('../images/content/ic_li_next.gif') no-repeat 75% 45%; padding:0; margin:0}
.cont-process li .cycle { display:block; position:relative; width:100px; height:80px;font-size:18px;border-radius:200px;background:rgba(255,255,255,1); box-shadow:inset 0 0 0 5px rgba(0, 147, 87, 0.8); padding-top:20px;}
.cont-process li:last-child {background:none}
.cont-process li:before {background:none;position:inherit}

#photo-slide { clear:both;height:380px}
#photo-slide ul.bjqs{position:relative; overflow:hidden; display:none}
#photo-slide li.bjqs-slide{position:absolute; display:none; }
#photo-slide ul.bjqs-controls{list-style:none;margin:0;padding:0;z-index:9999;}
#photo-slide ul.bjqs-controls.v-centered li a{position:absolute;font-size:0; text-indent:-1000em;width:45px;height:75px;}
#photo-slide ul.bjqs-controls.v-centered li.bjqs-next a{background:url('../images/main/visual/btnArrow_next.png') no-repeat 0 0; right:1%;}
#photo-slide ul.bjqs-controls.v-centered li.bjqs-prev a{background:url('../images/main/visual/btnArrow_prev.png') no-repeat 0 0; left:1%;}
#photo-slide ul.bjqs-controls.v-centered li a{display:block;}
#photo-slide ol.bjqs-stop {position:absolute;bottom:2px; left:6px ;z-index:99;}
#photo-slide ol.bjqs-markers{width:200px; position:absolute; bottom:5px; left:35px !important;}
#photo-slide ol.bjqs-markers.h-centered{text-align:center;}
#photo-slide ol.bjqs-markers li{display:inline;}
#photo-slide ol.bjqs-markers li a{display:inline-block;padding:5px 10px;color:#CCC;margin:5px;text-decoration:none; font-size:13px}
#photo-slide ol.bjqs-markers li.active-marker a, #photo-slide ol.bjqs-markers li a:hover{background: #999;}
#photo-slide ol.bjqs-stop {position:absolute;bottom:17px;left:1%; z-index:99;}
#photo-slide ol.bjqs-stop li > a {width:12px; height:12px; display:block; text-indent:-9999em;font-size:0}
#photo-slide ol.bjqs-stop li.pause a {background:url('../images/main/visual/visual_pause.png') no-repeat 0 0;}
#photo-slide ol.bjqs-stop li.play a {background:url('../images/main/visual/visual_play.png') no-repeat 0 0;}
#photo-slide p.bjqs-caption{display:block;width:96%;margin:0;padding:1% 2%;position:absolute;bottom:0;text-align: right;background: rgba(0,0,0,0.4); font-size:16px; color:#FFF}

.lst_tree li > div dt.child_ic01 {background-image:url('../images/content/child_ic01.png')}
.lst_tree li > div dt.child_ic02 {background-image:url('../images/content/child_ic02.png')}
.lst_tree li > div dt.child_ic03 {background-image:url('../images/content/child_ic03.png')}
.lst_tree li > div dt.child_ic04 {background-image:url('../images/content/child_ic04.png')}
.lst_tree li > div dt.child_ic05 {background-image:url('../images/content/child_ic05.png')}
.lst_tree li > div dt.child_ic06 {background-image:url('../images/content/child_ic06.png')}
.lst_tree li > div dt.child_ic07 {background-image:url('../images/content/tree_ic02.png')}
.lst_tree li > div dt.child_ic08 {background-image:url('../images/content/tree_ic05.png')}
.lst_tree li > div dd li {font-size:16px}
.lst_tree li > div dd.child_lst {width:79%}
.lst_tree li > div dd.child_lst li {width:33%; border-left:1px dotted #dadada; text-align:center; float:left}
.lst_tree li > div dd.child_lst li .cycle { display:block; position:relative; width:100px; height:80px;margin:0 auto; font-size:18px;border-radius:200px;background:rgba(255,255,255,1); box-shadow:inset 0 0 0 5px rgba(0, 147, 87, 0.8); padding-top:20px;}
.lst_tree li > div dd.child_lst li:first-child { border-left:0px}
.lst_tree li > div dd.child_lst li:last-child {background:none}
.lst_tree li > div dd.child_lst li > .db { margin-bottom:10px}

/* FOREST004 창여마당 */
.relate-site:before, .relate-site:after {content: "";display: block;clear: both;}
.relate-site.small li {vertical-align:middle; width:19.6%; float:left;position: relative; margin:0 3px 3px 0}
.relate-site li {vertical-align:middle; width:24.6%; float:left;position: relative; margin:0 3px 3px 0}
.relate-site li a {display:block; padding: 20px 25px; border:1px solid #dadada;transition:all .3s ease}
.relate-site li a:hover {border:1px solid #009357; text-decoration:none; color:#009357; font-weight:500;transition:all .3s ease}
.relate-site li a:after { content: "";position: absolute;right: 25px;top: 50%;width:13px;height:13px;background:url('../images/content/ic_window.gif') no-repeat;}

/* FOREST007 연구소소개 */
.intro_box { min-height:200px; padding:5% 4% 0;}
.intro_box.img01 {background: url(../images/content/intro_box_img01.jpg) no-repeat 50% 0;}
.intro_box.img02 {background: url(../images/content/intro_box_img02.jpg) no-repeat 50% 0;}
.intro_box p {color:#FFF; line-height:110%}

.history_box {position:relative; background:url(../images/content/intro_history_line.gif) repeat-y 190px 0px; overflow:hidden}
.history_lst {position:relative;}
.history_lst h3 { width:203px;height:120px; font-size:20px; color:#FFF; padding:50px 0 0 37px;line-height:24px}
.history_lst h3 strong { font-size:30px}
.history_lst .history_ic01 {background:url(../images/content/intro_history_ic01.png) no-repeat}
.history_lst .history_ic02 {background:url(../images/content/intro_history_ic02.png) no-repeat}
.history_lst .history_ic03 {background:url(../images/content/intro_history_ic03.png) no-repeat}
.history_lst > li { clear:both;}
.history_lst li > div {margin-top:50px}
.history_lst .history li {margin:10px 0;}
.history_lst .history li:after {clear:both;content:"";display:block;}
.history_lst .history li strong {margin-right:5px}
.history_lst .history_pt li {float:left; margin-left:10px}
.history_lst .history_pt li:first-child {margin-left:0}
.history_lst .history_pt .thumb{display:block;overflow:hidden;position:relative;width:310px;height:200px}
.history_lst .history_pt .thumb img{display:block;width:310px;height:200px;border:0}
.history_lst .history_pt .thumb em{position:absolute;bottom:0;left:0;width:305px;height:25px; line-height:25px; font-size:13px; text-align:right; padding-right:5px;background:rgba(0, 0, 0, 0.5);color:#FFF;white-space:nowrap}

.organization {position:relative; background: url(../images/content/intro_org_grid.gif) no-repeat center 195px; min-height:470px; margin-bottom:30px}
.organization ul {clear:both;overflow:hidden;}
.organization .org01 {background: url(../images/content/intro_org_bg.gif) no-repeat 34% 19%;}
.organization .org01 strong {display:block;background:#FFF; border-radius:200px; border:5px solid #009357; width:180px; height:125px; padding:55px 0 0; font-size:20px; font-weight:bold; text-align:center; margin:0 auto}
.organization .org01 > ul {margin:80px auto 0; width:1065px;}
.organization .org01 > ul > li {text-align:center;float:left; width:210px; margin:0 25px}
.organization .org01 > ul > li span {width:210px;padding:15px 0; background:#FFCD00;display:inline-block; font-size:16px;font-weight:500;box-shadow:0 0 3px 1px rgba(0, 0, 0, 0.2);}
.organization .org01 > ul > li:last-child span { background:#a8de64}
.organization .org01 > ul > li:last-child > ul > li {border:2px solid #a8de64}
.organization .org01 > ul > li > ul {margin-top:10px;}
.organization .org01 > ul > li > ul > li {border:2px solid #FFCD00; padding:5px 0; width:206px; margin-bottom:5px}
table.organization {table-layout:inherit;min-height:auto}
table.organization tbody th {vertical-align:middle; width:15%}
table.organization tbody td.dep01 li {text-align:left;}

.vision_box {position:relative; clear:both; text-align:center; padding-top:100px; margin-bottom:30px}
.vision_box:before {content:''; display:block; }
.vision_box h3 { position:absolute; top:0%; left:50%; margin:0 0 0 -60px; display:block; background:url(../images/content/bg_pattern01.gif) repeat; border-radius:120px; width:120px; height:85px; padding:35px 0 0;}
.vision_box h3 span {font-size:20px; color:#FFF; line-height:20px}
.vision_box .bg01 {background:#FFF url(../images/content/patenet_bg.png) no-repeat right 25%;}
.vision_box .bg02 {background:url(../images/content/intro_vision_bg01.jpg) no-repeat; min-height:150px; padding:2%}
.vision_box .bg03 {background:url(../images/content/intro_vision_bg02.jpg) no-repeat; min-height:250px; padding:2%}
.vision_box .box {display: table; width:100%; padding:20px; margin: 0 auto; background:rgba(0,51,51,0.7); box-sizing: border-box;}
.vision_box .box .item {position:relative; top:0; left:0; display:table-cell; width:20%; color:#fff; text-align:center;padding: 15px 20px; font-size:16px}
.vision_box .box .item:after {position:absolute; top: 50%; left: 0; content: ''; display: block; width: 1px; height: 60px; margin-top: -30px; background: rgba(255,255,255,.5);}
.vision_box .box .item:first-child:after {display:none;}
.vision_box .lst strong {width:210px;padding:15px 0; background:url(../images/content/bg_pattern02.gif) repeat;display:inline-block; font-size:16px;font-weight:500;box-shadow:0 0 3px 1px rgba(0, 0, 0, 0.2);}
.vision_box .lst p { color:#FFF}
.vision_box .lst > ol > li {min-height:275px}
.vision_box .lst > ol > li > ul {margin:10px auto 0; width:210px;}
.vision_box .lst > ol > li > ul > li  {border:2px solid #FFCD00; padding:5px 15px; background:rgba(255, 255, 255, 0.8); width:176px; margin-bottom:5px; float:none}

.mmap_box {width:1194px; height:1044px; position:relative; border:3px solid #969dac}
.mmap_box .map_course { position:absolute; top:0px; left:0}
.mmap_box .map_spot {position:absolute; z-index: 100; width:180px; height:140px; padding:5px 4px; background-color:#FFF; box-shadow:0 0 1px 1px rgba(0, 0, 0, 0.2); border-radius:5px}
.mmap_box .map_spot h5 {font-size:16px; font-weight:bold; border-bottom:1px solid #009357; padding-bottom:5px;}
.mmap_box .map_spot span { margin-right:3px; background-color:#009357; color:#fff; font-size:12px; text-align: center; width:25px; height:25px; display: inline-block; line-height: 25px; z-index: 2; border-radius:25px;}
.mmap_box .map_spot .close {position:absolute; z-index: 110; right:5px; top:10px; background:url('../images/content/btn_spot_close.gif') no-repeat 0 0; font-size:0; text-indent:-1000em; width:15px; height:15px;}
.mmap_box .map_spot.spot1 {width:340px;}
.mmap_box .map_spot.spot1 dt.pt, .mmap_box .map_spot.spot2 dt.pt { float:left;  width:180px;}
.mmap_box .map_spot.spot1 dd.txt { float:right;overflow-y:auto;width:150px;padding-right: 5px;height:100px; font-size: 13px;text-align:justify}
.mmap_box .map_spot.spot2 {width:400px; height:200px}
.mmap_box .map_spot.spot2 dd.txt { float:right;overflow-y:auto;width:205px;padding-right: 5px;height:155px; font-size: 13px;text-align:justify}

.map_box { position: relative;height: 420px;overflow: hidden;}
.map_info { position: relative; background:#ebeef5; padding:2% 4%; box-sizing: border-box;overflow: hidden;}
.map_info li {position: relative; float:left; padding-left:70px; min-height:60px; margin-bottom: 5px; width:20%}
.map_info li:before {background: url(../images/content/intro_map_ic.png) no-repeat; background-size: cover; display: block;content: "";width: 60px; height: 60px; position: absolute;  left: 0;}
.map_info li.addr:before { background-position:0 0 }
.map_info li.tel:before { background-position:-60px 0px }
.map_info li.fax:before {background-position: -120px 0;}
.map_info li .tit {position: relative; font-weight:400;display:inline-block;padding:2px}
.map_info li .txt { display: block; font-size:18px; font-weight: 500;}
.course_cont ul li { float:left; text-align:center; position:relative; display:inline-block; vertical-align:middle; width:16.5%;}
.course_cont ul li .course_img {margin:0 auto 30px; display:block; border-radius:85px; width:85px; height:85px; border:2px solid #FFF;box-shadow:0 3px 5px 0px rgba(0, 0, 0, 0.1); }
.course_cont ul li .course_img img {height:85px}
.course_cont ul li .course_name {display: inline-block;vertical-align: middle;border-top:1px dotted #dadada;padding-top:20px;width:100% }
.course_cont ul li .m_arrow { display:inline-block; width:30px; height:30px; border-radius:30px; font-style:normal; background: url(../images/main/quick_btn.gif) no-repeat 0 0; color:#FFF; line-height:30px; text-align: center; margin:0 -15px; position:absolute; top:105px; left:50%;}

/* */
.cont-box3 {border:1px solid #dadada; overflow: hidden; padding:0.3em 1em; margin:5px 0; background:#f6f6f6; font-size:13px;}
.reser_wrap > .reser_lst > li { width:100%}
.reser_box .result_money {border:1px dotted #DDD; background-color:#f6f6f6; border-radius:5px;margin-top:5px}
.reser_box .result_money ul {padding:10px 20px;}

/*완도수목원 조직도*/
.wando_org {margin-bottom:30px; position:relative; height:650px; background: url(../images/content/wando_org_Bg.png) no-repeat 55px 0;}
.wando_org h5 {background-color:#3ea9c1; color:#fff; width:22%; text-align:center; margin:0 auto; height:40px; line-height:40px; font-size:1.250em; margin-bottom:50px; font-weight:600; border-radius:15px;}
.wando_org dl {float:left; width:24%; margin-left:3%; padding-left:6%}
.wando_org dl dt {background-color:#7c8dc5; color:#fff; width:65%; text-align:center; height:40px; line-height:36px; font-size:1em; margin-bottom:8px; font-weight:500; border-radius:10px;}
.wando_org dl dd {background-color:#e9e9e9; width:65%; text-align:center; height:30px; line-height:30px; font-size:0.9em; margin-bottom:5px; font-weight:400; border-radius:10px;}
.wando_org dl dd.team01 {background-color:#c1e5ee;}

/*완도수목원 안내도*/
.wando_course dl dt {position:relative;padding-left:20px;margin:5px 0; font-size:1.15em; font-weight:500; margin-bottom:5px;}
.wando_course dl dt:before {position:absolute; top:10px; left:10px; content:""; display:block; width:5px; height:3px; background-color:#009357;}
.wando_course dl dd {margin-bottom:30px; background-color:#333; padding:20px 15px; border-radius:15px; color:#fff;}
.wando_course dl dd.box02 {background-color:#e3eed0; color:#333;}

.wando_useBox01 {background-color:#f0f0f0; margin:5px 0 35px 0; padding:10px 25px; border-radius:15px;}
.wando_useBox01 ul li {font-size:0.9em;}
.wando_useBox01 ul li:before {background:none;}
.wando_useBox01 p {font-weight:500;}

dl.experience01 {width:200px; height:138px; float:left; margin:0 55px 35px 0px;}
dl.experience01 dt img {border-radius:15px;}
dl.experience01 dd {padding-left:6px;}