@charset "utf-8";

/****************************************
공통
****************************************/
/* webfont */
@font-face {
	font-family: 'Noto Sans Korean';
	font-style: normal;
	font-weight: 300;
	src: local('Noto Sans Light'), local('NotoSans-Light'),
		url(/css/font/NotoSansKR-Light-Hestia.eot),
		url(/css/font/NotoSansKR-Light-Hestia.eot?#iefix) format('embedded-opentype'),
		url(/css/font/NotoSansKR-Light-Hestia.woff) format('woff'),
		url(/css/font/NotoSansKR-Light-Hestia.otf) format('opentype');
}

@font-face {
	font-family: 'Noto Sans Korean';
	font-style: normal;
	font-weight: 400;
	src: local('Noto Sans Regular'), local('NotoSans-Regular'),
		url(/css/font/NotoSansKR-Regular-Hestia.eot),
		url(/css/font/NotoSansKR-Regular-Hestia.eot?#iefix) format('embedded-opentype'),
		url(/css/font/NotoSansKR-Regular-Hestia.woff) format('woff'),
		url(/css/font/NotoSansKR-Regular-Hestia.otf) format('opentype');
}

@font-face {
	font-family: 'Noto Sans Korean';
	font-style: normal;
	font-weight: 500;
	src: local('Noto Sans Medium'), local('NotoSans-Medium'),
		url(/css/font/NotoSansKR-Medium-Hestia.eot),
		url(/css/font/NotoSansKR-Medium-Hestia.eot?#iefix) format('embedded-opentype'),
		url(/css/font/NotoSansKR-Medium-Hestia.woff) format('woff'),
		url(/css/font/NotoSansKR-Medium-Hestia.otf) format('opentype');
}

@font-face {
	font-family: 'Noto Sans Korean';
	font-style: normal;
	font-weight: 700;
	src: local('Noto Sans Bold'), local('NotoSans-Bold'),
		url(/css/font/NotoSansKR-Bold-Hestia.eot),
		url(/css/font/NotoSansKR-Bold-Hestia.eot?#iefix) format('embedded-opentype'),
		url(/css/font/NotoSansKR-Bold-Hestia.woff) format('woff'),
		url(/css/font/NotoSansKR-Bold-Hestia.otf) format('opentype');
}

/* 행간 */
body { color:#333; line-height:1.6; letter-spacing: -.5px; }

/* box-sizing */
*, *:before, *:after { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }

/* 드래그 영역 */
/*::selection { background:#699dd5; background:rgba(105,157,213,0.5); color:#fff; }*/

/* clearfix */
.clearfix:before, .clearfix:after { content:""; display:block; }
.clearfix:after { clear:both; }

/* 본문 */
#container { display:block; position:relative; padding-top:85px; width:100%; }
.contents { position:relative; margin:0 auto; max-width:1200px; }

/* 폰트 설정 */
.tit-big { font-size:45px; text-align:center; }
.tit { margin-bottom:15px; font-size:36px; }
.tit-sub { font-size:22px; }
.cnt-txt { width:900px; word-break:keep-all; }
.accent { color:#2960ac !important; }

/* 더보기 버튼 */
.btn-more { display:inline-block; position:relative; padding-right:30px; transition:all .3s ease; }
.btn-more span { display:block; position:absolute; top:50%; right:0; margin-top:-1px; width:15px; height:2px; background:#2960ac; transition:all .3s ease; }
.btn-more span:before, .btn-more span:after { content:""; display:block; position:absolute; top:50%; left:50%; margin-top:-7px; margin-left:-1px; width:2px; height:15px; background:#2960ac; transition:all .3s ease; }
.btn-more:hover { padding-right:35px; }
.btn-more:hover span { width:20px; }
.btn-more:hover span:before { top:6px; left:16px; height:10px; transform:rotate(45deg); }
.btn-more:hover span:after { top:0; left:16px; height:10px; transform:rotate(-45deg); }

/* top */
.back-to-top { display:block; position:fixed; right:-50px; bottom:50%; margin-bottom:-25px; width:50px; height:50px; background:#fff; background:rgba(255,255,255,0.7); border:1px solid #2960ac; border-radius:50%; text-align:center; line-height:60px; color:#2960ac !important; }
.back-to-top:after { content:""; display:block; position:absolute; top:10px; left:50%; margin-left:-7px; border-width:0 7px 7px 7px; border-color:transparent transparent #2960ac transparent; border-style:solid; }

/* 팝업 */
.hd_pops_con img { width:100%; }

/****************************************
헤더
****************************************/
#header { position:fixed; top:0; width:100%; background:#fff; z-index:9999; }
#header .h-logo { float:left; display:block; padding:18.5px 0; }
#header .h-logo .logo { display:block; width:197px; height:48px; 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:177px; text-indent:-9999px; }
#header .gnb { float:right; display:block; }
#header .gnb > li { float:left; position:relative; padding-right:110px; }
#header .gnb > li:last-child { padding-right:0; }
#header .gnb > li > a { display:block; padding:30px 0; width:100%; color:#444; }
#header .gnb li a.active { color:#699dd5; }
#header .gnb > li:hover > a { color:#699dd5; }
#header .gnb .snb { overflow:hidden; display:block; position:absolute; top:100%; left:0; padding-top:20px; width:165px; height:0; z-index:9999;}
/*#header .gnb > li:hover .snb { background:#000715; }*/
#header .gnb .snb li { margin-bottom:15px; }
#header .gnb .snb li a { display:block; padding:4px 0;font-size:13px; color:#e5e5e5; line-height:1.25; letter-spacing:0.3px; /*white-space:nowrap;*/ }
#header .gnb .snb li a:hover { color:#699dd5; }
#header .snb-bg { display:block; position:absolute; top:100%; width:100%; height:0; background:#000715; border-top:1px solid #13203a;}

/* 햄버거 */
#hamberger { display:none; }



/****************************************
푸터
****************************************/
#footer { padding:53px 0; width:100%; background:#111; }
#footer .footer-wrap { display:block; padding-right:270px; width:100%; font-size:16px; color:#a0a0a0; }
#footer .footer-wrap .client { display:block; margin-bottom:10px; }
#footer .footer-wrap ul { font-size:0; }
#footer .footer-wrap ul li { display:inline-block; position:relative; margin-right:40px; font-weight:300; font-size:16px; letter-spacing:-1px;}
#footer .footer-wrap ul li:last-child { margin-right:0; }
#footer .footer-wrap ul li:after { content:""; display:block; position:absolute; top:50%; right:-20px; margin-top:-5px; width:1px; height:10px; background:#353535; }
#footer .footer-wrap ul li:last-child:after { display:none; }
#footer .footer-wrap ul li span { display:inline-block; margin-right:7px; font-weight:400; vertical-align:top; }
#footer .footer-wrap .copy { color:#224e7e; }
#footer .right-area { display:block; position:absolute; top:0; right:0; }
.dropdown { position: relative; display: inline-block; margin-right:10px;z-index: 9999;}

.dropdown button {
    padding: 8px 16px;
    border: 1px solid #ccc;
    border-radius: 4px;
    background-color: #fff;
    cursor: pointer;
    font-size: 14px;
    outline: none;
    transition: background-color 0.2s;
}

.dropdown button:hover {background-color: #f5f5f5;}

.dropdown-content {
    display: none;
    position: absolute;
    left: 0;
    top: auto;
    bottom: 100%;
    width: 100%;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    border: 1px solid #ccc;
    border-radius: 4px;
    overflow: auto;
}

.dropdown-content a {
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    color: black;
    background-color: #fff;
    border-bottom: 1px solid #e5e5e5;
}

.dropdown-content a:last-child { border-bottom: none;}

.dropdown-content a:hover {background-color: #f5f5f5;}

.dropdown:hover .dropdown-content { display: block;}

.dropdown button::after {
    content: '';
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #000;
    display: inline-block;
    margin-left: 10px;
    margin-top: -5px;
    vertical-align: middle;
}

.dropdown button {padding-right: 24px;}


/****************************************
메인
****************************************/
/* visual */
.main-visual {  }
.main-visual .visual { overflow:hidden; display:block; position:relative; width:100%; height:985px; }
.main-visual .visual li { width:100%; height:985px; background:url("/images/main/main_visual1.jpg") center center no-repeat; outline:none; }
.main-visual .visual .slick-dots { position:absolute; bottom:70px; width:100%; height:20px; text-align:center; font-size:0; }
.main-visual .visual .slick-dots li { display:inline-block; padding:0 2px; font-size:16px; }
.main-visual .visual .slick-dots li button { display:block; position:relative; width:50px; height:20px; background:none; border:0; text-indent:-9999px; outline:none; }
.main-visual .visual .slick-dots li button:after { content:""; display:block; position:absolute; top:50%; left:0; margin-top:-1.5px; width:100%; height:3px; background:#699dd5; }
.main-visual .visual .slick-dots li.slick-active button:after { background:#e5e5e5; }

.main-visual .slogan { position:absolute; top:320px; left:50%; margin-left:-360px; width:720px; text-align:center; }
.main-visual .slogan .logo { display:block; margin:0 auto; height:75px; background:url("/images/main/main_logo.png") center top no-repeat; background:url("/images/main/main_logo.svg") center top no-repeat, none; background-size:650px; text-indent:-9999px; }
.main-visual .slogan .slogan-txt { font-size:20px; color:#699dd5; }
.main-visual .slogan .slogan-big { margin-top:20px; height:30px; background:url("/images/common/logo_txt.png") center top no-repeat; background:url("/images/common/logo_txt.svg") center top no-repeat, none; background-size:100%; }

/* about */
/*.main-about { display:block; width:100%; height:440px; background:url("/images/main/main_about_fixed.jpg") center 320px no-repeat; background-attachment:fixed; }*/
.main-about { display:block; position:relative; padding:100px 0; width:100%; background:url("/images/main/main_about.jpg") no-repeat; background-position:center; }
.main-about .about .btn-more { margin-top:30px; }

/* banner */
.main-banner { display:block; position:relative; padding:100px 0; width:100%; background:url("/images/main/main_banner_fixed.jpg") no-repeat; background-position:center -487px; background-attachment:fixed;  }
.main-banner .ban-top { margin-bottom:35px; }
.main-banner .ban-top .tit-sub { margin-bottom:10px; }
.main-banner .ban-top .btn-more { margin-top:30px; }

.main-banner .banner > li { float:left; position:relative; top:50px; margin-right:1%; padding-top:38px; width:19.2%; height:310px; background:#fff; text-align:center; opacity:0; filter:alpha(opacity:0); }
.main-banner .banner > li:last-child { margin-right:0; }
.main-banner .banner .icon-ban { display:block; position:relative; margin:0 auto 20px; }
.main-banner .banner .icon-ban.icon1{ height:54px; background:url("/images/main/ban1.png") center center no-repeat; background:url("/images/main/ban1.svg") center center no-repeat, none; background-size:100px; }
.main-banner .banner .icon-ban.icon2{ height:54px; background:url("/images/main/ban2.png") center center no-repeat; background:url("/images/main/ban2.svg") center center no-repeat, none; background-size:70px; }
.main-banner .banner .icon-ban.icon3{ height:54px; background:url("/images/main/ban3.png") center center no-repeat; background:url("/images/main/ban3.svg") center center no-repeat, none; background-size:53px; }
.main-banner .banner .icon-ban.icon4{ height:54px; background:url("/images/main/ban3.png") center center no-repeat; background:url("/images/main/ban4.svg") center center no-repeat, none; background-size:53px; }
.main-banner .banner .icon-ban.icon5{ height:54px; background:url("/images/main/ban5.png") center center no-repeat; background:url("/images/main/ban5.svg") center center no-repeat, none; background-size:72px; }
.main-banner .banner > li > ul { display:inline-block; margin:20px auto 0; }
.main-banner .banner > li > ul > li { font-size:14px; text-align:left; }



/****************************************
서브
****************************************/
/* 공통 */
.sub-main { position:relative; padding-top:4.2vw; width:100%; height:calc(100vh - 30px); text-align:center; }
.sub-main .btn-hashmov { display:block; position:absolute; left:50%; bottom:30px; margin-left:-20px; width:40px; height:20px; background:url("/images/common/hashmov.png") center center no-repeat; text-indent:-9999px; }
.sub-main .tit-big { margin-bottom:15px; }
.sub-main .hash-snb { display:block; font-size:0; }
.sub-main .hash-snb.hs1 { margin-top:5vw; }
.sub-main .hash-snb.hs2 { margin-top:3.5vw; }
.sub-main .hash-snb > li { display:inline-block; position:relative; top:50px; padding:0 100px; font-size:16px; filter:alpha(opacity=0); opacity:0; vertical-align:top; }
.sub-main .hash-snb > li > a { display:block; }
.sub-main .hash-snb li .icon-snb { display:block; margin-bottom:20px; width:160px; height:160px; background-color:#fff; border-radius:80px; -webkit-box-shadow:5px 5px 5px rgba(0,0,0,0.3); -moz-box-shadow:5px 5px 5px rgba(0,0,0,0.3); box-shadow:5px 5px 5px rgba(0,0,0,0.3); }
.sub-main .hash-snb li p { display:inline-block; position:relative; }
.sub-main .hash-snb li p .under-bar { display:block; position:absolute; bottom:-5px; left:50%; width:0; height:2px; background:#2960ac; }
/*.sub-main .hash-snb li p:before, .sub-main .hash-snb li p:after { content:""; display:none; position:absolute; top:50%; margin-top:-6px; width:2px; height:12px; background:#2960ac; }
.sub-main .hash-snb li p:before { left:0; }
.sub-main .hash-snb li p:after { right:0; }
.sub-main .hash-snb li:hover p:before, .sub-main .hash-snb li:hover p:after { display:block; }*/

#sub-header { display:block; position:absolute; top:0; width:100%; background:#fff; border-bottom:1px solid #2960ac; z-index:9999; }
#sub-header .sub-logo { display:inline-block; font-size:20px; line-height:70px; letter-spacing:2px; }
#sub-header .sub-logo span { font-weight:700; }
#sub-header .breadcrumb { float:right; }
#sub-header .breadcrumb div { float:left; position:relative; padding-right:70px; }
#sub-header .breadcrumb div p { display:inline-block; position:relative; padding:0 10px; line-height:70px; cursor:pointer; }
#sub-header .breadcrumb div p:after { content:""; display:block; position:absolute; top:50%; right:-15px; margin-top:-2.5px; border-top:5px solid #666; border-left:5px solid transparent; border-right:5px solid transparent; border-bottom:0; }
#sub-header .breadcrumb div ul { overflow:hidden; display:none; position:absolute; top:100%; width:100%; height:auto; background:#fff; border-top:1px solid #2960ac; }
#sub-header .breadcrumb div:hover ul { -webkit-box-shadow:3px 3px 3px rgba(0,0,0,0.3); -moz-box-shadow:3px 3px 3px rgba(0,0,0,0.3); box-shadow:3px 3px 3px rgba(0,0,0,0.3); }
#sub-header .breadcrumb div ul li a { display:block; padding:10px; width:100%; }
#sub-header .breadcrumb div ul li a:hover { color:#2960ac; }

.section { overflow:hidden; display:block; position:relative; width:100%; border-bottom:1px solid #cacaca; }
.section .tit-big { padding:100px 0 80px; line-height:1; }
.section .section-bg { display:block; width:100%; }
.section .section-bg .top-bar { display:block; margin:0 auto 30px; width:60px; height:2px; background:#fff; }
.section .section-bg .tit-sub { margin-bottom:5px; color:#fff; text-align:center; }
.section > .contents { padding-bottom:100px; }
.section .tbl_head01 td { padding:0 10px; height:180px; text-align:center; }
.section .tbl_head01 td p { word-break:keep-all; }

.action { position:relative; top:200px; filter:alpha(opacity=0); opacity:0; }



/****************************************
COMPANY
****************************************/
/* 메인 */
#company { background:url("/images/company/company_main.jpg") center center no-repeat; background-size:cover; }
#company .hash-snb li .cp1 { background:url("/images/company/icon_cp1.png") #fff center center no-repeat; }
#company .hash-snb li .cp2 { background:url("/images/company/icon_cp2.png") #fff center center no-repeat; }
#company .hash-snb li .cp3 { background:url("/images/company/icon_cp3.png") #fff center center no-repeat; }
#company .hash-snb li .cp4 { background:url("/images/company/icon_cp4.png") #fff center center no-repeat; }
#company .hash-snb li .cp5 { background:url("/images/company/icon_cp5.png") #fff center center no-repeat; }
#company .hash-snb li a:hover .cp1 { background-image:url("/images/company/icon_cp1_on.png"); }
#company .hash-snb li a:hover .cp2 { background-image:url("/images/company/icon_cp2_on.png"); }
#company .hash-snb li a:hover .cp3 { background-image:url("/images/company/icon_cp3_on.png"); }
#company .hash-snb li a:hover .cp4 { background-image:url("/images/company/icon_cp4_on.png"); }
#company .hash-snb li a:hover .cp5 { background-image:url("/images/company/icon_cp5_on.png"); }

/* CEO 인사말 */
#introduce .section-bg { height:420px; background:url("/images/company/ceo_bg.jpg") center bottom no-repeat; }
#introduce .intro > div { display:block; margin-bottom:150px; }
#introduce .intro > div > .intro-box { display:block; vertical-align:middle; }
#introduce .intro > div > .intro-box > div { float:right; position:relative; width:45%; }
#introduce .intro > div > .intro-box img { width:100%; -webkit-box-shadow:10px 10px 10px rgba(0,0,0,0.2); -moz-box-shadow:10px 10px 10px rgba(0,0,0,0.2); box-shadow:10px 10px 10px rgba(0,0,0,0.2); }
#introduce .intro > div > .intro-box .line { display:block; position:absolute; top:0; left:0; width:100%; height:100%; border:1px solid #2960ac; z-index:-1; }
#introduce .intro > div > .intro-box p { float:left; width:50%; }
#introduce .intro > div:last-of-type > .intro-box > div { float:left; }
#introduce .intro > div:last-of-type > .intro-box img { -webkit-box-shadow:-10px 10px 10px rgba(0,0,0,0.2); -moz-box-shadow:-10px 10px 10px rgba(0,0,0,0.2); box-shadow:-10px 10px 10px rgba(0,0,0,0.2); }
#introduce .intro > div:last-of-type > .intro-box .line { left:auto; right:0; }
#introduce .intro > div:last-of-type > .intro-box p { float:right; }
#introduce .sign { font-weight:500; text-align:right; }
#introduce .sign span { display:inline-block; margin-left:15px; letter-spacing:8px; }

/* About SUHYUP */
#about .section-bg { padding-top:120px; height:350px; background:url("/images/company/about_bg.jpg") center center no-repeat; }
#about .about > ul { padding:60px 0; }
#about .about > ul > li { float:left; margin-right:1.66%; margin-bottom:40px; width:23.75%; }
#about .about > ul > li:nth-child(4n) { margin-right:0; }
#about .about > ul > li:last-child { margin-right:0; width:49.16%; }
#about .about > ul > li .icon-about { width:100%; height:120px; border-bottom:1px solid #cacaca; }
#about .about > ul > li p { padding:25px 0; text-align:center; }
#about .about > ul > li p span { display:block; }
#about .about .stat { padding:0 100px; }
#about .about .stat .stat-title { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); color:#fff; z-index:3; }
#about .about .stat > p { margin-top:5px; padding-right:70px; text-align:right; }
#about .about .stat > p > span { display:inline-block; vertical-align: -3px; }
/* #about .about .stat .stat-graph { position:relative; padding:30px; width:100%; height:100%; border:1px solid #2960ac; border-radius:87.5px; }
#about .about .stat .stat-wrap { overflow:hidden; position:relative; width:100%; height:115px; border-radius:57.5px; }
#about .about .stat .stat-wrap  > div { position:absolute; height:115px; border-radius:57.5px; }
#about .about .stat .stat-employee { left:0; width:0; background:#2960ac;  -webkit-box-shadow:3px 0 3px rgba(0,0,0,0.3); -moz-box-shadow:3px 0 3px rgba(0,0,0,0.3); box-shadow:3px 0 3px rgba(0,0,0,0.3); z-index:2; }
#about .about .stat .stat-employee:after { content:""; display:block; position:absolute; top:0; right:-40px; width:100px; height:100%; background:url("/images/company/graph_bg.png") right top no-repeat; background-size:auto 100%; }
#about .about .stat .stat-share { left:0; width:0; background:#699dd5; }
#about .about .stat .stat-wrap .stat-employee > p { display:inline-block; position:absolute; top:50%; left:0; margin:-20px 0 0; padding-left:110px; background:url("/images/company/icon_stat1.png") 40px 8px no-repeat; background:url("/images/company/icon_stat1.svg") 40px 8px no-repeat, none; background-size:50px;color:#fff; z-index:5; }
#about .about .stat .stat-wrap .stat-share > p { display:inline-block; position:absolute; top:50%; right:0; margin:-30px 0 0; padding-right:120px; background:url("/images/company/icon_stat2.png") 115px 0 no-repeat; background:url("/images/company/icon_stat2.svg") 115px 0 no-repeat, none; background-size:58px; line-height:60px; color:#fff; z-index:5; }
#about .about .stat .stat-wrap > div > p > span { display:inline-block; margin-right:7px; font-size:16px; vertical-align:middle; line-height:100%;}
#about .about .stat .stat-share > p { float:right; } */

#about .about .stat .stat-graph { position:relative; padding:30px; width:100%; height:100%; border:1px solid #2960ac; border-radius:87.5px; }
#about .about .stat .stat-wrap { overflow:hidden; position:relative; width:100%; height:115px; border-radius:57.5px; }
#about .about .stat .stat-wrap  > div { position:absolute; height:115px; border-radius:57.5px; }
#about .about .stat .stat-employee { left:0; width:0; background:#2960ac;  -webkit-box-shadow:3px 0 3px rgba(0,0,0,0.3); -moz-box-shadow:3px 0 3px rgba(0,0,0,0.3); box-shadow:3px 0 3px rgba(0,0,0,0.3); z-index:2; }
#about .about .stat .stat-employee:after { content:""; display:block; position:absolute; top:0; right:-40px; width:100px; height:100%; background:url("/images/company/graph_bg.png") right top no-repeat; background-size:auto 100%; }
#about .about .stat .stat-share { left:0; width:0; background:#699dd5; }
#about .about .stat .stat-wrap .stat-employee > p { display:inline-block; position:absolute; top:50%; left:0; margin:-30px 0 0; padding-left:110px; background:url("/images/company/icon_stat2.png") 35px 0 no-repeat; background:url("/images/company/icon_stat2.svg") 35px 0 no-repeat, none; background-size:58px; line-height:60px; color:#fff; z-index:5; }
#about .about .stat .stat-wrap .stat-share > p { display:inline-block; position:absolute; top:50%; right:0; margin:-30px 0 0; padding-right:95px; background:url("/images/company/icon_stat1.png") 100px 8px no-repeat; background:url("/images/company/icon_stat1.svg") 100px 8px no-repeat, none; background-size:50px; line-height:60px; color:#fff; z-index:5; }
#about .about .stat .stat-wrap > div > p > span { display:inline-block; margin-right:7px; font-size:16px; vertical-align:middle; line-height:100%;}
#about .about .stat .stat-share > p { float:right; }


/* ORGANIZATION */
#organization { background:url("/images/company/org_pattern.png") #eff1f3 center center no-repeat; background-size:cover; }
#organization .org .logo { display:block; margin:0 auto 25px; width:295px; height:175px; background:url("/images/main/main_logo.png") center top no-repeat); background:url("/images/main/main_logo.svg") center top no-repeat, none; background-size:295px; }
#organization .org > ul > li { float:left; position:relative; padding:25px 40px; margin-bottom:15px; width:20%; border-top:1px solid #2960ac; text-align:center; }
#organization .org > ul > li:before, #organization .org > ul > li:after { content:""; display:block; position:absolute; top:-3px; width:5px; height:5px; background:#2960ac; border-radius:50%; }
#organization .org > ul > li:before { left:-2.5px; }
#organization .org > ul > li:after { right:-2.5px; }
#organization .org > ul > li .tit-line { margin-bottom:20px; padding:25px 0; /*background:url("/images/company/tit_line.png") left bottom repeat-x;*/ border-bottom:1px solid #a9a9a9; }
#organization .org > ul > li > ul > li { padding:12.5px 0; border-top:1px solid #cacaca; }
#organization .org > ul > li > ul > li:first-child { border-top:0; }
#organization .org > ul.list4 > li { width:25%; }
/* #organization .org > ul.list4 > li:first-child { float:none; margin:0 auto 35px; } */
#organization .org > ul.list3 { text-align:center;}
#organization .org > ul.list3 > li { float:none; display:inline-block;}
#organization .org > ul.list3 > li:before { left:-4.5px; }
#organization .org > ul.list3 > li:after { right:-3.5px; }
#organization .org > ul.list2 { text-align:center;}
#organization .org > ul.list2 > li:first-child { float:none; margin:0 auto 35px; display:block;}
#organization .org > ul.list2 > li { float:none; display:inline-block;}
#organization .org > ul.list2 > li:before { left:-4px; }
#organization .org > ul.list2 > li:after { right:-4px; }

/* SUHYUP PEOPLE */
/*#people .section-bg { padding-top:120px; height:350px; background:url("/images/company/people_bg.jpg") center center no-repeat; }
#people .people > ul > li { float:left; margin-right:1.66%; margin-bottom:60px; padding:25px 0; width:23.75%; border-top:1px solid #cacaca; text-align:center; }
#people .people > ul > li:nth-child(4n) { margin-right:0; }
#people .people > ul > li p { word-break:keep-all; }
#people .people > ul > li .tit-sub { margin-bottom:20px; }*/

#people .section-bg { height:350px; background:url("/images/company/people_bg.jpg") center center no-repeat; }
#people .people > ul > li { float:left; margin:0 3% 20px; padding:40px 20px; width:44%; border-top:1px solid #cacaca; }
#people .people > ul > li:nth-child(4n) { margin-right:0; }
#people .people > ul > li p { word-break:keep-all; letter-spacing:-1px;}
#people .people > ul > li .name { float:left; width:32%; }
#people .people > ul > li .name span { display:block; }
#people .people > ul > li .career { float:right;width:68%; }
#people .people > ul > li .career > span { display:block;}

/* CONTACT US */
#contact .contact .logo { display:block; margin:0 auto 50px; width:700px; height:100px; background:url("/images/main/main_logo.png") center top no-repeat); background:url("/images/main/main_logo.svg") center top no-repeat, none; background-size:90%; }
#contact .contact .contact-info { text-align:center; }
#contact .contact .contact-info .tit-sub { margin-bottom:20px; }
#contact .contact .contact-info ul { font-size:0; }
#contact .contact .contact-info ul li { display:inline-block; position:relative; padding:0 10px; font-size:16px; }
#contact .contact .contact-info ul li:after { content:""; display:block; position:absolute; top:50%; right:0; margin-top:-5px; width:1px; height:10px; background:#cacaca; }
#contact .contact .contact-info ul li:last-child:after { display:none; }


/****************************************
INVESTMENT
****************************************/
/* 메인 */
#investment { background:url("/images/investment/invest_main.jpg") center center no-repeat; background-size:cover; }
#investment .hash-snb li .iv1 { background:url("/images/investment/icon_iv1.png") #fff center center no-repeat; }
#investment .hash-snb li .iv2 { background:url("/images/investment/icon_iv2.png") #fff center center no-repeat; }
#investment .hash-snb li .iv3 { background:url("/images/investment/icon_iv3.png") #fff center center no-repeat; }
#investment .hash-snb li .iv4 { background:url("/images/investment/icon_iv4.png") #fff center center no-repeat; }
#investment .hash-snb li .iv5 { background:url("/images/investment/icon_iv5.png") #fff center center no-repeat; }
#investment .hash-snb li a:hover .iv1 { background-image:url("/images/investment/icon_iv1_on.png"); }
#investment .hash-snb li a:hover .iv2 { background-image:url("/images/investment/icon_iv2_on.png"); }
#investment .hash-snb li a:hover .iv3 { background-image:url("/images/investment/icon_iv3_on.png"); }
#investment .hash-snb li a:hover .iv4 { background-image:url("/images/investment/icon_iv4_on.png"); }
#investment .hash-snb li a:hover .iv5 { background-image:url("/images/investment/icon_iv5_on.png"); }

/* PHILOSOPHY */
#philosophy .section-bg { height:420px; background:url("/images/investment/philo_bg.jpg") center bottom no-repeat; }
#philosophy .philo { position:relative; font-size:0; }
#philosophy .philo > div { display:inline-block; width:50%; font-size:14px; vertical-align:top; }
#philosophy .philo > div > div { position:relative; padding:70px 13.5% 0; width:366px; height:366px; border-radius:50%; color:#fff; text-align:center; }
#philosophy .philo .growth-stock > div { float:right; margin-right:-30px; background:#699dd5; }
#philosophy .philo .good-price > div { float:left; margin-left:-30px; background:#2960ac; background:rgba(41,96,172,0.93); }
#philosophy .philo > div > .tit-sub { position:absolute; top:50%; transform:translate(0,-50%); }
#philosophy .philo .good-price .tit-sub { right:0; }
#philosophy .philo > div > .tit-sub:before { content:""; display:block; position:absolute; top:50%; margin-top:-3px; width:6px; height:6px; border-radius:50%; }
#philosophy .philo > div > .tit-sub:after { content:""; display:block; position:absolute; top:50%; margin-top:-0.5px; width:150px; height:1px; z-index:-1; }
#philosophy .philo .growth-stock .tit-sub:before { right:-15px; background:#699dd5; }
#philosophy .philo .growth-stock .tit-sub:after { right:-160px; background:#699dd5; }
#philosophy .philo .good-price .tit-sub:before { left:-15px; background:#2960ac; }
#philosophy .philo .good-price .tit-sub:after { left:-160px; background:#2960ac; }
#philosophy .philo > div > div > div { margin:0 auto 20px; height:77px; }
#philosophy .philo .philo-icon1 { background:url("/images/investment/icon_philo1.png") #699dd5 center bottom no-repeat; background:url("/images/investment/icon_philo1.svg") #699dd5 center bottom no-repeat, none; background-size:66px; }
#philosophy .philo .philo-icon2 { background:url("/images/investment/icon_philo2.png") center bottom no-repeat; background:url("/images/investment/icon_philo2.svg") center bottom no-repeat, none; background-size:61px; }
#philosophy .philo > div > div > ul { display:block; }
#philosophy .philo > div > div > ul > li { padding:12px 0; border-bottom:1px solid #fff; }
#philosophy .philo > div > div > ul > li:last-child { border-bottom:0; }
#philosophy .philo .result { display:block; position:relative; margin:75px auto 0; padding:5px 0; width:360px; background:#333; border-radius:25px; font-size:26px; color:#fff; text-align:center; }
#philosophy .philo .result .dot { display:block; position:absolute; top:-20px; left:50%; margin-left:-3px; width:6px; height:6px; background:#333; border-radius:50%; }
#philosophy .philo .result .dot:before { content:""; display:block; position:absolute; bottom:100%; left:50%; margin-left:-0.5px; width:1px; height:140px; background:url("/images/common/dot_line.png") center top repeat-y; }

/* STRATEGY */
#strategy .section-bg { height:350px; background:url("/images/investment/strategy_bg.jpg") center bottom no-repeat; }

/* INVESTMENT PROCESS */
#process .section-bg { height:350px; background:url("/images/investment/process_bg.jpg") center bottom no-repeat; }
#process .tbl_head01 tbody tr td:first-child { border-top:0; border-bottom:0; }
#process .tbl_head01 tbody tr:first-child td:first-child { border-top:1px solid #a9a9a9; }
#process .tbl_head01 tbody tr:last-child td:first-child { border-bottom:1px solid #a9a9a9; }
#process .tbl_head01 td .steps { position:relative; margin:0 auto; width:155px; height:155px; border-radius:50%; font-size:18px; color:#fff; line-height:155px; }
#process .tbl_head01 td .steps:after { content:""; display:block; position:absolute; left:50%; bottom:10px; margin-left:-10px; width:20px; height:10px; background:url("/images/common/hashmov.png") no-repeat; background-size:20px; }
#process .tbl_head01 tr:last-child td .steps:after { display:none; }
.steps.step1 { background:#51a8f9; }
.steps.step2 { background:#699dd5; }
.steps.step3 { background:#2960ac; }
.steps.step4 { background:#224e7e; }
.steps.step5 { background:#333; }

/* RESEARCH */
#research > div > .tit-sub { margin-bottom:50px; font-weight:500; text-align:center; }
#research .research > div { font-size:0; text-align:center; }
#research .research > div > div { display:inline-block; width:50%; font-size:16px; vertical-align:top; }
#research .research .icon { margin:0 auto 90px; padding-top:100px; height:130px; }
#research .research .icon .bar { position:absolute; left:50%; bottom:50px; margin-left:-88px; width:176px; height:1px; background:#a9a9a9; }
#research .research .icon:after { content:""; display:block; position:absolute; bottom:-90px; left:50%; margin-left:-0.5px; width:1px; height:80px; background:url("/images/common/dot_line.png") center top repeat-y; }
#research .research .circle { display:table; margin:0 auto; padding:0 13.5%; width:366px; height:366px; border-radius:50%; color:#fff; }
#research .research .circle:after { content:""; display:block; position:absolute; top:50%; right:-40px; margin-top:-3px; width:6px; height:6px; background:#2960ac; border-radius:50%; }
#research .research .suggest .circle:after { left:-40px; }
#research .research .idea .circle:before { content:""; display:block; position:absolute; top:50%; right:-185px; margin-top:-0.5px; width:40%; height:1px; background:#2960ac; }
#research .research .suggest .circle:before { content:""; display:block; position:absolute; top:50%; left:-60px; margin-top:-7px; border-width:7px 0 7px 12px; border-color:transparent transparent transparent #2960ac; border-style:solid; }
#research .research .idea .icon { background:url("/images/investment/icon_research1.png") no-repeat; background:url("/images/investment/icon_research1.svg") no-repeat, none; background-size:80px; background-position:50% 15px; }
#research .research .suggest .icon { background:url("/images/investment/icon_research2.png") no-repeat; background:url("/images/investment/icon_research2.svg") no-repeat, none; background-size:60px; background-position:50% 0; }
#research .research .idea .circle { background:#699dd5; }
#research .research .suggest .circle { background:#2960ac; }
#research .research .circle ul { display:table-cell; vertical-align:middle; }
#research .research .circle ul > li { padding: 12px 0; border-bottom: 1px solid #fff; word-break:keep-all; }
#research .research .circle ul > li:last-child { border-bottom:0; }

#research .status ul li { float:left; margin-left:-4.1%; width:36%; height:150px; border:1px solid #2960ac; border-radius:75px; text-align:center; }
#research .status ul li:first-child { margin-left:0; }
#research .status ul li p { position:absolute; top:50%; left:50%; padding:0 10%; width:100%; transform:translate(-50%,-50%); word-break:keep-all; }

/* RISK & COMPLIANCE */
#compliance > div > .tit-sub { margin-bottom:50px; font-weight:500; text-align:center; }

#compliance .status ul li { float:left; margin-left:2%; width:32%; height:300px; border:1px solid #2960ac; border-radius:5px; text-align:center; }
#compliance .status ul li:first-child { margin-left:0; }
#compliance .status ul li p { position:absolute; top:50%; left:50%; width:100%; transform:translate(-50%,-50%); word-break:keep-all; padding:0 10%;}
#compliance .status ul li p span.big-txt { display:block; font-size:20px; padding-bottom:7px;}


/****************************************
PRODUCT
****************************************/
/* 메인 */
#product { background:url("/images/product/product_main.jpg") 50% 50% no-repeat; background-size:cover; }
#product .hash-snb li .pd1 { background:url("/images/product/icon_pd1.png") #fff center center no-repeat; }
#product .hash-snb li .pd2 { background:url("/images/product/icon_pd2.png") #fff center center no-repeat; }
#product .hash-snb li .pd3 { background:url("/images/product/icon_pd3.png") #fff center center no-repeat; }
#product .hash-snb li a:hover .pd1 { background-image:url("/images/product/icon_pd1_on.png"); }
#product .hash-snb li a:hover .pd2 { background-image:url("/images/product/icon_pd2_on.png"); }
#product .hash-snb li a:hover .pd3 { background-image:url("/images/product/icon_pd3_on.png"); }

/* FUND */
#fund .section-bg { height:420px; background:url("/images/product/fund_bg.jpg") center bottom no-repeat; }
#fund .tbl_head01 td { padding:0 10px; height:100px; text-align:center; }
#fund .tbl_head01 td:first-child { text-align:left; }

/* DISCRETIONARY SERVICE */
#service .section-bg { height:350px; background:url("/images/product/service_bg.jpg") center bottom no-repeat; }
#service .tbl_head01 { margin-bottom:50px; }
#service .tbl_head01 td { height:auto; }
#service ul li { float:left; margin-right:2%; width:23.5%; }
#service ul li:last-child { margin-right:0; }
#service ul li a { display:block; padding:12px 0; background:url("/images/common/down.png") no-repeat; background:url("/images/common/down.svg") no-repeat,none; background-position:20px center; background-size:auto 20px; border:1px solid #2960ac; border-radius:25px; color:#2960ac; text-align:center; text-indent:30px; }
#service ul li a:hover { background:url("/images/common/down_on.png") no-repeat; background:url("/images/common/down_on.svg") no-repeat, none; background-position:20px center; background-size:auto 20px; }

/* PERFORMANCE */
#performance .year-tab { overflow:hidden; padding-bottom:50px; }
#performance .year-tab .slick-list { overflow:visible; }
#performance .year-tab li { padding:0 10px; outline:none; }
#performance .year-tab li button { position:relative; float:left; padding:8px 0; width:100%; background:#fff; border:1px solid #2960ac; border-radius:25px; font-size:22px; color:#2960ac; text-align:center; outline:none; cursor:pointer; }
#performance .year-tab li.slick-current button { background:#2960ac; color:#fff; }
#performance .year-tab li.slick-current button:after { content:""; display:block; position:absolute; top:100%; left:50%; margin-left:-7px; border-width:7px 7px 0 7px; border-color:#2960ac transparent transparent transparent; border-style:solid; }
#performance .year-tab + p { margin-bottom:20px; }

#performance .year-result div { outline:none; }
#performance .year-result .date { margin-bottom:10px; }
#performance .year-result .date span { float:right; }

#performance .year-result .perpormance { margin:0 0 60px;}
#performance .year-result .perpormance .tbl_perpor1 { margin:0;}
#performance .year-result .perpormance .tbl_perpor1 th, #performance .year-result .perpormance .tbl_perpor1 td { height:auto; text-align:center; padding:1% 0.5%; border-top: 1px solid #2960ac; border-bottom: 1px solid #a9a9a9; border-left: 1px solid #a9a9a9; }
#performance .year-result .perpormance .tbl_perpor1 th:first-child { border-left:none;}
#performance .year-result .perpormance .tbl_perpor1 th { background-color:#d7e8f7; color:#2960ac; }
#performance .year-result .perpormance .tbl_perpor1 td { background-color:#fff; }

#performance .year-result .perpormance .tbl_perpor2 { margin:5px 0 10px;}
#performance .year-result .perpormance .tbl_perpor2 th, #performance .year-result .perpormance .tbl_perpor2 td { height:auto; text-align:center; padding:1% 0.5%; border-left: 1px solid #a9a9a9; border-bottom: 1px solid #a9a9a9;}
#performance .year-result .perpormance .tbl_perpor2 th.bl-none { border-left:none;}
#performance .year-result .perpormance .tbl_perpor2 th { border-top: 1px solid #2960ac; background-color:#d7e8f7; color:#2960ac; }
#performance .year-result .perpormance .tbl_perpor2 td { background-color:#fff; }



/****************************************
NOTICE
****************************************/
/* 메인 */
#board { background:url("/images/board/board_main.jpg") center bottom no-repeat; background-size:cover; }
#board .hash-snb li .bo1 { background:url("/images/board/icon_bo1.png") #fff center center no-repeat; }
#board .hash-snb li .bo2 { background:url("/images/board/icon_bo2.png") #fff center center no-repeat; }
#board .hash-snb li a:hover .bo1 { background-image:url("/images/board/icon_bo1_on.png"); }
#board .hash-snb li a:hover .bo2 { background-image:url("/images/board/icon_bo2_on.png"); }
#bo_list .section-bg { height:350px; background:url("/images/board/board_bg.jpg") center center no-repeat; }






/* ==========================================================================
   하위 브라우져 경고창
   ========================================================================== */
#old_browser_popup {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000000;
    width: 100%;
    background: #fff;
    text-align: center;
}
#old_browser_container {
    width: 550px;
    margin: 0 auto;
}
#old_browser_popup img {
    float: left;
    margin-top: 12px;
}
#old_browser_popup p {
    padding: 15px;
    color: #6c4200;
    font-size: 12px;
    line-height: 150%;
    margin: 0;
}
#old_browser_popup a {
    padding: 0 5px;
    color: #a86e12;
}
#old_browser_popup a:hover {
    color: #97320b;
}
#old_browser_close {
    position: absolute;
    top: 12px;
    right: 20px;
    cursor: pointer;
}