@charset "utf-8";

/* main */
body {
	min-width: 980px;
	background-color: #565e6b;
}

#wrap {
	min-width: 980px;
	height:100% !important;
}

.sideBG {
	display: none;
}

.headerWrap {
	background: url("/images/kor/main/bg_main_head.png") repeat-x 0 0;
	/* 0310 수정*/
	/* 기존 z-index: 99; */
	z-index: 1001;
	top:0;
	position: fixed !important;
	/* 0310 수정*/
}

#header {
	margin: 0;
	width: 100%;
}

/* 2016.03.11 수정 : 추가*/
.allMenuWrap {z-index: 9999;}
/* 2016.03.11 수정 : 추가*/

#mainContainer {
	min-width: 980px;
	position: relative;
	overflow: hidden;
	/* 0310 수정: 추가 */
	padding-top: 60px;
	/* 0310 수정 */
}

/* 0310 수정: 추가 */
#mainContainer .bx-controls {top: 70px;}
#mainContainer .mainVisual .slideText {top:100px;}
/* 0310 수정 */

#mainContainer:after {
	content: "";
	display: block;
	clear: both;
}

#footer {
	width: 100%;
	margin: 0;
	background: #565e6b url(/images/kor/common/img_top_btn.gif) no-repeat
		right top;
}

.mainContent {
	position: relative;
	z-index: 999;
	float: right;
	width: 600px;
	min-height: 800px;
	padding-left: 8px;
	padding-right: 60px;
	overflow: hidden;
	color: #71777c;
	background: url("/images/kor/main/main_blur.png") repeat-y left top;;
}

.mainVisual {
	position: fixed;
	/* 0310 수정 */
	/*top: 0;*/
	top: 60px;
	/* 0310 수정 */
	/* z-index: 2; */
	width: 100%;
	height: 100%;
}

.sideQuick {display:none;}

.sideQuick {
	/* 0310 수정*/
	/* 기존 z-index: 999; */
	z-index: 1002;
	/* 0310 수정*/
	position: absolute;
	right: 0;
	height: 100%;
	top: 0;
	background-color: #f0f0f3;
}

.default .headerWrap {
	background: url("/images/kor/main/bg_main_head.png") repeat-x scroll 0 0
		rgba(0, 0, 0, 0);
}

.top {
	position: absolute;
	bottom: -61px;
	left: 0;
	display: none;
}

.snsVisual {
	/* 2016.03.11 수정*/
	/* 기존 top: 60px;*/
	position:absolute;
	top: 100px;
	bottom: 0;
	background: #eeeef2;
	left: auto;
	right: 0;
	display: block !important;
	/* 2016.03.11 수정*/
	height: auto;
}


