@charset "utf-8";


@font-face{                              
	font-family:OneShinhanBold; 
	-webkit-font-family:OneShinhanBold; 
	src: url('OneShinhanBold.eot') format(eot);
	src:  local(¡Ø), url('OneShinhanBold.eot?#iefix') format('embedded-opentype'); 
			local(¡Ø), url('OneShinhanBold.woff') format('woff'); 
			local(¡Ø), url('OneShinhanBold.ttf') format('truetype'); 
} 
@font-face{
	font-family:OneShinhanMedium; 
	-webkit-font-family:OneShinhanMedium; 

	src: url('OneShinhanMedium.eot') format(eot);
	src:  local(¡Ø), url('OneShinhanMedium.eot?#iefix') format('embedded-opentype'); 
			local(¡Ø), url('OneShinhanMedium.woff') format('woff'); 
			local(¡Ø), url('OneShinhanMedium.ttf') format('truetype'); 
}
@font-face{
	font-family:OneShinhanLight;
	-webkit-font-family:OneShinhanLight;  

	src: url('OneShinhanLight.eot');
	src:  local(¡Ø), url('OneShinhanLight.eot?#iefix') format('embedded-opentype'); 
			local(¡Ø), url('OneShinhanLight.woff') format('woff'); 
			local(¡Ø), url('OneShinhanLight.ttf') format('truetype'); 
}

* {margin: 0 auto; }
/* 2019-09-18 */

#wrap header .header-wrap .gnb {padding: 20px 0 0; *zoom: 1; /*background: url(../images/common/bg_nav.gif) no-repeat right top; */}
#wrap header .header-wrap .gnb a:hover { text-decoration: none; }
#wrap header .header-wrap .gnb > ul {  *zoom: 1; }
#wrap header .header-wrap .gnb > ul:after { content: ''; display: block; clear: both; }
#wrap header .header-wrap .gnb > ul > li {float: left; padding: 0 0 0 1px; background: url(../images/common/bdr_gnb.gif) no-repeat left top; }
#wrap header .header-wrap .gnb > ul > li:first-child { padding: 0; background: none; }

#wrap header .header-wrap .gnb > ul > li > a { 
    display: block;
    height: 66px;
    text-align: center;
    font-size: 12px;
	font-family: 'OneShinhanMedium';
	line-height: 66px;
    padding: 0 15px;
    margin-top: -19px;
    position: relative;
	border-top: 3px solid transparent;
} /* 2022-10-27*/

/* »ó´Ü GNB  //2021-04-28 */
/* »ó´Ü GNB À̹ÌÁö ÅؽºÆ®·Î ¼öÁ¤// 2022-10-17
#wrap header .header-wrap .gnb > ul > li.gnb01 > a { width: 95px; background: url(../images/common/img_gnb01.gif) no-repeat center top; }
#wrap header .header-wrap .gnb > ul > li.gnb02 > a { width: 182px; background: url(../images/common/img_gnb02.gif) no-repeat center top; }
#wrap header .header-wrap .gnb > ul > li.gnb03 > a { width: 158px; background: url(../images/common/img_gnb03.gif) no-repeat center top; }
#wrap header .header-wrap .gnb > ul > li.gnb04 > a { width: 62px; background: url(../images/common/img_gnb04_en.gif) no-repeat center top; }
#wrap header .header-wrap .gnb > ul > li.gnb05 > a { width: 104px; background: url(../images/common/img_gnb05.gif) no-repeat center top; }
#wrap header .header-wrap .gnb > ul > li.gnb06 > a { width: 185px; background: url(../images/common/img_gnb06.gif) no-repeat center top; }

#wrap header .header-wrap .gnb > ul > li > a:focus,
#wrap header .header-wrap .gnb > ul > li > a:hover,
#wrap header .header-wrap .gnb > ul > li > a.active { background-position: center bottom; }
*/

