@charset "utf-8";

.mview {display:none}

@media all and (min-width:1025px) {
	.fmap_menu {display:none}
}

@media screen and (max-width:1024px) {
	#wrap .top_wrap #logo {left:0; margin-left:20px}
	#wrap .util_wrap .util li.home {display:none}
	#wrap .util_wrap .util ul li:nth-child(2) {border-left:0px}

	/** header **/
	div#lnb {width:100%; max-width:100%}
	div#lnb .headermenu_ul > li > a {width:136.5px}
	div#lnb .hmenu2deps {padding:0 10px; width:11.4%}
	div#lnb.active .hmenu2deps {padding:10px 10px 40px;}
	div#lnb .all-menu {right:0}

	/** footer */
	#footer {max-width:96%; }

	/* common */
	.content_body {padding-top:0}

	/** main **/
	/* visual */
	.visual_wrap, #visual-fade {height:500px !important}
	.visual_wrap .visual, .visual_wrap .visual li {height:500px !important}
	.visual_wrap .visual li div h3 {margin-top:50px; font-size:36px}
	.visual_wrap .visual li div span {margin-top:10px}
	ol.bjqs-markers {bottom:310px}
	ol.bjqs-stop {left:45%;bottom:310px}
	/* content */
	.news_wrap, .quick_wrap {max-width:100%; padding:40px 0 20px}
	.news_wrap h3, .quick_wrap h3 {font-size:32px; margin-bottom:30px}
	.news_box > ul > li {width:24.96%;height:275px}
	.news_box > ul > li > a {padding:25px 20px 25px 35px }
	.news_box > ul > li > a .news_lst .tit {font-size:20px}
	.news_box > ul > li > a .label_new {top:-25px;}
	.news_box > ul > li > a .news_lst .txt {margin-bottom:40px}
	.news_box > ul > li .popup_zone {padding:20px 0 0 20px}
	.popup_zone > .mainVInfo_Popup li a.popupZoneImg img {width:100%;}
	.forest_wrap {background-size:cover;height:345px}
	.forest_wrap .forest_box {max-width:100%;height:auto}
	.forest_box > .cure {padding:60px 0 0 20px }
	.forest_box .tit {margin-bottom:25px}
	.forest_box .tit:after {width:55%}
	.forest_box .cont {font-size:24px}
	.forest_box > .child {padding:100px 20px 0 0}
	.forest_box > .child .tit:after {width:50%}
	.quick_wrap {padding-bottom:30px}
	.quick_box ul li a span.quick {width:125px; height:125px; border-radius:125px}
	.quick_box ul li a span.quick:after {width:125px; height:125px; background-size:50%}
	.quick_box ul li a span.text {margin-top:10px; font-size:16px}
	.forest_box a .btn_go, .quick_box ul li a span.btn_go {width:105px; padding-left:10px; background-position:70% 50%}
	.banner_wrap {max-width:100%}

	/** container **/
	/** common **/
	.row {max-width:96%; margin:0 auto}
	.content_body {max-width:96%}
	#content_detail > .title {margin-bottom:20px}
	#content_detail h2 {font-size:28px}
	.tabmenu_3depth {margin-top:20px}

	/* manager */
	.manager_lst {width:auto}

	/* FOREST001 */
	.study_box .box .item {font-size:14px; padding:15px 10px}
	.lst_study li > div dt {font-size:14px}
	.basic_sch.patenet .slt_box select {width:50%}
	.basic_sch.patenet .input_box {width:75% }
	.basic_sch.patenet input {width:60%}
	.subject_thmb dt {width:20%}
	.subject_thmb dd {width:70%}
	.pgm_table .subject_thmb .cont {width:72%}
	.pgm_box {background-position:130% 1000% }
	.pgm_box .subject_thmb .thmb {width:280px;height:180px; margin-right:20px}
	.pgm_box .subject_thmb .cont {width:65%}
	.pgm_box .subject_thmb dd {width:70%}
	.pgm_box .subject_thmb .patenet_btn {position:inherit}
	.pgm_step li.total {display:none}
	.pgm_step li {width:33.3%}


	/* FOREST003 */
	.fmap_box {width:auto;height:875px}
	.fmap_box .fmap_area {width:100%}
	.fmap_right {display:none}
	.fmap_menu {background:#363c48;padding:20px;overflow:hidden;}
	.fmap_menu.mview {display:block}
	.fmap_menu:after {clear:both;content:''}
	.fmap_menu .fmap_tit {background:none;height:auto; padding:0;display:inline-block}
	.fmap_menu div { float:left}
	.fmap_menu .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;}
	.fmap_menu .fmap_lst {width:73%; margin-top:10px}
	.fmap_menu .fmap_lst li { float:left;border:1px solid #FFF; margin:0px 0px 5px 5px;transition:all .3s ease; width:23.9%}
	.fmap_menu .fmap_lst li a {display:block; width:100%; padding:8px 0px; text-indent:10px; color:#FFF}
	.fmap_menu .fmap_lst li.on a, .fmap_menu .fmap_lst li a:hover {text-decoration:none; background:url('../images/content/arr_lst.gif') no-repeat 95% 50%;}
	.fmap_menu .fmap_lst li.on:nth-child(1) {background-color:#009357}
	.fmap_menu .fmap_lst li.on:nth-child(2) {background-color:#66cccc}
	.fmap_menu .fmap_lst li.on:nth-child(3) {background-color:#5a76b9}
	.fmap_menu .fmap_lst li.on:nth-child(4) {background-color:#fcc900}
	.fmap_menu .fmap_lst li.on:nth-child(5) {background-color:#de68ef}
	.fmap_menu .fmap_lst li.on:nth-child(6) {background-color:#f47921}
	.fmap_menu .fmap_lst li.on:nth-child(7) {background-color:#87ac04}
	.floor_box .floor_tit {float:none;padding:10px 0px; width:100%;height:auto; overflow:hidden}
	.floor_box .floor_tit h4 {padding-left:40px}
	.floor_box .floor_map {float:none; text-align:center}
	.floor_lst.mt30 {margin-top:10px !important}
	.floor_lst ul {padding:0 40px}
	.floor_box .floor_tit li {width:24%; margin-left:5px; float:left}
	.floor_box .floor_tit li:first-child {margin-left:0}
	.m_fmap_map {display:none !important}

	/* FOREST004 */
	.lst_tree > li {margin-bottom:20px}
	.lst_tree li > div dt {width:155px; margin-right:10px}
	.lst_tree li > div dt.tree_ic01, .lst_tree li > div dt.tree_ic02, .lst_tree li > div dt.tree_ic03 ,
	.lst_tree li > div dt.tree_ic04, .lst_tree li > div dt.tree_ic05 ,.lst_tree li > div dt.tree_ic06 {background-size:35%}
	.edu_lst .subject_thmb .cont {width:58%}
	.edu_lst .subject_thmb dt {width:12%}
	.edu_lst .subject_thmb dd {width:73%}
	.pgm_box.edu_bg {background-position:110% 15%}
	.pgm_box.edu_bg .edu_lst .subject_thmb dt {width:12%}
	.edu_lst .subject_thmb dd {width:73%}
	/* FOREST05 */
	.activityGallerylayer .galleryBox {height:145px}

	/* FOREST006 */
	.product_box .width75p {width:65% !important}
	.product_box .c-dllist02 dd {width:60% !important}

	/* FOREST007 */
	.intro_box {min-height:auto;padding:5% 4%}
	.intro_box.img01 {background-size:100%}
	.history_lst {padding-bottom:50px}
	.history_lst .photo {width:90%}
	.history_lst .photo img {height:auto}
	.history_lst:nth-child(odd) h3:after {width:59%}
	.mmap_box {width:100%;height:auto}
}

@media all and (max-width:1023px) {
	/** header **/
	#wrap .top_wrap #logo {left:0; margin-left:20px}
	#wrap .util_wrap .util { margin-right:80px}
	#wrap .util_wrap .util li.home {display:none}
	#wrap .util_wrap .util ul li:nth-child(2) {border-left:0px}
	#header-wrap, #lnb {display:none}

	#container-wrap {margin-top:0}

	/** mobile menu **/
	.mview {display:block}
	.body-slide-wr {position:relative;width:100%;height:100%;transition:margin 0.5s ease;}
	.body-slider-ovclick {position:fixed;z-index:80;width:100%;height:100%;left:0;top:0;background:rgba(0,0,0,0.5);}

	#mainNavi-wrap {position:absolute;top:0;right:0;overflow:inherit;z-index:999}
	#mainNavi-wrap .bt-mnall {display:block;position:absolute;top:17px;right:15px;overflow:hidden;width:50px;height:50px;z-index:2300;border:0;background:url(../images/common/ic_allmenu.png) no-repeat;}
	#mainNavi {position:fixed;transition:right 0.3s ease;z-index:9999;right:-230px;top:0px;width:230px;height:100%;/*min-height:300px;*/background:#fff;overflow-y:scroll;overflow-x:hidden}
	#mainNavi:after {position:absolute;bottom:20px;right:50px;content:"";display:block;width:141px;height:121px;z-index:100}
	#mainNavi.mn-h-open {right:0;overflow-x:visible}
	.mainNavi-ban, .btn-amenu {display:none;}
	.tmn-global {text-align:center;background:#002445;font-size:14px;}
	.mn-h-open .tmn-global li a {color:#fff;display:inline-block;vertical-align:top;padding:10px 10px}
	.mn-h-open .tmn-global li a:before {content:"";display:inline-block;vertical-align:middle;width:26px;height:26px;background:url(../images/common/header_spr.png) no-repeat -32px 0;margin-right:15px;margin-top:-2px;}
	.tmn-tit {display:block;padding:17px 20px 10px 20px;height:80px;overflow:hidden;color:#fff;background:#009357;font-size:20px;font-weight:700;line-height:43px;box-sizing:border-box;}
	.mn-h-open .bt-mnclose {display:block;position:absolute;top:26px;right:20px;width:30px;height:30px;border:0;z-index:3000;background:transparent}
	.mn-h-open .bt-mnclose:before, .mn-h-open .bt-mnclose:after {content:"";display:block;position:absolute;top:0;left:50%;width:2px;height:100%;background:#fff;}
	.mn-h-open .bt-mnclose:before {transform:rotate(-45deg);}
	.mn-h-open .bt-mnclose:after {transform:rotate(45deg);}
	.mn-bar {display:none;}
	.topmenu {width:100%;display:block;position:relative;z-index:400}
	.topmenu:after {display:block;content:"";clear:both;}
	.topmenu li {line-height:1.3em;position:relative;text-align:left;}
	.topmenu a {position:relative;}
	.topmenu .tgl-btn {display:block;}
	.topmenu .mn_l1 {display:block;float:left;width:100%;border-bottom:1px solid #d3d3d3;}
	.topmenu .mn_l1.is-open {border-color:#b9b9b9}
	.topmenu .depth1-wrap .first {border-top:0px solid #ddd;}
	.topmenu .mn_a1 {position:relative;display:block;background-color:#fff;background-position:left top;background-repeat:repeat;}
	.topmenu .mn_a1 span {display:inline-block;vertical-align:middle;padding:16px 20px 15px 20px;overflow:hidden;font-size:16px;font-weight:500;letter-spacing:-1px;cursor:pointer;text-align:left}
	.topmenu .mn_a1[target=_blank] span:after {position:absolute;top:22px;right:24px;content:"";display:inline-block;vertical-align:middle;width:14px;height:14px;margin-left:5px;}
	.topmenu .mn_a2[target=_blank] span:after, .topmenu .mn_a3[target=_blank] span:after {content:"";display:inline-block;vertical-align:middle;width:10px;height:10px;margin-top:-2px;margin-left:8px;}
	.topmenu .is-open .mn_a1 span, .topmenu .over .mn_a1 span {color:#fff;}
	.topmenu .is-open .mn_a1, .topmenu .over .mn_a1 {background-color:#007646}
	.topmenu .has-sub .tgl-btn {padding:0;display:block;width:35px;height:35px;position:absolute;right:17px;top:8px;border:0;z-index:100;text-indent:-9999em;background:transparent;background:url(../images/common/header_spr.png) no-repeat 0 -149px}
	.topmenu .has-sub.is-open.mn_l1 > .tgl-btn {background-position:-74px -149px}
	.topmenu .mn_l1.has-sub.over.is-close > .tgl-btn {background-position:-37px -149px}
	.topmenu .mn_l1 > .tgl-btn {right:10px;top:9px;}
	.topmenu .mn_l2 > .tgl-btn {right:10px;top:3px;background-position:0 -149px}
	.topmenu .mn_l2.has-sub.is-open > .tgl-btn {background-position:-111px -149px}

	.topmenu li > div {display:none;}
	.topmenu .depth1-wrap {position:relative;}
	.topmenu .depth1-tit {display:none;}
	.topmenu .depth1 .blt {display:none !important;}
	.topmenu .mn-stit {display:none;}
	.topmenu .depth1 {position:relative;width:100%;padding-top:0px;padding-bottom:0px;}
	.topmenu .depth1:after {clear:both;content:"";display:block}
	.topmenu .depth1 li {width:100%;float:left;font-size:14px;line-height:1.3em;}
	.topmenu .depth1 a {display:block;}
	.topmenu .depth1 .mn_l2 {border-top:1px dotted #969dac;background:#ebeef5;}
	.topmenu .depth1 .mn_l2.first , .topmenu .depth1 .mn_l2:first-child {border-top:0px}
	.topmenu .depth1 .mn_a2 {display:block;padding:13px 20px 12px 20px;text-align:left;font-size:14px;text-decoration:none;}
	.topmenu .depth1 .mn_a2 span {cursor:pointer;word-wrap:break-word;word-break:keep-all;}/*on*/
	.topmenu .mn_l2.over .mn_a2 span, .topmenu .mn_l2.mn_a2:hover span, .topmenu .mn_l3.over .mn_a3 span, .topmenu .mn_l3.mn_a3:hover span {color:#09328a;}
	.topmenu .depth3-wrap {padding:10px 25px 15px}
	.topmenu .depth3 {position:relative;width:100%;}
	.topmenu .depth3 li {width:100%;float:none;color:#fff;border-top:0;overflow:hidden;text-align:left;text-indent:8px;}
	.topmenu .depth3 .mn_a3 span {position:relative;display:inline-block;vertical-align:middle;margin:5px 5px 5px 14px;word-break:break-all;font-size:14px}
	.topmenu .mn_a3[target=_blank] span:after {position:relative;top:auto;right:auto;width:10px;height:10px;margin-left:5px;margin-top:-2px;}
	.topmenu .depth3 .over span {font-weight:normal;color:#fff;text-decoration:underline;}
	.topmenu .depth3 li:before { position: absolute; top:7px;left: 0;content: "";display: block;width:3px;height: 3px;background:#009357;}
	.topmenu .mn_l2.is-open .mn_a2 {background-color:#969dac}
	.topmenu .mn_l2.is-open .mn_a2 span {color:#FFF}

	#mainNavi .hub_link {width:auto; padding:5px 0;overflow:hidden}
	#mainNavi .hub_link li {float:left;}
	#mainNavi .hub_link li a {display:block; border-bottom:0; color:#fff; height:80px; }
	/* FOREST03 */
	.m_fmap_map {display:block !important}
	.fmap_menu, #forest_map {display:none !important}
}
@media all and (max-width:823px) {
	.m_none {display:none}
	/** footer **/
	#footer .logo { float:left}
	#footer .address {margin-top:20px}
	.layerPopup0 {display:none}

	/** main **/
	.news_wrap .news_box {height:auto}
	.news_box > ul > li {width:49.96%;height:auto}
	.news_box > ul > li:nth-child(2) {border-right:0px}
	.news_box > ul > li:nth-child(3), .news_box > ul > li:nth-child(4) {border-top:1px solid #D9D9D9}
	.news_box > ul > li > a .news_lst .pt img {width:100%}
	.news_box > ul > li .popup_zone {padding:25px 20px 25px 35px}
	.forest_box > .cure {padding-top:40px}
	.forest_box > .child {padding-top:125px}
	.forest_box > .child .tit:after {width:36%}
	.quick_box ul li a span.quick {width:100px;height:100px;border-radius:100px}
	.quick_box ul li a span.quick:after {width:100px;height:100px;}
	.forest_box a .btn_go, .quick_box ul li a span.btn_go {width:90px}

	/** common **/
	#location-wrap .location > .useric .snsShare .btnArea { border-left:0px}
	#location-wrap .location > .useric p.print {display:none}
	/*.tabmenu_3depth li {height:auto}
	.tabmenu_3depth li a {line-height:24px}
	.tabmenu_3depth li.on a:after {display:none}*/

	/** container **/
	/* FOREST001 */
	.basic_sch .row {padding:20px 40px}
	.basic_sch.patenet input {width:57%}
	.subject_thmb .cont {width:66%}
	.subject_thmb dd {width:70%}
	.pgm_box {background:none}
	.pgm_box .subject_thmb .thmb {width:230px; height:160px}
	.pgm_box .subject_thmb .cont {width:60%}
	.pgm_box .subject_thmb h3 {font-size:20px}
	.pgm_step li:first-child {padding-left:25px}
	.pgm_step li.total {display:none}
	.pgm_step .num {margin-right:3px; display:none}
	.pgm_table thead, .pgm_table .num, .pgm_table .date {display:none}
	.pgm_table tbody tr {border-bottom:1px solid #969dac}
	.pgm_table tbody td {display:block; text-align:left;overflow:hidden;border:0px}
	.pgm_table .cate {width:auto}
	.pgm_table .subject {padding:10px; border-top:1px dotted #dadada}
	.pgm_table .subject_thmb .cont {width:78%}
	.pgm_table .subject_thmb h4 {width:100%; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
	/* FOREST002 */
	.lst_tree li > div dt, .lst_tree li > div dd {width:90%; min-height:110px} /* 2019-01 수정 */
	.lst_tree li > div dt.tree_ic01, .lst_tree li > div dt.tree_ic02, .lst_tree li > div dt.tree_ic03 ,
	.lst_tree li > div dt.tree_ic04, .lst_tree li > div dt.tree_ic05 ,.lst_tree li > div dt.tree_ic06 {background-size:22%}
	#content_detail.content_body .lst_tree02 .width30p img {max-width:60%}
	.lst_tree02 > li {padding:20px 0}
	.gove img {width:280px; height:180px}
	/* FORESR003 */
	.lst_tree > li.width100p div dt, .lst_tree > li.width100p div dd.width80p {width:97% !important; margin-right:0}
	.fmap_menu div {float:none}
	.fmap_menu .fmap_lst {width:100%}
	.fmap_box {background-position:35% 0}
	#spotBox0 img {max-width:785px !important}
	.floor_box .floor_tit {float:none;padding:10px 0px; width:100%;height:auto; overflow:hidden}
	.floor_box .floor_tit h4 {padding-left:30px}
	.floor_box .floor_map {float:none}
	.floor_lst.mt30 {margin-top:10px !important}
	.floor_lst ul {padding:0 30px}
	.floor_box .floor_tit li:first-child {margin-left:0}
	.floor_box .floor_tit li a {padding-right:5px}
	.member-step ol {width:100%}
	.reser_wrap {min-height:auto}
	#reserInsertForm .fl.width50p, #reserInsertForm .fr.width50p {float:none !important; width:100% !important}
	#reserInsertForm .fr.width50p {margin-top:20px}
	.calendar_result {padding:10px 0}
	.fr .reser_wrap:before {border-left:0px}
	.mypage .num {display:inherit}
	.mypage .write {display:none}
	.pgm_table.mypage {border:0px}
	.pgm_table.mypage tbody tr {width:44%;float:left; border:1px solid #dadada; margin:0 5px 10px;padding:20px 15px}
	.pgm_table.mypage tbody tr:hover {border:1px solid #009357; cursor:pointer}
	.pgm_table.mypage tbody td {padding:0px;width:auto !important;display:block}
	.pgm_table.mypage tbody td.pl20 {padding-left:0px !important}
	.pgm_table.mypage tbody td.program {font-weight:bold; font-size:16px;background: #ebeef5;}
	.pgm_table.mypage tbody td.program a {display:block;width:100%; padding:5px 0}
	.pgm_table.mypage tbody td.write {display:none}
	/* 2019-01 추가 */
	.ptn_non { padding:0px; background:none; border-top:1px solid #dadada }
	.ptn_non .fl, .ptn_non .fr {float:none !important; width:100% !important}
	/* FORESR004 */
	.edu_lst .subject_thmb .thmb {width:230px; height:160px; margin-right:20px}
	.edu_lst .subject_thmb .cont {width:61%}
	.edu_lst .subject_thmb dt {width:15%}
	.edu_lst .subject_thmb .btn_detail {position:inherit}
	.lst_tree.child li > div dt.child_ic07, .lst_tree.child li > div dt.child_ic08 {width:96%}
	.lst_tree.child li > div dd.child_lst {width:100%}
	/* FORESR005 */
	.pgm_table.manager tbody td, .pgm_table.manager .date {display:table-cell}
	.pgm_table.manager .num, .pgm_table.manager .read {display:none}
	.pgm_table.manager .date, .pgm_table.manager tbody td {border: solid #d9d9d9; border-width: 0 0 1px 1px;}
	.pgm_table.manager .cate {border-left:0px; width:25% !important}
	.pgm_table.manager .write {width:50%}
	.pgm_table.manager .date {width:25%}
	.activityGallerylayer .galleryCol {width:31%}
	.tac iframe {width:100%; overfloaw-x:auto}
	/* FOREST006 */
	.product_box .width75p {width:65% !important}
	.product_box .c-dllist02 dd {width:60% !important}
	.relate-site li {width:24.5%}
	.relate-site li a {padding:20px 20px 20px 5px;min-height:40px }
	.relate-site li a:after {right:10px;top:25px}
	.relate-site.small li {width:19%}
	/* FOREST007 */
	.intro_box {min-height:auto;padding:3% 4%}
	.history_pt {width:60%}
	.history_lst .history_pt li:nth-child(2),.history_lst .history_pt li:nth-child(3) {display:none}
	.organization .org01 {background:none}
	.organization .org01 > ul {width:100%}
	.organization .org01 > ul > li {margin:0 10px}
	.vision_box .bg01 {background-position:110% 25%}
	.vision_box .lst strong, .vision_box .lst > ol > li > ul {width:95%; font-size:14px}
	.vision_box .lst > ol > li > ul > li {width:auto}
	.map_info {padding:2%}
	.map_info li .txt {font-size:14px}
	.map_info li.width40p {width:85% !important}
	.map_info li.tel, .map_info li.fax {width:39%}
	/* board */
	.ment_bbs {padding:2%; margin-top:0}
	.innersearchpan .searchcombo1 {display:none}
	.innersearchpan .searchcombo3 {float:none}
	.smcstylegroup {text-align:center}
	.innersearchpan .searchcombo3 #searchKeyWord {width:58%}
	.table-responsive .table .read, .table-responsive .table .writer, .table-responsive .table .num {display:none}
	.table-responsive .table colgroup {display:none}
	.table-responsive .table tbody td {vertical-align: middle;}
	.table-responsive .table tbody td.subnamelist_content {border-left:0px}
	.table-responsive .table tbody td.date {width:80px}
	.activityViewBox .ment_bbs {display:none}
	.ViewBoxList > a {width:auto}
	.ViewBoxList > a+a {margin-left:0}
	.comment-wrap .input-area textarea {width:73%}
	.comment-wrap .input-area .btn-register {width:80px}
	.counsel .table .read, .counsel .table .date {display:none}
	.counsel .table .writer{display:table-cell}
	.counsel .table .cate {border-left:0px}
	.counsel .table tbody td.subnamelist_content {border-left:1px solid #DDD}
	/* FOREST008 */
	#sitemap .depth01 > li {width:29%}
}

@media all and (max-width:736px) {
	/** footer **/
	.topBt, .topBt:before {width:40px;height:40px;right:10px}

	/** main **/
	ul.bjqs-controls {display:none}
	/*.quick_box ul li a span.text {font-size:14px}*/
	.visual_wrap {height:420px !important}
	#visual-fade {height:420px !important; overflow:hidden; background-size:cover}
	.visual_wrap .visual, .visual_wrap .visual li {height:420px; !important}
	.visual_wrap .visual li div {width:90%}
	.visual_wrap .visual li div h3 { font-size:26px; margin-top:20px}
	.visual_wrap .visual li div span {display:none}
	ol.bjqs-markers {bottom:330px}
	ol.bjqs-stop {left:45%;bottom:330px}
	.visual_wrap .major_box {bottom:50px}

	/** container **/
	#visual-wrap {display:none}
	.content_body {padding-top:10px}
	.tabmenu_3depth li {display:block; width:33%;float:left}
	.tabmenu_3depth li.on a:after {display:none}
	.tabmenu_3depth li a {font-size:14px}
	.cont_tabmenu li a {font-size:14px;line-height:20px;height:auto}
	/* FOREST001 */
	.basic_sch .row {padding:10px 20px}
	.basic_sch.patenet .slt_box, .basic_sch.patenet .input_box {width:100%;padding-right:0}
	.basic_sch.patenet .slt_box select {width:67%}
	.basic_sch.patenet .input_box select {width:67%}
	.basic_sch.patenet .input_box select.mr10 {margin-right:0 !important}
	.basic_sch.patenet .input_box input {width:67%; margin:5px 0 10px 93px}
	.basic_sch .btn-default-light {width:100%}
	.basic_sch.manager .btn-default-light {width:auto}
	/* FOREST007 */
	.organization .org01 > ul > li, .organization .org01 > ul > li span {width:30%}
	.organization .org01 > ul > li span {width:100%}
	.organization .org01 > ul > li > ul > li {width:auto}
	/* FOREST003 */
	.reser_wrap .calendar_box td div.cont_day {height:auto}
}

@media screen and (max-width:667px) {
	#wrap .util_wrap .util {display:none}
	#location-wrap .location > .path .title {min-width:130px}
	.quick_box ul li a span.text {margin:10px 10px 0;}
	.quick_box ul li a span.btn_go {display:none}
	.cont-box2.picture, .cont-box2.width19p {padding:20px 0}
	.cont-box2.picture li {padding:0 10px;width:19.5%;min-height:185px; display:inline-block; float:none;vertical-align: top;}
	.cont-box2.width19p ul {background:none}
	.cont-box2.width19p li .cycle {width:80px;height:65px;padding-top:15px;font-size:16px}

	/** container **/
	.ment_box .m-tit01 {font-size:20px}
	.manager_box .fr {display:none}
	/* FOREST001 */
	.pgm_table .subject_thmb .cont {width:70%}
	.pgm_box .subject_thmb .thmb {width:220px;height:150px}
	.pgm_box .subject_thmb .cont {width:55%}
	/* FOREST003 */
	.pgm_table.mypage tbody tr {width:39%}
	/* FOREST007 */
	.intro_box.img01 {background-size:cover}
	.intro_box.img01 .font_s36 {font-size:24px !important}
	.intro_box.img01 .font_s24, .intro_box.img01 .font_s30 {font-size:18px !important}
	.width46p.intro {width:100% !important; float:none !important}
	.width46p.fr.intro {margin-top:20px}
	.org .fl {float:none !important}
	.org h3 {margin-bottom:10px }
	.org .pl10.mt15 {padding-left:0 !important; margin-top:0 !important; margin-bottom:20px }
	.organization .org01 > ul > li {margin:0 3px;}
	.course_cont ul li .course_img {width:60px; height:60px}
	.course_cont ul li .m_arrow {top:80px}
	.vision_box .bg01 {background-size:50% auto; background-position:right 100%}
	.vision_box .bg01 strong {display:block}
	.vision_box .bg02, .vision_box .bg03 {background-size:cover}
	.vision_box .bg03 {padding:1%}
	.vision_box .box {padding:20px 10px}
	.vision_box .box .item {padding:0px 5px; font-size:14px}
	.vision_box .lst > ol > li {width:49%; min-height:auto; margin-bottom:20px}
	.vision_box .lst > ol > li > ul > li {padding:5px; font-size:13px}
	.width220px {width:220px}
	.history_lst h3 {width:185px}
	.history_lst li > div {width:40%}
	.history_pt {width:100%}
	.history_lst .history_pt .thumb, .history_lst .history_pt .thumb img {width:100%; height:auto}
	.affair .width40p .tac {display:none}
	.affair .width60p, .mainb li div h4, .mainb li div .width85p {width:100% !important}
	.mainb li div .fl {float:none !important}
	.traffic .width30p {width:25% !important}
	.counsel .table thead {display:none}
	.activityGallerylayer .galleryBox {height:130px}
	.edu_lst .subject_thmb .cont {width:53%}
	.edu_lst .subject_thmb dt, .edu_lst .subject_thmb dd {float:left}
	.edu_lst .subject_thmb dt {width:20%}
	.edu_lst .subject_thmb dd {overflow:hidden;white-space: nowrap; text-overflow: ellipsis;}
}

@media all and (max-width:640px) {
	/* headedr */
	#wrap .util_wrap .util {display:none}
	.member-step li {margin:0 1%}
}
@media all and (max-width:568px) {
	/** footer **/
	#footer {padding:22px 0 20px}
	/** main **/
	.forest_box > .cure .tit:after {width:50%}
	.forest_box > .child .tit:after {width:16%}
	.forest_box .cont {font-size:18px;}
	.quick_box ul li {width:33%; margin-bottom: 30px;}

	/* container */
	/* common */
	#location-wrap .location > .home {width:35px}
	#location-wrap .location > div a {padding:0 5px}
	#location-wrap .location > .path .title {min-width:20%;width:59px; overflow:hidden;white-space: nowrap; text-overflow: ellipsis;}
	#location-wrap .location > .path ul li a {padding:10px 5px; line-height:16px}
	/* FOREST001 */
	.pgm_step li {padding-left:40px}
	.pgm_table {width:auto}
	.pgm_box .subject_thmb .thmb {width:200px;height:130px}
	/* FOREST003 */
	.reser .width20p {margin-right:25px}
	.edu_lst .subject_thmb .cont {width:49%}
	.edu_lst .subject_thmb dt {width:25%}
	.edu_lst .subject_thmb dd {width:65%}
	/* FOREST008 */
	#sitemap .depth01 > li {margin:0 10px 30px}
	#sitemap .depth01 > li > a {padding:15px}
	#sitemap .depth02 li a {padding:7px 15px}
	#sitemap .depth02 li {background-position:15px 15px}
}

@media all and (max-width:414px) {
	/** footer **/
	#footer {padding:10px 0 20px}
	#footer .link ul {float:none; text-align:center}
	#footer .logo {margin-top:20px;float:none; text-align:center; display: inline-block;}

	/** main **/
	ol.bjqs-markers {bottom:300px}
	ol.bjqs-stop {left:45%;bottom:300px}
	.visual_wrap .major_box {bottom:20px}
	.news_wrap h3, .quick_wrap h3 {margin-bottom:20px}
	.news_wrap .news_box {padding:0 20px}
	.news_box > ul > li {float:none;width:100%;border-top: 1px solid #D9D9D9;border-right:0px}
	.news_box > ul > li > a, .news_box > ul > li .popup_zone {padding:15px 0px 15px 35px}
	.news_box > ul > li > a .news_lst .tit {font-size:18px;min-height:auto;margin-bottom:10px}
	.news_box > ul > li > a .news_lst .txt {display:none}
	.news_box > ul > li > a .news_lst .pt {margin-bottom:10px}
	.news_box > ul > li > a .label_new {top:0}
	.popup_zone > .mainVInfo_Popup {height:255px}
	.popup_zone > .mainVInfo_Popup li a.num {bottom:-260px}
	.popup_zone > .mainVInfo_Popup li a.popupZoneImg img {height:auto}
	.forest_wrap {height:180px}
	.forest_box .cont {display:none}
	.forest_box > .child {padding-top:65px}
	.forest_box .tit {margin-bottom:15px}
	.forest_box .tit:after {margin:0; width:100% !important}
	.forest_box > .cure a .btn_go {margin-top:0 !important; animation-delay: .5s; width:110px}
	.forest_box > .child .tit { animation-delay: 1s;}
	.forest_box > .child a .btn_go {margin-top:0 !important; animation-delay: 1.3s; width:110px}
	.quick_box ul li {width:32%; margin-bottom:20px; display: inline-block; float:none;vertical-align:top}
	.quick_wrap {padding-bottom:0}
	.banner_wrap {display:none}

	/** container **/
	/* common */
	.tabmenu_3depth {margin-bottom:20px}
	.tabmenu_3depth li {display:inline-block;width:49.2%;border:1px solid #cdd0d5;}
	.tabmenu_3depth li a { font-size:14px;overflow:hidden;white-space: nowrap; text-overflow: ellipsis; width:99% }
	.tabmenu_3depth li.on a:after {margin-left:20px}
	.ment_box {padding:7% 4% 4%; margin:20px auto}
	.ment_box .m-tit01 {padding:5px 20px}
	.cont_tabmenu {margin-bottom:10px}
	.cont_tabmenu li a {line-height:18px; font-size:14px;height:auto;width:75%}
	.content_body > .row {max-width:100%}
	.manager_lst {float:none}
	/* board */
	.ment_bbs {padding:2%; margin-top:0}
	.innersearchpan .searchcombo1 {display:none}
	.innersearchpan .searchcombo3 {float:none}
	.smcstylegroup {text-align:center}
	.innersearchpan .searchcombo3 #searchKeyWord {width:58%}
	.table-responsive .table .read, .table-responsive .table .writer, .table-responsive .table .num {display:none}
	.table-responsive .table colgroup {display:none}
	.table-responsive .table tbody td {vertical-align: middle;}
	.table-responsive .table tbody td.subnamelist_content {border-left:0px}
	.table-responsive .table tbody td.date {width:80px}
	.activityViewBox .ment_bbs {display:none}
	.ViewBoxList > a {width:100%}
	.comment-wrap .input-area textarea {width:73%}
	.comment-wrap .input-area .btn-register {width:80px}
	.pagination li a {width:28px;height:28px;line-height:28px}
	.pagination li.paginate_box_button.previous a {background-position: -4px -4px;}
	.pagination li.paginate_box_button.left a { background-position:-40px -4px}
	.pagination li.paginate_box_button.right a { background-position:-76px -4px}
	.pagination li.paginate_box_button.next a { background-position:-110px -4px}
	.counsel .table tbody td.subnamelist_content {border-left: 1px solid #DDD;}
	#writeForm .table td{display:block}
	/* FOREST001 */
	.study_box {margin-bottom:10px}
	.study_box .box {padding:0px; margin-top:30px}
	.lst_study > li {width:100%; padding-bottom: 5px;}
	.lst_study li > div {margin:0}
	.study_box .box .item {width:auto; padding:10px 5px}
	.study_box.img02 .c-tit01 {color:#FFF}
	.study_box.img02 .item:last-child, .study_box.img03 .item:last-child {display:none}
	.pgm_step li {padding-left:25px; font-size:14px; padding-top:20px;width:1%;display:table-cell;float:none}
	.pgm_step li span {margin-left:0}
	.pgm_step li:nth-child(2) {padding-left:10px}
	.pgm_list_wrap {overflow:hidden}
	.pgm_table .subject_thmb .thmb {margin-right:10px}
	.pgm_table .subject_thmb .cont {width:37%}
	.pgm_table .subject_thmb dt {width:15%}
	.pgm_step.view li:first-child {padding-left:20px}
	.pgm_step.view li:nth-child(2), .pgm_step.view li:nth-child(3) {padding-left:40px}
	.pgm_box .subject_thmb .thmb {width:140px;height:110px;margin-right:10px}
	.pgm_box .subject_thmb .cont {width:57%;}
	.pgm_box .subject_thmb dt {width:25%}
	/* FOREST002 */
	.row.site .fl, .row.site .fr {float:none !important; width:auto !important; padding:20px !important;}
	.row.site .fr {padding-top:0px !important;}
	.row.site .mt40 {margin:10px 0 !important}
	/* FOREST003 */
	.floor_box .floor_lst ul {padding:0 10px 0 30px}
	.floor_box .floor_tit li {width:48%}
	.floor_box .floor_tit li:nth-child(3) {margin-left:0}
	.ment_box .reser {display:none}
	.cont-box2.reser {padding:20px 0}
	.cont-box2.reser li {width:49%}
	.cont-box2.reser li:nth-child(3), .cont-box2.reser li:nth-child(4) {margin-top:20px}
	.row.reser .fl.width30p {display:none}
	.row.reser .width65p, .reser .width20p, .reser .width75p {width:auto !important;padding-top:0 !important}
	.reser .width20p .c-tit01 {margin-bottom:10px}
	/*.pgm_table.mypage tbody tr {width:39px}*/
	.edu_lst .subject_thmb h3 {font-size:20px}
	.edu_lst .subject_thmb .thmb {width:120px;height:100px;margin-right:10px}
	.edu_lst .subject_thmb dt {width:27%}
	.edu_lst .subject_thmb dd {width:66%}
	.member-step li {width:55px; margin: 0px 3%;}
	.member-step li .tit {font-size:14px}
	.member-step li .tit:before {width:55px; height:55px; background: url(../images/content/m_member_step.png) no-repeat 0 0;}
	.member-step li.step01 .tit:before {background-position:0 -55px}
	.member-step li.step02 .tit:before {background-position:-55px -55px}
	.member-step li.step03 .tit:before {background-position:-110px -55px}
	.member-step li.step04 .tit:before {background-position:right -55px}
	.member-step li.step01.active .tit:before {background-position:0 0}
	.member-step li.step02.active .tit:before {background-position:-55px 0}
	.member-step li.step03.active .tit:before {background-position:-110px 0}
	.member-step li.step04.active .tit:before {background-position:right 0}
	.ipin-lst > ul li {float:none; width:auto;padding:15px 0}
	.ipin-lst > ul li .icon,.ipin-lst > ul li .tit, .ipin-lst > ul li .txt {margin-bottom:10px}
	.ipin-lst > ul li.blLine {border-left:0px !important}
	.reser_agree, .agree_checks {padding:5px}
	.reser_agree .box_border_agree {padding:20px 10px}
	.reser_wrap, .reser_box {padding:10px}
	#reserInsertForm .cont-box {padding:5px}
	#reserInsertForm .tableStyle_thleft tbody th {padding-left:0}
	#reserInsertForm .tableStyle_thleft tbody th, #reserInsertForm .tableStyle_thleft tbody td {display:block; width:auto !important; border-left:0; text-align:left;}
	#reserInsertForm ul li { font-size:13px}
	.tableStyle_thleft td#totalAmountInfo {height:auto}
	/* 2019-01 추가 */
	.ptn_non .tableStyle_thleft tbody th, .ptn_non .tableStyle_thleft tbody td {display:block; width:auto !important; border-left:0; text-align:left;}
	/* FOREST005 */
	.basic_sch.manager .input_box {width:45%}
	.activityGallerylayer .galleryCol {width:47%}
	.activityGallerylayer .galleryBox {height:125px}
	.edu_lst .subject_thmb .cont {width:62%}
	.edu_lst .subject_thmb .thmb, .pgm_table .subject_thmb .thmb, .pgm_box .subject_thmb .thmb {width:auto;height: auto;margin:0 0 10px;}
	.edu_lst .subject_thmb .cont, .pgm_table .subject_thmb .cont, .pgm_box .subject_thmb .cont {width:auto}
	.cont-box2.width19p li {width:33%; margin-bottom:20px}
	.cont-box2.picture li {width:19%;}
	/* FOREST007 */
	.history_box {background:none}
	.history_lst h3 {width:107px; overflow:hidden}
	.history_lst li > div {width:55%;border-top: 3px dotted #dadada;padding-left:10px}
	.history_lst .history li strong {display:block}
	.course_cont ul li {width:30.5%; margin-bottom:10px}
	.cont-box.traffic {padding:5px}
	/* board */
	.table-responsive table.table td {/*display:block;*/ width:auto}
	#sitemap .depth01 > li {width:auto;height:auto; float:none}
}
@media all and (max-width:375px) {
	.bx-wrapper .bx-controls .bx-prev {left:-50px}
	.bx-wrapper .bx-controls .bx-next {right:-50px}
	.tabmenu_4box li span {display:block}
	/*.edu_lst .subject_thmb .cont {width:59%}*/
	.edu_lst .subject_thmb h3 {width:auto;overflow:hidden;white-space: nowrap; text-overflow: ellipsis;}
	.cont-box2.width19p li {min-height:130px}
	.cont-box2.width19p li:nth-child(4), .cont-box2.width19p li:nth-child(5) {min-height:110px;margin-bottom:0}
	.cont-box2.picture li {width:21%; padding:0 5px}
}
@media all and (max-width:360px) {
	.history_lst li > div {width:47%}
	.pgm_table.mypage tbody tr {padding:15px 10px}
	/* FOREST003 */
	.tac.reser a {width:78%}
	.tac.reser a:last-child {margin-top:5px}
	/* FOREST005 */
	.activityGallerylayer .galleryBox {height: 110px;}
	.edu_lst .subject_thmb dt {width:22%}
}
@media all and (max-width:320px) {
	.popup_zone > .mainVInfo_Popup {height:190px}
	.popup_zone > .mainVInfo_Popup li a.num {bottom:-195px}
	.forest_box .tit {font-size:18px}
	.forest_box > .cure {padding-left:20px}
	.forest_box > .cure .tit:after, .forest_box > .child .tit:after {display:none}
	.forest_box > .child {padding-right:10px}
	.bx-wrapper .bx-controls {display:none}
	/** container **/
	/* common */
	#location-wrap .location > .path .title {width:45px}
	.member-step li {width:55px; margin: 0px 1%;}
	.pgm_table.mypage {    width: 100%;}
	.pgm_table.mypage tbody tr {float:none; width:auto; display: block;}
	.reser_prs li label {width:60%}
	.innersearchpan .searchcombo3 #searchKeyWord {width:50%}
	/* FOREST005 */
	.basic_sch.manager .row {padding:10px}
	.relate-site li, .relate-site.small li {width:48%}

}