/* ------------------------------------ */
.header_top_wrap.top_fix {}
.header_wrap.top_fix {position:fixed; top:0; z-index:10000; background-color:rgba(22, 33, 44, 0.85); }
.header_wrap_end {display:none;}
.header_wrap_end.top_fix {display:block; width:0; height:0; margin:100px 0 0 0; }
/* ------------------------------------ */
/* =header begin=================================================================== */
.header_top_wrap {position:absolute; top:2px; right:3px; clear:both; z-index:2; }
.header_top {display:inline-block; overflow:visible; position:relative; clear:both; }

.header_top_menu_ul {float:right; }
.header_top_menu_li {float:left; display:block; }
.header_top_menu_li::after {content:""; display:inline-block; vertical-align:top; width:1px; height:40px; background:url(/image/cms/header/header_top_menu_ul_gap.gif) no-repeat center center;}
.header_top_menu_li:last-child::after {background:url();}
.header_top_menu_li > a {display:inline-block; color:#fafafa; font-size:13px; line-height:40px; padding:0 12px;}
.header_top_menu_li > a:hover {color:#ffff00; }
.header_top_menu_li_search > a {display:inline-block; vertical-align:top; width:40px; height:40px; margin:0 auto; background:url(/image/cms/header/header10_search_333.png) no-repeat center center;}

@media all and (max-width:1300px) { 
	.header_top {width:100%; }
}
@media all and (max-width:450px) { 
	.header_top_wrap {width:100%; clear:both; overflow:visible; }
	.header_top {width:100%; overflow:visible; position:relative; clear:both; }

	.header_top_link_ul {float:none; display:block; text-align:center; }
	.header_top_link_li1 {width:50%; }
	.header_top_link_li2 {width:50%; }
	.header_top_menu_ul {display:none; }
}
/* ------------------------------------ */
.header_wrap {position:absolute; top:0px; width:100%; height:100px; clear:both; z-index:1; background-color:rgba(22, 33, 44, 0.5); }

.header {position:relative; width:100%; max-width:2000px; height:100%; margin:0 auto; }

.header .logo {position:absolute; left:10px; top:30px; }
.header .logo a {display:inline-block; width:390px; height:40px; background:url(/cms/www/social/image/logo.png) center center / cover no-repeat; vertical-align:middle;}
@media all and (max-width:1300px) { 
	.header {width:100%; }
	.header .logo {position:absolute; left:10px; top:30px;  }
	.header .logo a {display:inline-block; width:390px; height:0; padding-bottom: calc(40 / 390 * 100%);  }
}
@media all and (max-width:550px) { 
	.header .logo {position:static; padding:0 120px 0 5px; height:100px; line-height:100px; vertical-align:middle;  }
	.header .logo a {width:100%;  }
}

/* ------------------------------------ */
.top_menu_wrap {width:100%; clear:both; z-index:3; margin:-57px 0 0 0; }
.top_menu {position:relative;  width:1300px; margin:0 auto; z-index:999; }

.top_menu .tm_ul {width:650px; display:table; z-index:1000; float:right; margin:0 76px 0 0; }
.top_menu .tm_liA {display:table-cell; text-align:center; vertical-align:top; position:relative; }
.top_menu .tm_liA > a {font-size:19px; line-height:19px; color:#fff; font-weight:400; display:inline-block; }
.top_menu .tm_liA > a:hover { color:#ffff00; font-weight:500; text-decoration:none;} 
.top_menu .tm_liA > a.link::after {content:""; display:inline-block; vertical-align:middle; margin:0 0 0 5px; width:11px; height:11px; background:url(/image/cms/header/top_menu_link_yellow.png) no-repeat; }

.top_menu .tm_liA1 {width:150px}
.top_menu .tm_liA2 {width:150px}
.top_menu .tm_liA3 {width:150px}
.top_menu .tm_liA4 {width:150px}
.top_menu .tm_liA5 {width:150px}
.top_menu .tm_liA6 {width:150px}
.top_menu .tm_liA7 {width:150px}

@media all and (max-width:1300px) { 
	.top_menu {width:100%; }
}
@media all and (max-width:1111px) { 
	.top_menu {display:none;  }
}
/* -submenu1 begin----------------------------------- */
.top_menu .tm_ulB_wrap    {height:0;     position:absolute; left:0; top:57x; overflow:hidden; 
	transition-duration:0.01s; -ms-transition-duration:0.01s; -moz-transition-duration:0.01s; -webkit-transition-duration:0.01s; -o-transition-duration:0.01s; }
.top_menu .tm_ulB_wrap.on {height:300px; position:absolute; left:0; top:57px; overflow:hidden; 
	transition-duration:0.9s; -ms-transition-duration:0.9s; -moz-transition-duration:0.9s; -webkit-transition-duration:0.9s; -o-transition-duration:0.9s; }
/*
.top_menu .tm_ulB    {width:calc(100% - 40px); padding:12px 10px;   background-color:rgba(33,44,66, 0.7); margin:0 20px; box-shadow: 0px 3px 20px 1px rgba(0,0,0,0.2); overflow:hidden; 	}
.top_menu .tm_ulB > li {text-align:left; display:block;}
.top_menu .tm_ulB > li > a {color:#fff; display:block; font-size:16px; margin:6px 0; text-align:center; }
.top_menu .tm_ulB > li > a:hover {text-decoration:underline;}
*/
.top_menu .tm_ulB    {width:calc(100% - 40px); padding:10px 10px 30px 10px;   background-color:rgba(33,44,66, 0.85); margin:0 20px; box-shadow: 0px 3px 20px 1px rgba(0,0,0,0.2); overflow:hidden; 	}
.top_menu .tm_ulB > li {text-align:left; display:block;}
.top_menu .tm_ulB > li > a {color:#fff; display:block; font-size:16px; margin:6px 0; text-align:center; }
.top_menu .tm_ulB > li > a:hover {text-decoration:underline;}
.top_menu .tm_liB > a[menu_type='link']::after {content:""; display:inline-block; vertical-align:middle; margin:0 0 0 5px; width:11px; height:11px; background:url(/image/cms/header/top_menu_link_yellow.png) no-repeat; }

.top_menu .tm_liA .tm_ulB1_wrap {width:240px; margin-left:calc( (-240px + 100%) / 2  ); }
.top_menu .tm_liA .tm_ulB2_wrap {width:240px; margin-left:calc( (-240px + 100%) / 2  ); }
.top_menu .tm_liA .tm_ulB3_wrap {width:240px; margin-left:calc( (-240px + 100%) / 2  ); }
.top_menu .tm_liA .tm_ulB4_wrap {width:240px; margin-left:calc( (-240px + 100%) / 2  ); }
.top_menu .tm_liA .tm_ulB5_wrap {width:240px; margin-left:calc( (-240px + 100%) / 2  ); }
.top_menu .tm_liA .tm_ulB6_wrap {width:240px; margin-left:calc( (-240px + 100%) / 2  ); }
.top_menu .tm_liA .tm_ulB7_wrap {width:240px; margin-left:calc( (-240px + 100%) / 2  ); }
.top_menu .tm_ulC {display:none; }
/* -submenu1 end----------------------------------- */


/* ------------------------------------ */
#header_search {width:76px; text-align:right; padding:0; position:absolute; bottom:25px; right:10px; z-index:1000; }
#header_search > img, #header_search > a {display:block; float:left; }
#header_search img {border:none; background-color:#transparent; border:solid 1px transparent;}
#header_search img:hover { border:solid 1px #fff; }
.header_search_img {display:block; margin:0 0px 0 0;}
#header_search_input_wrap {display:none; z-index:3001; position:absolute; width:100%; height:86px; left:0; bottom:-86px; border:solid 0px #111; background-color:#fff; box-shadow: 0px 3px 20px 1px rgba(0,0,0,0.2);}
#header_search_input {width:306px; height:46px; margin:20px auto; border:solid 3px #232b66; }
#header_search_input {width:306px; height:46px; margin:20px auto; border:solid 3px #232b66; }
#header_search_input input[type='text'] {float:left; width:220px; height:40px; border:none; padding:0 10px; }
#header_search_input .header_search_input_btn {float:right; width:80px; height:40px; line-height:40px;text-align:center; background-color:#232b66; color:#fff; cursor:pointer; }
.header_search_close {position:absolute; right:10px; top:15px; cursor:pointer; }

@media all and (max-width:1300px) { 
	#header_search {right:10px; }
}
@media all and (max-width:530px) { 
	#header_search_input {width:90%; }
	.header_search_close {display:none;}
}
/* ==================================================================== */
.main_sub_img_wrap {width:100%; overflow:hidden; z-index:0; position:relative; margin:0; }
.main_sub_img {width:100%; overflow: hidden; height:350px; text-align:center; }
.main_sub_img_title {font-size:50px; line-height:55px; font-family:'Noto Sans KR'; font-weight:400;color:#fff; margin:160px auto 0 auto; text-shadow: 3px 3px 3px rgba(0,0,0,0.7);}
@media all and (max-width:800px) { 
	.Xmain_sub_img_wrap { display:none;}
}
/* =header end=================================================================== */

/* =submenu begin=================================================================== */
.sub_menu_wrap {width:100%; height:0; position:absolute; left:0; top:80px; background-color:#fff; z-index:2001; overflow:hidden; 
	border-bottom:none; box-shadow:none;
	transition-duration:0.2s; -ms-transition-duration:0.2s; -moz-transition-duration:0.2s; -webkit-transition-duration:0.2s; -o-transition-duration:0.2s; }
.sub_menu_wrap.on {height:290px; border-bottom:solid 1px #111;  box-shadow: 0px 3px 20px 1px rgba(0,0,0,0.2);
	transition-duration:0.5s; -ms-transition-duration:0.5s; -moz-transition-duration:0.5s; -webkit-transition-duration:0.5s; -o-transition-duration:0.5s; }
.sub_menu {width:1300px; position:relative; margin:0 auto; }
.sub_menu_img_wrap {position:absolute; top:0; left:0; }
.sub_menu_img {position:relative; margin:15px 0 0 40px; display:;float:left;}

.sub_menu_menu {position:absolute; top:0px; right:150px; z-index:3002; }
.sub_menu .tm_ulB {float:left; height:290px; overflow:hidden;  background-color:#fff; padding:10px 20px 0 20px; border-right:solid 1px #eaeaea; }
.sub_menu .tm_ulB:first-child {border-left:solid 1px #eaeaea;}
.sub_menu .tm_ulB.on {background-color:#334466; color:#fff; }

.sub_menu .tm_liB {text-align:left; display:block; color:#111;text-align:center;}
.sub_menu .tm_liB > a {color:#111; display:block; font-size:1rem; letter-spacing:-1px; line-height:16px; margin:15px 0 0 0;}
.sub_menu .tm_liB > a.on {font-weight:600; color:#fff !important; text-decoration:none;}
.sub_menu .tm_liB > a:hover {font-weight:600; color:#d9ff08 !important; text-decoration:none;}

.sub_menu .tm_ulB1 {width:160px;}
.sub_menu .tm_ulB2 {width:160px;}
.sub_menu .tm_ulB3 {width:160px;}
.sub_menu .tm_ulB4 {width:160px;}

.sub_menu .tm_ulC {display:none; }
.sub_menu .tm_liC {text-align:left; display:block; padding:0 0 0 13px; background:url(/image/cms/submenu/sub_menu_tm_liC_bg.gif) no-repeat left CENTER;}
.sub_menu .tm_liC > a {color:#ccc !important; display:block; font-size: 0.9rem; letter-spacing:-1px; line-height:13px; padding:3px 0;}
.sub_menu .tm_liC > a:hover {font-weight:600; color:#5ab4dc !important; text-decoration:none;}
@media all and (max-width:1300px) { 
	.sub_menu {width:960px;}
	.sub_menu_menu {right: 110px;}
	.sub_menu .tm_ulB {float:left; padding:10px 10px 0 10px; }
	.sub_menu .tm_ulB1 {width:185px;}
	.sub_menu .tm_ulB2 {width:185px;}
	.sub_menu .tm_ulB3 {width:210px;}
	.sub_menu .tm_ulB3 {width:200px;}
}
@media all and (max-width:960px) { 
	.sub_menu_wrap {display:none; }
}
/* =submenu end=================================================================== */


/* =titlemenu begin=================================================================== */
.titlemenu11_wrap {width:100%; height:50px; clear:both; margin:0; }
.titlemenu11_in {position: relative; width:1300px; height:100%; margin:-25px auto 0 auto; }
.titlemenu11 {float:right; position: relative; width:1300px; height:100%; border:solid 1px #eeeef1; background-color:#fff; box-shadow: 0px 3px 15px 1px rgba(0,0,0,0.2) }
.titlemenu11.lmenu_on {float:right; position: relative; width:1030px; height:100%; background-color:#fff; border:solid 1px #eeeef1; }

.titlemenu11_home {position:absolute; left:0; top:0; border-right:solid 1px #eeeef1;}
.ttm_ul {margin:0 0 0 50px; }
.ttm_ul > li {display:inline-block; vertical-align:top; position:relative; }
.ttm_ul > li > a {display:inline-block; font-size:16px; line-height:50px; height:50px; padding:0 0 0 20px; color:#444;  border-right:solid 1px #eeeef1;  }
.ttm_ul > li > a.on {background-color:#d1d2e1; }
.ttm_ul > li > a::before {content:""; position:absolute; top:20px; right:20px; width:21px; height:10px; background:url(/image/cms/titlemenu/ttm3_arrow_down.png) no-repeat; 
	transition-duration:0.5s; -ms-transition-duration:0.5s; -moz-transition-duration:0.5s; -webkit-transition-duration:0.5s; -o-transition-duration:0.5s; }
.ttm_ul > li > a.on::before {content:""; position:absolute; top:20px; right:20px; width:21px; height:10px; background:url(/image/cms/titlemenu/ttm3_arrow_down.png) no-repeat; transform: rotate(180deg);
	transition-duration:0.5s; -ms-transition-duration:0.5s; -moz-transition-duration:0.5s; -webkit-transition-duration:0.5s; -o-transition-duration:0.5s; }
.ttm_ul .ttm_ul_liA > a {width:200px;  }
.ttm_ul .ttm_ul_liB > a {width:200px;  }
.ttm_ul .ttm_ul_liC > a {width:200px;  }

.ttm_ul > li > ul    {  width:100%;   height:0px; padding:0; background-color:#fff; border:none;           position:relative; overflow-y:scroll; z-index:999; 
	transition-duration:0.5s; -ms-transition-duration:0.5s; -moz-transition-duration:0.5s; -webkit-transition-duration:0.5s; -o-transition-duration:0.5s; }
.ttm_ul > li > ul.on { width:100%; height:300px; padding:0; background-color:#fff; border:solid 1px #bbb; position:relative; overflow-y:scroll; z-index:999; box-shadow: 0px 3px 15px 1px rgba(0,0,0,0.2);
	transition-duration:0.5s; -ms-transition-duration:0.5s; -moz-transition-duration:0.5s; -webkit-transition-duration:0.5s; -o-transition-duration:0.5s; }
.ttm_ul > li > ul > li {display:block; }
.ttm_ul > li > ul > li > a  {font-size:1rem; color:#333; padding:5px 10px; border-bottom:solid 1px #eee; display:block; }
.ttm_ul > li > ul > li > a:hover { background-color:#d1d2e1; }
@media all and (max-width:1300px) { 
	.titlemenu11_in {width:100%; }
	.titlemenu11 {float:none; width:100%; }
	.titlemenu11.lmenu_on {width:100%; }
}
@media all and (max-width:800px) { 
	.titlemenu11_wrap {margin:0; }
	.ttm1_content_top_tools {display:none;}
}
@media all and (max-width:500px) { 
	.ttm_ul > li {display:none;}
	.ttm_ul > li:last-child {display:block; }
	.ttm_ul > li:last-child > a {width:100%;}
}

.ttm1_content_top_tools { position:absolute; right:10px; top:0px; }
.ttm1_content_top_tools > ul > li {float:left; display:inline-block; margin:0 0 0 3px; vertical-align:top; font-size:13px; line-height:13px; }
.ttm1_content_top_tools > ul > li span {display:inline-block; vertical-align:top; font-size:13px; color:#888; margin:8px 0 0 3px; }
.ttm1_content_top_tools > ul > li span:hover { color:blue; }
.ttm1_content_top_tools .content_tools_edit {width:34px; height:50px; background:url(/image/cms/content_tools/content_tools_ttm2_edit.png) no-repeat center center; cursor:pointer; }
.ttm1_content_top_tools .content_tools_edit:hover {background-color:#d1d2e1; }
.ttm1_content_top_tools .content_tools_fontup {width:34px; height:50px; background:url(/image/cms/content_tools/content_tools_ttm2_fontup.gif) no-repeat center center; cursor:pointer; }
.ttm1_content_top_tools .content_tools_fontup:hover {background-color:#d1d2e1; }
.ttm1_content_top_tools .content_tools_fontdown {width:34px; height:50px; background:url(/image/cms/content_tools/content_tools_ttm2_fontdown.gif) no-repeat center center; cursor:pointer; }
.ttm1_content_top_tools .content_tools_fontdown:hover {background-color:#d1d2e1; }
.ttm1_content_top_tools .content_tools_print {width:34px; height:50px; background:url(/image/cms/content_tools/content_tools_ttm2_print.gif) no-repeat center center; cursor:pointer; }
.ttm1_content_top_tools .content_tools_print:hover {background-color:#d1d2e1; }
.ttm1_content_top_tools .content_tools_sns_share {width:34px; height:50px; background:url(/image/cms/content_tools/content_tools_ttm2_share.png) no-repeat center center; cursor:pointer; }
.ttm1_content_top_tools .content_tools_sns_share:hover {background-color:#d1d2e1; }
.ttm1_content_top_tools .content_tools_content_down {width:34px; height:50px; background:url(/image/cms/content_tools/content_tools_ttm2_download.png) no-repeat center center; cursor:pointer; }
.ttm1_content_top_tools .content_tools_content_down:hover {background-color:#d1d2e1; }

.ttm1_content_top_tools #sns_share_box_wrap {position:relative; }
.ttm1_content_top_tools #sns_share_box {display:none; position:absolute; right:0px; top:50px; width:400px; text-align:center; padding:20px; border:solid 1px #888; background-color:#fff; z-index:2001; overflow:visible; cursor:default;}
.ttm1_content_top_tools #sns_share_box ul {display:inline-block; }
.ttm1_content_top_tools #sns_share_box li {float:left; display:inline-block; width:50px; margin:5px; text-align:center;  }
.ttm1_content_top_tools #sns_share_box li img {margin:0 0 4px 0; vertical-align:middle;}
.ttm1_content_top_tools #sns_share_box li img:hover {margin:5px 0 4px 0; }
.ttm1_content_top_tools #sns_share_box li a {font-size:12px; color:#555; line-height:13px; }
.ttm1_content_top_tools #sns_share_box li a:hover {color:blue; }
.ttm1_content_top_tools #sns_share_box .tbl_share {width:100%; table-layout:fixed; margin:10px 0 0 0;}
.ttm1_content_top_tools #sns_share_box .tbl_share td {border:solid 1px #aaa; padding:5px; cursor:pointer; }
.ttm1_content_top_tools #sns_share_box .tbl_share_l {font-size:12px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.ttm1_content_top_tools #sns_share_box .tbl_share_r {font-size:12px;width:65px; text-align:center; }

.ttm1_content_top_tools #content_down_box_wrap {position:relative; }
.ttm1_content_top_tools #content_down_box {display:none; position:absolute; right:0px; top:50px; width:200px; text-align:center; padding:10px; border:solid 1px #888; background-color:#fff; z-index:2001; overflow:visible; cursor:default;}
.ttm1_content_top_tools #content_down_box ul {display:inline-block; }
.ttm1_content_top_tools #content_down_box li {display:inline-block; margin:5px; text-align:center;  }
.ttm1_content_top_tools #content_down_box li a {font-size:12px; color:#555; line-height:13px; text-align:center; }
.ttm1_content_top_tools #content_down_box li a:hover {color:blue; }
/* =titlemenu end=================================================================== */

/* =content_top begin=================================================================== */
.subcontent_wrap {width: 100%; clear:both; position:relative;  }
.subcontent {width:1300px; min-height:500px; margin:0 auto; padding:0 0 30px 0; clear:both; position:relative; }
.subcontent_left {display:none; width:215px; position:absolute; left:0; top:-10px; }
.subcontent_left.left_menu_on {display:block; }
.subcontent_left_title {width:215px; color:#333; background-color:#fff; font-size:32px; font-weight:600; text-align:center; padding:20px 0;  letter-spacing:-3px; }
.subcontent_left_etitle {display:none; width:215px; height:20px; line-height:20px; color:#ddd; font-size:13px; font-weight:400; text-align:center; margin:10px 0 0 0; }
.subcontent_right {width:100%; display:block; overflow:hidden; padding:0; }
.subcontent_right.left_menu_on {width:100%; padding:0 0 0 270px; }
.content_top_wrap {width:100%; position:relative; clear:both;}
.content_top {width: 100%; text-align:center; }
.content_top .description {display:none; }
.content_top .title {font-size:42px; line-height:50px; font-weight:600; color:#111;  padding:50px 0 30px 0; }
@media all and (max-width:1300px) { 
	.subcontent {width:100%; padding:0 10px}
	.subcontent_left {display:none; }
	.subcontent_left.left_menu_on {display:none; }
	.subcontent_right.left_menu_on {padding:0px; }
	.content_top { width:100%; min-height:75px;}
	.description2 {width:100%; height:39px; margin:0 auto; clear:both; }
	.content_top_tools2_wrap {display:none;}
	.content_top_tools {display:none;}
	.description {display:none;}
}
.content_wrap {width:100%; padding:30px 0 30px 0; clear:both; }
.content {margin:0; clear:both; overflow:visible; position:relative; min-height:300px; padding-bottom:20px; }
/* =content_top end=================================================================== */

/* ==================================================================== */
.lmenu {width:215px; }
.lm_ul1 {width:215px; z-index:999; }
.lm_li1.sub > a {background:url(/image/cms/lmenu/lmenu_ico1_sub.gif) no-repeat no-repeat right 15px center;  }
.lm_li1.sub > ul.on {display:block; }
.lm_li1     {width:215px; display:block; border:solid 1px #ddd; margin:3px 0 3px 0; }
.lm_li1:hover {border:solid 1px #ddd; }
.lm_li1.on {border:solid 1px #445577; }
.lm_li1 > a      {width:100%; display:block; color:#444; text-decoration:none; font-size:1rem; font-weight:600; padding:13px 0 13px 16px; background-color:#fff; background:url(/image/cms/lmenu/lmenu_ico1.gif) no-repeat no-repeat right 17px center; }
.lm_li1[menu_type='link'] > a {width:100%; display:block; color:#444; text-decoration:none; font-size:1rem; font-weight:600; padding:13px 0 13px 16px; background-color:#fff; background:url(/image/cms/header/lmenu_link_ccc.png) no-repeat no-repeat right 15px center; }
.lm_li1 > a:hover {color:blue; } 
.lm_li1.on > a {width:100%; color:#fff; display:block; font-weight:600; background-color:#445577; 	}
.lm_li1.sub.on > a {width:100%; color:#fff; display:block; font-weight:600;  background:url(/image/cms/lmenu/lmenu_ico1_sub_minus.gif) no-repeat no-repeat right 15px center; background-color:#445577;}

.lm_ul2 {width:100%; padding:8px 0px; display:none; background-color:#fff; border-top:solid 1px #ddd; }
.lm_li2 {width:100%; display:block; color:#555; padding: 5px 0 5px 11px; margin: 0 0 2px 8px;}
.lm_li2 a {width:100%; display:block; color:#555; text-decoration:none; font-size:0.9rem; letter-spacing:-1px; }
.lm_li2 a:hover {text-decoration:underline; }
.lm_li2.on {font-weight: 600;}
.lm_li2.on > a {text-decoration: none; font-weight:600;}

.lm_ul3 {width:190px; padding:0px 0px; background-color:#fff; }
.lm_li3 {width:100%; display:block; color:#555; background: url("/image/ico/arrow_depth03_0.gif") no-repeat 0 13px; padding:7px 0 0 10px; margin: 0 0 2px 3px;}
.lm_li3 a {width:100%; display:block; color:#555; text-decoration:none; font-size:0.8rem; line-height:0.8rem;}
.lm_li3 a:hover {text-decoration:underline; }
.lm_li3.on {background: url("/image/ico/arrow_depth03_on.gif") no-repeat 0 13px;}
.lm_li3.on > a {text-decoration: none;font-weight: 600;}
/* ==================================================================== */

/* =footer begin=================================================================== */
.footer_wrap { background-color:#112022; position:relative;}

.footer_top_wrap { border-top:solid 1px #202529; border-bottom:solid 1px #39404f; z-index:10000; }
.footer_top {position:relative; width:1300px; margin:15px auto; clear:both; text-align:right; vertical-align:top; }
.footer_ref {float:left; text-align:left; margin:15px 0 10px 0; }
	.footer_ref ul { display:inline-block;  vertical-align:top;}
	.footer_ref ul li {margin:0 10px 0px 0px; float:left; }
	.footer_ref ul li a {font-size:15px; line-height:15px; color:#fafafa;}
	.footer_ref ul li a:hover {color:#fafa00;}
.footer_link_ul {display:inline-block; text-align:center; }
	.footer_link_ul > li {display:block; float:left; position:relative; line-height:44px; height:46px; border:1px solid #777; margin:0 3px;  }
	.footer_link_ul > li > a {display:block; font-size:15px; color:#fff; padding:0 0 0 20px; text-align:left; }
	.footer_link_ul > li > a.on {background-color:#192831; }
	.footer_link_ul > li > a::before {content:""; position:absolute; top:18px; right:20px; width:21px; height:10px; background:url(/image/cms/titlemenu/ttm1_arrow_down.png) no-repeat; 
		transition-duration:0.5s; -ms-transition-duration:0.5s; -moz-transition-duration:0.5s; -webkit-transition-duration:0.5s; -o-transition-duration:0.5s; }
	.footer_link_ul > li > a.on::before {content:""; position:absolute; top:18px; right:20px; width:21px; height:10px; transform: rotate(180deg);
		transition-duration:0.5s; -ms-transition-duration:0.5s; -moz-transition-duration:0.5s; -webkit-transition-duration:0.5s; -o-transition-duration:0.5s; }
	.footer_link_ul .footer_link_ul_liA > a {width:250px;  }
	.footer_link_ul .footer_link_ul_liB > a {width:250px;  }
	
	.footer_link_ul > li > ul    {width:100%;   height:0px; margin:-46px 0 0 0;  padding:0; background-color:#fff; border:none;           position:relative; overflow-y:scroll; z-index:999; 
		transition-duration:0.5s; -ms-transition-duration:0.5s; -moz-transition-duration:0.5s; -webkit-transition-duration:0.5s; -o-transition-duration:0.5s; }
	.footer_link_ul > li > ul.on {width:100%; height:350px; margin:-396px 0 0 0; padding:0; background-color:#fff; border:solid 1px #bbb; position:relative; overflow-y:scroll; z-index:999; box-shadow: 0px 3px 15px 1px rgba(0,0,0,0.5);
		transition-duration:0.5s; -ms-transition-duration:0.5s; -moz-transition-duration:0.5s; -webkit-transition-duration:0.5s; -o-transition-duration:0.5s; }
	.footer_link_ul > li > ul > li {display:block; text-align:left;  }
	.footer_link_ul > li > ul > li > a  {font-size:16px; line-height:16px; font-weight:600; color:#000; background-color:#f1f1f1; padding:8px 0 8px 10px; border-bottom:solid 1px #eee; display:block; }
	.footer_link_ul > li > ul > li > a:hover { background-color:#203040; color:#fff; }
	.footer_link_ul > li > ul > li > p  {font-size:16px; line-height:16px; font-weight:600; color:#fff; background-color:#203040; padding:8px 0 8px 10px; border-bottom:solid 1px #eee; display:block; }
	.footer_link_ul > li > ul > li > ul {display:block; padding:5px 0;}
	.footer_link_ul > li > ul > li > ul > li {display:block; }
	.footer_link_ul > li > ul > li > ul > li > a  {font-size:15px; line-height:15px; color:#444; display:block; padding:3px 0 3px 10px; }
	.footer_link_ul > li > ul > li > ul > li > a:hover { font-weight:600; color:blue;  }
@media all and (max-width:1300px) { 
	.footer_top {width:100%; padding:0 10px; }
	.footer_ref {padding:0 0 0 10px; }
}
@media all and (max-width:1000px) { 
	.footer_top {margin:15px auto 12px auto; text-align:center; }
	.footer_ref {float:none; text-align:center; margin:10px auto; }
	.footer_link_ul > li { display:inline-block; width:calc(50% - 6px);   }
	.footer_link_ul > li > ul { width:100%;   }
	
}
@media all and (max-width:510px) { 
	.footer_link_ul > li { width:100%; margin:2px 0; }
}

.footer {width:1300px; margin:0 auto; padding:40px 0; clear:both; vertical-align:top;}
.footer_text_wrap {position:relative; clear:both; width:100%;  overflow:hidden; text-align:left; }
	  .footer_text {width:100%; clear:both; margin:0; font-size:16px; line-height:px; color:#eaeaea; }
	  .footer_text_copyright {width:100%; clear:both; margin:10px 0 0 0; font-size:14px; line-height:22px; color:#999; }

@media all and (max-width:1300px) { 
	.footer{width:100%; padding:30px 10px;  }
}
/* =footer end=================================================================== */