#wrap header .header-wrap .gnb > ul > li > a:focus,
#wrap header .header-wrap .gnb > ul > li > a:hover,
#wrap header .header-wrap .gnb > ul > li > a.active { 
	color: #0970bf;
	text-decoration: none;
	border-top: 3px solid #cd8c3c;
}


/* gnb À̹ÌÁö ¿©¹é left > center ·Î ¹Ù²Þ */
#wrap header .header-wrap .gnb .gnb-sub { position: absolute; left: 0; top: 71px; width: 959px; border-right: 1px solid #4897d1; *zoom: 1; }
#wrap header .header-wrap .gnb .gnb-sub:after { content: ''; display: block; clear: both; }
#wrap header .header-wrap .gnb .gnb-sub > li { float: left; border-left: 1px solid #4897d1; }
#wrap header .header-wrap .gnb .gnb-sub > li > a {
	display: block;
	line-height: 15px;
	text-align: center;
	color: #fff;
	font-family: 'OneShinhanBold';
	font-size: 12px;
} /* 2019-09-18*/

#wrap header .header-wrap .gnb .gnb-sub > li > a:focus,
#wrap header .header-wrap .gnb .gnb-sub > li > a:hover,
#wrap header .header-wrap .gnb .gnb-sub > li > a.active { color: #ffffff; background: url(../images/common/bg_gnb_1dpt.gif) no-repeat center bottom; text-shadow:1px 1px 1px #004474; }

#wrap header .header-wrap .gnb .gnb-sub .gnb-3dpt { position: absolute; left: 0; width: 960px; top: 113px;  z-index: 10; }
#wrap header .header-wrap .gnb .gnb-sub .gnb-3dpt:after { content: ''; display: block; clear: both; }
#wrap header .header-wrap .gnb .gnb-sub .gnb-3dpt > li { float: left; }
#wrap header .header-wrap .gnb .gnb-sub .gnb-3dpt > li > a { 
	display: block;
    overflow: hidden;
    height: 41px;
    font-size: 13px;
    text-align: center;
    line-height: 41px;
} /* 2019-09-18*/
#wrap header .header-wrap .gnb .gnb-sub .gnb-3dpt > li > a img { display: block; *zoom: 1; }
#wrap header .header-wrap .gnb .gnb-sub .gnb-3dpt > li > a:focus img,
#wrap header .header-wrap .gnb .gnb-sub .gnb-3dpt > li > a:hover img,
#wrap header .header-wrap .gnb .gnb-sub .gnb-3dpt > li > a.active img { margin-top: -41px !important; }
#wrap header .header-wrap .gnb .gnb-sub .gnb-3dpt > li > a.active.non img{ margin-top:0 !important;}
#wrap header .header-wrap .gnb .gnb-sub .gnb-3dpt > li > a.non:hover img{ margin-top: -41px !important; }

#wrap header .header-wrap .gnb .gnb-sub .gnb-4dpt { position: absolute; right: 0; top: 41px; padding: 29px 0 0; /* border-left: 1px solid #e5e5e5; */ z-index: 10; }
#wrap header .header-wrap .gnb .gnb-sub .gnb-4dpt h1 { margin: 0; width: 148px; font-size: 14px; color: #2c2c2c; text-align: center; letter-spacing: -1px; }
#wrap header .header-wrap .gnb .gnb-sub .gnb-4dpt ul { margin: 29px 0 0 -16px; padding: 12px 0 20px 17px;  border-top: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; background: url(../images/common/bg_gnb_4dpt.gif) no-repeat left bottom; }
#wrap header .header-wrap .gnb .gnb-sub .gnb-4dpt ul li a { display: block; padding: 3px 0 4px 10px; color: #636262; font-weight: normal; }

#wrap header .header-wrap .gnb .gnb-sub .gnb-4dpt ul li a:focus,
#wrap header .header-wrap .gnb .gnb-sub .gnb-4dpt ul li a:hover,
#wrap header .header-wrap .gnb .gnb-sub .gnb-4dpt ul li a.active {
	color: #00528c;
	background: url(../images/common/icon_gnb_4dpt.gif) no-repeat left 10px;
	font-family: 'OneShinhanBold';
}

