@charset "UTF-8";

/****************************** FONT COLOR ******************************/
.fc { color:#ff6633; }
.fc_dark_b { color:#111 !important;}


/****************************** TEXT ******************************/
.g-title1 { font-family:'HanwhaGothic'; font-size:48px; line-height:58px; font-weight:700; color:#111; text-align:center; margin-top:100px; }
.g-title2 { font-family:'HanwhaGothic'; font-size:40px; line-height:1; font-weight:700; color:#111; text-align:center; margin-top:195px; }

.g-txt1 { font-family:'HanwhaGothic'; font-size:28px; font-weight:300; line-height:44px; color:#111; margin-top:100px; }
.g-txt1.mt60 { margin-top:60px; }
.g-txt2 { font-size:18px; line-height:24px; color:#444; margin-top:40px; }
.g-txt2 p + p { margin-top:24px; }
.g-txt2.mgt1 { margin-top:60px; }
.g-txt2.mgt2 { margin-top:100px; }

.txt-hanwha {font-family: 'HanwhaR'; font-weight:normal !important; line-height: 1; vertical-align: 0.05em;} /* 기본 */
.txt-hanwha.light {font-family: 'HanwhaL';}
.txt-hanwha.bold {font-family: 'HanwhaB';}
.g-txt1 .txt-hanwha {vertical-align: 0;}
.g-title2 .txt-hanwha {vertical-align: 0;}

/****************************** SUB LAYOUT ******************************/
.sub-vis { position:relative; width:100%; height:790px;}
.sub-vis .vis { height:100%; overflow:hidden; }
.sub-vis .vis img { object-fit:cover; height:100%; width:100%; }
.sub-vis .g-vis-head { position:absolute; left:0; right:0; top:50%; transform:translateY(-50%); text-align:center; }
.sub-vis .g-title1 { margin:0; color:#fff; }
.sub-vis .g-txt1 { color:#fff; margin-top:16px; }

/****************************** BUTTON ******************************/
.btn-cma { display:inline-block; min-width:170px; height:60px; border-radius:4px; font-size:15px; line-height:54px; font-weight:700; padding:0 50px; border:solid 1px #000; color:#000; text-align:center; }

.btn-cmb { display:inline-block; min-width:192px; height:44px; border-radius:2px; font-size:15px; line-height:42px; font-weight:700; padding:0 40px; border:solid 1px #111; color:#111; text-align:center; }
.btn-cmb.btn-c { background:#000; color:#fff; }

.btn-cmc { display:inline-block; height:52px; border-radius:52px; font-size:18px; line-height:50px; padding:0 50px; border:solid 1px #ddd; color:#111; text-align:center; }
.btn-cmc .i-go::after { content:''; display:inline-block; background:url("../img/common/i-go-2.svg") 0 0 no-repeat; width:20px; height:20px; margin:0 0 0 6px; vertical-align:middle; }

.btn-cmd { display:block; height:60px; border-radius:2px; font-size:18px; line-height:60px; background:#ff6633; color:#fff; text-align:center; }
.btn-cmd .i-go::after { content:''; display:inline-block; background:#fff; -webkit-mask:url("../img/common/i-go-2.svg") 0 0 no-repeat; mask:url("../img/common/i-go-2.svg") 0 0 no-repeat; width:20px; height:20px; margin:0 0 0 6px; vertical-align:middle; }

.btn-copy { font-size:15px; color:#767676; margin-left:14px; }
.btn-copy::before { content:''; display:inline-block; background:url("../img/common/i-copy.svg") 0 0 no-repeat; width:20px; height:20px; margin:0 4px 0 0; vertical-align:top; }

.btn-ico { display:flex; align-items: center; justify-content: center; width: 180px; height:52px; border-radius:52px; font-size:18px; line-height:50px; border:solid 1px #ddd; color:#111; text-align:center; }
.btn-ico:before {display: inline-block; margin-right: 7px; width: 35px; height: 35px; content: "";}
.btn-ico.i-homepage:before {background: url("../img/business/ico-homepage.png") no-repeat center; background-size: contain;}
.btn-ico.i-interview:before {background: url("../img/business/ico-interview.png") no-repeat center; background-size: contain;}

/****************************** LIST ******************************/
.list-info { display:flex; justify-content:space-between; align-items:center; margin:60px 0 20px;}
.list-total { font-weight:500; }
.list-total em { color:#111; }
.list-filter { position:relative; width:348px; height:42px; border:solid 1px #ddd; border-radius:2px; }
.list-filter .fm-ipt { border:none; padding-right:64px; height:100%; }
.list-filter .btn-sch { position:absolute; right:19px; top:7px; }
.list-filter .i-sch { display:inline-block; background:url("../img/common/i-sch.svg") 0 0 no-repeat; width:24px; height:24px; }

.list-data1 { border-top:solid 2px #111; }
.list-data1 tr { }
.list-data1 td { border-bottom:solid 1px #ddd; padding:31px 0; text-align:center; }
.list-data1 .subj { text-align:left; color:#111; font-weight:500; }
.list-data1 .subj-in { display:inline-block; max-width:calc(100% - 40px); white-space:nowrap; text-overflow:ellipsis; overflow:hidden; vertical-align:middle; }

.list-data1 .nodata { padding:120px 0; }
.list-data1 .i-nodata { color:#111; font-weight:500; }
.list-data1 .i-nodata::before { content:''; display:block; background:url("../img/common/i-nodata.svg") 0 0 no-repeat; width:64px; height:64px; margin:0 auto 32px; }


/****************************** BOARD VIEW ******************************/
.board-view { border-top:solid 2px #111; border-bottom:solid 1px #ddd; margin-top:100px; }
.board-head { padding:32px; }
.board-title { font-family:'HanwhaGothic'; font-size:24px; color:#111; font-weight:500; line-height:30px; }
.board-title .i-new { margin:-2px 0 0 8px; }
.board-date { display:block; font-size:15px; margin-top:16px; }
.board-cont { border-top:solid 1px #ddd; padding:60px 65px 60px 55px; }
.board-cont::after { content:''; display:block; clear:both; } /* ckeditor 사용시 정렬 지정에 들어가는 float 스타일로 깨짐 현상 수정 */
.board-cont img, .board-cont table { max-width:100%; }
.board-attach { border-top:solid 1px #ddd; padding:32px 0; }
.board-attach dl { display:flex; }
.board-attach dt { font-size:15px; color:#111; font-weight:700; padding:0 0 0 32px; }
.board-attach dd .item { display:inline-block; line-height:18px; margin-left:40px; }
.board-attach dd .item::before { content:''; display:inline-block; background:url("../img/common/i-attach.svg") 0 0 no-repeat; width:16px; height:16px; margin:2px 4px 0 0; vertical-align:top; }
.board-attach dd em { display:inline-block; font-size:15px; color:#111; font-weight:500; vertical-align:top; }
.board-attach dd em span { display:inline-block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; max-width:215px; vertical-align:top; }
.board-attach dd small { display:inline-block; font-size:12px; vertical-align:top; margin-left:4px; }

.board-nav { position:relative; min-height:56px; margin-top:50px; }
.board-nav .btn-area { position:absolute; left:50%; margin-left:-85px; }
.board-nav .board-nav-list { display:flex; justify-content:space-between; font-size:15px; }
.board-nav .board-nav-list a { display:block; position:relative; padding:0 20px; }
.board-nav .board-nav-list a::before { content:''; position:absolute; top:2px; display:inline-block; background-color:#000; width:16px; height:16px; -webkit-mask:url("../img/common/i-arr.svg") 0 0 no-repeat; mask:url("../img/common/i-arr.svg") 0 0 no-repeat; }
.board-nav .board-nav-list a:hover::before { background-color:#ff6633; }
.board-nav .board-nav-list a:hover * { color:#ff6633; }
.board-nav .board-nav-prev { width:360px; padding:0 0 0 32px; }
.board-nav .board-nav-prev a::before { transform:rotate(-180deg); left:0; }
.board-nav .board-nav-next { width:360px; padding:0 32px 0 0; text-align:right; margin-left:auto; }
.board-nav .board-nav-next a::before { right:0; }
.board-nav .board-nav-list dt { color:#111; font-weight:700; margin-bottom:20px; }


/****************************** INFO DATA ******************************/
.info-data1 { display:flex; width:940px; grid-gap:140px; justify-content:center; margin:100px auto 0; }
.info-data1 .item { min-width:220px; max-width:230px; color:#111; text-align:center; }
.info-data1 .img { display:block; margin-bottom:40px; }
.info-data1 img { width:100%; }
.g-txt1 + .info-data1 { margin-top:160px; }


/****************************** FORM ******************************/
.fm-ipt { width:100%; height:42px; border:solid 1px #ddd; padding:0 0 0 16px; font-size:15px; color:#111; border-radius:2px; }

/****************************** PAGING ******************************/
.paging { display:flex; justify-content:center; align-items:center; margin:60px 0 0 0; }
.paging .pag { display:block; padding:4px; }
.paging .i-page-first { display:block; background:url("../img/common/i-arr-2.svg") 0 0 no-repeat; width:16px; height:16px; transform:rotate(-180deg); margin-right:9px; }
.paging .i-page-prev { display:block; background:url("../img/common/i-arr.svg") 0 0 no-repeat; width:16px; height:16px; transform:rotate(-180deg); }
.paging .i-page-next { display:block; background:url("../img/common/i-arr.svg") 0 0 no-repeat; width:16px; height:16px; }
.paging .i-page-last { display:block; background:url("../img/common/i-arr-2.svg") 0 0 no-repeat; width:16px; height:16px; margin-left:9px; }
.paging .num { display:flex; margin:0 2px; }
.paging .num strong, .paging .num a { display:block; min-width:32px; height:32px; border-radius:32px; padding:6px; box-sizing:border-box; text-align:center; font-size:15px; line-height:18px; color:#444; margin:0 8px; }
.paging .num strong { background:#ddd; color:#111; }
.paging .pag[disabled] { pointer-events:none; opacity:0.2; }


/****************************** TAB ******************************/
.tab { margin:40px 0 -20px; padding:20px 0; background:rgba(255, 255, 255, 0.95); }
.tab.indicator { position:sticky; top:0; z-index:99; }
.tab ul { display:flex; justify-content:center; }
.tab ul .tab-item a { display:block; padding:0 24px; min-width:108px; height:42px; background:#f2f2f2; font-size:15px; color:#444; line-height:42px; border-radius:42px; text-align:center; }
.tab ul .tab-item + .tab-item { margin-left:10px; }
.tab ul .tab-item a.active { background:#111; color:#fff; font-weight:700; }

.tab-cont { display:none; }
.tab-cont2 + .tab-cont2 { margin-top:180px; }


.tab-group { margin:75px 0; padding:20px 0; background:rgba(255, 255, 255, 0.95); }
.tab-group ul { display:flex; gap: 10px; margin: 0 auto; width: 1100px; justify-content:center; }
.tab-group ul li {flex: 1;}
.tab-group ul li a { display:block; padding:0 24px; min-width:108px; height:60px; background:#f2f2f2; font-size:18px; color:#444; line-height:60px; border-radius:60px; text-align:center; }
.tab-group ul .active a { background:#111; color:#fff; font-weight:700; }

.tab-group-cont { display:none; }
.tab-group-cont.active { display:block; }


.tab-list {margin: 50px auto 0; border-bottom:1px #e4e4e4 solid;}
.tab-list ul {display: flex; justify-content: center; align-items: center; gap: 60px; padding-bottom: 30px;}
.tab-list ul li {position: relative;}
.tab-list ul li + li:before {position: absolute; top: 50%; left: -30px; transform: translate(-50%, -50%); width: 5px; height: 5px; background-color: #666; border-radius: 50%; content: "";}
.tab-list ul li a {font-size: 28px; line-height: 1; color: #666;}
.tab-list ul .active a {font-weight: 700; color: #111;}

.tab-list-cont {display: none;}
.tab-list-cont.active {display: block;}

/****************************** ABOUT ******************************/
/********** ABOUT US **********/
.img-ci {margin-top: 100px;}
.txt-mission {position: relative; margin-top: 60px; margin-bottom: 50px; font-size: 90px; line-height: 90px; color:#111; font-family:'Pretendard'; font-weight:700;}
.txt-mission:before, .txt-mission:after {position: absolute; display: block; content: ""; top:50%; transform: translateY(-50%); width: 44px; height: 38px; background-repeat: no-repeat; background-size: contain; background-position: center;}
.txt-mission:before {left: 160px; background-image: url(../img/about/about-quotes-01.png);}
.txt-mission:after {right: 160px; background-image: url(../img/about/about-quotes-02.png);}
.info-value {margin-top: 80px; display: flex; justify-content: space-between; gap: 55px; text-align: center;}
.info-value .img {display:flex; justify-content: center; align-items:center; width: 330px; height: 330px; border: 1px #cacaca solid; border-radius: 50%;}
.info-value dl dt {margin: 45px 0 25px; font-size: 28px; line-height: 1; font-weight: 500; color:#111;}
.history {margin-top: 80px; background: url(../img/about/about-history-bg.png) no-repeat bottom 20px right 0;}
html[lang='en'] .history {background-size: 33%;}
.history dl {position: relative; display: flex; padding-bottom: 70px;}
.history dl:before {position: absolute; left: 260px; top: 23px; width: 1px; height: 100%; background-color: #ff6600; content: "";}
.history dl:last-child {padding-bottom: 0;}
.history dl:last-child:before {display: none;}
.history dl dt {position: relative; margin-right: 57px; width: 205px; text-align: right; font-size: 60px; font-weight: 700; line-height: 1; color: #111; font-family: 'HanwhaGothic';}
.history dl dt:before {position: absolute; display: block; right:-63px; top:19px; width: 11px; height: 11px; background-color: #fff; border: 2px #ff6600 solid; border-radius: 50%; content: "";}
.history dl dd {margin-left: 57px; padding-top: 8px;}
.history dl dd li {display: flex; gap: 40px;}
.history dl dd li + li {margin-top: 14px;}
.history dl dd li b {font-size: 28px; color: #000; font-weight: 500; font-family: 'HanwhaGothic'; white-space: nowrap;}
.history dl dd li span {display: inline-block; padding-top: 5px;}
.history dl dd li .hidden {opacity: 0;}
.history dl.old {padding-bottom: 120px;}
.history dl.old:before {background-color: #ddd;}
.history dl.old dt {font-size: 39px; color: #666;}
.history dl.old dt:before {top: 11px; border-color: #8a8a8a;}
html[lang='en'] .history dl.old dt:before {right: -66px;}
.history dl.old dd {display: flex; gap: 85px; padding-top: 0;}

/********** DIRECTORS **********/
.list-directors {margin-top: 100px; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 100px 60px;}
.list-directors li {width: calc(50% - 30px); display: flex; gap: 50px;}
.list-directors li dl {padding-top: 10px;}
.list-directors li dl dt {margin-bottom: 40px; padding-bottom: 40px; font-size: 28px; line-height: 1; color: #111; font-weight: 500; letter-spacing: -0.25px; border-bottom: 2px #aeaeae solid;}
.list-directors li dl dt span {position: relative;}
.list-directors li dl dt span:after {position: absolute; display: block; left: 0; bottom: -39px; width: 100%; height: 2px; background-color: #ff6600; content: "";}
.list-directors li dl dd + dd {margin-top: 20px;}

/****************************** NOTICE ******************************/
/********** LOCATION **********/
.location-map { margin-top:100px; }
.location-map img { width:100%; }
.location-info { margin-top:60px; }
.location-info dl { display:flex; align-items:center; flex-wrap:wrap; }
.location-info dl:not(.ty) dt { align-self:flex-start; }
.location-info dl:not(.ty) dd { width:calc(100% - 140px); margin-left:auto; }
.location-info dl:not(.ty) dd + dd { margin-top:28px; }
.location-info dl + dl { padding-top:44px; margin-top:44px; border-top:1px solid #ddd; }
.location-info dt { width:140px; line-height:1.6; font-size:15px; color:#111; font-weight:700; }
.location-info dd { color:#111; font-weight:500; }
.location-info .btns { margin-left:auto; }
.location-info .btns .btn-cmb + .btn-cmb { margin-left:8px; }
.location-info .small { display:block; font-size:15px; color:#767676; margin-top:8px; }
.location-info .subway-num + .small { padding-left:32px; }
.location-info .subway-name, .location-info .subway-num { font-weight:500; }
.location-info .subway-name.ty-1 { color:#2235ec; }
.location-info .subway-name.ty-5 { color:#8d19e5; }
.location-info .subway-name.ty-9 { color:#daa90e; }
.location-info .subway-num > .num { display:inline-block; width:20px; height:20px; padding-top:4px; margin:0 8px 2px 0; line-height:1; text-align:center; font-size:12px; color:#fff; border-radius:100%; vertical-align:middle; }
.location-info .subway-num > .num.ty-1 { background-color:#2235ec; }
.location-info .subway-num > .num.ty-5 { background-color:#8d19e5; }
.location-info .subway-num > .num.ty-9 { background-color:#daa90e; }
html[lang="en"] .location-info dl.ty dd { width:calc(100% - 140px); margin-left:auto; }
html[lang="en"] .location-info dl.ty dd + dd { margin-top:20px; }


/****************************** BUSINESS ******************************/
/********** POMPIDOU **********/
.info-img { display:flex; justify-content:space-between; margin:100px auto 0; }

/********** RESIDENCY **********/
.list-artist {padding: 20px 0;}
.list-artist li {display: flex; flex-direction: row-reverse; gap: 80px; padding: 60px 0;}
.list-artist li .img {overflow: hidden; width: 240px; height: 240px; border-radius: 50%; background: #ccc;}
.list-artist li .img img {width: 100%;}
.list-artist li dl {flex: 1; display: flex; flex-direction: column; gap: 25px;}
.list-artist li dl dt {display: flex; justify-content: space-between; align-items: center;}
.list-artist li dl dt p {font-size: 28px; line-height: 1; color:#111;}
.list-artist li dl dt .btns {display: flex; gap: 10px;}
.list-artist li dl dd.info {margin: -25px 0 15px; font-size: 16px; line-height: 1; color:#666;}
.list-artist li dl dd.program {color:#111;}
.list-artist li dl dd .dot {display: inline-block; padding: 3px; color: #ff6633;}

.list-residency { margin-top:100px; }
.list-residency .item { overflow:hidden; }
.list-residency .item + .item { margin-top:140px; }
.list-residency .img { overflow: hidden; margin-bottom:60px; border-radius: 20px;}
.list-residency .img img { width:100%; }
.list-residency .head { width:540px; float:left; }
.list-residency .title { font-family:'HanwhaGothic'; font-size:28px; font-weight:300; color:#111; line-height:44px; }
.list-residency .t-en { display:inline-block; }
.list-residency .loc { color:#444; margin-top:12px; }
.list-residency .loc::before { content:''; display:inline-block; width:20px; height:20px; background:url("../img/common/i-pin.svg") 0 0 no-repeat; margin:2px 4px 0 0; vertical-align:top; }
.list-residency .btns { margin-top:40px; }
.list-residency .cont { width:625px; float:right; }
.list-residency .des { color:#444; }

/********** ZERO ONE **********/
.img-logo {margin-top: 90px; text-align: center;}
.img-logo + .g-txt1 {margin-top: 55px;}
.zero-logo {width: 750px; border: 1px solid #ddd; margin: 90px auto 0; background: url(../img/business/logo_bg.jpg); padding: 50px 0 47px; text-align: center;}
.zero-logo dl dt {font-size: 20px; padding: 46px 0 10px; font-weight: 500; color: #111;}
.zero-logo dl dd {color: #444; padding: 0 60px;}
.zero_btn {text-align: center; margin-top: 50px;}


/****************************** UTIL ******************************/
/********** ERROR **********/
#header.no-fix { position:static; }
.contents-error { min-height:calc(var(--100vh) - 100px); display:flex; text-align:center; flex-direction:column; padding:113px 0 100px 0; justify-content:center; }
.contents-error h1 { font-family:'HanwhaGothic'; font-size:110px; color:#ff6633; font-weight:700; line-height:132px; letter-spacing:3.08px; }
.contents-error .txt1 { font-family:'HanwhaGothic'; font-size:28px; color:#111; font-weight:700; line-height:44px; margin-top:35px; }
.contents-error .txt2 { font-size:20px; line-height:28px; margin-top:11px; }
.contents-error .img { width:460px; margin:42px auto 0; line-height:0; }
.contents-error .img img { width:100%; }
.contents-error .btns { width:400px; margin:20px auto 0; }


/****************************** MAIN ******************************/
.main-contents .nav { visibility: hidden; position:sticky; top:0; z-index:100; display:flex; flex-direction:column; justify-content:center; width:16px; height:var(--100vh); padding-top:100px; margin:-100px 60px 0 auto; --c:rgba(17,17,17,0); --dot-c:#000; }
.main-contents .nav + .main-section { margin-top:calc(var(--100vh) * -1); }
.main-contents .nav a { position:relative; display:block; width:16px; height:16px; white-space:nowrap; text-indent:999px; overflow:hidden; border:1px solid var(--c); border-radius:100%; transition:all 300ms; }
.main-contents .nav a + a { margin-top:16px; }
.main-contents .nav a::after { content:''; position:absolute; left:50%; top:50%; width:4px; height:4px; margin:-2px; border-radius:100%; background-color:var(--dot-c); transition:all 300ms; }
.main-contents .nav.ty-0 a:nth-child(1),
.main-contents .nav.ty-1 a:nth-child(2),
.main-contents .nav.ty-2 a:nth-child(3),
.main-contents .nav.ty-3 a:nth-child(4) { --c:rgba(17,17,17,1); }
.main-contents .nav.ty-4 { --c:rgba(255,255,255,0); --dot-c:#fff; }
.main-contents .nav.ty-4 a:nth-child(5), [lang="en"] .main-contents .nav.ty-4 a:nth-child(4) { --c:rgba(255,255,255,1); }
.main-section { position:relative; margin:0; color:#111; }
.main-section:not(.main-noti, .main-vis)::before { content:''; display:block; height:90px; }
.main-section:not(.main-noti, .main-vis)::after { content:''; display:block; height:90px; }
.main-section .main-title { margin:0 0 74px; font-size:40px; font-weight:700; line-height:1.2; font-family:'HanwhaGothic'; text-transform:uppercase; text-align:center; }
.main-section .tab { margin:-20px 0 20px; }
.main-section .list-img { display:flex; justify-content:space-between; width:1118px; margin:0 auto; }
.main-section .list-img .item { width:266px; font-size:18px; line-height:1.33; text-align:center; }
.main-section .list-img .item dt { margin-bottom:24px; font-size:32px; font-weight:700; line-height:1.0625; font-family:'HanwhaGothic'; }
.main-section .list-img .item::before { content:''; display:block; margin-bottom:38px; aspect-ratio:1 / 1; background-position:center center; background-repeat:no-repeat; background-size:cover; }
.main-section .list-img .item.img-mis::before { background-image:url("../img/main/mission-2.jpg"); }
.main-section .list-img .item.img-mis-2::before { background-image:url("../img/main/mission-3.jpg"); }
.main-section .list-img .item.img-mis-3::before { background-image:url("../img/main/mission-4.jpg"); }
.main-section .list-img2 { display:flex; justify-content:center; width:1430px; max-width:calc(100% - 20px); margin:0 auto; }
.main-section .list-img2 .item + .item { margin-left:50px; }
.main-section .list-img2 .item { width:calc((100% - 150px) / 4); font-size:18px; line-height:1.33; }
.main-section .list-img2 .item a::before { content:''; display:block; margin-bottom:30px; aspect-ratio:1 / 1; background-image:var(--img); background-position:center center; background-repeat:no-repeat; background-size:cover; }
.main-section .list-img2 .subj { display:block; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.main-section .list-img2 .date { display:block; margin-top:22px; font-size:15px; line-height:1.33; color:#666; }
.main-section .list-img3 { display:flex; justify-content: space-between; width: 1100px; margin:64px auto 0; }
.main-section .list-img3 .item { flex:1; display:flex; align-items:flex-end; justify-content:center; padding:0 20px 44px; font-size:35px; line-height:1.2; font-weight:800; color:#fff; font-family:'HanwhaGothic'; text-align:center; border-radius:8px; aspect-ratio:9.6 / 11.56; background-position:center center; background-repeat:no-repeat; background-size:cover; }
.main-section .list-img3 .item + .item { margin-left:50px; }

.main-section .main-tab { text-align:center; padding-top:0; }

.main-section.main-vis { position:relative;  width:100%;}
.main-section.main-vis .vis { position:relative; margin: 100px 0 70px; height:620px; overflow:hidden; }
.main-section.main-vis .vis img { object-fit:cover; height:100%; width:100%; }
.main-section.main-vis .g-vis-head { position:absolute; left:0; right:0; top:50%; transform:translateY(-36%); }
.main-section.main-vis .g-title1 { margin:0 auto; max-width: 1250px; font-size: 63px; line-height: 80px; font-weight: 700; letter-spacing: 1.75px; /* color:#394545 */; text-align:right; }
.main-section.main-vis .text-highlight {
	color: black;
	/* x축, y축, 번짐정도, 색상 */
	text-shadow: 0 0 10px rgba(255, 255, 255, 0.8), 
				0 0 5px rgba(255, 255, 255, 0.5);
}

.main-section.main-business { width:1540px; max-width:calc(100% - 20px); margin:0 auto;  }
.main-section.main-business::before { height:80px; }
.main-section.main-business dl { margin: 0 auto 70px; width:1540px; max-width:calc(100% - 20px); text-align:center;}
.main-section.main-business dt { margin:0 0 32px; font-size:24px; line-height:1; font-weight:500; }
.main-section.main-business dd { font-size:48px; line-height:1.21; font-weight:700;}
.main-section.main-business .list-img3 {margin: 0 auto;}

.main-section.main-mission .msg { width:1240px; text-align:center; margin:0 auto; }
.main-section.main-mission .msg .light { width:550px; margin:-6px 0 0 22px; font-size:20px; font-weight:400; line-height:1.4; text-align:left; }
.main-section.main-mission .msg .item { margin-bottom:-4px; font-size:110px; font-weight:700; line-height:1.2; text-transform:uppercase; }
.main-section.main-mission .msg .item:nth-child(2) { display:block; text-align:right; }
.main-section.main-mission .msg span { display:inline-block; vertical-align:middle; }
.main-section.main-mission .msg img { height:96px; vertical-align:-9px; }
.main-section.main-contact { display:flex; justify-content:space-between; flex-wrap:wrap; align-items:center; padding:100px 60px 124px; }
.main-section.main-contact::before { content:''; display:block; width:calc(100% + 120px); height:420px; margin:0 -60px 53px; background:url("../img/main/contact.jpg") center center no-repeat; background-size:cover; }
.main-section.main-contact .main-title { margin:0 auto 0 0; font-size:80px; line-height:1.1875; }
.main-section.main-contact .link { position:relative; margin:0 0 0 42px; }
.main-section.main-contact .link::after { content:''; display:inline-block; width:78px; height:78px; border-radius:40px; border:1px solid #111; box-sizing:content-box;  background:url("../img/common/i-go.svg") center center no-repeat; }
.main-section.main-contact .adr .item { display:block; text-align:right; font-size:18px; line-height:1.33; }
.main-section.main-contact .adr .item + .item { margin-top:8px; }
.main-section.main-noti { position:relative; height:100px; overflow:hidden; padding:0 60px; font-size:18px; font-weight:400; line-height:1.4; margin:0 0 -160px !important; border-top:1px solid #e6e6e6; }
.main-section.main-noti .title { position:absolute; left:0; top:0; margin:0; padding:0; }
.main-section.main-noti .date { position:absolute; right:0; top:0; color:#767676; }
.main-section.main-noti a { display:block; position:relative; padding-right:4em; padding-left:162px; line-height:29px; }
.main-section.main-noti .wrap-slider-list-notice, .main-section.main-noti .list-notice { height:100%; }
.main-section.main-noti .list-notice .item { padding:35px 0 34px; }

html[lang="en"] .main-section.main-contact { padding-bottom:0; margin-bottom:-36px; }

/* main : animation */
.main-section .main-title,
.main-section .tab,
.main-section .msg span,
.main-section .list-img,
.main-section .list-img2,
.main-section.main-vis .g-title1,
.main-section.main-business dt,
.main-section.main-business dd,
.main-section.main-business .list-img3,
.main-section.main-contact .adr,
.main-section.main-contact .link { opacity:0; }
.main-section.main-vis .g-title1,
.main-section.eff-active .main-title,
.main-section.main-business.eff-active dt,
.main-section.main-business.eff-active dd { animation:ani-fade-slideup 400ms both;}
.main-section.main-business.eff-active dd { animation-delay:200ms; }
.main-section.main-business.eff-active .list-img3 { animation:ani-fade-slideup 400ms both; animation-delay:400ms;}
.main-section.eff-active .msg span { animation:ani-fade-slideup 400ms both; }
.main-section.eff-active .msg span:nth-child(2) { animation-delay:200ms; }
.main-section.eff-active .msg span:nth-child(3) { animation-delay:400ms; }
.main-section.eff-active .msg span:nth-child(4) { animation-delay:400ms; }
.main-section.eff-active .tab { animation:ani-fade-slideup 400ms 200ms both; }
.main-section.eff-active .list-img,
.main-section.eff-active .list-img2,
.main-section.eff-active.main-contact .adr,
.main-section.eff-active.main-contact .link { animation:ani-fade-slideup 400ms 200ms both; }
.main-section.eff-active.main-contact .adr,
.main-section.eff-active.main-contact .link { animation-delay:300ms; }
.main-section.main-contact::before { opacity:0; clip-path:polygon(50% 0%, 50% 0%, 50% 100%, 50% 100%); transition:all 400ms; }
.main-section.eff-active.main-contact .main-title { animation-delay:300ms; }
.main-section.eff-active.main-contact::before { opacity:1; clip-path:polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); }

/* @media (max-height:899px) {
	.main-section.main-business { margin-top:-100px; }
	.main-section:not(.main-noti) { padding-top:100px; }
}
@media (min-height:900px) {
	.main-contents { display:flex; flex-direction:column; }
	.main-section:not(.main-noti):not(.main-contact) { display:flex; flex-direction:column; height:var(--100vh); padding-top:100px; }
	.main-section::before, .main-section.main-business::before { height:0; margin-top:auto; }
	.main-section::after { height:0; margin-bottom:auto; }
	.main-section.main-business { margin-top:-100px; }
	.main-section.main-contact { height:var(--100vh); padding-top:calc(var(--100vh) - 692px); }

	.main-section .list-img3 .item { max-height:calc(var(--100vh) - 500px); }
} */