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

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

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

#top .logo { width:425px; }
#top .search_area { padding-top:18px; }

#main .left_side { width:200px; }

#main .right_side { width:700px; }

#footer .footer_btn a { height:60px; margin:0 15px; line-height:60px; }

#footer .footer_menu { padding-right:50px; }
#footer .copyright { padding-left:50px; }
}

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

#top .logo { width:375px; }
#top .toolbar { display:none; }
#top .mobile_btn { display:block; }

#menu { position:fixed; top:0; left:-280px; z-index:1; width:280px; height:100%; box-sizing:border-box; overflow:hidden; transition:all 0.5s ease; }
#menu .container { height:100%; padding-bottom:56px; padding-left:0; padding-right:0; }
#menu .menu_area { width:100%; height:100%; overflow-x:hidden; overflow-y:scroll; box-sizing:border-box; -webkit-overflow-scrolling:touch; }
#menu .menu_area ul.menu_list { margin:0; display:block; }
#menu .menu_area ul.menu_list > li { display:block; padding:0 !important; border-bottom:1px solid #cccccc; box-sizing:border-box; }
#menu .menu_area ul.menu_list > li:before, 
#menu .menu_area ul.menu_list > li:after { display:none !important; }
#menu .menu_area ul.menu_list > li.mobile_only { display:block; }
#menu .menu_area ul.menu_list > li > a.lv1 { display:block; height:auto; padding:15px 65px 15px 15px; background-color:#aaaaaa; box-sizing:border-box; text-align:left; font-size:16px; color:#ffffff; font-weight:700; line-height:20px; }
#menu .menu_area ul.menu_list > li > a.lv1:before { display:none; }
#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:hover > a.lv1, 
#menu .menu_area ul.menu_list > li > a.lv1:hover { color:#ffffff; }
#menu .menu_area ul.menu_list > li.openDrop > a.lv1 i { transform:rotate(90deg); }

#menu .menu_area ul.dropdown_menu { position:static; padding-top:6px; padding-bottom:12px; background-color:#eaeaea; border:none; border-top:1px solid #cccccc; display:none; }
#menu .menu_area ul.dropdown_menu > li { display:block; position:relative; border-bottom:none; }
#menu .menu_area ul.dropdown_menu > li > a.lv2 { display:block; padding:6px 15px; margin:0; font-size:16px; color:#000000; }

#menu .mobile_language { display:block; }

#main .left_side { width:100%; }
#main .left_side .left_menu { display:none; }
#main .left_side .left_select { display:block; }

#main .right_side { width:100%; }

#footer .footer_menu { padding-right:0; }
#footer .copyright { padding-left:0; }

.openResponsive, 
.openResponsive body { height:100%; overflow:hidden; }
.openResponsive #wrap { left:280px; }
.openResponsive #wrap .overlay { width:100vw; height:100vh; 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: 767px){
/* ipad to iphone 6 plus */
body { font-size:14px; }

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

#top .logo { width:325px; padding:20px 0; }

#banner .banner_title h1 { font-size:28px; }

#slogan p { font-size:26px; }

#main .sub_title { border-bottom-width:1px; font-size:22px; }

#main .content { padding-bottom:42px; }

#footer { padding:22px 0; }
#footer .footer_btn { padding:0; }
#footer .footer_btn a { max-width:183px; height:52px; border-radius:8px; margin:6px 10px; font-size:16px; line-height:52px; }
#footer .footer_btn a img { padding-right:4px; transform:scale(0.9); }

#footer .footer_menu { width:100%; padding-top:28px; }
#footer .footer_menu ul { margin:0; text-align:center; }

#footer .copyright { width:100%; padding-top:28px; padding-bottom:6px; font-size:10px; text-align:center; }
}

@media screen and (max-width: 620px){
#top .mobile_btn { margin-top:-17px; }
#top .mobile_btn a { width:34px; height:34px; line-height:34px; }
#top .mobile_btn a i { font-size:22px; }

#menu { 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 .logo { width:275px; }

#banner .inner_banner { padding:15px 0; }

#banner .banner_title { position:static; background-color:#22499e; }
#banner .banner_title .title { display:block; width:100%; min-width:10px; }
#banner .banner_title .title:before { display:none; }
#banner .banner_title h1 { padding:6px 0; font-size:24px; }

#slogan p { font-size:22px; }

#main .left_side .left_select .select_area { max-width:240px; }

#footer .footer_menu { display:none; }
}

