@charset "utf-8";

/****************************************
Media Query
****************************************/
@media screen and (max-width: 1200px){
	/* 공통 */
	.contents { padding:0 1%; width:100%; }

	/* header */
	#header .gnb > li:last-child { padding-right:100px; }

	/* footer */


	/* 메인 */
	.main-banner .banner > li { margin-bottom:1%; padding:38px 5px 0; width:49.5%; }
	.main-banner .banner > li:nth-child(even) { margin-right:0; }

	/* 서브 공통 */
	.sub-main {  }
	.sub-main .hash-snb > li { padding:0 60px; }

	/* COMPANY */
	#introduce .intro > div > .intro-box > div { margin:0 10px; width:60%; }
	#introduce .intro > div > .intro-box p, #introduce .intro > div:last-of-type > .intro-box p { float:none; width:100%; }

	#organization .org > ul > li { padding:25px 10px; }
	#organization .org > ul.list3 > li:before { left:-4.5px; }
	#organization .org > ul.list3 > li:after { right:-4.5px; }
	#organization .org > ul.list2 > li:before { left:-4.5px; }
	#organization .org > ul.list2 > li:after { right:-4.5px; }

	#people .people > ul > li { margin:0 1% 20px; padding:40px 10px 0; width:48%; min-height:150px; }

	/* INVESTMENT */
}

@media screen and (max-width: 970px){
	/* 공통 */
	body { font-size:14px; }
	input, button { font-size:14px; }

	.tit { font-size:30px; }
	.tit-big { font-size:25px; }
	.tit-sub { font-size:18px; }

	.big-txt { font-size:18px !important; padding-bottom:6px !important;}

	.cnt-txt { width:100%; }

	/* header */
	#header .gnb { float:none; display:none; position:absolute; top:100%; left:0; padding:15px 0 0; width:100%; background:#333; }
	#header .gnb > li, #header .gnb > li:last-child { float:none; padding:0; width:100%; text-align:center; }
	#header .gnb > li > a { padding:15px 0; background:#333; font-size:16px; letter-spacing:0; }
	#header .gnb > li:last-child > a { padding-bottom:30px; }
	#header .gnb .snb { display:none; position:relative; top:0; padding:0; width:100%; height:auto; background:#d4d4d4; }
	#header .gnb .snb li { margin:0; padding:15px 0; border-bottom:1px solid #b5b5b5; }
	#header .gnb .snb li:last-child { border-bottom:0; }
	#header .gnb .snb li a { color:#333; }

	#hamberger { overflow:hidden; display:block; float:right; position:relative; margin-top:20px; width:40px; height:40px; }
	#hamberger .hbg-bar { display:block; position:absolute; top:50%; left:50%; margin-left:-15px; width:30px; height:2px; background:#2960ac; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; transition:all .3s ease; }
	#hamberger .hbg-bar.top { margin-top:-10px; }
	#hamberger .hbg-bar.mid { margin-top:-1px; }
	#hamberger .hbg-bar.bot { margin-top:8px; }
	#hamberger.open .top { margin-top:-1px; -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); transform:rotate(-45deg); }
	#hamberger.open .bot { margin-top:-1px; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); transform:rotate(45deg); }
	#hamberger.open .mid { margin-left:30px; background:transparent; }

	.snb-bg { display:none; }

	/* 서브 공통 */
	.sub-main .hash-snb > li { padding:0 40px; }

	.section .section-bg { height:320px; background-size:cover; }

	#introduce .section-bg, #philosophy .section-bg, #fund .section-bg { height:370px; background-size:cover; }
	#about .section-bg, #people .section-bg, #strategy.section-bg, #process .section-bg, #service .section-bg { height:320px; background-size:cover; }

	/* COMPANY */
	#introduce .intro > div > .intro-box > div { margin:0; margin-left:10px; }
	#introduce .intro > div:last-of-type> .intro-box > div { margin:0; margin-right:10px; }
	#introduce .intro > div > .intro-box .line { display:none; }

	#about .about .stat { padding:0 1%; }

	#organization .org > ul > li .tit-line { margin-bottom:0; border-bottom:0; }
	#organization .org > ul.list3 > li:before { left:-3.5px; }
	#organization .org > ul.list3 > li:after { right:-3.5px; }
	#organization .org > ul.list2 > li:before { left:-3.5px; }
	#organization .org > ul.list2 > li:after { right:-3.5px; }
	
	/* About SUHYUP */
	#about .about .stat .stat-wrap .stat-employee > p { margin:-30px 0 0; background:url("/images/company/icon_stat2.png") 40px 0 no-repeat; background:url("/images/company/icon_stat2.svg") 40px 0 no-repeat, none; background-size:56px; }	

	/* INVESTMENT */
	#philosophy .philo > div > div { padding:25px 20px; width:250px; height:250px; }
	#philosophy .philo > div > div > div { margin-bottom:5px; width:60px; height:60px; }
	#philosophy .philo .growth-stock > div { margin-right:-15px; }
	#philosophy .philo .good-price > div { margin-left:-15px; }
	#philosophy .philo > div > div > ul > li { padding:8px 0; }
	#philosophy .philo .philo-icon1 { background-size:50px; }
	#philosophy .philo .philo-icon2 { background-size:47px; }
	#philosophy .philo .result .dot:before { height:120px; }

	#research .research .idea .circle:before, #research .research .idea .circle:after, #research .research .suggest .circle:before, #research .research .suggest .circle:after { display:none; }

	/* NOTICE */
	#bo_v_title, #bo_v_info { font-size:14px; }
}

