/* 스크롤*/
.scroller_wrap::-webkit-scrollbar {
    width: 4px; height:4px;
}
.scroller_wrap::-webkit-scrollbar-track {
    background: #101720;
}
.scroller_wrap::-webkit-scrollbar-thumb {
    background: #bea58b; border-radius: 100px;
}
.scroller_wrap::-webkit-scrollbar-thumb:hover {
    background: #816240;
}

#goto_top_btn {display: none;width: 40px;height: 40px;background-color: #64bbe9;background-image: url('/pages/new_fund/img/btn_top_ic.png');background-position: center;background-repeat: no-repeat;background-size: auto;border-radius: 50%;position: fixed;right: 10px;bottom: 10px;z-index: 1000;box-shadow: 0 5px 10px rgba(0, 0, 0, .2);transition: all 0.35s ease;}
#goto_top_btn:hover {background-color: #8BC34A;}
/* #goto_top_btn.on {opacity: 1;} */
#goto_top_btn.bottoms {position: absolute; bottom: auto; top: -10px; transform: translate(0,-100%);}

/* 상단 */
#header_wrap{display: block; width: 100%; height: auto; position: fixed; left: 0; top: 0; z-index: 1000;     background: #fff;         box-shadow: 3px -13px 34px #a3a3a3;}

#header_wrap .header {background-color: transparent;
    transition: all 0s ease;
    height: 100px;
    width: 100%;
    box-sizing:border-box;
}

#header_wrap.on .header,
#header_wrap.sub .header {
    background: #fff !important;;
}
#header_wrap.sub { box-shadow: 0 5px 10px rgba(0, 0, 0, .1);}
#header_wrap.on {}

#header_wrap .header .menu_wrap {
    position:relative;
    display: flex;
    height: 100%;
	width:98%;
	max-width:1400px;
    margin: 0 auto;
    align-items: center;

}
#header_wrap .header .menu_wrap .logowrap a{background:url('/pages/new_fund/img/main/logo.png') left center / contain no-repeat;width: 272px;display: inline-block;height: 58px; margin-top: 12px; margin-right: 0px;}
#header_wrap.on .header .menu_wrap .logowrap a,
#header_wrap.sub .header .menu_wrap .logowrap a{background:url('/pages/new_fund/img/main/logo.png') left center / contain no-repeat;}
#header_wrap .header .menu_wrap .top-dday{background:#347ee9;margin-left: 13px;font-size: 21px;padding: 9px 15px;border-radius: 100px;color: #fff;}
#header_wrap .header .menu_wrap .lag-box{
    position: absolute;
    right: 105px;
    width: 98px;
    height: 43px;
}
#header_wrap .header .menu_wrap .lag-box button{
    border: 2px solid #066AFC;
    border-radius: 100px;
    background: transparent;
    font-size: 17px;
    text-transform: uppercase;
    color: #066AFC;
    box-sizing: border-box;
    font-weight: 600;
    display: flex;
    align-items: center;
    padding: 11px 21px 10px 21px;
}
#header_wrap .header .menu_wrap .lag-box button i{
    font-size: 13px;
    margin-left: 9px;
    margin-top: 1px;
}
#header_wrap .header .menu_wrap .lag-box ul{
	display:none;
	border-radius: 15px;
	padding: 20px 30px;
	margin-top: 18px;
	text-align: center;
	font-size: 16px;
	box-shadow: 5px 5px 20px rgba(0,0,0,.1);
	background: #fff;
}
#header_wrap .header .menu_wrap .lag-box ul li{
    line-height: 30px;
}
#header_wrap .header .menu_wrap .lag-box ul li:last-child{margin-bottom:0;border-bottom:0;}


#header_wrap .header .menu_wrap .header_info ul{position:absolute;right:0;top:36px;z-index:999}
#header_wrap .header .menu_wrap .header_info ul li{display:inline;position:relative}
#header_wrap .header .menu_wrap .header_info ul li a{width:25px; height:25px;display: inline-block;float:left;}




#header_wrap .header .menu_wrap .sitemap{position:absolute;right:0;width: 30px;height: 19px;}
#header_wrap .header .menu_wrap .sitemap span{position:relative;background:#000000;width:30px;height:3px;display: inline-block;}
#header_wrap .header .menu_wrap .sitemap span:before{content:'';display:inline-block;background:#000000;width:15px;height:3px;top: -8px;position: absolute;right: 0;}
#header_wrap .header .menu_wrap .sitemap span:after{content:'';display:inline-block;background:#000000;width: 22px;height:3px;bottom: -8px;position: absolute;left: 0;}
.mo_sitemap { display:none; }

#wrap {overflow-x: hidden;overflow-y: hidden;}

#header_wrap .header .menu_wrap #navigation_pc { margin: 0 auto; width: auto;}
#header_wrap .header .menu_wrap #navigation_pc ul#navigation {
    display: flex;
    align-items: center;
    justify-content: center;
    width: auto;
    height: 100%;
    gap: 90px;
}
#header_wrap .header .menu_wrap #navigation_pc ul#navigation>li {

    text-align: center;

    position: relative;
}
#header_wrap .header .menu_wrap #navigation_pc ul#navigation>li>a {
    font-size: 20px;
    color: #fff;
    font-weight: 700;
    display: inline-block;
    transition:.15s ease-in-out;
}
#header_wrap.on .header .menu_wrap #navigation_pc ul#navigation>li>a,
#header_wrap.sub .header .menu_wrap #navigation_pc ul#navigation>li>a {
    color: #000;}
#header_wrap .header .menu_wrap #navigation_pc ul#navigation>li.on a,
#header_wrap .header .menu_wrap #navigation_pc ul#navigation>li:hover a {color:#00554f;position: relative;}
#header_wrap .header .menu_wrap #navigation_pc ul#navigation>li::after {content: ''; display: block; width: 0; height: 8px; background: linear-gradient(to right, #97c17e, #005b4f); left: 0; bottom: -15px; position: absolute; transition: all 0.35s ease;}
#header_wrap .header .menu_wrap #navigation_pc ul#navigation>li.on::after,
#header_wrap .header .menu_wrap #navigation_pc ul#navigation>li:hover::after {width: 100%;}
#header_wrap .header .menu_wrap #navigation_pc ul#navigation>li>a.blank:before{content:'';position:absolute;right: -20px;top: 3px;height: 11px;background: url(/pages/grad/img/main/ico-link.png) center / contain no-repeat;width: 11px;}
#header_wrap.on .header .menu_wrap #navigation_pc ul#navigation>li>a.blank:before,
#header_wrap.sub .header .menu_wrap #navigation_pc ul#navigation>li>a.blank:before{background: url(/pages/grad/img/main/ico-link_sub.png) center no-repeat;}

#header_wrap .header .menu_wrap #navigation_pc ul#navigation> li> a:hover:after {
    transform: scaleX(1);
    transform-origin: center;
}
#header_wrap .header .menu_wrap #navigation_pc ul#navigation> li> a:hover {
    text-decoration: none;
	}
#header_wrap .header .menu_wrap #navigation_pc ul#navigation> li> a:hover> span {
    }


#header_wrap .header .menu_wrap #navigation_pc ul#navigation>li .pullDown{
	position: absolute;
	top: 32px;
	left: 50%;
	width: 186px;
	overflow: hidden;
	visibility: hidden;
	opacity: 0;
	background-color: #fff;
	transform: translate(-50%, 29px);
	transition: opacity .3s, visibility .3s, transform .3s;
	z-index: 2001;
}
#header_wrap .header .menu_wrap #navigation_pc ul#navigation>li .pullDown{transition:ease-in-out .25s; display:none;visibility: visible;opacity: 1;/* transform: translate(-50%, 10px); */}
#header_wrap .header .menu_wrap #navigation_pc ul#navigation>li .pullDown ul {transition:ease-in-out .25s;position:relative;width: 100%;border: 1px solid #ddd;border-bottom: 0;}
#header_wrap .header .menu_wrap #navigation_pc ul#navigation>li .pullDown ul > li{text-align: center;border-bottom:1px solid #ebebeb;line-height: 54px;}
#header_wrap .header .menu_wrap #navigation_pc ul#navigation>li .pullDown a {
    position: relative;
    display: block;
    color: #000;
    transition: background-color 0.2s ease;
    font-size: 17px;
    letter-spacing: -0.5px;
	transition: ease-in-out .25s;
}
#header_wrap .header .menu_wrap #navigation_pc ul#navigation>li .pullDown a:hover{background:#203b73;color:#fff;}
#header_wrap .header .menu_wrap #navigation_pc ul#navigation>li .pullDown a.blank{position:relative;}
#header_wrap .header .menu_wrap #navigation_pc ul#navigation>li .pullDown a.blank:before{content:'';display:inline-block;background:url('/pages/emobility/img/sub/new_site_ico.png') right center no-repeat;width: 12px;height: 12px;right: 0;position: absolute;top: 15px;}
#header_wrap .header .menu_wrap #navigation_pc ul#navigation>li .pullDown a span{position: relative;}

#header_wrap .header .menu_wrap #navigation_pc ul#navigation>li .pullDown a:hover {font-weight: 700;opacity: 1;}
#navigation > li > div.navigation_sub {
    display: none;
    position: absolute;
    left: 0;
    top: 100px;
    width: 100%;
    background: #fff; }
/* #navigation > li > div.navigation_sub:before{content:"";display:block;background: #fff;position: absolute;right: -615px;bottom: -63px;width: 100vw;height: 100%;top: 0;} */

#navigation > li > div.navigation_sub:before {content: ''; display: block; width: 100vw; height: 100%; position: absolute; left: calc(50% + 50px); top: 0; transform: translate(-50%,0); z-index: -10; background: linear-gradient(to right, #00509F 50% , #fff 50%);}


