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

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

@media screen and (max-width: 1599px){
#wrap .container { max-width:1200px; }

#top .company { font-size:18px; }
#top .logo { max-width:140px; }

#menu .menu_area ul.menu_list.left_side { -ms-flex-pack:justify; justify-content:space-between; padding-right:69px; }
#menu .menu_area ul.menu_list.right_side { -ms-flex-pack:justify; justify-content:space-between; padding-left:69px; }

#menu .menu_area ul.menu_list > li > a.lv1 { padding:14px 10px; }

#banner .inner_banner h2 { bottom:28px; font-size:52px; }

#main .left_side { -ms-flex:0 0 234px; flex:0 0 234px; width:234px; padding-right:42px; box-sizing:border-box; }

#main .sub_title { font-size:40px; }

#main .option_tools .year_filter { left:55%; top:-57px; }
#main .option_tools .year_filter select { width:200px; }

#main .option_tools .multipage { right:0; top:-72px; }
}

@media screen and (max-width: 1219px){
#wrap .container { max-width:960px; }

#top { border-bottom:14px solid #dbeed2; }
#top .logo { max-width:120px; }
#top .logo img { margin:-23px 0 -76px 0; }
#top .lang_area { display:none; }
#top .mobile_btn { display:block; }

#menu { position:fixed; left:-280px; top:0; z-index:5100; display:block; width:280px; height:100%; padding:0; box-sizing:border-box; transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; }
#menu .container { height:100%; padding:0; }
#menu .menu_area { display:block; width:100%; height:100%; overflow-x:hidden; overflow-y:scroll; -webkit-overflow-scrolling:touch; }
#menu .menu_area ul.menu_list { display:block; width:100%; padding:0 !important; margin:0; position:static; }
#menu .menu_area ul.menu_list > li { display:block; border-bottom:1px solid #cccccc; padding:0; box-sizing:border-box; }
#menu .menu_area ul.menu_list > li.mobile_only { display:block; }

#menu .menu_area ul.menu_list > li > a.lv1 { display:block; padding:15px 50px 15px 15px; background-color:#2c6330; box-sizing:border-box; text-align:left; font-size:18px; color:#ffffff; font-weight:600; line-height:normal; }
#menu .menu_area ul.menu_list > li > a.lv1 i { position:absolute; right:0; top:0; display:block; width:50px; height:50px; text-align:center; line-height:50px; font-size:20px; color:#ffffff; font-style:normal; transition:all 0.3s ease; }
#menu .menu_area ul.menu_list > li > a.lv1 i:before { position:absolute; left:50%; top:50%; content:""; width:0; height:0; margin-left:-4px; margin-top:-6px; border-style:solid; border-width:6px 0 6px 8px; border-color:transparent transparent transparent #ffffff; }
#menu .menu_area ul.menu_list > li.openDrop > a.lv1 i { transform:rotate(90deg); }

#menu .menu_area ul.dropdown_menu { width:100%; position:static; background-color:#dbeed2; padding:0; border-top:1px solid #cccccc; box-shadow:none; display:none; }
#menu .menu_area ul.dropdown_menu > li { display:block; position:relative; border-bottom:1px solid #cccccc; }
#menu .menu_area ul.dropdown_menu > li:last-child { border-bottom:none; }
#menu .menu_area ul.dropdown_menu > li > a.lv2 { display:block; padding:12px 50px 12px 15px; color:#2c6330; }
#menu .menu_area ul.dropdown_menu > li > a.lv2 i { position:absolute; right:0; top:50%; display:block; width:50px; height:41px; text-align:center; line-height:41px; font-size:20px; color:#2c6330; font-style:normal; transition:all 0.3s ease; transform:translateY(-50%) rotate(0deg); }
#menu .menu_area ul.dropdown_menu > li > a.lv2 i:before { position:absolute; left:50%; top:50%; content:""; width:0; height:0; margin-left:-4px; margin-top:-6px; border-style:solid; border-width:6px 0 6px 8px; border-color:transparent transparent transparent #ffffff; }
#menu .menu_area ul.dropdown_menu > li.openDrop > a.lv2 i { transform:translateY(-50%) rotate(90deg); }

#banner .inner_banner h2 { bottom:20px; font-size:42px; }

#main .option_tools { display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -ms-flex-pack:justify; justify-content:space-between; -ms-flex-align:center; align-items:center; padding-top:30px; overflow:hidden; }
#main .option_tools .year_filter { -ms-flex:0 0 183px; flex:0 0 183px; width:183px; position:static; transform:none; }
#main .option_tools .year_filter select { width:100%; }
#main .option_tools .multipage { -ms-flex:1 0 0%; flex:1 0 0%; position:static; padding-top:0; }




.openResponsive { height:100%; }
.openResponsive body { overflow:hidden; }
.openResponsive #wrap { left:280px; }
.openResponsive #wrap .overlay { width:100%; height:100%; opacity:1; transition:opacity 0.5s ease; -webkit-transition:opacity 0.5s ease; -moz-transition:opacity 0.5s ease; transition-delay:0; }
.openResponsive #menu { left:0; }
}