@media screen and (max-width: 767px){
	/* 공통 */
	.back-to-top { bottom:50px; margin-bottom:0; }

	/* header */
	#sub-header .sub-logo { width:160px; background:url("/images/common/h_logo.png") left center no-repeat; background:url("/images/common/h_logo.svg") left center no-repeat, none; background-size:160px; text-indent:-9999px; }

	/* footer */
	#footer .footer-wrap { padding-right:0px;}
	#footer .footer-wrap ul li{ margin-right:0px; font-size:13px;}
	#footer .footer-wrap ul li:after { display:none; }
	#footer .right-area { display:block; position:static; margin-top:20px;}
	#footer .footer-wrap .copy { font-size:13px;}


	/* 메인 */
	.main-visual .visual { height:600px; }
	.main-visual .visual li { background-position:center bottom; height:600px; }
	.main-visual .slogan { top:180px; left:0; margin-left:0; padding:0 1%; width:100%; }
	.main-visual .slogan .logo { margin-bottom:20px; height:180px; background-size:300px; }
	.main-visual .slogan .slogan-txt { font-size:16px; }
	.main-visual .slogan .slogan-big { margin-top:10px; }

	.main-about, .main-banner { padding:30px 0; }
	.main-banner { background-position:center bottom; background-attachment:scroll; }

	/* 서브 공통 */
	.sub-main { padding:40px 5% 0; height:150px; }
	.sub-main p { word-break:keep-all; }
	.sub-main .tit-big { margin-bottom:5px; }
	.section .tit-big { padding:80px 0 50px; }
	.sub-main .hash-snb, .sub-main .btn-hashmov { display:none; }
	.section > .contents { padding-bottom:80px; }
	.section .tbl_head01 td { padding:8px 0.5%; height:auto; word-break:break-all; }
	.section .tbl_head01 td p { word-break:break-all; }

	#introduce .section-bg, #philosophy .section-bg, #fund .section-bg { height:330px; background-size:cover; }
	#about .section-bg, #people .section-bg, #strategy.section-bg, #process .section-bg, #service .section-bg { height:280px; background-size:cover; }
	#about .section-bg { padding-top:80px;}

	/* COMPANY */
	#introduce .intro > div { margin-bottom:50px; }

	#about .about > ul { padding:30px 0; }
	#about .about > ul > li { margin-right:2%; margin-bottom:0; width:49%; }
	#about .about > ul > li:nth-child(even) { margin-right:0; }
	#about .about > ul > li:last-child { width:100%; }
	#about .about > ul > li .icon-about { height:100px; }
	#about .about > ul > li p { padding:15px 0; }
	#about .about .stat .stat-graph { padding:15px; }
	#about .about .stat .stat-wrap > div > p > span { font-size:14px; }
	#about .about .stat .stat-wrap .stat-employee > p { padding-left:65px; background-position:20px 10px; background-size:30px; }
	#about .about .stat .stat-wrap .stat-share > p { padding-right:55px; background-position:85px 10px; background-size:30px; }
	#about .about .stat .stat-employee:after { right:-20px;  }

	#organization .org > ul { font-size:0; }
	#organization .org > ul > li { padding:10px; }
	#organization .org > ul > li, #organization .org > ul.list4 > li { float:none; display:inline-block; width:50%; font-size:14px; vertical-align:top; }
	/* #organization .org > ul.list4 > li:first-child { display:block; margin:0 auto 35px; width:25%; } */
	#organization .org > ul.list3 > li { width:33.333%;}
	#organization .org > ul.list3 > li:before { left:-2.5px; }
	#organization .org > ul.list3 > li:after { right:-2.5px; } 
	#organization .org > ul.list2 > li:before { left:-2.5px; }
	#organization .org > ul.list2 > li:after { right:-2.5px; } 

	#people .people > ul > li { padding:20px 0 0; }

	#contact .contact .logo { margin-bottom:30px; width:100%;}

	/* INVESTMENT */
	#philosophy .philo > div > .tit-sub { position:static; top:auto; margin-bottom:30px; text-align:center; transform:none; }
	#philosophy .philo .growth-stock .tit-sub:before, #philosophy .philo .good-price .tit-sub:before { top:30px; margin-top:0; left:50%; margin-left:-3px; }
	#philosophy .philo .growth-stock .tit-sub:after, #philosophy .philo .good-price .tit-sub:after { top:30px; margin-top:0; left:50%; margin-left:-0.5px; width:1px; height:30px; }
	#philosophy .philo .growth-stock .tit-sub:before, #philosophy .philo .growth-stock .tit-sub:after,
	#philosophy .philo .good-price .tit-sub:before, #philosophy .philo .good-price .tit-sub:after {display:none; }
	#philosophy .philo > div > div { padding:15px 20px; width:230px; height:230px; }
	#philosophy .philo .growth-stock > div { /*margin-right:-10px;*/ float:none; margin:0 auto; }
	#philosophy .philo .good-price > div { /*margin-left:-10px;*/ float:none; margin:0 auto; }
	#philosophy .philo .growth-stock > div:before, #philosophy .philo .good-price > div:before { content:""; display:block; position:absolute; top:-30px; left:50%; margin-left:-3px; width:6px; height:6px; background:#699dd5; border-radius:3px; }
	#philosophy .philo .good-price > div:before { background:#2960ac; }
	#philosophy .philo .growth-stock > div:after, #philosophy .philo .good-price > div:after { content:""; display:block; position:absolute; top:-30px; left:50%; margin-left:-0.5px; width:1px; height:30px; background:#699dd5; }
	#philosophy .philo .good-price > div:after { background:#2960ac; }
	#philosophy .philo .result { font-size:20px; }

	#process .tbl_head01 tbody tr td:first-child { padding:30px 0.5%; border-bottom:1px solid #a9a9a9; }
	#process .tbl_head01 td .steps { width:auto; height:auto; background:none; font-size:14px; color:#333; line-height:normal; word-break:keep-all; }
	#process .tbl_head01 td .steps:after { bottom:-20px; background:url("/images/common/hashmov_.png") no-repeat; background-size:20px; }

	#research > div > .tit-sub { margin-bottom:30px; }
	#research .research > div > div { display:block; position:relative; margin-bottom:30px; width:100%; font-size:0; }
	#research .research .idea:after { content:""; display:block; height:30px; background:url("/images/common/hashmov_.png") center bottom no-repeat; background-size:20px; }
	#research .research .icon { display:inline-block; margin-bottom:0; padding-top:80px; width:50%; vertical-align:middle; }
	#research .research .icon:after { display:none; }
	#research .research .circle { display:inline-block; padding:0 30px; width:50%; height:auto; font-size:14px; color:#333; vertical-align:middle; }
	#research .research .idea .circle, #research .research .suggest .circle { background:#fff; }
	#research .research .icon .bar { display:none; }
	#research .research .circle ul { display:block; margin:0 auto; }
	#research .research .circle ul > li { border-bottom-color:#cacaca; }
	#research .status ul li { height:120px; }

	/* RISK & COMPLIANCE */
	#compliance .status ul li { float:none; margin:0 auto 10px; width:100%; height:230px;}
	#compliance .status ul li p { padding:0 5%;}

	/* PRODUCT */
	#service .tbl_head01 { margin-bottom:30px; }
	#service ul li { margin-bottom:10px; width:49%; }
	#service ul li:nth-child(even) { margin-right:0; }
	#service ul li a, #service ul li a:hover { background-size:auto 15px; }

	#performance .year-tab { padding-bottom:30px; }
	#performance .year-tab li button { padding:5px 0; border-radius:20px; font-size:18px; }
	#performance .year-result .perpormance { margin-bottom:30px; }

	/* NOTICE */
}