#wrap header .header-wrap .gnb .gnb-sub { display: none; }
#wrap header .header-wrap .gnb .gnb-sub .gnb-3dpt { display: none; }
#wrap header .header-wrap .gnb .gnb-sub .gnb-3dpt .gnb-4dpt { display: none; }

#wrap header .header-wrap .gnb > ul > li > a.active + .gnb-sub { display: block; }
#wrap header .header-wrap .gnb-sub > li > a.active + .gnb-3dpt { display: block; }
#wrap header .header-wrap .gnb-3dpt > li > a.active + .gnb-4dpt { display: block !important; width:148px; }

.gnb01 > .gnb-sub > li > a {
	padding: 9px 0 9px;
	min-width: 0px;
} /*2018-07-12*/
.gnb01 > .gnb-sub > li:first-child > a { min-width: 77px; }
.gnb02 > .gnb-sub > li > a {
	padding: 9px 0 9px;
	min-width: 1px;
}

.gnb03 > .gnb-sub > li {
	width: 25%;
	box-sizing: border-box;
} /* 2018-07-12*/

.gnb03 > .gnb-sub > li > a { padding: 9px 0; }
.gnb04 > .gnb-sub > li > a { padding: 9px 20px 9px 27px; }
.gnb04 > .gnb-sub > li:first-child > a { letter-spacing:-0.3px; }


/* À±¸®°æ¿µ °³Æí ¸Þ´º// 2022-10-17*/
.gnb05 > .gnb-sub > li { 
	box-sizing: border-box;
	width: 25%; 
}
/* //2022-11-02
.gnb05 > .gnb-sub > li:nth-of-type(1) { width: 23%; }
.gnb05 > .gnb-sub > li:nth-of-type(2) { width: 23%; }
.gnb05 > .gnb-sub > li:nth-of-type(3) { width: 30%; }
.gnb05 > .gnb-sub > li:nth-of-type(4) { width: 24%; }
*/

.gnb05 > .gnb-sub > li > a { padding: 9px 0; }
/* //*/


.gnb06 > .gnb-sub > li { width: 49.8%; }
.gnb06 > .gnb-sub > li > a { padding: 9px 0; }
.gnb06 > .gnb-sub > li:firs-child { width: 34%; }


.gnb07 > .gnb-sub > li {
	width: 100%; 
    box-sizing: border-box;
} /* 2022-10-17*/


.gnb07 > .gnb-sub > li > a { padding: 9px 0; }
.gnb07 > a {display:none !important;}

#wrap header .header-wrap .gnb07 .gnb-sub > li > a:focus,
#wrap header .header-wrap .gnb07 .gnb-sub > li > a:hover,
#wrap header .header-wrap .gnb07 .gnb-sub > li > a.active {
	background: url('../images/common/bg_gnb_1dpt_full.gif') no-repeat center bottom; 
} /* 2022-10-18 */



/* For Under IE8 */
@media \0screen {
	.gnb01 > .gnb-sub > li > a { padding: 9px 16px 9px; }
	.gnb01 > .gnb-sub > li:first-child > a { min-width: 74px; }
	.gnb03 > .gnb-sub > li { width: 25%; }
	.gnb03 > .gnb-sub > li:first-child { width: 24.55%; }
	.gnb03 > .gnb-sub > li > a { padding: 9px 0; }
	.gnb05 > .gnb-sub > li { width: 24.89%; }
	.gnb05 > .gnb-sub > li:first-child { *width: 24.8%; }
}
*:first-child+html #wrap .gnb01 > .gnb-sub > li > a { padding: 9px 16px 9px; }
*:first-child+html #wrap .gnb01 > .gnb-sub > li:first-child > a { min-width: 74px; }


/* 2023-04-11 */
#wrap header .header-wrap nav.gnb li.gnb01 .gnb-sub > li { 
	width: 14.28571%;
	box-sizing: border-box; 
}


