.pott {color:#d96c46 !important;}

a.mlinkA {position: relative;display: inline-block;font-size: 16px;color: #222;font-weight: 500;text-transform: uppercase;padding: 20px 114px 20px 30px;border: 1px solid #000;text-align: left;line-height: 100%;}
a.mlinkA:after {content:'';position: absolute;right: 8px;top: 50%;transform: translate(0, -50%);width: 38px;height: 38px;background: url(/img/icons.png) 0 0 no-repeat;}
a.mlinkA:hover {background: #000;color:#fff;border: 1px solid #000;}
a.mlinkA:hover:after {background: url(/img/icons.png) -78px 0 no-repeat;}
a.mlinkB {position: relative;display: inline-block;font-size: 30px;color: #fff;font-weight: 600;text-transform: uppercase;padding: 20px 45px 20px 95px;border: 1px solid #fff;text-align: left;line-height: 100%;border-radius: 50px;}
a.mlinkB:hover {background: #000;border: 2px solid #000;border-radius: 50px;}
a.mlinkB:after {content:'';position: absolute;left: 28px;top: 50%;transform: translate(0, -50%);width: 46px;height: 46px;background: url(/img/pngegg1.png) center top no-repeat;}
a.mlinkC {font-size: 20px;border: 1px solid #fff;color: #fff;padding: 18px 0;text-align: center;width: 290px;}
a.mlinkD {font-size: 20px;padding: 18px 0;background: #fff;border: 1px solid #fff;color: #34107b;text-align: center;width: 290px;}
a.mlinkE {position: relative;display: inline-block;font-size: 16px;color: #f5f5f5;font-weight: 500;text-transform: uppercase;padding: 20px 114px 20px 30px;border: 1px solid #ddd;text-align: left;line-height: 100%;}
a.mlinkE:after {content:'';position: absolute;right: 8px;top: 50%;transform: translate(0, -50%);width: 38px;height: 38px;background: url(/img/icons.png)  -78px 0 no-repeat;}
a.mlinkE:hover {background: #000;color:#fff;border: 1px solid #000;}
a.mlinkE:hover:after {background: url(/img/icons.png) -78px 0 no-repeat;}
#mVisualB {width: 100%;height: 880px;}
.gFoTDq {
    filter: brightness(90%);
	/*background: url(/img/main/bg01.jpg) right top no-repeat;
     background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
	*/
    width: 100%;
    height: 0px;
    padding-bottom: 50%;
}
.gFoTDq::after {
    position: absolute;
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
   /* background-color: rgba(0, 0, 0, 0.4);*/
}

#main_visual .swiper {position:relative;}
#main_visual .swiper-pagination-wrapper {width:100%;position:absolute;bottom:100px;text-align:center;left:calc(27%);z-index:10;}
#main_visual .swiper-pagination-wrapper .pg-left {position:absolute;top:0px;left:-40px;width:40px;height:25px;font-size:12pt;color:#fff;}
#main_visual .swiper-pagination-wrapper .swiper-paginationMV {}
#main_visual .swiper-pagination-wrapper .pg-right {position:absolute;top:0px;width:40px;height:25px;font-size:12pt;color:#fff;}

#mVisualA {position: relative;width: 100%;background: url(/img/main/) left top no-repeat;max-width: 100%;margin: 0 auto;}
#mVisualA:after {content: '';position: absolute;left: 0;top: 0;}
/*#main_visual {position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;background: rgba(0,0,0,0);}*/
#main_visual video {position:absolute; top:0; left:0; width:100%; height:100%;object-fit: cover; -webkit-mask-image: -webkit-radial-gradient(center, white, black);}
.mTxtA {position: absolute;right:50%;top: 50%;transform: translate(50%, -60%);text-align: center;color: #fff;font-size: 33px;font-weight:500;z-index: 8;}
.mTxtA .logo {margin: 0 0 35px;}
.mTxtA i {display: block;line-height: 140%;margin: 0 0 35px;font-style: normal;font-size: 24px;font-weight: 500;color: #bdfffc;text-transform: uppercase;letter-spacing: 0;word-break: keep-all;}
.mTxtA strong {display: block;font-weight: 500;color: #f0dcff;letter-spacing: -1px;}
.mTxtA p {font-size: 28px;line-height: 40px;}
.mTxtA .notice {font-size: 18px;margin-top: 30px;font-weight: 400;}
.mTxtA span {font-size: 40px;}
.mTxtA em {display: inline-block;font-style: normal;margin: 0 0 0 65px;position: relative;}
.mTxtA em:after {content:'';position: absolute;left: -34px;top: 9px;width: 3px;height: 24px;background: #fff;}


.mTxtB {position: relative;right:50%;top: 50%;transform: translate(50%,-190%);text-align: center;color: #fff;font-size: 33px;font-weight:500;z-index: 8;}
.mTxtB .logo {margin: 0 0 35px;}
.mTxtB i {display: block;line-height: 140%;margin: 0 0 35px;font-style: normal;font-size: 24px;font-weight: 500;color: #bdfffc;text-transform: uppercase;letter-spacing: 0;word-break: keep-all;}
.mTxtB strong {display: block;font-weight: 500;color: #ffffff;letter-spacing: -1px;}
.mTxtB p {font-size: 28px;line-height: 40px;}
.mTxtB .notice {font-size: 18px;margin-top: 30px;font-weight: 400;}
.mTxtB span {font-size: 40px;}
.mTxtB em {display: inline-block;font-style: normal;margin: 0 0 0 65px;position: relative;}
.mTxtB em:after {content:'';position: absolute;left: -34px;top: 9px;width: 3px;height: 24px;background: #fff;}


.mTxtC {position: relative;right:50%;top:50%;transform: translate(50%,-50%);text-align: center;color: #fff;font-size: 33px;font-weight:500;z-index: 8;}
.mTxtC .logo {margin: 0 0 35px;}
.mTxtC i {display: block;line-height: 140%;margin: 0 0 35px;font-style: normal;font-size: 24px;font-weight: 500;color: #bdfffc;text-transform: uppercase;letter-spacing: 0;word-break: keep-all;}
.mTxtC strong {display: block;font-weight: 500;color: #08faf2;letter-spacing: -1px;}
.mTxtC p {font-size: 28px;line-height: 40px;}
.mTxtC .notice {font-size: 18px;margin-top: 30px;font-weight: 400;}
.mTxtC span {font-size: 40px;}
.mTxtC em {display: inline-block;font-style: normal;margin: 0 0 0 65px;position: relative;}
.mTxtC em:after {content:'';position: absolute;left: -34px;top: 9px;width: 3px;height: 24px;background: #fff;}


.mBtnA {margin: 60px 0 0;}
.mBtnA > a {display: inline-block;margin: 0 5px;}
#mVisualA .logo_zepeto {position:absolute;bottom: 50px;right: 50px;z-index: 1;width: 130px;}

#sectionA {min-height: 400px;background: url(/img/home-action-youtube.png) no-repeat;overflow: hidden;text-align: center;color: #fff;box-sizing: border-box;margin-left: calc(50% - 50vw);    background-repeat: no-repeat;background-size: cover;background-position: center center;}
#sectionA p {font-size: 44px;line-height: 59px;font-weight: 500;letter-spacing: -1px;padding: 120px 0 40px;}

#sectionB {padding: 0px;background:url(/img/main/bg02.jpg) left top no-repeat;margin: 0 auto;height: 622px; background-size: cover;}
#sectionB h3 {}
#sectionB h3:after {content:'';display:block;clear:both;}
#sectionB h3 > strong {display: block;float: left;font-size: 87px;font-weight: 700;letter-spacing: -1px;line-height: 100%;margin-right: 40px;color: #222;}
#sectionB > h3 > p {display: block;float: left;padding: 13px 0 0;font-size: 22px;font-weight: 400;color: #222;line-height: 34px;}
#sectionB a.mlinkA {float: right;margin: 15px 0 0;}
#sectionB .mDlB_1 {}
#sectionB .mDlB_1:after {content:'';display:block;clear:both;}
#sectionB .mDlB_1 > dt{float:left;width: calc(50% - 75px);padding: 0 25px 0 50px;}
#sectionB .mDlB_1 > dd{float: right;width: calc(50% - 75px);padding: 0 50px 0 25px;}
#sectionB .mConB {position: relative;}
#sectionB .mConB img {max-width: 100%;width: 100%;}
#sectionB .mConB span {position: absolute;left: -100px;top: 65px;transform: rotate(90deg);letter-spacing: 0;font-size: 17px;color: #7615ee;font-weight: 700;}
#sectionB .mDlB_2 {margin: 38px 0 0;}
#sectionB .mDlB_2:after {content:'';display:block;clear:both;}
#sectionB .mDlB_2 > dt {float:left;font-size: 26px;color: #222;font-weight: 700;margin: 7px 40px 0 0;}
#sectionB .mDlB_2 > dd {float: left;width:100%;font-size: 24px;line-height: 36px;color: #222;word-break: keep-all;margin-top: 20px;}


#sectionB .right{position:relative;float:right;width:100%;max-width:1320px;height:100%;max-height:460px;margin-top: 190px;}
#sectionB .right .item{position:relative;float:left;width:33.333%;height:85%; cursor:pointer;}
#sectionB .right .item p{width:100%;height:90px;line-height:90px;color:#fff;font-size:1.68em;text-align:center;background:rgba(0,0,0,0.4);backdrop-filter: blur(3px);border:0px solid rgba(255,255, 255, .2);transition: all 250ms;letter-spacing: -0.35px;
    transform: rotate(0.04deg); -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: auto;}
#sectionB .right .font1_500{color:#fff;padding: 35px; font-family: 'Malgun Gothic';}
#sectionB .right .item a{position:absolute;display:block;width:64px;height:64px;bottom:5px;right:30px;opacity:1;transition: all 250ms;}
#sectionB .right .item a span{font-size:30px;}
#sectionB .right .item:hover a{opacity:0.9;transition: all 250ms;}
#sectionB .right .item:hover p{opacity:0.9;transition: all 250ms;}




#sectionC {background: #0f1012;padding:70px 0;color: #fff;text-align: center;}
#sectionC h3 {font-size: 58px;line-height: 100%;margin: 0 0 90px;}
#sectionC ul {display: -ms-grid;display: grid;-ms-grid-columns: 1fr 30px 1fr 30px 1fr 30px 1fr;grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr ;-ms-grid-rows: 1fr 90px 1fr;grid-template-rows: 1fr 1fr;grid-gap: 90px 30px;gap: 90px 30px;margin: 0 0 90px;}
#sectionC ul > *:nth-child(1) {-ms-grid-row: 1;-ms-grid-column: 1;}
#sectionC ul > *:nth-child(2) {-ms-grid-row: 1;-ms-grid-column: 3;}
#sectionC ul > *:nth-child(3) {-ms-grid-row: 1;-ms-grid-column: 5;}
#sectionC ul > *:nth-child(4) {-ms-grid-row: 1;-ms-grid-column: 7;}
#sectionC ul > *:nth-child(5) {-ms-grid-row: 3;-ms-grid-column: 1;}
#sectionC ul > *:nth-child(6) {-ms-grid-row: 3;-ms-grid-column: 3;}
#sectionC ul > *:nth-child(7) {-ms-grid-row: 3;-ms-grid-column: 5;}
#sectionC ul > *:nth-child(8) {-ms-grid-row: 3;-ms-grid-column: 7;}
#sectionC ul li {}
#sectionC ul li > a {}
#sectionC ul li p {color:#fff;font-size: 26px;font-weight: 500;margin: 40px 0 20px;}
#sectionC ul li span {font-size: 17px;color:#fff;}
#sectionC .thumb {padding-top: 60%;background: #fff;position: relative;overflow: hidden;}
#sectionC img {position: absolute;width: 100%;left: 50%;top: 50%;transform: translate(-50%, -50%);}
#sectionC .mlinkB {}
#sectionC .mit     {margin-top: 50px;color: #cd154c;font-size: 24px;}



#sectionD {background: #0f1012;padding: 0 0 170px;color: #fff;text-align: center;}
#sectionD h3 {font-size: 58px;line-height: 100%;margin: 0 0 90px;}
#sectionD .slidebtn {margin: 0 0 40px;display: inline-block;position: relative;}
#sectionD .slidebtn:before {content:'';position: absolute;left: 50%;top: 0;width: 1px;height: 14px;background: #fff;}
#sectionD .slidebtn:after {content:'';display:block;clear:both;}
#sectionD .slidebtn .slidebtn_left {float:left;width:54px;height:12px;margin-right: 20px;background: url(/img/icons.png) 0 -38px no-repeat;cursor: pointer;}
#sectionD .slidebtn .slidebtn_right {float:right;width:54px;height:12px;margin-left: 20px;background: url(/img/icons.png) -54px -38px no-repeat;cursor: pointer;}
#sectionD .speakers {margin: 0 0 120px;display: grid;grid-template-columns: 1fr 1fr 1fr 1fr 1fr;grid-template-rows: 1fr;grid-gap: 60px;gap: 60px;}
#sectionD .swiper {margin: 0 0 120px;}
#sectionD .swiper-wrapper li {position:relative;}
#sectionD .speakerinfo {position: relative;margin: 10px 10px;padding-top: 140%;background: #ddd;overflow: hidden;background-size: cover;background-repeat: no-repeat;background-position: center center;height: auto;overflow:hidden;}
#sectionD .speakerinfo:after {content:'';position: absolute;left: 0;top: 0;right: 0;bottom: 0;background: rgba(0,0,0,.3);}
#sectionD .swiper-wrapper li.swiper-slide-active .speakerinfo {}
#sectionD .swiper-wrapper li.swiper-slide-active:before {content:'';position:absolute;right:0;top: 20px;bottom:0;left: 20px;}
#sectionD .speakerinfo .title {position: absolute;bottom: 20px;left: 20px;text-align: left;font-size: 26px;font-weight: 500;z-index: 1;}
#sectionD .speakerinfo .title p {font-size: 16px;font-weight: 400;line-height: 120%;margin: 10px 0 0;}
#sectionD .speaker01 {background-image: url(/img/main/speaker01.jpg);}
#sectionD .speaker02 {background-image: url(/img/main/speaker02.jpg);}
#sectionD .speaker03 {background-image: url(/img/main/speaker03.jpg);}
#sectionD .speaker04 {background-image: url(/img/main/speaker04.jpg);}
#sectionD .speaker05 {background-image: url(/img/main/speaker05.jpg);}
#sectionD .mlinkB{}

#sectionE {background: #ffffff;padding: 100px 0 100px;}
#sectionE h3 {font-size: 38px;line-height: 100%;margin: 0 0 40px;color: #222;}


#sectionE .mNotiA_con > ul {display: -ms-grid;display: grid;-ms-grid-columns: 1fr 30px 1fr 30px 1fr 30px 1fr;grid-template-columns: 1fr 1fr 1fr 1fr;-ms-grid-rows: 1fr;grid-template-rows: 1fr;grid-gap: 30px;gap: 30px;}
#sectionE .mNotiA_con > ul > *:nth-child(1) {-ms-grid-row: 1;-ms-grid-column: 1;}
#sectionE .mNotiA_con > ul > *:nth-child(2) {-ms-grid-row: 1;-ms-grid-column: 3;}
#sectionE .mNotiA_con > ul > *:nth-child(3) {-ms-grid-row: 1;-ms-grid-column: 5;}
#sectionE .mNotiA_con > ul > *:nth-child(4) {-ms-grid-row: 1;-ms-grid-column: 7;}



#sectionF {background: #e5e5e5;padding: 100px 0 100px;}
#sectionF h3 {font-size: 38px;line-height: 100%;margin:80px 0 0 0;color: #222;}
#sectionF .mNotiA_con {margin:10px 0 50px 0}
#sectionF .mNotiA_con > ul {padding:30px 0}
#sectionF .mNotiA_con > ul:after {content:'';}

#sectionF .mNotiA_con > ul > li {position: relative;background: #fff;border-bottom: 1px solid #ddd;}
#sectionF .mNotiA_con > ul > li a:after {content:'';position:absolute;right:40px;bottom: 30px;width:38px;height:38px;border-radius: 50%;background: #222 url(/img/icons.png) -78px 0 no-repeat;}
#sectionF .mNotiA_con > ul > li > a {display:block;padding: 35px 30px}


#mNotiA {margin: 0 0 40px;}
#mNotiA .mNotiA_con {}

#mNotiA .mNotiA_con > ul:after {content:'';}

#mNotiA .mNotiA_con > ul > li {position: relative;background: #f5f5f5;    border: 1px solid #ddd;}
#mNotiA .mNotiA_con > ul > li a:after {content:'';position:absolute;right:40px;bottom: 44px;width:38px;height:38px;border-radius: 50%;background: #222 url(/img/icons.png) -78px 0 no-repeat;}
#mNotiA .mNotiA_con > ul > li > a {display:block;padding: 0 0 135px;}
#mNotiA .mNotiA_con .imgA {position: relative;padding-top: 0px;background-size: cover;background-position: center center;overflow: hidden;}
#mNotiA .mNotiA_con .imgA img {width:100%;height: 215px}
#mNotiA .mNotiA_con .sbjA {padding: 50px 40px 10px 40px;font-size: 24px;font-weight: 500;color: #222;text-align: left;}
#mNotiA .mNotiA_con .conA {padding: 0 40px;text-align: left;font-size: 17px;color: #222;line-height: 29px;height: 116px;overflow: hidden;}
#mNotiA .mNotiA_con .dateA {position:absolute;left:40px;bottom:50px;color:#888888;}
#mNotiA .mNotiA_con > ul > li:hover {background:#31499a;}
#mNotiA .mNotiA_con > ul > li:hover .sbjA {color: #fff;}
#mNotiA .mNotiA_con > ul > li:hover .conA {color: #fff;}
#mNotiA .mNotiA_con > ul > li:hover .dateA {color: rgba(255,255,255,.6);}
#mNotiA .mNotiA_con > ul > li a:hover:after {background: #fff url(/img/icons.png) 0 0 no-repeat;url(/img/icons.png) 0 0 background: no-repeat;}








.eAluyg a {
    display: inline-block;
    border: 2px solid rgb(255, 255, 255);
    box-sizing: border-box;
    border-radius: 100px;
    font-weight: 500;
    font-size: 16px;
    height: 56px;
    line-height: 53px;
    text-align: center;
    letter-spacing: -0.03em;
    color: rgb(255, 255, 255);
    padding: 0px 30px;
    text-decoration: none;
    transition: all 0.3s ease 0s;
}
.cXatzY h3 {
    font-family: "GmarketSans";
    font-size: 36px;
    font-weight: bold;
    line-height: 52px;
    letter-spacing: -1.8px;
    text-align: center;
    color: rgb(255, 255, 255);
    margin-bottom: 30px;
}

.cXatzY div {
    font-family: "GmarketSans";
    font-size: 18px;
    font-weight: 300;
    line-height: 1.5;
    letter-spacing: -0.6px;
    color: rgb(255, 255, 255);
    text-align: center
}
.itLjSS {
    display: none;
}
.jPHnzx {
    position: relative;
    max-width: 1920px;
    width: 100%;
    height: auto;
    margin: 80px auto 0 auto;

}
.jPHnzx .img {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
.jPHnzx > div {
    display: inline-block;
    vertical-align: top;
    width: 24.9%;
    padding-bottom: 20.83%;
    background-color: gray;
}
.xmfFS {
    cursor: pointer;
    background-image: url(/img/image69.png);
    position: relative;
}

.jPHnzx .text {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
}

.jPHnzx .col-2 {
    background-color: rgb(205, 21, 76);
}



.bIGJMq {
    cursor: pointer;
    background-image: url((unknown));
    position: relative;
}
.cVwhdv {
    cursor: pointer;
    background-image: url(/img/image71.png);
    position: relative;
}
.bIGJMq > div {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    text-align: left;
    padding: 0px 50px;
    font-weight: bold;
    font-size: 20px;
    line-height: 38px;
    letter-spacing: -0.03em;color: rgb(255, 255, 255);}


.bIGJMq > div p {
    margin-top: 20px;
    font-weight: 400;
    font-size: 15px;
    line-height: 26px;
}


.mTxtA_1st {padding-top: 420px;}

.cHjUGP {
    display: inline-block;
    width: 265px;
    height: 75px;
    line-height: 75px;
    position: relative;
    transition: all 0.2s ease 0s;
    font-weight: normal;
    cursor: pointer;
    font-size: 14pt;
    text-align: center;
    text-decoration: none;
    color: rgb(255, 255, 255)!important;
    background-color: rgb(106, 54, 255);margin-bottom: 10px;
}







.center {width: 90%;max-width: 1400px;margin: 0 auto;}
.center{width:100%;  display: flex; align-items: : flex-start;}
.center .title_area{float:left; text-align:left; width:40%;background: url(/img/b_line.png)no-repeat;}
.center .title_area h2{font-weight:300; font-size:45px; line-height:55px;color: #000000;margin-top: 180px;}
.center .title_area h2 span{color: #31499a;font-weight: 600;}
.center .title_area p{font-size:18px; line-height:30px; margin:20px 0 30px 0; font-weight:400;}
.center .title_area div a{margin-right:20px;}
.center .title_area div .sns_circle{display:inline-block;cursor:pointer;position:relative;width:40px;height:40px;border-radius:50%;font-size:26px;color: #5d5d5d;background-color: #ffffff;transition:all 0.2s ease;-ms-transition:all 0.2s ease;-webkit-transition:all 0.2s ease;-moz-transition:all 0.2s ease;-o-transition:all 0.2s ease;}
.center .title_area div .sns_circle:hover{background-color:#000;}
.center .title_area div .sns_circle i{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}


.img_area {text-align: end;width: 28.4%;margin-right: 30px;float:left;}
.img_area ul{margin-bottom: 360px;}
.img_area ul li {height:35px}
.img_area ul li a{color:#cccccc;}
.img_area .on a{color:#000000;}

.tit01{color:#1b479e;font-size:1.5vw;font-weight:600}

.swiperMainPortfolio {position:relative;}




 .main2 {
    height: 426px;
    background: url(/img/main/bg03.jpg)  center center no-repeat;
    background-size: cover;
}

 .main2 >div>h1 {
    font-size: 40px;
    color: #252525;
    padding-bottom: 20px;
    text-align: center;
}

 .main2 >div>h1>p {
    font-size: 16px;
    color: #ffffff;
    padding-top:10px;
    font-family: 'Malgun Gothic';
}



@media (min-width: 3000px) {
.mTxtA {transform: translate(50%, -250%) !important;}
}

@media (max-width: 1417px) {


}


@media (max-width: 1300px) {

	.cHjUGP {width:100%;font-size: 12pt;height:65px;line-height:65px;}
	.swiperMainPortfolio {display:none}
}



@media (max-width: 1200px) {
#sectionB .mDlB_2 > dt {float:none;}
#sectionB .mDlB_2 > dd {float:none;width:100%;margin:20px 0 0;font-size: 18px;line-height: 26px;}
#mNotiA .mNotiA_con > ul {-ms-grid-columns: 1fr 1fr;grid-template-columns: 1fr 1fr;-ms-grid-rows: 1fr 1fr;grid-template-rows: 1fr 1fr;}
#mNotiA .mNotiA_con > ul > *:nth-child(1) {-ms-grid-row: 1;-ms-grid-column: 1;}
#mNotiA .mNotiA_con > ul > *:nth-child(2) {-ms-grid-row: 1;-ms-grid-column: 2;}
#mNotiA .mNotiA_con > ul > *:nth-child(3) {-ms-grid-row: 2;-ms-grid-column: 1;}
#mNotiA .mNotiA_con > ul > *:nth-child(4) {-ms-grid-row: 2;-ms-grid-column: 2;}
#mNotiA .mNotiA_con .conA {display:none;}
#mVisualA{background:none}
.mTxtA img{width:100%}

.mTxtA_1st {padding-top: 320px;}
}

@media (max-width: 1080px) {
#sectionB h3 {padding:0 50px 60px;text-align:center;}
#sectionB h3 > strong {float:none;margin-right:0;}
#sectionB > h3 > p {float:none;}
#sectionB a.mlinkA {float: none;margin: 30px 0 0;}
#ft .ft_info {text-align:center;padding:10px 0 30px;}
#ft .ft_sns {display:none;}
#ft .ft_logo {float:none !important;margin: 20px auto;}
#ft .ft_exp {float: none !important;margin: 0 auto 20px;text-align: center;}
#ft .ft_logo2 {float: none !important;display: inline-block;}
#ft .ft_exp2{float: none !important;display: inline-block;}

.cHjUGP {width:100%;font-size: 10pt;height:55px;line-height:55px;}
	#sectionF .mNotiA_con > ul > li:after {display:none;}

}

@media (max-width: 840px) {
#sectionB .mDlB_1 > dt{float: none;width: calc(100% - 100px);padding: 0 50px;}
#sectionB .mDlB_1 > dd{float: none;width: calc(100% - 100px);padding: 0 50px;margin: 70px 0 0;}
#sectionB .mConB span {position: relative;left: 0;top: 0;display: block;margin: 35px 0 0;transform: none;}
#sectionB .mDlB_2 {margin: 10px 0 0;}
.mTxtA {padding: 0 50px;box-sizing: border-box;}
.mTxtA em {display: block;margin: 0;}
.mTxtA em:after {display:none;}
.mBtnA > a {margin:5px 0px;}

#sectionC ul {-ms-grid-columns: 1fr 30px 1fr;grid-template-columns: 1fr 1fr;-ms-grid-rows: 1fr 70px 1fr 70px 1fr 70px 1fr;grid-template-rows: 1fr 1fr 1fr 1fr;grid-gap: 70px 30px;gap: 70px 30px;}
#sectionC ul > *:nth-child(1) {-ms-grid-row: 1;-ms-grid-column: 1;}
#sectionC ul > *:nth-child(2) {-ms-grid-row: 1;-ms-grid-column: 3;}
#sectionC ul > *:nth-child(3) {-ms-grid-row: 3;-ms-grid-column: 1;}
#sectionC ul > *:nth-child(4) {-ms-grid-row: 3;-ms-grid-column: 3;}
#sectionC ul > *:nth-child(5) {-ms-grid-row: 5;-ms-grid-column: 1;}
#sectionC ul > *:nth-child(6) {-ms-grid-row: 5;-ms-grid-column: 3;}
#sectionC ul > *:nth-child(7) {-ms-grid-row: 7;-ms-grid-column: 1;}
#sectionC ul > *:nth-child(8) {-ms-grid-row: 7;-ms-grid-column: 3;}
#sectionC {padding: 120px 0;}
#sectionC h3 {font-size: 46px;margin: 0 0 60px;}
#sectionC ul li p {font-size: 24px;margin: 20px 0 20px;}

#sectionD {padding: 0 0 120px;}
#sectionD h3 {font-size: 46px;}

#sectionE {padding: 120px 0 120px;}

#mNotiA .mNotiA_con .sbjA {font-size:21px;}

.mTxtA_1st {padding-top: 200px;}
.cHjUGP {width:100%;font-size: 8pt;height:55px;line-height:55px;}

	#sectionF .mNotiA_con > ul > li:after {display:none;}
.swiperMainPortfolio {display:none}

}



@media (max-width: 640px) {

	.wrap2 {padding: 0 15px;}

	a.mlinkA {font-size: 14px;}
	a.mlinkB {font-size: 14px;}
	a.mlinkC {width:100%;font-size: 18px;}
	a.mlinkD {width:100%;font-size: 18px;}

	.mTxtA {padding: 0 15px;width: 100%;left: 50%;transform: translate(-50%, 0);top: 165px;}
	.mTxtA .logo {margin: 0 0 20px;}
	.mTxtA .logo img {max-width:100%;width: 90%;}
	.mTxtA i {font-size: 14px;margin: 0 0 20px;}
	.mTxtA p {font-size: 18px;line-height: 26px;}
	.mTxtA span {font-size:24px;}
	.mTxtA img {width: 100%;}
	.mBtnA {margin:50px 0 0;}
	.gFoTDq {height: 470px;}

	.jPHnzx > div{width: 100% !important;height: 300px;}
	.cHjUGP     {margin-bottom: 10px;}

	#mVisualA .logo_zepeto {display:none;}
	#mVisualB {height:auto}
	

	#mVisualA {background:url(/img/bg01.jpg) left top no-repeat;height: 400px}
	#sectionA {height:350px;}
	#sectionA p {font-size: 18px;line-height: 39px;padding: 90px 20px 40px;}


	#sectionB {padding:80px 0;width: 100%;height: 450px;}
	#sectionB h3 {padding:0 15px 50px;}
	#sectionB h3 > strong {font-size: 60px;}
	#sectionB > h3 > p {font-size: 15px;    line-height: 22px;}
	#sectionB .mDlB_1 > dt{width: calc(100% - 30px);padding: 0 15px;}
	#sectionB .mDlB_1 > dd{width: calc(100% - 30px);padding: 0 15px;margin: 50px 0 0;}
	#sectionB .mConB span {margin: 20px 0 0;font-size: 13px;}
	#sectionB .mDlB_2 {margin: 0 0 0;}
	#sectionB .mDlB_2 > dt {margin: 0px 40px 0 0;font-size: 24px;}
	#sectionB .mDlB_2 > dd {margin: 15px 0 0;font-size: 15px;line-height: 22px;}

	#sectionC {padding:80px 0 120px;}
	#sectionC h3 {font-size:30px;margin: 0 0 40px;}
	#sectionC ul {grid-gap: 30px 15px;gap: 30px 15px;margin: 0 0 40px;}
	#sectionC ul li p {margin: 13px 0 5px;font-size: 17px;}
	#sectionC ul li span {font-size:14px;}

	#sectionD h3 {font-size:30px;margin: 0 0 40px;}

	#sectionE {
		padding: 80px 0 80px;
	}

	#sectionE h3 {font-size:30px;margin: 0 0 40px;}

	#sectionF .mNotiA_con > ul > li:after {display:none;}

	#mNotiA {
		margin: 0 0 20px;
	}
	#mNotiA .mNotiA_con > ul {-ms-grid-columns: 1fr;grid-template-columns: 1fr;-ms-grid-rows: 1fr;grid-template-rows: 1fr;}#mNotiA .mNotiA_con > ul > *:nth-child(1) {-ms-grid-row: 1;-ms-grid-column: 1;}
	#mNotiA .mNotiA_con > ul > li > a {padding:0 0 50px;}
	#mNotiA .mNotiA_con .sbjA {font-size: 16px;padding: 20px 20px 20px 20px;}
	#mNotiA .mNotiA_con .dateA {    left: 20px;
		bottom: 26px;
		font-size: 14px;}
	#mNotiA .mNotiA_con > ul > li:after{    right: 20px;
		bottom: 20px;}

	#sectionC .mit { font-size: 18px;}
	.cHjUGP {width: 70% !important;height: 50px !important;line-height: 50px !important;}
    
    #dayDiv1 {min-width: 100% !important;padding: 30px 0 70px 0  !important;}
    .swiperMainPortfolio{display:none;}
	.center .title_area {width: 100% !important;}
	.center {display: block;width: 90%;}
    .mTxtB .logo img{width: 70% !important;}
	.center .title_area p { font-size: 14px;}
	#sectionB .right .item p  { font-size:1.08em !important;}
	#sectionB .right .font1_500 {display:none;}
	#sectionB .right .item{background-position: center 120px !important;    height: 70%;} 
	#sectionF {padding: 50px 0 100px !important;} 
	.center .title_area h2{ font-size: 40px;}
    .main2 >div>h1   {  font-size: 30px;}
    .mTxtC p {line-height: 25px;}
    #sectionF .mNotiA_con > ul > li a:after    {right: 25px;bottom: 40px;}
	#sectionF .mNotiA_con > ul > li > a   {padding: 35px 80px 35px 30px}
	#main_visual img {    height: 400px !important;}
	#main_visual .swiper-pagination-wrapper {left: calc(24%);}
/*
    .img_area {width: 9.4%; }
	.img_area img{width: 100% !important;}*/
}