@charset "utf-8";

/* inner 아래로 */
@media all and (max-width:1589px) {

	/* section02 */
	.main_news { width: auto; margin-left: 3.90625%; }
	.news_slide_arw { right: 3.90625%; }
	
	/* 투자정보 */
	.stock_data .main_stock_tit { display: block; margin-bottom: 40px; margin-right: 0; }
	.main_stock .inner {-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;}

}

/* pc 이하 */
@media all and (max-width:1199px) {

	/* section01 */
	.section01__video,
	.section01__video .item { height: 500px; }
	.section01__video .item .item__txt { left: 60px; top: 70px; }
	.section01__video .item video { transform: scale(1.5); }
	.section01__video .progress__bar { left: 60px; right: 60px; }
	.culture__list li { margin: 0 15px; }

	/* 투자정보 */
	.main_stock .stock_data span.gray9 { displaY: block; margin-top: 20px; margin-left: 0; padding-left: 0; border-left: 0; }
	
}

/* 타블렛 세로 */
@media all and (max-width:1024px) {
	
	/* 메인비주얼 */
	.main-visual,
	.main-visual .item { height: 100vh; }
	.main-visual .item .item__stit .eg { font-size: 80px; }
	.main-visual .item .item__stit .ko {font-size: 22px;}
	.main-visual .item .item__stit .ko_txt { font-size: 45px; }
	
	/* section01 */
	.main_tit { font-size: 42px; }
	.culture_more { margin-top: -40px; }
	.culture__list { margin: 0 -10px; }
	.culture__list li { margin: 0 10px; }
	.culture__list li .sub br { display: none; }

	/* section02 */
	.inside_list > li { width: 49%; }
	.inside_list > li:nth-child(3n) { margin-right: 2%; }
	.inside_list > li:nth-child(2n) { margin-right: 0 !important; }

	/* 투자정보 */
	.main_stock .inner { display: block; }
	.main_stock_btn { margin-top: 40px; }

}


