@charset "utf-8";

	html {overflow-x: hidden;}

	
	#wrapHeader #header .goSite button.allMenu.on {
		position: absolute;
		top: 10px;
		right: 10px;
		z-index: 9999;
		/* background-color: transparent; */
		background-color: #2d3039;
		border-radius: 50%;
		border-left: 0;
		padding: 17px 0;
		width: 50px;
		height: auto;
	}
	#wrapHeader #header .goSite .global {
		display: none;
	}

	#gnbAll.mobileGnb {
		position: absolute;
		top: 0;
		right: -60%;
		width: 70%;
		background-color: #454750;
		padding: 73px 0 0 0;
		border-top: 0;
		margin-top: 0;
	}
	#gnbAll > ul {
		border: 0;
		position: relative;
	}
	#gnbAll > ul > li,
	#gnbAll > ul > li.first {
		float: none;
		width: 100%;
		background-color: #454750;
		top: 0;
	}
	#gnbAll > ul > li dl {
		min-height: 40px;
		background-color: #2d3039;
		border-left: 0;
		margin-left: 150px;
	}
	#gnbAll > ul > li dl dt {
		position: absolute;
		top: 0;
		left: 0;
		border-bottom: 0;
		margin-bottom: 0;
		width: 150px;
		text-align: left;
	}
	#gnbAll > ul > li.list07 dl dt {
		top: 110px;
	}

	#gnbAll > ul > li.list02 dl dt {
		top: 55px;
	}
	#gnbAll > ul > li.list03 dl dt {
		top: 165px;
	}
	#gnbAll > ul > li.list04 dl dt {
		top: 165px;
	}
	#gnbAll > ul > li.list05 dl dt {
		top: 220px;
	}
	#gnbAll > ul > li.list06 dl dt {
		top: 275px;
	}
	#gnbAll > ul > li.list02,
	#gnbAll > ul > li.list07,
	#gnbAll > ul > li.list03,
	#gnbAll > ul > li.list04,
	#gnbAll > ul > li.list05,
	#gnbAll > ul > li.list06 {
		margin-top: -40px;
	}
	#gnbAll > ul > li dl dt a {
		color: #fefefe;
		padding: 15px 0 15px 20px;
	}
	#gnbAll > ul > li dl dd {
		display: none;
		padding: 0 0 0 20px
	}
	#gnbAll > ul > li.on dl dt {
		background-color: #2d3039;
	}
	#gnbAll > ul > li.on dl dt a {
		color: #97caff;
	}
	#gnbAll > ul > li.on dl dd {
		display: block;
	}
	#gnbAll > ul > li dl dd > a {
		color: #d4d5d7;
		border-bottom: 1px solid #5d6264;
		display: block;
		font-weight: 400;
		font-size: 1.1em;
		padding: 15px 40px 15px 5px;
	}
	#gnbAll > ul > li dl dd > a:hover {
		color: #97caff;
	}
	#gnbAll > ul > li dl dd.hasChild > a {
		background: url("../images/common/gnb_open.png") 95% center no-repeat;
	}
	#gnbAll > ul > li dl dd.hasChild.on > a {
		background: url("../images/common/gnb_close.png") 95% center no-repeat;
		color: #97caff;
	}
	#gnbAll > ul > li dl dd ul {
		display: none;
		background-color: #343946;
		padding: 10px;
	}
	#gnbAll > ul > li dl dd ul li {
		background: url("../images/common/gnbAll_3depthM.gif") left 10px no-repeat;
		margin: 4px 0;
	}
	#gnbAll > ul > li dl dd ul li a {
		color: #c5c3c2;
	}
	#gnbAll > ul > li dl dd.hasChild.on ul {
		display: block;
	}
	#gnbAll .global {
		position: absolute;
		top: 29px;
		left: 22px;
	}
	#gnbAll .global button.text {
		float: left;
		color: #FFF;
		padding-right: 20px;
		background: url("../images/common/goSiteBtn_mobile.png") right 2px no-repeat;
		cursor: default;
		margin: 2px 15px 0 0;
	}
	#gnbAll .global ul {
		float: left;
	}
	#gnbAll .global ul li {
		float: left;
		margin-right: 7px;
	}
	#gnbAll .global ul li a {
		color: #FFF;
		border-right: 1px solid #8a8b91;
		font-size: 0.84em;
		padding-right: 7px;
	}
	#gnbAll .global ul li a:hover {
		color: #93c5f9;
	}
	#gnbAll .global ul li:last-child {
		margin-right: 0;
	}
	#gnbAll .global ul li:last-child a {
		padding-right: 0;
		border-right: 0;
	}


	#visualWrap .bx-controls {
		padding: 25px 0;
	}
	#visualWrap .bx-controls-direction {
		top: 35%;
	}

	#wrapArticle #container #contents.mainWrap {
		width: 94%;
	}
	#wrapArticle .noticeNews li {
		width: 33.3%;
	}
	#wrapArticle .noticeNews li a dl dt {
		font-size: 0.94em;
		height: 38px;
	}
	#wrapArticle .noticeNews li a dl dd {
		font-size: 0.84em;
		height: 33px;
	}

	#sVisual {
		text-align: center;
	}

	.imgWrap img {width: 100%;}

	#businessWrap {
		padding: 40px 0;
	}
	#businessWrap .bx-wrapper {
		max-width: 100%;
	}
	#businessWrap .bx-viewport {
		width: 80% !important;
		padding-left: 0;
		margin: 0 auto;
	}
	#businessWrap .bx-viewport li img {
		width: 100%;
	}
	#businessWrap .bx-caption {
		width: 90%;
		padding: 7% 5% 2% 5%;
		height: 35%;
		/* min-height: 110px; */
		top: auto;
		bottom: 0;
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
		filter: alpha(opacity=80);
		opacity: 0.8;
	}
	#businessWrap .bx-caption .title {
		font-size: 1.54em;
		font-weight: 700;
		margin-bottom: 5px;
	}
	#businessWrap .bx-caption p {
		width: 80%;
		font-size: 0.98em;
		height: 45px;
		overflow: hidden;
	}
	#businessWrap .bx-controls {
		position: absolute;
		bottom: 42%;
		left: 14%;
		z-index: 9999;
	}
	#businessWrap .bx-caption a.v_more {
		font-size: 0.9em;
		margin-top: 5px;
		text-decoration: underline;
		background-position: right 3px;
	}
	#businessWrap .bx-controls-direction {
		display: none;
	}
	#businessWrap .bx-pager,
	#businessWrap .bx-controls-auto {
		display: inline-block;
		position: relative;
		vertical-align: top;
	}
	#businessWrap .bx-pager div {
		float: left;
		margin: 0 2px;
	}
	#businessWrap .bx-pager div a {
		background-color: #cfd1d3;
		width: 38px;
		height: 10px;
		text-indent: -5000px;
		display: block;
	}
	#businessWrap .bx-pager div.active a {
		background-color: #33373c;
	}
	#businessWrap .bx-controls-auto div {
		position: absolute;
		top: 0;
		left: 0;
		background: url("../images/main/mVisualBar.gif") left center no-repeat;
		padding-left: 7px;
		margin-left: 5px;
	}
	#businessWrap .bx-controls-auto div a {
		background: url("../images/main/mVisual_btn.png") left top no-repeat;
		display: block;
		width: 7px;
		height: 10px;
		text-indent: -5000px;
	}
	#businessWrap .bx-controls-auto div a.bx-start {
		background-position: right top;
	}
	#businessWrap .bx-controls .bx-controls-auto div a.active {
		display: none;
	}

	/* #wrapFooter .siteLink .siteList, 
	#wrapFooter .siteLink .siteList li, 
	#wrapFooter .siteLink .snsList, 
	#wrapFooter .siteLink .snsList li, 
	#wrapFooter .siteLink .jumpMenuWrap {
		float: none;
		display: inline-block;
	} */


	/* ------------------------------------- SUB */
	#navi ul li {
		min-width: 50px;
	}
	.headTitlesp {
		margin-bottom: 30px;
	}
	.pcVer {display: none;}
	.mobileVer {display: block;}

	.ceo_intro .ceoBg {
		font-size: 0.84em;
		margin-right: -40px;
	}
	.ceo_intro .text .textL, 
	.ceo_intro .text .textR {
		width: 100%;
		float: none;
	}
	.businessWrap.business05 .floatR {
		margin-top: 30px;
	}
	.business05 .floatR h4, 
	.business05 .floatR p, 
	.business05 .floatR dl, 
	.business06 .floatR h4, 
	.business06 .floatR p {
		margin-left: 0;
	}
	.business12 .floatR {
		position: relative;
		top: auto;
		right: auto;
		width: 100%;
	}
	.business13 .floatR ol {
		margin-left: 0;
	}
	.business_list li {
		width: 50%;
	}
	.business04 dl, 
	.business07 dl, 
	.business09 dl, 
	.business10 dl,
	.business14 dl,
	.business15 dl,
	.business_amr_01 dl,
	.business_amr_02 dl,
	.business_amr_03 dl {
		width: 92%;
		float: none;
		clear: both;
		margin-top: 329px;
		min-height: auto;
	}
	.businessWrap span.button {
		bottom: auto;
		top: 0;
	}
	.business7 .floatR dl dd.normal ul.ul,
	.business12 .floatR dl,
	.business7 .floatR dl {
		min-height: auto;
	}
	.business14 {
		background-position: left 7%;
		background-size: 200%;
	}
	.protoxin_graph01 li {
		width: 50%;
		margin-bottom: 20px;
	}
	.protoxin1 {
		background: none;
		padding: 10px;
		border: 1px solid #d4d7db;
		min-height: 100px;
	}
	.protoxin1 p {
		width: 90%;
		background-color: #4176ba;
		margin-bottom: 20px;
		padding: 5%;
	}
	.protoxin1 ul {
		width: 100%;
	}
	.capability .list01 {
		background: none;
		height: auto;
		margin-bottom: 50px;
	}
	.capability .list01 dt {
		margin-bottom: 10px;
		padding: 10px 0;
		display: block;
	}
	.capability .list01 dd {
		position: relative;
		text-indent: 0;
		background-color: #329198;
		color: #FFF;
		margin: 5px 0;
		padding: 10px 0;
	}
	.capability .list01 dd.t01 {
		background-color: #3a519c;
	}
	.capability .list01 dd.t03 {
		background-color: #3189af;
	}
	.capability .list02 {
		width: 100%;
	}
	.capability .list03 {
		width: 100%;
	}
	.main_pop_overlay #boxpopup, 
	.main_pop_overlay2 #boxpopup2 {
		height: 400px;
	}
	#boxpopup .contents, 
	#boxpopup2 .contents {
		height: 70%;
	}
	.chart_box {
		margin-bottom: 0;
	}
	.quote,
	.kospi_chart,
	.quote_table,
	.curr_chart {
		float: none;
		width: 100%;
		overflow: hidden;
		margin-bottom: 20px;
	}
	.quote,
	.curr_chart {
		width: auto;
	}
	.orgWrap h5 {
		width: 100%;
	}
	.orgWrap ul {
		margin-left: 0;
	}


	/* ------------------------------------- SUB Board */
	#board_list.list li {
		width: 50%;
	}
	#board_view.view .view_header p.v_title {
		margin-right: 0;
		margin-bottom: 20px;
	}
	#board_view.view.surveyList .view_header p.v_title {
		margin-bottom: 0;
	}
	#board_view.view .view_header ul {
		position: relative;
		top: auto;
		right: auto;
	}
	.view#board_view .view_header ul li {
		margin-left: 0;
		margin-right: 10px;
	}


