body {
	margin: 0;
	--color-text: #1c1b1b;
	--color-bg: #efe6e1;
	--color-link: #b07656;
	--color-link-hover: #000;
	--color-deco: #e4dbd6;
}


/* Page Loader */
.js .loading::before {
	content: '';
	position: fixed;
	z-index: 100000;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #fff;
}

.js .loading::after {
	content: '';
	position: fixed;
	z-index: 10;
	top: 50%;
	left: 50%;
	width: 60px;
	height: 60px;
	margin: -30px 0 0 -30px;
	pointer-events: none;
	border-radius: 50%;
	opacity: 0.4;
	background: #ff6600;
	animation: loaderAnim 0.7s linear infinite alternate forwards;
}

@keyframes loaderAnim {
	to {
		opacity: 1;
		transform: scale3d(0.5,0.5,1);
	}
}


body {
  color: #ffffff;
  background-color: #fff;
}

a {
  color: #9e1c51;
  text-decoration: none;
}

/*-------------------------------- */
.projects-container {
  height: 100vh;
  width: 100vw;
  position: relative;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
}
.projects-container::before {
  /* never visible - this is used in jQuery to check the current MQ */
  content: 'mobile';
  display: none;
}
.projects-container .cd-single-project {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 50vh;
  overflow: hidden;
  cursor: pointer;
  -webkit-transition: -webkit-transform 0.4s;
  -moz-transition: -moz-transform 0.4s;
  transition: transform 0.4s;
  /* on mobile -  move items outside the viewport */
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);

}
.projects-container .cd-single-project::after {
  /* background image */
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  height: 50vh;
  width: 100%;
  background-image: url("../img/img01_sm.jpg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  -webkit-transition: opacity 0.5s, height 0.4s;
  -moz-transition: opacity 0.5s, height 0.4s;
  transition: opacity 0.5s, height 0.4s;
}
.projects-container .cd-single-project::before {
  /* never visible - this is used in jQuery to detect if the background image has been loaded  */
  content: 'img/img-1-small.jpg';
  display: none;
}
.projects-container .cd-single-project:nth-of-type(1) {
	  background:url("../img/img01_sm.jpg");
}
/*
.mov_wp { position:relative }
.mov_wp #mov { position:absolute; }
.mov_posi { position:fixed; left:0; top:0; background:#000; background:#000; width:100%; height:100%; z-index:0;}
.mov_left { position:fixed !important; left:0; top:0; width:100%; height:100%; }

.cd-single-project video {
position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    object-fit: cover;
    min-width: 100%;
    min-height: 100%;
  	width: 100%;
    height: auto;
    background-size: cover;
  	transition: 1s opacity;
}*/

.projects-container .cd-single-project:nth-of-type(2) {
	  background-image: url("../img/img02_sm.jpg");
}
.projects-container .cd-single-project:nth-of-type(2) {
  top: 50vh;
}
.projects-container .cd-single-project:nth-of-type(2)::after {
  background-image: url("../img/img02_sm.jpg");
}
.projects-container .cd-single-project:nth-of-type(2)::before {
  content: 'img/img02_sm.jpg';
}
.projects-container .cd-single-project:nth-of-type(3) {
  top: 50vh;
}
.projects-container .cd-single-project:nth-of-type(3)::after {
  background-image: url("../img/img-3-small.jpg");
}
.projects-container .cd-single-project:nth-of-type(3)::before {
  content: 'img/img-3-small.jpg';
}
.projects-container .cd-single-project:nth-of-type(4) {
  top: 75vh;
}
.projects-container .cd-single-project:nth-of-type(4)::after {
  background-image: url("../img/img-4-small.jpg");
}
.projects-container .cd-single-project:nth-of-type(4)::before {
  content: 'img/img-4-small.jpg';
}
.projects-container .cd-single-project.is-loaded {
  /* move items in the viewport when background images have been loaded */
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}
.projects-container .cd-single-project.is-full-width {
  /* selected item */
  top: 0;
  height: auto;
  z-index: 1;
  cursor: auto;
  -webkit-transition: z-index 0s 0s, top 0.4s 0s;
  -moz-transition: z-index 0s 0s, top 0.4s 0s;
  transition: z-index 0s 0s, top 0.4s 0s;
}
.projects-container .cd-single-project.is-full-width::after {
  height: 100vh;
}

a.link { background:#eb3a42; padding:30px 30px; color:#fff !important; font-size:1.5em; font-weight:300; transition:all .2s ease; }
a.link:hover { background:#d2252d; transition:all .2s ease; text-align:center; width:100%}

.cd_link { position:relative; transition:all 1.5s cubic-bezier(0, 0.75, 0.26, 1.0); opacity:0; margin-top:0;}
.cd_link ul li  { line-height:0; margin-bottom:-30px;}
.cd_link ul li a { color:#fff; font-size:1.8em; opacity:0;}
.project-is-open .cd_link { transition:all 0s cubic-bezier(0, 0.74, 0.57, 1); opacity:1; margin-top:20px;}
.project-is-open .cd_link ul li { margin-bottom:0; line-height:1.6 }
.project-is-open .cd_link ul li a { position:relative; color:#fff; font-weight:600; font-size:2.5em; /*font-family:'Cormorant Garamond', serif; */ opacity:1; padding:0 5px}
.project-is-open .cd_link ul li a:hover { color:#fff; transition:all .35s ease; }
.project-is-open .cd_link ul li a:after { position:absolute; left:0; bottom:17px; height:3px; background:#273fe8; width:0; content:''; display:inline-block; transition:all .2s ease-out; }
.project-is-open .cd_link ul li a:hover:after { width:100%; transition:all .25s cubic-bezier(0, 1.08, 0.68, 0.99); }

.cd_link_mo {display:none; }



.wrap { position:relative; width:100%; height:100vh;}
.int_ani { position:absolute; left:0; top:0; width:100%; height:100vh; text-align:center; font-family: 'Cormorant Garamond', serif;  font-weight:300; color:#fff; z-index:100}
.int_ani.int_ani_none { display:none }

.ani_t1 {
  display:flex; align-items: center; justify-content: center;
  background:none;
  font-size:7.0em;
  width:100%; height:100%; position:absolute;
  font-weight:400;
  animation: ani1 4s;
  animation-fill-mode: forwards;
}

@keyframes ani1 {
  0% {opacity:0;}
  80% {opacity:1;}
  100% {opacity:0;}
}

.ani_t2 {
  width:100%; height:100%; position:absolute;
  background:none;
  font-size:8.3em;
  display:flex; align-items: center; justify-content: center;
  flex-direction:column;
  font-weight:600;
  animation: ani2 5s;
  animation-fill-mode: forwards ;
  opacity:0;
  line-height:1.0;
  font-family: 'Cormorant Garamond', serif;
}
.ani_t2 p.mt1 { font-size:0.45em; margin-top:25px; font-weight:600; letter-spacing:0.05em }
.ani_t2 p.mt2 { font-size:0.2em; margin-top:80px; font-weight:500; font-family:'pretendard', Sans-serif !important;}
.ani_t2 p.mt2 br { display:none }

@keyframes ani2 {
  0% {opacity:0;}
  80% {opacity:1;}
  100% {opacity:0;}
}

.main_wp { position:relative; width:100%; height:100vh; overflow:hidden }
.main_wp .m_block_left { position:relative; float:left; width:50%; height:100%; background:#fff; border-right:1px solid rgba(0,0,0,.7)}
.main_wp .m_block_right { position:relative; float:left; width:50%; height:100%; background:#fff }
.main_wp .m_block_left .bl_box,
.main_wp .m_block_right .bl_box { position:absolute; width:100%; height:100%; background:rgba(0,0,0,.2); z-index:99}
.main_wp .m_block_left .m_menu,
.main_wp .m_block_right .m_menu { position:absolute; width:100%; height:100%; display:flex; align-items: center; justify-content: center; z-index:100; display:none}
.main_wp .m_block_left .m_menu.aa,
.main_wp .m_block_right .m_menu.aa { position:absolute; width:100%; height:100%; display:flex; align-items: center; justify-content: center; z-index:100;  }
.main_wp .m_block_left .m_menu a,
.main_wp .m_block_right .m_menu a { position:relative; font-size:7.9em; color:#fff; font-family:'Cormorant Garamond' , serif; font-weight:600; animation: mm1 3s; animation-fill-mode: forwards; }
	
@keyframes mm1 {
  0% {opacity:0;}
  100% {opacity:1; transition:all .5s ease;}
}

.main_wp .m_block_left video,
.main_wp .m_block_right video {
	position: absolute;
    top: -200px;
    left: 0;
    width: 100%;
    object-fit: cover;
    min-width: 100%;
    min-height: 100%;
  	width: 100%;
    height: auto;
    background-size: cover;
  	transition: 1s opacity;
	background-position:center center;
}
.main_wp .m_block_right video { top:0;}


.header { position:fixed; width:100%; height:107px; background:rgba(255,255,255,.92); z-index:999; display:flex; align-items: center; justify-content: space-between;}
.header h1 { position:relative; width:20%; height:100%;}
.header h1 a { position:absolute; left:15px; top:20px; display:block; /*width:110px; height:77px;*/ width:133px; height:99px; background:url(../images/logo.png) no-repeat center center } 
.header .ct-s-menu { position:relative; width:60%; height:100%; display:flex; align-items: center; font-family:'Cormorant Garamond' , serif; }
.header .ct-s-menu ul { position:relative; width:100%; display:flex; align-items: center; justify-content: center; }
.header .ct-s-menu ul li { margin:0 15px;  }
.header .ct-s-menu ul li a { position:relative; display:block; padding:10px 0; color:#222; font-size:1.15em; letter-spacing:0.03em; font-weight:500 !important; /*font-weight:800 !important; font-family: 'Cormorant Garamond', serif; */}
.header .ct-s-menu ul li a.m-current { color:#000; font-weight:600  }
.header .ct-s-menu ul li a.m-current:after { position:absolute; left:0; bottom:8px; height:1px; background:#fff; width:100%; content:''; display:inline-block; }
.header .ct-s-menu ul li a:hover { color:#273fe8; font-weight:600  }
.header .ct-s-menu ul li a:after { position:absolute; left:0; bottom:8px; height:1px; background:#fff; width:0; content:''; display:inline-block; }
.header .ct-s-menu ul li a:hover:after { width:100%; transition:all .25s cubic-bezier(0, 1.08, 0.68, 0.99); }

.header .ct-m-menu { position:relative; width:20%; height:100%; display:flex; align-items: center; font-family:'Noto Sans KR', Sans-serif; }
.header .ct-m-menu ul { position:relative; width:100%; display:flex; justify-content: flex-end; padding-right:20px;}
.header .ct-m-menu ul li { margin:0 10px;}
.header .ct-m-menu ul li a { position:relative; display:block; padding:10px 0; color:#999; font-weight:500; font-size:0.95em }
.header .ct-m-menu ul li a:hover {color:#273fe8; transition:all .35s ease;}
.header .ct-m-menu ul li a.current-m { color:#000; font-weight:600 }

.prj_v_logo { position:absolute; left:15px; top:15px; display:block; /*width:110px; height:77px;*/ width:136px; height:136px; background:url(../images/logo_pr.png) no-repeat center center; z-index:9999 } 

.contents { position:relative; color:#222; font-family:/*/*'Montserrat',*/ 'Open Sans',*/ 'Open Sans', 'pretendard', '���� ����', Sans-serif; width:80%; margin:0 auto;  }
.people_contents { position:relative; width:100%; height:100%; font-size:60% !important}
.people_ctn { position:relative; width:100%; height:100vh; font-family: /*'Cormorant Garamond',*/ 'pretendard',serif; }
.people_ctn iframe { position:relative; width:100%; height:100% }
.contents.wid { width:100%; padding-bottom:-10% }
.ctn { padding:150px 0 200px 0 !important; overflow:hidden}
.p_ctn { padding:100px 0 200px 0 !important; overflow:hidden}
.ctn_tl { position:relative; font-size:3.0em; /*font-family: 'Cormorant Garamond', serif; */ color:#222; text-align:center }
.ctn_tl.about { display:none }
.greeting { position:relative; margin-top:50px; font-size:1.55em; line-height:2.0; color:#000; font-weight:300}
.greeting em { color:#273fe8; font-weight:500 }
.pj_ctn { padding:150px 0 0 0 !important; height:auto}
.news_wp { position:relative; width:100%; margin-top:10px; padding:0 0 0 0;}
.news_wp .news_block { position:relative; display:flex; align-items: center; justify-content: left; margin-top:80px; padding-bottom: 80px; border-bottom: 1px solid #efefef;}
.news_wp .news_block:nth-of-type(2n) { flex-direction:row-reverse}
.news_wp .news_block:nth-of-type(2n) .news_comment  { padding:0 5%;}
.news_wp .news_block .news_thum { position:relative; width:25%; height:0; padding-bottom:15%; transition:all .3s ease-in;}
.news_wp .news_block .news_thum:hover{ transition:all .4s ease-out; opacity:.7; cursor:pointer}
.news_wp .news_block .news_comment { position:relative; background-size:cover; width:50%; padding:0 5%; text-align:center }
.news_wp .news_block .news_comment .news_ltl { position:relative; width:100%; margin:0 auto;}
.news_wp .news_block .news_comment .news_ltl a { position:relative; display:block; text-align:center; font-size:1.3em; color:#000; line-height:1.7; word-break:keep-all; letter-spacing: }
.news_wp .news_block .news_comment .news_ltl a:hover { text-decoration:underline; text-underline-position: under; color:#000 }
.news_wp .news_block .news_comment .news_ltxt { position:relative; display:block;  font-size:1.0em; color:#111; line-height:1.7; text-align:center; margin:20px auto 0 auto; font-weight:400 }
.news_wp .news_block .news_comment .news_ldate { position:relative; display:block;  font-size:0.8em; color:#888; line-height:1.7; margin-top:20px; letter-spacing:0.03em }
.news_wp .news_block .news_blank { position:relative; width:25%; height:0; padding-bottom:0; transition:all .3s ease-in;}

.organi { padding-bottom:0; padding-top:20px;}

h3.cont_tl { position:relative; text-align:center; font-weight:500; color:#273fe8; font-size:0.9em; margin-top:80px; }
.cont_txt { position:relative; text-align:center; font-weight:300; color:#000; font-size:1.5em; margin-top:20px; }
.cont_txt em { color:#888; font-size:0.65em; display:block; margin-top:10px;}

.news_view_wp { position:relative; width:850px; margin:50px auto 0 auto; }
.news_view_wp .news_v_date { font-size:0.85em; color:#666; text-align:center; font-weight:200; letter-spacing:0.03em}
.news_view_wp .news_v_tl { font-size:1.5em; color:#000; line-height:1.7; text-align:center; font-weight:200; margin-top:10px;}
.news_view_wp .news_v_comment { position:relative; margin-top:40px; font-weight:200}
.news_view_wp .news_v_comment img { position:relative; width:100%; height:inherit; border-radius: 6px; }

.btn_alc { position:relative; text-align:center; margin-top:60px }
a.btn_list { position:relative; display:inline-block; padding:25px; font-size:1.05em; color:#111; }
a.btn_list:hover { color:#000; text-decoration:underline; text-underline-position:under; }

.paging { position:relative; margin:80px 0; text-align:center }
.paging a { display: inline-block; margin: 0 2px; padding: 8px; color: #adadad; font-size: 0.9em; text-align: center; transition: all 0.15s ease; vertical-align: middle; }
.paging a:hover { color:#222 }
.paging .pg-nxt { margin:0 0 0 25px }
.paging .pg-prv { margin:0 25px 0 0 }
.paging a.on { color:#000; }

.page-column { display: inline-block; vertical-align: top; width: 100%; }

.grid { margin:20px 0 0 0; overflow:hidden }
.grid__item {position:relative; float:left; width:45%; vertical-align: top; margin-right:10%; padding-bottom:5%}
.grid__item p.pj_tl { position:relative; margin-top:17px; }
.grid__item p.pj_tl a { font-size:1.05em; color:#000; font-weight:400; line-height:1.7 }
.grid__item p.pj_date { font-size:0.85em; color:#999; font-weight:300; margin-top:5px; letter-spacing:0.03em }
.grid__item img { width:85%; transition:all .3s ease-in }
.grid__item img:hover { transition:all .2s ease-out; cursor:pointer; opacity:.7; }
.grid__item:nth-of-type(1n) { text-align:right }
.grid__item:nth-of-type(2n) { margin-right:0; text-align:left}


.pj_cate { position:relative;  display:flex; justify-content:center; align-items: center; margin-top:25px;}
.pj_cate a { position:relative; background:#fff; padding:5px; margin:0 15px; font-size:0.95em; color:#888; text-align:center; transition:all .2s ease; display:flex; justify-content:center; align-items: center; font-weight:500}
.pj_cate a:before { content:'+'; margin-right:8px; transition:all .2s ease;}
.pj_cate a.active { position:relative; background:#fff; padding:5px; margin:0 15px; font-size:0.95em; color:#000; text-align:center; transition:all .2s ease; font-weight:700}
.pj_cate a.active:before { content:'-'; transition:all .2s ease; font-size:1.1em}

.pj_cate_dep1 { position:relative; width:100%; margin:10px auto 0 auto; }
.pj_cate_dep1 ul { position:relative; text-align:center}
.pj_cate_dep1 ul li { position:relative; display:inline-block; margin:0 10px; }
.pj_cate_dep1 ul li a { display:block; position:relative; padding:7px 0; font-size:0.85em; color:#999; text-align:center; transition:all .2s ease; font-weight:500; }
.pj_cate_dep1 ul li a.active { color:#000; font-weight:700 }
.pj_cate_dep1 ul li a:hover, .pj_cate_dep1 ul li a:focus { color:#000; }
.pj_cate_dep1 ul li a.active:after { position:absolute; left:0; bottom:0; display:inline-block; width:100%; height:1px; background:#222; content:'';}

.ab_dep1 { position:relative; width:100%; margin:-50px auto 0 auto; }
.ab_dep1 ul { position:relative; text-align:center}
.ab_dep1 ul li { position:relative; display:inline-block; margin:0 10px;  font-family:'Noto Sans KR', Sans-serif; }
.ab_dep1 ul li a { display:block; position:relative; padding:7px 0; font-size:0.85em; color:#999; text-align:center; transition:all .2s ease; font-weight:500; }
.ab_dep1 ul li a.active { color:#000; font-weight:700 }
.ab_dep1 ul li a:hover, .pj_cate_dep1 ul li a:focus { color:#000; }
.ab_dep1 ul li a.active:after { position:absolute; left:0; bottom:0; display:inline-block; width:100%; height:1px; background:#222; content:'';}


.ab_int { position:relative; margin:90px auto 0 auto; width:100%; padding:0px 10% 0 0; }
.ab_int p { position:relative;line-height:1.7; margin-top:40px; }
.ab_int p.mt { margin-top:80px; padding-top:80px; }
.ab_int p.mt:before { position:absolute; left:0; top:0; height:1px; width:50px; background:#000; content:''; display:block }
.ab_int .ab_intLeft {margin:45px 0px; padding-right:20px; float:left;  width:30%;}
.ab_int .ab_intRight {margin:0px 0;float:left; width:70%;  padding-left: 50px; text-align: center; font-size: 14px;}

.ceo_pf { position:relative; margin-top:80px; padding-top:20px; }
.ceo_pf:before { position:absolute; left:0; top:0; height:1px; width:50px; background:#000; content:''; display:block }
.ceo_pf li { font-size:0.9em; color:#000; margin-top:5px; }
.ceo_pf li:nth-of-type(1) { font-size:1.0em; color:#000; margin-bottom:15px; font-weight:600 }

.ab_his { position:relative; margin:90px auto 0 auto; width:60% }
.ab_his .history { position:relative; }
.ab_his .history ul { position:relative; margin-top:0; }
.ab_his .history ul li.year { font-size:1.8em; font-weight:600; margin-top:90px; }
.ab_his .history ul li ul { margin-top:20px }
.ab_his .history ul li ul li { position:relative; font-size:0.55em; line-height:1.7; font-weight:400; padding-left:12px; margin:5px 0 }
.ab_his .history ul li ul li:before { position:absolute; left:0; top:50%; height:2px; width:2px; background:#000; content:''; display:block; border-radius:50%; margin-top:-1px; }


.re_ce { position:relative; margin-top:0; }
.re_ce li  { font-size:1.1em; border-bottom:1px solid #eef0f8; padding:20px 0 }


.int_tl { text-align:left; font-size:0.8em; font-weight:600; padding-left:10%; margin-top:80px; }
.int_list { margin-top:20px }
.int_list li { text-align:left; font-size:1.0em; font-weight:400; padding-left:10%; line-height:1.9 }



/* 기존 .wrapper 스타일 대체 */
.wrapper {
    width: 90%;
    margin: 2% auto 0 auto;
    overflow: hidden;
    padding: 0;
    
    /* Flexbox 설정: 아이템들을 가로로 배치하고, 필요하면 다음 줄로 넘어감 */
    display: flex;
    flex-wrap: wrap; 
    
    /* 아이템 사이의 간격을 설정 (선택 사항이지만 2열 레이아웃에 유용) */
    gap: 20px; /* 아이템 사이의 간격 */
}

/* .col 스타일 제거: 이제 .item이 직접 열의 역할을 수행 */
/* 기존 .wrapper { float: left; width: 45%; margin: 0 10% 0 0;} 등의 스타일은 삭제합니다. */


/* PC (기본): 2열 레이아웃 (2x4) */
.wrapper .item {
    /* 아이템 너비: (100% - gap) / 2 */
    width: calc(50% - 80px); /* .wrapper의 gap 20px을 고려하여 계산 */
    
    background: #fff;
    display: block;
    margin: 5% auto 0 auto; /* 기존 코드의 14% auto 0 auto를 픽셀 기반으로 조정 */
    padding: 0;
    text-align: right;
    
    /* 추가된 기존 스타일 */
    border-radius: 6px; 
    background-color: #eeeeee;
}

/* 모바일 (max-width: 768px 이하 예시): 1열 레이아웃 (1x8) */
@media (max-width: 768px) {
    .wrapper {
        margin: 2% auto 0 auto;
		gap: 10px; /* 모바일 간격 조정 */
    }
    .wrapper .item {
        width: 100%; /* 너비를 100%로 설정하여 한 줄에 하나씩만 표시 */
        margin: 30px 0 0 0;
    }
}

/* 나머지 기존 스타일 유지 */
.wrapper .item p.pj_tl { 
    position:relative; 
    margin-top:17px; 
    text-align:left; 
    font-size:20px; 
    padding: 0px 0 10px 20px; 
    height:80px; 
} 
.wrapper .item p.pj_tl a { 
    font-size:18px; 
    color:#294ba0; 
    font-weight:500; 
    line-height:1.7; 
    letter-spacing:-0.02em; 
} 
.wrapper .item p.pj_date { 
    font-size:14px; 
    color:#777; 
    font-weight:500; 
    margin-top:5px; 
    letter-spacing:0.03em; 
    text-align:left; 
    padding-left:24px; 
    padding-bottom:24px; 
    min-height:14px; 
} 
.wrapper .item img { 
    width:100%; 
    height:inherit; 
    transition:all .3s ease-in;
} 
.wrapper .item img:hover { 
    transition:all .2s ease-out; 
    cursor:pointer; 
    opacity:.7; 
} 



.pj_w { position:relative; width:100%; height:100% }
.pj_w.pc_mode { position:relative; display:block }
.pj_w.mobile_mode { position:relative; display:none }
.pj_w .swiper-wrapper .swiper-slide img { width:100% }
.pj_w .swiper-wrapper .swiper-slide .pjv_intro { position:relative; width:100%; height:100%; background:#fff; }
.pj_w .swiper-wrapper .swiper-slide .pjv_intro .pjv_left { position:relative; float:left; width:50%; height:100%; background:#fff; display:flex; align-items: center; justify-content:center; flex-direction:column }
.pj_w .swiper-wrapper .swiper-slide .pjv_intro .pjv_left .hide_btn { width:51px; height:51px; background:#000; position:absolute; left:0; z-index:99999; display:block;}
.pj_w .swiper-wrapper .swiper-slide .pjv_intro .pjv_left .pjv_date { display:block; font-size:1.0em; color:#222; }
.pj_w .swiper-wrapper .swiper-slide .pjv_intro .pjv_left .pjv_suj { display:block; font-size:1.75em; color:#222; margin-top:18px; }
.pj_w .swiper-wrapper .swiper-slide .pjv_intro .pjv_left .pjv_place { display:block; font-size:1.0em; color:#888; margin-top:8px }
.pj_w .swiper-wrapper .swiper-slide .pjv_intro .pjv_right { position:relative; float:left; width:50%; height:100%; }
.pj_w .swiper-wrapper .swiper-slide .pjv_type01 { position:relative; width:100%; height:100%; background:#fff; text-align:center }
.pj_w .swiper-wrapper .swiper-slide .pjv_type01 img { height:100% }
.pj_w .swiper-wrapper .swiper-slide .pjv_type02 { position:relative; width:100%; height:100%; background:#fff; display:flex; align-items: center; justify-content:center;}
.pj_w .swiper-wrapper .swiper-slide .pjv_type02 .inner { position:relative; width:50%; height:auto; }
.pj_w .swiper-wrapper .swiper-slide .pjv_type02 .inner img { width:100%; }
.pj_w .swiper-wrapper .swiper-slide .pjv_type03 { position:relative; width:100%; height:100%; background:#fff; }
.pj_w .swiper-wrapper .swiper-slide .pjv_type03 .pjv_left { position:relative; float:left; width:50%; height:100%; background:#fff; }
.pj_w .swiper-wrapper .swiper-slide .pjv_type03 .pjv_right { position:relative; float:left; width:50%; height:100%; }
.pj_w .swiper-wrapper .swiper-slide .pjv_type04 { position:relative; width:100%; height:100%; background:#fff; }
.pj_w .swiper-wrapper .swiper-slide .pjv_type04 .pjv_left { position:relative; float:left; width:50%; height:100%;}
.pj_w .swiper-wrapper .swiper-slide .pjv_type04 .pjv_right { position:relative; float:left; width:50%; height:100%; background:#fff;}
.pj_w .swiper-pagination-bullet {
      width: 7px;
      height: 7px;
      text-align: center;
      line-height: 7px;
      font-size: 0.8em !important;
      color: #000;
      opacity: 1;
      background: rgba(0,0,0,.8);
	  z-index:999;
	  margin:0 10px;
	  transition:all .3s ease;
    }

.pj_w .swiper-pagination-bullet-active, .pj_w .swiper-pagination-bullet:hover {
      transform: scale(1.7);
      background: #273fe8;
	  transition:all .3s ease;
}
.pj_w .mv_contr { position:absolute; left:0; top:0; width:100%; height:100%; display:flex; align-items: center; }
.pj_w .mv_contr .contr_inner { position:relative; width:100%; height:100vh; margin:0 auto;  }
.pj_w .mv_contr .contr_inner .swiper-button-next { position:absolute; display:inline-block; left:inherit; right:0; width:51px; height:51px; background:url(../images/ic-next.png) no-repeat center center rgba(255,255,255,.7); transition:all .3s ease;}
.pj_w .mv_contr .contr_inner .swiper-button-next:hover { transition:all .3s ease; background:url(../images/ic-next.png) no-repeat center center rgba(255,255,255,1);}
.pj_w .mv_contr .contr_inner .swiper-button-prev { position:absolute; display:inline-block; left:0; right:inherit; width:51px; height:51px; background:url(../images/ic-prev.png) no-repeat center center rgba(255,255,255,.7); transition:all .3s ease;}
.pj_w .mv_contr .contr_inner .swiper-button-prev:hover { transition:all .3s ease; background:url(../images/ic-prev.png) no-repeat center center rgba(255,255,255,1);}
.pj_w .mv_contr .contr_inner .swiper-button-next::after {}
.pj_w .mv_contr .contr_inner .swiper-button-prev::after {}
.pj_w .mv_contr .contr_inner .swiper-pagination { position:absolute; left:0; bottom:60px; width:100%;}
.pj_w .mv_contr .contr_inner .swiper-pagination span { display:inline-block; vertical-align:middle }


/*
.pj_w .mv_contr .contr_inner .swiper-button-next { position:absolute; right:15px; height:inherit; width:inherit; height:70px;}
.pj_w .mv_contr .contr_inner .swiper-button-prev { position:absolute; left:15px; height:inherit; width:inherit; height:70px;}
.pj_w .mv_contr .contr_inner .swiper-button-next::after { }
.pj_w .mv_contr .contr_inner .swiper-button-prev::after { }*/






/*
.grid {
	position: relative;
	z-index: 2;
	display: block;
	margin: 0 auto;
}


.grid__sizer {
	margin-bottom: 0 !important;
}

.grid__link,
.grid__img {
	display: block;
}

.grid__img {
	width: 100%;
}

.grid__deco {
	position: absolute;
	top: 0;
	left: 0;
	pointer-events: none;
}

.grid__deco path {
	fill: none;
	stroke: #fff;
	stroke-width: 2px;
}

.grid__reveal {
	position: absolute;
	z-index: 50;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	opacity: 0;
	background-color: #2c2d31;
}

.grid .grid__item,
.grid .grid__sizer {
	width: calc(50% - 20px);
	margin: 0 10px 20px;
}*/

.contents_pj { position:relative; color:#222; font-family:'Noto Serif KR', 'pretendard', '���� ����', Sans-serif; width:100%; height:100vh; margin:0 auto;  }
.project_view_wp { position:relative; width:100%; height:100%; background:#fff;}
.project_view_wp a.pj_close { position:absolute; right:30px; top:30px; z-index:9998; background:url(../images/close.png) no-repeat center center; padding:20px; display:block}


#footer { position:fixed; left:0; bottom:0; height:40px; display:flex; align-items: center; justify-content:center;z-index:9998; color:rgba(0,0,0,.5); width:100%; font-size:0.8em}
#footer a.instagram { display:block; width:30px; height:30px; background:url(../images/insta.svg) no-repeat center center; background-size:23px; margin-left:10px; }
#footer a.instagram:hover { display:block; width:30px; height:30px; background:url(../images/insta_blue.svg) no-repeat center center; background-size:23px; margin-left:10px; }
#footer a.facebook { display:block; width:30px; height:30px; background:url(../images/facebook.svg) no-repeat center center; background-size:23px; margin-left:0px; }
#footer a.facebook:hover { display:block; width:30px; height:30px; background:url(../images/facebook_blue.svg) no-repeat center center; background-size:23px; margin-left:0px; }
#mask { position:fixed; left:0; top:0; z-index:9998; background:rgba(255,255,255,.95); display:none;}
.profile_wp { background:rgba(255,255,255,.85); height:100%; overflow-y: auto;}
.modal { position:fixed; left:0; top:0; width:100%; height:100%; display:none; z-index:10000; }
.modal_menu { position:relative; width:100%; height:inherit; display:flex; align-items: center; }
.modal_menu ul { position:relative; text-align:center; width:700px; margin:0 auto; }
.modal_menu ul li { position:relative; margin:0; }
.modal_menu ul li a { position:relative; display:inline-block; color:#111; padding:15px 2px; font-family: 'Open sans', serif; /*font-family: 'Cormorant Garamond', serif;*/ font-weight:400; font-size:2.3em;}
.modal_menu ul li a.pj { font-size:3.0em }
.modal_menu ul li a em { color:#333; font-weight:300}
.modal_menu ul li a:hover { color:#273fe8; font-weight:bold; }
.modal_menu ul li a:hover em { color:#273fe8; font-weight:300;}
/*.modal_menu ul li a:after { position:absolute; left:0; bottom:45%; height:2px; background:#273fe8; width:0; content:''; display:inline-block; transition:all .2s ease-out; }
.modal_menu ul li a:hover:after { width:100%; transition:all .25s cubic-bezier(0, 1.08, 0.68, 0.99); }*/
.close { position:absolute; right:30px; top:30px; z-index:99999; background:url(../images/close.png) no-repeat center center; padding:20px;}
.close.black { background:url(../images/close.png) no-repeat center center !important}
/*.close.black { background:url(../images/close_b.png) no-repeat center center !important}*/

/*
.profile_inner { position:relative; width:40%; margin:0 auto; padding:100px 5%;}
.pr_pic { position:relative; text-align:center }
.pr_pic img { width:180px }
.name_k { position:relative; text-align:center; font-weight:300; font-size:0.9em; margin-top:10px; }
.name_k em { font-weight:300 }
.name_e { position:relative; text-align:center; font-weight:300; font-size:1.9em; margin-top:20px; color:rgba(255,255,255,1); line-height:1.4 }
.name_e em { font-weight:300; display:block; font-size:0.6em;}
.prf_comment { color:#fff; font-size:0.9em; font-weight:200; margin-top:80px; line-height:1.7}
.prf_comment p { margin-top:30px; font-weight:200; line-height:1.8; letter-spacing:0.03em}
*/

.profile_inner { position:relative; width:80%; margin:0 auto; padding:100px 0; overflow-y: auto; }
.pr_pic { position:relative; text-align:center }
.pr_pic img { /* width:180px */}
.name_k { position:relative; text-align:center; font-weight:300; font-size:0.9em; margin-top:10px; color:#333;}
.name_k em { font-weight:300 }
.name_e { position:relative; text-align:center; font-weight:300; font-size:1.9em; margin-top:20px; color:rgba(30,30,30,1); line-height:1.4 }
.name_e em { font-weight:300; display:block; font-size:0.6em;}
.prf_comment { color:#272727; font-size:0.9em; font-weight:200; margin-top:80px; line-height:1.7}
.prf_comment p { margin-top:30px; font-weight:200; line-height:1.8; letter-spacing:0.03em}

.project_view_wp .pj_exp { position:absolute; left:0; bottom:25px; width:100%; z-index:9999; text-align:center }
.project_view_wp .pj_exp a { display:inline-block; vertical-align:middle; color:#000; font-size:0.8em; font-weight:800; margin:0 5px; padding:5px; letter-spacing:0.1em; background:rgba(255,255,255,1); line-height:1.0 }
.project_view_wp .pj_exp a:hover { background:#273fe8; color:#fff }
.exp_pop_wp { position:relative; width:100%; height:100%; background:#fff; overflow:auto; padding:100px 10px;}
.exp_pop_wp.detail { padding:10px 10px 100px 10px }
.exp_pop_wp .discp_txt { position:relative; width:70%; height:auto; overflow:hidden; margin:0 auto; line-height:2.0; font-size:1.1em }
.exp_pop_wp .discp_txt .disc_tl { font-size:1.6em; color:#000; /*font-family: 'Cormorant Garamond', serif;*/ font-weight:700; text-align:center }
.exp_pop_wp .detail_wp { position:relative; width:50%; height:auto; overflow:hidden; margin:0 auto; text-align:center }
.exp_pop_wp .detail_wp .det_tl { font-size:1.05em; color:#999; margin-top:50px; letter-spacing:0.05em }
.exp_pop_wp .detail_wp .det_exp { font-size:1.15em; color:#222; margin-top:40px; line-height:2.0; word-break:keep-all; }
.project_view_wp modal .exp_pop_wp a.close { position:absolute; right:30px; top:30px; z-index:999999; background:url(../images/close.png) no-repeat center center; padding:20px; display:block}

.disc_field_tl { font-size:2.0em; color:#222; text-align:center; margin-bottom:80px; font-weight:300}
.disc_field { font-size:0.8em; color:#666; text-align:center; margin-top:45px;}
.disc_field_txt { font-size:1.0em; color:#222; text-align:center }
.disc_field1 { font-size:0.8em; color:#273fe8; text-align:center; margin-top:45px;}

thum_wp {width:940px; overflow:hidden; margin:40px 0 0 0; }


.masonry { padding:0; font-size:0; width:1000px; margin:0 0 0 0; overflow:hidden;border:solid 1px #ff0000;}
.masonry .br_cate_box { display:inline-block; font-size:12px; width:293px; height:auto;margin:0 30px 40px 0; padding:0 0;}
.masonry .br_cate_box .br_pic { position:relative; width:100%; background:#000; cursor:pointer; }
.masonry .br_cate_box .br_pic a:hover { display:inline-block;}
.masonry .br_cate_box .br_tl { margin-top:20px; font-size:1.3em; color:#111; font-family:'Core'; font-weight:400;  }
.masonry .br_cate_box .br_txt { margin-top:8px; font-size:1.1em; color:#888; line-height:1.5;  }
.masonry .w33p {}


/* masonry */
.masonry-section { margin:0 auto; max-width: 1000px;}

.masonry-section {
    max-width:100%;
}
.masonry-section .grid-area {
    max-width:1000px;
    margin:0 auto;
    box-sizing: border-box;
    position: relative;
}
.container {
    margin:0 auto;
    position: relative;
}
.masonry-section .gg-image {
    margin-right:0px;
    width:293px;
    cursor: pointer;
    position: relative;
}
.masonry-section .item {
    width:293px;
    position: relative;
    margin-left:13px;
    margin-bottom: 40px;
}

.masonry-section .item .br_tl { margin-top:20px; font-size:1.3em; color:#111; font-family:'Core'; font-weight:400;  }
.masonry-section .item .br_txt { margin-top:8px; font-size:1.1em; color:#888; line-height:1.5;  }
/*
.header-area .username,.country {
    margin-left:60px;
    color:#fff;
}
.header-area .username {
    font-size: 20px;
    font-weight: bold;
    line-height: 29px;
    margin-top:2px;
    text-align: left;
}
.header-area .country {
    font-size: 13px;
    opacity: .6;
}
.header-area .giving-val {
    text-align: center;
    float: left;
    height:45px;
    margin-top:10px;
}

.masonry-section .tag-area {
    text-align: left;
    padding-top:10px;
    padding-left:8px;
    padding-right:5px;
}
.masonry-section .tag-area .tag {
    font-size: 13px;
    padding:0;
    display: inline-block;
    padding-right:5px;
    cursor:initial;
    padding:2px 10px 5px;
    margin:4px 2px;
    background:rgba(255,255,255,.15);
    border-radius: 13px;
}

*/

/*
div#masonry {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  height: 100vw;
  max-height: 1500px;
  font-size: 0;
}
div#masonry .br_cate_box {
  width: 30%;
  transition: .8s opacity;
  margin:0 30px 40px 0;
}


div#masonry .br_cate_box img {
	display: inline-block;
	width:100%;
}


@supports not (flex-wrap: wrap) {
  div#masonry { display: block; }
  div#masonry img {
  display: inline-block;
  vertical-align: top;
  }
}
*/

/*
#columns{

-moz-column-count: 3;
-webkit-column-count: 3;
column-count: 3;

	column-width:293px;
	column-gap: 30px;

}
#columns figure {
	display: inline-block;
	font-size:12px;
	margin:0 0px 40px 0px;
	padding:0px;
	cursor:pointer;
}
#columns figure img {
	display: inline;
	width:100%;
}
#columns figure figcaption span {
	margin-top:20px; font-size:1.3em; color:#111; font-family:'Core'; font-weight:400;
}
#columns figure figcaption {
	margin-top:8px; font-size:1.1em; color:#888; line-height:1.5;
}
*/




@media all and (max-width:1000px) {

	.int_ani { position:absolute; left:0; top:0; width:100%; height:100vh; text-align:center; font-family: 'Cormorant Garamond', serif; font-weight:300; color:#fff; z-index:100}
	.int_ani.int_ani_none { display:none }

	.ani_t1 {
	  display:flex; align-items: center; justify-content: center;
	  background:none;
	  font-size:3.0em;
	  width:100%; height:100%; position:absolute;
	  font-weight:600;
	  animation: ani1 4s;
	  animation-fill-mode: forwards;
	  line-height:1.2
	}

	.ab_int { position:relative; margin:10% auto 0 auto; width:90% }
	.ab_int p { position:relative;line-height:1.7; margin-top:40px; }
	.ab_int p.mt { margin-top:80px; padding-top:80px; }
	.ab_int p.mt:before { position:absolute; left:0; top:0; height:1px; width:50px; background:#000; content:''; display:block }
	.ab_int .ab_intLeft {display: none; width:0%; }
	.ab_int .ab_intRight {margin:0px auto; width:100%;  padding: 0 0 0 12%; text-align: center; font-size: 11px;}

	@keyframes ani1 {
	  0% {opacity:0;}
	  80% {opacity:1;}
	  100% {opacity:0;}
	}

	.ani_t2 {
	  width:100%; height:100%; position:absolute;
	  background:none;
	  font-size:3.1em;
	  display:flex; align-items: center; justify-content: center;
	  flex-direction:column;
	  font-weight:600;
	  animation: ani2 4s;
	  animation-fill-mode: forwards ;
	  opacity:0;
	  line-height:1.0;
	   font-family: 'Cormorant Garamond', serif;
	}
	.ani_t2 p.mt1 { font-size:0.6em; margin-top:10px; }
	.ani_t2 p.mt2 { font-size:0.4em; margin-top:30px; font-weight:400; line-height:1.7; font-family:'Noto Serif KR', 'pretendard', '���� ����', Sans-serif; letter-spacing:-0.03em}
	.ani_t2 p.mt2 br { display:block }

	@keyframes ani2 {
	  0% {opacity:0;}
	  80% {opacity:1;}
	  100% {opacity:0;}
	}

	.main_wp { position:relative; width:100%; height:100vh; overflow:hidden }
	.main_wp .m_block_left { position:relative; float:none; width:100%; height:50%; background:#fff; border-right:none;}
	.main_wp .m_block_right { position:relative; float:none; width:100%; height:50%; background:#fff; border-top:1px solid rgba(0,0,0,.9) }
	.main_wp .m_block_left .bl_box,
	.main_wp .m_block_right .bl_box {background:rgba(0,0,0,.25);}
	.main_wp .m_block_left .m_menu a,
	.main_wp .m_block_right .m_menu a { position:relative; font-size:3.5em; color:#fff; /*font-family:'Cormorant Garamond' , serif;*/ font-weight:500; animation: mm1 3s; animation-fill-mode: forwards; line-height:1.0}
	
	@keyframes mm1 {
	  0% {opacity:0;}
	  100% {opacity:1; transition:all .5s ease;}
	}

	.main_wp .m_block_left video,
	.main_wp .m_block_right video {
		position: absolute;
		top: -80px;
		left: 0;
		width: 100%;
		object-fit: cover;
		min-width: 100%;
		min-height: 100%;
		width: 100%;
		height: auto;
		background-size: cover;
		transition: 1s opacity;
		background-position:center center;
	}
	.main_wp .m_block_right video { top:0 }

	.header { position:fixed; width:100%; height:70px; background:rgba(255,255,255,.92); z-index:999; display:flex; align-items: center; justify-content: space-between;}
	.header h1 { position:relative; width:50%; height:100%; display:flex; align-items: center; justify-content: left; padding-left:15px;}
	.header h1 a { position:absolute; left:7px; top:-4px; display:block; width:110px; height:77px; background:url(../images/logo.png) no-repeat left center; background-size:71px 50px } 
	.header .ct-s-menu { position:relative; width:60%; height:100%; display:none; align-items: center;}
	.header .ct-s-menu ul { position:relative; width:100%; display:flex; align-items: center; justify-content: center; }
	.header .ct-s-menu ul li { margin:0 12px; }

	.header .ct-s-menu ul li a { position:relative; display:block; padding:10px 0; color:#333; font-weight:600; font-size:0.95em; letter-spacing:0.03em }
	.header .ct-s-menu ul li a.m-current { color:#000; transition:all .35s ease; font-weight:700  }
	.header .ct-s-menu ul li a.m-current:after { position:absolute; left:0; bottom:8px; height:1px; background:#273fe8; width:100%; content:''; display:inline-block; }
	.header .ct-s-menu ul li a:hover { color:#273fe8; transition:all .35s ease; font-weight:600  }
	.header .ct-s-menu ul li a:after { position:absolute; left:0; bottom:8px; height:1px; background:#273fe8; width:0; content:''; display:inline-block; transition:all .2s ease-out; }
	.header .ct-s-menu ul li a:hover:after { width:100%; transition:all .25s cubic-bezier(0, 1.08, 0.68, 0.99); }

	.header .ct-m-menu { position:relative; width:50%; height:100%; display:flex; align-items: center; }
	.header .ct-m-menu ul { position:relative; width:100%; display:flex; justify-content: flex-end; padding-right:15px;}
	.header .ct-m-menu ul li { margin:0 8px;}
	.header .ct-m-menu ul li:nth-of-type(2) { margin-right:0 }
	.header .ct-m-menu ul li a { position:relative; display:block; padding:12px 0 8px 0; color:#999; font-weight:500; font-size:0.8em }
	.header .ct-m-menu ul li a:hover {color:#273fe8; transition:all .35s ease;}
	.header .ct-m-menu ul li a.current-m { color:#000 }

	.ab_dep1 {
		position: relative;
		width: 100%;
		margin: 0px auto 0 auto;
	}

	.contents { position:relative; color:#222; font-family:/*'Montserrat',*/ 'Open Sans', 'pretendard', '���� ����', Sans-serif; width:95%; margin:0 auto;  }
	.ctn { padding:100px 0 100px 0 !important; overflow:hidden}
	.ctn.abpp { padding:100px 0 0 0 !important; overflow:hidden}
	.ctn_tl { position:relative; /*font-family: 'Cormorant Garamond', serif;*/ font-size:1.8em; color:#222; text-align:center; line-height:1.2; padding:0 5% }
	.greeting { position:relative; margin-top:40px; font-size:1.2em; line-height:1.8; color:#000; font-weight:300; padding:0 10%}
	.greeting em { color:#273fe8; font-weight:500 }
	.pj_ctn { padding:150px 0 0 0 !important; height:auto}
	.news_wp { position:relative; width:80%; margin:0 auto 0 auto; padding:0 0 0 0;}
	.news_wp .news_block { position:relative; display:block; align-items: center; justify-content: left; margin-top:80px; }
	.news_wp .news_block:nth-of-type(1) { margin-top:50px }
	.news_wp .news_block:nth-of-type(2n) .news_comment  { padding-left:0; padding-right:0;}

	.news_wp .news_block .news_thum { position:relative; width:100%; height:0; padding-bottom:60%; transition:all .3s ease-in; margin-bottom:30px;}
	.news_wp .news_block .news_thum:hover{ transition:all .4s ease-out; opacity:.7; cursor:pointer}
	.news_wp .news_block .news_comment { position:relative; background-size:cover; width:100%; padding-left:0 }
	.news_wp .news_block .news_comment .news_ltl { position:relative;}
	.news_wp .news_block .news_comment .news_ltl a { position:relative; display:block; text-align:left; font-size:1.1em; color:#111; line-height:1.7 }
	.news_wp .news_block .news_comment .news_ltl a:hover { text-decoration:underline; text-underline-position: under; color:#000 }
	.news_wp .news_block .news_comment .news_ltxt { position:relative; display:block; text-align:left; font-size:0.9em; color:#666; line-height:1.7; margin-top:12px; }
	.news_wp .news_block .news_comment .news_ldate { position:relative; display:block; text-align:left; font-size:0.8em; color:#999; line-height:1.7; margin-top:20px; }

	.news_view_wp { position:relative; width:90%; margin:50px auto 0 auto; }
	.news_view_wp .news_v_date { font-size:0.8em; color:#666; text-align:center; font-weight:200; letter-spacing:0.03em}
	.news_view_wp .news_v_tl { font-size:1.3em; color:#000; line-height:1.7; text-align:center; font-weight:200; margin-top:10px;}
	.news_view_wp .news_v_comment { position:relative; margin-top:40px; font-weight:200; font-size:0.95em}
	.news_view_wp .news_v_comment img { position:relative; width:100%; height:inherit }

	h3.cont_tl { position:relative; text-align:center; font-weight:500; color:#273fe8; font-size:0.8em; margin-top:50px; }
	.cont_txt { position:relative; text-align:center; font-weight:300; color:#000; font-size:1.1em; margin-top:7px; }
	.cont_txt em { color:#888; font-size:0.65em; display:block; margin-top:7px;}


	.pj_w.pc_mode { position:relative; display:none }
	.pj_w.mobile_mode { position:relative; display:block }
	.contents_pj { position:relative; color:#222; font-family:'Open Sans', 'Noto Serif KR', 'pretendard', '���� ����', Sans-serif; width:100%; height:100%; margin:0 auto;  }
	.pj_w.mobile_mode .prj_v_logo { position:fixed; left:10px; top:10px; display:block; width:71px; height:71px; background:url(../images/logo_pr.png) no-repeat left center; z-index:9999; background-size:71px 71px } 

	.pj_w.mobile_mode ul li { position:relative; width:100%; margin-bottom:15px;}
	.pj_w.mobile_mode ul li img { position:relative; width:100%; height:inherit }

	.project_view_wp a.pj_close { position:fixed; right:0; top:0; z-index:9998; 
		background: url(../images/mo-close.png) no-repeat center center; display:block;
		padding: 30px;
		background-size: 25% !important;
	}

	#mask { position:fixed; left:0; top:0; z-index:9998; background:rgba(255,255,255,.95); display:none;}
	.modal { position:fixed; left:0; top:0 !important; width:100%; height:100%; display:none; z-index:10000; }
	.modal_menu { position:relative; width:100%; height:inherit; display:flex; align-items: center; }
	.modal_menu ul { position:relative; text-align:center; width:700px; margin:0 auto; }
	.modal_menu ul li { position:relative; margin:0; }
	.modal_menu ul li a { position:relative; display:inline-block; color:#111; padding:7px 2px; /*font-family: 'Cormorant Garamond', serif;*/ font-weight:600; font-size:2.3em; }
	.modal_menu ul li a.pj { font-size:3.0em }
	.modal_menu ul li a em { color:#333; font-weight:300; font-size:0.55em; display:block}
	.modal_menu ul li a:hover { color:#000; transition:all .35s ease; }
	.modal_menu ul li a:after { position:absolute; left:0; bottom:45%; height:2px; background:#273fe8; width:0; content:''; display:inline-block; transition:all .2s ease-out; }
	.modal_menu ul li a:hover:after { width:0; transition:all .25s cubic-bezier(0, 1.08, 0.68, 0.99); }
	.modal .close { position:absolute; right:0; top:0; z-index:99999; background:url(../images/mo-close.png) no-repeat center center; padding:30px; background-size:25% !important}

	.page-column { display: inline-block; vertical-align: top; width: 100%; }
	.grid { margin:20px 0 0 0; overflow:hidden; padding:0 5% }
	.grid__item {position:relative; float:none; width:100%; vertical-align: top; margin-right:0; padding-bottom:30px; display:block;}
	.grid__item p.pj_tl { position:relative; margin-top:17px; }
	.grid__item p.pj_tl a { font-size:1.0em; color:#000; font-weight:400; line-height:1.7 }
	.grid__item p.pj_date { font-size:0.8em; color:#999; font-weight:300; margin-top:5px; letter-spacing:0.03em }
	.grid__item img { width:85%; transition:all .3s ease-in }
	.grid__item img:hover { transition:all .2s ease-out; cursor:pointer; opacity:.7; }
	.grid__item:nth-of-type(1n) { text-align:center }
	.grid__item:nth-of-type(2n) { margin-right:0; text-align:center}

	.pj_cate a { font-size:0.9em; }
	.pj_cate_dep1 ul li a { font-size:0.8em; }

	.project_view_wp .pj_exp { position:fixed; left:0; bottom:25px; width:100%; z-index:9999; text-align:center }
	.project_view_wp .pj_exp a { display:inline-block; vertical-align:middle; color:#000; font-size:0.8em; font-weight:800; padding:5px; margin:0 5px; letter-spacing:0.1em; background:rgba(255,255,255,1); line-height:1.0 }
	.project_view_wp .pj_exp a:hover, .project_view_wp .pj_exp a:focus { background:#273fe8; color:#fff }
	.exp_pop_wp { position:relative; width:100%; height:100%; background:#fff; overflow:auto; padding:100px 10px;}
	.exp_pop_wp.detail { padding:10px 10px 100px 10px }
	.exp_pop_wp .discp_txt { position:relative; width:70%; height:auto; overflow:hidden; margin:0 auto; line-height:2.0; font-size:1.1em }
	.exp_pop_wp .discp_txt .disc_tl { font-size:1.6em; color:#000; /*font-family: 'Cormorant Garamond', serif;*/ font-weight:700; text-align:center }
	.exp_pop_wp .detail_wp { position:relative; width:90%; height:auto; overflow:hidden; margin:0 auto; text-align:center }
	.exp_pop_wp .detail_wp .det_tl { font-size:0.8em; color:#999; margin-top:50px; letter-spacing:0.05em }
	.exp_pop_wp .detail_wp .det_exp { font-size:0.9em; color:#222; margin-top:40px; line-height:1.9; word-break:keep-all }
	.project_view_wp modal .exp_pop_wp a.close { position:absolute; right:30px; top:30px; z-index:999999; background:url(../images/close.png) no-repeat center center; padding:20px; display:block}

	.paging { position:relative; margin:70px 0 0 0; text-align:center }
	.paging a { display: inline-block; margin: 0 1px; padding: 8px 5px; color: #adadad; font-size: 0.8em; text-align: center; transition: all 0.15s ease; vertical-align: middle; }
	.paging a:hover { color:#222 }
	.paging a.pg-first { position:absolute; left:0; top:0; display:block; font-size:0.8em; }
	.paging a.pg-last { position:absolute; right:0; top:0; display:block; font-size:0.8em; }
	.paging a.pg-nxt { position:absolute; right:37px; top:0; margin:0 0 0 0; font-size:0.8em;}
	.paging a.pg-prv { position:absolute; left:37px; top:0; margin:0 0 0 0; font-size:0.8em; }

	.paging a.on { color:#000; }


	#footer { position:fixed; left:0; bottom:0; height:40px; background:rgba(255,255,255,.92); display:flex; align-items: center; justify-content:center;z-index:9998; color:rgba(0,0,0,.5); width:100%; font-size:0.75em}

	.disc_field_tl { font-size:1.4em; color:#222; text-align:center; margin-bottom:80px; font-weight:300; line-height:1.7}
	.disc_field { font-size:0.75em; color:#666; text-align:center; margin-top:40px;}
	.disc_field_txt { font-size:0.85em; color:#222; text-align:center }
	.disc_field1 { font-size:0.75em; color:#273fe8; text-align:center; margin-top:40px;}
	
	.ContactPage {
        display: flex;
		flex-wrap: wrap; /* �ٹٲ� ��� */
        grid-template-columns: repeat(2, minmax(0, 1fr));
        grid-column-gap: var(--column-gap);
        -moz-column-gap: var(--column-gap);
        column-gap: var(--column-gap);
		margin-top:50px;
    }
	
	.mapLeft  {flex: 1 1 100%; /* �⺻������ 50% */ margin:0px 10px 50px 0px; position:relative; width:100%; background-color:#eee;  color:#273fe8; font-family:'Noto Sans KR', '���� ����', Sans-serif; }
	.mapLeft .officeKor { padding:20px; font-size:24px; font-weight:600; }
	.mapLeft p.addKor { font-size:16px; font-weight:200; margin-top:10px;}
	.mapLeft .mapKor { padding:0px;  display: flex; min-height: 350px; height: 25vw;}
	.mapLeft .contactKor {padding:20px;  font-size:16px; font-weight:400;}
	.mapRight {flex: 1 1 100%; /* �⺻������ 50% */ margin:0px 10px 50px 0px; position:relative; width:100%; background-color:#eee;  color:#273fe8;} font-family:'Open Sans', Sans-serif; }
	.mapRight .officeEng { padding:20px; font-size:24px; font-weight:600; }
	.mapRight p.addEng  { font-size:16px; font-weight:200; margin-top:10px; }
	.mapRight .mapEng { padding:0px; display: flex; min-height: 350px; height: 25vw;}
	.mapRight .contactEng { padding:20px;  font-size:16px; font-weight:400;}
	
	.profile_inner { position:relative; width:85%; margin:0 auto; padding:20px 0; overflow-y: auto; }
	.pr_pic { position:relative; text-align:center }
	.pr_pic img { /* width:180px */}
	.name_k { position:relative; text-align:center; font-weight:300; font-size:0.9em; margin-top:10px; color:#333;}
	.name_k em { font-weight:300 }
	.name_e { position:relative; text-align:center; font-weight:300; font-size:1.9em; margin-top:20px; color:rgba(30,30,30,1); line-height:1.4 }
	.name_e em { font-weight:300; display:block; font-size:0.6em;}
	.prf_comment { color:#272727; font-size:0.9em; font-weight:200; margin-top:30px; line-height:1.7; width: 55vw; min-width:340px; margin: 0 auto;}
	.prf_comment p { margin-top:20px; font-weight:200; line-height:1.3; letter-spacing:0.00em}
}

.shadow-toast.top-left { font-size:0 !important }

@media screen and (min-width: 60em) {
    :root {
        --column-gap: 24px;
    }
}

@media screen and (min-width: 48em) {
    :root {
        --column-gap: 24px;
    }
}


@media screen and (min-width: 48em) {
    .ContactPage {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        grid-column-gap: var(--column-gap);
        -moz-column-gap: var(--column-gap);
        column-gap: var(--column-gap);
		margin-top:50px;
    }
	
	.mapLeft  {margin:0px 10px; position:relative; width:100%; background-color:#eee;  color:#273fe8; font-family:'Noto Sans KR', '���� ����', Sans-serif; }
	.mapLeft .officeKor { padding:20px; font-size:24px; font-weight:600; }
	.mapLeft p.addKor { font-size:16px; font-weight:200; margin-top:10px;}
	.mapLeft .mapKor { padding:0px;  display: flex; min-height: 350px; height: 35vw;}
	.mapLeft .contactKor {padding:20px;  font-size:16px; font-weight:400;}
	.mapRight {margin:0px 10px; position:relative; width:100%; background-color:#eee;  color:#273fe8;} font-family:'Open Sans', Sans-serif; }
	.mapRight .officeEng { padding:20px; font-size:24px; font-weight:600; }
	.mapRight p.addEng  { font-size:16px; font-weight:200; margin-top:10px; }
	.mapRight .mapEng { padding:0px; display: flex; min-height: 350px; height: 35vw;}
	.mapRight .contactEng { padding:20px;  font-size:16px; font-weight:400;}
	
	

}