@media screen and (max-width: 413px){
#top .logo { width:225px; }

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

@media screen and (max-width: 374px){

}

@media screen and (max-width: 319px){
#top .logo { width:100%; }
#top .logo img { max-width:225px; margin:0 auto; }

#top .mobile_btn { float:right; width:100%; position:static; padding-bottom:14px; margin-top:0; text-align:center; }
#top .mobile_btn a { display:inline-block; width:auto; padding:0 10px; font-size:16px; }
#top .mobile_btn a i { vertical-align:bottom; }

#menu { width:100%; }

.openResponsive #wrap { transform:translate3d(100%, 0, 0); -webkit-transform:translate3d(100%, 0, 0); -moz-transform:translate3d(100%, 0, 0); }
}

@media screen and (max-width: 279px){
#footer .footer_btn a { height:auto; padding:11px; box-sizing:border-box; margin:6px auto; line-height:normal; display:flex; flex-wrap:nowrap; justify-content:center; align-items:center; text-align:left; }
#footer .footer_btn a img { float:left; }
}

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

@media screen and (max-width: 1219px){
.index_section .index_content { padding-left:0; padding-right:0; }

.ball_list .ball_item { width:172px; padding:6px 15px; }
.ball_list .ball_name { max-height:60px; font-size:16px; }
.ball_list .ball_title { font-size:16px; }
}

@media screen and (max-width: 980px){
.index_section { padding:40px 0; }
}

@media screen and (max-width: 767px){
.index_section .index_content { margin:0 -10px; }

.ball_list .ball_item { width:33.33334%; padding:10px; }
.ball_list .ball_icon { padding-bottom:0; }
.ball_list .ball_icon img { transform:scale(0.85) }
.ball_list .ball_name { max-height:57px; font-size:15px; }
.ball_list .ball_title { padding-top:6px; font-size:15px; }

.red_ball_section .ball_list { max-width:none; }
}

@media screen and (max-width: 479px){
.index_section { padding:26px 0; }

.ball_list { text-align:center; }
.ball_list .ball_item { width:50%; max-width:172px; text-align:center; }
}

@media screen and (max-width: 319px){
.ball_list .ball_item { width:100%; max-width:none; }
.ball_list .ball { max-width:152px; margin:0 auto; }
}

/*-------------------------------------------------------------------------------------*/
/* ABOUT */

@media screen and (max-width: 767px){
.about_content { padding-bottom:62px !important; }
.about_content .title { font-size:18px; }
.about_content .intro { font-size:14px; }
.about_content .intro h3 { font-size:18px; }

.about_content .table table.history_table { width:100%; max-width:425px; }
.about_content .table table.history_table td:first-child { width:auto; }

.about_content .table table.license_table td:first-child { width:50%; }

.about_content .management_item { border-radius:0 22px; }
.about_content .management_post { padding:8px 15px; font-size:18px; }
.about_content .management_info { padding:15px 15px; }
.about_content .management_name { padding-bottom:8px; font-size:18px; }
.about_content .management_quality { padding-bottom:8px; font-size:13px; }
.about_content .management_intro { padding:8px 0; }

.about_content .table table.dept_table { border:1px solid #b8c5d4; box-sizing:border-box; }
.about_content .table table.dept_table td { display:block; width:100% !important; box-sizing:border-box; border:none; }
.about_content .table table.dept_table tbody td:first-child { padding-bottom:0; }
.about_content .table table.dept_table tbody td:last-child { padding-top:4px; }

.about_content .cert_info { padding-top:10px; font-size:12px; }
}

@media screen and (max-width: 479px){
.about_content .management_item { border-radius:0 16px; }

.about_content .cert_item { width:50%; }
}

@media screen and (max-width: 374px){
.about_content .cert_item { width:100%; }
}

/*-------------------------------------------------------------------------------------*/
/* SERVICE */

@media screen and (max-width: 767px){
.service_content { padding-bottom:62px !important; }
.service_content .title { font-size:18px; }
.service_content .intro { font-size:16px; }
.service_content .intro h3 { font-size:18px; }
}

/*-------------------------------------------------------------------------------------*/
/* NEWS */

@media screen and (max-width: 980px){
.news_cate_list .news_cate { height:60px; font-size:22px; }
}

@media screen and (max-width: 767px){
.news_cate_list .news_cate { height:56px; font-size:18px; }
}

@media screen and (max-width: 479px){
.news_cate_list .news_cate_item { width:50%; padding:3px; }
.news_cate_list .news_cate { height:52px; }
.news_cate_list .news_cate.active:before { display:none; }
}

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

@media screen and (max-width: 767px){
.contact_info .contact_title { font-size:16px; }
.contact_info .contact_content { font-size:14px; }

.contact_table table.dept_table td { width:82px; padding:10px 6px; box-sizing:border-box; white-space:nowrap; }
.contact_table table.dept_table td:first-child { width:auto; white-space:pre-wrap; }
}

@media screen and (max-width: 413px){
.contact_table table.address_table td { xwidth:50%; padding:8px; }
}

@media screen and (max-width: 319px){
.contact_table table.address_table { display:block; border:1px solid #b8c5d4; }
.contact_table table.address_table tbody { display:block; }
.contact_table table.address_table tr { display:block; border-top:1px solid #b8c5d4; }
.contact_table table.address_table td { display:block; width:100%; border:none; box-sizing:border-box; }
.contact_table table.address_table tr:first-child { border-top:none; }
.contact_table table.address_table td:first-child { padding-bottom:0; }
.contact_table table.address_table td:last-child { padding-top:0; }

.contact_table table.dept_table { display:block; border:1px solid #b8c5d4; }
.contact_table table.dept_table tbody { display:block; }
.contact_table table.dept_table tr { display:block; border-top:1px solid #b8c5d4; }
.contact_table table.dept_table td { display:block; width:100%; padding:0 6px; border:none; text-align:left; }
.contact_table table.dept_table td:first-child { padding-top:10px; padding-bottom:4px; }
.contact_table table.dept_table td:last-child { padding-bottom:10px; }

.contact_table table.dept_table tr:first-child { border-top:none; }
.contact_table table.dept_table tr:first-child td:nth-child(2), 
.contact_table table.dept_table tr:first-child td:nth-child(3) { display:none; }
.contact_table table.dept_table td:nth-child(2):before, 
.contact_table table.dept_table td:nth-child(3):before { content:attr(data-label)': '; }
}

/*-------------------------------------------------------------------------------------*/
/* SITEMAP */

@media screen and (max-width: 767px){
.sitemap_content ul.menu_list > li { width:50%; }
.sitemap_content ul.menu_list > li > a.lv1 { font-size:16px; }
.sitemap_content ul.dropdown_menu > li > a.lv2 { font-size:14px; }
}

@media screen and (max-width: 374px){
.sitemap_content ul.menu_list > li { width:100%; }
}

/*-------------------------------------------------------------------------------------*/
/* 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 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; }
}