html {overflow-x:hidden; height:100%; /* scroll-behavior: smooth; */}
body {overflow-x:hidden; display:flex; flex-direction:column; color:#D0EFFF; font-family:"Noto Sans", "Pretendard", sans-serif; letter-spacing:-0.42px; background-color:#232730; }
html.overflow-hidden,
body.overflow-hidden {overflow:hidden; }
header,footer {flex-shrink:0; }
main {flex-grow:1; }
.inner {padding:0 40px; }
.w1200 {width:1300px; max-width:100%; padding:0 25px; margin:0 auto; }
#wrap {padding-top:45px; }
.main #wrap {padding-top:0; }

.noto * {font-family:"Noto Sans"; }

@media all and (max-width:767px){
    .inner {padding:0 20px; }
    .w1200 {padding:0 20px; }
}

/* intro */
#logo_ani_Container{position:fixed;top:0;left:0;z-index:101;width:100%;height:100%;animation:intro 1.1s cubic-bezier(0.25,0.1,0.25,1) forwards;animation-delay:3.1s;overflow:hidden;}
#logo_ani_Container ._inner{position:absolute;top:0;left:0;z-index:9;width:100%;height:100vh;display:flex;align-items:center;justify-content:center;background:#22262F;}
@keyframes intro {
	0%{height:100%;}
	100%{height:0%;}
}
.logo_ani1{animation:logo_ani1 1.1s cubic-bezier(0.25,0.1,0.25,1) forwards;animation-delay:2.6s;overflow:hidden;width:996px;height:712px;position:absolute;top:calc(50% - 356px);left:calc(50% - 498px);}
@keyframes logo_ani1 {
	0%{width:996px;height:712px;transform:translateX(0);left:calc(50% - 498px);}
	100%{width:182px;height:131px;transform:translateX(0);left:-26px;top:-40px;}
}
@media all and (max-width:767px){
    .logo_ani1 {width:600px; height:400px; top:calc(50% - 200px); left:calc(50% - 300px); }
    @keyframes logo_ani1 {
        0%{width:600px;height:400px;transform:translateX(0);left:calc(50% - 300px);}
        100%{width:150px;height:100px;transform:translateX(0);left:-37px; top:-29px; }
        /* 100%{width:130px;height:100px;transform:translateX(0);left:-26px;top:-40px;} */
    }
}


/* 헤더 */
header {z-index:100; overflow:hidden; position:fixed; top:0; left:0; width:100%; padding:10px 0; }
header.bg_on {background-color:rgba(35,39,48,0.8); backdrop-filter: blur(1px); }
header.fixed {position:fixed; }
header .inner {display:flex; align-items:center; justify-content:space-between; }
header h1 {z-index:20; position:relative; }
header h1 img {display:block; }
header .gnb {display:flex; align-items:center; }
header .gnb .mo_top {display:none; align-items:center; justify-content:space-between; height:53px; padding:20px 20px 15px; }
header .gnb ul {display:flex; align-items:center; gap:75px; }
header .gnb li {opacity:.6; }
header .gnb li.active {opacity:1; }
header .gnb li a {display:flex; align-items:center; gap:10px; font-size:14px; color:#D0EFFF; font-family:"Noto Sans", sans-serif; }
header .gnb li a i {position:relative; flex-shrink:0; display:flex; align-items:center; gap:20px; height:18px; padding-bottom:2px; font-size:16px; font-style:normal; }
header .gnb li a i:after {content:']'; }
header .gnb li a i:before {content:''; opacity:0; position:absolute; left:calc(50% - 4px); top:calc(50% - 4px); width:10px; height:10px; background-color:#D0EFFF; border-radius:50%; }
header .gnb li.active a i:before {opacity:1; }
header .ham_btn {z-index:20; position:relative; display:none; width:25px; height:23px; }

.main header h1 img {opacity:0; }
.main header h1:before {content:''; position:absolute; width:100%; height:100%; background:url('../img/logo.svg') no-repeat center center / 100% 100%; }
.main .gnb li {opacity:1; }
.main .gnb li a {color:#232730; }
.main .gnb li.insta img {filter:brightness(0.2)}
.main header .ham_btn.ham_icon {filter:brightness(0.2)}

@media all and (max-width:840px){
    header .gnb ul {gap:50px; }
}

@media all and (max-width:767px){
    header {height:44px; padding:10px 0; }
    header.bg_on {backdrop-filter:unset;}
    header h1 img {height:16px; }
    header .gnb {z-index:30; position:fixed; right:100%; top:0; display:block; width:85%; height:100%; background-color:#232730; transition:all 0.4s; }
    header .gnb .mo_top {display:flex; }
    header .gnb .mo_top .logo img {height:16px; }
    header .gnb ul {flex-direction:column; gap:0; width:100%; padding:20px; }
    header .gnb.active {right:15%; }
    header .gnb li {opacity:1; display:block; width:100%; }
    header .gnb li a {display:block; padding:25px 0; border-bottom:1px solid #8395A1; font-size:12px; }
    header .gnb li:last-of-type a {border-bottom:0 none; }
    header .gnb li a i {display:none; }
    header .ham_btn {display:flex; flex-direction:column; align-items:center; justify-content:center; gap:5px; }

    .main .gnb li a {color:#D0EFFF; }
    .main .gnb li.insta img {filter:brightness(1)}
}


/* 푸터 */
footer {padding:30px 0; }
footer .logo {padding-bottom:30px; border-bottom:1px solid #424242; margin-bottom:30px; }
footer .add p {font-size:14px; color:#BDBDBD; line-height:1.7; }
footer .add p + p {margin-top:15px; }

@media all and (max-width:767px){
    footer .logo {padding-bottom:20px; margin-bottom:20px; }
    footer .add p {font-size:12px; }
    footer .add p + p {margin-top:10px; }
}

/* 탑버튼 */
.top_btn {z-index:80; position:fixed; right:40px; bottom:-80px; width:72px; height:72px; font-size:15px; color:#232730; background-color:#D0EFFF; border-radius:50%; font-family:"Noto Sans", sans-serif; transition:all 0.4s; cursor:pointer; }
.top_btn.on {bottom:50px; }
@media all and (max-width:767px){
    .top_btn {right:10px; width:55px; height:55px; font-size:13px; }
    .top_btn.on {bottom:20px; }
}

/* 메인 */
.main_visual {overflow:hidden; position:relative; width:100%; height:100dvh; }
.main_visual .swiper-slide img {width:100%; height:100%; object-fit:cover; }
.main_visual .arrow {z-index:10; position:absolute; top:calc(50% - 36px); width:72px; height:72px; background-color:#232730; border-radius:50%; cursor:pointer; transition:all 0.5s; }
.main_visual .arrow img {display:block; margin:0 auto; }
.main_visual .arrow.prev {left:40px; }
.main_visual .arrow.prev img {transform:rotate(180deg); }
.main_visual .arrow.next {right:40px; }
.main_visual .arrow.swiper-button-disabled {opacity:.4; }
.main_visual .pagination {z-index:10; position:absolute; left:0; top:auto; bottom:0; display:none; width:100%; height:10px; background-color:#232730; }
.main_visual .pagination span.swiper-pagination-progressbar-fill {background-color:#D0EFFF; }

@media all and (max-width:767px){
    .main_visual .arrow {display:none; width:30px; height:30px; }
    .main_visual .arrow img {width:80%; }
    .main_visual .arrow.prev {left:10px; }
    .main_visual .arrow.next {right:10px; }
    .main_visual .pagination {display:block; }
}



/* news */
.news_cont {padding:50px 0; }
.news_list {display:flex; flex-direction:column; gap:50px; }
.news_list li a {display:grid; grid-template-columns:repeat(2,1fr); gap:35px; }
.news_list .img_box {position:relative; padding-bottom:55%;}
.news_list .img_box img {position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; }
.news_list .txt_box {font-size:15px; color:#D0EFFF; font-weight:300; }
.news_list .txt_box .date {margin-bottom:20px; color:#bdbdbd; }
.news_list .txt_box .tit + .tit {margin-top:7px; }

@media all and (max-width:1024px){
    .news_list {grid-template-columns:repeat(2,1fr); }
}
@media all and (max-width:767px){
    .news_cont {padding:30px 0; }
    .news_list {gap:30px; }
    .news_list li a {grid-template-columns:repeat(1,1fr); gap:10px; }
    .news_list .txt_box .date {font-size:14px; }
    .news_list .txt_box .tit + .tit {margin-top:10px; }
}

.news_detail {padding:50px 0; }
.news_detail .tit {display:flex; align-items:center; justify-content:space-between; }
.news_detail .tit h3 span {font-size:18px; font-weight:200; color:#D0EFFF; }
.news_detail .tit h3 p {font-size:50px; font-weight:300; line-height:1.4; }
.news_detail .tit a {flex-shrink:0; }
.news_detail .tit a img {display:block; }
.news_detail .news_content {margin-top:50px; font-size:16px; font-weight:300; color:#D0EFFF; line-height:1.5; }
.news_detail .news_content img {display:block; width:100%; margin:50px 0; }

@media all and (max-width:767px){
    .news_detail {padding:30px 0; }
    .news_detail .tit h3 p {font-size:20px; }
    .news_detail .tit h3 span {font-size:14px; }
    .news_detail .tit a img {width:25px; }
    .news_detail .news_content {margin-top:10px; font-size:14px; }
    .news_detail .news_content img {display:block; width:100%; margin:30px 0; }
}


/* contact */
.contact_cont {padding:50px 0; }
.contact_cont .map_box {z-index:5; position:relative; border:1px solid #9e9e9e; filter:grayscale(1); }
.contact_cont .map_box #map {height:630px; }
.contact_cont .txt_box {padding:45px 20px; }
.contact_cont .txt_box h4 {font-size:14px; font-style:italic; color:#eee; font-weight:400; }
.contact_cont .txt_box p {padding:40px 0; font-size:15px; color:#D0EFFF; font-weight:300; line-height:1.5; }
.contact_cont .txt_box a {display:flex; align-items:center; gap:5px; font-size:15px; color:#D0EFFF; font-weight:300; }
.contact_cont .txt_box a:before {content:''; width:24px; height:24px; background:url('../img/icon/link_arrow.svg') no-repeat center center; }

@media all and (max-width:767px){
    .contact_cont {padding:30px 0; }
    .contact_cont .map_box #map {height:350px; }
    .contact_cont .txt_box {padding:40px 0 20px; }
    .contact_cont .txt_box p {padding:25px 0; }
}


/* about */
.about_tab {display:grid; grid-template-columns:repeat(2,1fr); }
.about_tab li a {display:flex; align-items:center; justify-content:center; width:100%; height:30px; border-bottom:1px solid #D0EFFF; font-size:14px;  }
.about_tab li.active a {color:#232730; background-color:#d0efff; }

.about_con01 {padding:50px 8% 150px; }
.about_con01 .inner {padding:0; }
.about_con01 .img_box {width:100%; }
.about_con01 .img_box img {display:block; width:100%; }
.about_con01 .txt_box {display:grid; grid-template-columns:1fr 1.2fr; gap:100px; margin-top:50px; }
.about_con01 .txt_box .ko,
.about_con01 .txt_box .en {font-size:15px; line-height:1.5; letter-spacing:-0.45px; }
.about_con01 .txt_box .en {font-style:italic; font-weight:300; }

@media all and (max-width:767px){
    .about_tab {grid-template-columns:1fr 1fr;}
    .about_con01 {padding:30px 20px 50px; }
    .about_con01 .txt_box {grid-template-columns:1fr; gap:15px; margin-top:20px; }
    .about_con01 .txt_box .ko, 
    .about_con01 .txt_box .en {font-size:14px; }
}

.about_cont {position:relative; padding:50px 8%; }
.about_cont .inner {padding:0; }
.about_cont .logo_img {position:fixed; right:0; bottom:5%; display:block; }
.about_cont .inner {display:grid; grid-template-columns:3.8fr 6fr; gap:35px; }
.about_cont h4 {margin-bottom:50px; font-size:14px; font-style:italic; color:#eee; font-weight:400; }

.about_cont .awards li {display:flex; align-items:center; justify-content:space-between; font-size:15px; line-height:1.5; letter-spacing:-0.45px; }
.about_cont .awards li + li {margin-top:20px; }
.about_cont .awards li a {display:flex; gap:10px; width:100%; }
.about_cont .awards li .txt_box {display:flex; width:62%; }
.about_cont .awards li .txt_box span {flex-shrink:0; width:80px; }
.about_cont .awards li .txt_box p {width:calc(100% - 80px); }
.about_cont .awards li .txt_box p b {display:block; }
.about_cont .awards li .txt_box p i {display:block; font-style:normal; }
.about_cont .awards li .img_box {position:relative; width:38%; padding-bottom:38%; }
.about_cont .awards li .img_box img {position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; }
.about_cont .awards .mo_ver {display:none; }

.about_cont .member {padding:0 0 70px; }
.about_cont .member + .member {border-top:1px solid #4E6378; padding:70px 0; }
.about_cont .member h5 {margin-bottom:30px; font-size:15px; font-weight:400; }
.about_cont .member .txt {margin:30px 0; font-size:15px; font-weight:400; line-height:1.4; }
.about_cont .member .box {display:grid; grid-template-columns:repeat(2,1fr); }
.about_cont .member .box dl dt {position:relative; display:flex; align-items:center; gap:10px; font-size:15px; }
.about_cont .member .box dl dt:before {content:''; width:8px; height:8px; background-color:#D0EFFF; border-radius:50%; }
.about_cont .member .box dl dd {padding-left:20px; margin-top:10px; }
.about_cont .member .box dl dd p {display:flex; gap:7px; font-size:15px; font-weight:300; }
.about_cont .member .box dl dd p span {flex-shrink:0; display:block; width:120px; }
.about_cont .member .box dl dd.type02 p span {width:160px; }
.about_cont .member .box dl dd p + p {margin-top:10px; }

@media all and (max-width:1300px){
    .about_cont {padding:50px 5%;}
    .about_cont .inner {gap:7%; }
    .about_cont .awards li a {flex-direction:column;}
    .about_cont .awards li .txt_box {width:100%; }
    .about_cont .awards li .img_box {margin-left:80px; }
    .about_cont .member .box {grid-template-columns:repeat(1,1fr); gap:20px; }
}
@media all and (max-width:767px){
    .about_cont {padding:50px 20px; }
    .about_cont .inner {display:block; }
    .about_cont h4 {margin-bottom:40px; }

    .about_cont .awards li + li {margin-top:40px; }
    .about_cont .awards li span {grid-area:a; width:100%; }
    .about_cont .awards li p {grid-area:b; width:100%; padding:0; }
    .about_cont .awards li b {grid-area:d; width:100%; padding-left:0; }
    .about_cont .awards .mo_ver {display:block; }

    .about_cont .right_box {margin-top:50px; }
    .about_cont .member {padding:0 0 30px; }
    .about_cont .member + .member {padding:30px 0; }
    .about_cont .member h5 {margin-bottom:20px; ; }
    .about_cont .member .txt {margin:20px 0 30px; }
    .about_cont .member .box {grid-template-columns:repeat(1,1fr); gap:30px; }
    .about_cont .member .box dl dd p {display:block; font-size:14px; }
    .about_cont .member .box dl dd p + p {margin-top:15px; }
    .about_cont .member .box dl dd p span {display:block; width:100%; margin-bottom:7px; }
    .about_cont .member .box dl dd.type02 p span {width:100%; }
}

/* work */
.work_cont {padding:50px 0 0; }

.work_filter {z-index:10; position:relative; display:flex; align-items:center; justify-content:space-between; gap:10px; padding:10px 40px; }
/* .work_filter * {font-family:"Noto Sans";} */
.work_filter .filter_box {display:flex; align-items:center; gap:10px 40px; flex-wrap:wrap; }
.work_filter .filter_box h5 {font-size:14px; font-weight:300; letter-spacing:-0.42px; }

.work_filter .filter_box .select_area {display:flex; align-items:center; gap:15px; flex-wrap:wrap; }
.work_filter .filter_box .select_area .selected {display:none; padding:2px 5px; border-bottom:1px solid #d0efff; font-size:14px; font-style:italic; font-weight:300; cursor:pointer; }
.work_filter .filter_box .select_area .select_box { align-items:center; gap:3px 15px; flex-wrap:wrap; }
.work_filter .filter_box p input[type="radio"] {display:none; }
.work_filter .filter_box p input[type="radio"] + label {border-bottom:1px solid transparent; padding:0 5px; font-size:14px; color:#8395A1; cursor:pointer; font-style:italic; }
.work_filter .filter_box p input[type="radio"]:checked + label {border-bottom:1px solid #d4f3ff; color:#D0EFFF; }

.work_filter .list_type {display:flex; align-items:center; gap:40px; }
.work_filter .list_type a {position:relative; padding-left:20px; font-style:italic; font-weight:300; }
.work_filter .list_type a:before {content:''; opacity:0; position:absolute; left:0; top:calc(50% - 5px); width:10px; height:10px; border:1px solid #D0EFFF; border-radius:50%; }
.work_filter .list_type a.active:before {opacity:1; }

@media all and (min-width:768px){
    .work_filter .filter_box .select_area .select_box {display:flex !important; }
}

@media all and (max-width:767px){
    .work_filter {padding:10px 20px; }
    .work_filter .filter_box {gap:15px; }

    .work_filter .filter_box .select_area .selected {display:block; }
    .work_filter .filter_box .select_area .select_box {position:absolute; left:20px; top:100%; overflow-y:auto; display:none; width:calc(100% - 40px); max-height:50dvh; border:1px solid #9e9e9e; padding:10px; background-color:#232730; }
    .work_filter .filter_box .select_area .select_box p {border-bottom:1px solid #9e9e9e;}
    .work_filter .filter_box .select_area .select_box p:last-of-type {border-bottom:0 none; }
    .work_filter .filter_box .select_area .select_box p:first-of-type input[type="radio"] + label {padding-top:5px; }
    .work_filter .filter_box .select_area .select_box p:last-of-type input[type="radio"] + label {padding-bottom:5px; }
    .work_filter .filter_box .select_area .select_box p input[type="radio"] + label {display:block; padding:14px 0; text-align:center; }
    .work_filter .filter_box .select_area .select_box p input[type="radio"]:checked + label {border-bottom:1px solid transparent; }

    .work_filter .list_type {gap:25px; }
    .work_filter .list_type a {padding-left:15px; font-size:14px; }
    .work_filter .list_type a:before {top:calc(50% - 4px); width:8px; height:8px; }
}

.cursor_img {position:fixed;opacity:0; width:150px;height:150px;user-select: none;pointer-events: none;-webkit-user-drag: none;z-index: 10000;cursor: none;background-image: url('../img/icon/cursor.png'); background-size:100% 100%; transition: opacity 0.2s ease;}

@media all and (max-width:767px){
    .cursor_img {opacity:0 !important; }
}
.work_list {display:flex; flex-direction:column; align-items:flex-start; transform-origin:50% 350px; }
.work_item {display:block; width:982px; margin:0 auto; transition:all 0.6s; }
.work_item + .work_item {margin-top:30px; }
.work_item .swiper-slide {width:auto; }
.work_item .swiper-slide > div:not(.item_info) {cursor:pointer; }
.work_item .item_info {display:flex; flex-direction:column; justify-content:space-between; width:415px; padding-right:15px; }
.work_item .item_info .top_info {display:flex; align-items:flex-start; justify-content:space-between;}
.work_item .item_info .top_info .cate {font-size:14px; color:#D0EFFF; font-style:italic; font-weight:400; }
.work_item .item_info .top_info .cate span:before {content:'[ '; color:#8395A1; }
.work_item .item_info .top_info .cate span:after {content:' ]'; color:#8395A1; }
.work_item .item_info .top_info .tit {text-align:right; }
.work_item .item_info .top_info .tit p {margin-bottom:10px; font-size:16px; color:#D0EFFF; font-weight:400; }
.work_item .item_info .top_info .tit i {display:block; margin-bottom:18px; font-size:14px; color:#E0E0E0; font-weight:200; line-height:1.4; }
.work_item .item_info .bottom_info {position:absolute; bottom:0; left:-50px; visibility:hidden; opacity:0; z-index:-999; overflow-y:auto; width:100%; max-height:calc(100% - 125px); }
.work_item .item_info .bottom_info dl {display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; border-bottom:0.5px dashed #b6c7d2; padding:5px 1px; }
.work_item .item_info .bottom_info dl dt {flex-shrink:0; font-size:13px; color:#E0E0E0; font-weight:300; }
.work_item .item_info .bottom_info dl dd {font-size:13px; color:#D0EFFF; font-weight:300; }
.work_item .img_box img {display:block; width:527px; height:100%; }
.work_item .txt_box {width:210px; font-size:14px; line-height:1.4; font-weight:300; word-break:break-all;}
.work_item .txt_box pre {font-family:"Noto Sans", "Pretendard", sans-serif; white-space:break-spaces}

.work_item .swiper-slide {display:none; margin-right:20px; transition:all 0.6s; }
.work_item .swiper-slide:nth-of-type(1),
.work_item .swiper-slide:nth-of-type(2) {display:block; }

.work_item.active * {cursor:none; }
.work_item.active {width:100%; padding:30px 0; cursor:none; }
.work_item.active .swiper-slide { display:block; }
.work_item.active .item_info {overflow-y:auto; height:100%; }
.work_item.active .item_info .bottom_info {left:0; visibility:visible; opacity:1; z-index:10; transition:all 0.5s; transition-delay:0.8s; }
.work_item.active .img_box img {width:auto; }

.work_mo_grid {display:none; grid-template-columns:repeat(1,1fr); gap:0; }
.work_mo_grid .work_box {float:none; width:100%; }
.work_mo_grid .work_box_mo {float:none; width:100%; }
.work_mo_grid .click_box {display:none; padding:35px 0; }
.work_mo_grid .click_box dl {display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; border-bottom:0.5px dashed #b6c7d2; padding:5px 1px; }
.work_mo_grid .click_box dl dt {flex-shrink:0; font-size:13px; color:#E0E0E0; font-weight:300; }
.work_mo_grid .click_box dl dd {font-size:13px; color:#D0EFFF; font-weight:300; }
.work_mo_grid .img_slide {position:relative; width:100%; padding-bottom:20px; }
.work_mo_grid .img_slide .img_box img {display:block; }
.work_mo_grid .img_slide .txt_box {padding-bottom:40px; font-size:14px; line-height:1.4; font-weight:300; word-break:break-all; }
.work_mo_grid .img_slide .txt_box pre {font-family:"Noto Sans", "Pretendard", sans-serif; white-space:break-spaces}
.work_mo_grid .img_slide .pager {position:absolute; left:0; top:auto; bottom:0; width:100%; height:2px; background-color:#4E6378; border-radius:5px; }
.work_mo_grid .img_slide .pager .swiper-pagination-progressbar-fill {background-color:#D0EFFF; border-radius:5px; }

@media all and (max-width:1024px){
    .work_item {width:670px; }
    .work_item .item_info {width:300px; }
    .work_item .img_box img {width:330px; }
}
@media all and (max-width:767px){
    .work_list.pc_ver {display:none; }
    .work_mo_grid {display:block; }
}


/* grid */
.grid_sizer,
.work_box {width:calc(33.33% - 14px); }
.work_box {float:left; margin-bottom:50px; cursor:pointer; }

.work_box .txt_box .cate {font-size:14px; color:#D0EFFF; font-style:italic; font-weight:400; }
.work_box .txt_box .cate span:before {content:'[ '; color:#8395A1; }
.work_box .txt_box .cate span:after {content:' ]'; color:#8395A1; }
.work_box .txt_box .tit {margin-top:17px; text-align:left; }
.work_box .txt_box .tit p {margin-bottom:15px; font-size:16px; color:#D0EFFF; font-weight:400; }
.work_box .txt_box .tit i {display:block; font-size:14px; color:#E0E0E0; font-weight:200; line-height:1.4; }
.work_box .txt_box .tit i + i {margin-top:20px; }
.work_box .img_box {margin-top:35px; }
.work_box .img_box img {width:100%; }

.work_box_mo .txt_box .cate {font-size:14px; color:#D0EFFF; font-style:italic; font-weight:400; }
.work_box_mo .txt_box .cate span:before {content:'[ '; color:#8395A1; }
.work_box_mo .txt_box .cate span:after {content:' ]'; color:#8395A1; }
.work_box_mo .txt_box .tit {margin-top:17px; text-align:left; }
.work_box_mo .txt_box .tit p {margin-bottom:15px; font-size:16px; color:#D0EFFF; font-weight:400; }
.work_box_mo .txt_box .tit i {display:block; font-size:14px; color:#E0E0E0; font-weight:200; line-height:1.4; }
.work_box_mo .txt_box .tit i + i {margin-top:20px; }
.work_box_mo .img_box {margin-top:35px; }
.work_box_mo .img_box img {width:100%; }

.work_detail_modal {z-index:-9999; position:fixed; left:0; top:0; opacity:0; visibility:hidden; overflow-y:auto; overflow-x:hidden; width:100%; height:100%; padding:84px 40px 40px; background-color:#232730; }
.work_detail_modal.open {z-index:20; opacity:1; visibility:visible; transition:opacity 0.5s; }
.work_detail_modal .modal_close_btn {position:absolute; right:20px; top:72px; }
.work_detail_modal .work_detail.mo_ver {display:none; }
.work_detail_modal .work_detail.pc_ver {display:flex; align-items:center; height:100%; padding-top:30px; }
.work_detail_modal .work_detail .work_item {display:block; padding:0; }
.work_detail_modal .work_detail .work_item .swiper-slide > div {height:calc(80dvh - 100px); }
.work_detail_modal .work_mo_grid .click_box {display:block; }


@media all and (max-width:767px){
    .grid_sizer,
    .work_box {width:calc(50% - 7.5px); }
    .work_box {margin-bottom:40px; }

    .work_box .txt_box .tit {margin-top:15px; }
    .work_box .txt_box .tit p {margin-bottom:13px; }
    .work_box .img_box {margin-top:15px; }
    
    .work_box_mo .txt_box .tit {margin-top:15px; }
    .work_box_mo .txt_box .tit p {margin-bottom:13px; }

    .work_detail_modal {padding:20px; }
    .work_detail_modal.open {z-index:101; }
    .work_detail_modal .modal_close_btn {right:0; top:0; padding:12px; }
    .work_detail_modal .modal_close_btn img {width:30px; }
    .work_detail_modal .work_detail.pc_ver {display:none; }
    .work_detail_modal .work_detail.mo_ver {display:block; }
}