@media screen and (max-width:620px) {
	#businessWrap .bx-caption p {
		height: 25px;
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
	}
	#mQuick {
		padding: 20px 0;
		width: 92%;
		margin: 0 auto;
	}
	#mQuick li {
		width: 50%;
		margin-bottom: 5px;
	}
	#mQuick li a {
		background-color: #343e4c;
		color: #FFF;
		width: 98%;
		padding: 10px 0;
	}
	#mQuick li dl {
		padding-top: 0;
	}
	#mQuick li dl.list01,
	#mQuick li dl.list02,
	#mQuick li dl.list03,
	#mQuick li dl.list04,
	#mQuick li dl.list05,
	#mQuick li dl.list06 {
		background: none;
	}
	#mQuick li dl dt {
		color: #FFF;
		margin-bottom: 0;
		font-weight: 400;
		font-size: 1.04em;
	}
	#mQuick li dl dd {
		display: none;
	}

	#wrapFooter .siteLink .siteList {
		display: inline-block;
		float: none;
	}
	#wrapFooter .siteLink .siteList li {
		width: 50%;
		margin-bottom: 5px;
	}
	#wrapFooter .siteLink .siteList li a {
		min-width: 30px;
	}
	#wrapFooter .siteLink .jumpMenuWrap {
		clear: both;
		width: 100%;
	}

	/* ------------------------------------- SUB */
	.overflowList .title1st,
	.overflowList .tableWrap, 
	.overflowList .company_summary {
		float: none;
		clear: both;
		width: 100%;
	}
	.overflowList .title1st {
		margin-bottom: 20px;
	}
	.overflowList .company_summary li {
		width: 47%;
		height: 230px;
	}
	.ceo_intro .ceoBg {
		/*background-size: 70% auto;*/
		font-size: 0.7em;
		padding-top: 30px;
		height: 307px;
	}
	.ceo_intro .ceoBg p {
		margin-right: 40%;
	}
	.businessWrap .floatL, 
	.businessWrap .floatR {
		width: 100%;
	}
	.business04 .floatR dl {
		width: auto;
	}
	.capability .list02 dd {
		margin: 0 1%;
		width: 31.3%;
		padding-top: 0;
	}
	.capability .list02 dd.bg01,
	.capability .list02 dd.bg02,
	.capability .list02 dd.bg03 {
		background: none;
	}
}