@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Song+Myung&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@200;300;700&display=swap');

* {box-sizing:border-box}
body {font-size:1.5rem;font-weight:500;font-family:'Noto Sans KR', sans-serif ,malgun gothic, gulim;color:#3D3D3D}
html {font-size:10px;} /* 62.5% */
@media only screen and (min-device-width:320px) {html{font-size:9px} /* 62.5% */}
@media only screen and (min-device-width:360px) {html{font-size:10px} /* 62.5% */}
@media only screen and (min-device-width:375px) {html{font-size:10.4167px} /* 65.104166% */}
@media only screen and (min-device-width:384px) {html{font-size:10.6667px} /* 66.666666% */}
@media only screen and (min-device-width:412px) {html{font-size:11.4444px} /* 71.5277777% */}
@media only screen and (min-device-width:414px) {html{font-size:11.5px} /* 71.875% */}
@media only screen and (min-device-width:480px) {html{font-size:13.3333px} /* 83.333333% */}
@media only screen and (min-device-width:600px) {html{font-size:16.6667px} /* 104.16666% */}
@media only screen and (min-device-width:768px) {html{font-size:10px} /* 62.5% */}

body .cover {transition:all .3s .5s ease;position:fixed;top:0;left:0;right:0;bottom:0;z-index:99;background:#fff}
body .cover.off {top:100%}
.top-layer {
  position: fixed;
  width: 100%;
  height: 100%;
  top: -100%;
  left: 0;
  bottom: auto;
  right: auto;
  background: #ef525a;
  transition: all 0.9s cubic-bezier(0.6, 0.05, 0.4, 1);
  z-index:100;
}
.top-layer.active {
  top: 100%;
}
.top-layer--5 {
  background: #dc000c;
  transition-delay: 0.1s;
}

label {cursor:pointer;}
a {text-decoration:none;color:#000;}
a:hover {color:#666;}
div, div * {box-sizing: border-box; word-break:keep-all;}

.mwrap {width:100%;margin:0;}
.swrap {width:100%;margin:0; padding:0;}

#header {margin:0 auto;}
#mcontent {padding:0;}
#content {padding:0;min-height:200px;}
#quick01 {position:fixed; right:0; bottom:50%; transform: translate(0, 50%); z-index:9; display:flex; flex-direction: column; gap:0.1rem; align-items:center; background:rgba(220,0,12,0.5);}
#quick01>div:last-child {border-bottom:0;}
#quick01>div {color:#fff; text-align:center; padding:4rem 3rem; font-size:1.6rem; min-width:20.2rem; border-bottom:1px solid rgba(255,255,255,0.5); cursor:pointer;}
#quick01>div b {font-weight:500;}
#quick01>div span {font-weight:300;}

.grid-gallery {display:grid;grid-template-columns:1fr 1fr 1fr;column-gap:30px;row-gap:30px}
#container2.grid-gallery {padding:25px 30px 25px 30px}
.grid-gallery .col {position:relative;}
.grid-gallery .imgholder {overflow:hidden;position:relative;z-index:0;background:url(/modules/bbs/theme/_pc/portfolio01/image/noimg.jpg) no-repeat 50% 50%;background-size:cover}
.grid-gallery .imgholder img {max-width:100%}
.grid-gallery .imgholder a {display:block;height:250px;transition:all .3s ease;}
.grid-gallery .imgholder a:hover {transform:scale(1.1,1.1)}
.grid-gallery .boxtext01 {pointer-events: none;user-select:none;position:absolute;left:0;bottom:0;background:transparent linear-gradient(180deg, #00000000 0%, #00000099 70%) 0% 0% no-repeat padding-box;text-align:left;padding:4% 6%;right:0;}
.grid-gallery .boxtext01 a {color:#fff;font-size:14px;font-weight:300}
.scwrap #bbsview .bottom,
.scwrap #bbslist .bottom {padding:0 30px}
.write-hide-btn.hide-btn li {display:none}
.write-hide-btn.hide-btn li:first-child {display:block}
.grid-gallery .photo.best .imgholder {position:relative}
.grid-gallery .photo.best .imgholder:after {pointer-events: none;user-select:none;content:'';display:block;position:absolute;right:-1px;top:-1px;z-index:1;width:75px;height:75px;background:url(/modules/bbs/theme/_pc/portfolio01/image/pf_icon_best.png) no-repeat;background-size:75px auto}

/* event */
.main-container.notice .grid-gallery {grid-template-columns:1fr 1fr 1fr 1fr;}
.main-container.notice .grid-gallery .imgholder a {height:320px}

.yd-cont {max-width:1400px;margin:0 auto;}

.yd-form {width:704px;margin:0 auto;padding-bottom:100px;position:relative}
.yd-form .div-admbt {position:absolute;right:20px;top:30px;background:#DC000C;border-radius:20px;}
.yd-form .div-admbt a {color:#fff;padding:5px 15px;display:block;font-size:13px;}
.yd-form .div-title {font-size:22px;color:#3d3d3d;margin-bottom:25px}
.div-inps {display:grid;grid-template-columns:1fr 1fr;column-gap:20px;margin-bottom:12px}
.div-inp {margin-bottom:12px}
.div-inp >* {width:100%}
.div-inp .inp-msg {font-size:14px; color:#333; padding:10px;}
.inp {height:46px;border:1px solid #3d3d3d;line-height:46px;border-radius:13px;text-indent:15px;font-size:16px;min-width:0;background:#fff}
.inp:hover,
.inp:focus {outline:none}
.tarea {font-family:'Noto Sans KR', sans-serif ,malgun gothic, gulim;height:200px;border:1px solid #3d3d3d;border-radius:13px;padding:10px;font-size:16px;line-height:1.5}
.div-btns {text-align:center;}
.yd-btn {margin:0;height:52px;line-height:56px;display:inline-block;font-size:18px;color:#fff;background:#DC000C;border-radius:26px;padding:0 60px;border:0;cursor:pointer;}
.detail-info {position:relative;overflow:hidden;display:grid;grid-template-columns:1fr 1fr;max-width:1600px;border:1px solid #DC000C;margin:0 auto;margin-bottom:60px;padding:50px 70px;background:#F7F7F7;font-size:22px}
.detail-info .di-box {position:relative;z-index:5;padding-left:50px;color:#333}
.detail-info .di-box:first-child {border-right:1px solid #DC000C;padding:0 50px 0 0}
.detail-info .di-box .thumb {height:364px;background-position:50% 50%;background-size:cover;background-repeat:no-repeat;background-color:#fff}
.detail-info.best:after {content:'';display:block;position:absolute;right:-1px;top:-1px;z-index:1;width:153px;height:153px;background:url(/modules/bbs/theme/_pc/portfolio01/image/pf_icon_best.png) no-repeat}
.detail-info .di-box .title {font-size:32px;padding:35px 0;margin-bottom:35px;border-bottom:1px solid #DC000C}
.detail-info .di-box .di-sub-info {display:grid;grid-template-columns:1fr 1fr;}
.detail-info .di-box .di-sub-info .data {margin-bottom:35px}
.detail-subject {max-width:1600px;font-size:22px;padding:25px 0;text-align:center;border:1px solid #E9E9E9;border-radius:10px;margin:0 auto}
.detail-subject p {font-size:14px; margin-top:6px;}
.bbsview-nstyle .viewbox .bdtop {display:none}
.bbsview-nstyle .main-img {border-bottom:0}
.bbsview-nstyle .main-img img {max-width:1600px !important;width:100%}
#bbsview.bbsview-nstyle {max-width:100%;padding:0;min-width:0}
#bbsview.bbsview-nstyle .viewbox .content {padding:30px}
.bbsview-nstyle .grids {display:grid;grid-template-columns:1fr 1fr 1fr;column-gap:30px;row-gap:30px}
.bbsview-nstyle .grids li {border-radius:15px;margin:0;float:none;width:auto;}
.main-container.sub.s01 .in {display:grid;grid-template-columns:1.1fr 1fr;padding:60px 30px;column-gap:30px}
.main-container.sub.s01 .yd-form {width:100%;background:rgba(0,0,0,0.1);border-radius:32px;padding:30px;}
.main-container.sub.s01 .sub-title {text-align:left;padding:0;display:flex;align-items:center;justify-content:center}
.main-container.sub.s01 .sub-title span {transition:all .7s .7s ease;transform:translate(40px,0);opacity:0;filter:blur(5px)}
.main-container.sub.s01 .sub-title.play span {transform:translate(0,0);opacity:1;filter:blur(0)}
#captcha_element {display:flex;align-items:center;justify-content:center}
.detail-card {max-width:1200px;margin:30px auto 30px auto;position:relative;font-size:17px;}
.detail-card.best:after {content:'';display:block;position:absolute;right:-1px;top:-1px;z-index:1;width:153px;height:153px;background:url(/modules/bbs/theme/_pc/portfolio01/image/pf_icon_best.png) no-repeat}
.detail-card2 .foot-info {display:table;width:80%;margin:15px auto 0 auto;table-layout:fixed;background:#f7f7f7; border-radius:10px;padding:0 30px;font-size:14px;}
.detail-card2 .foot-info .data {display:table-cell;padding:15px 0;text-align:center;color:#111}
.grid-box {display:grid;grid-template-columns:1.3fr 1fr;}
.grid-box .gd-box {border-radius:10px; overflow:hidden;}
.grid-box .gd-box.t {padding:30px;text-align:center;flex-direction: column;display:flex;flex-wrap:wrap;align-items:center;justify-content:center}
.grid-box .gd-box.t>span,
.grid-box .gd-box.t>hr {display:block;width:100%;}
.grid-box .gd-box.t>hr {border:0;height:1px;background:#8f8f8f;margin:20px 0}
.grid-box .gd-box.t .logo {margin-bottom:10px}
.grid-box .gd-box.t .type-name {font-size:20px;color:#000}
.grid-box .gd-box.t .dr-info {display:grid;grid-template-columns:1fr 1fr;}
.grid-box .gd-box.t .dr-info .di {border-left:1px solid #8f8f8f;padding:3px 0;line-height:1.1}
.grid-box .gd-box.t .dr-info .di:before {margin-right:5px;vertical-align:middle;content:'';display:inline-block;width:24px;height:24px;background:url(/pages/image/pf_icon01.png) no-repeat;}
.grid-box .gd-box.t .dr-info .di.t:before {background-image:url(/pages/image/pf_icon02.png)}
.grid-box .gd-box.t .dr-info .di.u {border:0;text-decoration:none}
.grid-box .gd-box .thumb {height:250px;background-size:cover;background-position:50% 50%}
.grid-box .gd-box .thumb img {width:100%}

@media (max-width: 1480px) {
	.main-container.sub.s01 .in {grid-template-columns:1fr 1fr;column-gap:15px}
	.yd-form .div-title {font-size:25px}
	.main-container.sub.s01 .yd-form {padding:30px 15px}
	.inp {font-size:13px}

	/* event */
	.main-container.notice .grid-gallery {grid-template-columns:1fr 1fr 1fr;}
	.main-container.notice .grid-gallery .imgholder a {height:300px}

	.grid-box .gd-box .thumb {height:200px;}
}
@media (max-width: 1024px) {
	#quick01 {left:0; bottom:0; transform: none; flex-direction: row; align-items:center;}
	#quick01>div {width:100%; padding: 1rem; font-size:14px; min-width:auto; border-bottom:0;}

	.yd-form {width:100%;padding-bottom:6rem}
	.div-inps {column-gap:1.5rem;margin-bottom:1.2rem}
	.div-inp {margin-bottom:1.2rem}
	.inp {height:3rem;line-height:3rem;border-radius:.7rem;text-indent:.7rem;font-size:1.3rem;}
	.tarea {height:20rem;border-radius:.7rem;padding:1rem;font-size:1.4rem;}
	.yd-btn {height:4rem;line-height:4rem;font-size:1.6rem;border-radius:4rem;padding:0 4rem}
	
	.detail-info {grid-template-columns:1fr;padding:6rem 1.5rem 2rem 1.5rem;font-size:1.5rem;margin-bottom:3rem}
	.detail-info.best:after {width:75px;height:75px;background-size:75px auto;}
	.detail-info .di-box {padding:0}
	.detail-info .di-box:first-child {padding:0;border:0}
	.detail-info .di-box .thumb {height:25rem}
	.detail-info .di-box .title {font-size:1.8rem;padding:1.3rem 0;margin-bottom:1.7rem}
	.detail-info .di-box .di-sub-info .data {margin-bottom:1.5rem}
	.detail-subject {padding:1.5rem 0;margin:0}
	#bbsview.bbsview-nstyle .viewbox .content {padding:1.5rem 0}
	.bbsview-nstyle .main-img {padding-bottom:0}
	.bbsview-nstyle .grids {column-gap:1.5rem;row-gap:1.5rem}

	.grid-gallery {grid-template-columns:1fr;row-gap:1.5rem}
	#container2.grid-gallery {padding:0}
	.grid-gallery .col {margin-bottom:1.5rem}
	.grid-gallery .imgholder a {height:25rem}
	.grid-gallery .boxtext01 {font-size:1.4rem;padding:1.3rem}
	#bbsview.bbsview-nstyle .bottom,
	#bbslist .bottom.b-btn {padding:0 1.5rem}
	/* event */
	.main-container.notice .grid-gallery {grid-template-columns:1fr;}
	.main-container.notice .grid-gallery .imgholder a {height:22rem}

	.yd-form .div-title {font-size:1.8rem;margin-bottom:1rem}
	.main-container.sub.s01 .in {padding:3rem 0;grid-template-columns:1fr;column-gap:0}
	
	.detail-card {margin-bottom:3rem;font-size:1.3rem}
	.detail-card.best:after {width:75px;height:75px;background-size:75px auto;}
	.grid-box .gd-box.t {padding:2rem 1.5rem}
	.grid-box .gd-box.t .logo {margin-bottom:.6rem}
	.grid-box .gd-box.t>hr {margin:1.5rem 0}
	.grid-box .gd-box.t .adr {margin-bottom:1.5rem}
	.grid-box {grid-template-columns:1fr}

	.grid-box .gd-box .thumb {height:160px;}
}

@media (max-width: 500px) {

}