@charset "utf-8";

@font-face {
    font-family: 'Apple SD Gothic Neo';
    font-weight: 300;
    font-style: normal;
    src: url('/css/font/AppleSDGothicNeoM.eot');
    src: url('/css/font/AppleSDGothicNeoM.eot?#iefix') format('embedded-opentype'),
    url('/css/font/AppleSDGothicNeoM.woff2') format('woff2'),
    url('/css/font/AppleSDGothicNeoM.woff') format('woff'),
    url('/css/font/AppleSDGothicNeoM.ttf') format("truetype");
}
@font-face {
    font-family: 'Apple SD Gothic Neo';
    font-weight: 500;
    font-style: normal;
    src: url('/css/font/AppleSDGothicNeoSB.eot');
    src: url('/css/font/AppleSDGothicNeoSB.eot?#iefix') format('embedded-opentype'),
    url('/css/font/AppleSDGothicNeoSB.woff2') format('woff2'),
    url('/css/font/AppleSDGothicNeoSB.woff') format('woff'),
    url('/css/font/AppleSDGothicNeoSB.ttf') format("truetype");
}
@font-face {
    font-family: 'Apple SD Gothic Neo';
    font-weight: 700;
    font-style: normal;
    src: url('/css/font/AppleSDGothicNeoEB.eot');
    src: url('/css/font/AppleSDGothicNeoEB.eot?#iefix') format('embedded-opentype'),
    url('/css/font/kopus/AppleSDGothicNeoEB.woff2') format('woff2'),
    url('/css/font/kopus/AppleSDGothicNeoEB.woff') format('woff'),
    url('/css/font/kopus/AppleSDGothicNeoEB.ttf') format("truetype");
}


@font-face {
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: 400;
    src: url(/css/font/MaterialIcons-Regular.eot); /* For IE6-8 */
    src: local('Material Icons'),
    local('MaterialIcons-Regular'),
    url(/css/font/MaterialIcons-Regular.ttf) format('truetype');
}

