@charset "utf-8";
/* CSS Document */

html, body { margin:0px; }

body { width:100%; font-size-adjust:100%; -webkit-text-size-adjust:100%; box-sizing:border-box; position:relative; color:#000000; font-size:16px; font-family:'Proxima Nova', Helvetica, '微軟正黑體', 'Microsoft JhengHei', sans-serif; }

a { outline:none; text-decoration:none; }

ul, ol { list-style:none; margin:0; padding:0; }
li { vertical-align:top; }

h1, h2, h3, h4, h5, h6, p { padding:0; margin:0; }

img { border:none; }

.object_fit_photo img { width:100%; height:100%; object-fit:cover; }
.object_fit_photo.compat-object-fit { background-repeat:no-repeat; background-position:center center; background-size:cover; }

.object_fit_contain img { width:100%; height:100%; object-fit:contain; }
.object_fit_contain.compat-object-fit { background-repeat:no-repeat; background-position:center center; background-size:contain; }
.object_fit_contain.compat-object-fit img { display:none; }

input, select, textarea, button { -webkit-appearance:none; appearance:none; font-family:Helvetica, '微軟正黑體', 'Microsoft JhengHei', sans-serif; }

select { display:inline-block; vertical-align:top; width:100%; border:0; background-color:#ffffff; border-radius:6px; box-sizing:border-box; }
select::-ms-expand { display:none; }
.select_area { display:inline-block; vertical-align:top; width:100%; background-color:#ffffff; border-radius:6px; position:relative; cursor:pointer; }
.select_area:before { position:absolute; right:20px; top:50%; z-index:1; content:""; width:0; height:0; border-style:solid; border-width:9px 6px 0 6px; border-color:#000000 transparent transparent transparent; transform:translateY(-50%); }
.select_area select { background-color:transparent !important; position:relative; z-index:2; padding-right:42px; margin:0; -webkit-appearance:none; -moz-appearance:none; appearance:none; cursor:pointer; }

button, input[type=submit], input[type=reset], input[type=button] { -webkit-appearance:none; -moz-appearance:none; appearance:none; }

/* ---------------- clear fix ---------------- */

.clearfix:after { content:"."; display:block; clear:both; visibility:hidden; xline-height:0; height:0; font-size:0; }
.clearfix { display:inline-block; }
html[xmlns] .clearfix { display:block; }
* html .clearfix { height:1%; }

/*-------------------------------------------------------------------------------------*/
/* LAYOUT */

#wrap { width:100%; background-color:#ffffff; box-sizing:border-box; position:relative; left:0; z-index:1000; transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; }
#wrap .container { width:100%; max-width:1566px; padding-left:15px; padding-right:15px; margin:0px auto; position:relative; box-sizing:border-box; display:block; }
#wrap .overlay { position:absolute; left:0; top:0; z-index:5000; width:0; height:0; background-color:rgba(0,0,0,0.3); opacity:0; transition-delay:0.3s; -webkit-transition-delay:0.3s; -moz-transition-delay:0.3s; -webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:moz-none; -ms-user-select:none; user-select:none; }

#wrap .back_to_top { position:fixed; right:25px; bottom:14px; display:none; z-index:999; }
#wrap .back_to_top.overFooterOnBottom { position:fixed !important; bottom:14px !important; }
#wrap .back_to_top a { display:block; width:48px; height:48px; background-color:#c1c1c1; border-radius:100%; box-sizing:border-box; text-align:center; color:#9a9a98; transition:all 0.2s ease; }
#wrap .back_to_top a:hover { box-shadow:0 0 10px 6px rgba(255,255,255,0.6); }
#wrap .back_to_top a i { font-size:40px; line-height:44px; }

#top { padding:15px 0; position:relative; }
#top .company { position:relative; z-index:101; text-align:center; font-size:21px; color:rgb(60,137,57); font-weight:700; line-height:1.1; font-family:'Century Gothic','標階體';}
#top .logo { width:100%; max-width:160px; margin:0 auto; }
#top .logo img { width:100%; display:block; margin:-33px 0 -96px 0; position:relative; z-index:10; }

#top .lang_area { z-index: 102; position:absolute; right:26px; top:50%; transform:translateY(-50%); }
#top .lang_area ul { display:-ms-flexbox; display:flex; }
#top .lang_area ul li { -ms-flex:0 0 auto; flex:0 0 auto; height:14px; padding:0 14px; border-left:1px solid #50ac01; font-size:16px; line-height:14px; }
#top .lang_area ul li:first-child { border-left:none; }
#top .lang_area ul li a { font-size:16px; color:#333333; }

#top .mobile_btn { position:absolute; right:15px; top:30%; z-index:110; display:none; transform:translateY(-50%); }
#top .mobile_btn a { display:block; width:40px; height:40px; background-color:transparent; border:none; box-sizing:border-box; border-radius:0; text-align:center; text-transform:uppercase; font-weight:700; font-size:0; color:#333333; line-height:40px; }
#top .mobile_btn a span { font-size:36px; line-height:inherit; }
#top .mobile_btn a:hover { text-decoration:none; }

#menu { background-color:#dbeed2; font-family:'PT Sans', 'Proxima Nova', Helvetica, '微軟正黑體', 'Microsoft JhengHei', sans-serif; }
#menu .menu_area { display:-ms-flexbox; display:flex; -ms-flex-wrap:nowrap; flex-wrap:nowrap; -ms-flex-pack:justify; justify-content:space-between; width:100%; position:relative; }
#menu .menu_area ul.menu_list { display:-ms-flexbox; display:flex; -ms-flex:0 0 50%; flex:0 0 50%; width:50%; box-sizing:border-box; }
#menu .menu_area ul.menu_list.left_side { -ms-flex-pack:end; justify-content:flex-end; padding-right:94px; }
#menu .menu_area ul.menu_list.right_side { -ms-flex-pack:start; justify-content:flex-start; padding-left:94px; }
#menu .menu_area ul.menu_list > li { -ms-flex:0 0 auto; flex:0 0 auto; position:relative; }
#menu .menu_area ul.menu_list > li.mobile_only { display:none; }
#menu .menu_area ul.menu_list > li > a.lv1 { display:flex; align-items:center; min-height:55px; padding:16px 20px; position:relative; box-sizing:border-box; font-size:18px; color:#2c6330; font-weight:700; transition:all 0.3s ease; }
#menu .menu_area ul.menu_list > li > a.lv1 i { display:none; }
#menu .menu_area ul.menu_list > li:hover > a.lv1,
#menu .menu_area ul.menu_list > li > a.lv1:hover { background-color:#2c6330; color:#ffffff; }

#menu .menu_area ul.dropdown_menu { position:absolute; left:0; top:100%; z-index:10; width:220px; min-width:100%; padding:10px 0 6px 0; background-color:#6eac41; box-sizing:border-box; box-shadow:3px 3px 3px rgba(0,0,0,0.3); }
#menu .menu_area ul.dropdown_menu > li { display:block; text-align:left; position:relative; }
#menu .menu_area ul.dropdown_menu > li > a.lv2 { display:block; width:100%; padding:5px 20px; background-color:transparent; box-sizing:border-box; position:relative; font-size:16px; color:#ffffff; transition:all 0.3s ease; }
#menu .menu_area ul.dropdown_menu > li > a.lv2:hover { background-color:#2c6330; color:#ffffff; }

#menu .menu_area ul.menu_list:last-child > li:last-child > ul.dropdown_menu { left:auto; right:0; }
#menu .menu_area .fallback { display:none; } 

#banner { position:relative; }
#banner .banner_show { width:100%; }
#banner .banner { width:100%; background-repeat:no-repeat; background-position:center center; background-size:cover; position:relative; display:block; overflow:hidden; }
#banner .banner img { width:100%; display:block; -webkit-touch-callout:none; -webkit-user-select:cover; image-rendering-size:cover;-khtml-user-select:none; -moz-user-select:moz-none; -ms-user-select:none; user-select:none;text-align: center; }
#banner .banner video { position:absolute; left:0; top:0; z-index:2; width:100%; height:100%; background-color:#000000; margin:0; border:none; display:block; }

#banner .inner_banner { border-bottom:7px solid #2c6330; }
#banner .inner_banner h2 { position:absolute; left:0; bottom:60px; width:100%; text-align:center; font-size:68px; color:#ffffff; font-weight:600; }

#banner .about_us_banner { background-image:url(../img/inner_banner/about_us.jpg); }
#banner .campus_banner { background-image:url(../img/inner_banner/campus.jpg);}
#banner .activities_banner { background-image:url(../img/inner_banner/activities.jpg); }
#banner .admission_banner { background-image:url(../img/inner_banner/admission.jpg); }
#banner .placement_results_banner { background-image:url(../img/inner_banner/placement_results.jpg); }
#banner .parents_area_banner { background-image:url(../img/parents_area.jpg); }
#banner .career_banner { background-image:url(../img/inner_banner/career.jpg); }
#banner .contact_us_banner { background-image:url(../img/inner_banner/contact_us.jpg); }

#main { width:100%; padding-bottom:138px; background-color:#ffffff; background-repeat:no-repeat; background-position:center top; position:relative; display:block; overflow:hidden; }
#main .content_area { display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; width:100%; padding-top:36px; }
#main .left_side { -ms-flex:0 0 264px; flex:0 0 264px; width:264px; padding-right:58px; box-sizing:border-box; }
#main .left_side .left_menu { width:100%; }
#main .left_side .left_menu > ul { position:relative; }
#main .left_side .left_menu > ul > li { padding:16px 24px 16px 3px; border-bottom:1px solid #cccccc; position:relative; }
#main .left_side .left_menu > ul > li span { position:absolute; right:0; top:50%; color:#6fad42; transform:translateY(-50%); }
#main .left_side .left_menu > ul > li > a { font-size:19px; color:#333333; font-weight:700; transition:all 0.3s ease; }
#main .left_side .left_menu > ul > li > a.active, 
#main .left_side .left_menu > ul > li > a:hover { color:#3fae2a; }

#main .left_side .left_menu a.active+ul { display:block; }

#main .left_side .left_select { width:100%; box-sizing:border-box; text-align:right; display:none; }
#main .left_side .left_select select { width:100%; height:36px; padding:0 30px 0 20px; border:1px solid #cccccc; border-radius:0; }
#main .left_side .left_select .select_area { max-width:243px; }
#main .left_side .left_select .select_area:before { right:14px; }

#main .right_side { -ms-flex:1 0 0%; flex:1 0 0%; overflow:hidden; }

#main .sub_title { padding-bottom:16px; border-bottom:3px solid #cbe1bb; font-size:48px; color:#2c6330; font-weight:700; }
#main .content { width:100%; max-width:100%; padding-top:35px; position:relative; display:block; }

#main .multipage { padding-top:22px; margin:0 -7px; font-size:0; text-align:right; }
#main .multipage a { display:inline-block; zoom:1; *display:inline; vertical-align:top; width:22px; height:22px; margin:0 2px; text-align:center; line-height:22px; font-size:14px; color:#000000; transition:all 0.2s ease; }
#main .multipage a.row,
#main .multipage a.back,
#main .multipage a.next { width:26px; margin:0 7px; background-color:#797979; color:#ffffff; }
#main .multipage a.onpage, 
#main .multipage a:hover { background-color:#6fad42; color:#ffffff; }
#main .multipage select { display:block; width:100%; height:36px; padding:0 12px; font-size:16px; color:#000000; background-color:#ffffff; border:1px solid #cccccc; border-radius:0; box-sizing:border-box; outline:none; }
#main .multipage .select_area { display:none; max-width:160px; }
#main .multipage .select_area:before { right:12px; }

#main .option_tools { width:100%; position:relative; }
#main .option_tools .year_filter { position:absolute; left:50%; top:-67px; transform:translateX(-50%); }
#main .option_tools .year_filter select { width:243px; height:36px; padding:0 30px 0 20px; border:1px solid #cccccc; border-radius:0; }
#main .option_tools .year_filter .select_area:before { right:14px; }
#main .option_tools .multipage { position:absolute; right:32px; top:-82px; }

#main .ajax_loading { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); }
#main .ajax_loading i { color:#999999; }

#footer { padding-bottom:8px; background-color:#2c6330; position:relative; font-family:'PT Sans', 'Proxima Nova', Helvetica, '微軟正黑體', 'Microsoft JhengHei', sans-serif; }
#footer:before { position:absolute; left:0; bottom:100%; content:""; width:100%; height:138px; background:url(../img/footer_bg.png) no-repeat center bottom; }
#footer .footer_area { width:100%; max-width:1166px; margin:0 auto; }

#footer .sitemap_list { display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; width:100%; }
#footer .sitemap_list ul { -ms-flex:0 0 auto; flex:0 0 auto; padding-right:54px; box-sizing:border-box; }
#footer .sitemap_list ul li { -ms-flex:0 0 auto; flex:0 0 auto; padding:4px 0; }
#footer .sitemap_list ul li a { font-size:17px; color:#ffffff; font-weight:700; }

#footer .copyright { padding-top:12px; position:relative; text-align:right; }
#footer .copyright p { font-size:12px; color:#ffffff; font-weight:700; }
#footer .copyright a { color:#ffffff; }
#footer .copyright a:hover { text-decoration:underline; }

/*-------------------------------------------------------------------------------------*/
/* FORM LAYOUT */

.form_area { margin:0 -8px; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; font-family:Helvetica, '微軟正黑體', 'Microsoft JhengHei', sans-serif; }
.form_area .form_info { -ms-flex:0 0 100%; flex:0 0 100%; width:100%; padding:9px 8px; box-sizing:border-box; margin-bottom:25px; font-size:19px; color:#000000; }
.form_area .form_row { -ms-flex:0 0 100%; flex:0 0 100%; width:100%; padding:9px 8px; box-sizing:border-box; }
.form_area .form_row .field { width:100%; }
.form_area .form_row .field input[type=text],
.form_area .form_row .field input[type=tel],
.form_area .form_row .field input[type=email],
.form_area .form_row .field select,
.form_area .form_row .field option,
.form_area .form_row .field textarea { width:100%; padding:0 26px; background-color:#ffffff; border:1px solid #cccccc; box-shadow:inset 3px 3px 5px rgba(0,0,0,0.12); margin:0; box-sizing:border-box; border-radius:4px; outline:none; font-size:19px; color:#666666; font-weight:700; }
.form_area .form_row .field ::-webkit-input-placeholder { color:#666666; }
.form_area .form_row .field :-ms-input-placeholder { color:#666666; }
.form_area .form_row .field ::placeholder { color:#666666; }

.form_area .form_row .field input[type=text],
.form_area .form_row .field input[type=tel],
.form_area .form_row .field input[type=email],
.form_area .form_row .field select { height:50px; }
.form_area .form_row .field textarea { height:102px; padding:12px 26px; resize:none; }

.form_area .form_row .field input[type=submit],
.form_area .form_row .field input[type=reset],
.form_area .form_row .field input[type=button],
.form_area .form_row .field button { width:156px; height:50px; border:none; background-color:#3fae2a; font-size:21px; color:#ffffff; font-weight:700; cursor:pointer; outline:none; }

.form_area .form_row .btn { padding-top:35px; }

.form_area .form_row.half_row { -ms-flex:0 0 50%; flex:0 0 50%; width:50%; }

/*-------------------------------------------------------------------------------------*/
/* INDEX */

.index_bg { padding-bottom:0 !important; }

.section { width:100%; background-color:#ffffff; position:relative; }
.section .section_title { padding-bottom:20px; position:relative; text-align:center; font-size:48px; color:#2c6330; font-weight:700; }
.section .section_content { position:relative; font-size:21px; color:#333333; line-height:1.7; }
.section .section_content p { text-align:justify; }
.section .section_more { padding-top:24px; position:relative; text-align:center; }
.section .section_more a { display:inline-block; vertical-align:top; padding:15px 23px; background-color:#3fae2a; font-size:18px; color:#ffffff; font-weight:600; }
.section .section_more a:hover { }

.about_us_section { padding:70px 0 82px 0; background-color:#f6f6f6; background-image:url(../img/index_about_us_bg2026.png); background-repeat:no-repeat; background-position:center top; background-size:cover; }
.about_us_section .section_title { text-align:left; }
.about_us_section .section_content { max-width:670px; }
.about_us_section .section_more { text-align:left; }

.intro_section { padding:60px 0 18px 0; background-image:url(../img/shadow.png); background-repeat:repeat-x; background-position:center top; }

.campus_section { padding:52px 0; }

.index_campus_list { width:100%; }
.index_campus_list .index_campus_item { display:-ms-flexbox; display:flex; padding:0 10px; box-sizing:border-box; }
.index_campus_list .index_campus { display:-ms-flexbox; display:flex; -ms-flex-direction:column; flex-direction:column; width:100%; background-color:#e2f0d8; }
.index_campus_list .index_campus_photo { width:100%; height:176px; overflow:hidden; }
.index_campus_list .index_campus_photo img { display:block; width:100%; }
.index_campus_list .index_campus_title { -ms-flex:1 0 0%; flex:1 0 0%; width:100%; padding:7px 12px; background-color:#6fad42; box-sizing:border-box; text-align:center; font-size:22px; color:#ffffff; font-weight:600; line-height:1.2; }
.index_campus_list .index_campus_info { -ms-flex:1 0 0%; flex:1 0 0%; width:100%; padding:16px 12px; box-sizing:border-box; font-family:Helvetica, '微軟正黑體', 'Microsoft JhengHei', sans-serif; }
.index_campus_list .index_campus_desc { padding-bottom:12px; font-size:14px; color:#2c6330; font-weight:600; line-height:1.2; }
.index_campus_list .index_campus_tel { padding-bottom:9px; font-size:14px; color:#669933; font-weight:600; line-height:1.2; }
.index_campus_list .index_campus_tel a { color:#669933; }
.index_campus_list .index_campus_tel img { display:inline-block !important; vertical-align:middle; width:auto !important; }
.index_campus_list .index_campus_apply { display:block; }
.index_campus_list .index_campus_apply a { display:inline-block; vertical-align:top; padding:8px 13px; background-color:#2a632e; font-size:14px; color:#ffffff; font-weight:700; line-height:1; transition:all 0.3s ease; }

.index_campus_list .index_campus_more { width:100%; padding:20px 12px; box-sizing:border-box; text-align:center; font-family:Helvetica, '微軟正黑體', 'Microsoft JhengHei', sans-serif; }
.index_campus_list .index_campus_more a { display:inline-block; vertical-align:top; padding:8px 24px; background-color:#70ad47; font-size:14px; color:#ffffff; font-weight:700; line-height:1; transition:all 0.3s ease; }

.index_campus_list .index_campus_item:nth-child(even) .index_campus { background-color:#f2f2f2; }
.index_campus_list .index_campus_item:nth-child(even) .index_campus_title { background-color:#2a632e; }
.index_campus_list .index_campus_item:nth-child(even) .index_campus_apply a { background-color:#70ad47; }
.index_campus_list .index_campus_item:nth-child(even) .index_campus_more a { background-color:#2c6330; }

.index_campus_list.owl-loaded .index_campus_item { width:100%; padding:0; }

.index_campus_list.owl-loaded .owl-item:nth-child(even) .index_campus { background-color:#f2f2f2; }
.index_campus_list.owl-loaded .owl-item:nth-child(even) .index_campus_title { background-color:#2a632e; }
.index_campus_list.owl-loaded .owl-item:nth-child(even) .index_campus_apply a { background-color:#70ad47; }
.index_campus_list.owl-loaded .owl-item:nth-child(even) .index_campus_more a { background-color:#2c6330; }

.contact_us_section { padding:48px 0 186px 0; background-color:#f6f6f6; }
.contact_us_section .contact_us_form { width:100%; max-width:1166px; margin:0 auto; }
.contact_us_section .section_title { padding-bottom:6px; text-align:left; }

/*-------------------------------------------------------------------------------------*/
/* NEWS & EVENTS */

.news_content { }

.news_list { }
.news_list .news_item { width:100%; padding-bottom:15px; }
.news_list .news { display:-ms-flexbox; display:flex; -ms-flex-align:center; align-items:center; width:100%; padding:22px 66px 24px 54px; background-color:#ffffff; border:1px solid #ebebeb; box-sizing:border-box; overflow:hidden; }
.news_list .news_info { -ms-flex:1 0 0%; flex:1 0 0%; padding-right:170px; box-sizing:border-box; font-size:18px; color:#333333; }
.news_list .news_info h3 { padding-bottom:2px; font-size:24px; color:#000000; font-weight:700; }
.news_list .news_info p { font-family:Helvetica, '微軟正黑體', 'Microsoft JhengHei', sans-serif; }
.news_list .news_info span { color:#3fae2a; font-weight:700; font-family:Helvetica, '微軟正黑體', 'Microsoft JhengHei', sans-serif; }
.news_list .news_btn { -ms-flex:0 0 132px; flex:0 0 132px; width:132px; }
.news_list .news_btn a { display:block; width:100%; padding:9px 0; background-color:#3fae2a; text-align:center; font-size:14px; color:#ffffff; font-weight:600; }

.news_detail { width:100%; }
.news_detail .news_detail_date { padding-bottom:6px; font-size:21px; color:#6fad42; font-weight:600; }
.news_detail .news_detail_title { padding-bottom:14px; border-bottom:2px dashed #cbe1bb; font-size:31px; color:#000000; font-weight:700; }
.news_detail .news_detail_info { padding-top:22px; }
.news_detail .news_detail_btn { padding-top:22px; text-align:center; }
.news_detail .news_detail_btn a { display:inline-block; vertical-align:top; padding:8px 34px; background-color:#3fae2a; box-sizing:border-box; font-size:18px; color:#ffffff; font-weight:700; }
.news_detail .news_detail_btn a img { padding-right:8px; vertical-align:sub; }
.news_detail .news_detail_btn a:hover { }

/*-------------------------------------------------------------------------------------*/
/* GALLERY */

.gallery_content { }

.gallery_list { display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; margin:-12px; padding-bottom:13px; }
.gallery_list .gallery_item { display:-ms-flexbox; display:flex; -ms-flex:0 0 25%; flex:0 0 25%; width:25%; padding:12px; box-sizing:border-box; }
.gallery_list .gallery { display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -ms-flex-direction:column; flex-direction:column; width:100%; box-shadow:5px 5px 5px rgba(0,0,0,0.06); }
.gallery_list .gallery_photo { width:100%; height:226px; background-color:#006699; }
.gallery_list .gallery_info { display:-ms-flexbox; display:flex; -ms-flex-direction:column; flex-direction:column; justify-content:space-between; -ms-flex:1 0 0%; flex:1 0 0%; xwidth:100%; padding:0 14px; background-color:#ffffff; border:1px solid #eaeaea; border-top:none; box-sizing:border-box; position:relative; }
.gallery_list .gallery_date { position:absolute; left:14px; top:-5px; width:40px; }
.gallery_list .gallery_date .date { display:block; padding-top:5px; background-color:#3fae2a; position:relative; text-align:center; font-size:13px; color:#ffffff; font-weight:700; line-height:1; }
.gallery_list .gallery_date .date:before { position:absolute; left:0; top:100%; content:""; width:0; height:0; border-style:solid; border-width:12px 20px 0 20px; border-color:#3fae2a transparent transparent transparent; }
.gallery_list .gallery_date .date p { font-size:21px; }
.gallery_list .gallery_date .year { display:block; padding-top:16px; text-align:center; font-size:11px; color:#3fae2a; font-weight:700; line-height:1; }
.gallery_list .gallery_title { -ms-flex:1 0 0%; flex:1 0 0%; min-height:76px; padding:14px 0 18px 50px; box-sizing:border-box; font-size:16px; color:#000000; font-weight:700; }
.gallery_list .gallery_btn { padding-bottom:28px; text-align:center; }
.gallery_list .gallery_btn a { display:inline-block; vertical-align:top; padding:8px 22px; background-color:#2c6330; box-sizing:border-box; font-size:13px; color:#ffffff; font-weight:700; }
.gallery_list .gallery_btn a:hover { }

.gallery_detail { width:100%; }
.gallery_detail .gallery_detail_header { display:-ms-flexbox; display:flex; -ms-flex-wrap:nowrap; flex-wrap:nowrap; -ms-flex-align:center; align-items:center; width:100%; padding:0 20px; margin-bottom:18px; box-sizing:border-box; }
.gallery_detail .gallery_detail_date { -ms-flex:0 0 52px; flex:0 0 52px; width:52px; }
.gallery_detail .gallery_detail_date .date { display:block; padding-top:5px; background-color:#3fae2a; position:relative; text-align:center; font-size:16px; color:#ffffff; font-weight:700; line-height:1; }
.gallery_detail .gallery_detail_date .date:before { position:absolute; left:0; top:100%; content:""; width:0; height:0; border-style:solid; border-width:15px 26px 0 26px; border-color:#3fae2a transparent transparent transparent; }
.gallery_detail .gallery_detail_date .date p { font-size:26px; }
.gallery_detail .gallery_detail_date .year { display:block; padding-top:16px; text-align:center; font-size:14px; color:#3fae2a; font-weight:700; line-height:1; }
.gallery_detail .gallery_detail_title { -ms-flex:1 0 0%; flex:1 0 0%; padding-left:24px; box-sizing:border-box; font-size:39px; color:#000000; font-weight:700; }
.gallery_detail .gallery_detail_info { width:100%; padding:55px 95px 50px 95px; background-color:#f1f1f1; border-radius:10px; box-sizing:border-box; margin-bottom:18px; }
.gallery_detail .gallery_detail_photo { width:100%; padding:0 77px; box-sizing:border-box; }
.gallery_detail .gallery_detail_photo .large_photo { width:100%; position:relative; background-color:#ffffff; border:5px solid #cccccc; box-sizing:border-box; }
.gallery_detail .gallery_detail_photo .large_photo > img { width:100%; display:block; }
.gallery_detail .gallery_detail_photo .large_photo .photo { position:absolute; left:0; top:0; width:100%; height:100%; box-sizing:border-box; text-align:center; overflow:hidden; }
.gallery_detail .gallery_detail_photo .large_photo .photo img { position:absolute; left:50%; top:50%; max-width:100%; max-height:100%; display:block; transform:translate(-50%,-50%); }
.gallery_detail .gallery_detail_photo .large_photo .row { position:absolute; left:0; top:50%; width:100%; }
.gallery_detail .gallery_detail_photo .large_photo .row_prev, 
.gallery_detail .gallery_detail_photo .large_photo .row_next { position:absolute; top:0; width:60px; height:60px; background-color:#6fad42; border-radius:100%; box-sizing:border-box; font-size:52px; color:#ffffff; font-weight:bold; line-height:56px; text-align:center; cursor:pointer; }
.gallery_detail .gallery_detail_photo .large_photo .row_prev { left:-77px; padding-right:3px; }
.gallery_detail .gallery_detail_photo .large_photo .row_next { right:-77px; padding-left:3px; }

.gallery_detail .gallery_detail_photo .thumb_area { width:100%; padding-top:24px; box-sizing:border-box; }
.gallery_detail .gallery_detail_photo .thumb_list { margin:0 -11px; display:block; }
.gallery_detail .gallery_detail_photo .thumb_item { float:left; width:20%; padding:0 11px; box-sizing:border-box; }
.gallery_detail .gallery_detail_photo .thumb { width:100%; height:125px; position:relative; overflow:hidden; }
.gallery_detail .gallery_detail_photo .thumb:before { position:absolute; left:0; top:0; z-index:-1; content:""; width:100%; height:100%; border:3px solid #3fae2a; box-sizing:border-box; opacity:0; transition:all 0.2s ease; }
.gallery_detail .gallery_detail_photo .thumb img { width:100%; display:block; }
.gallery_detail .gallery_detail_photo .thumb.active:before { z-index:1; opacity:1; }

.gallery_detail .gallery_detail_photo .thumb_list.owl-loaded { width:100%; margin:0; }
.gallery_detail .gallery_detail_photo .thumb_list.owl-loaded .owl-item .thumb_item { width:100%; padding:0; }
.gallery_detail .gallery_detail_photo .thumb_list.owl-loaded .owl-nav { position:absolute; left:0; top:50%; width:100%; font-size:42px; color:#2c6330; font-weight:bold; line-height:1; }
.gallery_detail .gallery_detail_photo .thumb_list.owl-loaded .owl-prev, 
.gallery_detail .gallery_detail_photo .thumb_list.owl-loaded .owl-next { position:absolute; top:0; outline:none; cursor:pointer; transform:translateY(-50%); }
.gallery_detail .gallery_detail_photo .thumb_list.owl-loaded .owl-prev { left:-60px; }
.gallery_detail .gallery_detail_photo .thumb_list.owl-loaded .owl-next { right:-60px; }

.gallery_detail .gallery_detail_youtube { width:100%; margin-top:30px; margin-bottom:18px; }
.gallery_detail .gallery_detail_youtube iframe { width:100%; height:480px; border:none; }

.gallery_detail .gallery_detail_back { padding-top:24px; text-align:right; }
.gallery_detail .gallery_detail_back a { display:inline-block; vertical-align:top; padding:9px 34px 9px 26px; border:1px solid #e1e1e1; box-sizing:border-box; font-size:18px; color:#2c6330; font-weight:700; transition:all 0.3s ease; }
.gallery_detail .gallery_detail_back a i { vertical-align:text-bottom; font-size:24px; color:#6fad42; line-height:1; transition:all 0.3s ease; }
.gallery_detail .gallery_detail_back a:hover { background-color:#2c6330; border-color:#2c6330; color:#ffffff; }
.gallery_detail .gallery_detail_back a:hover i { color:#ffffff; }

/*-------------------------------------------------------------------------------------*/
/* CALENDAR */

.calendar_content { width:100%; position:relative; }

.calendar_area { width:100%; max-width:1176px; padding:16px; padding-bottom:46px; box-sizing:border-box; margin:0 auto; }
.calendar_area .calendar_topic { width:100%; height:42px; position:relative; box-sizing:border-box; margin-bottom:24px; text-align:center; font-size:25px; color:#ffffff; font-weight:700; line-height:42px; }
.calendar_area .calendar_topic:before { position:absolute; left:0; top:0; content:""; width:100%; height:100%; background-color:#6eac41; transform:skew(-32deg); }
.calendar_area .calendar_topic p { position:relative; }
.calendar_area .calendar_info { width:100%; max-width:918px; padding:20px; background-color:#f8fbf1; box-sizing:border-box; margin:0 auto; }

.calendar_area .calendar_row { position:absolute; right:72px; top:50%; font-size:0; line-height:normal; text-align:right; transform:translateY(-50%); }
.calendar_area .calendar_row a { display:inline-block; vertical-align:top; width:35px; height:29px; background-color:#e9e9e9; border-left:2px solid #d9d9d9; text-align:center; line-height:29px; font-size:24px; color:#2a2e2e; font-weight:bold; transition:all 0.2s ease; cursor:pointer; }
.calendar_area .calendar_row a:first-child { border-left:0; }
.calendar_area .calendar_row a.prev_month { border-radius:4px 0 0 4px; }
.calendar_area .calendar_row a.next_month { border-radius:0 4px 4px 0; }
.calendar_area .calendar_row a:hover { background-color:#2c6330; color:#ffffff; }

.calendar_area .calendar_table { width:100%; padding:0 32px; margin:0 auto; box-sizing:border-box; }
.calendar_area .calendar_table .table { display:table; width:100%; background-color:#f8f7ed; border-collapse:collapse; font-size:16px; color:#000000; table-layout:fixed; }
.calendar_area .calendar_table .table .table_tr { display:table-row; }
.calendar_area .calendar_table .table .table_td { display:table-cell; vertical-align:top; height:93px; padding:4px; border:1px solid #dbf0f4; box-sizing:border-box; text-align:right; }
.calendar_area .calendar_table .table .table_td:before { }

.calendar_area .calendar_table .table .table_tr:first-child .table_td { height:22px; padding:0; text-align:center; font-weight:bold; line-height:22px; }
.calendar_area .calendar_table .table .table_td.today { background-color:#f1f1e3; }
.calendar_area .calendar_table .table .table_td.other_month { color:#999999; }

.calendar_area .calendar_table .calendar_event { display:block; padding:2px 3px; margin-top:3px; box-sizing:border-box; border-radius:2px; position:relative; z-index:10; font-size:13px; color:#ffffff; font-weight:normal; text-align:left; cursor:default; }
.calendar_area .calendar_table .calendar_event.type_1 { background-color:#7d08b6; }
.calendar_area .calendar_table .calendar_event.type_2 { background-color:#00b475; }
.calendar_area .calendar_table .calendar_event.type_3 { background-color:#ff3333; }
.calendar_area .calendar_table .calendar_event.type_4 { background-color:#cd56b1; }

.calendar_remark { width:100%; max-width:918px; padding:15px 17px 0 17px; box-sizing:border-box; position:relative; margin:0 auto; text-align:right; font-size:0; }
.calendar_remark .remark_item { display:inline-block; vertical-align:top; padding:0 15px 14px 15px; }
.calendar_remark .remark { padding-left:23px; position:relative; line-height:17px; font-size:15px; color:#333333; font-weight:700; }
.calendar_remark .remark:before { position:absolute; left:0; top:0; content:""; width:17px; height:17px; }
.calendar_remark .remark_1:before { background-color:#7d08b6; }
.calendar_remark .remark_2:before { background-color:#00b475; }
.calendar_remark .remark_3:before { background-color:#ff3333; }
.calendar_remark .remark_4:before { background-color:#cd56b1; }

/*-------------------------------------------------------------------------------------*/
/* CONTACT */

.contact_area { width:100%; padding-bottom:74px; }
.contact_area .contact_info { font-size:21px; color:#000000; line-height:1.7; }
.contact_area .contact_info h3 { padding-bottom:4px; font-size:33px; color:#000000; }
.contact_area .contact_info p { }
.contact_area .contact_map { width:100%; padding-top:26px; }
.contact_area .contact_map iframe { width:100%; height:540px; border:3px solid #e2e2e2; box-sizing:border-box; }

.contact_area .contact_form { padding-top:40px; }
.contact_area .contact_form_title { padding-bottom:20px; font-size:48px; color:#2c6330; font-weight:700; }
.contact_area .contact_form_content { width:100%; }

/*-------------------------------------------------------------------------------------*/
/* EDITOR CONTENT */

.editor_content { min-height:480px; display:block; color:#000000; font-size:16px; }
.editor_content:after { content:""; display:block; width:100%; clear:both; }
.editor_content .table_area { width:100%; overflow-x:auto; }
.editor_content iframe { max-width:100%; box-sizing:border-box; }
.editor_content img { max-width:100%; box-sizing:border-box; }
.editor_content table { max-width:100%; box-sizing:border-box; border-collapse:collapse; border-style:solid; }

/* Tag default values */
.editor_content ul, 
.editor_content ol { display:block; xmargin:1em 0; xpadding-left:40px; padding-left:20px; }
.editor_content ul { list-style-type:disc; }
.editor_content ol { list-style-type:decimal; }
/*
.editor_content h1 { margin:0.67em 0; }
.editor_content h2 { margin:0.83em 0; }
.editor_content h3 { margin:1em 0; }
.editor_content h4 { margin:1.33em 0; }
.editor_content h5 { margin:1.67em 0; }
.editor_content h6 { margin:2.33em 0; }
.editor_content p { margin:1em 0; }
*/