#navigation > li > div.navigation_sub.active {
    display: block; }
#navigation > li > div.navigation_sub > .navigation_sub_inner {
    display: flex;
    width: 100%; }

#navigation > li > div.navigation_sub > .navigation_sub_inner > .left_title:before{
    display: block;
    position: absolute;
    top: 0;
    /* left: -715px;
    width: 1000px; */
    left: -195px;
    width: 480px;
    content: "";
    height: 100%;
    background: #00509F url("/pages/grad/img/main/mainpulldown_bg2.png") right bottom no-repeat;
    background-size: 508px 495px;
}
#navigation > li > div.navigation_sub > .navigation_sub_inner > .left_title {
    width: 20%;
    background: #00509F;
    position: relative;
    padding: 25px 0;
    text-align: left;
/* 	min-height:528px;
	 */}

#navigation > li > div.navigation_sub > .navigation_sub_inner > .left_title > span.title {
    font-size: 30px;
    font-weight: 700;
    display: inline-block;
    color: #fff;
    position:relative;
    margin: 0 0 23px 0;
    line-height: inherit;
    height: 89px;
    }
#navigation > li > div.navigation_sub > .navigation_sub_inner > .left_title > span.title:before {
    display: block;
    content: "";
    width: 60px;
    height: 1px;
    background: #fff;
    position: absolute;
    bottom: 0;
    left: 2px;
    }


#navigation > li > div.navigation_sub > .navigation_sub_inner > .left_title > span.slogan {
    line-height: 25px;
    display: block;
    font-size: 16px;
    color: #fff;
	position: absolute;
    top: 142px;
    left: 0;
	}
#navigation > li > div.navigation_sub > .navigation_sub_inner > .left_title:after {
    display: block;
    content: "";
    width: 190px;
    height: 190px;
    background: url(/pages/grad/img/main/mainpulldown_bg.png) center center no-repeat;
    position: absolute;
    bottom: 40px;
    right: 25px; }
#navigation > li > div.navigation_sub > .navigation_sub_inner > .sub_menu_content {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
    width: 75%;
	position:relative;
	min-height:450px;
	}

#navigation > li > div.navigation_sub > .navigation_sub_inner > .sub_menu_content > .navigation_sub_list {
    width: 124%;
    height: auto;
    min-height: 44px;
    position: relative;
    background: #fff;
    display: flex; }


#navigation > li > div.navigation_sub > .navigation_sub_inner > .sub_menu_content > .navigation_sub_list > .sub_title:before{
    content: "";
    display: block;
    width: 1000%;
    height: 1px;
    background: #dfdfdf;
    position: absolute;
    bottom: -1px;left: 0;z-index: 1;
}
#navigation > li > div.navigation_sub > .navigation_sub_inner > .sub_menu_content > .navigation_sub_list > .sub_title {
    flex: 0 0 auto;
    width: 180px;
    /*border-bottom: 1px solid #3c4458;*/
    height: 100%;
    display: block; }
#navigation > li > div.navigation_sub > .navigation_sub_inner > .sub_menu_content > .navigation_sub_list > .sub_title > a {
    position: relative;
    display: block;
    height: 100%;
    color: #555; }
#navigation > li > div.navigation_sub > .navigation_sub_inner > .sub_menu_content > .navigation_sub_list > .sub_title > a{text-decoration:none;}
#navigation > li > div.navigation_sub > .navigation_sub_inner > .sub_menu_content > .navigation_sub_list > .sub_title > a span:hover {background:#1973CB; color:#fff;}

#navigation > li > div.navigation_sub > .navigation_sub_inner > .sub_menu_content > .navigation_sub_list > .sub_title > a > span {
    width: 100%;
    height: 100%;
    padding:13px 20px;
    display: block;
    background:#FBFBFB;
    font-size: 16px;
    color: #333;
    line-height: normal;
    font-weight: 500;
	text-align:left;
	}
#navigation > li > div.navigation_sub > .navigation_sub_inner > .sub_menu_content > .navigation_sub_list > .depth3 {
    width: 100%;
    display: flex;
    overflow: hidden;
    padding: 8px 10px 5px 15px;
    vertical-align: top;
    height: 100%;
    justify-content: flex-start;
    flex-wrap: wrap;
    }
#navigation > li > div.navigation_sub > .navigation_sub_inner > .sub_menu_content > .navigation_sub_list > .depth3 > li {
    flex: 0 1 auto;
    padding: 5px 10px 5px 0; }
#navigation > li > div.navigation_sub > .navigation_sub_inner > .sub_menu_content > .navigation_sub_list > .depth3 > li > a {
    display: block;
    padding-left: 5px;
    color: #777;
    position: relative;
    line-height: normal;
    font-size: 15px;
    font-weight: 500;
    position: relative;
    }
#navigation > li > div.navigation_sub > .navigation_sub_inner > .sub_menu_content > .navigation_sub_list > .depth3 > li > a:hover{color:#0054A6;}
#navigation > li > div.navigation_sub > .navigation_sub_inner > .sub_menu_content > .navigation_sub_list > .depth3 > li > a.blank:before{content:'';position:absolute;right: -16px;top: 2px;height:12px;background:url(/pages/new_fund/img/main/ico-link.png) right -12px no-repeat;padding-right:24px}



/*주메뉴 gnb */
#new_navigation_pc {
    --top-gap : 72px;}
#new_navigation_pc {display: flex; width: 100%; position: relative; left: 0; top: 6px; justify-content: flex-start; align-items: flex-start; padding-top: 0; justify-content: center;}
#new_navigation_pc #navigation {display: flex; align-items: center; justify-content: center; width: 100%; max-width: 96%; height: 100%; gap: 0;}
#new_navigation_pc #navigation > li {text-align: center; position: relative; display: flex; flex-direction: column; gap: var(--top-gap); width: 100%; height: 40px; overflow: hidden; justify-content: flex-start; align-items: center;}
#new_navigation_pc #navigation > li > a {display: inline-flex;width: auto;height: auto;justify-content: center;align-items: center;font-size:20px;color: #0b0a0a;font-weight:600;transition:.15s ease-in-out;position: relative;text-decoration: none;}
#new_navigation_pc #navigation > li > a > span {position: relative;}
/* #header_wrap.on #new_navigation_pc {padding-top: var(--top-gap);} */

#header_wrap.on #new_navigation_pc #navigation > li {overflow: visible;}
#header_wrap.on #new_navigation_pc #navigation > li > a,
#header_wrap.sub #new_navigation_pc #navigation > li > a { color: #000;}

#header_wrap #new_navigation_pc #navigation > li.on a > span,
#header_wrap #new_navigation_pc #navigation > li:hover > a > span,
#header_wrap #new_navigation_pc #navigation > li:active > a > span,
#header_wrap #new_navigation_pc #navigation > li:focus > a > span {color:#117d11;}
#header_wrap #new_navigation_pc #navigation > li > a > span::after {content: ''; display: block; width: 0; height:4px; background:#117d11; left: 0; bottom: -40px; position: absolute; transition: all 0.35s ease;}
#header_wrap #new_navigation_pc #navigation > li.on > a > span::after,
#header_wrap #new_navigation_pc #navigation > li:hover > a > span::after,
#header_wrap #new_navigation_pc #navigation > li:active > a > span::after,
#header_wrap #new_navigation_pc #navigation > li:focus > a > span::after {width: 100%;}
#header_wrap #new_navigation_pc #navigation > li > a.blank:before{content:'';position:absolute;right: -20px;top: 3px;height: 11px;background: url(/pages/grad/img/main/ico-link.png) center / contain no-repeat;width: 11px;}
#header_wrap.on #new_navigation_pc #navigation > li > a.blank:before,
#header_wrap.sub #new_navigation_pc #navigation > li > a.blank:before{background: url(/pages/grad/img/main/ico-link_sub.png) center no-repeat;}

#new_navigation_pc #navigation > li .menu_list_wrap {width: 100%; height: 100vh; max-height:260px; position: absolute; left:20px; bottom: -25px; transform: translate(0,100%); padding: 20px 0; }
/* #new_navigation_pc #navigation > li .menu_list_wrap:after {content: ''; display: block; width: 1px; height: 100%; background-color: #e7e7e7; position: absolute; top: 0; right: -20px;} */
#new_navigation_pc #navigation > li .menu_list_wrap > ul {display: flex; flex-direction: column;}
#new_navigation_pc #navigation > li .menu_list_wrap > ul > li {display: block; width: 100%; height: auto; padding: 0; margin: 0;}
#new_navigation_pc #navigation > li .menu_list_wrap > ul > li > a {display: flex; align-items: center; justify-content: flex-start; padding: 7px 16px 2px 16px; font-size: 17px;     color: #000;     font-weight:400;}
#new_navigation_pc #navigation > li .menu_list_wrap > ul > li:hover > a,
#new_navigation_pc #navigation > li .menu_list_wrap > ul > li:active > a {text-decoration: underline dotted;
    -webkit-text-decoration: underline dotted;
     text-decoration-color: rgba(13, 14, 15, 0.3);
    text-decoration-thickness: 0.1rem;
    text-underline-offset: 0.4rem;}

/* 기타 상단메뉴 */
#header_wrap .header .menu_wrap .header_info {margin-left: auto; color: #fff;}
#header_wrap.on .header .menu_wrap .header_info,
#header_wrap.sub .header .menu_wrap .header_info {color: #000;}
#header_wrap .header .menu_wrap .header_info > ul {display: flex; width: auto; height: auto; gap:10px; position: static;}
#header_wrap .header .menu_wrap .header_info > ul > li {flex: 0 1 auto; width: auto; height: auto;}
#header_wrap .header .menu_wrap .header_info > ul > li > a {width: 23px; height:29px; }
#header_wrap .header .menu_wrap .header_info .login,
#header_wrap .header .menu_wrap .header_info .logout,
#header_wrap .header .menu_wrap .header_info .goto_btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: auto;
    min-width: 80px;
    height: auto;
    padding: 1px 5px;
    color: #000;
    font-size: 15px;
    border-radius: 100px;
    white-space: nowrap;
    border: 1px solid #000;
    font-weight: bold;
}
#header_wrap .header .menu_wrap .header_info .goto_btn {margin-right:10px;}

