@charset "utf-8";

.pc_only {padding-top:30px;}

.company_info_wrap {display:flex; flex-wrap: wrap;}
.company_info_wrap .company_info_typo_wrap {width: calc(100% / 5); padding: 0 10px; border-right: 1px solid #ebebeb;}
.company_info_wrap .company_info_typo_wrap:last-child {border-right: 0;}

.company_info_wrap .company_info_typo_wrap li {text-align: center;}
.company_info_wrap .company_info_typo_wrap li:nth-child(1) {margin: 20px 0;font-size: 14pt;font-weight: bold; margin-bottom: 5px;}
.company_info_wrap .company_info_typo_wrap li:nth-child(2) {font-size:12pt;line-height: 23px;color: #878787;}

.company_info_wrap .company_info_typo_wrap:nth-child(1) p:first-child {background:url('../img/summary_info_icon01.jpg') no-repeat center; width: 100%; height: 60px;}
.company_info_wrap .company_info_typo_wrap:nth-child(2) p:first-child {background:url('../img/summary_info_icon02.jpg') no-repeat center; width: 100%; height: 60px;}
.company_info_wrap .company_info_typo_wrap:nth-child(3) p:first-child {background:url('../img/summary_info_icon03.jpg') no-repeat center; width: 100%; height: 60px;}
.company_info_wrap .company_info_typo_wrap:nth-child(4) p:first-child {background:url('../img/summary_info_icon04.jpg') no-repeat center; width: 100%; height: 60px;}
.company_info_wrap .company_info_typo_wrap:nth-child(5) p:first-child {background:url('../img/summary_info_icon05.jpg') no-repeat center; width: 100%; height: 60px;}
.company_info_wrap .company_info_typo_wrap:nth-child(6) p:first-child {background:url('../img/logo_typo_mo2.png') no-repeat center; width: 100%; height: 108px;}

/* 미니타이틀 */

.metro_tit{position:relative; font-size:18pt; font-weight:bold; padding:10px 0 0 0px;}
.metro_tit:before{position:absolute; content:''; top:0; left:0; width:26px; height:7px; background-image:url('../img/mapicon_07.png'); background-repeat:no-repeat; background-position:0 0;}
.mgtop100 {margin-top:100px;}
.metro_tit {display:inline-block;}
.metro_tit_mini {display:inline-block; margin:16px 0;font-weight: bold;margin-left: 24px;color: #757575;}
.title_wrap {margin-bottom:10px;}


.mini_title_wrap_logo {margin-top:20px;}
.sub_tit_logo {display: block;font-size:14pt; font-weight:bold; margin-bottom: 5px;}
.sub_tit_mini {display:block;line-height: 26px;font-weight: bold;color: #757575; margin-bottom:10px;}
.sub_tit_mini:last-child {margin-bottom:0;}
.sub_tit_mini span {color:#00abeb;}

.sub_tit_mini_wrap01 {margin-bottom:10px;}
.sub_tit_mini_wrap01 li {display:inline-block;line-height: 26px;font-weight: bold;color: #757575;}
.sub_tit_mini_wrap01 li span {color:#00abeb;}
.sub_tit_mini_wrap01 li:nth-child(2) {padding-bottom: 10px;margin-left: -4px; width:21%; color:#00abeb;}

.sub_tit_mini_wrap02 {margin-bottom:10px;}
.sub_tit_mini_wrap02 li {display:inline-block;line-height: 26px;font-weight: bold;color: #757575;}
.sub_tit_mini_wrap02 li span {color:#00abeb;}
.sub_tit_mini_wrap02 li:nth-child(2) {padding-bottom: 10px;margin-left: -4px; width:14%; color:#00abeb;}

.sub_tit_mini_wrap03 {margin-bottom:10px;}
.sub_tit_mini_wrap03 li {display:inline-block;line-height: 26px;font-weight: bold;color: #757575;}
.sub_tit_mini_wrap03 li span {color:#00abeb;}

.sub_tit_mini_wrap04 li {display:inline-block;line-height: 26px;font-weight: bold;color: #757575;}
.sub_tit_mini_wrap04 li span {color:#00abeb;}

.mb30 {margin-bottom:30px;}
.mt30 {margin-top:30px;}

.year_wrap {display:flex; flex-wrap: wrap; margin:80px 0;}
.year_wrap .two {width: calc(100% / 2);}
.year_bg p{background:url('../img/summary_year.jpg')no-repeat center; width: 100%; height: 100%;}
.year_typo {padding:60px;}

.company_info_wrap .company_info_typo_wrap:nth-child(6) {display:none;}

/* 로고(로고) */
.ci_logo {margin: 0 auto;padding: 2%;box-sizing: border-box;background: url(../img/ci_back.jpg);text-align: center;border: 1px solid #cfcfcf;}
.ci_logo li {display:inline-block;}
.ci_logo li:nth-child(1) {background: url(../img/summary_logo_gray.png) no-repeat center; width: 270px; height: 180px;}
.ci_logo li:nth-child(2) {margin:0 0 0 80px; background: url(../img/summary_logo_color.png) no-repeat center; width: 309px; height: 180px;}


/* 로고(색상표) */
.ci_logo_color {margin: 0 auto;padding: 6%;box-sizing: border-box;background: url(../img/ci_back.jpg);text-align: center;border: 1px solid #cfcfcf;}
.ci_logo_color li {display:inline-block;}
.ci_logo_color li:nth-child(1) {background: url(../img/summary_color01.jpg) no-repeat center; width: 330px; height: 80px;}
.ci_logo_color li:nth-child(2) {margin:0 10px; background: url(../img/summary_color02.jpg) no-repeat center; width: 330px; height: 80px;}
.ci_logo_color li:nth-child(3) {background: url(../img/summary_color03.jpg) no-repeat center; width: 330px; height: 80px;}

.company_info_typo {display:block;}
.company_info_mo_typo {display:none;}

.year_typo02 {display:none;}

/* 반응형 */
@media screen and (max-width: 1814px){
.sub_tit_mini_wrap01 li:nth-child(2) {padding-top:26px;}
}


@media screen and (max-width: 1159px){
.ci_logo_color li:nth-child(3) {margin-top:14px;}
}

@media screen and (max-width: 1000px){
.container.grt_bg{background-size:55%; background-position:0% 101%;}
.bg_img {display:none;}
.ci_logo_color {margin-bottom:54px;}
}

@media screen and (max-width: 937px){
.year_wrap .two {width: calc(100% / 1);}
.sub_tit_mini_wrap01 li:nth-child(2) {padding-top:0;}
.year_typo {padding: 40px;}
.year_wrap {margin: 40px 0;}
.mgtop80 {margin-top:40px;}
}

@media screen and (max-width: 795px){
.ci_logo_color li:nth-child(1) {margin-bottom:14px;}
}

@media screen and (max-width: 770px){
.grt_cont{display:block; width:100%; padding-right:0; padding:20px; background:#f7f7f7; margin-bottom:10px;}
.grt_cont:nth-of-type(2){padding-right:20px;}
.sine{padding:0;}
}

@media screen and (max-width: 650px){
.container.grt_bg{background:none;}
.top_grt.grt_greeting .pc_only{display:none;}
.top_grt.grt_greeting .mobile_only{display:block; width:100%; border:5px solid #f7f7f7; padding:20px; background:#fbfbfb; text-align:center; font-size:13pt; font-weight:bold; color:#000; line-height: 1.6;}
.top_grt.grt_greeting .mobile_only span{font-size:13pt; font-weight:bold; display:inline-block;}
.top_grt.grt_greeting .mobile_only .skyblue{color:#00abeb;}
}

@media screen and (max-width: 619px){
.title_wrap {padding-top:20px;}
.metro_tit_mini {display:block; margin-left: 0;}
.year_wrap {margin:20px 0;}
.year_typo {padding: 0;}

.year_typo02 {display:block; margin-top: -20px; padding-bottom:20px;}
.bg_color {padding:0 1%;}
.mgtop80 {margin-top:10px;}

/* 기업개요 아이콘부분 */
.company_info_wrap .company_info_typo_wrap {padding:15px; border: 1px solid #dfdfdf;width: calc(100% / 2);}
.company_info_wrap .company_info_typo_wrap:nth-child(1) { border-right: 0; border-bottom: 0;}
.company_info_wrap .company_info_typo_wrap:nth-child(2) {border-bottom: 0;}
.company_info_wrap .company_info_typo_wrap:nth-child(3) {border-right: 0; border-bottom: 0;}
.company_info_wrap .company_info_typo_wrap:nth-child(5) { border-right: 1px solid #dfdfdf;}
.company_info_wrap .company_info_typo_wrap:nth-child(6) {display:block; border-right: 1px solid #dfdfdf; border-left:0; border-top:0; background:#03acec;}

.company_info_typo {display:none !important;}
.company_info_mo_typo {display:block;}
.company_info_wrap .company_info_typo_wrap li {margin:0;}

.sub_tit_mini_wrap01 {display:none;}
.sub_tit_mini_wrap02 {display:none;}
.sub_tit_mini_wrap03 {display:none;}
.sub_tit_mini_wrap04 {display:none;}
}

@media screen and (max-width: 550px){
.sub_tit_mini_wrap01 li:nth-child(2) {padding-top:26px;}
}

@media screen and (max-width: 500px){
.grt_cont p{font-size:10pt;}
.top_grt.grt_greeting .mobile_only , .top_grt.grt_greeting .mobile_only span{font-size:11pt;}
.ci_logo li:nth-child(2) {margin: 0 0 0 0;}
.ci_logo li:nth-child(1) {background-size: 100%;width: 88%;}
.ci_logo li:nth-child(2) {background-size: 100%;width: 88%;}
}

@media screen and (max-width: 427px){
.metro_tit_mini {line-height: 22px; margin: 10px 0;}

/* 색상표 */
.ci_logo_color li:nth-child(1) {background-size: 100%;width: 88%;}
.ci_logo_color li:nth-child(2) {background-size: 100%;width: 88%; margin:0;}
.ci_logo_color li:nth-child(3) {background-size: 100%;width: 88%;}
}

@media screen and (max-width: 400px){
.none400{display:none;}
}

@media screen and (max-width: 356px){
.sub_tit_mini_wrap01 li:nth-child(2) {padding-top:52px;}
}

@media screen and (max-width: 320px){
.none320{display:none;}
}

/* 반응형 공통 css */
@media screen and (max-width: 1000px){
}
@media screen and (max-width: 800px){
.metro_tit {font-size:16pt;}
}
@media screen and (max-width: 600px){
/* 기업개요 아이콘 */
.company_info_wrap .company_info_typo_wrap li:nth-child(1) {margin:10px 0 0 0; font-size:12pt;}
.company_info_wrap .company_info_typo_wrap li:nth-child(2) {font-size:10pt;}

/* 타이포 */
.metro_tit {font-size:14pt;}
.sub_tit_mini {font-weight:normal; color:#333; font-size:10pt; margin-bottom: 5px;}
.sub_tit_mini span { margin-right:5px;font-size:10pt;}
.metro_tit_mini {font-weight:normal; color:#333;}

/* 로고설명 */
.metro_tit_mini {margin:14px 0;}
.sub_tit_logo {display: inline-block;font-size: 12pt;background: #ececec;}
}