@charset "utf-8"; 

/*@media all and (min-width:1200px) {
	.inner, .container {width:1200px; margin:0 auto}
}
@media all and (max-width:1199px) {
	.inner, .container {width:98%; margin:0 auto}
}
@media all and (min-width:1200px) {
	#menu_icon,  .close_menu { display:none}
	.show_menu {display:none}
}
@media all and (max-width:1007px) {
	header #menu_icon,  header .close_menu {position:absolute; top:10px; right:10px}
	#menu_icon, .close_menu {width:47px; height:47px; background:url('/groups/www/images/comm/btn_iconmenu.png') no-repeat; cursor:pointer}
	#menu_icon {background-position:0 0}
	.close_menu {background-position:0  -47px !important}
	#menu_icon,  .close_menu {display:block}
	.show_menu {display:block}
}*/
.ico_blank, .blank {display:inline-block; width:20px; height:20px; vertical-align:middle; text-indent:-99999px; background:url('/groups/common/images/ico_blank.png') no-repeat}
.gnb_bg {display:none; position:absolute; bottom:0; top:76px; left:0; z-index:10; width:100%; min-height:320px; background:#fff; border-bottom:1px solid #000; transition:all 0.2s}

/* 상단영역 */
header {height:110px; background:#fff url('/groups/fundsss/images/common/bg_header.gif') repeat-x; z-index:300}
header {transition:all 0.2s; -moz-transition:all 0.2s; -webkit-transition:all 0.2s; -o-transition:all 0.2s}
header .inner {position:relative; width: 1000px; margin: 0 auto;}
header .logo {position:absolute; top:45px; left:0; z-index:10}
/*header .logo a {display:block; width:160px; height:45px; text-indent:-99999px; background:url('/groups/www/images/comm/h_logo.gif') no-repeat}*/
header .top_menu {height:34px; line-height:34px}
header .top_menu::after {display:block; clear:both; content:''}
header .top_menu .left li {float:left}
header .top_menu .left li a {display:block; color:#fff }
header .top_menu .left li.skip {height:22px; line-height:22px; padding:0 15px; margin:5px; background:#008f4c; border:1px solid #084E2D}
header .top_menu .right {float:right; font-size:13px}
header .top_menu .right li {position:relative; float:left; margin: 0 10px; right: 15px;}
header .top_menu .right li a {display:block}
header .top_menu .right li.lang a {padding:0 5px 0 25px; background:url('/groups/www/images/comm/lang_English.png') no-repeat 0 center}
header .top_menu .right li.portal a {padding:0 5px 0 30px; background:url('/groups/www/images/comm/ico_login.png') no-repeat 5px center}
#gnb_area .btn_total {position:absolute; right:0; top:15px; overflow:hidden; width:93px; height:32px; font-size:0; color:#333; background:url('/groups/www/images/comm/btn_fullmenu.png') no-repeat right center}

/* 서브메뉴 */
.container {width: 1024px; margin: 0 auto;}

/*@media all and (min-width:1200px) {*/
	#gnb_area:hover .gnb_bg {display:block}
	#gnb_area {position:relative; width:100%}
	header nav {position:relative; width:1024px; margin:0 auto; z-index:20}
	header nav .gnb_menu {float:right}
	header nav .gnb_menu > li {float:left; position: relative;}
	header nav .gnb_menu > li:first-child {background:none}
	header nav .gnb_menu > li img {margin:0 2px}
	header nav .gnb_menu > li > a {position:relative; display:block; padding:16px 24px 12px 24px; font-size:16px; color:#333; font-weight:600; text-decoration:none; height:45px; line-height:45px}
	header nav .gnb_menu > li > a::after {position:absolute; left:15%; bottom:0; width:0; height:5px; content:''; transition:all 0.3s ease 0s}
	header nav .gnb_menu > li:hover > a {color:#c65a0f}
	header nav .gnb_menu > li:hover > a::after {width:70%; height:5px; background:#c65a0f}
	header nav .gnb_menu > li:hover .gnbbox {display:block}
	header nav .gnb_menu .gnbbox {display:none; position:absolute; left:0; top:60px; z-index:300; width:100%; min-height:260px}
	
	header nav .gnb_menu .gnbbox .gnb_txt {position:absolute; top:6px; left:0; padding:50px 0 0 20px; width:200px; height:100%; letter-spacing:-1px; background:#fff}
	header nav .gnb_menu .gnbbox .gnb_txt h2 {margin-bottom:10px; font-size:22px; color:#0c7041}
	header nav .gnb_menu .gnbbox .gnb_txt p {padding-bottom:20px; color:#666; font-size:14px; line-height:1.3} 
	header nav .gnb_menu .gnbbox div {position:absolute; width:190px; z-index:20; background:#fff; padding-top:10px}
	header nav .gnb_menu .gnbbox h3 a {display:block; padding:10px 0; width:90%; font-size:15px; color:#696a6c; text-align:center; background:#f2f3f5}
	header nav .gnb_menu .gnbbox h3 a:hover {color:#0c7041}
	header nav .gnb_menu .gnbbox div > ul {margin-top:15px; width:100%}
	header nav .gnb_menu .gnbbox div > ul::after {display:block; clear:both; content:''}
	header nav .gnb_menu .gnbbox div > ul li {margin:0 0 5px 0; word-break:break-all}
	header nav .gnb_menu .gnbbox div > ul li a {display:block; color:#656565; letter-spacing:-1px; font-size:14px; padding:0 12px 0 22px; background:url('/groups/www/images/comm/gnb_s_dot.png') no-repeat 14px 10px}
	header nav .gnb_menu .gnbbox div > ul li a:hover {color:#0c7041; font-weight:600}
	#gm_01 .gnb_txt {background:url('/groups/www/images/comm/bg_gnb01.jpg') no-repeat left bottom}
	#gm_02 .gnb_txt {background:url('/groups/www/images/comm/bg_gnb02.jpg') no-repeat left bottom}
	#gm_03 .gnb_txt {background:url('/groups/www/images/comm/bg_gnb03.jpg') no-repeat left bottom}
	#gm_04 .gnb_txt {background:url('/groups/www/images/comm/bg_gnb04.jpg') no-repeat left bottom}
	#gm_05 .gnb_txt {background:url('/groups/www/images/comm/bg_gnb05.jpg') no-repeat left bottom}
	#gm_06 .gnb_txt {background:url('/groups/www/images/comm/bg_gnb01.jpg') no-repeat left bottom}
	.gm_7 {display:none}
	  
	  
	  header nav .gnb_menu > li:hover .gnb1_m1 {display: block;}
	 .gnb1_m1 li a:hover {color: #c65a0f; font-weight: bold;}
	  
	.gnb1_m1 {position: absolute; top: 73px; left: 0; background: #fff; width:180px; font-size: 14px; display: none; border-top: 3px solid #c65a0f; background: #ededed;}
	.gnb1_m1 li a{display: block; padding: 10px 25px;}
	.gnb1_m2 {top:20px; left:440px}
	.gnb1_m3 {top:20px; left:630px}
	.gnb1_m4 {top:20px; left:820px}
	.gnb1_m5 {top:20px; left:1010px}
	.gnb1_m6 {top:80px; left:1010px}
	
	
	.gnb2_m1 {top:20px; left:250px}
	.gnb2_m2 {top:20px; left:440px}
	
	
	.gnb3_m1 {top:20px; left:250px}
	.gnb3_m2 {top:20px; left:630px}
	.gm_3 .gnbbox div.gnb3_m1 {width:380px}
	.gm_3 .gnbbox div.gnb3_m1 > ul li {float:left; width:50%}
	.gm_3 .gnbbox div.gnb3_m2 {width:570px}
	.gm_3 .gnbbox div.gnb3_m2 > ul li {float:left; width:33.3%}
	
	
	.gnb4_m1 {top:20px; left:250px}
	.gnb4_m2 {top:20px; left:440px}
	.gnb4_m3 {top:20px; left:630px}
	.gnb4_m4 {top:20px; left:820px}
	.gnb4_m5 {top:20px; left:1010px}
	.gnb4_m6 {top:150px; left:1010px}
	
	
	.gnb5_m1 {top:20px; left:250px}
	.gnb5_m2 {top:20px; left:440px}
	.gnb5_m3 {top:20px; left:630px}
	.gnb5_m4 {top:20px; left:820px}
	
	
	.gnb6_m1 {top:20px; left:250px}
	.gnb6_m2 {top:20px; left:440px}
	.gnb6_m3 {top:20px; left:630px}
	.gnb6_m4 {top:20px; left:820px}
	.gnb6_m5 {top:20px; left:1010px}
	.gnb6_m6 {top:150px; left:1010px}
/*}*/
/*@media (min-width:1008px) and (max-width:1199px) { 
	#gnb_area .btn_total {display:none}
	#gnb_area:hover .gnb_bg {display:block}
	#gnb_area {position:relative; width:100%}
	header nav {position:relative; width:98%; margin:0 auto; z-index:200}
	header nav .gnb_menu {float:right}
	header nav .gnb_menu > li {float:left}
	header nav .gnb_menu > li:first-child {background:none}
	header nav .gnb_menu > li img {margin:0 2px}
	header nav .gnb_menu > li > a {position:relative; display:block; padding:16px 14px 12px 14px; font-size:17px; color:#333; font-weight:600; text-decoration:none; height:45px; line-height:45px}
	header nav .gnb_menu > li > a::after {position:absolute; left:15%; bottom:0; width:0; height:5px; content:''; transition:all 0.3s ease 0s}
	header nav .gnb_menu > li > a.on::after {width:70%; height:5px; background:#0c7041}
	header nav .gnb_menu > li > a.on {color:#0c7041}
	header nav .gnb_menu > li:hover .gnbbox {display:block}
	header nav .gnb_menu .gnbbox {display:none; position:absolute; left:0; top:60px; z-index:300; width:100%; min-height:260px}
	header nav .gnb_menu .gnbbox .gnb_txt {display:none}
	header nav .gnb_menu .gnbbox div {position:absolute; width:190px; z-index:200; background:#fff; padding-top:10px}
	header nav .gnb_menu .gnbbox h3 a {display:block; padding:10px 0; width:90%; font-size:15px; color:#696a6c; text-align:center; background:#f2f3f5}
	header nav .gnb_menu .gnbbox h3 a:hover {color:#0c7041}
	header nav .gnb_menu .gnbbox div > ul {margin-top:15px; width:100%}
	header nav .gnb_menu .gnbbox div > ul::after {display:block; clear:both; content:''}
	header nav .gnb_menu .gnbbox div > ul li {margin:0 0 5px 0; word-break:break-all}
	header nav .gnb_menu .gnbbox div > ul li a {display:block; color:#656565; letter-spacing:-1px; font-size:14px; padding:0 12px 0 22px; background:url('/groups/www/images/comm/gnb_s_dot.png') no-repeat 14px 10px}
	header nav .gnb_menu .gnbbox div > ul li a:hover {color:#0c7041; font-weight:600}
	  
	
	.gnb1_m1 {top:20px; left:40px}
	.gnb1_m2 {top:20px; left:230px}
	.gnb1_m3 {top:20px; left:420px}
	.gnb1_m4 {top:20px; left:610px}
	.gnb1_m5 {top:20px; left:800px}
	.gnb1_m6 {top:80px; left:800px}
	  
	
	.gnb2_m1 {top:20px; left:40px}
	.gnb2_m2 {top:20px; left:230px}
	
	.gnb3_m1 {top:20px; left:40px}
	.gnb3_m2 {top:20px; left:420px}
	.gm_3 .gnbbox div.gnb3_m1 {width:380px}
	.gm_3 .gnbbox div.gnb3_m1 > ul li {float:left; width:50%}
	.gm_3 .gnbbox div.gnb3_m2 {width:570px}
	.gm_3 .gnbbox div.gnb3_m2 > ul li {float:left; width:33.3%}
	  
	
	.gnb4_m1 {top:20px; left:40px}
	.gnb4_m2 {top:20px; left:230px}
	.gnb4_m3 {top:20px; left:420px}
	.gnb4_m4 {top:20px; left:610px}
	.gnb4_m5 {top:20px; left:800px}
	.gnb4_m6 {top:150px; left:800px}
	
	.gnb5_m1 {top:20px; left:40px}
	.gnb5_m2 {top:20px; left:230px}
	.gnb5_m3 {top:20px; left:420px}
	
	
	.gnb6_m1 {top:20px; left:40px}
	.gnb6_m2 {top:20px; left:230px}
	.gnb6_m3 {top:20px; left:420px}
	.gnb6_m4 {top:20px; left:610px}
	.gnb6_m5 {top:20px; left:800px}
	.gnb6_m6 {top:150px; left:800px}
}
@media all and (max-width:1007px) {
	header {height:70px; background-image:none}
	header .inner {}
	header .logo {position:absolute; top:10px; left:10px}
	header .top_menu {display:none}
	#gnb_area .btn_total {display:none}
	#gnb_area {display:none; position:absolute; right:0; bottom:0; top:70px; min-width:100%; min-height:4400px; background:rgba(0,0,0,0.8); z-index:10}
	header nav {position:relative; margin-left:10%; z-index:200; background:#0c7041} 
	header nav .gnb_menu::after {display:block; clear:both; content:''}
	header nav .gnb_menu > li {display:block; background:#0c7041}
	header nav .gnb_menu > li > a {position:relative; display:block; padding:0 24px; font-size:1.4em; color:#fff; font-weight:600; text-decoration:none; height:50px; line-height:50px}
	header nav .gnb_menu > li > a::after {position:absolute; left:0; bottom:0; width:0; height:5px; content:''; transition:all 0.3s ease 0s}
	header nav .gnb_menu > li > a.on::after {width:100%; height:5px; background:#ff0}
	header nav .gnb_menu > li > a.on, header nav .gnb_menu > li > a:hover {color:#ff0}
	header nav .gnb_menu > li .blank {background:url('/groups/common/images/ico_blank_wh.png') no-repeat}
	header nav .gnb_menu .gnbbox {display:table; width:100%; z-index:300; background:#fff}
	header nav .gnb_menu .gnbbox .gnb_txt {display:none}
	header nav .gnb_menu .gnbbox div {display:table-row; z-index:200; background:#f2f3f5}
	header nav .gnb_menu .gnbbox div::after {display:block; clear:both; content:''; border-top:1px solid #ccc}
	header nav .gnb_menu .gnbbox h3 {display:table-cell; width:20%; padding:10px 0; font-size:1.2em; color:#696a6c; text-align:center; background:#f2f3f5; vertical-align:top; border-top:1px solid #ccc}
	header nav .gnb_menu .gnbbox h3 a:hover {color:#0c7041}
	header nav .gnb_menu .gnbbox h3 .blank {background:url('/groups/common/images/ico_blank.png') no-repeat} 
	header nav .gnb_menu .gnbbox div > ul {display:table-cell; width:80%; padding:5px; background:#fff; border-top:1px solid #ccc}
	header nav .gnb_menu .gnbbox div > ul li {float:left; width:33.3%}
	header nav .gnb_menu .gnbbox div > ul li a {display:block; color:#656565; letter-spacing:-1px; font-size:1.2em; padding:5px 5px 5px 20px}
	header nav .gnb_menu .gnbbox div > ul li a:hover {color:#0c7041; font-weight:600}
	header nav .gnb_menu .gnbbox div > ul li .blank {background:url('/groups/common/images/ico_blank.png') no-repeat}
}
@media all and (max-width:640px) {
	header nav .gnb_menu .gnbbox h3 {width:35%; font-size:1.2em}
	header nav .gnb_menu .gnbbox div > ul {width:65%}
	header nav .gnb_menu .gnbbox div > ul li {float:left; width:100%}  
} 
*/
/* footer */
#footer{ clear:both; overflow:hidden;width:100%;padding:15px 0;border-top:1px solid #D3D3D3; background:#fff} 
#footer .bx_foot{position:relative;width:1000px; margin:0 auto}
#footer .flogo{float:left;display:block; margin:10px 20px 0 0}
#footer .ft_bx_txt{float:left;width:600px}
#footer ul{ margin-bottom:5px}
#footer ul li{display:inline;padding:0 5px 0 7px;font-size:12px;background:url('/groups/fundsss/images/common/bu_bar.gif') 0 50% no-repeat}
#footer ul li:first-child{padding:0 3px 0 0;background:none}
#footer address{font-family:Verdana;font-size:10px}
#footer address a{color:#275eb4}
#footer address em{font-family:Verdana;font-size:10px}
#footer .info{font-size:12px;padding-bottom:3px}
#footer .info span{display:inline-block;margin-left:2px;padding-left:7px;background:url('/groups/fundsss/images/common/bu_bar.gif') 1px 50% no-repeat}
#footer .selectWrap{position:absolute;top:5px;right:0}
#footer .selectWrap .selectBox {display:inline-block; height:22px;border:1px solid #abadb3; vertical-align:middle; overflow:hidden; background:#fff}
#footer .selectWrap .selectBox select {height:22px;line-height:22px;font-size:12px;border:0}

.blink {display:inline-block; margin-top: -3px;width:10px;height:10px;vertical-align:middle;background:url('/groups/fundsss/images/common/blt_link.gif') no-repeat }
.blink2 {display:inline-block; margin-top: -3px;width:10px;height:10px;vertical-align:middle;background:url('/groups/fundsss/images/common/blt_link2.gif') no-repeat }

/* family site */
.family{float:right;position: absolute; top: 0; right: 0; width: 245px;font-size: 12px}
.list_menu{ width:190px;height:28px; line-height:28px;color: #666; z-index: 10; border: 1px solid #a0a0a0; background-color: #fff;cursor: pointer; text-align: left; -moz-border-radius:3px 0px 0px 3px; -webkit-border-radius:3px 0px 0px 3px; border-radius: 3px 0px 0px 3px}
.family .btn_go{position: absolute;right:0;top:0}

/* 사이트 이동 */
.site_link {clear:both; background:#4f565e}
.site_link::after {display:block; clear:both; content:''}
.sitelink_cont {display:block; float:left; position:relative; width:25%}
.sitelink_cont::after {display:block; clear:both; content:''}
.sitelink_cont h3 {display:block; height:55px; border-right:1px solid #384047; margin:0}
.sitelink_cont h3 button {display:block; position:relative; width:80%; height:55px; line-height:55px; margin:0 10%; border:none; color:#fff; text-align:left; font-size:16px}
.sitelink_cont h3 button i {display:block; position:absolute; top:50%; right:0; width:24px; height:24px; margin:-12px 0 0 0; background:url('/groups/www/images/comm/ico_check_wh.png') no-repeat}
.sitelink_cont .layer {display:none; position:absolute; left:0; bottom:55px; width:100%; z-index:2; padding:29px 0 0 0}
.sitelink_cont .layer .close {position:absolute; right:0; top:0; width:61px; height:29px; background:url('/groups/www/images/comm/btn_site_close.png') no-repeat; font-size:0; line-height:0; text-indent:-9999px; z-index:3}
.sitelink_cont.first h3 {border-left:1px solid #384047}
.link_part strong {display:none; width:88%; height:50px; line-height:50px; padding:0 0 0 12%; color:#fff}
.link_part ul {overflow:hidden; padding:20px 10px; background-color:#fff; border:5px solid #4f565e}
.link_part li {display:block; float:left; width:50%}
.link_part a {display:block; margin:0 5px; color:#606060; font-size:1.2em; line-height:1.5}
/*@media all and (max-width:800px) {
	footer .copyrights address span{display:block}
	.sitelink_cont {width:50%}
	.sitelink_cont h3 {border-bottom:1px solid #384047}
	.sitelink_cont.first h3 {border-left:none}
}
@media all and (max-width:640px) {
	.sitelink_cont {width:100%}
	.sitelink_cont h3 {height:40px; border-right:none}
	.sitelink_cont h3 button {height:40px; line-height:40px}
	.sitelink_cont .layer {bottom:40px}
}*/