#header_wrap .header .menu_wrap .header_info ul li a.popup{position:relative;display:block;background:url(/pages/new_fund/img/main/alarm.png) center / contain no-repeat;left: -5px;}
#header_wrap .header .menu_wrap .header_info ul li a.popup .count{display: flex;justify-content: center;align-items: center;width: 18px;height: 18px;background:#ae002a;border-radius:50%;color:#fff;font-weight:700;text-align:center;line-height:1;position:absolute;right:-3px;top:-4px;font-size:14px;}


#header_wrap .header .menu_wrap .header_info ul li a.btn_fullmenu {display: flex; width: 25px;  height: 20px; position: relative; flex-direction: column; justify-content: space-between; align-items: center; padding: 4px 0; }
#header_wrap .header .menu_wrap .header_info ul li a.btn_fullmenu .menu_stick {display: block; width: 100%; height: 2px; background-color: #000;}
#header_wrap.on .header .menu_wrap .header_info ul li a.btn_fullmenu .menu_stick,
#header_wrap.sub .header .menu_wrap .header_info ul li a.btn_fullmenu .menu_stick {background-color: #000;}



/* .header_menu{position:absolute;right:0px;top:4px} */
.navBtn1 { position: relative; display: block; width: 33px; height: 33px; margin: auto; text-align: center;}
.navBtn1 .bar {display: block; position: absolute; left: 0; top:10px; width:28px; height:2px; background: #fff; transition: transform .3s ease,
top .3s ease, left .3s ease; -webkit-transition: transform .3s ease,  top .3s ease, left .3s ease;
	 -moz-transition: transform .3s ease,  top .3s ease, left .3s ease;}
.navBtn1 .bar:nth-child(1) { top: 0}
.navBtn1 .bar:nth-child(2) { opacity: 1; transition: opacity .1s ease .125s, left .2s ease; -webkit-transition: opacity .1s ease .125s, left .2s ease;
	-moz-transition: opacity .1s ease .125s, left .2s ease;}
.navBtn1 .bar:nth-child(3) {top:20px;}
.navBtn1.is-open .bar:nth-child(1) { top: 12px; transform: translateY(0) rotate(45deg); -webkit-transform: translateY(0) rotate(45deg);
	-moz-transform: translateY(0) rotate(45deg);}
.navBtn1.is-open .bar:nth-child(2) { opacity: 0; transition-delay: 0s; -webkit-transition-delay: 0s; -moz-transition-delay: 0s;}
.navBtn1.is-open .bar:nth-child(3) { top: 12px; transform: translateY(0) rotate(-45deg); -webkit-transform: translateY(0) rotate(-45deg);
	-moz-transform: translateY(0) rotate(-45deg);}
.navBtn1:hover .bar:nth-child(2) { left: 5px;}

#header.active{background:#fff}

#header.active #navigation > li > a {color:#000}
#header.active .header_info ul li a{background-position:center -30px}
#header.active .header_info .language_box2 button{background-position:right 0px;color:#222}
#header.active .header_info .language_box2 button:before{background-position:right 0px}

#header.active h1 a span.logo1{display:none}
#header.active h1 a span.logo2{display:block}
#header.active .header_info ul li a.mypage{background-position:left -30px;color:#333}
#header.active .navBtn1 .bar{background:#000}
#header.active .is-open .bar{background:#fff}

/*
.pullDownbg{position:relative;width:100%;background:#fff;border-bottom: 1px solid #f9f9f9;border-top: 1px solid #f9f9f9;height: 402px;}
*/