@media screen and (max-width: 980px){
/* desktop to ipad */
#wrap .container { max-width:768px; }

#top .company { font-size:16px; }
#top .logo { max-width:110px; }
#top .mobile_btn { top:24%; }

#main .left_side { -ms-flex:0 0 100%; flex:0 0 100%; width:100%; padding-right:0; padding-bottom:30px; }
#main .left_side .left_menu { display:none; }
#main .left_side .left_select { display:block; }

#main .right_side { -ms-flex:0 0 100%; flex:0 0 100%; width:100%; }
}

@media screen and (max-width: 767px){
/* ipad to iphone 6 plus */
body { font-size:14px; }

#wrap .container { max-width:none; }
#wrap .back_to_top { right:15px; }

#top { border-bottom-width:6px; }
#top .company { font-size:12px; }
#top .logo { max-width:60px; }
#top .logo img { margin:-8px 0 -36px 0; }

#top .mobile_btn { top:24%; }

#banner .inner_banner { padding:20px 0; }
#banner .inner_banner h2 { bottom:-10px; font-size:32px; line-height:1.1; text-shadow:1px 1px rgba(0,0,0,0.6); }

#main { padding-bottom:68px; }
#main .sub_title { padding-bottom:10px; font-size:28px; }




#footer:before { height:68px; background-size:cover; }
#footer .sitemap_list { -ms-flex-pack:justify; justify-content:space-between; }
#footer .sitemap_list ul { max-width:26%; padding-right:0; }
#footer .sitemap_list ul li a { font-size:14px; }

#footer .copyright { padding-top:24px; text-align:center; }
#footer .copyright p { font-size:10px; }
}

@media screen and (max-width: 620px){
#top .mobile_btn a { width:32px; height:32px; line-height:32px; }
#top .mobile_btn a span { font-size:28px; }

#top .menu_side { left:-250px; width:250px; }

.openResponsive #wrap { left:250px; }
}

@media screen and (max-width: 479px){
/* below iphone 6 plus */
#wrap .back_to_top { position:fixed !important; bottom:14px !important; }

#top .company { font-size:12px; }
#top .mobile_btn { top:36%; }

#banner .inner_banner h2 { font-size:26px; }

#main .multipage { margin:0; }
#main .multipage a { display:none; }
#main .multipage .select_area { display:inline-block; max-width:120px; }

#main .option_tools { display:-ms-flexbox; display:flex; -ms-flex-pack:justify; justify-content:space-between; -ms-flex-align:center; align-items:center; padding-top:30px; overflow:hidden; }
#main .option_tools .year_filter { -ms-flex:0 0 100%; flex:0 0 100%; width:100%; text-align:right; }
#main .option_tools .multipage { -ms-flex:0 0 100%; flex:0 0 100%; width:100%; padding-top:22px; }
}

@media screen and (max-width: 413px){
#top .company { font-size:11px; }

#footer .sitemap_list ul li a { font-size:12px; }

#footer .copyright p { font-size:9px; }
}

@media screen and (max-width: 374px){
#top .company { font-size:10px; }
}

@media screen and (max-width: 319px){
#top .top_area { display:block; }

#top .mobile_btn { position:static; margin-top:0; padding-top:6px; text-align:center; }
#top .mobile_btn a { display:inline-block; vertical-align:top; width:auto; height:auto; padding:8px 15px; font-size:12px; line-height:normal; }
#top .mobile_btn a i { vertical-align:sub; padding-right:8px; font-size:20px; line-height:1; }

#menu { left:-100%; width:100%; }

.openResponsive #wrap { left:100%; }
}



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

@media screen and (max-width: 767px){
.form_area .form_info { font-size:16px; }

.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 { padding:0 15px; font-size:16px; }

.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:38px; }
.form_area .form_row .field textarea { padding:12px 15px; }

.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:126px; height:38px; font-size:18px; }

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

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