/*** common ***/
.fl    { float:left !important; }
.fr    { float:right !important; }
.fn    { float:none !important; }
.cb    { clear:both !important; }
.pr    { position:relative !important}
.ac    { text-align:center !important; }
.al    { text-align:left !important; }
.ar    { text-align:right !important; }
.vt    { vertical-align:top !important; }
.vm    { vertical-align:middle !important; }
.vb    { vertical-align:bottom !important; }
.jf    { text-align:justify !important; }
.oh    { overflow:hidden !important; }
.oh_y  { overflow-y:hidden !important;}
.cp    { cursor:pointer !important; }
.di    { display:inline !important; }
.dib   { display:inline-block !important; }
.dn    { display:none !important; }
.db    { display:block !important; }
.vv    { visibility:visible !important; }
.vh    { visibility:hidden !important; }
.bn    { border:none !important; }
.bbn   { border-bottom:none !important; }
.brn   { border-right:none !important; }
.bgn   { background:none !important; }
.fb    { font-weight:bold !important; }
.BDB   { border-bottom:2px solid #d1d1d1 !important}
.zoom1 { *zoom:1 }

/* Margin */
.MN0 { margin:0 !important; }
.ML2 { margin-left:2px !important; }
.ML4 { margin-left:4px !important; }
.ML5 { margin-left:5px !important; }
.ML8 { margin-left:8px !important; }
.ML10 { margin-left:10px !important; }
.ML15 { margin-left:15px !important; }
.ML20 { margin-left:20px !important; }
.ML24 {margin-left:24px}
.ML30 { margin-left:30px; }
.ML50 { margin-left:50px !important; }
.ML57 { margin-left:57px; }
.ML80 { margin-left:80px; }
.ML120 { margin-left:120px; }
.ML200 { margin-left:200px; }
.ML213 { margin-left:213px; }
.ML293 { margin-left:293px; }
.MR5 {margin-right:5px}
.MR10 { margin-right:10px; }
.MR15 { margin-right:15px; }
.MR16 { margin-right:16px; }
.MR20 { margin-right:20px; }
.MR30 { margin-right:30px; }
.MR37 { margin-right:37px; }
.MR40 { margin-right:40px; }
.MR60 { margin-right:60px; }
.MR72 { margin-right:72px; }
.MT2 { margin-top:2px !important; }
.MT4 { margin-top:4px !important; }
.MT5 { margin-top:5px !important; }
.MT7 { margin-top:7px !important; }
.MT10 { margin-top:10px !important; }
.MT15 { margin-top:15px; }
.MT20 { margin-top:20px !important; }
.MT22 { margin-top:22px; }
.MT25 { margin-top:25px; }
.MT28 { margin-top:28px; }
.MT30 { margin-top:30px !important; }
.MT35 { margin-top:35px !important; }
.MT40 { margin-top:40px !important; }
.MT45 {margin-top:45px !important}
.MT50 { margin-top:50px; }
.MT55 { margin-top:55px; }
.MT60 { margin-top:60px !important; }
.MT65 { margin-top:65px !important; }
.MT70 { margin-top:70px; }
.MT80 { margin-top:80px !important; }
.MT120 { margin-top:120px; }
.MT267 {margin-top:267px !important}
.MB0 { margin-bottom:0 !important}
.MB5 { margin-bottom:5px; }
.MB10 { margin-bottom:10px !important; }
.MB12 {margin-bottom:12px !important}
.MB15 { margin-bottom:15px; }
.MB20 { margin-bottom:20px !important; ; }
.MB26 { margin-bottom:26px !important; ; }
.MB30 { margin-bottom:30px !important; }
.MB40 { margin-bottom:40px !important; }
.MB50 {margin-bottom:50px}
.MB55 { margin-bottom:55px; }
.MB60 { margin-bottom:60px; }
.MB70 {margin-bottom:70px !important}
.MB180 {margin-bottom:180px !important}
.MT10MB100 {margin:10px 0 100px 0;}
.minusT40 {margin-top:-40px}

/* padding_top */
.PN0 {padding:0 !important}
.PT0 {padding-top:0 !important}
.PT5 { padding-top:5px !important;}
.PT7 { padding-top:7px;}
.PT10 { padding-top:10px;}
.PT12 { padding-top:12px;}
.PT15 { padding-top:15px;}
.PT20 { padding-top:20px !important;}
.PT25 { padding-top:25px;}
.PT27 { padding-top:27px;}
.PT30 { padding-top:30px;}
.PT37 { padding-top:37px;}
.PT38 { padding-top:38px;}
.PT43 { padding-top:43px;}
.PT40 { padding-top:40px !important;}
.PT50 { padding-top:50px !important;}
.PT65 { padding-top:65px !important;}
.PT75 { padding-top:75px;}

/* padding_left */
.PL0 { padding-left:0px !important;}
.PL3 { padding-left:3px;}
.PL5 { padding-left:5px;}
.PL8 { padding-left:8px;}
.PL10 { padding-left:10px;}
.PL20 { padding-left:20px !important;}
.PL23 { padding-left:23px;}
.PL25 { padding-left:25px;}
.PL30 { padding-left:30px;}
.PL40{ padding-left:40px;}
.PL45{ padding-left:45px;}
.PL50{ padding-left:50px;}
.PL55{ padding-left:55px;}
.PL60 { padding-left:60px;}
.PL65 { padding-left:6px;}
.PL100 { padding-left:100px;}

/* padding_right */
.PR6 { padding-right:6px;}
.PR10 { padding-right:10px;}
.PR20 { padding-right:20px;}
.PR35 { padding-right:35px;}
.PR40 { padding-right:40px;}
.PR60 { padding-right:60px;}
.PR72 { padding-right:72px;}

/* padding_bottom */
.PB0 {padding-bottom:0 !important}
.PB10 { padding-bottom:10px;}
.PB13 { padding-bottom:13px;}
.PB15 { padding-bottom:15px !important}
.PB20 { padding-bottom:20px !important;}
.PB23 { padding-bottom:23px !important;}
.PB30 { padding-bottom:30px !important;}
.PB40 { padding-bottom:40px;}
.PB50 {padding-bottom:50px }
.PB65 { padding-bottom:65px;}
.PB70 { padding-bottom:70px;}
.PB110 { padding-bottom:110px;}

/* padding_all */
.PT10L5 { padding:10px 0 0 5px !important;}
.PTB10 {padding:10px 0 !important;}
.PTBL {padding:20px 0 20px 20px !important;}



::-webkit-scrollbar { width: 20px; height: 12px;  }
::-webkit-scrollbarno-button:start:decrement{display: block; width: 20px;height: 12px;
    background: rgba(46,136,204,0.3); border-radius: 5px;}
::-webkit-scrollbar-track {  background: rgba(46,136,204,0.3); border-radius: 3px;}
::-webkit-scrollbar-thumb {  background: rgb(108,173,222); border-radius:5px;}



/* Reset */
* {outline:0 !important;}
html,body,h1,h2,h3,h4,h5,h6,div,p,blockquote,pre,code,address,ul,ol,li,menu,nav,section,article,aside,
dl,dt,dd,table,thead,tbody,tfoot,label,caption,th,td,form,fieldset,legend,hr,input,button,textarea,object,figure,figcaption {margin:0;padding:0; font-family: 'Apple SD Gothic Neo', 'Malgun Gothic', '맑은 고딕','arial','sans-serif';  font-weight: 500;}
html, body{width:2160px;}
body{width:2160px; background:#fff;}
body,input,select,textarea,button {border:none;font-size:12px; font-family:'Apple SD Gothic Neo', sans-serif;color:#000;}
ul,ol,li{list-style:none;}
table{width:100%;border-spacing:0;border-collapse:collapse;}
img,fieldset{border:0;}
address,cite,code,em{font-style:normal;font-weight:normal;}
label,img,input,select,textarea,button{vertical-align:middle; margin: 0;
    padding: 0; -webkit-text-size-adjust: none;}
.hide,caption,legend{line-height:0;font-size:0px;overflow:hidden;}
hr{display:none;}
main,header,section,nav,footer,aside,article,figure{display:block;}
a{color:#000;text-decoration:none;}

.clear {clear:both;}
.clear:after { content:""; display:block; clear:both;}

.blind {position: absolute; top: -9999em; width: 0;
    height: 0; font-size: 0; overflow: hidden;}


/* ==== ==== ==== ==== ==== ==== ==== ==== ==== ==== ==== ==== ==== ==== ==== ==== ==== ==== ==== */


#Wrap{width: 2160px; height: 3840px; position: relative; margin:0; padding:0; overflow:hidden; background: #2d2d2d}

.mainVisual{width: 2160px; height: 3580px; display: flex; align-items: center; justify-content: center;}
.touch_box{width: 2160px; height: 260px; display: flex; align-items: center; justify-content: center; flex-direction: column; background: #0d0d0d}
.touch_box .txt01{color: #fff; position: relative; font-weight: 700; font-size: 85px; padding-left: 110px;}
.touch_box .txt01::before{content: ''; width: 75px; height: 102px; background: url(/images/main/icon_touch.png) no-repeat; margin-right: 10px; position: absolute; top:0; left: 0;}
.touch_box .txt02{color: #fff; font-size: 30px; position: relative; font-weight: 300;letter-spacing: 10px; padding-left: 150px;}

header{width: 2160px; height: 194px; position: relative; background: url(/images/common/bg_top.png) no-repeat; margin-bottom: 180px;}
.logo{position: absolute; top:40px; left: 145px;}
.today_area{width: 600px; height: 62px; position: absolute; right: 145px; top: 80px; display: flex; color: #c1c1c1; align-items: flex-end; line-height: 1}
.today_area .date{font-size: 48px; margin-right: 54px;}
.today_area .date span{font-size: 60px;}
.today_area .time{font-size: 48px;}
.today_area .time span{font-size: 78px; margin-left: 30px;}

section{width: 2160px; height: 3646px; padding: 0 87px; box-sizing: border-box; position: relative;}
.homeBack ul{width: 490px; position: absolute; top: -160px; right: 87px; display: flex; justify-content: space-between;}
.homeBack li{width: 215px; height: 142px; border-radius: 20px; border: 2px solid #a9a9a9; background: #313131; box-sizing: border-box;}
.homeBack li a{display: block; width: 100%; height: 100%; text-align: center; padding-top: 20px;}
.homeBack li a span{display: block; color: #fff; font-size: 24px; margin-top: 15px;}

@-webkit-keyframes fadein { /* Safari and Chrome */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-webkit-keyframes fadeout {
    from {
        opacity:1;
    }
    to {
        opacity:0;
    }
}

.container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 1984px;
    gap: 150px 0;
}

.item {
    border: 2px solid #848484;
    background: #212121;
    border-radius: 20px;
    position: relative;
    color: #fff;
    padding: 50px 60px;
    box-sizing: border-box;
    transition: all ease 0.2s 0s;
}


.box1{width: 1860px; position: relative; overflow: hidden; padding-top: 10px;}
.box1 h2{font-size: 38px; border-bottom: 2px solid #f4f4f4; padding: 0 0 15px 120px; position: relative; letter-spacing: -2px;}
.box1 h2 span{font-size: 50px; margin-right: 40px; font-weight: 700; letter-spacing: -2px; position: relative;}
.box1 h2 span::before{content: ''; position: absolute; width: 21px; height: 67px; top: -8px; left: -80px; background: url(/images/common/icon_info.png) no-repeat;}

/* 공간소개 */
.box1 .space_box{width: 1778px; height: 615px; position: relative; margin: 90px auto 0; background: url(/images/sub/img_space.png) no-repeat; }
.box1 .space_box .space_btn{display: block; width:63px; height: 63px; background: rgba(255, 255, 255, 0); font-size: 0; border-radius: 50%;}
.box1 .space_box .A_btn{position: absolute; top: 118px; left: 260px;}
.box1 .space_box .B_btn{position: absolute; top: 153px; left: 679px;}
.box1 .space_box .C_btn{position: absolute; top: 183px; right: 525px;}
.box1 .space_box .D_btn{position: absolute; top: 284px; right: 133px;}
.box1 .space_box .E_btn{position: absolute; top: 285px; right: 409px;}
.box1 .space_box .F_btn{position: absolute; top: 314px; left: 855px;}
.box1 .space_box .G_btn{position: absolute; top: 349px; left: 619px;}
.box1 .space_box .H_btn{position: absolute; top: 274px; left: 319px;}
.box1 .space_explain_box{display: flex; margin-top: 80px; gap: 48px; padding: 0 20px; height: 570px; overflow-y: auto;}
.box1 .space_explain_box .explain_txt{width: 100%;font-size: 30px; text-align: justify; line-height: 1.8; letter-spacing: -1px; }
.box1 .space_box .chk_sign{ border: 7px solid red; }

.box1 .space_picture{width: 100%; height: 1200px; margin-top: 150px; position: relative; border-top: 2px solid #818181; padding-top: 100px; -webkit-animation: fadein 1s;}
.box1 .space_picture h3{font-size: 75px; font-weight: 500; text-align: center; margin-bottom: 80px;}
.box1 .space_picture h3 span{font-weight: 700; font-size: 90px; margin-right: 30px;}
.box1 .space_picture .pace_img_box{width: 100%; display: flex; position: relative; justify-content: center;}
.box1 .space_picture .pace_img_box .prev{top:50%; left: 100px; transform: translateY(-50%); position: absolute;}
.box1 .space_picture .pace_img_box .next{top:50%; right: 100px; transform: translateY(-50%); position: absolute;}
.box1 .space_picture .pace_img_box .img_box{width: 1216px; height: 827px; overflow: hidden;}
.box1 .space_picture .pace_img_box .img_box img{width: 100%; height: 100%;}

/*.box1 .space_picture .pagination{margin-top:50px;text-align: center;}
.box1 .space_picture .pagination .pagination_bullet {
    width: 23px; height: 23px; margin: 0 10px; background: #8e8e8e; border-radius: 50%; cursor: pointer; display: inline-block;}
.box1 .space_picture .pagination .pagination_bullet_active{background: #fff; }*/

.box1 .facilities_box{margin-top: 100px; position: relative; overflow: auto; height: 690px;}
.box1 .facilities_box li{font-size: 30px; margin-left: 20px; line-height: 2;}
.box1 .facilities_box li span{margin-right: 10px; position: relative; padding-left: 20px; font-weight: 700;}
.box1 .facilities_box li span::before{position: absolute; content: '•'; font-size: 26px; left: 0; top:-2px;}
.box1 .facilities_box li p{padding: 0 20px; line-height: 1.5; text-align: justify;}


.box2{position: relative;}
.box2 .h2_program{font-size: 36px; border-bottom: 2px solid #f4f4f4; padding: 0 0 25px 50px; position: relative; line-height: 1.3;}
.box2 .h2_program span{font-size: 50px; font-weight: 700; letter-spacing: -2px;}
/*.box2 .h2_program::before{content: ''; position: absolute; width: 41px; height: 56px; top: 45px; left: 30px; background: url(/images/common/icon_program.png) no-repeat;}*/

.box2 .h2_resident{font-size: 36px; border-bottom: 2px solid #f4f4f4; padding: 0 0 25px 50px; position: relative;line-height: 1.3;}
.box2 .h2_resident span{font-size: 50px; font-weight: 700; letter-spacing: -3px;}
/*.box2 .h2_resident span::before{content: ''; position: absolute; width: 51px; height: 62px; top: 40px; left: 30px; background: url(/images/common/icon_resident.png) no-repeat;}*/


/* 인천아트플랫폼 프로그램 */
.program_img{overflow: hidden; width: 840px; height: 1200px; margin-bottom: 0px; margin-top: 30px; display: flex; align-items: center; }
.program_img img{width: 100%; max-height: 1200px;}

.program_bbs{width: 1960px; height: 2375px; margin-top: 100px; margin-left: -100px; overflow-y: scroll;}
.program_bbs ul{width: 1670px; margin: 0 auto;}
.program_bbs ul li{width: 1670px; height: 800px; border: 1px solid #c7c7c7; border-radius: 10px; box-sizing: border-box; background: #434343; margin-bottom: 90px; box-sizing: border-box; padding: 70px 70px 20px; overflow: hidden;}
.program_bbs ul li .in{position: relative; display: flex; flex-wrap: wrap;}
.program_bbs ul li .poster{width: 405px; height: 574px; border: 2px solid #a9a9a9; background: #ffffff;display: flex; align-items: center; justify-content: center;}
.program_bbs ul li .poster img {width: 100%; display: block;}
.program_bbs ul li .txt {height: 680px; flex: 1; margin-left: 140px; overflow-y: auto;}
.program_bbs ul li .txt .tit{display: block; margin-bottom: 30px;  font-size: 40px; line-height: 1.4; font-weight: 700;}
.program_bbs ul li .txt .detail{margin-bottom: 30px;}
.program_bbs ul li .txt .detail dl{font-size: 35px; display: flex; flex-wrap: wrap; margin-bottom: 30px;}
.program_bbs ul li .txt .detail dl dt{position: relative;  width: 250px; padding-left: 30px;}
.program_bbs ul li .txt .detail dl dt::before{content: '•'; top:0px; left: 0; position: absolute}
.program_bbs ul li .txt .detail dl dd{font-weight: 500;}

/* 레지던시 입주 예술가 */
.artist_box{width: 956px; overflow-y: auto; height: 1436px; margin-left: -60px; margin-top: 55px;}
.artist_list{width: 800px; margin: 0 auto;}
.artist_list li{margin-bottom: 20px;}
.artist_list li a{display: block; width: 100%; height: 112px; background: #323232; border-radius: 10px; box-sizing: border-box; padding: 0 20px; display: flex; align-items: center; justify-content: center; font-size: 50px; font-weight: 500; color: #fff; border: 1px solid #747474;}
.artist_list li a span{font-weight: 700; margin-right: 20px;}


.artist_bbs{width: 1960px; height: 2375px; margin-top: 100px; margin-left: -100px; overflow-y: scroll;}
.artist_bbs ul{width: 1670px; margin: 0 auto;}
.artist_bbs ul li{width: 1670px; height: 355px; border: 1px solid #c7c7c7; border-radius: 10px; box-sizing: border-box; background: #434343; margin-bottom: 90px; box-sizing: border-box; padding: 30px 100px; overflow: hidden;}
.artist_bbs ul li a{color: #fff;}
.artist_bbs ul li .in{position: relative; display: flex; flex-wrap: wrap;}
.artist_bbs ul li .member_img{width: 420px; height: 290px; border: 1px solid #a9a9a9; background: #000; overflow: hidden;}
.artist_bbs ul li .member_img img {width: 100%; display: block;}
.artist_bbs ul li .member_txt{display: flex; align-items: flex-start;
    margin-left: 100px; width: 940px; flex-direction: column;
    justify-content: center;}
.artist_bbs ul li .member_txt em{font-size: 45px; margin-bottom: 20px; display: block;}
.artist_bbs ul li .member_txt .member_name span{font-size: 50px;margin-right: 20px; font-weight: 700;}
.artist_bbs ul li .member_txt .member_name span:nth-child(1){font-weight: 500;margin-right: 50px}

/* 팝업 */
.pop_info{width: 1960px; min-height: 1380px; max-height: 2000px; border-radius: 20px; border: 2px solid #e9e9e9; padding: 110px; text-align: left;
    box-sizing: border-box; background: #1c1c1c; color: #fff; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.pop_info .close{position: absolute; right: 110px; top: 70px; z-index: 999;}


/* 프로그램 위치보기 */
.pop_info h2.location_tit{font-size: 38px; border-bottom: 2px solid #f4f4f4; padding: 0 0 50px 120px; position: relative; letter-spacing: -2px;}
.pop_info h2.location_tit span{font-size: 50px; margin-right: 40px; font-weight: 700; letter-spacing: -2px; position: relative;}
.pop_info h2.location_tit span::before{content: ''; position: absolute; width: 38px; height: 58px; top: 0px; left: -80px; background: url(/images/common/icon_site_white.png) no-repeat;}
.pop_info .location_info{width: 1758px; margin: 0 auto;}
.pop_info .location_info .tit{font-size: 120px; font-weight: 700; text-align: center; margin-bottom: 100px; letter-spacing: 20px;}
.pop_info .location_info{margin-top: 100px; position: relative;}
.pop_info .location_info .A_point {position: absolute; top: 254px; left: 282px; width: 73PX; height: 113PX; background: url(../images/common/icon_point.png)  no-repeat;}
.pop_info .location_info .B_point {position: absolute; top: 288px; left: 687px; width: 73PX; height: 113PX; background: url(../images/common/icon_point.png)  no-repeat;}
.pop_info .location_info .C_point {position: absolute; top: 314px; right:505px; width: 73PX; height: 113PX; background: url(../images/common/icon_point.png)  no-repeat;}
.pop_info .location_info .D_point {position: absolute; top: 418px; right:128px; width: 73PX; height: 113PX; background: url(../images/common/icon_point.png)  no-repeat;}
.pop_info .location_info .E1_point{position: absolute; top: 414px; right:414px; width: 73PX; height: 113PX; background: url(../images/common/icon_point.png)  no-repeat;}
.pop_info .location_info .E2_point{position: absolute; top: 402px; right:692px; width: 73PX; height: 113PX; background: url(../images/common/icon_point.png)  no-repeat;}
.pop_info .location_info .E3_point{position: absolute; top: 373px; left: 781px; width: 73PX; height: 113PX; background: url(../images/common/icon_point.png)  no-repeat;}
.pop_info .location_info .F_point {position: absolute; top: 569px; left: 909px; width: 73PX; height: 113PX; background: url(../images/common/icon_point.png)  no-repeat;}
.pop_info .location_info .G1_point{position: absolute; top: 558px; left: 631px; width: 73PX; height: 113PX; background: url(../images/common/icon_point.png)  no-repeat;}
.pop_info .location_info .G2_point{position: absolute; top: 454px; left: 578px; width: 73PX; height: 113PX; background: url(../images/common/icon_point.png)  no-repeat;}
.pop_info .location_info .G3_point{position: absolute; top: 628px; left: 461px; width: 73PX; height: 113PX; background: url(../images/common/icon_point.png)  no-repeat;}
.pop_info .location_info .H_point {position: absolute; top: 412px; left: 338px; width: 73PX; height: 113PX; background: url(../images/common/icon_point.png)  no-repeat;}

/* 인천아트플랫폼 프로그램 - 팝업 */
.pop_info h2.program_detail_tit{font-size: 38px; border-bottom: 2px solid #f4f4f4; padding: 0 0 50px 40px; position: relative; letter-spacing: -2px; }
.pop_info h2.program_detail_tit span{font-size: 50px; margin-right: 40px; font-weight: 700; letter-spacing: -2px; position: relative;}
/*
.pop_info h2.program_detail_tit span::before{content: ''; position: absolute; width: 38px; height: 58px; top: 0px; left: -80px; background: url(/images/common/icon_program.png) no-repeat;}
*/

.pop_info .program_detail_box{position: relative; display: flex; flex-wrap: wrap; margin-top: 80px; }
.pop_info .program_detail_box .poster{width: 405px; height: 574px; border: 2px solid #a9a9a9; background: #000;display: flex; align-items: center; justify-content: center;}
.pop_info .program_detail_box .poster img {width: 100%; display: block;}
.pop_info .program_detail_box .txt {height: 650px; flex: 1; margin-left: 140px; }
.pop_info .program_detail_box .txt .tit{display: block; margin-bottom: 50px;  font-size: 40px; line-height: 1.4; font-weight: 700;}
.pop_info .program_detail_box .txt .detail{margin-bottom: 30px;}
.pop_info .program_detail_box .txt .detail dl{font-size: 35px; display: flex; flex-wrap: wrap; margin-bottom: 20px;}
.pop_info .program_detail_box .txt .detail dl dt{position: relative;  width: 250px; padding-left: 30px;}
.pop_info .program_detail_box .txt .detail dl dt::before{content: '•'; top:0px; left: 0; position: absolute}
.pop_info .program_detail_box .txt .detail dl dd{font-weight: 500;}
.pop_info .program_detail_box .program_detail_info{width: 100%; border-top: 2px dashed #f4f4f4; overflow-y: auto; padding: 50px; box-sizing: border-box; height: 950px;}
.pop_info .program_detail_info .detail_txt{font-size: 30px; }

/* 레지던시 입주 예술가 - 팝업 */
.pop_info h2.member_detail_tit{font-size: 38px; border-bottom: 2px solid #f4f4f4; padding: 0 0 50px 40px; position: relative; letter-spacing: -2px; text-align: left;}
.pop_info h2.member_detail_tit span{font-size: 50px; margin-right: 40px; font-weight: 700; letter-spacing: -2px; position: relative;}
/*
.pop_info h2.member_detail_tit span::before{content: ''; position: absolute; width: 51px; height: 62px; top: 0px; left: -80px; background: url(/images/common/icon_resident.png) no-repeat;}
*/
.pop_info .member_detail_box{position: relative; display: flex; flex-wrap: wrap; margin-top: 80px; padding: 0 44px; box-sizing: border-box;}
.pop_info .member_detail_box .member_photo{width: 452px; height: 311px; border: 2px solid #a9a9a9; background: #000;display: flex; align-items: center; justify-content: center;}
.pop_info .member_detail_box .member_photo img {width: 100%; display: block;}
.pop_info .member_detail_box .txt {height: 360px; flex: 1; margin-left: 140px; }
.pop_info .member_detail_box .txt .tit{display: block; margin-bottom: 50px;  font-size: 50px; line-height: 1.4; font-weight: 700; text-align: left;}
.pop_info .member_detail_box .txt .detail{margin-bottom: 30px;}
.pop_info .member_detail_box .txt .detail dl{font-size: 35px; display: flex; flex-wrap: wrap; margin-bottom: 20px;}
.pop_info .member_detail_box .txt .detail dl dt{position: relative;  width: 220px; padding-left: 30px;}
.pop_info .member_detail_box .txt .detail dl dt::before{content: '•'; top:0px; left: 0; position: absolute}
.pop_info .member_detail_box .txt .detail dl dd{font-weight: 500;}
.pop_info .member_detail_box .member_detail_info_txt{width: 100%; overflow-y: auto; box-sizing: border-box; height: 500px; font-size: 30px; text-align: left;}

.pop_info .member_detail_box .member_gallery_box{border-top: 2px dashed #f4f4f4; width: 100%; height:350px; padding: 100px 0 0; position: relative;}
.pop_info .member_detail_box .member_gallery_box .prev{top: 50%; left: -100px; transform: translateY(20%); position: absolute;}
.pop_info .member_detail_box .member_gallery_box .next{top: 50%; right: -100px; transform: translateY(20%); position: absolute;}
.pop_info .member_detail_box .gallery_wrapper{display: block;
    text-align: start; float: none; position: relative; inset: auto; z-index: 9; width: 100%; height: 360px; margin: 0px; overflow: hidden;}
.pop_info .member_detail_box .gallery_wrapper ul{text-align: left; float: none;
    position: absolute; inset: 0px auto auto 0px; margin: 0px; width: 5808px;
    height: 360px;}
.pop_info .member_detail_box .gallery_wrapper li{width: 540px; height: 360px;
    margin: 0 5px; overflow: hidden; background: #000; float: left; border: 1px solid #818181; box-sizing: border-box;}
.pop_info .member_detail_box .gallery_wrapper li img{width: 100%; display: block;}


/* 크기 */
.column_180{height: 180px; display: flex; justify-content: center; text-align: center;}
.row_1984.column_180 > .box1 h2, .row_1984.column_180 > .box2 h2{border-bottom: none; padding-bottom: 0; margin-top: -15px;}
.column_180 > .box1 h2, .column_180 > .box2 h2{border-bottom: none; padding-bottom: 0; margin-top: -15px;}
.column_1550{height: 1550px;}
.column_1700{height: 1700px;}
.column_2740{height: 2740px; padding: 100px 120px; box-sizing: border-box;}
.column_3070{height: 3070px;}

.row_960{width: 960px;}
.row_1984{width: 1984px;}
.row_1984 > .box2 .h2_program{font-size: 36px; border-bottom: 2px solid #f4f4f4; padding: 0 0 25px 40px; position: relative; line-height: 1.3;}
.row_1984 > .box2 .h2_program span{font-size: 50px; font-weight: 700; letter-spacing: -2px;}
/*
.row_1984 > .box2 .h2_program::before{content: ''; position: absolute; width: 41px; height: 56px; top: 45px; left: 30px; background: url(/images/common/icon_program.png) no-repeat;}
*/

.row_1984 > .box2 .h2_resident{font-size: 36px; border-bottom: 2px solid #f4f4f4; padding: 0 0 25px 115px; position: relative;line-height: 1.3;}
.row_1984 > .box2 .h2_resident span{font-size: 50px; font-weight: 700; letter-spacing: -3px;}
/*
.row_1984 > .box2 .h2_resident span::before{content: ''; position: absolute; width: 51px; height: 62px; top: 40px; left: 30px; background: url(/images/common/icon_resident.png) no-repeat;}
*/

/*.item:nth-child(2).row_1984 > .btn_box2 a{left: 25%;}*/

/* button */
.item .btn_box1 a{position: absolute; width: 120px; height: 40px; background: #1f1e1e;border-radius: 0 0 10px 10px; bottom: -42px; left: 50%; transform: translateX(-50%); border-left: 2px solid #848484; border-right: 2px solid #848484; border-bottom: 2px solid #848484; text-align: center;}

.item .btn_box2 a{position: absolute; width: 120px; height: 30px; background: #1f1e1e;border-radius: 10px 10px 0 0 ; top: -42px; left: 50%; transform: translateX(-50%); border-left: 2px solid #848484; border-right: 2px solid #848484; border-top: 2px solid #848484; text-align: center; padding-top: 10px}

.btn_site{width: 460px; height: 112px; box-sizing: border-box; border: 1px solid #c7c7c7; border-radius: 10px; background: #434343;
    margin: 145px auto 0 auto;}
.btn_site a{display: inline-block; vertical-align: top;
    width: 100%; height: 100%; font-weight: 500; font-size: 48px;
    color: #fff; text-align: center; line-height: 112px;  border-radius: 10px;}
.btn_site a i{margin-top: 25px; margin-right: 25px; display: inline-block;
    vertical-align: top; width: 38px; height: 58px; background: url(/images/common/icon_site.png) 50% 50% no-repeat; background-size: cover;}

.btn_site_smal{width: 210px; height: 60px; box-sizing: border-box; border: 1px solid #c7c7c7; border-radius: 10px; background: #434343; display: inline-block; margin-left: 20px;}
.btn_site_smal a{display: inline-block; vertical-align: top;
    width: 100%; height: 100%; font-weight: 500; font-size: 25px;
    color: #fff; text-align: center; line-height: 60px;  border-radius: 10px;}
.btn_site_smal a i{margin-top: 15px; margin-right: 25px; display: inline-block;
    vertical-align: top; width: 20px; height: 31px; background: url(/images/common/icon_site_smal.png) 50% 50% no-repeat; background-size: cover;}

.btn_view{position: absolute; bottom: 0px; right: 0px;}
.btn_view a{width: 360px; height: 88px; border: 2px solid #c7c7c7; border-radius: 10px; box-shadow: 6px 13px 10px 0 rgba(0,0,0,0.5); align-items: center; justify-content: center; background: #5f5f5f;}
.btn_view a{font-size: 40px; color: #fff; display: block; text-align: center; line-height: 88px;}




/* 추가 항목 */

/* 카드 뒤집기 */
#card{ position:relative; display: inline-block; transform-style: preserve-3d; transition: all 1s;}
#b_id_02 .front { position:absolute; z-index: 1; backface-visibility: hidden; }
#backAni { position:absolute; top:20px; left: 0; overflow: auto; width: 840px; height: 1320px; background: #212121; transform: scaleX(-1); }
#backAni .back { position:absolute; z-index: 2; }
#backAni .tit{display: block; margin-bottom: 50px;  font-size: 40px; line-height: 1.4; font-weight: 700;}
#backAni .detail dl{font-size: 35px; display: flex; flex-wrap: wrap; margin-bottom: 30px;}
#backAni .detail dl dt{position: relative;  width: 250px; padding-left: 30px;}
#backAni .detail dl dt::before{content: '•'; top:0px; left: 0; position: absolute}
#backAni .detail dl dd{ font-weight: 500; word-break:keep-all; }


/* 뒤로가기 버튼 부분 */
.btn_site a i#btn_site_chg{margin-top: 25px; margin-right: 15px; display: inline-block;
    vertical-align: top; width: 50px; height: 58px; background: url(/images/common/icon_site_02.png) 50% 50% no-repeat; background-size: contain;
}

#prg_pagination {position:absolute; top:1285px; left:0; width: 100%; list-style: none; }
#prg_pagination ul { position:relative; float:left; width: 100%; text-align: center; }
#prg_pagination ul li { display: inline-block; width: 25px; height: 25px; border-radius: 25px; background: #8e8e8e; margin: 0 10px; }
#prg_pagination ul li.active { background: #ffffff; }


/* 작품 크게보기 */
#artwork_open .art_pop_info{ width:1960px; min-height:1884px; max-height:3000px; border-radius: 20px; border: 2px solid #e9e9e9; padding: 110px; text-align: left;
    box-sizing: border-box; background: #1c1c1c; color: #fff; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
#artwork_open .art_pop_info h2{font-size: 38px; border-bottom: 2px solid #f4f4f4; padding: 0 0 30px 0px; position: relative; letter-spacing: -2px;}
#artwork_open .art_pop_info h2 span{ display : block; width:93%; font-size: 30px; font-weight: 700; letter-spacing: -2px; position: relative; }
#artwork_open .art_pop_info .close{ position: absolute; right: 110px; top: 70px; z-index: 999; }
#artwork_open .art_pop_info .center{ display : flex; width: 100%; min-height: 1525px; max-height:2800px; justify-content: center; align-items : center; margin: 50px 0 0;}
#artwork_open .art_pop_info .center .artwork_info{ width: 100%; height: auto; }
#artwork_open .art_pop_info .center .artwork_info img{ object-fit: contain; width: 100%; height: 100%; }