@charset "utf-8";
div#interior{display:none!important}

.m00{/* margin-left:91px!important */ }
.m00 div.title p.tit1{margin-bottom:40px;font-family: 'Montserrat';font-size:25px;font-weight: 600;line-height:1;color: rgba(0, 0, 0, 0.85);}

.m11 .section04 div.title p.tit1 {
    margin-bottom: 5px;
    color: #fff;
    margin-top: 45px;
}
.m00 div.title p.tit1.white{color:#fff}
.m00 p.line_tit1{font-size: 19px;color:#222;line-height: 30px;position:relative;font-weight:350;padding-left: 20px;font-family:'DemiLight';overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 1;-webkit-box-orient: vertical;word-wrap: break-word;-webkit-box-sizing: border-box;box-sizing: border-box;display: -webkit-box;}
.m00 p.line_tit1:before{border-radius: 50%;position:absolute;top: 13px;left:0;width: 5px;height: 5px;background:#222;content:'';}
.m00 div.title p.txt1{font-family: 'Montserrat';font-weight: 600;line-height:1;color:#000;margin-top:-30px;margin-bottom: 26px;}
.m00 div.title p.txt1.white{color:#fff}
.m11 div.section01{background:#f1f1f1 url(/img/page/m11_section01_bg.jpg) no-repeat right top;background-position-y:60px}
.m11 div.section01 div.con01{width: 1248px;margin:70px auto 0;position:relative;z-index:0;}
.m11 div.section01 div.con01 div.text{width:100%;-js-display:flex;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;margin-top:200px}
.m11 div.section01 div.con01 div.text > p{-ms-flex-preferred-size:50%;flex-basis:50%;width:50%;position:relative;font-size:17px;font-weight:300;letter-spacing:-.4px;color:rgba(0,0,0,0.7);padding-top:20px}
.m11 div.section01 div.con01 div.text > p.txt1:nth-of-type(2){font-size:15px;line-height:1.7}
.m11 div.section01 div.con01 div.text > p:before{width:20px;height:2px;background:#000;content:'';position:absolute;top:0;left:0}
.m11 div.section02 div.con01{width:100%;height: 100vh;display:-webkit-box;display:-ms-flexbox;display:flex;-js-display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;color:#fff;}
.m11 div.section02 div.con01 div.text{-ms-flex-preferred-size:49%;flex-basis:49%;width:49%;margin-bottom: 120px;min-width: 815px;}
.m11 div.section02{background:#252525}
.m11 div.section02 div.con01 div.img{-ms-flex-preferred-size:51%;flex-basis: 42.5%;height:100%;width:51%;background-size:cover;}
.m11 div.section02 div.con01 div.img .bg_img{
	/* background:url(/img/page/m11_section02_ceo.jpg) no-repeat; */
	/* width: 499px; */
	/* height: 400px; */
	/* margin: auto; */
	text-align: right;
	margin-right: 0px;
	margin-top: 140px;
}

.m11 div.section02 div.con01 div.text > *{margin-left:110px}
.m11 div.section02 div.con01 div.text > p.txt1{margin-bottom: 42px;}
.m11 div.section02 div.con01 div.text > p[class*='txt']{font-size:16px;font-weight:300;line-height:1.6;letter-spacing:-.4px;color:rgba(255,255,255,0.5)}

.m11 div.section02_1 div.con01{width:100%;height: 100vh;display:-webkit-box;display:-ms-flexbox;display:flex;-js-display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;color:#fff;}
.m11 div.section02_1 div.con01 div.text{-ms-flex-preferred-size:49%;flex-basis: 57%;width:49%;margin-bottom: 120px;text-align: left;min-width: 1009px;}
.m11 div.section02_1{background: #bcbcbc;}
.m11 div.section02_1 div.con01 div.img{-ms-flex-preferred-size:51%;flex-basis: 37%;height:100%;width:51%;background-size:cover;}
.m11 div.section02_1 div.con01 div.img .bg_img{
	/* background:url(/img/page/m11_section02_ceo.jpg) no-repeat; */
	/* width: 499px; */
	/* height: 400px; */
	/* margin: auto; */
	text-align: left;
	margin-left: 75px;
	margin-top: 125px;
}

.m11 div.section02_1 div.con01 div.text > *{margin-left: 330px;}
.m11 div.section02_1 div.con01 div.text > p.txt1{margin-bottom: 28px;}
.m11 div.section02_1 div.con01 div.text > p[class*='txt']{font-size:16px;font-weight:300;line-height:1.6;letter-spacing:-.4px;color:rgba(255,255,255,0.5)}



.m11 div.section03 div.con01{width:100%;height: 100%;position: relative;color:#fff;padding: 200px 0;}
.m11 div.section03{background:#ededed}
.m11 div.section03 div.con01 div.text{position: relative;width:68%;left: 0;}
.m11 div.section03 div.con01 div.img{background:url(/img/page/m11_section03_bg.jpg) no-repeat;position: absolute;top: 0;right: 0;height: 100%;width:32%;background-size:cover;}
.m11 div.section03 div.con01 div.text > *{margin-left: 330px;}

.m11 div.section03 div.con01 .award_slide {
    width: 700px;
}
.m11 div.section03 div.con01 .award_slide div.item p.num{
	width:70px;display:inline-block;vertical-align:top;font-size:17px;
	font-weight:500;color:rgba(0,0,0,0.5);line-height:1.5
}
.m11 div.section03 div.con01 .award_slide div.item p.txt1{
	width:calc(100% - 86px);display:inline-block;vertical-align:top;
	font-size:17px;font-weight:400;line-height:1.5;letter-spacing:-.4px;color:rgba(0,0,0,1);
	word-break: keep-all;padding-right: 40px;box-sizing: border-box;
}
.m11 div.section03 div.con01 .award_slide div.item{font-size:0;vertical-align: top;}

.m11 div.section03 div.con01 .award_slide .slick-slide > div {
    margin-top: 10px;
}
.m11 div.section03 div.con01 .award_slide div.item + div.item{margin-top:10px}
.m11 div.section03 div.con01 div.pager {
    display: inline-block;
    vertical-align: top;
    margin-top: 32px;
}

.m11 div.section03 div.con01 div.pager li {
    margin: 0;
    margin-left: -10px;
    margin-right: 10px;
}
.m11 div.section03 div.con01 div.pager li.on{color:#000}
.m11 div.section04 div.title{width: 1480px;margin:0 auto;}
.m11 div.section04 .people_slide{width: 1480px;margin:0 auto;}
.m11 div.section04{background: #343434;}
.m11 div.section04 .pager{
    width: 1480px;
    margin: 20px auto 0;
}

.m11 div.section04 .pager li.prev {
    margin-right: -25px;
}

.m11 div.section04 .pager ul {
    float: right;
    margin-right: -10px;
}

.m11 div.section04 .pager:after {
    clear: both;
    content: '';
    display: block;
}
.m11 div.section04 .people_slide .item {width: 141px !important;position:relative;margin-top:6px;margin-right: 8px;}

.m11 div.section04 .people_slide .item:nth-child(10) {
    margin-right: 0;
}
.m11 div.section04 .people_slide .item p.txt1{font-size: 13px;font-weight:300;line-height:1.4;text-align:center;color:#fff;position:absolute;top: 15px;left:0;right:0;opacity:0;-webkit-transition:.4s;transition:.4s;z-index: 2;}

.m11 div.section04 .people_slide .item.text-bottom p.txt1 {
    top: auto;
    bottom: 15px;
}
.m11 div.section04 .people_slide .item div.img{position:relative;width: 141px;height: 248px;z-index: 1;}

.m11 div.section04 .people_slide .item div.img span {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}

.m11 div.section04 .people_slide .item div.img span.hv_img {
    z-index: 1;
    opacity: 0;
}

.m11 div.section04 .people_slide .item:hover div.img span.hv_img {
    opacity: 1;
}

.m11 div.section04 .people_slide .item div.img img {
    width: 100%;
    height: 100%;
}
.m11 div.section04 .people_slide .item:hover p.txt1{opacity:1}

.m11 div.section05 div.box{position:absolute;top:0;left:0;background: #fff;bottom:0;width: 50%;color:#fff;-webkit-box-sizing:border-box;box-sizing:border-box;z-index:1;overflow: hidden;display: flex;flex-direction: column;justify-content: center;padding-left: 320px;}

.m11 div.section05 div.box .title {
    width: 100%;
}
.m11 div.section05 div.box > *{position:relative}
.m11 div.section05 div.box ul.list li+li{margin-top:25px}
.m11 div.section05 div.box ul.list p.tit1{font-size:17px;font-weight: 600;line-height:1;color: rgba(0, 0, 0, 0.85);font-family: 'Montserrat';margin-bottom:5px;}
.m11 div.section05 div.box p.txt1{font-size:16px;font-weight:300;line-height:1.6;color: rgba(0, 0, 0, 0.85);}
.m11 div.section05 div.box ul.list li.last{margin-top:85px}
.m11 div.section05 div.box ul.list li div.icon{display:inline-block;width:50px;vertical-align:top}
.m11 div.section05 div.box ul.list li div.text{display:inline-block;width:calc(100% - 50px);vertical-align:top}
.m11 div.section05 div.box ul.list li{font-size:0}
.m11 div.section05 div.box div.title p.tit1{font-size:25px;margin-bottom:85px;}
.m11 div.section05 div.box p.txt1 span{font-family:'futuraBT';font-weight:500}

/*230111_m11*/
.m11 .text_wrap{
	width: 1480px;
	margin: 0 auto;
}
.m11 .text_wrap .bottom{
	padding-top: 15px;
}
.m11 .text_wrap p.gray{
	font-size: 17px;
	letter-spacing: -0.1;
	font-family: 'Noto Sans CJK KR Regular';
	font-weight: 600;
	padding-bottom: 7px;
}
.m11 .text_wrap p.white{
	font-size: 16px;
	letter-spacing: -0.1;
	color: #ffffff;
	font-weight: 100;
}


.m21 div.con01{margin:0 auto;width:1170px}
.m21 div.con01 div.title p.tit1{margin-bottom:20px;margin-top:130px;margin-left:15px}
.m21 .grid_wrap{}
.m21 .paging {
    text-align: center;
    margin-top: 55px;
    padding-bottom: 175px;
}

.m21 .paging .num {
    display: block;
    font-size: 15px;
    color: #222;
    font-weight: 500;
}

.m21 .paging .btn figure {
    margin-top: 10px;
}
.m21 .paging .loading_img{text-align:center; display:none; margin-bottom: 45px;}
.m21 .paging .loading_img img {
    -webkit-animation: loading .8s infinite linear;
    animation: loading .8s infinite linear;
}
.m21view .con01 {
    position: relative;
    width: 1140px;
    margin: 130px auto 100px;
}

.m21view .con01 .title p.tit1 {
    font-size: 24px;
    font-family: 'Noto Sans KR';
    margin-bottom: 32px;
    line-height: 1.2;
    font-weight: 400;
}

.m21view .con01 > div.content img {
    max-width: 100% !important;
    width: auto !important;
}
.m21view .page_btn ul {
    position: fixed;
    top: 50%;
    transform: translateY(-50%);
    right: 3%;
    display: inline-block;
}

.m21view .page_btn ul li.prev + li.next {
    margin-top: 5px;
}

.m21view .page_btn ul li.list {
    margin-top: 20px;
}
@-webkit-keyframes loading {
from{-webkit-transform:rotate(0);transform:rotate(0deg)}
to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}
}
@keyframes loading {
from{-webkit-transform:rotate(0);transform:rotate(0deg)}
to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}
}

/* m21 new */
.m21 .grid_g {display: flex;flex-wrap: wrap;width: 1140px;margin-top: -15px;}
.m21 .grid_g li {width: 360px;position:relative;margin-right: 30px;margin-top: 30px;}
.m21 .grid_g li:nth-child(3n) {margin-right: 0;}
.m21 .grid_g a{display:block;height:100%;width:360px;margin:0 auto;position:relative}
.m21 .grid_g .img{width:360px;margin:0 auto;position:relative;height: 0;overflow: hidden;padding-bottom: 150%;}

.m21 .grid_g .img img{position: absolute;top: 0;left: 0;height: 100%;}
.m21 .grid_g .center{position:absolute;top:0;left:0;bottom:0;right:0;background:rgba(0,0,0,0.7);text-align:center;opacity:0;transition:.4s}
.m21 .grid_g a{cursor: default;}
.m21 .grid_g li.on a{cursor: pointer;}
.m21 .grid_g li.on:hover .center{opacity:1;}
.m21 .grid_g figure{display:table;width:100%;height:100%}
.m21 .grid_g figure span{display:table-cell;vertical-align:middle;padding-top:22px}
.m21 .grid_g figure span p{font-size:20px;color:#fff;letter-spacing:.2px;line-height:1.3;margin-top:22px;box-sizing:border-box;padding:0 20px}
/* m21 new */



.m31 div.con01{margin:128px auto;margin-bottom:148px;width:1170px}
.m31 div.con01 img{width:100%;display:block}
.m41{}
.m41 div.con01{margin:128px auto;margin-bottom:148px;width:1170px}
.m41 div.con01 img{width:100%;display:block}
.m51 div.title p.tit1{margin-top:130px}

.m51 .section01 .title p.tit1 {
    margin-bottom: 75px;
    margin-top: 140px;
}
.m51 div.con01{width:985px;margin:0 auto}
.m51 div.title{width:985px;margin:0 auto}
.m51 div.section01 div.con01 ul.list div.img{border-radius:200px;-ms-flex-preferred-size:200px;flex-basis:200px;overflow:hidden}
.m51 div.section01 div.con01 ul.list div.text{}
.m51 div.section01 div.con01 ul.list li + li{
    margin-top: 20px;
}
.m51 div.section02 ul.list{display:-webkit-box;display:-ms-flexbox;display:flex;-js-display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;width:100%;}
.m51 div.section02 ul.list li{-ms-flex-preferred-size:316px;flex-basis:316px}
.m51 div.section02 ul.list li + li{margin-left: 18px;}
.m51 div.section02 ul.list li p.txt1{margin-bottom:40px;font-size:19px;color:#222;letter-spacing:-1px;line-height:1.6;margin-top:20px}
.m51 div.section02 ul.list li div.img{position:relative}
.m51 div.section02 ul.list li div.img:after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.4)}
.m51 div.section02 ul.list li div.img:before{position:absolute;content:'';top:5px;left:5px;right:5px;bottom:5px;border:1px solid rgba(255,255,255,0.5)}
.m51 div.section02 ul.list li > a{display:block;position:relative}
.m51 div.section02 ul.list li > a:before{content:'';position:absolute;top:66px;left:50%;margin-left:-37px;width:75px;height:75px;background:url(/img/main/con04_btn_play.png) no-repeat;z-index:1}
.m51 div.section01 div.con01 ul.list li p.txt1{font-size:16px;font-weight:300;line-height:1.6;letter-spacing:-.4px;color:#666;margin-top:10px;margin-bottom:20px}
.m51 div.section01 div.con01 ul.list li div.more_view a{font-size:12px;font-weight:500;line-height:1;color:#666}
.m51 div.section02 div.con01{margin-bottom:150px}
.m00.m20.m21view {
    min-height: 700px;
}
.grid-clone{
	opacity: 0;
	
}
.font_size_15{
	font-size: 15px !important;
}
.font_gray{
	color: #5a5a5a !important;
}

#header.first h1.logo a {
    background-image: url(../img/common/main_logo_vertical.png);
}

#header.first .menu-trigger span {
    background: #fff;
}
#header.first ul.sns_util a {
    background-image: url(../img/common/nav_sns01_white.png);
}

/* 추가 */
.slick-slide div:nth-child(2) .item .txt1 {
    top: 15px !important;
}
.m11 div.section04 .people_slide .item.none {
    pointer-events: none;
}
/* 추가 끝 */



/* 230207 수정 */
.m21 .grid_g figure span p > em {display: none;}
.m21view .con01 .title p.tit1 em {font-size:16px;}