@media screen and (max-width: 1599px){
.section .section_title { font-size:40px; }
.section .section_content { font-size:18px; }

.about_us_section .section_content { max-width:570px; }
}

@media screen and (max-width: 1219px){
.about_us_section .section_content { max-width:470px; }
}

@media screen and (max-width: 980px){
.about_us_section { padding:40px 0; }
.about_us_section .section_content { max-width:50%; }
}

@media screen and (max-width: 767px){
.section .section_title { font-size:32px; }
.section .section_content { font-size:16px; line-height:1.4; }
.section .section_more a { padding:12px 16px; font-size:16px; }

.about_us_section { background-image:none; }
.about_us_section:before { position:absolute; left:0; top:0; content:""; width:100%; height:100%; background:url(../img/index_about_us_bg2026.png) no-repeat 75% top; background-size:cover; opacity:0.4; }
.about_us_section .section_content { max-width:none; }
.about_us_section .section_content p { text-shadow:1px 1px rgba(255,255,255,0.8); }

.index_campus_list .index_campus_title { font-size:20px; }
.index_campus_list .index_campus_desc { font-size:12px; }
.index_campus_list .index_campus_tel { font-size:12px; }
.index_campus_list .index_campus_tel img { max-width:20px; }
.index_campus_list .index_campus_apply a { padding:6px 10px; font-size:12px; }
.index_campus_list .index_campus_more a { padding:6px 14px; font-size:12px; }

.contact_us_section { padding-bottom:116px; }
}

@media screen and (max-width: 479px){
.section .section_title { font-size:26px; }
}

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

@media screen and (max-width: 1599px){
.news_list .news { padding:22px 30px 24px 30px; }
.news_list .news_info { padding-right:70px; }
}

@media screen and (max-width: 980px){
.news_list .news { padding:18px 20px; }
.news_list .news_info { padding-right:30px; }
}

@media screen and (max-width: 767px){
.news_list .news { padding:15px; }

.news_list .news_info { padding-right:15px; font-size:16px; }
.news_list .news_info h3 { font-size:22px; }
.news_list .news_btn { -ms-flex:0 0 102px; flex:0 0 102px; width:102px; }
.news_list .news_btn a { font-size:12px; }

.news_detail .news_detail_date { font-size:18px; }
.news_detail .news_detail_title { font-size:26px; }
.news_detail .news_detail_btn a { padding:8px 22px; font-size:16px; }
.news_detail .news_detail_btn a img { max-width:22px; }
}

@media screen and (max-width: 479px){
.news_list .news { display:block; }
.news_list .news_info { padding-riht:0; padding-bottom:16px; }
}

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

@media screen and (max-width: 1599px){
.gallery_list .gallery_photo { height:163px; }
    
.gallery_detail .gallery_detail_info { padding:50px 44px; }
.gallery_detail .gallery_detail_photo { padding:0 64px; }
.gallery_detail .gallery_detail_photo .large_photo .row_prev, 
.gallery_detail .gallery_detail_photo .large_photo .row_next { width:48px; height:48px; font-size:38px; line-height:46px; }
.gallery_detail .gallery_detail_photo .large_photo .row_prev { left:-64px; }
.gallery_detail .gallery_detail_photo .large_photo .row_next { right:-64px; }
    
.gallery_detail .gallery_detail_photo .thumb { height:95px; }
    
.gallery_detail .gallery_detail_photo .thumb_list.owl-loaded .owl-nav { font-size:32px; }
.gallery_detail .gallery_detail_photo .thumb_list.owl-loaded .owl-prev { left:-40px; }
.gallery_detail .gallery_detail_photo .thumb_list.owl-loaded .owl-next { right:-40px; }
    
.gallery_detail .gallery_detail_youtube iframe { height:420px; }
}

@media screen and (max-width: 1219px){
.gallery_list .gallery_item { -ms-flex:0 0 33.33334%; flex:0 0 33.33334%; width:33.33334%; }
    
.gallery_detail .gallery_detail_info { padding:42px 20px; }
.gallery_detail .gallery_detail_photo { padding:0 54px; }
.gallery_detail .gallery_detail_photo .large_photo .row_prev, 
.gallery_detail .gallery_detail_photo .large_photo .row_next { width:42px; height:42px; font-size:32px; line-height:40px; }
.gallery_detail .gallery_detail_photo .large_photo .row_prev { left:-54px; }
.gallery_detail .gallery_detail_photo .large_photo .row_next { right:-54px; }
    
.gallery_detail .gallery_detail_photo .thumb { height:80px; }
    
.gallery_detail .gallery_detail_photo .thumb_list.owl-loaded .owl-nav { font-size:26px; }
.gallery_detail .gallery_detail_photo .thumb_list.owl-loaded .owl-prev { left:-32px; }
.gallery_detail .gallery_detail_photo .thumb_list.owl-loaded .owl-next { right:-32px; }
}