/* 0310 수정 : 추가 */
.snsVisual .snsLink {position:relative; z-index:100;}
.snsVisual .snsLink li {margin-bottom: 1px;}
.snsVisual:after {content:''; position: fixed; z-index:1; width: 60px; top:0; right:0; bottom:0; background:#eeeef2;}
.langSel {z-index:100;}

.col {
	float: left;
	width: 300px;
}

.row {
	clear: both;
}

.upperTile {
	background-color: #fff;
	overflow: hidden;
	height: 429px;
	overflow: visible;
}

.upperTile .col {
	position: relative;
}

.upperTile .col2 {
	width: 299px;
	height: 100%;
	border-left: 1px solid #eeeef2;
}

.openall .mainContent {
	margin-top: -60px;
}

.blog {
	display: block;
	height: 419px;
}

.blogCon .tit_h2 {
	display:block;
	padding-bottom: 10px;
	font-size: 18px;
	line-height: 28px;
	font-weight: bold;
	color: #1f2227;
}

.blogCon p {
	font-size: 13px;
	line-height: 20px;
}

.blogCon .more {
	/* 2016.03.11 수정*/
	/* 기존
	position: absolute;
	left: 23px;
	bottom: 30px;
	*/
	position: relative;
	left: 0px;
	bottom: 0px;
	margin-top: 30px;
	/* 2016.03.11 수정*/

	position: relative;
	left: 0px;
	bottom: 0px;
	margin-top: 30px;
	display: inline-block;
	font-size: 11px;
	padding-right: 18px;
	background: url("/images/kor/main/btn_more_blog.png") no-repeat right
		2px;
}

/*.blog a:focus {display: block;
	height: 419px;outline:2px dotted #000;}*/													
.blog .imgbox {
	position: relative;
	width: 300px;
	height: 216px;
	overflow: hidden;
}

.blog .imgbox img {
	position: absolute;
	width: 300px;
}

.blogCon {
	padding: 22px 24px;
}

.blog .dimTitle {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 35px;
	padding: 25px 0 0 0px;
	text-indent: 27px;
	color: #fff;
	background: url("/images/kor/main/bg_dimtitle.png") repeat-x left top;
}

.report {
	position: relative;
	padding: 25px 15px 0 15px;
}

.report h2 {
	padding: 0 0 13px 4px;
	color: #1f2227;
	border-bottom: 1px solid #b8bbbd;
	font-size: 16px;
	font-weight: bold;
	
}

.report ul {
	
}

.report ul li {
	padding: 14px 10px 18px;
	border-top: 1px solid #e9e9ea;
	font-size: 13px
}

.report ul li strong {
	display:inline-block;
	font-size: 14px;
	color: #1f2227;
	font-weight: bold;
	overflow:hidden;
	width:95%;
	text-overflow:ellipsis;
	white-space:nowrap;
}

.report ul li span {
	display: inline-block;
	overflow:hidden;
	width:95%;
	text-overflow:ellipsis;
	white-space:nowrap;	
}

.report ul li .date {
	padding: 8px 0 12px 0;
	font-size: 11px;
}

.report ul li .txt {
	line-height: 1.3;
	font-size: 12px;
	padding-left:7px;
	background: url("/images/kor/prcenter/bg_gray_box.gif") no-repeat 0 6px;
}

.report ul li a {
	display: block;
}

.report .more {
	position: absolute;
	right: 15px;
	top: 27px;
	/* 2016.03.11 수정 : css 추가 */
	font-size: 11px; vertical-align: middle;
	/* 2016.03.11 수정 */
}


/* 2016.03.26 추가 start */
.report .more img {margin-left:8px;}
/* 2016.03.26 추가 end */



.invest {
	padding: 0px 0px 0px;
	height: 100%;
	background-color: #E02555;
	color: #fff;
}
.downTile .col1 .row1 {height:320px	}
/* 0310 수정 */
/* 기존
.downTile .col2 .row1 {height:444px}
.downTile .col2 .short {height:196px}
*/

.downTile .col2 .row1 {/*height:444px*/}
.downTile .col2 .short {height:216px}
/* 0310 수정 */

.tech {}
.invest a {
	color: #fff;
}

.invest h2 {
	font-family: arial;
	font-weight: bold;
	padding-top: 16px;
	padding-left: 17px;
	font-size: 12px;
	color: #fff;
}

.invest .stock {
	/* 0310 수정 */
	/* 기존
	height: 42px;
	padding: 18px 17px 11px;
	*/
		
	height: 62px;
	padding: 23px 17px 6px;
	/* 0310 수정 */
}

.invest .stock .num {
	float: left;
	width: 140px;
	font-size: 34px;
	font-weight: bold;
}

.invest .stock .num img {
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -6px;
}

.invest .stock .stockright {
	float: right;
	width: 95px;
}

.invest .stock p.up {
	position: relative; /*padding-left: 20px;*/
	color: #f5ffae;
}

.invest .stock p.down {
	color: #f5ffae;
}

.invest .stock .stockright {
	padding-top: 4px;
}

.invest .stock .stockright li em {
	display: block;
	position: absolute;
	left: 0;
	top: 1px;
}

.invest .stock .stockright li {
	position: relative;
	padding-left: 54px;
}

.invest .stock .stockright em {
	font-style: normal;
}

.invest .investLink {
	padding: 0 0px 0px 0px;
	height: 70px;
	clear: both;
	border-top: 1px solid #e4507e;
}

.invest .investLink li {
	float: left;
}

.invest .investLink a {
	display: block;
	width: 99px;
	height: 21px;
	padding: 56px 0 16px;
	text-align: center;
	font-size: 12px;
	border-left: 1px solid #e85a7e;
}

.invest .investLink .link01 a {
	background: url("/images/kor/main/ico_stock.png") no-repeat center 17px;
}

.invest .investLink .link02 a {
	background: url("/images/kor/main/ico_report.png") no-repeat center 17px;
}

.invest .investLink .link03 a {
	background: url("/images/kor/main/ico_ir.png") no-repeat center 17px;
}

.flexbox {
	position: relative;
}

.downTile {
	overflow: hidden;
	background-color: #fff;
	background:#fff url("/images/kor/main/bg_vision.jpg") no-repeat 0 100%;
}

.downTile a {
	display: block;
	position: relative;
}

/* 0310 수정 */
/*기존
.map a .dimm {display: none;position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(/images/kor/main/bg_tile_dimm.png) repeat left top}
.map a .dimm span {display: block;position: absolute; left:50%; top:50%; width: 46px; height: 46px; margin:-23px 0 0 -23px; background: url(/images/kor/main/hover_tile.png) no-repeat left top}
*/

.upperTile .map a .dimm {display: none;position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(/images/kor/main/bg_tile_dimm.png) repeat left top}
.upperTile .map a .dimm span {display: block;position: absolute; left:50%; top:50%; width: 46px; height: 46px; margin:-23px 0 0 -23px; background: url(/images/kor/main/hover_tile.png) no-repeat left top}
.upperTile .map a:focus .dimm,
.upperTile .map a:hover .dimm {display: block;}
/* 0310 수정 */


.downTile a .dimm {display: none;position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(/images/kor/main/bg_tile_dimm.png) repeat left top}
.downTile a .dimm span {display: block;position: absolute; left:50%; top:50%; width: 46px; height: 46px; margin:-23px 0 0 -23px; background: url(/images/kor/main/hover_tile.png) no-repeat left top}


.downTile a:focus .dimm,
.downTile a:hover .dimm {display: block;}

background: url(/images/kor/main/hover_tile.png) no-repeat left top ; }