/* 타블렛 가로 미만 ~ 모바일 */
@media all and (max-width:767px) {
	br {display:none;}
	/* 메인비주얼 */
	.main-visual .mv__bg .img { background-position: 70%; }
	.main-visual .item .item__stit .eg {font-size: 3rem;margin-bottom: 30px;}
	.main-visual .item .item__stit .ko {font-size: 18px;}
	.main-visual .item .item__stit .ko_txt { font-size: 30px; }
	.progress__bar02 { display: none; }

	/* section01 */
	.section01 { padding-bottom: 60px; }
	.section01 .section01__top { display: block; margin-top: 70px; }
	.main_tit { font-size: 30px; margin-bottom: 50px; }
	.main_tit span {display:inline-block; margin-top:5px;}
	.section01__video { border-radius: 0; }
	.section01__video,
	.section01__video .item { height: auto; }
	.section01__video .item .video_wrap {position: relative;width: 100%;height: 0;padding-bottom: 56.25%; }
	.section01__video .item video {transform: scale(1);right: 0;bottom: 0;height: 100%;border-radius: 30px;}
	.section01__video .item .item__mask { border-radius: 30px; }
	.section01__video .item .item__txt {position:static;color: #444;margin-top: 40px;}
	.section01__video .item .item__txt .tit {font-size: 35px; }
	.section01__video .item .item__txt .sub {font-size: 16px;margin: 30px 0;}
    .section01__video .progress__bar {bottom: auto;top: 0;padding-top: 51%; left: 30px; right: 30px; }
	.section01__video .item .item__txt .more_btn a { color: #444; border: 2px solid #ddd; line-height: 40px; }
	
	.culture_more {text-align: right;margin-bottom: 40px;margin-top: -70px;}
	.culture_more a {display: inline-block;font-size:18px; }
	.culture__list_pc { displaY: none; }
	.culture__list_m { display: block; margin: 0; }
	.culture__list li {width: 400px;margin: 15px;box-shadow: 3px 3px 10px 2px rgb(0 0 0 / 10%);} 
	.culture__list li .icon {width:75px; height:80px; margin: 0 auto 0 auto;}
	.culture__list li:nth-of-type(3) .icon {width:95px; background-size:105px;}
	
	/* section02 */
	.section02 { padding: 50px 0; }
	.chart {padding:60px 0; }
	.count { display:block; }
	.count li { font-size:1.4rem; padding:0; margin-bottom:50px;}
	.count li:last-child {margin-bottom:0;}
	.count li::before {display:none;}
	.count li > strong {font-size:4rem;}
	.count > li > span {font-size: 1.2rem; margin-top: 5px;}
	
	
	.inside_list { display: block; }
	.inside_list > li { width: 100%; margin-bottom: 50px; }
	.inside_list > li:nth-last-child(-n + 3) { margin-bottom: 50px; }
	.inside_list > li:last-child { margin-bottom: 0; }
	.news_slide .item { width: 320px; margin-right: 40px; }

	/* 투자정보 */
	.stock_data > * { font-size: 16px; }
	.main_stock_tit b { font-size: 30px; }
	.stock_data .big { font-size: 20px; }
	.stock_data .big b { font-size: 35px; margin: 0 5px; }
	.stock_data img {max-width: 12px;}
	.stock_data .txt { font-size: 16px; margin-left: 20px; }
	.stock_data .red { margin-right: 0; padding-right: 0; padding-left: 10px; margin-left: 10px; } 
	.main_stock_btn a { font-size: 14px; padding: 0 45px 0 30px; line-height: 40px; }

	/* sub_section */
	.section_sub {height: 100vh; padding: 50px 0; background: linear-gradient(to bottom, #444, #111); transition: all 5s;}
	.system .system_head {font-size: 36px;}
	.system .system_cont {width:360px; padding-top: 450px; margin:0 auto;}
	.system .system_cont li.list01::before {content: ''; top: 150px; width: 52px; height: 188px; margin-left:68px; background: url(../img/m_arrow_path01.png)no-repeat;}
	.system .system_cont li.list02::before {content: ''; top: 150px; width: 52px; height: 188px; margin-right:68px; background: url(../img/m_arrow_path02.png)no-repeat;}
	.system .system_cont li.list03::before {content: ''; top: 330px; width: 150px; height:50px; margin-right:-30px;  background: url(../img/m_arrow_path03.png)no-repeat; z-index: 111;}
	.system .system_cont li .box {opacity:1 !important;}
	.system .system_cont li.list01 .box {top:105px; margin-left:-70px;}
	.system .system_cont li.list02 .box {top: 320px; margin-left: 30px;}
	.system .system_cont li.list03 .box {top: 275px; margin-right: 25px;}
	.system .system_cont li .text.pc {display: none;}
	.system .system_cont li .text.mobile {position:relative; display: block; padding:20px 0; border-bottom: 1px solid#444;}
	.system .system_cont li:last-child .text.mobile {border:0;}
	.system .system_cont li .text.mobile p::before {position:absolute; top:30px; left:20px; content:''; display: inline-block; width: 30px; height:30px; vertical-align: middle; border-radius:100%;}
	.system .system_cont li.list01 .text.mobile p::before {background-color: #FF5E2E;}
	.system .system_cont li.list02 .text.mobile p::before {background-color: #7030A0;}
	.system .system_cont li.list03 .text.mobile p::before {background-color: #FF2D5E;}
	.system .system_cont li .text.mobile p {margin-top: 0px; margin-left: 70px !important; line-height: 1.71; font-size: 14px; font-weight: 500; letter-spacing: -0.35px; color: #ccc; text-align: left; }
	.system .system_cont li .box {width: 138px; height: 66px; background: #707070; border-radius: 80px; box-sizing: border-box; padding-top: 0px; font-size: 16px;}
	.system .round .r01 {top: 15%; width: 298px; height: 298px; margin-top: 50px;}
	.system .round .r02 {top: 15%;width: 241px; height: 241px; margin-top: 79px;}
	.system .round .r03 {top: 15%;width: 183px; height: 183px; margin-top: 108px; }
	.system .round .r-logo {top: 15%;width: 124.2px; height: 124.2px; padding:50px 10px; margin-top: 137px;}
	.system .round .r-logo img { opacity: 1;}
	


}

/* 모바일 상세 */
@media all and (max-width:640px) {}

/* 모바일 가로 */
@media all and (max-width:568px) {

	/* section01 */
	.section01 .section01__top { display: block; }
	.main_tit { font-size: 1.9rem; margin-bottom: 40px; line-height: 1.2em; }
	.section01__video .item .item__txt .tit {font-size: 25px; }
	.section01__video .item .item__txt .sub {margin: 20px 0;}
	.section01__video .item .item__txt .more_btn a { width: 120px; }
	.culture_more {text-align: left; margin-top: 0;}
	.culture_more a {font-size:16px; border-bottom: 2px solid #444; }

	.culture__list li {width: 280px;margin: 15px 10px;height: 380px;padding: 30px 15px;}
	.culture__list li .icon img {max-height: 130px;}
	.culture__list li .eg {margin: 30px 0 15px;font-size: 28px;}
	.culture__list li .ko {font-size: 20px}
	.culture__list li .sub {font-size:12px; line-height:1.6em;  margin-top:20px;}
	
	/* section02 */
	.news_slide .item { width: 280px; margin-right: 30px; }

	/* 투자정보 */
	.stock_data .main_stock_tit { margin-bottom: 30px; }
	.stock_data > * {font-size: 15px;}
	.stock_data .big {font-size: 15px;}
	.stock_data .big b {font-size: 23px;}
	.stock_data .txt {margin-left: 5px;font-size: 15px;}
	.stock_data .txt .ml10 { margin-left: 5px !important; }
	.stock_data .red {margin-left: 5px;padding-left: 5px;}


}

@media all and (max-width:425px) {}

@media all and (max-width:375px) {}

@media all and (max-width:320px) {}