@charset "utf-8";
.section {margin: 28px 0;}
.section h2 {font-size: 11px; font-weight: 600; color: #9e1c4e;}
.section h3 {margin-top: 5px; margin-bottom: 20px; font-size: 16px; line-height: 21px;}

.visuSection {margin: 0;}
.visuSection .swiper-slide {position: relative;}
.visuSection .swiper-slide .img {display: block; width: 100%;}
.visuSection .swiper-slide.swiper-slide-active .textBox {top:50%;}
.visuSection .textBox {position: absolute; left: 0; top: 53%; width: 100%; text-align: center; transform:translate(0, calc(-50% + 0.5px));transition-property: all;transition-duration: 1.5s;transition-timing-function: ease;}
.visuSection .textBox p {color: #fff;}
.visuSection .textBox .enTxt {font-size: 31px; line-height: 1;}
.visuSection .textBox .koTxt {margin-top: 5px; font-size: 18px; line-height: 1;}
.visuSection .textBox .sTxt {font-size: 11px; line-height: 1.8;letter-spacing: 0; }
.visuSection .textBox .koTxt + .sTxt {margin-top: 20px;}
.visuSection .swiper-stop-start {position: absolute; right: 2.5%; bottom: 16px; z-index: 10;}
.visuSection .swiper-stop-start a {display: block; width: 40px; height: 40px; font-size:0; background-image: url('/resources/image/mobile/common/icon_player.png'); background-size: auto 100%;background-repeat: no-repeat;}
.visuSection .swiper-stop-start .stop {background-position: 0 0;}
.visuSection .swiper-stop-start .start {display: none; background-position: -40px 0;}


.aboutTy .linkList {border-top: 1px solid #e9e9e9;}
.aboutTy .linkList li {position: relative; font-size: 0; border-bottom: 1px solid #e9e9e9;}
.aboutTy .linkList .iconImg {display: inline-block;width: 32.89%; vertical-align: middle;}
.aboutTy .linkList .txtBox {display: inline-block; margin-left: 0.66%; width:66.45%; font-size: 0; vertical-align: middle;}
.aboutTy .linkList .title {font-size: 16px; font-weight: 600; line-height: 1;}
.aboutTy .linkList .txt {margin-top: 8px; font-size: 10px; line-height: 14px; color: #7c7c7c;}
.aboutTy .linkList .link {position: absolute;left: 0; top: 0; width: 100%; height: 100%;}

.finance .stockBox {font-size: 0;}
.finance .stockBox+.stockBox {margin-top: 20px; padding-top: 20px; border-top: 1px solid #e9e9e9;}
.finance .stockBox .event {font-size: 16px; font-weight: 600; line-height: 1.7; overflow: hidden;}
.finance .stockBox .price {float: right; font-size: 27px; font-family: 'Montserrat';vertical-align: middle;}
.finance .stockBox .price strong {display: inline-block; padding: 4px 4px 2px; font-size: 11px; font-weight: normal; font-family: 'Montserrat'; text-align: center; letter-spacing: 0; border-radius: 3px; vertical-align: middle; background-color: #9e9e9e; color: #fff;}
.finance .stockBox .price strong:before {display: inline-block; margin-top: -1px; width: 6px; height: 1px; font-size: 0; vertical-align: middle; background-color:#fff;content: '';}
.finance .stockBox .price .up:before,
.finance .stockBox .price .down:before{ margin-right: 2px; width: 7px; height: 4px; background-image: url('/resources/image/mobile/common/icon_triangle.png'); background-size: auto 100%; background-repeat: no-repeat; background-color: transparent;}
.finance .stockBox .price .up {background-color: #ff4747;}
.finance .stockBox .price .up:before {margin-bottom:2px; -ms-transform: rotate(180deg); /* IE 9 */-webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */transform: rotate(180deg);}
.finance .stockBox .price .down {background-color: #2b49ff;}
.finance .stockBox table {margin-top: 12px;}
.finance .date {margin-top: 10px; font-size: 10px; text-align: right; letter-spacing: 0; color: #9e9e9e;}
.finance .stockBox+.subsidiaryStock {padding-top: 0; font-size: 0; border-top: 0;}
.finance .subsidiaryStock li {padding: 12px; font-size: 0; background-color: #f8f8f8; overflow: hidden;}
.finance .subsidiaryStock li+li {margin-top: 8px;}
.finance .subsidiaryStock .event {display: inline-block; font-size: 12px;}
.finance .subsidiaryStock .event span {display: inline-block; margin-left: 6px; font-size: 10px; line-height: 12px; color: #9e9e9e;}
.finance .subsidiaryStock .price {font-size: 16px; font-weight: 500;}
.finance .subsidiaryStock .price strong {margin-left: 10px;}

.news .swiper-slide {width: 202px; font-size:0;}
.news .swiper-slide > a {display: block; padding: 12px; font-size:0; border:1px solid #e9e9e9; box-sizing: border-box;}
.news .cate {display: inline-block; padding: 0 4px; font-size: 10px; font-weight: 600; line-height: 18px; border:1px solid #9e1c4e; color: #9e1c4e;}
.news .title {margin-top: 8px; height: 36px; font-size: 14px; font-weight: 600; line-height: 1.3;}
.news .txt {margin-top: 16px; font-size: 10px; line-height: 14px; letter-spacing: 0; color: #7c7c7c;}
.news .date {margin-top: 14px; font-size: 10px; color:#7c7c7c;}

.main ~ .footer .section {margin: 0;}

.mainPopup li {font-size:0;}
.mainPopup li a {display:block; font-size:0;}
.mainPopup li a img {display:block; width:100%; height:auto;}

/* 갤럭시5 아이폰 5/SE*/
@media screen and (max-width:568px)and (orientation : landscape){
	.aboutTy .linkList .txt {height: 56px;}
}

/*가로*/
@media screen and (orientation : landscape){
	.visuSection .swiper-slide{max-height: 320px;}

	.aboutTy .linkList{font-size: 0;}
	.aboutTy .linkList li{display: inline-block; padding-bottom: 30px; width:33.3%; vertical-align: top;}
	.aboutTy .linkList li:nth-child(2) {width:33.4%;}
	.aboutTy .linkList .iconImg {display: block; margin: 0 auto; width: 130px;}
	.aboutTy .linkList .txtBox{width: 100%; text-align: center;}
}

/* Tablet 세로 */
@media all and (min-width:768px) and (max-width:1024px)  and (orientation : portrait) {
	.section {margin: 56px 0;}
	.section h2 {font-size: 22px;}
	.section h3 {margin-top: 10px; margin-bottom: 40px; font-size: 32px; line-height: 42px;}

	.visuSection {margin: 0;}
	.visuSection .textBox .enTxt {font-size: 62px;}
	.visuSection .textBox .koTxt {margin-top: 10px; font-size: 36px;}
	.visuSection .textBox .sTxt {font-size: 22px;}
	.visuSection .textBox .koTxt + .sTxt {margin-top: 40px;}
	.visuSection .swiper-stop-start {bottom: 32px;}
	.visuSection .swiper-stop-start a {width: 80px; height: 80px;}
	.visuSection .swiper-stop-start .start {background-position: -80px 0;}

	.aboutTy .linkList {border-top: 2px solid #e9e9e9;}
	.aboutTy .linkList li {border-bottom: 2px solid #e9e9e9;}
	.aboutTy .linkList .title {font-size: 32px;}
	.aboutTy .linkList .txt {margin-top: 16px; font-size: 20px; line-height: 28px;}

	.finance .stockBox+.stockBox {margin-top: 40px; padding-top: 40px; border-top: 2px solid #e9e9e9;}
	.finance .stockBox .event {font-size: 32px;}
	.finance .stockBox .price {font-size: 54px;}
	.finance .stockBox .price strong {padding: 8px 8px 4px; font-size: 22px; border-radius: 6px;}
	.finance .stockBox .price strong:before {margin-top: -2px; width: 12px; height: 2px;}
	.finance .stockBox .price .up:before,
	.finance .stockBox .price .down:before{ margin-right: 4px; width: 14px; height: 8px;}
	.finance .stockBox .price .up:before {margin-bottom:4px;}
	 .finance .stockBox table {margin-top: 24px;}
	.finance .date {margin-top: 20px; font-size: 20px;}
	.finance .subsidiaryStock li {padding: 24px;}
	.finance .subsidiaryStock li+li {margin-top: 16px;}
	.finance .subsidiaryStock .event {font-size: 24px;}
	.finance .subsidiaryStock .event span {margin-left: 12px; font-size: 20px; line-height: 24px;}
	.finance .subsidiaryStock .price {font-size: 32px;}
	.finance .subsidiaryStock .price strong {margin-left: 20px;}

	.news .swiper-slide {width: 404px;}
	.news .swiper-slide > a {padding: 24px; border:2px solid #e9e9e9;}
	.news .cate {padding: 0 8px; font-size: 20px;line-height: 36px; border:2px solid #9e1c4e;}
	.news .title {margin-top: 16px; height: 72px; font-size: 28px;}
	.news .txt {margin-top: 32px; font-size: 20px; line-height: 28px;}
	.news .date {margin-top: 28px; font-size: 20px;}
}

/* Tablet 가로 */
@media all and (min-width:768px) and (orientation : landscape) {
	.finance .subsidiaryStock li{display: inline-block; width: 24%;}
	.finance .subsidiaryStock li:last-child {width: 25%;}
	.finance .subsidiaryStock li+li {margin-left: 1%;}
}