@media screen and (max-width: 767px){
.gallery_list { margin:-7px; }
.gallery_list .gallery_item { -ms-flex:0 0 50%; flex:0 0 50%; width:50%; padding:7px; }
.gallery_list .gallery_date { width:34px; }
.gallery_list .gallery_date .date { font-size:11px; }
.gallery_list .gallery_date .date:before { border-width:8px 17px 0 17px; }
.gallery_list .gallery_date .date p { font-size:18px; }
.gallery_list .gallery_date .year { padding-top:14px; font-size:9px; }
.gallery_list .gallery_title { padding-left:44px; font-size:14px; }
.gallery_list .gallery_btn { padding-bottom:20px; }
.gallery_list .gallery_btn a { padding:8px 18px; font-size:11px; }
    
.gallery_detail .gallery_detail_header { padding:0 16px; }
.gallery_detail .gallery_detail_date { -ms-flex:0 0 42px; flex:0 0 42px; width:42px; }
.gallery_detail .gallery_detail_date .date { font-size:14px; }
.gallery_detail .gallery_detail_date .date:before { border-width:12px 21px 0 21px; }
.gallery_detail .gallery_detail_date .date p { font-size:22px; }
.gallery_detail .gallery_detail_date .year { padding-top:14px; font-size:12px; }
.gallery_detail .gallery_detail_title { padding-left:16px; font-size:28px; }

.gallery_detail .gallery_detail_photo { padding:0; }
.gallery_detail .gallery_detail_photo .large_photo .row_prev, 
.gallery_detail .gallery_detail_photo .large_photo .row_next { display: none; }

.gallery_detail .gallery_detail_photo .thumb_area { padding-left:32px; padding-right:32px; }
.gallery_detail .gallery_detail_photo .thumb { height:64px; }

.gallery_detail .gallery_detail_youtube iframe { height:40vh; }
    
.gallery_detail .gallery_detail_back a { padding:7px 28px 7px 20px; font-size:16px; }
.gallery_detail .gallery_detail_back a i { font-size:20px; }
}

@media screen and (max-width: 479px){
.gallery_list .gallery_photo { height:139px; }
}

@media screen and (max-width: 374px){
.gallery_list .gallery_item { -ms-flex:0 0 100%; flex:0 0 100%; width:50%; }
}

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

@media screen and (max-width: 1599px){
.calendar_area .calendar_table { max-width:790px; padding:0; }
}

@media screen and (max-width: 767px){
.calendar_area .calendar_topic { padding:0 20px; font-size:22px; text-align:left; }
    
.calendar_area .calendar_row { right:20px; }

.calendar_area .calendar_table .table { font-size:14px; }

.calendar_area .calendar_table .calendar_event { font-size:11px; }

.calendar_remark { padding-left:0; padding-right:0; }
.calendar_remark .remark_item { padding-left: 20px; padding-right: 0; }
.calendar_remark .remark { padding-left:20px; line-height:16px; font-size:13px; }
.calendar_remark .remark:before { width:16px; height:16px; }
}

@media screen and (max-width: 479px){
.calendar_area .calendar_info { padding:15px; }

.calendar_remark .remark_item { display:block; padding:0; padding-bottom:10px; text-align: left; }
.calendar_remark .remark { display:inline-block; vertical-align:top; }
}

@media screen and (max-width: 413px){
.calendar_area .calendar_topic { font-size:20px; }
}

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

@media screen and (max-width: 1599px){
.contact_area .contact_map iframe { height:420px; }
}

@media screen and (max-width: 767px){
.contact_area .contact_info { font-size:18px; }
.contact_area .contact_info h3 { font-size:26px; }
.contact_area .contact_map iframe { height:40vh; border-width:2px; }

.contact_area .contact_form_title { font-size:32px; }
}

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

@media screen and (max-width: 980px){
.editor_content { }
.editor_content img { width:auto !important; height:auto !important; }
.editor_content table { xwidth:auto !important; max-width:100%; }
.editor_content iframe { max-height:calc(30vh) }
.editor_content a[href^="http:"],
.editor_content a[href^="https:"],
.editor_content a[href^="mailto:"] { word-break:break-all; }
}

@media screen and (max-width: 767px){
.editor_content { font-size:14px; }
}