.sideQuick .snsVisual .langSel {
	height: auto;
}

.sideQuick .snsVisual .langSel,.sideQuick .snsVisual .snsLink {
	position: static;
}

.mainVisual .slideText {
	position: absolute;
	z-index: 999;
	left: 100px;
	top: 160px;
	height: 100%;
	color: #fff;
}

.mainVisual .slideText h2 {
	font-size: 48px;
	font-family:"NanumGothicBold";
	font-weight: bold;
	line-height: 1.2;
	color: #fff;
}
.mainVisual .slideText .text01 {
	font-size:30px;
	letter-spacing:-1px;	
}
.mainVisual .textSize h2 {font-size:38px;}
.mainVisual .textSize .text01 {font-size:30px;}
.mainVisual .textSize .text01.thin {display:block; padding-bottom:25px} /* 20190812 css추가*/
.mainVisual .text02 {font-size:28px;}
.mainVisual .slideText .fs32 {
	font-size: 32px
}

.mainVisual .slideText p {
	font-size: 14px;
	padding-top: 10px;
	line-height: 1.5;
	color: #fff;
}

.mainVisual .slideText .more {
	display: inline-block;
	margin-top: 20px;
	border: 1px solid #ccc;
	background: url("/images/kor/main/copy_bg.png") no-repeat left top;
}

.mainVisual .slideText .more a {
	display: block;
	color: #fff;
	padding: 13px 56px 13px 16px;
	font-size: 12px;
	background: url("/images/kor/main/bg_more.png") no-repeat right center;
}

.mainVisual .slideText .linkGroup {
	width: 290px;
	padding-top: 20px;
	overflow: hidden;
}