#wrap header .header-wrap nav.gnb li.gnb01 .gnb-sub > li:nth-child(1) { width: 13%; }
#wrap header .header-wrap nav.gnb li.gnb01 .gnb-sub > li:nth-child(2) { width: 13%; }

#wrap header .header-wrap nav.gnb li.gnb01 .gnb-sub > li:nth-child(2) .gnb-3dpt > li img {
	border-right: 1px solid #e5e5e5;
    box-sizing: border-box;
    max-width: 960px; 
}
#wrap header .header-wrap nav.gnb li.gnb01 .gnb-sub > li:nth-child(3) { width: 13%; }
#wrap header .header-wrap nav.gnb li.gnb01 .gnb-sub > li:nth-child(4) { width: 17%; }
#wrap header .header-wrap nav.gnb li.gnb01 .gnb-sub > li:nth-child(5) { width: 20%; }
#wrap header .header-wrap nav.gnb li.gnb01 .gnb-sub > li:nth-child(6) { width: 11%; }
#wrap header .header-wrap nav.gnb li.gnb01 .gnb-sub > li:nth-child(7) { width: 13%; }


#wrap header .header-wrap nav.gnb li.gnb02 .gnb-sub > li { box-sizing: border-box; }

#wrap header .header-wrap nav.gnb li.gnb02 .gnb-sub > li:nth-child(1) { width: 14%; }
#wrap header .header-wrap nav.gnb li.gnb02 .gnb-sub > li:nth-child(2) { width: 14%; }
#wrap header .header-wrap nav.gnb li.gnb02 .gnb-sub > li:nth-child(3) { width: 15%; }
#wrap header .header-wrap nav.gnb li.gnb02 .gnb-sub > li:nth-child(4) { width: 20%; }
#wrap header .header-wrap nav.gnb li.gnb02 .gnb-sub > li:nth-child(5) { width: 13.5%; }
#wrap header .header-wrap nav.gnb li.gnb02 .gnb-sub > li:nth-child(6) { width: 13.5%; }
#wrap header .header-wrap nav.gnb li.gnb02 .gnb-sub > li:last-child { width: 10%; } /*2019-01-28 */

 

/*2018-07-13*/

#wrap header .header-wrap .gnb > ul > li.gnb04.oneFont .gnb-sub > li { box-sizing: border-box; }

#wrap header .header-wrap .gnb > ul > li.gnb04.oneFont .gnb-sub > li:nth-child(1) { width: 18%; }
#wrap header .header-wrap .gnb > ul > li.gnb04.oneFont .gnb-sub > li:nth-child(2) { width: 18%; }
#wrap header .header-wrap .gnb > ul > li.gnb04.oneFont .gnb-sub > li:nth-child(3) { width: 18%; }
#wrap header .header-wrap .gnb > ul > li.gnb04.oneFont .gnb-sub > li:nth-child(4) { width: 24%; }
#wrap header .header-wrap .gnb > ul > li.gnb04.oneFont .gnb-sub > li:nth-child(5) { width: 22%; }


/*gnb¸Þ´º À̹ÌÁö¿¡¼­ ÅؽºÆ®·Î ¼öÁ¤ 2019-02-14*/

.gnb_bg_color {
	height: 41px;
    background: rgba(240, 241, 243, 1);
    color: #666;
    box-sizing: border-box;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
}