@media screen and (max-width: 480px){
	/* header */
	#sub-header .sub-logo { width:48px; }
	#sub-header .breadcrumb div { padding-right:20px; }

	/* footer */
	#footer { padding:20px 0; }

	/* 메인 */
	.main-banner .banner > li { margin-right:0; margin-bottom:1%; padding:20px 0; width:100%; height:auto; }

	/* 서브 공통 */
	.section .section-bg .tit-sub { margin:0 auto; width:90%; }
	.section > .contents { padding-bottom:50px; }
	.section .tit-big { padding:50px 0; }

	#introduce .section-bg, #philosophy .section-bg, #fund .section-bg { height:280px; background-size:cover; }
	#about .section-bg, #people .section-bg, #strategy.section-bg, #process .section-bg, #service .section-bg { height:230px; background-size:cover; }
	#about .section-bg { padding-top:40px;}

	/* COMPANY */
	#about .about .stat .stat-wrap, #about .about .stat .stat-wrap  > div { height:80px; border-radius:40px; }
	#about .about .stat .stat-title { top:25px; transform:translate(-50%,0); }
	#about .about .stat .stat-wrap .stat-employee > p { padding-left:50px; background-position:15px 15px; background-size:30px; }
	#about .about .stat .stat-wrap .stat-share > p { padding-right:55px; background-position:75px 15px; background-size:30px; }
	/* #about .about .stat .stat-wrap .stat-employee > p { padding-left:50px; background-position:15px 15px; background-size:30px; }
	#about .about .stat .stat-wrap .stat-share > p { padding-right:55px; background-position:93px 15px; background-size:30px; } */

	#people .people > ul > li .name, #people .people > ul > li .career { float:none; width:100%; }
	#people .people > ul > li .name { margin-bottom:5px; }

	/* INVESTMENT */
	#philosophy .philo > div > div { padding:15px 5px; width:90%; height:auto; border-radius:0; }
	#philosophy .philo .growth-stock > div, #philosophy .philo .good-price > div { float:none; margin:0 auto; padding:0; background:none; color:#333; }
	#philosophy .philo .philo-icon1, #philosophy .philo .philo-icon2 { width:110px; height:110px; border-radius:50%; background-position:center; }
	#philosophy .philo .philo-icon1 { background-size:50%; }
	#philosophy .philo .philo-icon2 { background:url("/images/investment/icon_philo2.png") #2960ac center center no-repeat; background:url("/images/investment/icon_philo2.svg") #2960ac center center no-repeat,none; background-size:50%; }
	#philosophy .philo > div > div > ul > li { border-color:#a9a9a9; }
	#philosophy .philo .result { width:85%; }

	#research .research .circle { padding:0 10px; }
	#research .status ul li { float:none; margin:0 auto 10px; width:100%; height:80px; }
	/*#research .status ul li p { position:static; top:auto; left:auto; transform:none; }*/



}

@media screen and (max-width: 400px){
	.hd_pops_con { width: 100% !important;height: 100% !important;}
	.hd_pops { max-width:100%; }
	#hd_pops_10 { left:0 !important } /* 210915 영선 */

}