.mainVisual .slideText .linkGroup li {
	float: left;
	margin-top: 5px;
	margin-right: 5px;
	border: 1px solid #fff;
	background: url("/images/kor/main/copy_bg.png") no-repeat left top;
}

.mainVisual .slideText .linkGroup li a {
	color: #fff;
	display: block;
	width: 118px;
	height: 18px;
	padding: 11px 0px 11px 15px;
	font-size: 12px;
	background: url("/images/kor/main/main_kv_btn_bg.png") no-repeat right
		center;
}

.mainVisual .slideText .linkGroup li.link01 a {
	background-position: 95px 8px;
}

.mainVisual .slideText .linkGroup li.link02 a {
	background-position: 95px -52px;
}

.mainVisual .slideText .linkGroup li.link03 a {
	background-position: 95px -109px;
}

.mainVisual .slideText .linkGroup li.link04 a {
	background-position: 95px -172px;
}

.mainVisual .item4 .slideText h2 {
	font-size: 42px
}

.slide .item img {
	width: 100%;
	min-width:1080px;
	
}

.slide .item .bgtitle {
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 99;
	width: 800px;
	height: 599px;
	background: url("/images/kor/main/copy_bg.png") no-repeat left top;
}

.mainSlide {
	position: absolute;
	right: 0;
	width: 100%;
}
.mainSlide .item {display:none;}
.mainSlide .item1 {display:block}
.mainSlide .bx-viewport {
	overflow: visible !important;
}

.mainSlide .bx-controls {
	z-index: 99;
	position: absolute;
	top: 130px;
	left: 100px;
}

.mainSlide .bx-controls {
	overflow: hidden;
}

.mainSlide .bx-pager {
	float: left;
	height: 10px;
}

.mainSlide .bx-pager .bx-pager-item {
	display: block;
	float: left;
}

.mainSlide .bx-pager .bx-pager-item a {
	display: block;
	width: 10px;
	height: 10px;
	background-color: #fff;
	margin-right: 6px;
	color: #fff;
	font-size: 1px;
	opacity: 0.8;
}

.mainSlide .bx-pager .bx-pager-item a.active {
	color: #ffff00;
	width: 40px;
	background-color: #ffff00;
	opacity: 1;
}

.mainSlide .bx-controls-auto a {
	display: block;
	width: 10px;
	height: 10px;
	font-size: 0px;
	color: #000;
	float: left;
	margin-right: 2px;
}

.mainSlide .bx-controls-auto {
	float: left;
}

.mainSlide .bx-prev {
	background: url("/images/kor/main/btn_main_prev.png") no-repeat left top;
}

.mainSlide .bx-next {
	background: url("/images/kor/main/btn_main_next.png") no-repeat left top;
}

.mainSlide .bx-start {
	background: url("/images/kor/main/btn_main_play.png") no-repeat left top;
}

.mainSlide .bx-stop {
	background: url("/images/kor/main/btn_main_stop.png") no-repeat left top;
}

.allMenuinner {
	width: 1280px;
}

.mainVisual a:focus {
	outline: 1px dotted #fff
}

.mainContent a:focus {
	outline: 1px dotted #000
}

/* small  size fix  */
.small .mainContent {
	width: 300px
}

.small .wrapTile {
	width: 300px;
}

.small .upperTile {
	height: auto;
}

.small .col {
	float: none;
	height: auto;
}

.small .allMenuinner {
	width: 990px;
}

/* 주식정보 */
.stockTit .stockInfo #updown_title {
	font-size: 10px;
	border: 1px solid #fff;
}

/* 전체메뉴 열릴경우 */
.openall #mainContainer {
	margin-top: -60px;
}

.openall .mainVisual {
	position: static;
}

.openall .headerWrap {
	position: relative !important;
}