.footer_info { border-bottom: 1px solid #616165;
    padding: 15px 0; }
				.footer_info_center {
    position: relative;
    width: 98%;
    max-width: 1400px;
    margin: 0 auto;
    align-items: center;
    height: 30px;
    }
				.footer_info dl {float:left;margin-top: 5px;}
				.footer_info dl dt {
    float: left;
    font-size: 14px;
    border: 1px solid #bcd87a;
    color: #bcd87a;
    padding: 1px 12px;
    border-radius: 15px;
    line-height: 18px;
    }
				.footer_info dl dd {float:left;margin: 0px 10px;color:#fff;font-weight: 500;}
				.footer_right {float:right;margin-top: 5px;font-size: 14px;}
				.footer_right ul { float:left; }
				.footer_right ul li{ float:left; }
				.footer_right ul li a {
    color: #fff;
    letter-spacing: -0.5px;
    font-size: 16px;
    font-weight: 300;
    }
				.footer_right ul li span {color:#68686d; }

				.address_box {      position: relative;
    width: 98%;
    background-color: #55555b;
    max-width: 1400px;
    margin: 0 auto;
    padding: 30px 0 90px 0;}
				.address_box .logo { float:left; }
				.address_box  .footer_address {float:left;margin-left: 25px;line-height: 22px;margin-top: 10px;}
				.address_box .footer_address address { color:#fff; font-size:14px;     font-style: normal;}

	.address_box .sns ul{float:right;margin-top: 10px;}
.address_box .sns ul li{margin-left: 8px;float: left;}
.address_box .sns ul li a{width: 45px;height: 45px;display: inline-block;border-radius: 100%;border: solid 1px #d9d9d97d;float: left;position: relative;transition: all .3s;font-size: 0;}

.sns-box .sns-link ul li a:hover {transform: translateY(-10px); }
.address_box .sns ul li a:before{content:'';display: inline-block;width: 100%;position: relative;height: 100%;}
.address_box .sns ul li:nth-child(1) a:before{background:url('/pages/new_fund/img/main/sns-ico1.png') center no-repeat;}
.address_box .sns ul li:nth-child(2) a:before{background:url('/pages/new_fund/img/main/sns-ico2.png') center no-repeat;}
.address_box .sns ul li:nth-child(3) a:before{background:url('/pages/new_fund/img/main/sns-ico3.png') center no-repeat;}
.address_box .sns ul li:nth-child(4) a:before{background:url('/pages/new_fund/img/main/sns-ico4.png') center no-repeat;}

/*서브 카테고리 메뉴*/
.sub_title_na_bg{     display: inline-block;  width:100%;  border-bottom: 1px solid #ededed;   }
.sub_title_na h3 { font-size:48px; color:#000;     }
.sub_title_na  { position: relative;  padding: 50px 0 0 0;height: 100%;width: 98%;max-width: 1400px; margin: 0 auto;align-items: center;}
.sub_navi { float:right; }
.sub_navi .location{display:flex;align-items:center;     margin-top: -26px;}
.sub_navi .location > li {position: relative;margin-right:10px}
.sub_navi .location > li.home a{width:20px;padding-top: 10px;}
.sub_navi .location > li {position: relative;margin-right:4px}
.sub_navi .location > li.home img{margin-right:10px}
.sub_navi .location > li.home span{display:none}
.sub_navi .location > li > a{display:block;font-size: 16px;color:#676767}
.sub_navi .location li.mn > a{background:url(/pages/new_fund/img/arrow_bottom.png) no-repeat center right;padding:10px 50px 10px 10px}
.location_dept{position:absolute;right:0;width:100%;background: #9ac46a;padding:10px 0;border-radius:10px;margin-top:8px;min-width:180px;z-index:999;display: none;box-shadow: 3px 3px 6px rgb(0 0 0 / 20%);}
.location_dept li a{padding:8px 15px;color: #ffffff;display:block;font-size:15px}
.location_dept li a:hover{background:#498f3cd4;opacity:1;text-decoration:none}
.lnb ul{display:flex;margin-top: 40px;}
.lnb ul li a{display:flex;align-items:center;font-size: 24px;color:#676767;margin-right:30px;position:relative;padding:20px 0;font-weight: 500;}
.lnb ul li a.on,.lnb ul li a:hover{text-decoration:none;color:#000}
.lnb ul li a.on::before{content:'';position:absolute;bottom:0;width:100%;height:4px;background:#7fa81f;color:#7fa81f;display:block}
.lnb ul li a.webloc_blank{background:url(/pages/new_fund/img/sub/icon_blank.png) no-repeat right 24px;    padding-right:17px;}

/* 발전기금배너 */
#sub_cate_wrap {display: none; width: 100%; height: auto; max-height: 245px;  position: absolute; left: 0; top: 100px; background-color: #fff; gap: 10px; background-size: auto; background-position: right -50px top 40px; z-index: -1; background-repeat: no-repeat; border-top: 1px solid #eee; box-shadow: 0 4px 10px rgba(0, 0, 0, .2);}
#sub_cate_wrap.active {display: flex;}
#sub_cate_wrap .tel_box {
    display: flex;
    min-height:160px;
    padding-left:25px;
    flex-direction: column;
    margin: 30px auto;
    max-width: 1400px;
    width: 100%;
}



a.emobility-en{
    color: #fff;
    font-size: 15px;
    letter-spacing: 1px;
    position: absolute;
    right: 100px;
	transition: 0.3s ease-out;
}
a.emobility-en span{transition: 0.3s ease-out; content:'';display:inline-block;background:#fff;width: calc(100% - 1px);height:2px;position: absolute;bottom: -3px;}

.toggle {
  position: absolute;
  display: block;
  cursor: pointer;
  right: 0;
}
.toggle span {
  display: block;
  background: #fff;
  width: 37px;
  height: 2px;
  transition: 0.25s margin 0.25s, 0.25s transform;
}
.toggle span:nth-child(1) {
	margin-bottom: 6px;
	width: 19px;
	margin-left: 18px;
}
.toggle span:nth-child(3) {
	margin-top: 6px;
	width: 27px;
}
.toggle.active span {
	transition: 0.25s margin, 0.25s transform 0.25s;
}
.toggle.active span:nth-child(1) {
  margin-top: 8px;
  margin-bottom: -2px;
	transform: rotate(45deg);
	display:none;
}
.toggle.active span:nth-child(2) {
	transform: rotate(45deg);
	width: 27px;
}
.toggle.active span:nth-child(3) {
  margin-top: -2px;
	transform: rotate(135deg);
}

#fp-nav ul li a span{
	height: 1px !important;
    width: 10px !important;
	background: #000 !important;
}
#fp-nav ul li a.active span{
	height: 1px !important;
    width: 22px !important;
    margin: 0 0 0 -11px !important;
    border-radius: 0 !important;
}

.mask{width:100%; height:100%; position:fixed; left:0; top:0; z-index:10; background:#000; opacity:.5; filter:alpha(opacity=50);}

#modalLayer{display:none; position:relative;}
#modalLayer .modalContent{width: 100%;height: 100%;position:fixed;left: 0;top: 0;z-index:11;background:#000 url('/pages/grad/img/main/mainsitemap-bg.png') right bottom no-repeat;margin: 0 !important;display: flex; align-items: center; color:#fff;}

#modalLayer .modalContent button{position:absolute;right:0;top:0;cursor:pointer;background: none;width: 35px;height: 35px;}
#modalLayer .modalContent button:before{content:'';display:inline-block;width: 47px;transform: rotate(45deg);height: 3px;background: #fff;position: absolute;right: 0;top: 35px;transition: all ease-out 480ms;}
#modalLayer .modalContent button:after{content:'';display:inline-block;width: 47px;transform: rotate(315deg);height: 3px;background: #fff;position: absolute;right: 0;top: 35px;transition: all ease-out 480ms;}
#modalLayer .modalContent button:hover:before{transform: rotate(315deg);}
#modalLayer .modalContent button:hover:after{transform: rotate(45deg);}
#modalLayer .modalContent h6.md-sitemap{
    font-size: 80px;
    text-transform: uppercase;
    margin-bottom: 80px;
}
#modalLayer .modalContent ul.md-sitemap-menu{
    display: flex;
}
#modalLayer .modalContent ul.md-sitemap-menu li{
    width: calc(100% / 6);
    border-right: 1px solid #282828;
    font-size: 26px;
    font-weight: 700;
    padding: 0 40px;
    box-sizing: border-box;
}
#modalLayer .modalContent ul.md-sitemap-menu li:first-child{border-left: 1px solid #282828;}
#modalLayer .modalContent ul.md-sitemap-menu li a{
    margin-bottom: 50px;
    display: inline-block;
	color: #fff !important;
}
#modalLayer .modalContent ul.md-sitemap-menu li ul{}
#modalLayer .modalContent ul.md-sitemap-menu li ul li{
    width: 100%;
    border-right: 0;
    font-size: 20px;
    font-weight: 400;
    padding: 7px 0;
    opacity: 0.9;
}
#modalLayer .modalContent ul.md-sitemap-menu li ul li a{
    margin-bottom: 0;
}


/* �쒕툕 �곷떒 */
.sub_wrap {display: block;
    width: 100%;
    position: relative;
    margin-top: 101px;
}
#sub_content{width: 100%; height: 100%;}
.sub_wrap .sub-menu-w {width: 1400px;height: 80px;position: relative;background: #000000;margin: -80px auto 0;display: flex;}
.sub_wrap .sub-menu-w:before{content:'';display:inline-block;background:#000000;width:100vw;height:80px;position: absolute;}
.sub_wrap .sub-menu-w .home {display: inline-block;width: 80px;height: 80px;background-color: #007EDE;background-image: url('/pages/grad/img/main/sub-menu-home.png');background-repeat: no-repeat;background-position: center;z-index: 1;}
.sub_wrap ul.sub_2dmenu{width: calc(100% - 80px);padding: 0 50px;box-sizing: border-box;z-index: 1;}
.sub_wrap ul.sub_2dmenu li a{color:#fff;font-size: 17px;}
.sub_wrap ul.sub_2dmenu .dropdown_wrap {float: left;}
.sub_wrap ul.sub_2dmenu .dropdown_wrap .dropdown_btn {min-width: 210px; height: 54px; border: 0; font-weight:400;font-size: 15px;}
.sub_wrap ul.sub_2dmenu .next_step_arrow {display: inline-block; width: 54px; height: 54px; float: left; background-color: transparent; background-image: url('/pages/aicon/img/main/arrow_step_right.png'); background-repeat: no-repeat; background-position: center;}

.lnb .sub-img{position:relative;display: block;width: 100%;height:320px;background-position: center;background-repeat: no-repeat;background-size: cover;text-align: left;color: #fff;display: flex;align-items: center;background: #ddd;text-align: center;}
/* .lnb .sub-img:before{content:'';display:inline-block;background:#000000;width: 100%;height: 100%;position: absolute;margin: 0 auto;transform: translate(-50%,-50%);top: 50%;left: 50%;opacity: 0.4;} */
.lnb .sub-img.s_visual1 {background: url('/pages/grad/img/sub/sub_visual1.png') center no-repeat; background-size: cover;}
.lnb .sub-img.s_visual2 {background: url('/pages/grad/img/sub/sub_visual01.png') center no-repeat;background-size: cover;}
.lnb .sub-img.s_visual3 {background: url('/pages/grad/img/sub/sub_visual02.png') center no-repeat;background-size: cover;}
.lnb .sub-img.s_visual4 {background: url('/pages/grad/img/sub/sub_visual03.png') center no-repeat;background-size: cover;}
.lnb .sub-img.s_visual5 {background: url('/pages/grad/img/sub/sub_visual04.png') center no-repeat;background-size: cover;}
.lnb .sub-img.s_visual6 {background: url('/pages/grad/img/sub/sub_visual05.png') center no-repeat;background-size: cover;}
.lnb .sub-img.s_visual7 {background: url('/pages/grad/img/sub/sub_visual06.png') center no-repeat;background-size: cover;}
.lnb .sub-img.s_visual8 {background: url('/pages/grad/img/sub/sub_visual06.png') center no-repeat;background-size: cover;}
.lnb .sub-img b{font-size: 21px;}
.lnb .sub-img h6{    font-size: 35px;
    margin: 0 0 15px 0;
    font-weight: 600;
    letter-spacing: -0.5px;
    text-align: left;
    color: #000}
.lnb .sub-img p{font-size: 17px;}
.lnb .sub-img ul.sub-nav{display: inline-block;}
.lnb .sub-img ul.sub-nav li{float: left;font-size: 17px;font-weight: 300;position: relative;padding: 0 20px;opacity: 0.9;}
.lnb .sub-img ul.sub-nav li:before{content:'';display:inline-block;background: url('/pages/grad/img/common/sub_nav_arrow.png') center no-repeat;width: 6px;height: 11px;position: absolute;margin: 0 auto;right: 0;top: 5px;}
.lnb .sub-img ul.sub-nav li:first-child{padding: 0 24px 0 0;}
.lnb .sub-img ul.sub-nav li:last-child{padding: 0 0 0 20px;}
.lnb .sub-img ul.sub-nav li:last-child:before{display:none;}

.sub_wrap .share_box{display:none;width:530px;min-height:90px;height: 90px;background:#fff;padding:30px 0 15px 20px;border:1px solid #ddd;z-index:20;position:absolute;top:61px;right: 0;box-sizing:border-box;position: absolute; right: 0; top: 100%;}
.sub_wrap .share_box.on {display: block;}
.sub_wrap .share_box > ul {display: block; width: 100%; height: auto;}
.sub_wrap .share_box > ul > li {display:inline-block; height: auto;}

.sub_wrap .share_box > ul > li a{position:relative;display:inline-block;float:left;height:28px;color:#555;margin-bottom:3px}
.sub_wrap .share_box > ul > li a:before{content:'';position:absolute;top:0;left:0;;background:url(../img/main/sns_list.png) 0 0 no-repeat;width:28px;height:28px}
.sub_wrap .share_box > ul > li:nth-child(1) a:before{background-position:0 0}
.sub_wrap .share_box > ul > li:nth-child(2) a:before{background-position:-28px 0}
.sub_wrap .share_box > ul > li:nth-child(3) a:before{background-position:-56px 0}
.sub_wrap .share_box > ul > li:nth-child(4) a:before{background-position:-140px 0}
.sub_wrap .share_box > ul > li a:hover{font-weight:700;color:#333}
.sub_wrap .share_box > ul > li a span{display:block;padding:4px 20px 0 38px;font-size:15px;font-weight:400;letter-spacing:0}
.weblocation .info .sns .btn_close{position:absolute;top:20px;right:20px}
.weblocation .info .sns .btn_close_m{display:none}


/* �쒕툕�� */

.sub_4dmenu{position:relative;width: 100%;margin: 0 auto;text-align: center;}
.sub_4dmenu ul{text-align:center;margin:0 auto;display: inline-block;margin-bottom: 60px;}
.sub_4dmenu ul li{display:inline-block;width:350px;position:relative;float: left;}
.sub_4dmenu ul li a{display:inline-block;width:100%;color: #4d4d4d;height: 66px;line-height: 66px;font-size: 18px;box-sizing: border-box;font-weight: 600;border-right: 0;/* border: 1px solid #E9E9E9; */background: #f6f9fb;}
.sub_4dmenu ul li:first-child a{border-right:0;}
.sub_4dmenu ul li a.on{font-weight: 800;color: #ffffff;background:#01574e;}


/* �쒕툕而⑦뀗痢� */
.content_box{
	width: 98%;
	max-width: 1400px;
	margin: 0 auto;
	overflow: hidden;
}
.content_box #contents{width: 100%;min-height: 500px;}
.content_box #contents .contents_top{
    width: 100%;
    text-align: center;
    margin:70px 0;
}
.content_box #contents .contents_top p.subtop_title2{
    font-size: 22px;
    color: #007ddd;
    text-transform: uppercase;
    font-weight: 700;
}
.content_box #contents .contents_top h3.subtop_title{
    font-size: 35px;
    color: #000000;
    font-weight: 600;
    letter-spacing: -2px;
    position:relative;
    display: inline-block;
}
.content_box #contents .contents_top h3.subtop_title:after {content: '';width: 45px;height: 6px;position: absolute;display: inline-block;bottom: -30px;transform: translate(-50%, -50%);left: 50%;background: #bda589;}

.sc-tit{margin-bottom: 110px;margin-top: 110px;}
.sc-tit h5{ font-size: 50px;font-weight: 400; letter-spacing: -3px;}
.sc-tit h5 span{color:#a2a2a2;font-size: 31px;letter-spacing: 0.3px;}
.sc-tit p{font-size: 18px; margin: 22px 0 0; line-height: 26px;}


/* 怨듯넻 */
.mcbox{width:1400px;margin:30px auto 0;position:relative;z-index: 9;}
.mctit{color:#000;z-index: 1;position: relative;}
.mctit h6{font-size:23px;font-weight: 900;}
.mctit h5{font-size:53px;font-weight: 300;letter-spacing: -1px;margin: 25px 0 20px;}
.mctit h5 span{font-size:57px;font-weight: 800;}
.mctit p{font-size:18px;line-height: 28px;}

.h5_title{font-size:23px;font-weight:700;    line-height: 63px;
    text-align: center;}

.flex-box{display:flex;}
.relative-box{position:relative;}




/* �명꽣 */
#footer {
    width: 100%;
	    margin: -6px auto;
	position: relative;
	background-color: #55555b;
	height: auto;
	clear: both;
    
}




ul.quickmenu{
	display:none;
	position: fixed;
	z-index: 999;
	right: 0;
	top: 170px;
}
ul.quickmenu li{}
ul.quickmenu li a{
	width: 70px;
	display: inline-block;
	height: 70px;
}
ul.quickmenu li:first-child a{
    background: #1C1C1C;
    height: 260px;
    color: #fff;
    font-size: 18px;
    display: flex;
    align-items: center;
}
ul.quickmenu li:first-child a span.rt{
    writing-mode: vertical-lr;
    margin: 0 auto;
    letter-spacing: -2.5px;
    font-weight: 600;
}
ul.quickmenu li:first-child a span.rt span.plus{
    margin-top: 20px;
}
ul.quickmenu li:last-child a{background: #066AFC url('/pages/grad/img/main/mainquick-search-ico.png') center no-repeat;background-size: 24px;}


/* 寃��됱갹 */
.sch-box {
    display: none;
    width: 100%;
    position: fixed;
    left: 0;
    top: 100px;
    z-index: 999999;
    height: 320px;
    padding: 0 20px;
    background-color: #112431;
    background-image: url('/pages/grad/img/common/search_bg_text.png');
    background-position: right 20% top 58%;
    background-size: auto;
    background-repeat: no-repeat;
}

.gnb-wrap .top-sch-group .search-area {
    width: 780px;
    margin: 0 auto;
    padding: 120px 0;
}


#navigation_mobile_wrap { display:none; }



.more_site_btn {margin-left: auto;}
#more_site_btn {display: flex; width: 210px; height: 80px; align-items: center; font-size: 16px; font-weight: 400; padding: 10px; border-bottom: 1px solid #7d8083; background-color: transparent; color: #eaeaea; position: relative;}
#more_site_btn::before,
#more_site_btn::after {content: ''; display: block; width: 1px; height: 12px; top: 50%; background-color: #fcfcfc; position: absolute;}
#more_site_btn::before {right: calc(20px - 4px); transform: translate(-50%,-50%) rotate(-45deg);}
#more_site_btn::after {right: calc(20px + 4px); transform: translate(-50%,-50%) rotate(45deg);}
#more_site_btn.active::before {right: calc(20px - 4px); transform: translate(-50%,-50%) rotate(45deg);}
#more_site_btn.active::after {right: calc(20px + 4px); transform: translate(-50%,-50%) rotate(-45deg);}

#footer #footer_wrap .footer_info #more_site_wrap {display: block; width: 100%; max-width: 320px; height: 0; position: absolute; top: 0; right: 0; z-index: 100; transform: translate(0,-100%); background-color: #fff; border-radius: 10px 10px 0 0; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); color: #182126; overflow: hidden; transition: all 0.35s ease;}
#footer #footer_wrap .footer_info #more_site_wrap.active {height: 165px; overflow-y: auto;border: 1px solid #ccc;}
#footer #footer_wrap .footer_info #more_site_wrap > ul {display: flex; width: 100%; height: auto; flex-direction: column; gap: 0; margin-bottom: 0;}
#footer #footer_wrap .footer_info #more_site_wrap > ul > li {display: block; width: 100%; height: auto;}
#footer #footer_wrap .footer_info #more_site_wrap > ul > li:not(:first-child) {border-top: 1px solid #eee;}
#footer #footer_wrap .footer_info #more_site_wrap > ul > li > a {display: flex; width: 100%; height: 40px; align-items: center; padding: 10px; color: #182126; font-weight: bold;}
#footer #footer_wrap .footer_info #more_site_wrap > ul > li > a:hover {color: #111b21;}

/* �좊땲硫붿씠�� */

@keyframes bounce-top{
	24%{opacity:1}
	60%{-webkit-transform:translateY(-24px);transform:translateY(-24px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
	85%{-webkit-transform:translateY(-12px);transform:translateY(-12px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
	30%,50%{-webkit-transform:translateY(0);transform:translateY(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
	0%,100%{-webkit-transform:translateY(0);transform:translateY(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;opacity:1}
}
@keyframes fire1{0%,40%{transform:scale(0);opacity:0} 80%,100%{transform:scale(1);opacity:1}}



#main_container{width:100%;     margin-top: 100px;}
#main_container #main_visual img{max-width:100%}
.main_con {width:1170px;margin:0 auto;clear:both;overflow:hidden}




#main_container {     background: #f9f9f9;
    height: 100%;
    display: inline-block;} 

.main_co {     position: relative;
    height: 100%;
    width: 98%;
    max-width: 1400px;
    margin: 0 auto;
    align-items: center; }
#main_visual {       margin-top: 74px;
        border-top-right-radius: 30px; float: left;         width: calc(100% - 512px);
    border-top-left-radius: 30px;
    border-bottom-right-radius: 30px; position: relative;
    overflow: hidden; }

.cmh_nav {     background: url(/pages/new_fund/img/main/visual_btnbg.png) left center / contain no-repeat;
    bottom: 0px;      width: 423px;
    height: 97px;
    position: absolute;     z-index: 99;
    float: left}
.cmh_nav .cmhn_pagination {         float: left;
    margin-top: 48px;
    margin-left: 30px; }
.cmh_nav .cmhn_pagination span {     float: left; font-size:16px; color:#000; }
.cmh_nav .cmhn_pagination .current {     float: left; font-weight: bold; }
.cmh_nav .cmhn_pagination .total {     float: left;  font-weight:500;}
.cmh_nav .cmhn_bar {         float: left;
    width: 130px;
    height: 5px;
    background: #b0b0b0;
    margin-top: 60px;
    margin-left: 10px; }
.cmh_nav .cmhn_bar .cmhnb_progress {     float: left; height:5px; background:#474843;  }
.cmh_nav .cmhn_control {         float: left;
    margin-top: 38px;
    margin-left: 10px; }
.cmh_nav .cmhn_control ul {     float: left; }
.cmh_nav .cmhn_control ul li {     float: left; }
.cmh_nav .cmhn_control ul li a { }

.main_right {    width: 472px;
    margin-top: 58px;
    margin-left: 40px;
    float: right;}
.main_right ul {     float: left; }
.main_right ul li {          float: left;
    background: #64bbe9;
    border-radius: 20px;
    margin-top: 15px;
    padding-bottom: 28px;}
.main_right ul li a {     float: left; }
.main_right ul li img {     float: left;     width: 102px;    margin-left: 27px;
    margin-top: 40px; }
.main_right ul li a h3 {width: calc(100% - 200px);
    float: right;
    text-align: right;
    color: #fff;
    font-size: 26px;
    font-weight: 600;
    margin-top: 28px;
    margin-right: 35px;}

.main_right ul li a :hover  {
    text-decoration: underline dotted;
    -webkit-text-decoration: underline dotted;
    text-decoration-color: rgb(255 255 255 / 40%);
    text-decoration-thickness: 0.15rem;
    text-underline-offset: 0.4rem;
}

.main_right ul li a p {    width: calc(100% - 200px);
    float: right;
    text-align: right;
    color: #fff;
    font-size: 19px;
    font-weight: 300;
    margin-top: 13px;
    margin-right: 35px;
    letter-spacing: -1.5px;}

.main_right ul li a p.benefit {font-size: 22px; font-weight: 400;letter-spacing: 0;}

.main_visual_bottom { float: left;
    width: 100%;     padding-bottom: 60px;
    margin-top: 42px; }
.main_visual_bottom h3 {     margin-top: 12px; font-size: 30px; float: left;
    font-weight: 400;
    color: #000;
    letter-spacing: -1.5px; }
.main_visual_bottom h3 .vi_strong {        font-weight: bold;}
.main_visual_bottom h3 .vi_color1 {  font-weight: bold;     color: #7eb21a;}
.main_visual_bottom h3 .vi_color2 { font-weight: bold;     color: #6ab6e8;}
.main_visual_bottom .main_visual_bottom_control { float: left; margin-top: 16px;
    margin-left: 13px; }
.main_visual_bottom .main_visual_bottom_control ul {  float: left;}
.main_visual_bottom .main_visual_bottom_control ul li { float: left; }


.main_visual_bottom_relay {       width: calc(100% - 320px);
    float: right;
    overflow: hidden;
    padding: 16px 20px;
    background: #fff;
    border-radius: 25px;
    box-shadow: 0 0 6px #dbdbdb;}
.main_visual_bottom_relay ul {  }
.main_visual_bottom_relay ul li { font-size:18px;  font-weight:600; letter-spacing: -0.5px;     text-align: center;     white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }

.main_story {margin:80px 0;}
		.main_story .main_story_center {     position: relative;
    height: 100%; margin-top: 60px;
    width: 98%;
    max-width: 1400px;
    margin: 0 auto;
    align-items: center; }
		.main_story .main_story_center h3 { float:left; font-size:48px; }
		.main_story .main_story_center .main_story_control {float:right;margin-bottom: 40px;}
		.main_story .main_story_center .main_story_control ul { float:left; }
		.main_story .main_story_center .main_story_control ul li { float:left;     margin-left: 5px; }
		.main_story .main_story_center .main_story_control ul li a {     float: left;
    background: #fff;
    border: 1px solid #dfdfdf;
    padding: 8px 9px 3px 9px;
    border-radius: 50%;}
		.main_story .main_story_center .main_story_control ul li img { }

		.main_story_list { }
		.main_story_list ul {     }
		.main_story_list ul li {     border: 1px solid #dfdfdf;
    overflow: hidden;  transition: all 0.3s ease-out;
    border-radius: 15px;
    height: 374px; }
		.main_story_list ul li:hover {box-shadow: 3px 3px 6px rgb(0 0 0 / 15%);   position: relative;        transform: translateY(-10px); }
		.main_story_list ul li a {     overflow: hidden; }
		.main_story_list ul li a:hover{text-decoration: none;}
		.main_story_list ul li img {         height: auto;
    width: 100%;}
		.main_story_list ul li a .imgbox {      text-align: center;
    height: 222px;     background-size: cover; background-position: 50%;
    overflow: hidden; }
		.main_story_list ul li a .price {
    text-align: center;
    color: #0c602f;
    padding: 0 20px;
    font-size: 24px;
    font-weight: bold;
    margin: 21px 0;
    }
	.main_story_list ul li a .price  span { font-size: 18px;color:#000; }
		.main_story_list ul li a .desc {
    color: #000;
    padding: 0 20px;
    font-size: 17px;
    font-weight: 500;
    margin: 15px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    line-height: 1.6;
    height: 52px;
    text-align: left;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    }

	.main_fund_part { background: #eff0f2;      display: inline-block;
    width: 100%;  padding:80px 0 60px 0;}
	.main_fund_part .main_fund_part_center { position: relative;
    height: 100%; 
    width: 98%;
    max-width: 1400px;
    margin: 0 auto;
    align-items: center; }
	.main_fund_part .main_fund_part_center > h3 { float:left; font-size:48px; margin-bottom:20px }
	.main_fund_part .main_fund_part_center .main_fund_part_center_ul ul {      float: left;
    width: calc(100% + 30px);
    margin-top: 40px;
    margin-left: -30px;}

	.main_fund_part .main_fund_part_center .main_fund_part_center_ul ul li {     float: left; transition: all 0.3s ease-out;
    width: calc(100% / 4 - 30px);
    margin-left: 30px; }
	.main_fund_part .main_fund_part_center .main_fund_part_center_ul ul li .main_fund_part_center_ul_box {  height:250px;  background: #fff; 
    border-radius: 28px; padding: 15px 10px 0px 10px;box-shadow: 3px 3px 6px rgb(0 0 0 / 8%);}
	.main_fund_part .main_fund_part_center .main_fund_part_center_ul ul li h4 { float: left;
    color: #fff;
    background: #98be50;
    padding: 2px 7px;
    margin-left: 18px;
    border-radius: 50%;
    margin-top: 18px; }
	.main_fund_part .main_fund_part_center .main_fund_part_center_ul ul li h3 { float: left;
    margin-top: -29px; font-size:28px;
    text-align: center;
    width: 100%;}
	.main_fund_part .main_fund_part_center .main_fund_part_center_ul ul li .box_img {     text-align: center;
    margin: 5px 0;
    width: 100%;
    display: inline-block;}


	@keyframes bounce {
	  0%, 100% {
		transform: translateY(0);
	  }
	  50% {
		transform: translateY(-10px); /* 위로 10px 이동 */
	  }
	}

	.main_fund_part .main_fund_part_center .main_fund_part_center_ul ul li .box_img {
	  animation: bounce 3s infinite alternate ease-in-out;
	}


	.main_right ul li img {
	  animation: bounce 3s infinite alternate ease-in-out;
	}

	.main_fund_part .main_fund_part_center .main_fund_part_center_ul ul li p {         width: 84%;
    text-align: left;
    margin-left: 8%;
    font-size: 16px;
    color: #000;
    font-weight: 500;
    line-height: 22px;}

	.fund_down {     float: left;
    margin-top: 45px;
    background: #6ab6e8;
    width: 100%;
    border-radius: 25px; }
	.fund_down dl {     float: left; width: 100%; }
	.fund_down dl dt {      float: left; 
    padding: 14px 30px;
    font-size: 18px;
    font-weight: 800;
    color: #fff;}
	.fund_down dl .hwp_blue {  float: right; color:#104295; margin-top: 14px;
    margin-right: 5px;} 
	.fund_down dl .pdf_red {     float: right;
    color: #b31414;
    margin-top: 14px;
    margin-right: 20px;} 

	.fund_down dl .hwp_blue a { color: #104295;
    background: #fff;
    padding: 5px 8px;
    border-radius: 10px;
    font-size: 14px;
    font-weight: bold;} 
	.fund_down dl .pdf_red a {     color: #b31414;
    background: #fff;
    padding: 5px 8px;
    border-radius: 10px;
    font-size: 14px;
    font-weight: bold; } 

	.fund_down2 {     float: left;
    margin-top: 45px;
    background: #98be50;
    width: 100%;
    border-radius: 25px; }
	.fund_down2 dl {     float: left; width: 100%; }
	.fund_down2 dl dt {      float: left; 
    padding: 14px 30px;
    font-size: 18px;
    font-weight: 800;
    color: #fff;}
	.fund_down2 dl dd {}
	.fund_down2 dl dd a{
    padding: 10px 10px 0px 12px;
    border-radius: 50%;
    float: right;
    margin-top: 10px;
    margin-right: 14px; font-size:0px;
	width:15px; 
	background:#fff url(/pages/new_fund/img/main/gigu_arrow.png)center no-repeat}
	.fund_down2 dl dd a:hover{background:#fff url(/pages/new_fund/img/main/gigu_arrow_on.png)center no-repeat}

	.right_part { }
	.right_part .main_fund_part_center_ul_box { }
	.right_part .main_fund_part_center_ul_box img {     float: left;
    margin-left: 2px; }
	.right_part .main_fund_part_center_ul_box h4 {     font-size: 30px !important;
    float: left;
    background: none !important;
    padding: 0 !important;
    color: #13516e !important;
    margin-left: 0 !important;
    margin-top: 31px !important }
	.right_part .main_fund_part_center_ul_box h5 {
    float: left;
    width: 100%;
    text-align: center;
    font-size: 22px;
    color: #1a617c;
    letter-spacing: -1px;
    font-weight: 400;
    }
	.right_part .main_fund_part_center_ul_box dl { float: left; text-align: center;
    width: 100%; }	
	.right_part .main_fund_part_center_ul_box dl dt { display: inline-block;
    text-align: center;
    color: #fff;     margin-top: 10px;
    background: #6ab6e8;
    font-size: 19px;
    padding: 7px 15px;
    border-radius: 20px}
	.right_part .main_fund_part_center_ul_box dl dd {    float: left;
    text-align: center;
    width: 100%;
    color: #0a3c54;
    font-size: 16px;
    line-height: 16px;
    margin-top: 9px } 

	.right_part_bottom {     margin-top: 35px }
	.right_part_bottom a {      float: left;
    width: calc(100% / 3 - 10px);
    margin-left: 10px;
    text-align: center;}
	.right_part_bottom a dl {    text-align: center;
    display: inline-block;
    width: 100%;}
	.right_part_bottom a dl dt {       text-align: center;
    display: inline-block;
    box-shadow: 0 4px 5px #9a9a9a;
    width: 100%;
    padding: 17px 0;
    border-radius: 17px; }
	.right_part_bottom a dl .right_part_icon1 { width:48px; height:40px; background: url(/pages/new_fund/img/main/icon3-1.png)  center / contain no-repeat;      display: inline-block;     }
	.right_part_bottom a dl .right_part_icon2 { width:48px; height:40px; background: url(/pages/new_fund/img/main/icon3-2.png)  center / contain no-repeat;      display: inline-block;     }
	.right_part_bottom a dl .right_part_icon3 { width:48px; height:40px; background: url(/pages/new_fund/img/main/icon3-3.png)  center / contain no-repeat;      display: inline-block;     }

	.right_part_bottom a dl .right_part_icon1:hover { width:48px; height:40px; background: url(/pages/new_fund/img/main/icon3-1_on.png)  center / contain no-repeat;      display: inline-block;     }
	.right_part_bottom a dl .right_part_icon2:hover { width:48px; height:40px; background: url(/pages/new_fund/img/main/icon3-2_on.png)  center / contain no-repeat;      display: inline-block;     }
	.right_part_bottom a dl .right_part_icon3:hover { width:48px; height:40px; background: url(/pages/new_fund/img/main/icon3-3_on.png)  center / contain no-repeat;      display: inline-block;     }


	.right_part_bottom a dl dd { color: #000;
    font-size: 16px; margin-top: 10px;
    font-weight: 500; }





/*************************************** 諛섏쓳�� css ***************************************/


@media screen and (max-width: 1800px) {
    #sub_cate_wrap {background-size: 380px;}
    #sub_cate_wrap .menu_list_wrap .menu_list_box {flex: 1 1 156px; width: 156px;}
    #sub_cate_wrap .menu_list_wrap .menu_list_box > li > a {padding: 6px 10px;}
}
@media screen and (max-width: 1750px) {
    #sub_cate_wrap {background-size: 320px;}
}


@media screen and (max-width: 1720px) {
    #header_wrap .header .menu_wrap #navigation_pc ul#navigation>li{margin-right: 30px;}
	#sub_cate_wrap .menu_list_wrap .menu_list_box > li > a{font-size: 14px;}
    #sub_cate_wrap .menu_list_wrap .menu_list_box {flex: 1 1 142px; width: 132px;}
	#header_wrap .header .menu_wrap{padding: 0 10px;}
	#header_wrap .header .menu_wrap .sitemap{right: 5%;}
	#header_wrap .header .menu_wrap #navigation_pc{width: 650px;}
    #header_wrap .header .menu_wrap #navigation_pc ul#navigation {gap: 40px;}
	#header_wrap .header .menu_wrap #navigation_pc ul#navigation>li>a{font-size: 18px;}
    #header_wrap .header .menu_wrap .header_info .goto_btn {margin-right: 10px;}
	#header_wrap .header .menu_wrap .lag-box{right: 9%;}
	#footer #footer_wrap{width:100%;}
	#footer #footer_wrap .logo{display:none;}
	#footer #footer_wrap .address_box{left: 0;}
	.mcbox{width:100%;padding: 0 5%;}
	.sub_wrap .sub-menu-w{width:100%;padding: 0 5%;}
	#footer #footer_wrap .address_box .footer_address address{margin: 0;}

}

@media screen and (max-width: 1420px) {
#new_navigation_pc #navigation > li > a > span {
    font-size: 16px;}
    #new_navigation_pc #navigation > li .menu_list_wrap > ul > li > a {font-size: 14px; padding: 2px 16px 0px 16px;}
	#new_navigation_pc #navigation > li .menu_list_wrap > ul > li > a {
    justify-content: flex-start;
    padding: 2px 16px 0px 16px;}
}
@media screen and (max-width: 1400px) {
    #header_wrap .header .menu_wrap #navigation_pc ul#navigation {gap: 20px;}
    #header_wrap .header .menu_wrap .header_info .goto_btn {margin-right: 0;}
	.sub_4dmenu ul{width: 100%;padding: 0 5%;}
	.sub_4dmenu ul li{width: calc(100% / 4);}
    #sub_cate_wrap {background-size: 210px;}
}
@media screen and (max-width: 1350px) {
    #sub_cate_wrap {background-size: 160px;}
}

@media screen and (max-width: 1300px) {
    #new_navigation_pc {display: none;}
    #new_navigation_pc #navigation > li .menu_list_wrap {display: none;}
    #sub_cate_wrap {display: none;}
    #sub_cate_wrap.active {display: none;}
    .sch-box {background-position: right top 58%;}
    #header_wrap .header .menu_wrap .header_info .goto_btn {display: none;}
    #header_wrap {
        position: fixed;
        top: 0;
        z-index: 100;
        width: 100%;
    }
#header_wrap .header .menu_wrap .header_info ul li a.popup, #header_wrap .header .menu_wrap .header_info ul li a.login, #header_wrap .header .menu_wrap .header_info ul li a.logout{display:none;}

	#header_wrap .header .menu_wrap #navigation_pc ul#navigation{display:none;}
	#header_wrap .header .menu_wrap .lag-box button{display:none;}
	ul.quickmenu{display:none !important;}

	#header_wrap .header .menu_wrap .mo_sitemap{ display:block; position:absolute;right:5%;width: 30px;height: 19px; }
#header_wrap .header .menu_wrap .mo_sitemap span{position:relative;background:#000000;width:30px;height:3px;display: inline-block;}
#header_wrap .header .menu_wrap .mo_sitemap span:before{content:'';display:inline-block;background:#000000;width:15px;height:3px;top: -8px;position: absolute;right: 0;}
#header_wrap .header .menu_wrap .mo_sitemap span:after{content:'';display:inline-block;background:#000000;width: 22px;height:3px;bottom: -8px;position: absolute;left: 0;}
.sitemap { display:none; }
.quickmenu { display:none; }



/* 紐⑤컮�쇰찓�� */
#navigation_mobile_wrap{position:fixed;width:100%;height:100%;top:70px;z-index:9999;display:none;}
#navigation_mobile h2{overflow:hidden;position:absolute;width:1px;height:1px;font-size:0;line-height:0}
#navigation_mobile .gnb_top2{position:absolute;top:0;left:0;width:100%;height:50px;background:#fff;line-height:40px;}
#navigation_mobile .gnb_top2 .m_language_box{}
#navigation_mobile .gnb_top{position:absolute;top:50px;left:0;width:100%;height:50px;background:#2a334d;line-height:40px;}
#navigation_mobile .gnb_top ul li{position: relative;    display: inline-block;    width: 100%;/*border-bottom: 1px solid  #bcbcbc;*/}
#navigation_mobile .gnb_top ul li a{display: inline-block;color: #555;font-size: 1.3rem;width: 100%; line-height: 16px;vertical-align: middle;padding:0;}
#navigation_mobile .gnb_top ul li a:hover{opacity:1;text-decoration:none}
#navigation_mobile .gnb_top ul li:last-child:before{background:none}

#navigation_mobile .navigation_nav{
    top: 100px;
    position: fixed;
    width: 100%;
    height: 50px;
}
#navigation_mobile .navigation_nav a{width:calc(100% / 2);position: relative;color: #fff;border: none;height: 100%;line-height: 50px;cursor: pointer;text-align: center;font-weight: bold;display: block;text-decoration: none !important;border-right: 1px solid #053b36;box-sizing: border-box;margin: 0;floaT: left;background: #02584f;font-size: 15px;}



#navigation_mobile .gnb_wrap{position:fixed;top: 150px;/* right:-100% ; */overflow:hidden;width:100%;height:100%;margin:0;background: #1a1a1abd;transition:right 0.3s}
    #navigation_mobile .gnb_wrap .lang_wrap{overflow:hidden;position:absolute;bottom:0;left:0;width:100%;height:40px;padding:0 20px;background:#3D3D3D;line-height:40px;}
    #navigation_mobile .gnb_wrap .lang_wrap p{float:left;font-weight:500;color:#fff;}
    #navigation_mobile .gnb_wrap .lang_wrap ul{float:right;}
    #navigation_mobile .gnb_wrap .lang_wrap li{display:inline-block;height:auto;border:0;line-height:1;}
    #navigation_mobile .gnb_wrap .lang_wrap li a{font-size:1.3rem;color:#fff}
    #navigation_mobile .gnb_wrap .lang_wrap li + li a{padding-left:15px;margin-left:15px;border-left:1px solid #787878;}
    #navigation_mobile .gnb_list{display:block;overflow:auto;max-height:calc(100% - 150px);background: #8bc34a;}
    #navigation_mobile .gnb_list ul li a{text-decoration:none;}
    #navigation_mobile .depth1 > li{                width: 100%;
        padding: 0;
        text-align: center;
        float: left;}
    #navigation_mobile .depth1 > li > a {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        z-index: 100000;
        position: relative;
        border-bottom: 1px solid #f7fff869;
        height: 50px;
    }

    #navigation_mobile .depth1 > li > a:hover{text-decoration:none;    background:#4CAF50;}
    #navigation_mobile .depth1 > li > a span{display:block;width:100%;background: no-repeat 48% 0%;color:#fff;/* opacity:0.8; */background-size:55px;text-align: center;font-size: 16px;}/**/
    #navigation_mobile .depth1 > li > a:hover{opacity:1}

    #navigation_mobile .depth1 > li > a::after{display:none}
    #navigation_mobile .gnb_bg{ display:none; width:100%;/*height:calc(100% - 45px);*/padding:0;box-shadow:none;text-align:left;background:#fff;text-align:left;background:#fff;}

    #navigation_mobile .gnb_scroll{overflow:auto;max-width:100%;margin:0;position:relative;width:100%}/* -45 */
    #navigation_mobile .depth2{display:block;flex-wrap: wrap;}
    #navigation_mobile .depth2 > li{width:100%;padding:0;margin:0}
    #navigation_mobile .depth2 > li > a{
        position: relative;
        padding: 0 20px;
        padding-right: 20px;
        padding-right: 50px;
        border-bottom: 1px solid #ddd;
        font-size: 15px;
        line-height: 50px;
        display: block;
        font-weight: 600;
        color: #555;
        height: 50px;
        }
    #navigation_mobile .depth2 > li:first-child > a{border-top: 1px solid #ddd;}
    #navigation_mobile .depth2 > li > a:hover{text-decoration:none !important;}
    #navigation_mobile .depth2 > li > a:after {content: '';display:block;position:absolute;top:0px;right:0px;width:50px;height:50px;background: url(/pages/basic/img/common/arrow_lnb_3depth.png) no-repeat 50% 50%;
        background-size:100%;}
    #navigation_mobile .depth2 > li.active > a:after{background:url(/pages/basic/img/common/arrow_lnb_2depth_on.png) no-repeat 50% 50% !important;transform:rotate(270deg)} /**/
    #navigation_mobile .depth2 > li.active a{color: #02584f;font-weight: 700;}
    #navigation_mobile .depth2 > li.open a:after{background:url(/pages/basic/img/common/arrow_lnb_2depth_on.png) no-repeat 50% 50%;}
    #navigation_mobile .depth2 > li > a.is-active{color:#1969b2}
    #navigation_mobile .depth2 > li > a.is-active::after{background-image:url(./images/common/mobile_2depth_gnb_minus.png)}
    #navigation_mobile .depth3{display:none;background:#eee;padding:0px;}


    /* 	#navigation_mobile .depth3 > li + li{border-top:1px solid #eee} */
    #navigation_mobile .depth3 > li > a{
        width: 100%;
        margin: 0;
        padding: 0 20px;
        font-size: 15px;
        background: #f7f7f7 !Important;
        color: #666 !important;
        display: block;
        font-weight: 600;
        border-bottom: 1px solid #ddd !important;
        height: 50px;
        line-height: 50px;
    }
    #navigation_mobile .depth3 > li.blank > a span{width:15px;height:15px;background:url(/pages/new_fund/img/main/icon_blank.png) right center no-repeat;padding-right:20px}
    #navigation_mobile .depth3 > li.blank > a:hover span{background:url(/pages/basic/img/main/icon_blank_on.png) right top no-repeat}
    #navigation_mobile .depth3 > li.active a,#navigation_mobile .depth3 > li > a:hover{background: #75809d !important;color:#fff !important;text-decoration:none}

    #navigation_mobile .depth3 > li > a::before{display:none}
    #navigation_mobile .gnb_wrap .gnb_close{display:none}



    header .depth3 > li {
        padding: 0;
        margin: 0;}
    #navigation_mobile .logo_wrap .logo{background-image:url(./images/common/kmu_logo_m.png)}
    #navigation_mobile .gnb_btn i{position:relative;background:#333}
    #navigation_mobile .gnb_btn i:nth-child(1){top:8px;transform:rotate(45deg)}
    #navigation_mobile .gnb_btn i:nth-child(2){transform:translateX(150%)}
    #navigation_mobile .gnb_btn i:nth-child(3){top:-8px;transform:rotate(-45deg)}
    #navigation_mobile .depth1 > li > a:hover,
    #navigation_mobile .depth1 > li > a{}

    #navigation_mobile .depth1 > li.active > a{background:#4CAF50;}
    #navigation_mobile .depth1 > li.active > a span{opacity:1; font-weight: bold;}
    #navigation_mobile .depth1 > li.active .gnb_bg{visibility:visible;opacity:1;height: 100%;background: #fff;}
    #navigation_mobile.scroll{border-bottom:1px solid #E6E6E6;background:#fff}
    #navigation_mobile.scroll .logo_wrap .logo{background-image:url(./images/common/kmu_logo_m.png)}
    #navigation_mobile.scroll .gnb_btn i{position:relative;background:#333}
    #navigation_mobile.scroll .search_wrap > .search_btn{background-image:url(./images/common/header_search_btn_ic_b_m.png)}

	#main_visual {
				margin-top: 74px;
				border-top-right-radius: 30px;
				float: left;
				width: 100%;
				border-top-left-radius: 30px;
				border-bottom-right-radius: 30px;
				position: relative;
				overflow: hidden;
			}

			#main_container #main_visual img {
				max-width: 100%;
				width: 100%;
			}
			.main_right {
				width: 100%;
				margin-top: 58px;
				margin-left: 40px;
				float: right;
			}
			.main_fund_part .main_fund_part_center .main_fund_part_center_ul ul li { float: left;
    width: calc(100% / 2 - 30px);
    margin-left: 30px; }

			.main_right ul li {
			width: 100%;
			}
			.main_right ul li a {
				width: 100%;
			}
			.main_story {
				width: 98%;
			}

			.fund_down {
				margin-top: 10px;
				margin-bottom: 20px;
			}
			.fund_down2 {
				margin-top: 10px;
			}
			.footer_info {display: inline-block; }

			.footer_info_center {
				position: relative;
				width: 98%;
				max-width: 1400px;
				margin: 0 auto;
				align-items: center;
				height: auto;
			}


			.footer_right { float:left; margin-top: 17px; }
			#header_wrap .header .menu_wrap .header_info ul li a.btn_fullmenu {
				left: -20px;
			}

}


@media screen and (max-width: 1200px) {
	/* .lnb .sub-img{margin-top: 100px;} */

}


@media screen and (max-width: 1000px) {
    .sch-box {background-image: none;}

}


@media screen and (max-width: 900px) {
	.lnb .sub-img{display:none;}
	
	.content_box #contents .contents_top h3.subtop_title{font-size: 40px;margin-top: 10px;}
	.content_box #contents .contents_top{margin: 60px 0;}

    #header_wrap.header_sub {background-color: #fff;}
    #header_wrap.header_sub .header .menu_wrap .header_info ul li a.search {background: url(/pages/grad/img/main/ico-search_sub.png)  center / contain no-repeat;}
    #header_wrap.header_sub .header .menu_wrap .header_info ul li a.btn_fullmenu .menu_stick {background-color: #000;}

    .main_visual_bottom_relay { width: 100%; padding:16px 0; display: inline-block; margin-top: 15px; }
	.lnb ul li a {font-size: 20px;}
}

@media screen and (max-width: 800px) {
    #header_wrap .header .menu_wrap .logowrap a {width: 230px;}
    #header_wrap .header .menu_wrap .header_info .login,
    #header_wrap .header .menu_wrap .header_info .logout,
    #header_wrap .header .menu_wrap .header_info .goto_btn {font-size: 14px;}
    
}

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

			#main_visual {
				margin-top: 30px;
			}
			  .main_right {
				margin-top: 15px;
			}

			.main_fund_part .main_fund_part_center .main_fund_part_center_ul ul { width:100%; }
			.main_fund_part .main_fund_part_center .main_fund_part_center_ul ul {  margin-left: 0; }
			.main_fund_part .main_fund_part_center .main_fund_part_center_ul ul li{ width:100%; margin-left: 0; margin-top:10px; } 

			.cmh_nav {     float: left;
			background: #fff;
			width: 100%;
			position: relative;
			height: auto; }

				    #main_visual {
        border-radius: 30px;
    }

		.cmh_nav .cmhn_pagination {
			    float: left;
    margin-top: 18px;
    margin-left: 10px;
		}
		.cmh_nav .cmhn_bar {
			float: left;
			width: 130px;
			height: 5px;
			background: #b0b0b0;
			margin-top: 30px;
			margin-left: 10px;
		}
		.cmh_nav .cmhn_control {
			float: left;
			margin-top: 8px;
			margin-left: 10px;
		}

		}

@media screen and (max-width: 690px) {
#header_wrap .header .menu_wrap .logowrap a  {     margin-right: 0;} 
	#header_wrap .header .menu_wrap .logowrap a{ width: 194px; height: 50px;}
    
	
	.content_box #contents .contents_top h3.subtop_title{font-size: 28px;}
	.content_box #contents .contents_top p.subtop_title2{font-size: 20px;}
	.content_box #contents .contents_top{margin: 30px 0 50px;}
	.sub_4dmenu ul{padding:0 5%;}
	.sub_4dmenu ul li{width: calc(100% / 2 - 2px);}
	#web_location{display:none;}

	.sub_title_na h3 {font-size: 36px; text-align: center;}
	.lnb ul{width:100%; display: inline-block;}
	.lnb ul li{ width: calc(100% / 4 - 3px); display: inline-block;}
	.lnb ul li a{font-size:17px;  padding: 10px 0;}
/*
	.tapMenu1 li{width: calc(100% / 2 - 4px);}
	.tapMenu1 li:nth-child(3n){margin-right:5px;}
	.tapMenu1 li:nth-child(2n){margin-right:0px;}
*/
	.content_box #contents .contents_top h3.subtop_title:after{height: 5px;bottom: -20px;}



.part1{ float:left; width:100%; margin-bottom:80px}
.part2{float:left; width:100%; margin-left:0; margin-bottom:80px}

.address_box .footer_address { margin:0 5px;}
.address_box {margin: 0 auto;padding: 0px 0 114px 0;}
.address_box .sns ul {float: left; margin-left: 20%;}

/*메인 상단*/
.main_story {margin: 40px 0;}
.main_fund_part {margin:0;}
.main_right ul li a p.benefit{font-size:15px}
.main_right ul li a p {line-height: 22px;letter-spacing: -1px;font-size: 15px;}
.main_co { width: 95%;}
.main_fund_part .main_fund_part_center{width:95%}
 .main_story {width: 95%;}
}

@media screen and (max-width:540px) {
	.lnb ul li{ width: calc(100% / 3 - 3px); display: inline-block;}

	.lnb ul li a.webloc_blank{background:none;padding-right:0px;}
}
@media screen and (max-width: 450px) {
	
	#header_wrap .header .menu_wrap .header_info ul li a.popup{display:none;}
	.sub_4dmenu ul li{width:100%;}

.lnb ul li a{font-size: 17px; letter-spacing: -1.5px; word-break: keep-all;}
.main_visual_bottom h3 {font-size:24px;}
.main_visual_bottom {padding-bottom: 30px; margin-top: 20px;}
.main_story .main_story_center h3 { font-size: 32px;}
.main_fund_part .main_fund_part_center > h3 {font-size: 32px;}
.main_fund_part {padding: 30px 0 30px 0;}
.main_fund_part .main_fund_part_center .main_fund_part_center_ul ul {margin-top: 0px;}

.footer_right ul li a { font-size: 14px;}
.address_box .footer_address address {font-size: 13px; line-height: 18px;}
.address_box {margin: 0 auto;padding: 0px 0 154px 0;}

}

@media screen and (max-width: 360px) {
    .lnb ul li {
        width: calc(100% / 2 - 4px);}
		}