/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
/*■■■■■■■■■■■■■■■■■■■■■■■■■■  헤드  ■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
#language-pack {position: relative;display: block;margin: 0px 0px 0px 65px;font-size: 24px;color: #fff;}
#language-pack .icon {cursor: pointer;}
#language-pack .language-select {position: absolute; left: 50%;top: 35px;display: none;transform: translate(-50%, 0%);}
#language-pack .language-select::before {content: "";position: absolute;top: -8px;left: 50%;transform: translateX(-50%);border-width: 0 8px 8px 8px;border-style: solid;border-color: transparent transparent #fff transparent;}
#language-pack .language-select ul{display:block;background-color:#fff;border-radius: 5px;width: 45px;text-align: center;}
#language-pack .language-select ul > li {line-height:34px;cursor:pointer;}
#language-pack .language-select ul > li a {font-size:14px;}
#language-pack .language-select ul > li a:active {color:#005CB8; text-decoration:underline;}
#language-pack .language-select ul > li a:hover {color:#005CB8; text-decoration:underline; }

@media (max-width: 640px) {
	.logo_ko a, .logo_en a {height: 60px; width: 120px;}
}

/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
/*■■■■■■■■■■■■■■■■■■■■■■■  메인페이지  ■■■■■■■■■■■■■■■■■■■■■■■■*/
/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
.visual_slider {position: relative; }
.visual_slider .scroll-dn {position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); z-index: 1; opacity: 0.8;}
.visual_slider .scroll-dn p {color: #fff; font-size: 14px; font-weight: 300; margin-bottom: 5px;}
.visual_slider .scroll-dn .scroll-ani {position: relative; width: 2px; height: 50px; margin: 0 auto; overflow: hidden;}
/*.visual_slider .scroll-dn .scroll-ani::after {content: ''; clear: both; position: absolute; top: 0; left: 0; width: 100%; height: 45%; background-color: #fff; animation: scrollAni 1.5s infinite ease-in-out;}*/
.visual_slider .scroll-dn .scroll-ani .scroll-line {position: absolute; top: 0; left: 0; width: 100%; height: 45%; background-color: #fff; animation: scrollAni 1.5s infinite ease-in-out;}
.visual_slider .scroll-dn .scroll-ani .scroll-line:nth-child(2) {animation-delay: 0.17s; opacity: 0.5;}
.visual_slider .scroll-dn .scroll-ani .scroll-line:nth-child(3) {animation-delay: 0.34s; opacity: 0.3;}
@keyframes scrollAni {0% {top: 0;} 50% {top: 50%;} 100% {top: 0;}}


#main-sect1 {position: relative;width: 100%;display: flex;justify-content: center; align-items: center; padding: 60px 0px;background: url('/theme/sample28/img/abysse_bg_01.jpg') no-repeat center center;background-size: cover;min-height: 810px;}
#main-sect1 .background-overlay {background-color: rgba(0, 0, 0, .5);position: absolute;left: 0px;top: 0px;right: 0px;bottom: 0px;}
#main-sect1 .div-cont {display: flex; flex-direction:column}
#main-sect1 .head-tit {font-size: 24px;color: #fff;text-align: center;font-weight: 300;margin-bottom: 50px;padding-top:0px;}
#main-sect1 .head-tit span {display: block;font-size: 36px;color: #ffff;font-weight: 400;margin-top:20px;}
#main-sect1 .summary-wr {display: grid; grid-template-columns: 1fr 1fr 1fr 1fr;}
#main-sect1 .summary-wr .summary-item {position: relative;display: flex;flex-direction: column;justify-content: center;align-items: center;height: 440px;width: 100%;border-right: 1px solid #636a6f;padding: 0px 50px;text-align: left;overflow:hidden}
#main-sect1 .summary-wr .summary-item .summary-front {position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; transition: all 0.3s;}
#main-sect1 .summary-wr .summary-item .summary-back {position: absolute; top: 0; left: 0; width: 100%; height: 100%; transform: rotateY(180deg); opacity: 0; visibility: hidden; transition: all 0.3s;}
#main-sect1 .summary-wr .summary-item .cont-overlay {width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 1;background: url(/img/cont-overlay.png) no-repeat 0 0; background-size: cover;}
#main-sect1 .summary-wr .summary-item .summary-T {position: relative; z-index: 2; padding: 120px 50px;}
#main-sect1 .summary-wr .summary-item .subj{font-size: 21px;color: #fff;font-weight: 600;z-index: 2; word-break: keep-all;}
#main-sect1 .summary-wr .summary-item .view-text{font-size: 16px;color: #fff;font-weight: 200;margin-top:30px; line-height: 1.5rem; word-break: keep-all;}
#main-sect1 .summary-wr .summary-item a {display: inline-block; margin-top: 60px;background-color: transparent;color: #fff;border: none;font-size: 14px;font-weight: 300;line-height: 28px;border-bottom: 1px solid #fff;z-index: 2;}
#main-sect1 .summary-wr .summary-item:hover .summary-front {transform: rotateY(180deg); opacity: 0; visibility: hidden;}
#main-sect1 .summary-wr .summary-item:hover .summary-back {transform: rotateY(0); opacity: 1; visibility: visible;}
#main-sect1 .summary-wr .summary-item .summary-back::before {content: ''; clear: both; position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
#main-sect1 .summary-wr .summary-item:first-child  .summary-back::before {background: url('/theme/sample28/img/bg_card_01.jpg') no-repeat center center; background-size: cover;}
#main-sect1 .summary-wr .summary-item:nth-child(2) .summary-back::before {background: url('/theme/sample28/img/bg_card_03.png') no-repeat center center; background-size: cover;}
#main-sect1 .summary-wr .summary-item:nth-child(3) .summary-back::before {background: url('/theme/sample28/img/bg_card_04.png') no-repeat center center; background-size: cover;}
#main-sect1 .summary-wr .summary-item:nth-child(4) .summary-back::before {background: url('/theme/sample28/img/bg_card_02.png') no-repeat center center; background-size: cover;}
@media (max-width: 640px) {
	#main-sect1 {padding: 60px 0px 0px 0px;}
	#main-sect1 .head-tit span {font-size: 24px;}
    #main-sect1 .summary-wr	{grid-template-columns:1fr}
	#main-sect1 .summary-wr .summary-item {align-items: flex-start;height:200px;padding: 0px 25px;border: none;border-bottom: 1px solid #636a6f;}
	#main-sect1 .summary-wr .summary-item:last-child {border-bottom:none;}
	#main-sect1 .summary-wr .summary-item .summary-front {flex-direction: row; justify-content: space-between; padding: 0 20px;}
	#main-sect1 .summary-wr .summary-item .summary-front a {margin: 0;}
	#main-sect1 .summary-wr .summary-item .view-text {display: block; margin-top: 20px;font-size: 15px; width: 70%;}
	#main-sect1 .summary-wr .summary-item .summary-T {padding: 50px 20px;}
	#main-sect1 .summary-wr .summary-item .summary-T a {position: absolute; top: 50%; right: 20px; transform: translateY(-50%); margin: 0;}
}



#main-sect11 {position: relative;width: 100%;display: flex;justify-content: center; align-items: center; padding: 60px 0px; min-height: 810px;}
#main-sect11 .background-overlay {background-color: rgba(0, 0, 0, .5);position: absolute;left: 0px;top: 0px;right: 0px;bottom: 0px;}
#main-sect11 .div-cont {display: flex; flex-direction:column}
#main-sect11 .head-tit {font-size: 24px;color: #000;text-align: center;font-weight: 300;margin-bottom: 50px;padding-top:0px;}
#main-sect11 .head-tit span {display: block;font-size: 36px;color: #000;font-weight: 400;margin-top:20px;}
#main-sect11 .summary-wr {display: grid; grid-template-columns: 1fr 1fr 1fr 1fr;}
#main-sect11 .summary-wr .summary-item {position: relative;display: flex;flex-direction: column;justify-content: center;align-items: center;height: 440px;width: 100%;border-right: 1px solid #636a6f;padding: 0px 50px;text-align: left;overflow:hidden}
#main-sect11 .summary-wr .summary-item .summary-front {position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; transition: all 0.3s;}
#main-sect11 .summary-wr .summary-item .summary-back {position: absolute; top: 0; left: 0; width: 100%; height: 100%; transform: rotateY(180deg); opacity: 0; visibility: hidden; transition: all 0.3s;}
#main-sect11 .summary-wr .summary-item .cont-overlay {width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 1;background: url(/img/cont-overlay.png) no-repeat 0 0; background-size: cover;}
#main-sect11 .summary-wr .summary-item .summary-T {position: relative; z-index: 2; padding: 120px 50px;}
#main-sect11 .summary-wr .summary-item .subj{font-size: 21px;color: #fff;font-weight: 600;z-index: 2; word-break: keep-all;}
#main-sect11 .summary-wr .summary-item .view-text{font-size: 16px;color: #fff;font-weight: 200;margin-top:30px; line-height: 1.5rem; word-break: keep-all;}
#main-sect11 .summary-wr .summary-item a {display: inline-block; margin-top: 60px;background-color: transparent;color: #fff;border: none;font-size: 14px;font-weight: 300;line-height: 28px;border-bottom: 1px solid #000;z-index: 2;}
#main-sect11 .summary-wr .summary-item:hover .summary-front {transform: rotateY(180deg); opacity: 0; visibility: hidden;}
#main-sect11 .summary-wr .summary-item:hover .summary-back {transform: rotateY(0); opacity: 1; visibility: visible;}
#main-sect11 .summary-wr .summary-item .summary-back::before {content: ''; clear: both; position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
#main-sect11 .summary-wr .summary-item:first-child  .summary-back::before {background: url('/theme/sample28/img/bg_card_01.jpg') no-repeat center center; background-size: cover;}
#main-sect11 .summary-wr .summary-item:nth-child(2) .summary-back::before {background: url('/theme/sample28/img/bg_card_03.png') no-repeat center center; background-size: cover;}
#main-sect11 .summary-wr .summary-item:nth-child(3) .summary-back::before {background: url('/theme/sample28/img/bg_card_04.png') no-repeat center center; background-size: cover;}
#main-sect11 .summary-wr .summary-item:nth-child(4) .summary-back::before {background: url('/theme/sample28/img/bg_card_02.png') no-repeat center center; background-size: cover;}
@media (max-width: 640px) {
	#main-sect11 {padding: 60px 0px 0px 0px;}
	#main-sect11 .head-tit span {font-size: 24px;}
    #main-sect11 .summary-wr	{grid-template-columns:1fr}
	#main-sect11 .summary-wr .summary-item {align-items: flex-start;height:200px;padding: 0px 25px;border: none;border-bottom: 1px solid #636a6f;}
	#main-sect11 .summary-wr .summary-item:last-child {border-bottom:none;}
	#main-sect11 .summary-wr .summary-item .summary-front {flex-direction: row; justify-content: space-between; padding: 0 20px;}
	#main-sect11 .summary-wr .summary-item .summary-front a {margin: 0;}
	#main-sect11 .summary-wr .summary-item .view-text {display: block; margin-top: 20px;font-size: 15px; width: 70%;}
	#main-sect11 .summary-wr .summary-item .summary-T {padding: 50px 20px;}
	#main-sect11 .summary-wr .summary-item .summary-T a {position: absolute; top: 50%; right: 20px; transform: translateY(-50%); margin: 0;}
}


#main-sect2{position: relative;width: 100%;display: flex;justify-content: center; align-items: center; padding: 60px 0px;background: url(../img/cont_visualN_01.jpg) no-repeat center center;background-size: cover;min-height: 645px;}
#main-sect2 .background-overlay {background-color: rgba(0, 0, 0, .2);position: absolute;left: 0px;top: 0px;right: 0px;bottom: 0px;}
#main-sect2 .div-cont {display: flex;flex-direction: column;align-items: center;justify-content: center;}
#main-sect2 .head-tit {font-size: 36px;color: #fff;text-align: center;font-weight: 300;margin-bottom: 60px;padding-top:0px;}
#main-sect2 .head-tit span {display: block;font-size: 36px;color: #ffff;font-weight: 400;margin-top:20px;}
#main-sect2 .cont-line {width:80px; height:2px; background-color:#fff;}
#main-sect2 .view-text {color: #fff;font-size: 18px;font-weight: 200;text-align: center;line-height: 34px;margin-top:70px;}
@media (max-width: 640px) {
	#main-sect2 {height:auto; padding: 40px 0; min-height: 100%;}
	#main-sect2 .head-tit {font-size: 24px; margin-bottom: 30px; padding: 0 20px; word-break: keep-all; line-height: 2.4rem;}
	#main-sect2 .cont-line {width: 50px;}
	#main-sect2 .view-text {text-align: left;padding: 0 20px;line-height: 28px;font-size: 16px;}
}
#main-sect3 {position: relative;width: 100%;display: grid;grid-template-columns: 38% 62%;}
#main-sect3 .item-tab-wr {display: flex;justify-content: flex-end;margin-top: 30px;}
#main-sect3 .item-tab-wr .item-tab {width: fit-content;margin-right: 10%; padding-top: 70px; height: fit-content; position: sticky; top: 0; right: 0;}
#main-sect3 .item-tab-wr .head-tit{font-size: 18px;font-weight: 500;color: #999999;}
#main-sect3 .item-tab-wr .head-tit > span{display: block;font-size: 28px;margin-top: 20px;font-weight: 400;color: #000;line-height: 38px;}
#main-sect3 .item-tab-wr .head-tit > span > strong{color:#005cb8}
#main-sect3 .item-tab-wr .tab-button {margin-top:70px;}
#main-sect3 .item-tab-wr .tab-button > ul {display:flex; flex-direction:column;gap:20px;}
#main-sect3 .item-tab-wr .tab-button > ul > li > a {background-color: #F6F6F6;line-height: 58px;padding: 0px 20px;color: #999;border-radius: 50px;font-weight: 600;font-size: 20px;border: 1px solid #f6f6f6;display: flex;align-items: center; width: fit-content; cursor: pointer;}
#main-sect3 .item-tab-wr .tab-button > ul > li > a.active {background-color:#005cb8;color: #fff;padding: 0px 30px 0px 10px;}
#main-sect3 .item-tab-wr .tab-button > ul > li > a.active:before {content: "";width: 40px;height: 40px;border-radius: 50%;margin-right: 15px;} 
#main-sect3 .item-tab-wr .tab-button > ul > li:first-child > a.active:before {background:#fff url(/img/main_tab_01.png) no-repeat center center;background-size: 55%;}
#main-sect3 .item-tab-wr .tab-button > ul > li:last-child > a.active:before {background:#fff url(/img/main_tab_02.png) no-repeat center center;background-size: 55%;}
#main-sect3 .tab-cont {display: none; flex-direction: column;justify-content: center;align-items: center;padding: 60px 0px;}
#main-sect3 .tab-cont > ul > li {display: flex; justify-content: center;align-items: center;gap: 50px;padding: 0px 0px 60px 0px;}
#main-sect3 .tab-cont > ul > li:nth-child(even) {flex-direction:row-reverse}
#main-sect3 .tab-cont > ul > li:last-child {padding:0px 0px 0px 0px}
#main-sect3 #storage-capacity.tab-cont {background: linear-gradient(rgba(0,0,0,0.2), rgba(0,0,0,0.2)), url(../img/tab_slideN_2.png) no-repeat center center;background-size: cover;}
#main-sect3 #storage-items.tab-cont {background: linear-gradient(rgba(0,0,0,0.2), rgba(0,0,0,0.2)), url(../img/tab_slideN_1.jpg) no-repeat center center;background-size: cover;}
#main-sect3 .tab-cont > ul > li > div {display:flex; flex-direction:column}
#main-sect3 .tab-cont > ul > li > div.item-sbj {align-items: flex-end;margin-left: 60px;}
#main-sect3 .tab-cont > ul > li > div.item-sbj .seq {font-size: 48px;font-weight: 500;color: #aebfc8;}
#main-sect3 .tab-cont > ul > li > div.item-sbj .seq strong{color:#2b96bf;}
#main-sect3 .tab-cont > ul > li > div.item-sbj h3 {font-size: 26px;color: #fff;font-weight: 400;text-align: right;line-height: 32px;}
#main-sect3 .tab-cont > ul > li > div.item-sbj h3 span{display: block;font-size: 14px;font-weight: 100;}
#main-sect3 .tab-cont > ul > li > div.item-cont {align-items: center;background-color: rgba(255, 255, 255, .2);border-radius: 40px 40px 40px 0px;padding: 30px 60px;border: 1px solid rgba(255, 255, 255, 0.2);min-width:280px;}
#main-sect3 .tab-cont > ul > li.active > div.item-cont {background-color: #fff;}
#main-sect3 .tab-cont > ul > li > div.item-cont .item-val {font-size: 36px;font-weight: 600;color: #fff;text-align: center;}
#main-sect3 .tab-cont > ul > li > div.item-cont .item-val span {font-size: 14px;font-weight: 600;padding-left: 5px;}
#main-sect3 .tab-cont > ul > li > div.item-cont .item-val .val-calc {font-size: 14px; font-weight: 300; margin-top: 10px;}
#main-sect3 .tab-cont > ul > li > div.item-cont .item-desc {margin-top: 35px;font-size: 16px;font-weight: 600;text-align: center;line-height: 24px;color:#fff}    
#main-sect3 .tab-cont > ul > li.active > div.item-cont .item-val {color:#005cb8}
#main-sect3 .tab-cont > ul > li.active > div.item-cont .item-desc {color:#000}
#main-sect3 .tab-cont > ul > li:nth-child(even) > div.item-cont {border-radius: 40px 40px 0px 40px;}
#main-sect3 .tab-cont > ul > li:nth-child(even) > div.item-sbj {align-items: flex-start; margin: 0px 50px 0px 0px;}
#main-sect3 .tab-cont > ul > li:nth-child(even) > div.item-sbj h3 {text-align:left;}
#main-sect3 #storage-items.tab-cont > ul {width: 520px;}
#main-sect3 #storage-items.tab-cont > ul > li {align-items: flex-start;justify-content: stretch;padding: 0px 0px 20px 0px;}
#main-sect3 #storage-items.tab-cont > ul > li:nth-child(even){align-items: flex-end;}
#main-sect3 #storage-items.tab-cont > ul > li > div.item-sbj {position: relative;width: 250px;height: 250px;margin: 0px;background-color: rgba(255, 255, 255, .2);border-radius: 20px;overflow: hidden;align-items: flex-start;padding: 30px 0px 0px 30px;border: 1px solid rgba(255, 255, 255, 0.2);}
#main-sect3 #storage-items.tab-cont > ul > li.active > div.item-sbj {background-color: #fff;border:none;}
#main-sect3 #storage-items.tab-cont > ul > li > div.item-sbj:after {position: absolute;right: 20px;bottom: 20px; content: "";width: 100px;height: 90px;}
#main-sect3 #storage-items.tab-cont > ul > li > div.item-sbj > h3 {color: #fff;text-align: left;font-weight: 700;font-size: 21px;}
#main-sect3 #storage-items.tab-cont > ul > li > div.item-sbj > h3 > span {font-weight: 400;margin-top: 8px;font-size: 16px;}
#main-sect3 #storage-items.tab-cont > ul > li.active > div.item-sbj > h3 {color:#000}
#main-sect3 #storage-items.tab-cont > ul > li:nth-child(1) > div.item-sbj:after {background: url(/img/item_icon_01.png) no-repeat center center;background-size: contain;}
#main-sect3 #storage-items.tab-cont > ul > li:nth-child(2) > div.item-sbj:after {background: url(/img/item_icon_02.png) no-repeat center center;background-size: contain;}
#main-sect3 #storage-items.tab-cont > ul > li:nth-child(3) > div.item-sbj:after {background: url(/img/item_icon_03.png) no-repeat center center;background-size: contain;}
#main-sect3 #storage-items.tab-cont > ul > li:nth-child(4) > div.item-sbj:after {background: url(/img/item_icon_04.png) no-repeat center center;background-size: contain;}
#main-sect3 #storage-items.tab-cont > ul > li:nth-child(5) > div.item-sbj:after {background: url(/img/item_icon_05.png) no-repeat center center;background-size: contain;}
#main-sect3 #storage-items.tab-cont > ul > li:nth-child(6) > div.item-sbj:after {background: url(/img/item_icon_06.png) no-repeat center center;background-size: contain;}

#main-sect3.en .item-tab-wr .head-tit > span {font-size: 21px;line-height: 28px;letter-spacing: -0.02em;}


@media (max-width: 640px) {
	#main-sect3 {grid-template-columns:1fr;}
	#main-sect3 .item-tab-wr {justify-content: center;}
	#main-sect3 .item-tab-wr .head-tit {text-align:center;font-size: 18px;}
	#main-sect3 .item-tab-wr .head-tit > span {font-size:24px;}
	#main-sect3 .item-tab-wr .item-tab {margin-right: 0%; padding-top: 0; padding: 0 20px;}
	#main-sect3 .item-tab-wr .tab-button {margin: 30px 0;}
	#main-sect3 .item-tab-wr .tab-button > ul {flex-direction: row; flex-wrap: wrap; gap: 10px;}
	#main-sect3 .item-tab-wr .tab-button > ul > li > a {font-size:16px;}
	#main-sect3 .item-tab-wr .tab-button > ul > li > a.active {padding: 0 15px 0 10px;}
	#main-sect3 .tab-cont > ul {display:flex; flex-direction:column; gap:50px;}
	#main-sect3 .tab-cont > ul > li {flex-direction: column; padding: 0px 40px; width: 100%;gap:10px;}
	#main-sect3 .tab-cont > ul > li:nth-child(even) {flex-direction: column;}
	#main-sect3 .tab-cont > ul > li:last-child {padding: 0px 40px;}
	#main-sect3 .tab-cont > ul > li:nth-child(even) > div.item-sbj {margin: 0px 0px 0px 0px;}
	#main-sect3 .tab-cont > ul > li:nth-child(even) > div.item-cont {border-radius: 20px;}
	#main-sect3 .tab-cont > ul > li > div.item-sbj {align-items: flex-start;width:100%;margin-left: 10px; gap:10px;}
	#main-sect3 .tab-cont > ul > li > div.item-sbj h3 {text-align:left;font-size:21px;}
	#main-sect3 .tab-cont > ul > li > div.item-sbj .seq {font-size:18px;}
	#main-sect3 .tab-cont > ul > li > div.item-cont .item-val {text-align:left;}
	#main-sect3 .tab-cont > ul > li > div.item-cont {width:100%;border-radius: 20px;align-items: flex-start; padding: 30px; min-width: 100%;}
	#main-sect3 .tab-cont > ul > li > div.item-cont .item-desc {text-align:left;}
	#main-sect3 #storage-items.tab-cont > ul {width:100%;}
	#main-sect3 #storage-items.tab-cont > ul > li {align-items: center;padding:0px;}
	#main-sect3 #storage-items.tab-cont > ul > li:nth-child(even) {align-items: center;}
	#main-sect3 #storage-capacity.tab-cont {height: 400px; overflow-y: scroll; justify-content: start;}
	#main-sect3 #storage-items.tab-cont {height: 400px; overflow-y: scroll; justify-content: start;}
}

#main-sect4{position: relative;width: 100%;display: flex;justify-content: center; align-items: center;margin: 30px 0px 60px 0px;}
#main-sect4 .head-tit {font-size: 28px;color: #999;text-align: center;font-weight: 300;margin: 70px 0 70px;}
#main-sect4 .head-tit span {display: block;font-size: 32px;color: #000;font-weight: 300;margin-top:20px;}
#main-sect4 .head-tit span > strong{color:#005CB8;font-weight:600}
#main-sect4 .div-cont {display:flex; flex-direction:column}
#main-sect4 .cont-grid {display: grid; grid-template-columns:1fr 1fr; min-height: 635px;} /*gap: 115px;*/
#main-sect4.en .cont-grid {min-height: 682px;}
#main-sect4 .cont-grid .cont-wr {padding:0px 100px 0px 0px}
#main-sect4 .cont-title {font-size: 30px;color: #005CB8;margin-bottom: 50px;}
#main-sect4 .cont-title span {display: block;color: #666666;font-size: 20px;font-weight: 500;margin-top: 10px;}
#main-sect4 .cont-list {display:flex; flex-direction:column; width:100%;}
#main-sect4 .cont-list dl {display: -ms-flexbox;display: -webkit-flexbox;display: flex;justify-content: space-between;border-bottom: 1px solid #eaeaea;padding: 32px 0;}
#main-sect4 .cont-list dl:first-child {padding-top:0px;}
#main-sect4 .cont-list dl:last-child {padding-bottom:0px;border-bottom: none;}
#main-sect4 .cont-list dt {width: 80px;height: 80px;}
#main-sect4 .service-1 .cont-list dl:first-child dt {background:#f7f7f7 url(/img/cont_icon_01_01.png) no-repeat center center; background-size: 80%;}
#main-sect4 .service-1 .cont-list dl:nth-child(2) dt {background:#f7f7f7 url(/img/cont_icon_01_02.png) no-repeat center center; background-size: 80%;}
#main-sect4 .service-1 .cont-list dl:nth-child(3) dt {background:#f7f7f7 url(/img/cont_icon_01_03.png) no-repeat center center; background-size: 80%;}
#main-sect4 .service-2 .cont-list dl:first-child dt {background: #f7f7f7 url(/img/cont_icon_02_01.png) no-repeat center center; background-size: 80%;}
#main-sect4 .service-2 .cont-list dl:nth-child(2) dt {background: #f7f7f7 url(/img/cont_icon_02_02.png) no-repeat center center; background-size: 80%;}
#main-sect4 .service-2 .cont-list dl:nth-child(3) dt {background: #f7f7f7 url(/img/cont_icon_02_03.png) no-repeat center center; background-size: 80%;}
#main-sect4 .service-3 .cont-list dl:first-child dt {background: #f7f7f7 url(/img/cont_icon_03_01.png) no-repeat center center; background-size: 80%;}
#main-sect4 .service-3 .cont-list dl:nth-child(2) dt {background: #f7f7f7 url(/img/cont_icon_03_02.png) no-repeat center center; background-size: 80%;}
#main-sect4 .service-3 .cont-list dl:nth-child(3) dt {background: #f7f7f7 url(/img/cont_icon_03_03.png) no-repeat center center; background-size: 80%;}
#main-sect4 .service-4 .cont-list dl:first-child dt {background: #f7f7f7 url(/img/cont_icon_04_01.png) no-repeat center center; background-size: 80%;}
#main-sect4 .service-4 .cont-list dl:nth-child(2) dt {background: #f7f7f7 url(/img/cont_icon_04_03.png) no-repeat center center; background-size: 80%;}
#main-sect4 .service-4 .cont-list dl:nth-child(3) dt {background: #f7f7f7 url(/img/cont_icon_04_02.png) no-repeat center center; background-size: 80%;}
#main-sect4 .service-4 .cont-list dl:nth-child(4) dt {background: #f7f7f7 url(/img/cont_icon_04_04.png) no-repeat center center; background-size: 80%;}
#main-sect4 .service-5 .cont-list dl:first-child dt {background: #f7f7f7 url(/img/cont_icon_05_01.png) no-repeat center center; background-size: 80%;}
#main-sect4 .service-5 .cont-list dl:nth-child(2) dt {background: #f7f7f7 url(/img/cont_icon_05_02.png) no-repeat center center; background-size: 50%;}
#main-sect4 .service-5 .cont-list dl:nth-child(3) dt {background: #f7f7f7 url(/img/cont_icon_05_03.png) no-repeat center center; background-size: 80%;}
#main-sect4 .service-6 .cont-list dl:first-child dt {background: #f7f7f7 url(/img/cont_icon_06_01.png) no-repeat center center; background-size: 80%;}
#main-sect4 .service-6 .cont-list dl:nth-child(2) dt {background: #f7f7f7 url(/img/cont_icon_06_02.png) no-repeat center center; background-size: 80%;}
#main-sect4 .service-6 .cont-list dl:nth-child(3) dt {background: #f7f7f7 url(/img/cont_icon_06_03.png) no-repeat center center; background-size: 80%;}
#main-sect4 .cont-list dd {width: calc(100% - 80px);font-size: 18px;line-height: 24px;color: #666;padding: 5px 10px;border-radius: 7px;}
#main-sect4 .cont-list dd h3{font-size: 20px;margin-bottom: 10px;color:#000;}
#main-sect4 .cont-list dd h3 strong{color:#005CB8;}
#main-sect4 .service-1 .photo-box {background: url(/img/slider_sect_01.png) no-repeat;width: 100%;height: 100%;background-size: cover;}
#main-sect4 .service-2 .photo-box {background: url(/img/slider_sect_02.jpg) no-repeat;width: 100%;height: 100%;background-size: cover;}
#main-sect4 .service-3 .photo-box {background: url(/img/slider_sect_03.png) no-repeat;width: 100%;height: 100%;background-size: cover;}
#main-sect4 .service-4 .photo-box {background: url(/img/slider_sect_04-index.jpg) no-repeat;width: 100%;height: 100%;background-size: cover;}
#main-sect4 .service-5 .photo-box {background: url(/img/slider_sect_05.png) no-repeat;width: 100%;height: 100%;background-size: cover;}
#main-sect4 .service-6 .photo-box {background: url(/img/slider_sect_06.png) no-repeat;width: 100%;height: 100%;background-size: cover;}
#main-sect4 .owl-theme .owl-nav {position: absolute;left: 50%;bottom: 10%;transform: translate(-50%, 0%);margin-top: 0px;}
#main-sect4 .owl-theme .owl-nav button {margin: 0px;border: 1px solid #ededed;background-color: #fff;}
#main-sect4 .owl-theme .owl-nav button.owl-next {background-color: rgba(0,0,0,0.5); border: none;}
#main-sect4 .owl-theme .owl-nav button.owl-next .xi-angle-right:before {color: #fff;}
#main-sect4 .owl-theme .owl-nav button:hover {color: #000;text-decoration: none}
#main-sect4 .owl-theme .owl-dots {margin-top: 30px;}
#main-sect4 .owl-theme .owl-dots .owl-dot span {display:block;}


#main-sect4 .head-tit span {font-size:24px; line-height:24px;}


@media (max-width: 640px) {
	#main-sect4 {margin: 0px 0px 0px 0px;}
	#main-sect4 .head-tit {font-size:24px;margin: 50px 0px 30px 0px;}
	#main-sect4 .head-tit span {font-size: 18px;}
	#main-sect4 .div-cont {width:100%;}
	#main-sect4 .cont-title {font-size: 18px; margin-bottom: 30px;}
	#main-sect4 .cont-title span {font-size: 16px;}
	#main-sect4 .cont-grid {display: flex; flex-direction: column-reverse; gap:20px;}
	#main-sect4 .cont-grid .cont-wr {padding:0px 20px;}
	#main-sect4 .cont-list dd {font-size: 15px; line-height: 20px;}
	#main-sect4 .cont-list dd h3 {font-size: 16px;}
	#main-sect4 .photo-box {height:200px !important;}
	#main-sect4 .owl-theme .owl-nav {top:0px; bottom:0px; left: inherit; right: 0; transform: none;}
	#main-sect4 .owl-theme .owl-nav button {width: 30px; height: 30px;}
	#main-sect4 .owl-theme .owl-nav button.owl-next {background-color: #fff; border: 1px solid #ededed;}
	#main-sect4 .owl-theme .owl-nav button.owl-next .xi-angle-right:before {color: #000;}
	#main-sect4 .cont-list dl {padding: 24px 0;}
}
#main-sect5 {position: relative;width: 100%;display: flex;justify-content: center; align-items: center;margin-top: 50px;}
#main-sect5 .head-tit {position: relative;font-size: 36px;font-weight: 700;}
#main-sect5 .head-tit:before {content: "";background: url(/img/dongwon_bg_icon.png) no-repeat 0 0;width: 85px;height: 85px;display: block;background-size: contain;position: absolute;left: -45px;top: 50%;transform: translate(0, -60%);}
#main-sect5 .cont-slider {position:relative; margin:30px 0;}
#main-sect5 .owl-theme .owl-nav {position: absolute;right: 0px;top: -50px;display: flex;gap: 50px;}
#main-sect5 .owl-theme .owl-nav [class*=owl-] {width: 30px;height: 30px;line-height: 30px;display: inline-flex;align-items: center; justify-content: center; margin: 0px;border-radius:50%;}
#main-sect5 .owl-theme .owl-nav [class*=owl-] i {font-size: 18px;}
#main-sect5 .owl-pagination{position: absolute;right: 30px;top: -40px;height: 30px;width: 50px;align-items: center;display: flex;justify-content: center;font-size: 14px;}
#main-sect5 .owl-theme .owl-item img {width: 600px; height: 340px; object-fit: fill;}
@media (max-width: 640px) {
	#main-sect5 .div-cont {width:100%;}
	#main-sect5 .owl-theme .owl-item img {width: 190px; height: 105px; object-fit: fill;}	
	#main-sect5 .head-tit {font-size: 24px;padding-left: 10px;}
	#main-sect5 .head-tit:before {left: 50px;background-size: cotain;top: 10px;width: 50px;height: 50px;}
}

#main-sect6 {position: relative;width: 100%;display: flex;justify-content: center; align-items: center;margin-top: 50px;}
#main-sect6 .head-tit {position: relative;font-size: 36px;font-weight: 700;}
#main-sect6 .head-tit:before {content: "";background: url(/img/dongwon_bg_icon.png) no-repeat 0 0;width: 85px;height: 85px;display: block;background-size: contain;position: absolute;left: -45px;top: 50%;transform: translate(0, -60%);}
#main-sect6 .cont-gallery {margin:30px 0;}
@media (max-width: 640px) {
	#main-sect6 .head-tit {font-size: 24px;padding-left: 10px;}
	#main-sect6 .head-tit:before {left: 60px;background-size: cotain;top: 10px;width: 50px;height: 50px;}
}

#location {position:relative; width:100%; background-color:#005CB8; display: flex; justify-content: center; padding: 60px 0px;}
#location .div-cont {display: grid;grid-template-columns: 370px auto;gap: 100px;}
#location .cont-wr {display:flex; flex-direction:column;}
#location .cont-wr > h3 {font-size: 46px;color: #fff;font-weight: 500;margin-bottom: 10px;}
#location .cont-wr .slogan {font-size:24px; color:#fff; font-weight:200;}
#location .cont-wr .slogan strong{font-weight:600;}

#location.en .div-cont {    grid-template-columns: 530px auto; gap:50px;}

.location-cont {display:flex; margin-top:30px;flex-direction: column;}
.location-cont .location-menu{display: grid;grid-template-columns: 1fr 1fr;width: 100%;}
.location-cont .location-menu p {line-height: 34px;border: none;font-size: 14px;font-weight:400; background-color: transparent; border-right: 1px solid #fff;border-top: 1px solid #fff;border-left: 1px solid #fff;color: #fff;-webkit-transition:all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease; text-align:center; cursor: pointer; word-break: keep-all;}
.location-cont .location-menu p:nth-child(even){border-left: none;}
.location-cont .location-menu p:nth-child(n+3) {border-bottom:1px solid #fff;}
.location-cont .location-menu p:hover {background-color:#fff; color:#196CBF}
.location-cont .location-menu p.active {background-color:#fff; color:#196CBF}
.location-cont .location-desc {margin-top: 25px;display:none}
.location-cont .location-desc > h3 {font-size: 15px;color: #fff;font-weight: 400;}
.location-cont .location-desc ul {display:flex; flex-direction:column; margin-top:5px;}
.location-cont .location-desc ul li {color:#fff;font-size: 15px;}
.location-cont .location-desc ul li:before{content: "→";margin-right: 3px;font-size: 16px;line-height: 26px;color: #00adef;}
.location-cont .location-app {display: flex;margin-top:30px;justify-content: start; gap: 40px;}
.location-cont .location-app a{background-color: transparent;border: none;color: #fff;font-size: 14px;width: 65px; text-align: center; cursor: pointer;}
.location-cont .location-app a:before{content: "";background-size: 60px 60px;display: block;padding-top: 70px;}
.location-cont .location-app a.naver-map:before{content: "";background: url(/img/app_naver.png) no-repeat top center;}
.location-cont .location-app a.kakao-map:before{content: "";background: url(/img/app_kakao.png) no-repeat top center;}
.location-cont .location-app a.t-map:before{content: "";background: url(/img/app_tmap.png) no-repeat top center;}
@media (max-width: 640px) {
	#location .div-cont {grid-template-columns: 1fr;padding: 20px;gap: 40px;}
	#location .cont-wr > h3 {font-size: 30px;}
	#location .cont-wr .slogan {font-size: 20px;}
	#location.en .div-cont {grid-template-columns: 1fr auto; gap: 0;}
}
/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
/*■■■■■■■■■■■■■■■■■■■■■■■■  회사연혁  ■■■■■■■■■■■■■■■■■■■■■■■■■*/
/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
#history {margin:50px 0}
#history .head-title {display: flex;justify-content: space-between;margin:0px 0px 50px 0px;align-items: center;font-size: 16px;font-weight: 400; color:#666; flex-direction: column; gap: 15px;}
#history .head-title h2 {font-size: 40px;font-weight: 600; text-align: center;}
#history .head-title h2 em{color:#0065BE; font-style:normal}
#history .head-title .slogan {font-size: 20px;}
#history .head-title.en {justify-content: center;flex-direction: column;gap: 15px;}
#history .history-cont {display: grid; grid-template-columns: 1fr 1fr;}
#history .history-cont:nth-child(even) {direction: rtl;}
#history .history-cont .photo-box img{width:100%; max-height: 390px; object-fit: cover;}
#history .history-cont .history-list {padding: 30px 0 0 50px;}
#history .history-cont:nth-child(even) .history-list {padding: 30px 50px 0 0;}
#history .history-cont .history-list .year {font-size: 30px; color:#0065BE;}
#history .history-cont .history-list ul {display: flex;flex-direction: column;margin: 30px 0px 0 0px;}
#history .history-cont:nth-child(even) .history-list ul {margin: 30px 0 0 50px;}
#history .history-cont .history-list ul li {font-size: 20px;position: relative;padding:0 0 0 30px;font-weight: 500;display: flex;flex-direction: row;line-height: 36px; word-break: keep-all;}
#history .history-cont:nth-child(even) .history-list ul li {padding: 0 30px 0 0}
#history .history-cont .history-list ul li:after {content: "";width: 8px;height: 8px;background-color: #aaa;display: block;position: absolute;left: 0px;top: 50%;border-radius: 50%;transform: translate(0%, -50%);}
#history .history-cont .history-list ul li:before {content: "";background: url(/img/line_vertical.gif) repeat-y 0 0;width: 1px;height: 100%;position: absolute;left: 3px;top: 50%;}
#history .history-cont .history-list ul li:last-child:before {content: ""; background: url(/img/blank_icon.png) repeat-y 0 0;}
#history .history-cont:nth-child(even) .history-list ul li:before {right: 3px;}
#history .history-cont:nth-child(even) .history-list ul li:after {content: "";width: 8px;height: 8px;background-color: #aaa;display: block;position: absolute;right: 0px;top: 50%;border-radius: 50%;transform: translate(0%, -50%);}
#history .history-cont .history-list ul li span.month {color:#1FB8F1;margin: 0px 15px 0px 0px;}
#history .history-cont:nth-child(even) .history-list ul li span.month {margin: 0px 0px 0px 15px;}
@media (max-width: 640px) {
	#history .div-cont {width:100%;}
	#history .head-title {flex-direction: column;justify-content: center;gap: 20px;}
	#history .head-title h2 {font-size: 24px;}
	#history .head-title .slogan {text-align: center;}
	#history .history-cont {grid-template-columns: 1fr;}
	#history .history-cont .history-list {padding: 15px 15px 40px 15px;}
	#history .history-cont .history-list ul {margin: 20px 0px 0 0px;}
	#history .history-cont:nth-child(even) {direction: ltr;}
	#history .history-cont:nth-child(even) .history-list {padding: 15px 15px 40px 15px;}
	#history .history-cont:nth-child(even) .history-list ul {margin: 20px 0px 0 0px;}
	#history .history-cont:nth-child(even) .history-list ul li {padding: 0 0 0 30px;}
	#history .history-cont:nth-child(even) .history-list ul li span.month{margin: 0px 15px 0px 0px;}
	#history .history-cont .history-list ul li {font-size: 18px;}
	#history .history-cont .history-list.en ul li:after {top: 20%; transform: none;}
	#history .history-cont:nth-child(even) .history-list.en ul li:after {top: 20%; transform: none;}
	#history .history-cont .history-list.en ul li:before {top: 20%;}
}	
/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
/*■■■■■■■■■■■■■■■■■■■■■■■■  회사개요  ■■■■■■■■■■■■■■■■■■■■■■■■■*/
/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
#company {margin:50px 0}
#company .sect-01 {margin-bottom:80px;}
#company .sect-01 .cont-wr {display: grid; grid-template-columns: 1fr 320px; gap: 70px; margin: 0px 0px 50px 0px;}
#company .sect-01 .cont-wr .head-title {display:flex; flex-direction:column}
#company .sect-01 .cont-wr .head-title h2 {font-size: 24px;color: #0065BE;font-weight: 600;}
#company .sect-01 .cont-wr .head-title h2 span{display: block; font-size: 30px;color: #333333;font-weight: 500;margin-top: 10px;}
#company .sect-01 .cont-wr.en .head-title h2 span {margin-top:30px;}

#company .sect-01 .cont-wr .head-title h2 span em {font-style:normal; color:#0065BE; font-weight: 700;}
#company .sect-01 .cont-wr .head-title .desc-wr {margin-top:30px; line-height:28px;font-size:18px;color:#333}
#company .sect-01 .cont-wr .photo-box p:first-child img {width:100%;}
#company .sect-01 .cont-wr .photo-box p:last-child {text-align:right; margin-top:20px;}
#company .sect-01 .cont-wr.en {display: grid;grid-template-columns: 1fr 400px;gap: 70px;margin: 0px 0px 50px 0px;background-position: right -25px;background-size: 50%;}
#company .sect-01 .cont-wr.en .photo-box {position:relative;}
/*#company .sect-01 .cont-wr.en .photo-box p{position: absolute;right: 0px;bottom: 0px;}*/
#company .sect-01 .cont-wr.en .head-title .ceo-sign {display: flex;justify-content: end;align-items: center;gap: 10px;font-size: 18px;margin-top: 30px;color:#666}
#company .sect-02 {margin-bottom:80px;}
#company .sect-02 .head-title{display: grid;grid-template-columns: 1fr 1fr;gap: 50px;}
#company .sect-02 .head-title h2{font-size: 24px;color: #0065BE;font-weight: 600;}
#company .sect-02 .head-title h2 span{display: block; font-size: 30px;color: #333333;font-weight: 500;margin-top: 10px;}
#company .sect-02 .head-title h2 span em {font-style:normal; color:#0065BE; font-weight: 700;}
#company .sect-02 .head-title .desc-wr{font-size: 18px;color: #666666;line-height: 28px;padding-top: 20px;}
#company .sect-02 .head-title .desc-wr .slogan{display: block;margin-top: 30px;color: #000;font-weight: 600;font-size: 17px;}
#company .sect-02 .list-wr {display: grid;grid-template-columns: 1fr 1fr 1fr;gap: 20px;margin: 70px 0px;}
#company .sect-02 .cont-list{position: relative; display: flex;flex-direction: column;gap: 20px;}
#company .sect-02 .cont-list .photo-box img {width:100%; height: 200px; object-fit: cover;}
#company .sect-02 .cont-list .cont-info {text-align: center;}
#company .sect-02 .cont-list .cont-info h3 {font-size:18px;}
#company .sect-02 .cont-list .cont-info p {font-size:16px;margin-top:10px;color:#666;line-height: 23px;}
#company .sect-03 {margin-bottom:80px;}
#company .sect-03 .head-title{display:flex; flex-direction:column}
#company .sect-03 .head-title h2 {font-size: 24px;color: #0065BE;font-weight: 600;}
#company .sect-03 .head-title h2 span{display: block; font-size: 30px;color: #333333;font-weight: 500;margin-top: 30px;}
#company .sect-03 .head-title h2 span em {font-style:normal; color:#0065BE; font-weight: 700;}
#company .sect-03 .head-title .slogan {margin-top: 10px;color: #666;font-size: 24px;font-weight: 600;}
#company .sect-03 .cont-wr {margin-top:50px}
#company .company-visual img{width:100%;}
@media (max-width: 640px) {
	#company .div-cont {width:100%;}
	#company .sect-01 {margin-bottom: 50px;}
	#company .sect-01 .cont-wr .head-title h2 {font-size: 18px;}
	#company .sect-01 .cont-wr {display:flex; flex-direction:column; gap: 20px;padding: 0px 10px;}
	#company .sect-01 .cont-wr .ceo-wr {display: grid;grid-template-columns: 35% 65%;gap: 10px;}
	#company .sect-01 .cont-wr .ceo-wr p.ceo-photo img {width:100%;}
	#company .sect-01 .cont-wr .ceo-wr .ceo-slogan {position: relative;font-size: 21px;line-height: 28px;}
	#company .sect-01 .cont-wr .ceo-wr .ceo-slogan em{font-weight:600; color:#0065BE; font-style:normal}	
	#company .sect-01 .cont-wr .ceo-wr .ceo-slogan .ceo-sign {position: absolute;left: 0px;bottom: 0px;}	
	#company .sect-01 .cont-wr .ceo-wr .ceo-slogan .ceo-sign img {width:200px;}
	#company .sect-01 .cont-wr.en {display: flex; flex-direction: column; background: unset; gap: 15px;}
	

	/*#company .sect-01 .cont-wr.en .ceo-wr {grid-template-columns:65% 35%;background-position: right 0px;background-size: 65%;}*/
	#company .sect-01 .cont-wr.en .ceo-wr .ceo-slogan {font-size:18px; line-height: 24px;}
	#company .sect-01 .cont-wr.en .ceo-wr .ceo-slogan .ceo-sign {position:unset; margin-top: 20px;}
	#company .sect-01 .cont-wr.en .ceo-wr .ceo-slogan .ceo-sign .job-level {display: flex;flex-direction: column;font-size: 14px;line-height: 21px;letter-spacing: -0.02em;gap: 10px; color: #888;}
	/*#company .sect-01 .cont-wr.en .ceo-wr .ceo-slogan .ceo-sign img {width:100px;}*/
	#company .sect-01 .cont-wr a {line-height: 42px;border: 1px solid #0065BE;background-color: #fff;font-size: 16px;font-weight: 600;color: #0065BE;display: flex;align-items: center;justify-content: center;}
	#company .sect-01 .cont-wr a i{font-weight:600; margin-left: 12px;}
	#company .sect-01 .cont-wr .ceo-greeting {display: none;font-size: 16px;line-height: 24px;color:#666}
	#company .sect-01 .cont-wr .ceo-greeting.active {display:block;}
	#company .sect-02 {margin-bottom: 50px;}
	#company .sect-02 .head-title {grid-template-columns:1fr;padding: 0px 10px;gap: 10px;}
	#company .sect-02 .head-title h2 {text-align:center; font-size:18px;}
	#company .sect-02 .head-title h2 span {line-height:32px; font-size: 24px;}
	#company .sect-02 .list-wr {grid-template-columns:1fr;gap:0px}
	#company .sect-02 .cont-list .cont-info {position:absolute; left:50%; top:50%; color:#fff;transform: translate(-50%, -50%); width:100%;}
	#company .sect-02 .cont-list .cont-info h3:after {content: "";display: block;width: 40px;height: 1px;background-color: #fff;margin: 20px auto 20px auto;}
	#company .sect-02 .cont-list .cont-info p {color:#fff;padding:0px 20px;}
	#company .sect-02 .cont-list .photo-box .background-overlay  {background-color: rgba(0, 0, 0, .5);position: absolute;left: 0px;top: 0px;right: 0px;bottom: 0px;}
	#company .sect-03 .head-title {text-align:center;}
	#company .sect-03 .head-title h2 {font-size: 18px;}
	#company .sect-03 .head-title h2 span {margin-top:10px;font-size: 24px;}
	#company .sect-03 {padding:0px 10px;}
	#company .sect-03 .head-title .slogan {font-size: 18px;}
}
/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
/*■■■■■■■■■■■■■■■■■■■■■■■■  비지니스  ■■■■■■■■■■■■■■■■■■■■■■■■■*/
/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
#business {margin: 50px 0;}
#business {margin-bottom: 0px;}
#business .head-title {display: flex; flex-direction: column;}
#business .head-title h3 {font-size: 24px;color: #999;font-weight: 600;}
#business .head-title .slogan {display: block;font-size: 36px;color: #333333;font-weight: 500;margin-top: 20px;}
#business .head-title .slogan span {display:block;}
#business .head-title .slogan span em {font-style: normal;color: #0065BE; font-weight: bold;}

#business .biz-wr {background: url(/img/tab_slide_2.png) no-repeat center center; background-size: cover;margin: 50px 0px;}
#business .biz-wr .div-cont {display: flex;flex-direction: column;padding: 70px 0px 100px 0px;gap: 100px;}
#business .biz-wr .cont-wr {display: grid; grid-template-columns: 30% 70%; }
#business .biz-wr .cont-wr:last-child {display: grid; grid-template-columns: 30% 70%; }
#business .biz-wr .cont-wr .item-title {display: flex; align-items: center; position: relative; border-radius: 50%; height: fit-content;}
#business .biz-wr .cont-wr .item-title::before {content:''; clear: both; width: 60px; height: 60px; background: #fff url(/img/main_tab_01.png) no-repeat center center; background-size: 55%; border-radius: 50%; margin-right: 20px;}
#business .biz-wr #storage-items.cont-wr .item-title::before {background: #fff url(/img/main_tab_02.png) no-repeat center center; background-size: 55%;}

#business .biz-wr .cont-wr .item-title {font-size: 36px; font-weight: bold; color: #fff;}
#business .biz-wr .cont-wr .item-title button{background-color: transparent;line-height: 58px;padding: 0px 40px;color: #fff;font-weight: 600;font-size: 20px;border: none;display: flex;align-items: center;align-items: center;}
#business .biz-wr .cont-wr .item-title button:before {content: "";width: 40px;height: 40px;border-radius: 50%;margin-right: 15px;}
#business .biz-wr .cont-wr .item-title button.capacity:before {background: #fff url(/img/main_tab_01.png) no-repeat center center;background-size: 55%;}
#business .biz-wr .cont-wr .item-title button.items:before {background: #fff url(/img/main_tab_02.png) no-repeat center center;background-size: 55%;}
#business .biz-wr .cont-wr .item-list ul{display: grid;grid-template-columns: 1fr 1fr;gap: 20px;}
#business .biz-wr .cont-wr .item-list li {position:relative; box-shadow: 0 4px 7px rgba(0,0,0,0.1)}
#business .biz-wr .cont-wr .item-list li .item-wr{align-items: center;background-color: rgba(255, 255, 255, .2);border-radius: 20px;padding: 30px 40px;border: 1px solid rgba(255, 255, 255, 0.2);min-width: 280px;display: flex;flex-direction: column;align-items: start;gap: 40px;}

#business .biz-wr .cont-wr .item-list li:nth-child(even) .item-wr {position: absolute;width: 100%;bottom: -30px;left: 0px;right: 0px;}
#business .biz-wr .cont-wr .item-list li .item-cont {display: grid;grid-template-columns: 1fr 1fr;gap: 10px;width: 100%;}
#business .biz-wr .cont-wr .item-list li .item-cont .item-sbj {font-size: 28px;color: #fff; font-weight: 600;}
#business .biz-wr .cont-wr .item-list li .item-cont .item-sbj span {display:block; font-size:18px;margin-top:5px;font-weight: 400;}       
#business .biz-wr .cont-wr .item-list li .item-cont .item-val {display: flex;flex-direction: column;justify-content: center;align-items: flex-end;color:#fff;gap: 5px;}
#business .biz-wr .cont-wr .item-list li .item-cont .item-val h3 {font-size: 34px; font-weight: 500; display: flex; align-items: end; flex-wrap: wrap;}
#business .biz-wr .cont-wr .item-list li .item-cont .item-val h3 span {font-size: 18px;font-weight: 300;padding-left: 5px;}
#business .biz-wr .cont-wr .item-list li .item-cont .item-val .val-calc {font-size: 18px;font-weight: 200;}
#business .biz-wr .cont-wr .item-list li .item-desc {font-size: 20px;font-weight: 400;color: #fff;}
#business .biz-wr .cont-wr .item-list li.active .item-wr {background-color: rgba(255, 255, 255, 1);}
#business .biz-wr .cont-wr .item-list li.active .item-wr .item-cont .item-sbj {color:#000;}
#business .biz-wr .cont-wr .item-list li.active .item-wr .item-cont .item-val h3  {color:#005CB8; font-weight: bold;}
#business .biz-wr .cont-wr .item-list li.active .item-wr .item-cont .item-val {color:#000;}
#business .biz-wr .cont-wr .item-list li.active .item-wr .item-desc {color:#000;}

#business .biz-wr #storage-items.cont-wr .item-list ul {grid-template-columns:1fr 1fr 1fr}
#business .biz-wr #storage-items.cont-wr .item-list ul > li > div.item-sbj {position: relative;width: 100%;height: 250px;margin: 0px;background-color: rgba(255, 255, 255, .2);border-radius: 20px;overflow: hidden;align-items: flex-start;padding: 30px 0px 0px 30px;
border: 1px solid rgba(255, 255, 255, 0.2);}
#business .biz-wr #storage-items.cont-wr .item-list ul > li > div.item-sbj > h3 {color: #fff;text-align: left;font-weight: 700;font-size: 28px;}
#business .biz-wr #storage-items.cont-wr .item-list ul > li > div.item-sbj > h3 > span {display: block;font-weight: 400;margin-top: 8px;font-size: 16px;}
#business .biz-wr #storage-items.cont-wr .item-list ul > li > div.item-sbj:after {position: absolute;right: 20px;bottom: 20px;content: "";width: 100px;height: 90px;}
#business .biz-wr #storage-items.cont-wr .item-list ul > li.active > div.item-sbj {background-color: #fff;border: none;}
#business .biz-wr #storage-items.cont-wr .item-list ul > li.active > div.item-sbj > h3 {color: #005CB8;}
#business .biz-wr #storage-items.cont-wr .item-list ul > li:nth-child(2) > div.item-sbj {position: absolute;left: 0px;bottom: -40px;}
#business .biz-wr #storage-items.cont-wr .item-list ul > li:nth-child(5) > div.item-sbj {position: absolute;left: 0px;bottom: -40px;}
#business .biz-wr #storage-items.cont-wr .item-list ul > li:nth-child(1) > div.item-sbj:after {background: url(/img/item_icon_01.png) no-repeat center center;background-size: contain;}
#business .biz-wr #storage-items.cont-wr .item-list ul > li:nth-child(2) > div.item-sbj:after {background: url(/img/item_icon_02.png) no-repeat center center;background-size: contain;}
#business .biz-wr #storage-items.cont-wr .item-list ul > li:nth-child(3) > div.item-sbj:after {background: url(/img/item_icon_03.png) no-repeat center center;background-size: contain;}
#business .biz-wr #storage-items.cont-wr .item-list ul > li:nth-child(4) > div.item-sbj:after {background: url(/img/item_icon_04.png) no-repeat center center;background-size: contain;}
#business .biz-wr #storage-items.cont-wr .item-list ul > li:nth-child(5) > div.item-sbj:after {background: url(/img/item_icon_05.png) no-repeat center center;background-size: contain;}
#business .biz-wr #storage-items.cont-wr .item-list ul > li:nth-child(6) > div.item-sbj:after {background: url(/img/item_icon_06.png) no-repeat center center;background-size: contain;}

#business .service-wr {margin: 50px 0px 0px 0px;}
#business .service-wr .div-cont {display: flex;justify-content: flex-end;padding-top: 50px;}
#business .service-wr .div-cont .cont-wr .head-title {font-size: 36px;color: #1FB8F1;margin-bottom: 50px; font-weight: 600; text-shadow: 1px 1px 8px #000;}
#business .sect-02 .owl-item {position: relative; width: 100%; height: 840px; cursor: pointer;}
#business .sect-02 .owl-item .filter {width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0; left: 0; background: linear-gradient(to right, transparent, rgba(0,0,0,0.6));z-index: 1;}
#business .sect-02 .owl-item > img {width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0; left: 0;}
#business .sect-02 .owl-item .div-cont {z-index: 2;}
#business .sect-02 .owl-item .cont-wr {width: 50%;}
#business .sect-02 .owl-nav {display: none;}
#business .sect-02 .owl-dots {position: absolute; bottom: 2%; left: 50%; transform: translateX(-50%);}
#business .sect-02 .owl-dots button {width: 10px; height: 10px; background: #d6d6d6; border-radius: 50%; transition: all 0.2s ease; margin: 5px 7px; opacity: 0.4;}
#business .sect-02 .owl-dots button.active {background: #fff; opacity: 1;}
#business .service-wr .div-cont .cont-wr .head-title span {display: block;color: #fff;font-size: 24px;font-weight: 300;margin-top: 10px;}
#business .service-wr .cont-list {display: flex;flex-direction: column;width: 100%;}
#business .service-wr .cont-list dl {display: -ms-flexbox;display: -webkit-flexbox;display: flex;justify-content: space-between;border-bottom: 1px solid #7f7f7f;padding: 32px 0;}
#business .service-wr .cont-list dt {width: 80px;height: 80px;}
#business .service-wr .cont-list dl:first-child dt {background: #f7f7f7 url(/img/cont_icon_01_01.png) no-repeat center center;background-size: 80%;}
#business .service-wr .cont-list dl:nth-child(2) dt {background: #f7f7f7 url(/img/cont_icon_01_02.png) no-repeat center center;background-size: 80%;}
#business .service-wr .cont-list dl:nth-child(3) dt {background: #f7f7f7 url(/img/cont_icon_01_03.png) no-repeat center center;background-size: 80%;}
#business .service-wr .cont-list dl:nth-child(4) dt {background: #f7f7f7 url(/img/cont_icon_04_04.png) no-repeat center center;background-size: 80%;}
#business .sect-02 .owl-item.serv-item2 dl:first-child dt {background: #f7f7f7 url(/img/cont_icon_02_01.png) no-repeat center center;background-size: 80%;}
#business .sect-02 .owl-item.serv-item2 dl:nth-child(2) dt {background: #f7f7f7 url(/img/cont_icon_02_02.png) no-repeat center center;background-size: 80%;}
#business .sect-02 .owl-item.serv-item2 dl:nth-child(3) dt {background: #f7f7f7 url(/img/cont_icon_02_03.png) no-repeat center center;background-size: 80%;}
#business .sect-02 .owl-item.serv-item3 dl:first-child dt {background: #f7f7f7 url(/img/cont_icon_03_01.png) no-repeat center center;background-size: 80%;}
#business .sect-02 .owl-item.serv-item3 dl:nth-child(2) dt {background: #f7f7f7 url(/img/cont_icon_03_02.png) no-repeat center center;background-size: 80%;}
#business .sect-02 .owl-item.serv-item3 dl:nth-child(3) dt {background: #f7f7f7 url(/img/cont_icon_03_03.png) no-repeat center center;background-size: 80%;}
#business .sect-02 .owl-item.serv-item4 dl:first-child dt {background: #f7f7f7 url(/img/cont_icon_04_01.png) no-repeat center center;background-size: 80%;}
#business .sect-02 .owl-item.serv-item4 dl:nth-child(2) dt {background: #f7f7f7 url(/img/cont_icon_04_02.png) no-repeat center center;background-size: 80%;}
#business .sect-02 .owl-item.serv-item4 dl:nth-child(3) dt {background: #f7f7f7 url(/img/cont_icon_04_03.png) no-repeat center center;background-size: 80%;}
#business .sect-02 .owl-item.serv-item5 dl:first-child dt {background: #f7f7f7 url(/img/cont_icon_05_01.png) no-repeat center center;background-size: 80%;}
#business .sect-02 .owl-item.serv-item5 dl:nth-child(2) dt {background: #f7f7f7 url(/img/cont_icon_05_02.png) no-repeat center center;background-size: 55%;}
#business .sect-02 .owl-item.serv-item5 dl:nth-child(3) dt {background: #f7f7f7 url(/img/cont_icon_05_03.png) no-repeat center center;background-size: 80%;}
#business .sect-02 .owl-item.serv-item6 dl:first-child dt {background: #f7f7f7 url(/img/cont_icon_06_01.png) no-repeat center center;background-size: 80%;}
#business .sect-02 .owl-item.serv-item6 dl:nth-child(2) dt {background: #f7f7f7 url(/img/cont_icon_06_02.png) no-repeat center center;background-size: 80%;}
#business .sect-02 .owl-item.serv-item6 dl:nth-child(3) dt {background: #f7f7f7 url(/img/cont_icon_06_03.png) no-repeat center center;background-size: 80%;}
#business .service-wr .cont-list dl:last-child {border-bottom:none}
#business .service-wr .cont-list dd {width: calc(100% - 80px);font-size: 18px;line-height: 26px;color: #fff;padding: 5px 20px;border-radius: 7px;font-weight: 300;}
#business .service-wr .cont-list dd h3 {font-size: 26px;margin-bottom: 10px;font-weight: 500; text-shadow: 1px 1px 8px #000;color: #fff;}
#business .service-wr .cont-list dd h3 strong {font-weight: 700; font-size: 26px;color: #1FB8F1;}

@media (max-width: 640px) {
	#business {margin-bottom:0px}
	#business .sect-01 > .div-cont {width:100%; padding: 0 10px;}
	#business .biz-wr .div-cont {width:100%;padding: 40px 0px 40px 0px;gap:50px;}
	#business .head-title {text-align: center;}
	#business .head-title .slogan {font-size: 24px;}
	#business .biz-wr .cont-wr {grid-template-columns: 1fr;}

	#business .biz-wr .cont-wr .item-title {justify-content: center;display: flex;align-items: center; font-size: 26px;}
	
	#business .biz-wr .cont-wr .item-list {padding:10px;margin-top: 20px;}
	#business .biz-wr .cont-wr .item-list ul {gap: 12px;}
	#business .biz-wr .cont-wr .item-list li {min-width: 100%;}
	#business .biz-wr .cont-wr .item-list li .item-wr {min-width: 100%;padding: 20px; gap: 25px;}
	#business .biz-wr .cont-wr .item-list li:nth-child(even) .item-wr {position: unset;}
	#business .biz-wr .cont-wr .item-list li .item-cont {grid-template-columns: 1fr;}
	#business .biz-wr .cont-wr .item-list li .item-cont .item-val {align-items: flex-start;}
	#business .biz-wr .cont-wr .item-list li .item-desc {font-size:16px;}
	#business .biz-wr .cont-wr .item-list li .item-cont .item-sbj {font-size: 18px;}
	#business .biz-wr .cont-wr .item-list li .item-cont .item-sbj span {font-size: 14px;}
	#business .biz-wr .cont-wr .item-list li.active .item-wr .item-cont .item-val h3 {font-size: 28px;}
	#business .sect-02 .owl-item {height: auto;}
	#business .sect-02 .owl-item .filter {display: none;}
	#business .sect-02 .owl-item .cont-wr {width: 100%;}
	#business .sect-02 .owl-item > img {height: 200px; position: static;}

	#business .biz-wr .cont-wr:last-child {grid-template-columns: 1fr;}
	#business .biz-wr #storage-items.cont-wr .item-list ul {grid-template-columns: 1fr 1fr;}
	#business .biz-wr #storage-items.cont-wr .item-list ul > li:nth-child(2) > div.item-sbj {position:unset}
	#business .biz-wr #storage-items.cont-wr .item-list ul > li:nth-child(5) > div.item-sbj {position:unset}
	#business .biz-wr #storage-items.cont-wr .item-list ul > li > div.item-sbj {padding:20px; height: 200px;}
	#business .biz-wr #storage-items.cont-wr .item-list ul > li > div.item-sbj:after {left:20px;width: 80px;height: 70px;}
	#business .biz-wr #storage-items.cont-wr .item-list ul > li > div.item-sbj > h3 {font-size: 20px;}
	#business .biz-wr .cont-wr .item-title::before {width: 40px; height: 40px; margin-right: 10px;}
	

	#business .sect-02 > .div-cont {width:100%;}
	#business .head-title p {display:inline-block;}
	#business .head-title p em {display:block;}
	#business .head-title h3 {font-size: 18px;}
	
	#business .service-wr p.mobile-only img {width:100%;}
	#business .service-wr {background:none}
	#business .service-wr .div-cont {width:100%;padding:30px 0px 0px}

	#business .service-wr .div-cont .cont-wr .head-title {text-align:left; color:#1FB8F1;font-weight:600;padding: 0px 10px;margin-bottom: 0px; font-size: 18px; text-shadow: none;}
	#business .service-wr .div-cont .cont-wr .head-title span {color:#333; font-weight: 500; font-size: 16px;}
	#business .service-wr .cont-list {padding:0px 10px;}
	#business .service-wr .cont-list dl {border-color:#EDEDED; padding: 24px 0;}
	#business .service-wr .cont-list dd {color:#333;font-weight: 500;font-size: 15px; line-height: 22px;}
	#business .service-wr .cont-list dd h3 {font-size: 16px; color: #333; text-shadow: none;}
	#business .service-wr .cont-list dd h3 strong {color:#333;font-weight: 600;font-size: 16px;}
	#business .sect-02 .owl-dots {display: none;}
	
}

@keyframes fadein {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}