/* focus style for a11y */
a:focus {outline: 2px dotted #d80546;}
.downTile a:focus {outline: 3px dotted #d80546}
.investLink a:focus {outline: 1px dotted #fff}
.mainSlide a:focus {outline: 3px dotted #d80546}

.langSel {height: auto;}

.footerWrap {position: relative; bottom: auto;}

/* layer popup */
#pop_01 {position:fixed; top:70px; left:10px;}
#pop_02 {position:fixed; top:70px; left:341px;}
.pop_wrap {z-index:99;}
.pop_box {position:relative; /*width:320px; height:320px;*/ padding:3px; background:#262a2d;}

#wrap.small.snsVisual:after {right: auto;}

div#wrap.small .blog .blogCon a.more {margin-top:10px;}

/* 2017-04-27 추가 */
.report .tit_vision {display:block;margin:0 0 13px;font-size:18px;line-height:1.5;color:#333;}
.report .txt_vision {font-size:13px;line-height:1.5;color:#777;}

/* 2017-08-24 추가 */
.start_up {position:relative; height:214px; border:1px solid #f3f4f8;}
.start_up .more {position:absolute; top:132px; left:18px; display:block; height:24px; padding:0 20px 0 6px; line-height:24px; color:#fff; font-size:13px; background:#585858 url("../../images/kor/main/startup_more.jpg") 92% 50% no-repeat;}
.report .tit_vision {margin:0 0 13px 10px;line-height:24px;}

/* 2018-02-20 추가 */
#pop_generalMeeting {position:absolute;top:100px;left:100px;z-index:1000;width:520px;background:url("../images/kor/common/bg_general_meeting.jpg") 0 0 no-repeat;}
.pop_gm .cont_gm {padding:40px;}
.pop_gm .cont_gm .tit_gm {display:block;margin-bottom:25px;font-size:18px;color:#333;font-weight:bold;letter-spacing:-0.03em;}
.pop_gm .cont_gm .txt_gm {margin-bottom:25px;font-weight:bold;font-size:14px;color:#333;line-height:22px;letter-spacing:-0.03em;}
.pop_gm .cont_gm .txt_gm.mb40 {margin-bottom:40px;}
.pop_gm .cont_gm .download_gm {padding-top:35px;border-top:1px solid #c0c2c5;}
.pop_gm .cont_gm .download_gm li {overflow:hidden;position:relative;margin-bottom:10px;padding-left:12px;}
.pop_gm .cont_gm .download_gm li:before {display:block;content:'';position:absolute;top:12px;left:0;width:4px;height:4px;background:#d80546;}
.pop_gm .cont_gm .download_gm .tit_file {float:left;font-size:16px;line-height:30px;font-weight:bold;color:#222;letter-spacing:-0.03em;}
.pop_gm .cont_gm .download_gm .link_site {float:right;width:100px;height:30px;padding:0 14px;line-height:30px;font-size:12px;color:#fff;background-color:#d80546;text-align:center;box-sizing:border-box;}
.pop_gm .cont_gm .download_gm .btn_file {float:right;width:100px;height:30px;padding:0 14px;line-height:30px;font-size:12px;color:#fff;background:#d80546 url("../images/kor/common/down_bg.png") 90% 50% no-repeat;box-sizing:border-box;}
.pop_gm .today_close {position:relative;height:35px;background:#333;}
.pop_gm .today_close .btn_popClose {position:absolute;top:0;right:0;width:70px;height:35px;border:0 none;background:#000;color:#fff;font-size:12px;cursor:pointer;}
.pop_gm .today_close .today_chk {overflow:hidden;position:absolute;top:0;left:0;cursor:pointer;}
.pop_gm .today_close .today_chk .today_inp {float:left;margin:11px 11px 0 11px;}
.pop_gm .today_close .today_chk .txt_today {float:left;display:block;line-height:35px;font-size:12px;color:#fff;letter-spacing:-0.03em;}
.pop_gm .list_means .txt_gm {padding-left:14px;text-indent:-15px}
.pop_gm .list_means .txt_gm .txt_emph {padding-left:12px;font-size:13px;color:#e13369;text-indent:-12px;}