@charset "UTF-8";
/* main.css 01/08/21 */
/* overflow for main page */
.main { overflow-x: auto !important; overflow-y: hidden !important; } 
.main.fp-responsive { overflow: visible !important; } 
/* diff-type for main page */
.main .header { border-bottom: 1px solid rgba(255, 255, 255, .2); background-color: transparent; transition: background-color .3s; } 
.main .header.default-type { border-bottom: none; background-color: #fff; border-bottom: 1px solid rgb(219 219 219 / 50%); } 
.main .header.active { border-bottom: 0; background-color: #fff; } 
.main .header .common-type-logo { display: none; } 
.main .header.default-type .common-type-logo { display: block; } 
.main .header.active .common-type-logo { display: block; } 
.main .header .diff-type-logo { display: block; } 
.main .header.default-type .diff-type-logo { display: none; } 
.main .header.active .diff-type-logo { display: none; } 
.main .header .nav-dp1-anchor { color: #fff; font-size:22px; font-weight: 600; } 
.main .header.default-type .nav-dp1-anchor { color: #222; } 
.main .header.active .nav-dp1-anchor { color: #222; } 
.main .header .nav-dp1-anchor.active { color: #2e3192; } 
.main .header .nav-dp1-anchor.active:hover { color:#2196f3; } 
.main .header .lang-select a { color: #fff; } 
.main .header .current-lang:after { background: url('/images/common/ico_btn_lang_diff.png') 0 0 no-repeat; } 
.main .header.active .current-lang:after, .main .header.default-type .current-lang:after, .main .header .lang-select.active .current-lang:after { background: url('/images/common/ico_btn_lang.png') 0 0 no-repeat; } 
.main .header.active .lang-select a { color: #222; } 
.main .header.default-type .lang-select a { color: #222; } 
.main .header .lang-select.active a { color: #222; } 
.main .header .lang-select .lang-list a { color: #999; } 
/*.main .header .btn-total-menu {background: url('//img/common/ico_btn_total_diff.png') 0 0 no-repeat; } 
.main .header.default-type .btn-total-menu {background: url('//img/common/ico_btn_total.png') 0 0 no-repeat; } 
.main .header.active .btn-total-menu {background: url('//img/common/ico_btn_total.png') 0 0 no-repeat; } */
/* main.css */
body.main.lock-down {overflow: hidden !important; } 
.main-content .section {position:relative;overflow:hidden;transition:background-position 1s ease; } 
.main-content .fp-tableCell {position:relative;overflow:hidden; } 
.main-content .section:last-child,
.main-content .section:last-child .fp-tableCell {overflow:visible; } 
.main-content .section.active .fp-bg,
.main-content .section.prev .fp-bg {transform: translateY(0); } 
.main-content .fp-bg {backface-visibility: hidden;position: absolute;top: 0;bottom: 0;z-index: -1;width: 100%;height:100% !important;background-repeat: no-repeat;background-position: center 60%;background-size: cover;transition: transform 1s ease;transform: translateY(-60%); } 
.fp-responsive .section .fp-bg {transform: translateY(0); } 
.main-content .section:nth-child(1) .fp-bg {z-index: 5;background-image: url('/images/main/bg_main_01.jpg');transform: translateY(0); } 
.main-content .section:nth-child(2) .fp-bg {z-index: 4;background-image: url('/images/main/bg_main_02.jpg'); } 
.main-content .section:nth-child(3) .fp-bg {z-index: 3;background-image: url('/images/main/bg_main_03.jpg'); } 
.main-content .section:nth-child(4) .fp-bg {z-index: 2;background-image: url('/images/main/bg_main_04.jpg'); } 
.main-content .section:nth-child(5) .fp-bg {z-index: 1;background:#dbeffd url('/images/main/bg_main_05.jpg')no-repeat; background-size:100%;background-position:center 100%; } 
.main-content .inner {position: relative;z-index: 5;max-width: 1740px;height: 100%;margin: 0 auto;padding: 100px 50px 140px; } 
   

.main-content .section:nth-child(6) .inner {max-width: 100%;padding: 0; } 
.main-content .footer {margin-top: 0; } 
.main-content .inner .footer .inner {max-width: 1920px;padding: 0 50px; } 

.main-content h2 { margin-top:20px; color: #fff; font-size:4.5rem; font-weight: 900;word-break: break-word;letter-spacing: -.04rem;line-height: 7.058rem; }  /*타이틀 텍스트 위로 배치. margin-top: 134px;  bjm 240927 */ /*폰트사이즈 줄임 font-size: 5.882rem; 에서. bjm 240927*/
.font_shadow5 { text-shadow:5px 5px 5px rgba(0,0,0,0.3); }
.font_shadow0 { text-shadow:0px 0px 5px rgba(0,0,0,0.8); }

.main-content .section:nth-child(1) {text-align: center; } 
.main-content .section:nth-child(1) h2 {margin-top: 250px;/*font-size: 5.294rem;line-height: 6.470rem; */ font-size: 4rem; line-height: 4.8rem; } 
.main-content .section:nth-child(5) h2 {color: #222; } 
.main-content h2 + p { margin-top: 30px;color: #fff; font-size: 1.412rem;word-break: keep-all;letter-spacing: -.04rem;line-height: 1.882rem; } 
/* indicate-intro */
.indicate-intro {position: absolute;bottom: 180px;left: 50%;width:60px;height:60px;transform: translateX(-50%); } 
.indicate-intro span {position: absolute;top: 0;left: 50%;width: 32px;height: 32px;margin: -10px 0 0 -15px;border-bottom: 2px solid #fff;border-left: 2px solid #fff;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);-webkit-animation: indicateIntro 1.5s infinite;animation: indicateIntro 1.5s infinite; } 

@keyframes indicateIntro {
	0% {-webkit-transform: rotate(-45deg) translate(0, 0);transform: rotate(-45deg) translate(0, 0);opacity: 0; } 
	50% {opacity: 1; } 
	100% {-webkit-transform: rotate(-45deg) translate(-20px, 20px);transform: rotate(-45deg) translate(-20px, 20px);opacity: 0; } 
}
/* indicate-page */
.indicate-page {position: absolute;bottom: 0;left: 50px; } 
.indicate-page p { position: relative; /*padding-bottom: 110px; */ padding-bottom:85px; color: #fff; font-size: .705rem; font-weight: 700; writing-mode: vertical-rl; text-orientation: mixed; display:none; } /*스크롤 안내 텍스트 주석처리*/
.indicate-page p:after { content: ''; position: absolute; bottom: 0; left: 50%; width: 1px; /*height: 84px; */ height:75px; background-color: #fff; transform: translateX(-50%); opacity: .3; } /*추가*/
.indicate-page p:before { content: ''; position: absolute; /*top: 65px; */ top:50pxleft: 50%; width: 8px; height: 8px; margin-left: -4px; border-radius: 4px; background: #fff; animation-name: indicatePage; animation-duration: 1.5s; animation-iteration-count: infinite; } /*추가*/
@keyframes indicatePage {
	0% {opacity: 1; } 
	100% {transform: translateY(84px);opacity: 0; } 
}
/* board-group */
.board-group {overflow: hidden;margin-top: 60px; } 
.board-panel {float: left; width:100%; border-top: 2px solid #080b10; } /* 게시판 1개로 변경width: 480px; 240927*/
.board-panel:nth-child(2) {margin: 0 100px; } 
.board-panel .title { margin-top: 25px; /*font-size: .882rem; */ font-size:1.4rem; font-weight: 400; } 
.board-panel .head-line {display: -webkit-box;overflow: hidden;max-width: 100%;min-height: 100px;margin-top: 25px;font-size: 2rem;font-weight: 700;text-overflow: ellipsis;word-break: break-all;white-space: normal;-webkit-line-clamp: 2;-webkit-box-orient: vertical; } 
.board-panel span { display: block; margin-top: 20px; color: #666; /*font-size: .882rem; */ font-size:1rem; } 
.board-panel ul {margin-top: 60px; } 
.board-panel ul > li {overflow: hidden;line-height: 2.352rem; } 
.board-panel ul > li > a { display: block; float: left; /*width: 80%; */ width:74%; font-size: 1.176rem; font-weight: 300; } 
.board-panel ul > li em {float: right;color: #666;font-size: .882rem; } 
/* indicate-group */
.indicate-group {margin-top: 60px;color: #fff;transition: transform 3.5s, opacity 3.7s;transition-delay: 1s;transform: translateY(50px);opacity: 0; } 
.fp-completely .indicate-group {transform: translateY(0);opacity: 1; } 
.indicate-title {font-size: .941rem; } 
.indicate-process {position: relative;width: 360px;height: 1px;margin: 20px 0;background-color: #555a61; } 
.indicate-process > div {position: absolute;top: -1px;left: 0;height: 2px;background-color: #fff;transition: width .5s; } 
.indicate-number {font-size: 1.176rem;font-weight: 700; } 
/* earth-wrap */
.earth-wrap { position: absolute; /*top: 250px; */ top:175px; right: 65px; width: 650px; /*698px; */ height: 650px; /*624px; *//*background: rgba(0,0,0,0.3); */ } 
.earth-motion { position: absolute; top: 0; left: 0; width: 100%; /*698px; */ height: 100%; /*624px; */ } 
.earth-img {position: absolute;top: 0;left: 0;width: 100%; /*698px; */
height: 100%; /*624px; */
background: url('/images/main/img_earth.png') 50% 50% no-repeat;/* -webkit-animation: triSpin3 60s infinite;animation: triSpin3 60s infinite; */}
.earth-wrap .earth-img ~ div {position: absolute;top: 0;left: 0;width: 100%;height: 100%; } 
.earth-line-front {background: url('/images/main/earth_line_front.png') 50% 50% no-repeat;-webkit-animation: triSpin 80s infinite;animation: triSpin 80s infinite; } 
.earth-line-back {background: url('/images/main/earth_line_back.png') 50% 50% no-repeat;-webkit-animation: triSpin2 90s infinite;animation: triSpin2 90s infinite; } 
.animated {-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both; } 
.earth-menu-group li { position: absolute; width: 120px; height: 120px; color: #fff; text-align: center; /*background: rgb(255 235 59 / 30%); */ } 
.earth-menu-group .menu-circle { display: flex; position: absolute; right: 0; bottom: 0; align-items: center; justify-content: center; width: 120px; height: 120px; /*border-radius: 50%; */ font-size: 1.176rem; background: rgba(255,255,255,0.15); transition: width .3s, height .3s, font-size .3s; /*background: url('/images/main/bg_earth_menu_default.png') 0 0 repeat; */ } 
.earth-menu-group .item01 .menu-circle { border-radius: 50% 50% 0 50%; } 
.earth-menu-group .item02 .menu-circle { border-radius: 50% 50% 50% 0; } 
.earth-menu-group .item03 .menu-circle { border-radius: 50% 50% 50% 50%; } 
.earth-menu-group .item06 .menu-circle { border-radius: 50% 50% 50% 50%; } 
.earth-menu-group .item04 .menu-circle { border-radius: 0 50% 50% 50%; } 
.earth-menu-group .item05 .menu-circle { border-radius: 50% 0 50% 50%; } 
.earth-menu-group .expand-group {display: none; } 
.earth-menu-group .menu-circle a {color: #fff; } 
.earth-menu-group > li:hover .menu-circle { width: 160px; height: 160px; font-size: 1.3rem; background: #ff4e00; } 
.earth-menu-group > li:hover .expand-group {display: block; } 
.earth-menu-group > li:hover .default-group {display: none; } 
.earth-menu-group .item01 {top: 0;left: 120px; /*135px; */}
.earth-menu-group .item02 {top: 0;/*left: 460px; */right: 120px; } 
.earth-menu-group .item03 {/*top: 250px; */top:50%;right: 0;transform: translateY(-50%); } 
.earth-menu-group .item04 {/*right: 135px; */right:120px;bottom: 0; } 
.earth-menu-group .item05 {/*right: 460px; */left: 120px;bottom: 0; } 
.earth-menu-group .item06 {/*top: 250px; */top:50%;left: 0;transform: translateY(-50%); } 
@keyframes triSpin {
	0% {-webkit-transform: rotate(0deg);transform: rotate(0deg); } 
	50% {-webkit-transform: rotate(-180deg);transform: rotate(-180deg); } 
	100% {-webkit-transform: rotate(0deg);transform: rotate(0deg); } 
}
@-webkit-keyframes triSpin {
	0% {-webkit-transform: rotate(0deg);transform: rotate(0deg); } 
	50% {-webkit-transform: rotate(-180deg);transform: rotate(-180deg); } 
	100% {-webkit-transform: rotate(0deg);transform: rotate(0deg); } 
}
@keyframes triSpin2 {
	0% {-webkit-transform: rotate(0deg);transform: rotate(0deg); } 
	50% {-webkit-transform: rotate(270deg);transform: rotate(270deg); } 
	100% {-webkit-transform: rotate(0deg);transform: rotate(0deg); } 
}
@-webkit-keyframes triSpin2 {
	0% {-webkit-transform: rotate(0deg);transform: rotate(0deg); } 
	50% {-webkit-transform: rotate(270deg);transform: rotate(270deg); } 
	100% {-webkit-transform: rotate(0deg);transform: rotate(0deg); } 
}
@keyframes triSpin3 {
	0% {-webkit-transform: rotate(0deg);transform: rotate(0deg); } 
	25% {-webkit-transform: rotate(10deg);transform: rotate(10deg); } 
	50% {-webkit-transform: rotate(0deg);transform: rotate(0deg); } 
	75% {-webkit-transform: rotate(-10deg);transform: rotate(-10deg); } 
	100% {-webkit-transform: rotate(0deg);transform: rotate(0deg); } 
}
@-webkit-keyframes triSpin3 {
	0% {-webkit-transform: rotate(0deg);transform: rotate(0deg); } 
	25% {-webkit-transform: rotate(10deg);transform: rotate(10deg); } 
	50% {-webkit-transform: rotate(0deg);transform: rotate(0deg); } 
	75% {-webkit-transform: rotate(-10deg);transform: rotate(-10deg); } 
	100% {-webkit-transform: rotate(0deg);transform: rotate(0deg); } 
}
/* main-menu-type01 */
.main-menu-type01 {position: absolute;top: 590px;right: 50px;color: #fff; } 
.main-menu-type01 ul:after {content: '';display: block;clear: both; } 
.main-menu-type01 li {float: left;position: relative;width: 230px;height: 240px;margin-left: 20px;cursor: pointer; } 
.main-menu-type01 li:hover {width: 320px; } 
.main-menu-type01 li:after {content: '';position: absolute;right: 20px;bottom: 20px; } 
.main-menu-type01 .item01:after {width: 65px;height: 65px;background: url('/images/main/ico_menu_type01_01.svg') 0 0 no-repeat; } 
.main-menu-type01 .item02:after {width: 65px;height: 65px;background: url('/images/main/ico_menu_type01_02.svg') 0 0 no-repeat; } 
.main-menu-type01 .item03:after {width: 65px;height: 65px;background: url('/images/main/ico_menu_type01_03.svg') 0 0 no-repeat; } 
.main-menu-type01 .menu-box { overflow: hidden; position: absolute; right: 0; bottom: 0; width: 230px; height: 240px; padding: 30px 28px; background: url('/images/main/bg_menu_type01_default.png') 0 0 repeat; transition: width .3s, height .3s; color: #fff; border-radius: 50px 0px 50px 0; } 

.main-menu-type01 > li:hover .menu-box { width: 320px; height: 330px; /*background: #00ab9e; */ 
/*background: rgb(33,150,243); background: -moz-linear-gradient(-45deg, rgba(33,150,243,1) 31%, rgba(33,150,243,1) 63%, rgba(139,195,74,1) 100%); background: -webkit-linear-gradient(-45deg, rgba(33,150,243,1) 31%,rgba(33,150,243,1) 63%,rgba(139,195,74,1) 100%); background: linear-gradient(135deg, rgba(33,150,243,1) 31%,rgba(33,150,243,1) 63%,rgba(139,195,74,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2196f3', endColorstr='#8bc34a',GradientType=1 ); */
background: #3666a7; background: -moz-linear-gradient(-45deg,  #3666a7 0%, #374b90 100%); background: -webkit-linear-gradient(-45deg,  #3666a7 0%,#374b90 100%); background: linear-gradient(135deg,  #3666a7 0%,#374b90 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3666a7', endColorstr='#374b90',GradientType=1 ); } 
.main-menu-type01 li:first-child { margin-left: 0; } 

.main-menu-type01 li .default-group .top_tit_txt { font-size:17px; font-weight:300; letter-spacing:-0.5px; }
.main-menu-type01 li .default-group .mid_tit_txt { font-size:28px; font-weight:600; }

.main-menu-type01 .default-group p { font-size: 1.176rem; letter-spacing:-1px; } 
.main-menu-type01 .expand-group { opacity: 0; } 
.main-menu-type01 .expand-group a { color: #fff; } 
.main-menu-type01 .expand-group h3 {width: 260px;font-size: 1.647rem;font-weight: 400;letter-spacing: -.04rem;line-height: 2.117rem; } 
.main-menu-type01 .expand-group p {/*width: 260px; */ /*추가*/margin-top: 30px;/*font-size: .941rem; */font-size:1rem; /*추가*/letter-spacing: -.035rem; } 
.main-menu-type01 > li:hover .default-group {display: none; } 
.main-menu-type01 > li:hover .expand-group {opacity: 1; } 
/* main-menu-type02 */
.main-menu-type02 {position: absolute;top: 324px;right: 128px;width: 440px;transform: rotate(45deg); } 
.main-menu-type02 > li { overflow: hidden; float: left; position: relative; width: 200px; height: 200px; margin: 10px; color: #fff; background: url('/images/main/bg_menu_type01_default.png') 0 0 repeat; transition: .3s; border-radius: 20%; } 
.main-menu-type02 > li:hover {background: rgb(156,39,176);background: -moz-linear-gradient(-45deg, rgba(32,124,229,1) 0%, rgba(156,39,176,1) 100%);background: -webkit-linear-gradient(-45deg, rgba(32,124,229,1) 0%, rgba(156,39,176,1) 100%);background: linear-gradient(135deg, rgba(32,124,229,1) 0%, rgba(156,39,176,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#207ce5', endColorstr='#9c27b0',GradientType=1 );transform: scale(1.36); }
.main-menu-type02 > li:nth-child(1) {transform-origin: 100% 100%; } 
.main-menu-type02 > li:nth-child(2) {transform-origin: 0 100%; } 
.main-menu-type02 > li:nth-child(3) {transform-origin: 100% 0; } 
.main-menu-type02 > li:nth-child(4) {transform-origin: 0 0; } 
.main-menu-type02 .menu-rhombus {display: flex;position: absolute;top: 50%;left: 50%;align-items: center;justify-content: center;width: 200px;height: 200px;text-align: center;transform: translate(-50%, -50%) rotate(-45deg); } 
.main-menu-type02 .menu-rhombus a {color: #fff; } 
.main-menu-type02 .default-group p { font-size: 20px; } 
.main-menu-type02 .default-group .ico_img { width:100px; margin-bottom:10px; } /*background:rgba(0,0,0,0.1); */
.main-menu-type02 .expand-group { display: none; } 
.main-menu-type02 .expand-group h3 { margin: 10px 0; font-size: 18px; } 
.main-menu-type02 .expand-group .fund-type li {display: inline-block;position: relative;margin-left: 5px;padding-left: 10px;font-size: 11px; } 
.main-menu-type02 .expand-group .fund-type li:after {content: '';position: absolute;top: 50%;left: 0;width: 1px;height: 7px;background-color: #7494eb;transform: translateY(-50%); } 
.main-menu-type02 .expand-group .fund-type li:first-child {margin-left: 0;padding-left: 0; } 
.main-menu-type02 .expand-group .fund-type li:first-child:after {display: none; } 
.main-menu-type02 .expand-group .sharp-type li {display: inline-block;padding: 2px 10px 4px;border: 1px solid #fff;border-radius: 20px;font-size: 9px; } 
.main-menu-type02 > li:hover .default-group {display: none; } 
.main-menu-type02 > li:hover .expand-group {display: block; } 
/* paragraph */
.first-paragraph { transition-delay: 1s; /*transition: transform .5s, opacity .7s; */ transition: transform 1s, opacity 1.2s; transform: translateY(50px); opacity: 0; } /*추가*/
.fp-completely .first-paragraph {transform: translateY(0); opacity: 1; } 
.second-paragraph {transition-delay: 1s;transition: transform 1.5s, opacity 1.7s; transform: translateY(50px); opacity: 0; } 
.fp-completely .second-paragraph {transform: translateY(0); opacity: 1; } 
.sub-paragraph {transition-delay: 1s;transition: transform 2.5s, opacity 2.7s; transform: translateY(50px); opacity: 0; } 
.fp-completely .sub-paragraph {transform: translateY(0); opacity: 1; } 
/* destroy fullpage */
.fp-responsive .main-content .footer {position: relative; } 
@media screen and (max-width: 1740px) {
	.main-content .inner {max-width: 1300px; } 
	.main-content h2 {margin-top: 80px;font-size: 4.118rem;line-height: 4.706rem; } 
	.main-content .section:nth-child(1) h2 {margin-top: 140px;font-size: 4.706rem;line-height: 5.882rem; } 
	.main-content .section:nth-child(1) h2 + p {margin-top: 84px;font-size: 1.294rem; } 
	.main-content h2 + p {margin-top: 45px;font-size: 1.059rem;line-height: 1.529rem; } 
	.indicate-intro {bottom: 150px; } 
	.indicate-group {margin-top: 80px; } 
	.indicate-title {font-size: .824rem; } 
	.indicate-number {font-size: 1.059rem; } 
	.indicate-page {left: 50px; } 
	/* earth-menu */
	.earth-wrap { top: 170px; /*right: -20px; */ right: 0px; width: 600px; height: 600px; } 
	.earth-motion { transition: all .3s ease; /*transform: scale(.7); *//*transform:scale(.85); */transform:scale(1); } 
	/*.earth-menu-group li { width: 110px; height: 110px; } */
	/*.earth-menu-group .item01 { top: 90px; left: 110px; } */
	.earth-menu-group .item02 {/*top: 90px; */
	/*right: 170px; */
	right: 110px;left: auto; } 
	.earth-menu-group .item03 {/*top: 260px; */
	/*right: 70px; */}
	.earth-menu-group .item04 {/*right: 170px; */
	right:110px;/*bottom: 90px; */}
	.earth-menu-group .item05 {right: auto;/*bottom: 90px; */
	/*left: 170px; */
	left: 110px; } 
	.earth-menu-group .item06 {/*top: 260px; */
	/*left: 70px; */}
	/*.earth-menu-group .menu-circle { width: 100px; height: 100px; font-size: 1rem; } */
	.earth-menu-group > li:hover .menu-circle {width: 136px;height: 136px;font-size: 1.412rem; } 
	/* main-menu-type01 */
	.main-menu-type01 {top: 518px;right: 50px; } 
	.main-menu-type01 li { /*width: 190px; *//*height: 200px; */ width: 220px; height: 230px; margin-left: 20px; } 
	.main-menu-type01 li:hover {/*width: 265px; */
	width:310px; } 
	.main-menu-type01 .menu-box { /*width: 190px; *//*height: 200px; */ width: 220px; height: 230px; padding: 25px; } 
	.main-menu-type01 .default-group p {/*font-size: 0.98rem; */
	font-size:1.1rem;letter-spacing:-1px;word-break:keep-all; } 
	.main-menu-type01 > li:hover .menu-box { /*width: 265px; *//*height: 275px; */ width:310px; height: 280px; } 
	.main-menu-type01 .expand-group h3 {/*width: 215px; */
	/*width:315px; */ /*추가*/
	font-size: 1.412rem;line-height: 2.118rem; } 
	.main-menu-type01 .expand-group p {/*width: 215px; */
	/*width:315px; */ /*추가*/
	margin-top: 20px;/*font-size: .882rem; */
	font-size:1rem; } 
	.main-menu-type01 .item01:after { width: 60px; height: 60px; background-size: 60px 60px; } 
	.main-menu-type01 .item02:after { width: 60px; height: 60px; background-size: 60px 60px; } 
	.main-menu-type01 .item03:after { width: 60px; height: 60px; background-size: 60px 60px; } 
	/* main-menu-type02 */
	.main-menu-type02 {top: 254px;right: 123px;width: 392px; } 
	.main-menu-type02 > li {width: 184px;height: 184px;margin: 6px; } 
	.main-menu-type02 .menu-rhombus {width: 184px;height: 184px; } 
	.main-menu-type02 .default-group p {font-size: 17px; } 
	.main-menu-type02 .expand-group h3 {margin: 5px 0;font-size: 17px; } 
	.board-group {margin-top: 50px; } 
	.board-panel {width: 360px; } 
	.board-panel:nth-child(2) {margin: 0 60px; } 
	.board-panel .title { /*font-size: .765rem; */ font-size:1.2rem; } 
	.board-panel .head-line {min-height: 72px;font-size: 1.412rem; } 
	.board-panel span { /*font-size: .765rem; */ font-size:1rem; } 
	.board-panel ul { /*margin-top: 50px; */ margin-top: 40px; } 
	.board-panel ul > li { line-height: 1.765rem; margin-top: 5px; } 
	.board-panel ul > li > a { /*font-size: .882rem; */ font-size:1.1rem; } 
	.board-panel ul > li em { /*font-size: .765rem; */ font-size:0.9rem; } 
	.main-content .section:nth-child(5) h2 {margin-top: 40px; } 
}

@media (max-width:1600px) {
	.header h1 a { width:220px; } 
}

@media screen and (max-width: 1279px) {
	/* diffrent type for main page header */
	.main .header h1 { display: block; top: 15px; left: 10px; } 
	.main .header h1 img {/*width: 120px; */}
	.main .header .nav-dp1-anchor {color: #222; } 
	.main .header .lang-select a {color: #222; } 
	.main .header .lang-list a {color: #999; } 
	.main .header .mobile-menu-inner, .main .header .mobile-menu-inner:after, .main .header .mobile-menu-inner:before { background-color: #fff; } 
	.main .header.default-type .mobile-menu-inner, .main .header.default-type .mobile-menu-inner:after, .main .header.default-type .mobile-menu-inner:before { background-color: #222; } 
	.main .header .btn-mobile-menu.active .mobile-menu-inner, .main .header .btn-mobile-menu.active .mobile-menu-inner:after, .main .header .btn-mobile-menu.active .mobile-menu-inner:before { background-color: #222; } 
	.main-content .inner { max-width: 1200px; padding: 56px 30px; } 
	.main .header:hover .mobile-menu-inner, .main .header:hover .mobile-menu-inner:before, .main .header:hover .mobile-menu-inner::after { background:#03a9f4; } 
	/*.main .header .inner:hover, .main .header .inner:hover::before, .main .header .inner::after { background:blue; } */
	/*button.btn-mobile-menu:hover .mobile-menu-inner:before { background:blue; } */
	/*.main .header .mobile-menu-inner:hover, .main .header .mobile-menu-inner:hover::after, .main .header .mobile-menu-inner:hover::before { background:blue; } */
	/* earth-wrap */
	.earth-wrap {top: 120px;right: 60px;width: 500px;height:500px; } 
	.earth-motion { /*width: 440px; */transition: all .3s ease; transform: scale(.7); } 
	.earth-img { /*width: 440px; */ /*width: 500px; height: 500px; */ } 
	.earth-menu-group li {width:100px; /*width: 84px; */height:100px; /*height: 84px; */}
	.earth-menu-group .item01 { left: 84px; } 
	.earth-menu-group .item02 { right: 84px; } 
	.earth-menu-group .item03 { /*right: -30px; */ } 
	.earth-menu-group .item04 { right: 84px; } 
	.earth-menu-group .item05 { left: 84px; } 
	.earth-menu-group .item06 { /*left: -30px; */ } 
	.earth-menu-group .menu-circle {width: 100px; /*width: 84px; */height: 100px; /*height: 84px; *//*font-size: .823rem; */font-size:1rem; } 
	.earth-menu-group > li:hover .menu-circle {width: 112px;height: 112px;font-size: 1.117rem; } 
	.main-menu-type01 {top: 518px;right: 30px; } 
	.board-panel {width: 340px; } 
	.main-content .inner .footer .inner {padding: 0 20px; } 
}
@media screen and (max-width: 1199px) {
	.main-content .inner {padding: 56px 40px; } 
	.main-content .section:nth-child(1) h2 {margin-top: 60px;font-size: 2.667rem;line-height: 3.333rem; } 
	.main-content .section:nth-child(1) h2 + p {margin-top: 30px;font-size: 1.1rem; } 
	.main-content h2 {margin-top: 40px;font-size: 2.666rem;line-height: 3.333rem; } 
	.main-content h2 + p {margin-top: 30px;font-size: 1rem;line-height: 1.4rem; } 
	.board-group {margin-top: 0; } 
	.board-panel {float: none;width: 100%;margin-top: 40px;border-top: 2px solid #080b10; } 
	.board-panel:nth-child(2) {margin: 40px 0 0; } 
	.board-panel .title {margin-top: 20px;/*font-size: .800rem; */}
	.board-panel .head-line {min-height: 58px;margin-top: 12px;/*font-size: 1.333rem; */}
	.board-panel span { margin-top: 12px; /*font-size: .800rem; */ font-size:1rem; } 
	.board-panel ul {margin-top: 30px; } 
	.board-panel ul > li {margin-top: 20px;line-height: normal; } 
	.board-panel ul > li:first-child {margin-top: 0; } 
	.board-panel ul > li > a { float: none; width: 100%; /*font-size: 1rem; */ font-size:1.3rem; /*font-weight: 400; */ } 
	.board-panel ul > li em { float: none; /*font-size: .866rem; */ font-size:1rem; } 
	.main-content .footer .inner {padding: 0 20px; } 
	/* indicate-page */
	.indicate-page {left: 40px; } 
	.indicate-group {margin-top: 30px; } 
	/* main-menu-type01 */
	.main-menu-type01 {top: 480px;right: 40px; } 
	/* main-menu-type02 */
	.main-menu-type02 {top: 200px; } 
}
@media screen and (max-width: 1000px) {
	.indicate-intro {bottom: auto;margin-top: 50px; } 
	.indicate-intro span {width: 16px;height: 16px; } 
	.indicate-page {display: none; } 
	.earth-wrap { position: relative; top: 0 !important; right: auto; /*width: 280px; *//*height: 440px; */ margin: 0 auto; } 
	.earth-motion { transform: scale(.65) translateX(0%) !important; } /* transform: scale(.35) translateX(-85%); width: 450px; height: 450px; */
	.earth-img { /*width: 698px; *//*height: 440px; */width: 450px; height: 450px; } 
	.earth-menu-group li {right: auto;width: 60px;height: 60px; } 
	.earth-menu-group .item01, .earth-menu-group .item02 { width:90px; height:90px; } /*background:red; */
	.earth-menu-group .item01 {/*top: 80px; */left: 90px !important;}
	.earth-menu-group .item02 {/*top: 80px; *//*right: 40px; */right: 90px !important;/*left: auto; */}
	.earth-menu-group .item03 { /*top: 190px; *//*right: -15px; */width: 90px; height: 90px; } 
	.earth-menu-group .item04 { /*right: 40px; *//*bottom: 80px; */width: 90px; height: 90px; right:90px !important; } 
	.earth-menu-group .item05 { /*right: auto; *//*bottom: 80px; *//*left: 40px; */width: 90px; height: 90px; } 
	.earth-menu-group .item06 { /*top: 190px; *//*left: -15px; */ width: 90px; height: 90px; } 
	.earth-menu-group .menu-circle { /*width: 60px; *//*height: 60px; */width: 90px; height: 90px; font-size:1rem; /*font-size: .666rem; */ } 
	.earth-menu-group > li:hover .menu-circle { /*width: 80px; *//*height: 80px; */width: 100px; height: 100px; font-size: .933rem; } /* main-menu-type01 */
	.main-menu-type01 {position: static;margin-top: 30px; } 
	.main-menu-type01 li {float: none;width: 100%;height: 155px;margin: 20px auto 0; } 
	.main-menu-type01 > li:hover {width: 100%;/*height: 210px; */height:180px; /*추가*/}
	.main-menu-type01 .item01:after { /*width: 20px; *//*height: 20px; *//*background-size: 20px 20px; */ width: 50px; height: 50px; background-size: 50px 50px; } 
	.main-menu-type01 .item02:after { /*width: 21px; height: 22px; background-size: 21px 22px; */ width: 50px; height: 50px; background-size: 50px 50px; } 
	.main-menu-type01 .item03:after { /*width: 21px; height: 21px; background-size: 21px 21px; */ width: 50px; height: 50px; background-size: 50px 50px; } 
	.main-menu-type01 li:first-child {margin: 0 auto; } 
	.main-menu-type01 .menu-box {right: auto;left: 50%;width: 100%;height: 155px;padding: 20px 20px;transform: translateX(-50%); } 
	.main-menu-type01 > li:hover .menu-box {width: 100%;/*height: 210px; */height:180px; /*추가*/}
	.main-menu-type01 .default-group p {/*font-size: .933rem; */font-size:1.3rem; } 
	.main-menu-type01 .expand-group h3 {/*font-size: 1.133rem; *//*font-size:1.4rem; */font-size:1.3rem;line-height: 1.533rem; } 
	.main-menu-type01 .expand-group p {margin-top: 20px; /*추가*//*font-size: .866rem; */font-size:1.1rem;width: calc(100% - 70px); /*추가*/}
	/* main-menu-type02 */
	.main-menu-type02 {position: relative;top: 0!important;right: auto;left: 50%;width: 280px;height: 280px;margin-top: 30px;transform: translateX(-50%) rotate(45deg) !important; } 
	.main-menu-type02 > li { /*width: 136px; *//*height: 136px; */margin: 2px; } 
	.main-menu-type02 > li:hover { /*transform: scale(1.25); */ transform: scale(1.35); } 
	.main-menu-type02 .menu-rhombus {width: 136px;height: 136px;transform: translate(-50%, -50%) rotate(-45deg); } 
	.main-menu-type02 .default-group p { font-size: 19px; } 
	.main-menu-type02 .expand-group h3 { margin: 5px 0; /*font-size: 13px; */font-size:16px; } 
	.main-menu-type02 .expand-group .fund-type li {margin-left: 3px;padding-left: 6px;font-size: 10px; } 
	.main-menu-type02 .expand-group .fund-type li:after {top: 50%;left: 0;width: 1px;height: 5px;transform: translateY(0); } 
	.main-menu-type02 .expand-group .sharp-type li {padding: 1px 5px 2px; } 
	/* indicate-group */
	.indicate-process {width: 180px;margin: 10px 0; } 
	.indicate-title {font-size: .866rem; } 
	.indicate-number {font-size: 1rem;font-weight: 400; } 
}
@media screen and (max-width: 720px) {
	/* background image for mobile */
	.main-content .section:nth-child(1) .fp-bg {background-image: url('/images/main/bg_main_01_m.jpg'); } 
	.main-content .section:nth-child(2) .fp-bg {background-image: url('/images/main/bg_main_02_m.jpg'); } 
	.main-content .section:nth-child(3) .fp-bg {background-image: url('/images/main/bg_main_03_m.jpg'); } 
	.main-content .section:nth-child(4) .fp-bg {background-image: url('/images/main/bg_main_04_m.jpg'); } 
	.main-content .section:nth-child(5) .fp-bg {background-image: url('/images/main/bg_main_05_m.jpg'); } 
}
@media screen and (max-width: 1024px) and (min-width: 768px) {
	.main-content .section:nth-child(1) h2 {margin-top:15vw;font-size:6.9vw;line-height:8.6vw; } 
	.main-content .section:nth-child(1) h2 + p {font-size:2.16vw; } 
	.indicate-intro {bottom:150px; } 
	.indicate-intro span {width:20px;height:20px;margin:-8px 0 0 -9px; } 
	.earth-wrap { top:0%; width: 450px; height: 450px; } /*top:10%; width:440px; */
	.earth-motion {transform:scale(.65) translateX(-29%); } 
	.earth-menu-group li { /*width:84px; *//*height:84px; */ } 
	.earth-menu-group .menu-circle { /*width:84px; *//*height:84px; */ /*font-size:0.823rem; */ } 
	.earth-menu-group .item01,
	/*.earth-menu-group .item02 { top:10px; } */
	.earth-menu-group .item04,
	.earth-menu-group .item05 {bottom:10px; } 
	.earth-menu-group .item01,
	.earth-menu-group .item05 {left:80px; } 
	.earth-menu-group .item02,
	.earth-menu-group .item04 {right:80px; } 
	.main-menu-type02 {top:60px;width:400px;height:400px;transform:translateX(-50%) rotate(45deg); } 
	.main-menu-type02 > li {width:184px;height:184px;margin:6px; } 
	.main-menu-type02 .menu-rhombus {width:184px;height:184px;transform:translate(-50%, -50%) rotate(-45deg); } 

	#section03 .main-menu-type01 .menu-box { border-radius: 0px 0px 30px 0; }
}
@media screen and (max-width: 767px) {
	.main-content .inner { /*padding:56px 40px 10px; */ padding:56px 20px 20px; } 
	.main-content h2 {font-size:2.4rem; } 
	.indicate-intro {margin-top:80px; } 
	#section02 h2 {margin-top:30px;font-size:2.2rem;line-height:2.8rem; } 
	.main-content #section02 h2 + p {margin-top:20px; } 
	#section02 .indicate-group {margin-top:20px; } 
	.earth-wrap { top:50% !important; transform: translateY(-85%); height:450px; width: 450px; } /*bottom:0; */
	.earth-motion { transform: scale(.6) translateX(0%) !important; } /*height:450px; margin-top:-15px; */
	.earth-img { height:450px; width: 450px; } 
	.earth-menu-group .item01,
	.earth-menu-group .item02 { /*top:-10px; */ } 
	.earth-menu-group .item04,
	.earth-menu-group .item05 { /*bottom:20px; */ } 
	.earth-menu-group .item03,
	.earth-menu-group .item06 { /*top:90px; */ } 
	.main-menu-type01 { margin-top:50px; } 
	.main-menu-type01 li { /*height:70px; */height:90px; } 
	.main-menu-type01 .menu-box { /*height:70px; */ height:90px; border-radius: 0px 0px 30px 0; } /*padding:14px 45px 14px 20px; display: flex; align-items: center; 추가*/
	.main-menu-type01 .expand-group { display:block; } /*display:none; 추가*/
	.main-menu-type01 > li .expand-group {position:absolute;left:0px;top:0px; } 
	.main-menu-type01 > li:hover { /*height:70px; *//* height:160px; */ } /*height:90px; */ /*추가*/
	.main-menu-type01 > li:hover .menu-box { /*height:70px; */ /*height:160px; */ } /*background:url('/images/main/bg_menu_type01_default.png') 0 0 repeat; height:90px; transform:translateX(-50%); 추가*/
	.main-menu-type01 > li:hover .default-group { } /*display:block; display:none; 추가*/
	.main-menu-type01 > li:hover .expand-group { padding:20px; } /*opacity:0; opacity:1; 추가*/
	.main-menu-type01 .expand-group p { width: calc(100% - 50px); margin-top: 21px; font-size: 1.1rem; word-break: break-all; } /*추가*/
	.main-menu-type01 .expand-group h3 { width:100%; font-size: 1.4rem; } /*추가*/
	.main-menu-type02 { /*width:220px; *//*height:220px; */ width: 420px; height: 420px; padding: 20px; } /*추가*/
	.main-menu-type02 > li { position:relative; /*width:100px; */ /*height:100px; */ width: 180px; height: 180px; } 
	.main-menu-type02 .menu-rhombus {width: 125px;height: 125px;transform: translate(-50%, -50%) rotate(-45deg); } 
	.main-menu-type02 .default-group p { /*font-size:12px; */ font-size:17px; } 
	.main-menu-type02 > li .expand-group {position:absolute;left:0px;top:0px; } 
	.main-menu-type02 > li:hover { /*background:url('/images/main/bg_menu_type01_default.png') 0 0 repeat; */ /*transform:none; *//*transform:scale(1.2); */ background: rgb(156,39,176); background: -moz-linear-gradient(-45deg, rgba(156,39,176,1) 0%, rgba(32,124,229,1) 100%); background: -webkit-linear-gradient(-45deg, rgba(156,39,176,1) 0%,rgba(32,124,229,1) 100%); background: linear-gradient(135deg, rgba(156,39,176,1) 0%,rgba(32,124,229,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9c27b0', endColorstr='#207ce5',GradientType=1 ); transform: scale(1.2); } 
	.main-menu-type02 > li:hover .default-group { display:block; display:none; } 
	.main-menu-type02 > li:hover .expand-group {/*opacity:0; */top: 50%; /*추가*/transform: translateY(-50%); /*추가*/}
	.board-panel .head-line { font-size: 1.3rem; } 
	.board-panel ul > li > a { font-size: 1.2rem; } 

	.main-menu-type01 li .default-group .mid_tit_txt { font-size: 26px; font-weight: 500; }
}
@media (max-width:560px) {
	#section01 p.first-paragraph, #section01 p.second-paragraph { font-size:1.6rem; }

	
}
@media (max-width:480px) {
	.main-menu-type01 li { margin: 5px auto 0; } /*추가*/
	.main-menu-type01 .default-group p { font-size: 1.2rem; } 
	.main-menu-type01 .menu-box { height: 80px; } 
	.main-menu-type01 li { height: 80px; } /*추가*/
	.main-menu-type01 li:after { bottom: 15px; } 
	.main-menu-type01 .item01:after { width: 50px; height: 50px; background-size: 50px 50px; } 
	.main-menu-type02 { width: 380px; height: 380px; } 
	.main-menu-type02 > li { position:relative; width: 140px; height: 140px; } /*width: 135px; height: 135px; 추가*/
	.main-menu-type02 .default-group p { font-size: 15px; } 
	.main-menu-type02 { margin-top: 20px; } /*추가*/
	.main-content .inner { /*padding:56px 40px 10px; */ padding:56px 20px 56px; } 
	.main-menu-type02 > li:hover { transform: scale(1.3); } /*추가*/
	.main-menu-type02 .expand-group h3 { font-size: 13px; display:none; } /*추가*/
}
@media (max-width:420px) {
	.main-menu-type01 { margin-top: 10px; } 
	.main-menu-type01 li { margin: 5px auto 0; } /*추가*/
	.main-menu-type01 .expand-group h3 { font-size: 1.25rem; } 
	.main-menu-type01 .expand-group p { font-size: 1rem; margin-top: 10px; } 

	
}
@media (max-width:380px) {
	.main-menu-type02 > li:hover { transform: scale(1.1); } /*추가*/
}
@media screen and (max-width: 500px) {
	.earth-wrap { height: 450px; width: 100%; top: 55% !important; } 
	.earth-motion { width: 435px; left:50%; transform: scale(.8) translateX(-62%) !important; } 
	.earth-menu-group .item01 { left: 20px !important; top: 30px; } /*left:0px; */
	.earth-menu-group .item02 { right: 20px !important; top: 30px; } /*right: 0px*/
	.earth-menu-group .item03 { right: -20px; } /*right:-30px*/
	.earth-menu-group .item04 { right: 20px !important; bottom: 30px; } 
	.earth-menu-group .item05 { left: 20px; bottom: 30px; } /*left: 0px; */ /**/
	.earth-menu-group .item06 { left: -20px; } /*left: -30px; */
	.earth-motio { transform: scale(.65) translateX(-77%) !important; }
}
@media screen and (max-width: 480px) {
	.earth-motion { transform: scale(.65) translateX(-77%) !important; } 
}
@media screen and (max-width: 420px) {
	.earth-wrap { height: 440px; top: 58% !important; }
	.earth-motion { transform: scale(.55) translateX(-92%) !important; } 
	
}
@media screen and (max-width: 1366px) and (min-width: 1024px) and (orientation: portrait) {
	.main-content .section:nth-child(1) h2 {margin-top:25vw;font-size:7.3vw;line-height:10.6vw; } 
	.indicate-intro {bottom:250px; } 
	.earth-wrap {position: relative;top: 0;right: auto;width: 440px;height: 625px;margin: 0 auto; } 
	.earth-motion {transform:scale(.85) translateX(0%); } 
	.earth-menu-group .item01, .earth-menu-group .item02 {top:60px; } 
	.earth-menu-group .item01, .earth-menu-group .item05 {left:30px}
	.earth-menu-group .item02, .earth-menu-group .item04 {right:30px; } 
	.earth-menu-group .item04, .earth-menu-group .item05 {bottom:60px; } 
	.earth-menu-group .item03 {right:-80px; } 
	.earth-menu-group .item06 {left:-80px; } 
	.main-menu-type01 {top:600px; } 
	.main-menu-type02 {top:420px;transform:translateX(-5%) rotate(45deg); } 
}
@media screen and (max-width:1366px) and (min-width:768px) and (orientation: landscape) {
	.main-content .section:nth-child(1) h2 {margin-top:13vw; } 
	.indicate-intro {bottom:50px; } 
	.earth-wrap { top: 220px; right: -20px; /*top:30%; transform: translateY(-50%); */ } 
	.earth-motion { transform:scale(.9) translateX(0%); /*scale(.65)*/ } /*width: 600px; height: 600px; */
	.earth-menu-group .item01, .earth-menu-group .item02 { top:0; /*top:90px; *//*width: 90px; height: 90px; */ } 
	.earth-menu-group .item04, .earth-menu-group .item05 { /*bottom:90px; */ } 
	.main-menu-type01 {top:325px;top:58.0375vh; } 
	.main-menu-type02 {top:190px;top:32.76vh;transform:translateX(10%) rotate(45deg); } 
	.main-menu-type02 > li,
	.main-menu-type02 .menu-rhombus { /*width:160px; *//*height:160px; */width:180px; height:180px; margin:4px; } 
	.main-content .section:nth-child(5) .fp-bg { } 
}
/*사이즈 줄여보려 했으나 안됨*/
/*
@media screen and (max-width:1280px) {.earth-motion { transform:scale(.4) !imporatnt; } 
}*/
/*
@media(max-width:1250px) and (orientation: landscape) {.earth-wrap { top: 260px; right: 0px; } 
}
*/

/*메인 - 주요사업 6종 추가 240926*/

/*지원사업*/
.jm_content_2202_3 { border-top: 2px solid #222; }
.jm_content_2202_3 ul {  }
.jm_content_2202_3 ul > li { display:flex; border-bottom: 1px dashed rgba(0,0,0,0.1); padding: 30px 0; }
.jm_content_2202_3 ul > li .left { width:200px; display: flex; justify-content: center; } /*background:rgba(0,0,0,0.03); */
.jm_content_2202_3 ul > li .left img { width:76px; height:76px; margin-top: 10px; }
.jm_content_2202_3 ul > li .right { width:calc(100% - 200px); } /* background:rgba(0,0,0,0.1);*/
.jm_content_2202_3 ul > li .right h3 { font-size:1.882rem; margin:10px 0 20px 0; }
.jm_content_2202_3 ul > li .right ol li { font-size: 1.1rem; margin-bottom:0.8rem; position:relative; padding-left:15px;  }
.jm_content_2202_3 ul > li .right ol li::before { content:''; width:5px; height:5px; background:#777; display:inLine-block; position: absolute; left:2px; top: 10px; border-radius:50%; }
.bottom_bg { width:100%; height:771px; background:rgba(0,0,0,0.03) url('/images/sub/support_business_con_bg1.jpg')no-repeat 50%; background-size:cover; margin-top: 50px; }
@media (max-width:1300px) {
	.bottom_bg { height: 500px; margin-top: 50px; }
}
@media (max-width:1000px) {
	.jm_content_2202_3 ul > li .right h3 { font-size: 1.6rem; }
	.bottom_bg { height: 400px; }
}
@media (max-width:860px) {
	.jm_content_2202_3 ul > li .left { width: 150px; }
	.jm_content_2202_3 ul > li .right { width: calc(100% - 150px); }
}
@media (max-width:640px) {
	.jm_content_2202_3 ul > li .left { width: 100px; }
	.jm_content_2202_3 ul > li .right { width: calc(100% - 100px); }
	.bottom_bg { height: 350px; margin-top:0px; }
}
@media (max-width:560px) {
	.jm_content_2202_3 ul > li { display:block; }
	.jm_content_2202_3 ul > li .left { display:block; }
	.jm_content_2202_3 ul > li .right { width: 100%; }
	.jm_content_2202_3 ul > li .right h3 { font-size: 1.5rem; word-break: break-all; }
}

/*공통 bjm 240927*/
.dark_color1 { color:#000 !important; }

/*여섯개 박스형 컨텐츠 타입1*/
.six-content-type1 { margin-top:80px; display:flex; justify-content: center; } /*text-align:center;*/
.six-content-type1 ul { display:flex; flex-wrap: wrap; gap:30px 5%; width:70%; }
.six-content-type1 ul li {  width:calc((100% - 10%)/3); height:210px; overflow:hidden; position:relative; transition:all 0.4s; } /*background:rgba(0,0,0,0.03); */
.six-content-type1 ul li a { display:block; width:100%; height:100%; background:rgba(0,0,0,0.1); display:flex; align-items: center;  justify-content: center; text-align: center; transition:all 0.4s; overflow:hidden; position:absolute; }
.six-content-type1 ul li:before { content:''; display:inline-block; width:100%; height:100%; position:absolute; top:0px; left:0px; transition:all 0.4s; }
.six-content-type1 ul li:after { content:''; display:inline-block; position:absolute; top:0px; left:0px; right:0; bottom:0; background:rgba(0,0,0,0.3); transition:all 0.4s; }
.six-content-type1 ul li:hover:after { background:rgba(0,0,0,0);}
.six-content-type1 ul li:hover:before { transform:scale(1.2); } /*animation:zoom-img1 0.4s; animation-direction:1; 애니메이션 시 다시 처음으로 돌아가버림 덜컥거림. 240927*/ /*처음에 scale1.2로 할경우 부드러운 모션 처리가 안되서 keyframes로 시도한 것.*/
.six-content-type1 ul li a h3 { color:#fff; }
.six-content-type1 ul li:hover h3 { color:#000; }
.six-content-type1 ul li a h3 { font-size: 20px; transition:all 0.4s; position:absolute; z-index:3; }

/*
@keyframes zoom-img1 {
        0% { transform:scale(1); } 
        100% { transform:scale(1.2); }
}
*/

.six-content-type1 ul li:nth-child(1):before { background:url('/images/main/clean_business_01.svg')no-repeat; }
.six-content-type1 ul li:nth-child(2):before { background:url('/images/main/clean_business_02.svg')no-repeat; }
.six-content-type1 ul li:nth-child(3):before { background:url('/images/main/clean_business_03.svg')no-repeat; }
.six-content-type1 ul li:nth-child(4):before { background:url('/images/main/clean_business_04.svg')no-repeat; }
.six-content-type1 ul li:nth-child(5):before { background:url('/images/main/clean_business_05.svg')no-repeat; }
.six-content-type1 ul li:nth-child(6):before { background:url('/images/main/clean_business_06.svg')no-repeat; }

@media(max-width:1740px){
	.six-content-type1 ul { width:100%; gap: 30px 30px; }
	.six-content-type1 ul li { width: calc((100% - 60px) / 3); }
	.six-content-type1 ul li:before { background-size: cover !important; background-position: center !important; }
}
@media(max-width:960px){
	.six-content-type1 { margin-top: 40px; }
	.six-content-type1 ul { gap: 20px 20px; }
	.six-content-type1 ul li { width: calc((100% - 40px) / 3); }
}
@media(max-width:760px){
	.six-content-type1 ul { gap: 10px 10px; }
	.six-content-type1 ul li { width: calc((100% - 20px) / 3); }
}
@media(max-width:720px){
	.six-content-type1 ul li { width: calc((100% - 10px) / 2); height: 142px; }
}
@media(max-width:540px){
	.six-content-type1 ul li a h3 { font-size: 18px; }
}

@media(max-width:480px){
	.six-content-type1 ul li { height: 134px; } /*1행에 1개만 보이게 하기위해 width:100%는 1개로 할 경우 스크롤이 생기게 길어지는데 모바일에서는 터치 스크롤이 안되고 그냥 아래 섹션으로 내려가서 포기 240930*//*높이 180px시 모바일에서 잘려보임. 134px로 변경함 */
	.six-content-type1 ul li:before { background-position: right !important; }
}


/*갤러리 (교육감후보사진숙-메인)에서 발췌 bjm 240930*/

/*메인- 포토갤러리 슬라이더 실패함. 삭제할 것*/
/*Main Photo gallery slider swiper style start*/
.main_photo_gallery {  width: 1640px;  height: 379px;  overflow: hidden;  margin: 0 auto;  }
.main_photo_gallery .swiper-slide {  text-align: center;  font-size: 18px;  background: #fff;  width:395px;  /* Center slide text vertically */ display: -webkit-box;  display: -ms-flexbox;  display: -webkit-flex;  display: flex;  -webkit-box-pack: center;  -ms-flex-pack: center;  -webkit-justify-content: center;  justify-content: center;  -webkit-box-align: center;  -ms-flex-align: center;  -webkit-align-items: center;  align-items: center;  }
.swiper-pointer-events { position: relative; }
.swiper-pagination { display:none; }

@media (max-width:1680px) {
 .main_photo_gallery { width:100%; }
}
@media (max-width:640px) {
    .main_photo_gallery .swiper-pagination { display:block; }
    .main_photo_gallery .swiper-button-prev, .main_photo_gallery .swiper-button-next { display: none; }
}

/*Main Photo gallery slider swiper style end*/
/*메인- 포토갤러리 슬라이더 실패함. 삭제할 것*/


.main-content .photo_gallery .photo_box { margin-top:82px; } /*height:380px;*/
.main-content .photo_gallery .photo_box ul { display: flex; }
.main-content .photo_gallery .photo_box ul li { width:25%; padding:19px; background:#fff;  margin-right:10px; transition:all .4s; }
.main-content .photo_gallery .photo_box ul li:last-child { margin-right:0; }
.main-content .photo_gallery .photo_box ul li .img_box { width:100%; height:212px; background:red; overflow:hidden; }
.main-content .photo_gallery .photo_box ul li .img_box img { width:100%; object-fit:cover; height: 100%; }
.main-content .photo_gallery .photo_box ul li .date_info { margin-top:21px; font-family: 'Lato', sans-serif;  font-size:20px; font-weight:700;  color:#626262; }
.main-content .photo_gallery .photo_box ul li .con_txt { margin:16px 0 0 0;  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; height: 60px; overflow: hidden; font-size: 20px;}  /*background:rgba(0,0,0,0.1); */
.main-content .photo_gallery .photo_box ul li .con_txt a { word-break:break-all; color:#464646; }
.main-content .photo_gallery .photo_box ul li .con_txt a:hover { text-decoration:underline; }
.main-content .photo_gallery .photo_box ul li:hover { background:#077dcc; box-shadow: 5px 5px 10px rgb(0 0 0 / 20%);  transform: translateY(-15px); }
.main-content .photo_gallery .photo_box ul li:hover a { color:#fff; }
.main-content .photo_gallery .photo_box ul li:hover .date_info { color:#fff; }

@media (max-width:1740px) {
	.main-content .photo_gallery .photo_box {  }
	/*.main-content .photo_gallery .photo_box ul li .con_txt {  -webkit-line-clamp: 4; height: 118px;  }*/
}
@media (max-width:1320px) {
	.main-content .photo_gallery .photo_box ul { flex-wrap: wrap; }
	.main-content .photo_gallery .photo_box ul li { width:calc(50% - 5px); margin-bottom: 10px; } /*margin-right:10px;*/
	.main-content .photo_gallery .photo_box ul li:nth-child(2n) { margin-right:0; }
	.main-content .photo_gallery .photo_box { margin-top: 20px; }

}
@media (max-width:1280px) {
	/*.main-content .photo_gallery .photo_box ul li { margin-right:10px; }*/
	.main-content .photo_gallery .photo_box ul li .con_txt { font-size:18px; height: 56px;  margin: 10px 0; }
	.main-content .photo_gallery .photo_box ul li .date_info { font-size:18px; margin-top: 14px; }
}

@media (max-width:540px) {

}

@media (max-width:480px) {
	.main-content .photo_gallery .photo_box ul li { width: 100%; margin-right:0;   padding: 0;  position: relative; }
	.main-content .photo_gallery .photo_box ul li .date_info { display:none; }
	.main-content .photo_gallery .photo_box ul li .con_txt { height: auto; position: absolute; bottom: 0; color:#fff; background: rgba(0,0,0,0.5); margin:0; padding:5px;     font-weight: 100; }
	.main-content .photo_gallery .photo_box ul li .img_box {  height: 130px; }
	.main-content .photo_gallery .photo_box ul li .con_txt a { color: #fff; }
}


/*swiper 5버전으로 새로 작업 (내부 소스) 220406*/
.photo_gallery .swiper-container { margin-top: 0px;  overflow:unset;}
/*.photo_gallery .main_photo_gallery { margin-top: 70px;  }*/
.photo_gallery .main_photo_gallery .swiper-slide { padding: 19px; display:flex; flex-direction: column; justify-content: flex-start; text-align: left; transition:all 0.4s; }
.photo_gallery .main_photo_gallery .swiper-slide:hover { background:#077dcc; }
.photo_gallery .main_photo_gallery .swiper-slide:hover .date_info, .photo_gallery .main_photo_gallery .swiper-slide:hover a { color:#fff; } { color:#fff; }
.photo_gallery .main_photo_gallery .img_box { width:100%; height:300px;  overflow: hidden; background: rgba(0,0,0,0.1); image-rendering: -webkit-optimize-contrast; }
.photo_gallery .main_photo_gallery .img_box img { object-fit: cover; width: 100%; height: 100%; }
.photo_gallery .main_photo_gallery .date_info { width:100%; margin-top: 25px; font-family:'lato';color:#626262; font-size: 22px; }
.photo_gallery .main_photo_gallery .con_txt { width:100%; margin-top: 20px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; height: 110px; overflow: hidden; }
.photo_gallery .main_photo_gallery .con_txt a { color:#464646; font-size: 20px; word-break: break-all; }
.photo_gallery .main_photo_gallery .con_txt a:hover { text-decoration:underline; }

.photo_gallery .more_btn_w1 { transform:translateY(-10px); }

/*.swiper-button-next, .swiper-button-prev { top:unset !important; bottom: 164px !important;  }*/

@media (max-width:1400px) {
	/*.photo_gallery .main_photo_gallery { margin-top: 182px; }*/
	.photo_gallery .swiper-container { margin-top: 182px; }
}
@media (max-width:1200px) {
	/*.photo_gallery .main_photo_gallery { margin-top: 282px; }*/
	.photo_gallery .swiper-container { margin-top: 282px; }
	
}
@media (max-width:1024px) {
	.photo_gallery .main_photo_gallery .con_txt { height: 80px; margin-top: 10px; } /*-webkit-line-clamp: 3;*/
	.photo_gallery .main_photo_gallery .con_txt a { font-size: 18px; }
	.swiper-button-next, .swiper-button-prev { top: 72%; }
	.photo_gallery .main_photo_gallery {   } /*margin-top: 50%; transform: translateY(-50%);*/
}
@media (max-width:720px) {
	/*.photo_gallery .main_photo_gallery { margin-top: 70px; }*/
	.photo_gallery .swiper-container { margin-top: 70px; }
	
}
@media (max-width:500px) {
	.photo_gallery .main_photo_gallery {  height:auto;  } /*margin-top: 40px;*/
	.photo_gallery .swiper-container { margin-top: 40px; }
	.photo_gallery .main_photo_gallery {}
	.photo_gallery .main_photo_gallery .img_box { height: 210px; } /*모바일에서 아래 잘려보여서 추가함 241113. */
}

/*공통 범용 공용*/
/*더보기 버튼*/
a.more_btn_w1 { float:right; display:block;  width: 107px; height: 45px; line-height:41px; font-size:20px; color:#fff; font-weight:700;  border: 2px solid #fff; text-align:center; border-radius:30px; transition:all 0.4s; } /*position:absolute; top:35px; right:0; */
a.more_btn_w1:hover { color:#0072ff; border: 2px solid #0072ff; background: #fff; }

@media(max-width:500px){
	a.more_btn_w1 { width: 100px; height: 40px; line-height: 34px; font-size:18px; }
}

/*입력폼 스타일 - 보류 bjm 240930*/
/* ================= Form Style ==================== */

.form_main { background:#fff; }
.form_main .essential { color:#008eff; }
.form_main label { font-size:16px; color: #333; font-weight: 500; }
.form_main .form-horizontal .form-control { border: 1px solid #e1e1e1; color: #555; background: #fafafa !important; } /*border-top:unset; */
.form_main .btn_submit { display:flex; }
.form_main .select-container {  }

.pp-agree { width: 100%; padding: 0 20px; overflow: hidden; font-size: 0; margin-bottom: 30px; } /*float: right;*/
.pp-agree label { display: block; line-height: 55px; cursor: pointer; } /*width: 200px;*/
.pp-agree .agree-check { width: 0; height: 0; }
.pp-agree label:before { display: inline-block; width: 20px; height: 20px; margin-right: 6px; border: 2px solid #666; font-size: 14px; color: white; line-height: 20px; text-align: center; vertical-align: middle; transition: all 0.3s; }
.pp-agree label.checked:before { color: #333; }
.pp-agree label span { display: inline-block; vertical-align: middle; font-size: 16px; color: #333; font-weight: 500; font-family: 'Noto Sans'; }

/* PC 화면에서는 label과 input을 나란히 배치 */
@media (min-width: 992px) {
	.form_main .form-horizontal .form-group { display: flex; align-items: center; }
	.form_main .form-horizontal .control-label { text-align: left; padding-right: 10px; width: 100px; }
	.form_main .form-horizontal .form-control,
	.form_main .form-horizontal .select-container { width: 100%; }
}

/* 태블릿 이하에서는 label이 위, input이 아래로 배치 */
@media (max-width: 991px) {
	.form_main .form-horizontal .control-label { margin-bottom: 5px;text-align: left; }
	.form_main .form-horizontal .form-group { display: block; }
}




/*입력폼 스타일 부트스트랩3 기반 bjm 241007*/
.main-content .from_group { background:rgba(255,255,255,0.7); padding:50px; display: flex; flex-wrap: wrap; align-items: center; gap:30px; margin-top: 20px; border-radius: 2rem; } /*height: 500px; */
.main-content .from_group h3 { margin-bottom:10px; }
.main-content .from_group input { width:100%; height:100%;}
.main-content .from_group .essential { color:#008eff; }

/*입력란 스타일*/
.main-content .input-group { width:100%;  } /*margin-top: 15px;*/
.main-content .input-group .btn { width:100%; height:48px; }

/*드롭다운 버튼 스타일*/
.main-content .dropdown-toggle { background:red; width:100%; height:48px; }
.main-content .dropdown-menu { font-size:18px; }
.main-content .form-control { height:48px; font-size: 18px; border-radius: 0; }
.main-content .control-label { margin-bottom:10px; }

/*.m-1 { margin:0.25rem; }*/
.main-content .col-lg-6 {  background:rgba(0,0,0,0.1);  padding:20px; } /*width: 50%;*/
.main-content .input_box { width:calc((100% - 60px) / 3); }

.main-content .textarea_wrap { width:100%; }
.main-content textarea { width:100%; border: 1px solid rgb(204, 204, 204); }
.main-content textarea:focus { border-color: #66afe9; }

.main-content .select-container select { position:relative; }
.main-content .select-container select:before { content:''; display:inline-block; width:10px; height:10px; position:absolute; top:0px; left:0px; background:red; z-index:9; }

/*약관동의ui*/
.main-content .privacy-box { padding: 0px 0 0; display:flex; width: 100%; } /*font-size: 16px; */
.main-content .privacy-box input[type="checkbox"] { box-sizing: border-box; height: 17px; width: 17px; } /*margin-top: 2px; margin-left: 10px; */
.main-content .privacy-box input { margin-right: 5px;}

/*문의하기 버튼*/
.main-content .inquery_btn { width:300px; height:50px; text-align:center;  display:flex; justify-content: center;  width: 100%; }


.inquery_btn button { width:300px; background:#0d6fb8; font-weight:500; color:#fff; transition:all 0.4s; }
.inquery_btn button:hover { background:#008eff; color:#fff; }



@media(max-width:1040px){
	.main-content .form-control { font-size:1rem; } /*height:43px;*/
	.main-content .from_group { padding: 30px; gap: 10px; margin-top: 50px; }
	.main-content .input-group { height: 48px; }
	.main-content .input_box { width: calc((100% - 20px) / 3); }
	.main-content .textarea_wrap { margin-top: 20px; }
	.main-content button { background:#0d6fb8; color:#fff; font-weight:500; }
}

@media(max-width:760px){
	.main-content .input_box { width: 100%; }
	.main-content .from_group { gap: 1rem; margin-top: 20px; border-radius: 1rem; }
	.main-content .control-label { margin-bottom: 6px; }
	.main-content .privacy-box { justify-content: center; }
	.main-content .textarea_wrap { margin-top:0px; }
	.main-content textarea { padding: 8px; }
	.main-content .form-control { height: 43px; padding: 4px 8px;}
}

@media(max-width:420px){
	.inquery_btn button { width: 100%; }
	.main-content button { margin: 0; }
	/*.main-content .inquery_btn { width: 100%; margin: 0; }*/
	.main-content .form-control { height: 40px; }
	.main-content .control-label { margin-bottom: 2px; }
	.main-content .inquery_btn { height:unset; }
}