.gnb_bg_color:hover {
	background: linear-gradient(145deg, rgba(132, 189, 224, 0.6) 0%, #70bbe8 100%);
    color: #fff;
    box-sizing: border-box;
	border-color: rgb(169, 211, 236);
	border-right-color: #e5e5e5;
} /* 2019-09-18*/

.gnb_bg_color > a:hover { color: #fff !important; }

.col-3 {
	width: 33.333333%;
}

.col-3:nth-of-type(3) {
	border-right: none;
}

.gnb_bg_color > a.active {
	background: linear-gradient(145deg, rgba(132, 189, 224, 0.6) 0%, #70bbe8 100%);
    color: #fff !important;
    box-sizing: border-box;
    border-color: rgb(169, 211, 236);
    position: relative;
    top: -1px;
} /* 2019-09-18*/

.col-12 {
	width: 100%;
	background: rgba(132, 189, 224, 1);
	border-bottom-color: #e5e5e5;
}

.gnb_bg_color.col-12 a { color: #fff !important; }

.gnb_bg_color.col-12:hover {
	border-color: #e5e5e5;
    box-sizing: border-box;
}

.col-5 { width: 20%; }

.gnb_bg_color a.font-xs {
    font-size: .85rem !important;
    letter-spacing: -0.8px !important;
} /* 2019-02-28*/

.col-2 { width: 50%; }

.col-6 { width: 16.66666%; }

.col-6:nth-of-type(6) {
	border-right: none;
}

.col-4 { width: 25%; }

.col-7 { width: 25%; }
.col-7:nth-of-type(5), .col-7:nth-of-type(6), .col-7:nth-of-type(7) {
	border-top-color: rgba(240, 241, 243, 1);
}

.col-7:nth-of-type(5):hover, .col-7:nth-of-type(6):hover, .col-7:nth-of-type(7):hover { 
	border-top-color: rgba(132, 189, 224, 1);
}

a.line-height-xs {
	line-height: 1 !important;
    font-size: 13px !important;
    padding-top: 7px !important;
}



/* »çȸåÀӰ濵 2019-09-11*/

.csm_gnb {
	width: 33.33333%;
	box-sizing: border-box;
}

.csm_gnb .gnb-3dpt {
	width: 100% !important;
	margin: 0px auto;
	right: -2px;
}

/* Additional Information 
// gnb-3dpt Å©±âÁ¶Á¤ 2020-07-24 */

/* li(2) : HISTORY 
// li(3) : Sustainability Management Performance
// li(4) : Commitment Ãß°¡ */
#wrap header .header-wrap .gnb .gnb-sub .csm_gnb:nth-of-type(3) .gnb-3dpt > li:nth-of-type(1) { width: 23%; }
#wrap header .header-wrap .gnb .gnb-sub .csm_gnb:nth-of-type(3) .gnb-3dpt > li:nth-of-type(2) { width: 12%; }
#wrap header .header-wrap .gnb .gnb-sub .csm_gnb:nth-of-type(3) .gnb-3dpt > li:nth-of-type(3) { width: 30%; }
#wrap header .header-wrap .gnb .gnb-sub .csm_gnb:nth-of-type(3) .gnb-3dpt > li:nth-of-type(4) { width: 15%; }


/* ESG 2021-05-18*/

.esg_gnb {
	width: 20%;
	box-sizing: border-box;
} /* 2022-08-05*/

.esg_gnb .gnb-3dpt {
	width: 100% !important;
	margin: 0px auto;
	right: -2px;
}


/* 2023-10-23*/
/* gnb_ ESG Framework, ESG Key Issues */

#wrap .esg_framework .gnb-3dpt li { width: 24%; }
#wrap .esg_framework .gnb-3dpt li:nth-of-type(4) { width: 28%; } /* ESG Plan(2025 Mid-term ESG Strategy) */

#wrap .esg_key-issues .gnb-3dpt li { width: 14.5%; }
#wrap .esg_key-issues .gnb-3dpt li:nth-of-type(1) { width: 13.5%; } /* TCFD Report */
#wrap .esg_key-issues .gnb-3dpt li:nth-of-type(3) { width: 17%; } /* Human Rights Report */
#wrap .esg_key-issues .gnb-3dpt li:nth-of-type(5) { width: 18.5%; } /* Shinhan ESG Value Index */
#wrap .esg_key-issues .gnb-3dpt li:nth-of-type(6) { width: 22%; } /* Shinhan Materiality Analysis/Stakeholder participation */

#wrap .esg_key-issues .gnb-3dpt li:nth-of-type(6) > a {
	font-size: 12px !important;
    line-height: 1.3 !important;
    padding-top: 4px;
    box-sizing: border-box;
}