html{overflow:auto}
body{background:#fff}

*::placeholder { color:#999; }                     
*::-webkit-input-placeholder { color:#999; }
*:-moz-placeholder { color:#999; }             
*::-moz-placeholder { color:#999; }           
*:-ms-input-placeholder { color:#999 !important; }      
*::-ms-input-placeholder { color:#999; } 

img { max-width:100%;  }

* { word-break:keep-all;  }

input[type=text], input[type=password], input[type=submit], input[type=button], textarea {  -webkit-appearance: none; -webkit-border-radius: 0; }

#wrap {width:100%;  overflow:hidden;  }
#header, #mainVisual, #subVisual, #container, #foot{width:100%; position:relative;}
.main_inner {max-width:1200px; margin:0 auto; position:relative;  box-sizing:border-box;  }
.inner {max-width:1200px; margin:0 auto; position:relative;  box-sizing:border-box;  }


/* quick menu  */
/* #quick {width:50px; height:153px; position:absolute; left:50%; margin-left:600px;}
#quick ul{width:50px; font-size:0;}
#quick ul li {width:82px; height:65px; margin-bottom:1px;  text-align:center; color:#fff; vertical-align:middle;font-size:0;}
#quick ul li a { display:block; }



/*header*/
#header{ position:absolute; left:0; top:0;  width:100%;  z-index:100; }
.headerWrap { font-size:0; text-align:right;   }
.headerWrap.main_header .header_top {display: flex; justify-content: space-between; align-items: center; height:99px;}
#wrap.sub .headerWrap  {/*border-bottom: 1px solid #c9c9c9;*/}
.headerWrap h1 { /* position:absolute; left:0; top:30px;*/ display:inline-block; width:225px; }
.headerWrap h1 a {position:relative; display:block;  }

 #header.main_header {border: 0;background: none;}


.headerWrap	h1 .logo_w {display:block;}
.headerWrap	h1 .logo_b {display:none;}
#wrap.sub .headerWrap h1 .logo_w {display:none;}
#wrap.sub .headerWrap h1 .logo_b {display:block;}



/* header_link */
#header .header_link {width: 100%; border-bottom: 1px solid #d9d9d9; background: #fff;}
#header .header_link ul:after {	display: block;	content: ''; clear: both;}
#header .header_link li {display:inline-block; float: left; border-right: 1px solid #d9d9d9; padding: 15px 30px;  box-sizing: border-box;}
#header .header_link li:first-child {border-left: 1px solid #d9d9d9;}
#header .header_link a {display: block;	text-align:center;/* height: 55px; */}


/* GNB */
#topmenu { display:inline-block; padding-top:10px;  }
#topmenu > ul > li { position:relative; display:inline-block; /* vertical-align:top;  */}
#topmenu > ul > li:not(:first-child) {margin-left: 56px;}
/* #topmenu > ul > li + li { margin-left:40px;  } */
#topmenu > ul > li > a {display:block; font-size:18px; font-weight: bold; color:#fff; padding:5px 0px; border-bottom:3px solid rgba(255,255,255,0.0); }
#topmenu ul li.m_active a, 
#topmenu ul li a:hover ,
#topmenu ul li a.on {color:#004bff; border-color:#004bff;}
#wrap.sub #topmenu > ul > li > a {color:#222;}
#wrap.sub #topmenu > ul > li > a.on {color:#004bff;}

.all-menu-btn { display:none; position:absolute; right:20px; top:50%; transform: translateY(-50%);}
#wrap.main .all-menu-btn a { display:block; width:35px; height:25px; background-position:center; background-repeat:no-repeat; background-image:url("/images/common/mo_btn_menu_wht.png");  background-size:contain;}
#wrap.sub .all-menu-btn a { display:block; width:37px; height:38px; background-position:center; background-repeat:no-repeat; background-image:url("/images/common/mo_btn_menu_black.png");  background-size:contain;}

@media screen and (max-width:1250px){
	.main_inner { padding-left:30px; padding-right:30px; }
	.headerWrap h1 { left:20px;  }
	.inner {}
}

@media screen and (max-width:1024px){
	#topmenu > ul > li:not(:first-child) {margin-left: 40px;}
} 

@media screen and (max-width:900px){
	#topmenu { display:none; }
	#header .header_link { display:none;}
	.all-menu-btn { display:block; }
	.headerWrap.main_header .header_top { height: 80px;}
	.headerWrap h1 {top:25px;}
}
@media screen and (max-width:768px){
	.headerWrap h1 { top:27px; width:179px;}

	.main_inner { padding-left:20px; padding-right:20px; }

}
@media screen and (max-width:700px){
/* 	#header .header_link li {padding: 15px 0; }
	#header .header_link li:nth-of-type(1) {width:25%;}
	#header .header_link li:nth-of-type(2) {width:30%;}
	#header .header_link li:nth-of-type(3) {width:20%;}
	#header .header_link li:nth-of-type(4) {width:25%;} */

}

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


.mobile-all-menu { display:none; z-index:500; position:fixed; right:0; top:0; width:100%; height:100%;}
.mobile-all-menu .mam-blind { position:fixed; right:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5);  }
.mobile-all-menu a.btn-close {z-index:5; position:absolute; right:20px; top:30px; width:27px; height:27px; background:url("/images/common/btn/btn_closeX.png") no-repeat center; background-size:29px; }
.mobile-all-menu a.btn-home {z-index:5; position:absolute; right:70px; top:30px; width:27px; height:27px; background:url("/images/common/btn/btn_home.png") no-repeat center; background-size:29px; }

.mobile-all-menu .inbox {position:absolute; right:0; top:0; width:320px; height:100%; background:#fff; }
.mobile-all-menu .inbox ul { margin-top:80px; text-align:center; padding:30px 20px; box-sizing:border-box; border-top:1px solid #dfdfdf;}
.mobile-all-menu .inbox ul li { display:block; }
.mobile-all-menu .inbox ul li:first-of-type {   }
.mobile-all-menu .inbox ul li a { display:block; height:50px; line-height:50px;/*  padding:0 15px; */ font-size:18px; color:#363636;  }
.mobile-all-menu .inbox ul li.on > a {font-weight:500; color:#004bff; background:url("/images/common/icon_menu_mo_down.png") no-repeat right 70px center; background-size:10px;}

.mobile-all-menu .inbox ul li > div { display:none; background:#f1f1f1; padding:15px; box-sizing:border-box; margin:10px 0;}
.mobile-all-menu .inbox ul li > div a { display:block; height:35px; line-height:35px; font-size:16px; color:#363636; font-weight:300;  }
.mobile-all-menu .inbox ul li > div a:hover {font-weight:400; color:#004bff;}
.mobile-all-menu .inbox ul li > div a.on {font-weight:400; color:#004bff;}
span.newicon { font-size:12px; color:#335a9a; font-weight:800;  }

/* header_link */
.mobile-all-menu .mo_link {width: 100%; background: #fff; position:absolute; bottom:0; right:0;}
.mobile-all-menu .mo_link:after {display: block; content: ''; clear: both;}
/* .mobile-all-menu .mo_link > div:after {display: block;	content: ''; clear: both;} */
.mobile-all-menu .mo_link div {display:inline-block; width:50%; float: left; height: 50px; border:1px solid #d9d9d9; font-size:0; box-sizing: border-box;}
.mobile-all-menu .mo_link > div > a {display: block; text-align:center; padding: 15px 0;  box-sizing: border-box;}
.mobile-all-menu .mo_link > div:nth-of-type(2n) {border-left:none;}
.mobile-all-menu .mo_link > div:nth-of-type(-n+2) {border-bottom:none;}

@media screen and (max-width:640px){
	span.newicon { font-size:10px;  }

}
@media screen and (max-width:320px){
	.mobile-all-menu .inbox ul li a { font-size:5vw;}
	.mobile-all-menu .inbox ul li > div a { font-size:4.5vw;}
}


/*  */
#topmenu div.submenu {position:absolute; top:90px; display:none; z-index:100; border-top:0px; background:#fff; box-shadow:3px 3px 10px 0px rgba(0,0,0,0.2); text-align:center; width: 100%;}
#topmenu div.submenu ul {margin:0; padding-top:0px; font-size:0; padding:10px 0; border-top:1px solid rgba(255,255,255,0.3);}
#topmenu div.submenu ul li {position:relative; height:auto; width:100%; font-size:15px;  text-align:left;}
#topmenu div.submenu ul li a {display:block; padding:10px 15px; font-weight:normal; color:#363636; text-align:center; font-weight:300; }
#topmenu div.submenu ul li a:hover { color: #00358e; font-weight:500;}
/* #topmenu ul li.m1 div.submenu{left:-45px; width:180px; z-index:100;}
#topmenu ul li.m2 div.submenu{left:-44px; width:180px; z-index:100;}
#topmenu ul li.m3 div.submenu{left:0px; width:180px; z-index:100;}
#topmenu ul li.m4 div.submenu{left:-18px; width:110px; z-index:100;} */
#topmenu ul li.allmn { width:auto; padding-left:25px;}
#topmenu ul li.allmn button { display:inline-block; width:18px; height:18px; background:url("/images/common/icon/icon_allmenu.png") no-repeat left top; font-size:0;vertical-align:middle; outline:none;}





/*main contents*/
#mainVisual {position: relative; /*height: 100vh;*/}

#mainVisual .mainTxt {position: absolute; top: 50%; left: 0; width: 100%; text-align: center; color: #fff; line-height: 1.2; z-index: 150; transform:translateY(-50%); -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%);-moz-transform:translateY(-50%); -o-transform:translateY(-50%); }
.mainTxt .inbox span { display:block; font-size:35px; color:#fff; font-weight:400; line-height:1.2;}
.mainTxt .inbox p {font-size:75px; color:#fff; padding-top:20px; font-weight:500; }
.mainTxt .maintxt_small {font-size:24px; color:#fff; font-weight:500; padding-top:20px;}

/* #mainVisual.half .mainTxt {margin-top:-210px;}
#mainVisual.half .mainTxt .TxtArea p {font-size:35px;}
#mainVisual.half .mainTxt .TxtArea p strong {padding-bottom:45px;}
#mainVisual.half .mainTxt .scroll a {margin-top:30px;}
#mainVisual.half .faq_link {height:90px; line-height:90px ;}

 */


#mainVisual .mainSlider div {vertical-align: top;}
#mainVisual .mainSlider .list {/*height: 100vh;*/}
#mainVisual .mainSlider .list .ImgArea {width: 100%; height: 100%; background-repeat: no-repeat; background-position: center top; background-size: cover; }
#mainVisual img {width:100%; height: 100%; /*transform: scale(1.3);*/ object-fit: cover;}
#mainVisual .mainSlider .slick-dots {position: absolute; left: 50%; bottom: 80px; width: 100px; margin-left: -600px; z-index: 210;}
#mainVisual .mainSlider .slick-dots ul {overflow: hidden;}
#mainVisual .mainSlider .slick-dots li {float: left; margin-left: 7px;}
#mainVisual .mainSlider .slick-dots li:first-child {margin-left: 0;}
#mainVisual .mainSlider .slick-dots li button {display: block; width: 14px; height: 14px; border: none; padding: 0; background: #ccc; font-size: 0; line-height: 0; text-indent: -9999px; border-radius: 100%; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
#mainVisual .mainSlider .slick-dots li.slick-active button {background: #0b5ea0;}

.icon_scroll {position: absolute; left: 50%; bottom: 20px; margin-left: -17px; font-family: 'Oswald', sans-serif; font-size: 12px; color: #fff; z-index: 100; line-height: 1; animation: scroll 1.5s infinite; -webkit-animation: scroll 1.5s infinite; -o-animation: scroll 1.5s infinite;}
.icon_scroll span {display: block; padding-top: 40px; background: url('/images/main/icon_scroll.png') no-repeat center top;}
.icon_scroll.g {color: #999;}
.icon_scroll.g span {background-image: url('/images/main/icon_scroll_g.png');}

.tabmo {display:none !important;}

.video-background-contain { width:100%; z-index:1; box-sizing: border-box; /* overflow:hidden; background-color:#ccc; */}
/* @media (min-aspect-ratio: 16/9) {
  .video-foreground { height: 300%; top: -100%; }
}
@media (max-aspect-ratio: 16/9) {
  .video-foreground { width: 300%; left: -100%; }
}
 */

#mainVisual .mainControl {position: absolute; bottom: 50px; right: 50px; color: #fff; z-index: 400; }
#mainVisual .mainControl .slick-arrow {display: inline-block; width: 33px; height: 14px; background-repeat: no-repeat; background-position: bottom center; text-indent: -9999px; vertical-align: bottom; padding:10px; box-sizing:border-box; cursor:pointer;}
#mainVisual .mainControl .slick-arrow.slick-prev {margin-right: 20px; background: url('/images/common/btn/btn_prev.png') no-repeat top 5px center; }
#mainVisual .mainControl .slick-arrow.slick-next {margin-left: 20px; background: url('/images/common/btn/btn_next.png') no-repeat top 5px center;;}
#mainVisual .mainControl .pagingInfo {display: inline-block; font-size: 16px; font-weight: 300; vertical-align: bottom; line-height: 1;}
#mainVisual .mainControl .pagingInfo.pagingInfo01 {margin-bottom: -2px; font-size: 25px; font-weight: 600;}
#mainVisual .mainControl .pagingInfo.pagingInfo02 {position: relative; padding-left: 12px; margin-left: 12px;}
#mainVisual .mainControl .pagingInfo.pagingInfo02:before {content:'/'; position: absolute; left: -2px; bottom: 0px; /* width: 1px; height: 13px;  background: rgba(255,255,255,0.2);*/}

#mainVisual .mainTitle {width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #fff; text-align: center;}
#mainVisual .mainTitle p {font-size: 45px; font-weight: bold; text-shadow: 3px 3px 10px rgba(0, 0, 0, 0.3);}
#mainVisual .mainTitle span {font-size: 25px; font-weight: normal; display: block; text-shadow: 3px 3px 10px rgba(0, 0, 0, 0.3);}

.mainVisualTab {position: absolute; bottom: 60px; right: 0;}
.mainVisualTab .mainVtab {display:inline-block; width:210px; margin-left:60px; }
.mainVisualTab .mainVtab:first-child {margin-left:0;}
.mainVisualTab p a {display:block; font-size:18px; color:#fff; padding-bottom:20px; }
.visualBar {position:relative; width:100%; height:9px; background:rgba(255,255,255,0.5);}
.mainVisualTab .mainVtab.on p a{font-weight:400;}
/*.visualBar::after {display:none; content:'';  position:absolute; top:0; left:0; width:60px; height:9px; background: #fff;}*/
/*.mainVisualTab .mainVtab.on .visualBar::after {display:block;}*/

.indicateBar {display:none; position:absolute; top:0; left:0; width:0; height:9px; background: #fff;}
.mainVisualTab .mainVtab.on .indicateBar {display:block;}



/* .mainTxt .inbox span ,
.mainTxt .inbox p { position:relative; opacity:0; top:30px; transition:all 2s ease; -webkit-transition:all 2s ease; -ms-transition:all 2s ease; 
-moz-transition:all 2s ease; -o-transition:all 2s ease;}

.mainTxt .inbox p { transition-delay:0.5s; }

.mainTxt .inbox.ani span ,
.mainTxt .inbox.ani p { opacity:1; top:0px; }


 */

@keyframes scroll {
	0% {transform:translateY(-15px);}
	100% {transform:translateY(0);}
}


@-webkit-keyframes imagescale {
  0% {
    transform: scale(1.3)  rotate(.001deg);;
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -o-transform: scale(1.3);
  }

  100% {
    transform: scale(1)  rotate(.001deg);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
  }

  

}

@keyframes main-top-img-ani {
	 0% {
		transform: scale(1.3)  rotate(.001deg);
		-webkit-transform: scale(1.3);
		-moz-transform: scale(1.3);
		-o-transform: scale(1.3);
	}
	
	100% {
		transform: scale(1)  rotate(.001deg);
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-o-transform: scale(1);
	}
	
}

.image > .s-img1 {
	animation: main-top-img-ani 4s ease-in-out infinite alternate;  
	-webkit-animation: imagescale 4s ease-in-out infinite alternate;
	-moz-animation: imagescale 4s ease-in-out infinite alternate;
	-o-webkit-animation: imagescale 4s ease-in-out infinite alternate;
}

/*main contents */
.main_section {margin:130px 0;}
.main_TitleArea h2 {position:relative; font-size:40px; font-weight:500; line-height:1.2; text-align:left; color:#000000; padding-bottom:50px;}
.main_TitleArea span {display: block; margin-bottom: 15px; font-size: 24px; font-weight: bold; color: #0046ff;}


.main_contents {margin: 0; padding: 130px 0;}
.main_contents.bgGray {background: #e1e7f5;}
.main_contents .imgArea {position: relative; text-align: center;}
.main_contents .imgArea.hideImg > div {position: absolute; top: 0; left: 0; width: 100%; display: none;}
.main_contents .imgArea.hideImg:hover > div {display: block;}
.main_contents .imgArea.hideImg:hover ~ .hideImg > div {display: block;}
.main_contents .imgArea + .imgArea {margin-top: 50px;}
.main_contents .imgArea:nth-child(3) {margin-top: 70px;}
.main_contents .imgArea02 {position: relative; text-align: center;}
.main_contents .imgArea02 + .imgArea02 {margin-top: 70px; padding-top: 70px; border-top: 1px solid #adb3c1;}

/* 주가정보 / 공시정보 */
.main_notice {text-align:center;}
.mainNoticeArea {display: flex; width:100%; font-size: 0;}
.mainNoticeArea:after {content:''; display:block; clear:both;}
.mainNoticeArea li {display:flex; flex-direction:column; align-items:center; justify-content:center; width:49%; margin-right:2%; height:250px; padding:35px 0 ; box-sizing:border-box; border-radius: 10px;}
.mainNoticeArea li:last-child {margin-right:0;}
.mainNoticeArea li p {font-size: 24px; color:#fff; font-weight:500; padding-bottom:20px;}
.mainNotice01 {background:url("/images/main/main_banner_01.png") no-repeat center center; background-size:cover;}
.mainNotice02 {background:url("/images/main/main_banner_02.png") no-repeat center center; background-size:cover;}
.mainNoticeArea a {font-size:16px;}

.btn-veiw {display:inline-block;/* width:150px; height:40px; */ padding: 10px 35px; border-radius:25px; border:1px solid #fff; color:#fff; box-sizing:border-box;}
.btn-veiw:hover,.btn-veiw.on {background:#0046ff; color:#fff; border:1px solid #0046ff; }
.btn-veiw01:hover { border:1px solid #fff; color:#fff; background:transparent;}




@media only screen and (max-width:1500px){
	.video-background-contain {height:100%; }
	.video-foreground video {/* height:100%; */ width:auto !important;position: absolute;top: 0;left: 50%;transform: translateX(-50%);}
}

@media only screen and (max-width:1250px){
	
	.mainVisualTab {right: 50px;}

	.main_section {padding:0px 50px;}
	.main_contents {padding:130px 50px;}
}

@media only screen and (min-width:1200px){
	#mainVisual .mainControl {width: 100%; max-width: 1200px; display: flex; justify-content: flex-end; right: 0; left: 50%; transform: translateX(-50%); padding: 0 50px; box-sizing: border-box;}
}

@media only screen and (max-width:1200px){
	#mainVisual .mainControl {right: 50px;}
}

@media only screen and (max-width:1024px){
	
	.mainTxt .inbox p { font-size:65px;  }
	.mainTxt .inbox span { font-size:30px; }
	.mainTxt .maintxt_small {font-size:20px;}
	.main_section {padding:0px 30px;}
	.main_contents {padding:130px 30px;}
}


@media screen and (max-width:850px){
	#mainVisual .mainTxt { top: 40%;}

	#mainVisual .mainControl { right:0; width:100%; text-align:center;}
	#mainVisual .mainVisualTab {right: auto; width:100%; text-align:center;}
	.mainVisualTab .mainVtab {width:35%; max-width:210px; text-align:left;}

	.main_section {padding:0px 20px;}
	.main_contents {padding:130px 20px;}

	#mainVisual .mainTitle p {font-size: 35px;}
	#mainVisual .mainTitle span {font-size: 18px; }
}
@media screen and (max-width:768px){
	.mainNoticeArea {flex-wrap: wrap;}
	.mainNoticeArea li {width:100%; margin-right:0; }
	.mainNotice01 { margin-bottom:20px;}
}


@media screen and (max-width:768px){
	.mainTxt .inbox p { font-size:55px;  }
	.mainTxt .inbox span { font-size:25px; }

	.visualBar {height:5px;}
	.visualBar::after {height:5px;}
	.indicateBar { height:5px;}

	.pct {display:none !important;}
	.tabmo {display:block !important;}

	
}

.bn-tt-pc {display:block !important;}
.bn-tt-mo {display:none !important;}
@media only screen and (max-width:640px){

	/*main contents*/
	#mainVisual .mainSlider .slick-dots {bottom: 35px;}
	.mainTxt .inbox p { font-size:8vw; padding-top: 10px; }
	.mainTxt .inbox span { font-size:5vw; }
	.mainTxt .maintxt_small {font-size:3.5vw;}

	#mainVisual .mainControl .pagingInfo.pagingInfo01 {font-size:20px;}
	#mainVisual .mainControl .pagingInfo {font-size:14px;}

	.visualBar {height:2px;}
	.visualBar::after {height:2px;}
	.indicateBar { height:2px;}
	.mainVisualTab p a {padding-bottom:8px;}

	.mainVisualTab .mainVtab {max-width:none; margin-left:20px;}
	.mainVisualTab p a {font-size:16px;}
	
	#mainVisual {height:100% !important;}
	.video-foreground video {width:640px !important;height:360px !important; position: absolute;top: 0;left: 50%;transform: translateX(-50%);}
	#mainVisual .mainTxt {top:55%;}
	#mainVisual .mainSlider .list {height: 360px !important;}
	.mainVisualTab {bottom: 20px;}
	.main_section {padding:20px;}
	.main_contents {padding:50px 20px;}
	.main_section {margin: 50px 0;}
	.main_section.main_contents {margin: 0;}
	
	.bn-tt-pc {display:none !important;}
	.bn-tt-mo {display:block !important;}

	#mainVisual .mainTitle p {font-size: 5.5vw;}
	#mainVisual .mainTitle span {font-size: 4vw; }
}

@media only screen and (max-width:420px){
	.mainVisualTab p a {font-size:3.5vw;}
	/*
	.mainTxt .inbox p {font-size:4vw; padding-top:5px;}
	.mainTxt .inbox span {font-size:3vw;}
	.mainTxt .maintxt_small {font-size:3vw; padding-top:5px;}
	.mainVisualTab {bottom: 10px;}
	#mainVisual .mainTxt {top:60%;}
	.mainVisualTab p a {padding-bottom:5px;} 

	.mainNoticeArea li p {font-size:5vw;}
	.mainNoticeArea a {font-size:4vw;}
	*/
}


/* 메인-투자자산 */
.mainContentArea {display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 7px;}
.mainContentItem {position: relative; overflow: hidden;}
.mainContentItem::before {content:""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width:100%; height:100%;  background: rgb(0,0,0);
background: linear-gradient(0deg, rgba(0,0,0,1) -10%, rgba(255,255,255,0) 50%); border-radius: 10px; }
.mainContentItem:hover::before {background: rgb(0,70,255); background: linear-gradient(0deg, rgba(0,70,255,1) 0%, rgba(255,255,255,0) 90%);}
.mainContentImg img {width: 100%; border-radius: 10px; }
.mainContentText {position: absolute; top: 0; left:0; right: 0; bottom: 0; display: flex; flex-direction: column; align-items: center; justify-content: flex-end; padding: 40px; transform: translateY(85px); text-align: center;}
.mainContentItem:hover .mainContentText { transform: translateY(0px);}
.mainContentText p {font-size: 24px; color: #fff; margin-bottom: 40px; font-weight: normal;}
.mainContentItem:hover .mainContentText p {margin-bottom: 20px;}
.mainContentText .btn-veiw {color: #0046fe; background: #fff; border: none 0;}
.mainContentText .btn-veiw:hover {color: #0046fe; background: #fff; border:none 0;}

@media screen and (max-width:1024px) {
	.mainContentText p {font-size: 20px;}
}

@media screen and (max-width:768px){
	.mainContentArea {display: grid; grid-template-columns: 1fr; gap: 7px;}
}

/* 보도자료 */
/* .main_case .main_TitleArea {transform:translateY(30px); -webkit-transform:translateY(30px); opacity: 0; filter:alpha(opacity=0); -mox-opacity:0; -webkit-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out;}
.main_case.active .main_TitleArea {transform:translateX(0); -webkit-transform:translateX(0); opacity: 1; filter:alpha(opacity=1); -mox-opacity:1; transition-delay:.2s;-webkit-transition-delay:.2s;} */
.main_section.main_case {padding-top: 0;}
.news_btn {/*z-index:10; position:absolute; top:0; right:0;*/ outline:0; font-size:0;}
.news_btn a {display: inline-block; width:40px; height:40px;/*   border:1px solid #e8e8e8; */ }
.news_btn .more {background-image:url("/images/common/btn/btn_more_plus02.png"); font-size:0; width:40px; height:40px;}

.main_case .com-intro-slide {text-align:center; overflow: hidden;}
.main_case .com-intro-slide .slick-slide { position:relative;/*  margin-right: 27px; border: 1px solid #dfdfdf; */}

/* 슬릭공백 */
 .slick-slider {
    margin:0 -15px;
}
.slick-slide {
    text-align:center;
    margin-right:15px;
    margin-left:15px;
}

.main_case .com-intro-slide .slick-slide img { width:100%; height:210px; /* border-top-right-radius:10px;  border-top-left-radius:10px;  */
transition:all .3s ease; -webkit-transition:all .3s ease; -ms-transition:all .3s ease; -moz-transition:all .3s ease; -o-transition:all .3s ease;}
.main_case .com-intro-slide .slick-list { padding-bottom: 30px !important;}

.news_slide {border-radius: 10px;}
.news_slide:hover {box-shadow: 12px 12px 21px 0px rgb(0 0 0 / 5%); /* border-radius: 15px; */ }
.news_slide_list {border: 1px solid #dfdfdf; border-radius: 10px; overflow: hidden;}

.slide-util {display: flex; justify-content: flex-end; padding-bottom: 35px;}
.arrowSlider {position: relative; /*z-index:10; position:absolute; top:0; right:60px;*/ outline:0; font-size:0;}
.arrowSlider::before {position:absolute; content:""; width: 1px; height: 20px; top: 50%; left: 50%; transform:translate(-50%, -50%); background: #e8e8e8;}
.arrowSlider span {display: inline-block; width:60px; height:40px; padding:10px; box-sizing: border-box; cursor: pointer;}
.arrowSlider .prev { right:40px; background:url("/images/common/btn/main_arrow_icon_left.png") no-repeat center center; /* border-top-right-radius:0; border-bottom-right-radius:0; */}
/*.arrowSlider .prev:hover { background:#002643 url("/images/common/btn/main_arrow_icon_left_active.png") no-repeat center center;}*/
.arrowSlider .next { right:0; background: url("/images/common/btn/main_arrow_icon_right.png") no-repeat center center;}
/*.arrowSlider .next:hover { background:#002643 url("/images/common/btn/main_arrow_icon_right_active.png") no-repeat center center;}*/

.main_case .infobox {background:#fff;/*  border:1px solid #ccc; */ width:100%; box-sizing:border-box; padding:20px; text-align:left; overflow:hidden; white-space:nowrap;}
.main_case .infobox .case_title { font-size: 20px; color: #363636; font-weight:500; margin-bottom: 20px;  /* overflow:hidden; white-space: nowrap; text-overflow: ellipsis; */ }
.main_case .infobox .case_name { font-size:16px; color:#666; font-weight:300; margin-bottom: 30px; /* overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3;-webkit-box-orient: vertical;  */}
.main_case .infobox .case_date {font-size:13px; color:#666;}



@media screen and (max-width:640px){
	.main_case .com-intro-slide .slick-slide img {height:130px;}
	.main_case .infobox { padding:15px; }
	.main_case .infobox .case_title { margin-bottom: 10px; font-size:17px;}
	.main_case .infobox .case_name {font-size:14px;}
	.main_case .infobox .case_date {font-size:12px;}

	/* 슬릭공백 */
	 .slick-slider {
		margin:0 -8px;
	}
	.slick-slide {
		text-align:center;
		margin-right:8px;
		margin-left:8px;
	}

}
@media screen and (max-width:420px){
	.main_case .infobox .case_title {font-size:4vw;}
	.main_case .infobox .case_name {font-size:3.5vw;}

	
}

/* 문의하기 */
.main_faq {background:url("/images/main/main_faq_bg.jpg") no-repeat center center; background-size:cover; height:300px; padding:115px 0; box-sizing: border-box;}
.main_faq .inner { display: flex;  justify-content: space-between; align-items: center;}
.main_TitleArea.w {display:inline-block; float:left;  }
.main_TitleArea.w h2 {color:#fff; padding-bottom: 0;}
.main_TitleArea.w .smallTit {color:#fff; font-size:18px; font-weight:300; margin-bottom:18px;}
.btn_faq {display:inline-block; float:right; width:180px; height:50px; border: 1px solid #fff; padding-left:25px; box-sizing: border-box;}
.btn_faq a.faq-more {display:inline-block; line-height:50px; text-align:left; font-size:16px; color:#fff;  }
.btn_faq a img {margin-left:30px;}


/*sub contents*/
#container {}



/* 서브비주얼 */
#subVisual {height:454px; overflow:hidden; text-align:center; }
#subVisual .subv-title { text-align:center; padding-top:240px; color:#fff; font-size:0; line-height:1; text-shadow:}
#subVisual .subv-title .top { display:block; font-size:18px; font-weight:400; padding-bottom:30px; text-shadow: 3px 3px 10px rgba(0,0,0,0.3);}
#subVisual .subv-title .center { display:block; font-size:25px; font-weight:400; padding-bottom:10px; text-shadow: 3px 3px 10px rgba(0,0,0,0.3);}
#subVisual .subv-title .bottom { display:block; font-size:45px; font-weight:500; text-shadow: 3px 3px 10px rgba(0,0,0,0.3); }
#subVisual .subv-title .subtt { display:block; font-size:45px; color:#fff; font-weight:500; padding-top: 35px;}


.subVsal01 { height: 0!important; background:url("/images/sub/sub_visual01.jpg") no-repeat top 154px center; }
.subVsal04 { background:url("/images/sub/sub_visual04.jpg") no-repeat top 154px center; }
.subVsal05 { background:url("/images/sub/sub_visual05.jpg") no-repeat top 154px center;  }
.subVsal06 { background:url("/images/sub/sub_visual06.jpg") no-repeat top 154px center; }


@media screen and (max-width:900px){
	.subVsal01 { background:url("/images/sub/sub_visual01.jpg") no-repeat top 81px center; background-size: 100%; background-size: cover;}
	.subVsal04 { background:url("/images/sub/m_sub_visual04.jpg") no-repeat top 81px center; background-size: 100%;}
	.subVsal05 { background:url("/images/sub/m_sub_visual05.jpg") no-repeat top 81px center; background-size: 100%;}
	.subVsal06 { background:url("/images/sub/m_sub_visual06.jpg") no-repeat top 81px center; background-size: 100%;}
	#subVisual .subv-title {padding-top: 200px;}
	#wrap.sub .headerWrap {background: #fff;}

}
@media screen and (max-width:640px){
	#subVisual {height: 360px;}
	#subVisual .subv-title {padding-top: 175px;}
	#subVisual .subv-title .top {font-size:3.3vw; padding-bottom:18px;}
	#subVisual .subv-title .center {font-size:3.3vw;/*  padding-bottom:8px; */}
	#subVisual .subv-title .bottom {font-size:4.7vw;}

	.main_TitleArea h2 {font-size:25px;}
	.main_TitleArea span {font-size:16px;}
}
@media screen and (max-width:520px){
/* 	#subVisual {height: 300px;}*/
	#subVisual .subv-title {padding-top: 165px;} 
	/* .subVsal01 {background-size: cover;}
	.subVsal04 {background-size: cover;}
	.subVsal05 {background-size: cover;}
	.subVsal06 {background-size: cover;} */
	
}
@media screen and (max-width:320px){
	#subVisual {height: 300px;}
	#subVisual .subv-title {padding-top: 140px;}
	.subcontainer {padding-top:0;}

	
}
.sub #contents{/* width:750px;  float:right;*/ min-height:400px; text-align:left; /* padding-top:100px; */ }
.subcontainer { max-width:1200px; margin:0 auto; box-sizing:border-box;  padding: 130px 0 130px; }

@media screen and (max-width:1250px){
	.subcontainer { padding-left:20px; padding-right:20px;}
}
@media screen and (max-width:900px){
	.subcontainer { padding: 50px 20px 75px;}
	.detail_con .subcontainer {  padding-top:30px;}
}
@media screen and (max-width:640px){
	.subcontainer {  padding-top:50px; padding-bottom:50px; }
	.detail_con .subcontainer {  padding-top:10px;}
}
@media screen and (max-width:420px){
}


/* 메인 swiper */
.main-swiper {height: calc(var(--vh, 1vh) * 100);}
.main-swiper .swiper {height: 100%;}
.main-swiper .swiper-slide {display: flex;}
.main-swiper .swiper-slide img {object-fit: cover; width: 100%;}
.main-swiper .swiper-pagination-bullets.swiper-pagination-horizontal {display: flex; gap: 0 30px; width: 90%; max-width: 1200px; bottom: 85px; left:50%; transform:translateX(-50%); text-align: left; }
.main-swiper .swiper-pagination-bullet {position: relative; opacity: 1; width: 33.3%; background: none 0;}
.main-swiper .swiper-pagination-bullet span {color: #fff; font-size: 18px;}
.main-swiper .swiper-pagination-bullet-active span {font-weight: bold; white-space: nowrap;}

.main-swiper .swiper-pagination-bullet::before {content:""; position: absolute; width: 100%; height: 6px; background:rgba(255,255,255,.3); top: 35px;}
.main-swiper .swiper-pagination-bullet-active::after {content:""; position: absolute; width: 0px; height: 6px; background:rgba(255,255,255,1); top: 35px; left: 0; animation: progress 6s infinite ease-in-out;}

.main-swiper .mainTxt {position: absolute; top: 50%; left: 0; width: 100%; text-align: center; color: #fff; line-height: 1.2; z-index: 150; transform:translateY(-50%); -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%);-moz-transform:translateY(-50%); -o-transform:translateY(-50%); }
.mainTxt .inbox span { display:block; font-size:35px; color:#fff; font-weight:400; line-height:1.2;  text-shadow: 3px 3px 10px rgba(0, 0, 0, 0.3);}
.mainTxt .inbox p {font-size:75px; color:#fff; padding-top:20px; font-weight:500; text-shadow: 3px 3px 10px rgba(0, 0, 0, 0.3);}
.mainTxt .maintxt_small {font-size:24px; color:#fff; font-weight:500; padding-top:20px; text-shadow: 3px 3px 10px rgba(0, 0, 0, 0.3);}



@keyframes progress{
	0%{ width: 0px;}
	100%{ width: 100%; }
}

@media only screen and (max-width:1024px){
	.mainTxt .inbox p { font-size:65px;  }
	.mainTxt .inbox span { font-size:30px; }
	.mainTxt .maintxt_small {font-size:20px;}
}


@media screen and (max-width:900px){
	.main-swiper .swiper-pagination-bullets.swiper-pagination-horizontal {flex-direction: column; align-items: flex-end; gap: 40px;}
	.main-swiper .swiper-pagination-bullet {width: 50%;}
}

@media screen and (max-width:768px){
	.mainTxt .inbox p { font-size:55px;  }
	.mainTxt .inbox span { font-size:25px; }
	.main-swiper .swiper-pagination-bullet span {font-size: 15px;}
}

@media only screen and (max-width:640px){
	.mainTxt .inbox p { font-size:8vw; padding-top: 10px; }
	.mainTxt .inbox span { font-size:5vw; }
	.mainTxt .maintxt_small {font-size:3.5vw;}
	
	.main-swiper .swiper-pagination-bullet {width: 100%;}
}

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


/* 투자자산 */
.investmentTabArea {padding-top:154px; position:relative; font-size:0; } 
.investmentTabArea:after {content:''; display:block; clear:both;}
/* .investmentTab {display:inline-block; width:265px; height:65px; line-height:65px; font-size:18px; text-align:center; border:1px solid #e8e8e8; box-sizing: border-box;}
.investmentTab:hover,.investmentTab.on {background:#002643; border: 1px solid #002643; }
.investmentTab:hover a,.investmentTab.on a {color:#fff; font-weight:400;} */


.investmentTab {display:inline-block; width:265px; height:65px; line-height:65px; font-size:18px; text-align:center; box-sizing: border-box; border-bottom:3px solid #c4c4c4;/*  margin-right:20px */}
.investmentTab a {color:#c4c4c4;}
.investmentTab:hover,.investmentTab.on {/* background:#002643; border: 1px solid #002643; */ border-bottom:3px solid #002643;}
.investmentTab:hover a,.investmentTab.on a {color:#002643; font-weight:400; }





.section_info { display:block; width:100%; /* float: left; */ padding: 20px 0; border-bottom: 1px solid #dddddd;}
.section_info.pd-xl {padding: 70px 0;}
.section_info:last-of-type {padding-bottom:0;}
.section_info:after {content:''; display:block; clear:both;}
.section_info > div { float:left; display: inline-block; }

.detail_con .subsection { margin-bottom:50px;}

.infoTitle {width:100%; text-align:left; overflow:hidden; float:left; margin-bottom: 40px; /* padding:50px 0; */ box-sizing:border-box; /* display:flex; align-items: center; */}
.infoTitle em {display: inline-block; margin-right:15px; float:left; padding-top: 5px;}
.infoTitle p {display: inline-block; font-size:24px; font-weight:bold; float:left;}
.infoTxt {width: 100%; text-align:left; /* padding:50px 0 50px 30px;  */box-sizing:border-box;}

.abt .infoTitle {width: 300px; margin-bottom: 0;}
.abt .infoTitle p {font-size: 18px;}
.abt .infoTxt {width: calc(100% - 300px);}

.table-area-st table {width:100%; border-top: 1.5px solid #c6c6c6;}   
.table-area-st table tr {border: 1px solid #e8e8e8;/*  padding: 15px; */}
.table-area-st table tbody th { font-size:18px; color:#363636; font-weight:400; width:145px; text-align: center; border-right: 1px solid #e8e8e8; background: #f8f8f8; }
.table-area-st table tbody td { font-size:16px; color:#666; font-weight:300; padding: 18px 0 18px 110px; text-align: left;}
.table-area-st table tbody td span {color:#004082;}
.abtT01 {margin-bottom:30px;}


.sub-btn-veiw { /* display: inline-block;  */padding: 20px 25px; box-sizing:border-box; font-size: 13px; color: #fff; background: #002643; box-sizing: border-box; float:right; /* margin-top: 50px;  */display:flex; align-items: center; }
.sub-btn-veiw img {display: inline-block; margin-left:10px;}


.visual-wrap {position:relative;}
.visual-wrap .mainControl {position: absolute; bottom: 50px; right: 0; color: #fff; z-index: 300;}
.visual-wrap .mainControl .slick-arrow {display: inline-block; width: 33px; height: 14px; background-repeat: no-repeat; background-position: bottom center; font-size: 0; line-height: 0; text-indent: -9999px; vertical-align: bottom; padding:10px;}
.visual-wrap .mainControl .slick-arrow.slick-prev {margin-right: 20px; background-image: url('/images/common/btn/btn_prev.png'); cursor:pointer;}
.visual-wrap .mainControl .slick-arrow.slick-next {margin-left: 20px; background-image: url('/images/common/btn/btn_next.png'); cursor:pointer;}
.visual-wrap .mainControl .pagingInfo {display: inline-block; font-size: 16px; font-weight: 300; vertical-align: bottom; line-height: 1;}
.visual-wrap .mainControl .pagingInfo.page01 {margin-bottom: -2px; font-size: 25px; font-weight: 600;}
.visual-wrap .mainControl .pagingInfo.page02 {position: relative; padding-left: 12px; margin-left: 12px;}
.visual-wrap .mainControl .pagingInfo.page02:before {content:'/'; position: absolute; left: -2px; bottom: 0px; /* width: 1px; height: 13px;  */ }


/* 리츠소개 */

.subsection .titleArea { margin-bottom:70px; position:relative; text-align:left;}	
.subsection .titleArea h3{ padding:0px; font-size:40px;}	
.subsection .titleArea p { font-size:18px;}
/*.subsection .titleArea:after {content:''; position:absolute; bottom:-30px;left:50%; transform:translateX(-50%); width:45px; height:5px; background:#002643;}*/

.subcontainer.bgGray {background:#f0f2f7; max-width:none;}
.subcontainer.bgGray .titleArea {max-width: 1200px; margin: 0 auto 70px;}
.subsection .imgArea {text-align:center; }
.subcontainer.abt .imgArea { max-width:1200px; margin:0 auto; border:1px solid #e8e8e8; background:#fff; padding:60px 25px 20px; box-sizing:border-box;}
.subcontainer.abt .imgArea p {font-size:16px; color:#666; text-align:right; padding-top:65px; font-weight:400;}
.abtImg02 {padding: 0 150px; box-sizing: border-box;}

.ListType01 li {position:relative; font-size:16px; }
.ListType01.abtList li:before {position:absolute; left:0; top:10px; content:''; width:3px; height:3px; background:#000;}
.ListType01 li span {font-weight: normal; margin-right:35px;}
.abtList li { padding-left: 20px; margin-bottom: 18px;}

.ListType02 ul {display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 20px;}
.ListType02 ul li {background: #e1e7f5; padding: 30px 20px; border-radius: 10px;}
.ListType02 ul li p {margin-bottom: 10px;}
.ListType02 ul li strong {display: block; margin-bottom: 20px; font-weight: normal;}
.ListType02 ul li strong:last-child {margin-bottom: 0px;}
.ListType02 ul li a {display: block; margin-bottom: 20px; font-weight: bold; color:#0046ff;}

.table-area-abt table {width:100%; border-top: 1.5px solid #c6c6c6; text-align: center;}   
.table-area-abt table tr {border: 1px solid #e8e8e8;/*  padding: 15px; */}
.table-area-abt table thead th { font-size:18px; background: #f8f8f8; padding: 15px 0;  border-right: 1px solid #e8e8e8; border-bottom:none;}
.table-area-abt table tbody th { font-size:18px; color:#363636; font-weight:400; width:145px;  border-right: 1px solid #e8e8e8; padding: 15px 20px;}
.table-area-abt table tbody td { font-size:16px; color:#666; font-weight:300; padding: 15px 0 ; border-right: 1px solid #e8e8e8; }
.table-area-abt table tbody th span {font-size:16px; font-weight:300;}

.tabmo01 {display:none;}

.portfolio .imgArea {display: flex;}
.portfolio .imgArea > div:first-child {border-right: 2px dotted #cccccc;}
.portfolio .titleArea h3 span {font-size:20px; }

.character li {display: flex;}
.character li:not(:first-child) {margin-top: 10px;}
.character .title {display: flex; justify-content: center; align-items: center; width: 25%; background: #004bff; margin-right: 10px; border-radius: 10px;  color: #fff; font-size:24px; font-weight: bold; padding: 30px 40px; box-sizing: border-box;}
.character .title img {margin-right: 20px;}
.character .desc {display: flex; flex-direction: column; justify-content: center; width: 75%; background: #e1e7f5; border-radius: 10px; padding: 30px 40px; min-height: 160px; box-sizing: border-box;} 
.character .desc p {position: relative; padding: 3px 0; padding-left: 15px; font-size: 16px; font-weight: normal;}
.character .desc p::before {position: absolute; content: ""; top: 50%; left: 0; transform: translateY:(-50%); width: 3px; height: 3px; background: #000;}
.character .desc p span {color: #004bff;}

.about {position: relative;}
.about-visual { margin-top: 149px;}

.about .subv-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; display: flex; align-items: center; justify-content: center; }
.about .subv-title { text-align:center; color:#fff; font-size:0; line-height:1; text-shadow:}
.about .subv-title .top { display:block; font-size:25px; font-weight:400; padding-bottom:15px; text-shadow: 3px 3px 10px rgba(0, 0, 0, 0.3);}
.about .subv-title .center { display:block; font-size:45px; font-weight:bold; padding-bottom:20px; text-shadow: 3px 3px 10px rgba(0, 0, 0, 0.3);}
.about .subv-title .bottom { display:block; font-size:18px; font-weight:400; text-shadow: 3px 3px 10px rgba(0, 0, 0, 0.3);}
.about .subv-title .subtt { display:block; font-size:45px; color:#fff; font-weight:500; padding-top: 35px;}
.about-visual .slick-slide img {width: 100%; object-fit: cover;}

@media screen and (max-width:1250px){
	.table-area-st table tbody td {padding: 18px 30px;}
	.visual-wrap .mainControl {right: 20px;}
}
@media screen and (max-width:1024px){
	.infoTitle {width:100%; }
	.infoTxt {width:100%;}
}
@media screen and (max-width:900px){
	.investmentTabArea {padding-top: 80px;}
	.infoTitle {display:block; width:100%; margin-bottom:15px; }
	.infoTxt {display:block; width:100%;}
	
	.abt .infoTitle {display:block; width:100%; margin-bottom:15px; }
	.abt .infoTxt {display:block; width:100%;}

	.section_info.btnSection {text-align: center;}
	.sub-btn-veiw {float:none; display: inline-block; /* margin-top: 25px;  */font-size: 15px;}
	
	.character .title {font-size: 20px;}
	.character .desc p {font-size: 15px;}

	.about-visual { margin-top: 80px;}
	.about-visual .slick-slide {height: 300px;}
	.about-visual .slick-slide img {width: 100%; height: 100%; object-fit: cover;}
}
@media screen and (max-width:768px){
	.visual-wrap .mainControl {position:relative; text-align:center; bottom: 65px;right: auto;}
	
	.pct01 {display:none;}
	.tabmo01 {display:block;}

	.subcontainer.abt .imgArea p {text-align:left; padding-top:50px;font-size:14px;}
	.subcontainer.abt .imgArea {padding:50px 20px;}
	/* .abtImg01 img {width:460px; margin:0 auto;} */
	.abtImg02 { margin:0 auto; padding: 0 100px 25px; box-sizing:border-box;}
	.subcontainer.abt {padding-bottom:50px;}

	.visual-wrap .mainControl .pagingInfo.page01 {font-size:4vw;}
	.visual-wrap .mainControl .pagingInfo {font-size:3vw;}
	.visual-wrap .mainControl .slick-arrow.slick-next {margin-left:5px;}
	.visual-wrap .mainControl .slick-arrow.slick-prev {margin-right:5px;}

	.portfolio .imgArea {display: block;}
	.portfolio .imgArea > div:first-child {border-right: none 0; border-bottom: 2px dotted #cccccc; padding-bottom: 20px; margin-bottom: 20px;}
	
	.character li {display: block; }
	.character .title {width: 100%; margin-right: 0; margin-bottom: 10px;}
	.character .desc {width: 100%;}
}


@media screen and (max-width:640px){
	.ListType02 ul {grid-template-columns: 1fr; }
	.investmentTabArea .investmentTab {width:50%; float:left;}
	.investmentTab {font-size:16px;}
	.infoTxt iframe { height: 270px;}
	/* table th, table td {word-break:break-all;} */
	
	.sub-btn-veiw {padding:15px;}

	.subsection .titleArea { margin-bottom: 50px;}
	.subsection .titleArea h3{ font-size:22px;}
	.subsection .titleArea:after {width:20px; height:3px; bottom:-22px;}
	.subsection .titleArea p {font-size:15px; display:none;}
	.infoTitle p {font-size:18px;}
	.ListType01 li {padding-left:10px; font-size:15px; display: flex;}
	.ListType01 li span {margin-right:10px; flex: none;}
	.ListType01 li:before { width: 3px; height: 3px; top:9px;}
	.infoTitle em {padding-top:3px;}
	.abtList li {margin-bottom:3px; }
	/* .section_info {margin-bottom:30px;} */
	
	.abtImg02 {max-width:357px; padding: 0 40px 25px;}
	

	.table-area-abt table tbody th {background:#f8f8f8; font-size:15px;}
	.table-area-abt table tbody td { font-size:15px;}
	.tBold {font-weight:400 !important;}
	.tBold span {font-weight:300; font-size:15px; word-break:break-all;}
	.tWidth {max-width:130px;}

	.table-area-st table tbody th {width:25%;}
	.table-area-st table tbody th { font-size:15px; }
	.table-area-st table tbody td { font-size:15px; padding:10px 0 10px 15px;}

	.section_info:last-of-type {padding-bottom:20px;}

	.about .subv-title .top {font-size:3.5vw;}
	.about .subv-title .bottom {font-size:3vw;/*  padding-bottom:8px; */}
	.about .subv-title .center {font-size:6vw;}

}
@media screen and (max-width:420px){
	.investmentTab {font-size:4vw;}
	.tBold span br {display:none;}
	.subsection .titleArea h3{ font-size:5vw;}
	.infoTitle p {font-size:4vw;}
	.abt .infoTitle p {font-size:4vw;}
	.ListType01 li {font-size:3.5vw;}
	.infoTitle em {margin-right: 8px;padding-top:0;}

	.table-area-abt table tbody th { font-size:3.5vw;}
	.table-area-abt table tbody td { font-size:3.5vw;}
	.tBold span {font-size:3.5vw; }

	.table-area-st table tbody th { font-size:3.5vw;}
	.table-area-st table tbody td { font-size:3.5vw;}

	.sub-btn-veiw {font-size: 3.5vw;}
	.sub-btn-veiw img {top: 3px;  position: relative;}

	.character .desc p {font-size:3.5vw;}
	.ListType02 ul {font-size: 3.5vw;}
}
@media screen and (max-width:320px){
	.ListType01 li {word-break:break-all;}
	

}

/* 투자자산 */
.sector { width: 100%; display: flex; flex-wrap: wrap; gap: 30px;}
.sector.center {justify-content: center;}
.sector-item > div {border-radius: 50%; box-sizing: border-box}
.sector span {font-weight: bold; font-size: 18px;}
.sector p {width: 120px; margin-top: 10px; font-size: 16px; text-align: center; font-weight: normal;}

.imgBox {width: 100%; display: flex; align-items: center; flex-wrap: wrap; gap: 30px 0px;}
.imgBox li {width:33.3%; display: flex; align-items: center;}
.imgBox li p {padding-left: 20px; line-height: 1.2; font-weight: normal; font-size: 16px;}
.imgBox img {width: 60px;}

.imgArea .caption {margin-bottom: 20px; text-align: right; font-size: 14px;}

.sub-tab {margin-top: 149px; border-top: 1px solid #e7e7e7;}
.sub-tab ul {display: flex; max-width: 1200px; margin: 0 auto; box-sizing: border-box;}
.sub-tab ul li {width: 33.3%; text-align: center;}
.sub-tab ul li a {display: block; padding: 25px; color: #aaaaaa; font-size: 18px; font-weight: bold;}
.sub-tab ul li.active a {color: #000; border-bottom: 3px solid #000;}

.subContents {width: 100%;}
.subContents > div {display: inline-block; float: left;}
.subContents::after {content:''; display: block; clear:both;}
.subContents .left {width: 480px;}
.subContents .right {width: calc(100% - 480px);}
.subContents .right dl {display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 10px;}
.subContents .right dl > div { padding: 25px; border-radius: 10px; }
.subContents .right dl > div:nth-child(odd) { background: #e1e7f5; }
.subContents .right dl > div:nth-child(even) { background: #f0f0f0; }
.subContents .right dl dt {font-size: 16px; font-weight: bold; margin-bottom: 30px;}
.subContents .right dl dd {text-align: center; color: #004bff; font-weight: bold; font-size: 32px;}
.subContents .right dl dd:nth-child(3) {font-weight: lighter; font-size: 13px; color:#555555;}
.subContents .right dl dd span {font-size: 18px;}
.caption { font-size: 14px; text-align: right; margin-top: 10px;}

.imgLogo {margin-bottom: 40px;}
.ucp .imgLogo img {width: 344px; }

.infoDesc {font-size: 16px; font-weight: normal;}
.infoDesc + .infoDesc {margin-top: 20px;}
.infoNote {font-size: 12px; font-weight: normal; color: #999999; margin-top: 10px;}

@media screen and (max-width:1250px){
	.subContents .left, .subContents .right {width: 100%;}
	.subContents .right {margin-top: 50px;}
}

@media screen and (max-width:900px){
	.sub-tab {margin-top: 80px;}
	.sub-tab ul {overflow-x: auto;}
	.sub-tab ul li a {white-space:nowrap;}
	.sub-tab ul {justify-content: space-between;}
	.sub-tab ul li {width: auto;}
}
@media screen and (max-width:640px){
	.imgBox li {width: 50%;}
	.infoTitle p.fs-40 {font-size: 22px;}

	.subContents .right dl {grid-template-columns: 1fr;}
}
@media screen and (max-width:420px){

	.sub-tab ul li a { font-size: 3.5vw; }

	.imgBox li {width: 100%;}
	.sector p {font-size: 3.5vw;}
	.imgBox li p {font-size: 3.5vw;}
	
	.infoDesc {font-size: 3.5vw;}
	.subContents .right dl dt { font-size: 3.5vw;}
	.subContents .right dl dd { font-size: 7vw; }
	.subContents .right dl dd span { font-size: 3.5vw; }
	.subContents .right dl dd:nth-child(3) {font-size: 2.5vw;}

	.caption {font-size: 3vw;}
}	


/*  --------------------------------------------------------------------------------  */



/* 공시정보 */
/* .sub_title {font-size:16px; color:#363636; font-weight:400; padding-bottom:20px; border-bottom:1px solid #e8e8e8; }
.sub_title u.notice_icon {display: inline-block; width:22px; height:22px; background-image:url("/images/common/icon/notice_icon.png"); margin-right:20px; vertical-align: text-bottom;}
.main_info {padding:125px 0; background:#fff; overflow:hidden; }
.main_info .floatC {position:relative; float:left; width:32%; margin-right: 2%; border:1px solid #000; padding:25px; box-sizing:border-box;}
.main_info .floatC:last-child {margin-right:0;}
.main_info h3 {font-size:22px; font-weight:500; color:#363636; line-height:32px; margin-bottom:47px;}
.main_info .more {float:right; background-image:url("/images/common/btn/btn_more_plus01.png"); font-size:0; width:32px; height:32px; margin-top:5px;} */



/* .latest.basic strong {margin-right:5px}
.latest .icon_new {font-size:12px; font-weight:700; color:#bb005e;} */

/* .main_section.ms_02 .main_TitleArea02 {transform:translateY(30px); -webkit-transform:translateY(30px); opacity: 0; filter:alpha(opacity=0); -mox-opacity:0; -webkit-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out;}
.main_section.ms_02.active .main_TitleArea02 {transform:translateX(0); -webkit-transform:translateX(0); opacity: 1; filter:alpha(opacity=1); -mox-opacity:1; transition-delay:.2s;-webkit-transition-delay:.2s;}
 */
/* .main_section.ms_02 .boardLatest {transform:translateY(30px); -webkit-transform:translateY(30px); opacity: 0; filter:alpha(opacity=0); -mox-opacity:0; -webkit-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; margin-top:50px; content:''; display:block; clear:both;}
.main_section.ms_02.active .boardLatest {transform:translateX(0); -webkit-transform:translateX(0); opacity: 1; filter:alpha(opacity=1); -mox-opacity:1; transition-delay:.2s;-webkit-transition-delay:.2s;} */
/* .main_section.ms_02 .floatL, .main_section.ms_02 .floatR {width:48%; border: 1px solid #dfdfdf; border-radius:10px;}
.main_section.ms_02 .title {font-size:28px; color:#222; line-height:34px; padding:5%; font-weight:600; overflow:hidden; border-bottom:1px solid #dfdfdf;} */
/* 
.main_section.ms_02 .title .more:hover {float:right; background-image:url("/images/common/btn/btn_more_plus_pink.png"); font-size:0; width:23px; margin-top:5px;} */



#SNB {position:relative; z-index:10; height:60px; border-bottom:1px solid #dfdfdf; background:#fff; }

.sub-menu-bar {font-size:0; }
.sub-menu-bar a.home { display:inline-block; vertical-align:top; width:71px; height:60px; background-image:url("/images/common/icon_home.png"); background-repeat:no-repeat; background-position:center; border-left:1px solid #dfdfdf; border-right:1px solid #dfdfdf; background-size:22px 18px;}
.sub-menu-bar .sub-depth {position:relative; display:inline-block; vertical-align:top; border-right:1px solid #dfdfdf; box-sizing:border-box; }
.sub-menu-bar .sub-depth > a {position:relative; display:block; height:60px; line-height:60px; padding:0 70px 0 35px;  font-size:17px; color:#222; font-weight:400; box-sizing:border-box; letter-spacing:-0.5px; }
.sub-menu-bar .sub-depth > a i { position:absolute; right:0; top:0; width:50px; height:60px; background-repeat:no-repeat; background-position:left center; background-image:url("/images/common/icon_arrw_down.png"); background-size:10px 6px; }
.sub-menu-bar .sub-depth > a.on i { background-image:url("/images/common/icon_arrw_up.png"); }

.sub-menu-bar .sub-depth.fir > a { width:320px; }
.sub-menu-bar .sub-depth.sec > a { width:345px; }

.sub-menu-bar .sub-depth ul { display:none; position:absolute; left:-1px; top:60px; width:100%; background:#fff; border:1px solid #dfdfdf; padding:10px 0; }
.sub-menu-bar .sub-depth ul li {  }
.sub-menu-bar .sub-depth ul li a { display:block; padding:0 35px; height:45px; line-height:45px; font-size:17px; color:#666; }
.sub-menu-bar .sub-depth ul li a:hover { color:#222;  }


@media screen and (max-width:825px){
	.sub-menu-bar { position:relative; padding-left:73px; }
	.sub-menu-bar a.home { position:absolute; left:0; top:0;  }
	.sub-menu-bar .sub-depth.fir { width:40%;  }
	.sub-menu-bar .sub-depth.sec { width:60%; }

	.sub-menu-bar .sub-depth.fir > a , 
	.sub-menu-bar .sub-depth.sec > a { width:100%; }
}
@media screen and (max-width:640px){
	#SNB { height:40px; }
	
	.sub-menu-bar { padding-left:41px; }
	.sub-menu-bar a.home { height:40px; width:41px; background-size:16px; }
	.sub-menu-bar .sub-depth > a { height:40px; line-height:40px; padding:0 38px 0 15px; font-size:14px;  }	
	.sub-menu-bar .sub-depth > a i { height:40px; width:25px; background-size:8px;  }

	.sub-menu-bar .sub-depth ul {top:40px; left:1px; box-sizing:border-box;  }
	.sub-menu-bar .sub-depth ul li a { padding:0 15px; font-size:14px; height:40px; line-height:40px; }

	.sub-menu-bar .sub-depth.sec ul { left:-1px; box-sizing:content-box;  }

}

@media screen and (max-width:360px){
	#SNB .SNBWrap .inner { padding:0;  }
	.sub-menu-bar { padding-left:38px; }
	.sub-menu-bar a.home { width:36px;  }
	.sub-menu-bar .sub-depth > a { padding:0 20px 0 10px; }
	.sub-menu-bar .sub-depth > a i { width:18px;  }

	.sub-menu-bar .sub-depth ul li a { padding:0 10px;  }
}



/*sub*/


.sub-title { font-size:35px; color:#363636; text-align:center; font-weight:500;   padding-bottom:105px;}
.sub-title.unt { padding-bottom:70px;	 }
/* .sub-title p { font-size:22px; color:#363636; padding-top:10px; font-weight:400; }

.sup-tit { font-size:20px; color:#a49273; padding-bottom:15px;  }
.sbin-title { font-size:40px; color:#363636; line-height:1.1; word-break:keep-all; }
.sbin-title b { font-weight:600;  }
.sbin-txt { font-size:18px; color:#666; font-weight:300; padding-top:35px; line-height:1.8; } */


@media screen and (max-width:1024px){
	.sub-title { font-size:30px; }
/* 	.sub-title p { font-size:19px; }
	
	.sup-tit { font-size:18px; }
	.sbin-title { font-size:35px; }
	.sbin-txt { font-size:16px; }  */
}

@media screen and (max-width:640px){
	.sub-container { padding:50px 0 90px; }
	.sub-title { font-size:22px; padding-bottom:60px; }
	.sub-title p { font-size:17px; }
	
	.sup-tit { font-size:17px; padding-bottom:8px;}
	.sbin-title { font-size:28px; }
	.sbin-txt { font-size:15px; padding-top:20px; } 
	
	.sub-title.unt { padding-bottom:30px; }
}

@media screen and (max-width:320px){
	.sub-title { font-size:6vw;}
}


/* 회원단 공통 */
#MemBody {width:100%; padding:0px 0; margin-top:0px; position:relative;}
#MemBody caption {display:none;}
#MemBody textarea { width:100%; height:200px;border:1px solid #ddd; color:#666; overflow-x:hidden; padding:5px; box-sizing:border-box;}

/* 로그인 */
.login #MemBody {padding:50px 0;}
.login #MemBody .login_title {margin-bottom:25px; padding-top:145px; background:url('/images/member/icon_login02.png') no-repeat center 0; text-align:center;}
.login #MemBody .login_title h4 {font-size:36px; font-weight:600; color:#222; letter-spacing:-0.25px;}
.login #MemBody .login_title p {padding-top:20px; font-size:18px; font-weight:300; letter-spacing:-0.2px;}
.login #MemBody .login_con {width:440px; margin:0 auto;}
.login #MemBody .login_con table {width:100%;}
.login #MemBody .login_con table input.text {width:285px; height:38px; background:#f9f9f9;}
.login #MemBody .login_con .login_util {border-top:1px solid #bfbfbf; margin-top:20px; padding-top:20px; overflow:hidden;}
.login #MemBody .login_con .login_util ul {float:left;}
.login #MemBody .login_con .login_util ul li {display:inline-block; padding-left:11px; margin-left:10px; background:url('/images/member/login_gap.gif') no-repeat 0 center; font-size:14px; letter-spacing:-0.2px; line-height:30px;}
.login #MemBody .login_con .login_util ul li:first-child {padding-left:0; margin-left:0; background:none;}
.login #MemBody .login_con .login_util ul li:hover a {text-decoration:underline;}
.login #MemBody .login_con .login_util .btn_black {float:right;}
.login .save {margin-top:-3px; margin-right:6px;}

/* 회원가입 - 약관동의 */
#MemBody.join_agree .info_check_box {padding:30px 20px; border:1px solid #cccccc; background:#f3f3f3; text-align:center;}
#MemBody.join_agree .join_agree_box {margin-top:30px;}
#MemBody.join_agree .info_check_box input.mem_name {width:100px;}
#MemBody.join_agree .info_check_box input.mem_email {width:200px;}
#MemBody.join_agree .join_agree_box .title {position:relative; display:block; margin-bottom:10px; padding-left:15px; font-size:17px;}
#MemBody.join_agree .join_agree_box .title:before {content:''; display:block; position:absolute; top:50%; left:0; width:5px; height:18px; margin-top:-9px; background:#977b5d;}
#MemBody.join_agree .join_agree_box .agree_check {padding:10px; background:#f5f5f5;}

/* 아이디/비번 찾기 */
#findIdpw {overflow:hidden;}
#findIdpw h4 {margin-bottom:20px; font-size:18px; font-weight:600; text-align:left; color:#222;}
#findIdpw .over {overflow:hidden;}
#findIdpw .find { display:inline-block; width:440px; height:260px; background:#f5f5f5; padding:40px 50px; border:1px solid #cfcfcf;}
#findIdpw .find p {padding-bottom:20px; margin-bottom:20px; border-bottom:1px dashed #c3c3c3; font-size:15px; color:#393939; line-height:22px; letter-spacing:-0.8px;}
#findIdpw .find p .blue {text-decoration:underline;}
#findIdpw .findTable {width:100%;}
#findIdpw .findTable th, 
#findIdpw .findTable td {padding:2px 2px;}
#findIdpw .findTable td input.text {width:310px; height:40px;}
#findIdpw .btn_idpw01 {width:104px; height:88px; line-height:88px;}
#findIdpw .btn_idpw02 {width:104px; height:134px; line-height:134px;}
#findIdpw.idpw_result .find {display:block; width:auto; height:auto; margin:0 auto; text-align:center;}
#findIdpw.idpw_result .find {padding-bottom:20px;}
#findIdpw.idpw_result .btnArea {width:280px; margin:0 auto;}

/*개인정보 / 이용약관*/
.rule-txt-area { max-width:1100px; width:100%; margin:0 auto; }
.rule-txt-area textarea { width:100%; height:500px;  padding:10px 15px; border:1px solid #ddd; box-sizing:border-box; font-size:16px; color:#666; font-weight:400; line-height:1.5;}	
.rule-txt-area .rul-btn-box { margin-top:50px; text-align:center;  }


@media screen and (max-width:640px){
	.rule-txt-area textarea { font-size:15px;  }
}



/*전자결제(pay)*/
.pay {background:#fff; width:94%; padding:3%; margin-bottom:0px; margin-left:0; margin-right:0; margin-top:0;}
.pay h3 {position:relative; font-size:22px; margin-bottom:20px;  padding-left:15px; font-weight:600; color:#222;}
.pay h3:before {content:''; display:block; position:absolute; top:50%; left:0; width:5px; height:20px; margin-top:-10px; background:#977b5d;}
.pay h4 {font-size:16px; margin-bottom:10px; color:#222;}
.pay .mgB30 {margin-bottom:30px;}
.pay #Board .privacy .textarea {font-size:13px; line-height:20px;}
.pay .btnArea {text-align:center; margin-top:25px}



/*foot*/
#foot{width:100%; background:#000000;}
.footWrap { position:relative; max-width:1200px; margin:0 auto; padding:45px 0; font-size: 15px; color: #999999; box-sizing:border-box;}
.footWrap > div { position:relative; display: flex; justify-content: space-between; align-items: center; }
.footWrap .fo-logo { font-size: 18px; font-weight:400;}
.footWrap .fo-logo img {vertical-align: middle;}
.footWrap .footCnt { position:relative; font-size: 14px; flex: 1; padding-left: 50px;}
.footWrap .com-info-area p.copy {padding-top: 10px; }
.footWrap .com-info-area p.copy a { color:#999999; }
.footWrap .com-info-area p.copy a img { width:8px;  }
/*.footWrap .btns-area { position:absolute; right:0; top:0;  }*/
.footWrap .btns-area ul li {  display:inline-block; text-align:right; }
.footWrap .btns-area ul li:last-child a {color: #fff;}
.footWrap .btns-area ul li a { display:inline-block; font-size:14px; color:#676767;  }
.footWrap .btns-area ul li a:hover {color: #fff; }
.footWrap .btns-area ul li .bul {display: inline-block; width: 1px; height: 14px; margin: -3px 14px 0; background: #555555; vertical-align: middle;}

/* top버튼 */
#foot .btn_top { position:absolute; right:-10%; top:-10%; width:50px; height:50px; background:url('/images/common/btn/btn_top.png') no-repeat 0 0; background-size:100%; z-index:100; font-size:0; line-height:0; text-indent:-9999px; -webkit-box-shadow: 4px 4px 15px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow:4px 4px 15px 0px rgba(0, 0, 0, 0.2); box-shadow:4px 4px 15px 0px rgba(0, 0, 0, 0.2);}

@media screen and (max-width:1500px){
	#foot .btn_top { right:20px; }

}
@media screen and (max-width:1250px){
	.footWrap { padding-left:20px; padding-right:20px;  }
	
}

@media screen and (max-width:768px){
	.footWrap { padding:50px 15px; }
	.footWrap > div {flex-direction: column;}
	.footWrap .footCnt {padding-left: 0px; margin-bottom: 10px;}
	.footWrap .fo-logo {margin-bottom: 24px;}
	
	.footWrap .com-info-area {text-align:center; }
	.footWrap .com-info-area p.copy { padding-top: 3px;/*  font-size:12px;  */}
	.footWrap .btns-area {width:100%; right:auto; top:-40px; text-align: center;}

	#foot .btn_top { width:60px; height:60px;}
}

@media screen and (max-width:640px){
	.footWrap {font-size:13px;}
	#foot .btn_top { width:50px; height:50px;/*  top: -8%; */}
	.footWrap .fo-logo { font-size: 15px;}
	.footWrap .btns-area ul li a {font-size:13px; }
	.footWrap .footCnt {font-size:13px; }
}






.login #MemBody .order_title {margin-bottom:25px; text-align:center;}


/* 관리자 로그인 */
.divbox {display:none; left:50%; position:absolute;	z-index: 1;}
.divbox .text {width:150px;}
div#box {width:400px; margin-left:-235px; text-align:center; background-color:#fff; position:fixed; left:50%; bottom:300px; z-index:9999; padding:40px 30px 20px 30px; border:5px solid #eee;}
div#box .login_center{overflow:hidden; padding:30px 0;  border-top:1px solid #222;  border-bottom:1px solid #bbb;}
div#p_input {text-align:center;}
div#p_input span.label {display:inline-block; width:90px; padding-right:10px; text-align:right;}
div.login_foot {clear:both; text-align:center; margin-top:20px;}


@media screen and (max-width:640px){
	div#box { width:calc(100% - 40px); margin-left:0;  left:0; bottom:200px; box-sizing:border-box;  margin:0 20px; }
	div#p_input span.label { width:66px; font-size:14px;  }
	.divbox .text { width:120px;  }
}


@media screen and (max-width:360px){
	div#box {  padding:20px 15px 20px 15px; }
}

.selbox {border:1px solid #dfdfdf !important;width:unset !important;}

.text-center {text-align:center;}
.fw-bold {font-weight:bold;}
.mb-2 {margin-bottom:8px;}
.mb-3 {margin-bottom:16px;}
.mb-4 {margin-bottom:24px;}
.mb-5 {margin-bottom:48px;}
.ps-3 {padding-left:16px;}
p.dot {position:relative; padding-left:15px;}
p.dot::before {content:""; position:absolute; top:9px; left:0px; width:4px; height:4px; border-radius:50%; background:#0046ff;}

#policyWrap {background:#fbfbfb; padding:40px; }
.policy-box {display:flex; flex-direction:column;}
.policy-box select {margin-left:auto; width:fit-content; margin-bottom:30px;}

.policy-box .rul-btn-box {gap:5px; margin-top:60px; display:flex; justify-content:center;}

@media screen and (max-width:576px){
	#policyWrap {padding:20px;}
}