@import url(https://fonts.googleapis.com/css2?family=Play:wght@400;700&display=swap);
@import url(https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css);

:root {
	--font-style1: Play,Pretendard,-apple-system,BlinkMacSystemFont,system-ui,Roboto,'Helvetica Neue','Segoe UI','Apple SD Gothic Neo','Noto Sans KR','Malgun Gothic',sans-serif;
	--font-style2: 'Play', sans-serif;
}

html, body {height:100%; padding:0; margin:0; font-family: var(--font-style1); font-weight:400; letter-spacing:-0.025em; line-height:1.5;}
input,textarea,select {font-family: var(--font-style1); }
*,html,body,div,table,nav {  -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
box-sizing: border-box;}
input[type=file][title]:hover::after { content: attr(title);  position: absolute; bottom:-50%; left: 0; background:rgba(0,0,0,0.85); width:100%; padding:5px 20px; font-size:14px; color:#fff; z-index:9999; border-radius:5px;}

.font-style2 {font-family: var(--font-style2);}
.fl-left {float:left;}
.w-100 {width:100%;}

/*padding. margin*/
.pt-0 {padding-top:0;}
.pb-0 {padding-bottom:0;}

.col-2 {float:left; width:100%;}
.col-2 .one {float:left; width:49%; border:0; margin-right:2%;}
.col-2 .one:nth-child(2n) {margin-right:0;}
.col-2 img {width:100%;}

.col-3 {float:left; width:100%;}
.col-3 .one {float:left; width:32%; border:0;}
.col-3 .one:nth-child(2n) {margin:0 2%;}
.col-3 img {width:100%;}

.col-4 {float:left; width:40%;}
.col-4 .one {float:left; width:23.5%; margin-right:2%;}
.col-4 .one:nth-of-type(4n) {margin-right:0;}

.col-5 {float:left; width:100%;}
.col-5 .one {float:left; width:19.2%; margin-right:1%;}
.col-5 .one:nth-of-type(5n) {margin-right:0;}

@media (max-width:1200px) {
	.col-2 .one {width:100%; margin: 0 0 2% 0;}
	.col-3 .one {width:100%; margin: 0 0 2% 0;}
	.col-4 .one {width:49%; margin: 0 2% 2% 0;}
	.col-4 .one:nth-of-type(2n) {margin-right:0;}
	.col-5 .one {width:49%; margin: 0 2% 2% 0;}
	.col-5 .one:nth-of-type(2n) {margin-right:0;}
}

.pt60 {padding-top:60px;}
.pb60 {padding-bottom:60px;}
.bracket {font-family: var(--font-style1);}

.pconly {display:inline-block !important;}
.mobonly {display:none !important;}
.pconly2 {display:block !important;}
.mobonly2 {display:none !important;}

@media (max-width:1100px) {
  .pconly {display:none !important;}
  .mobonly {display:inline-block !important;}
  .pconly2 {display:none !important;}
  .mobonly2 {display:block !important;}
}

.layout_btn1 {background-color:transparent; color:#333; font-size:14px; border:1px solid #333; padding:10px 20px; font-weight:600;}
.layout_btn1:hover {background:#333; color:#fff; transition:all 0.5s;}
.layout_btn2 {background-color:#333; color:#fff; font-size:14px; border:1px solid #333; padding:10px 20px; font-weight:600;}
.layout_btn2:hover {background:transparent; color:#333; transition:all 0.5s;}
.layout_btn3 {background-color:#d13f4a; color:#fff; font-size:14px; border:1px solid #d13f4a; padding:10px 20px; font-weight:600;}
.layout_btn3:hover {background:transparent; color:#d13f4a; transition:all 0.5s;}
.layout_btn4 {background-color:#fff; color:#333; font-size:14px; border:1px solid #fff; padding:10px 20px; font-weight:600;}
.layout_btn4:hover {background:transparent; color:#fff; transition:all 0.5s;}
.layout_admbtn {background:#fff; color:#333; border:1px solid #ccc; padding:2px 8px; font-size:10px; font-weight:500;}
.layout_admbtn:hover {background:#ccc; color:#fff; transition:all .5s;}

.innerwrap {width:100%; margin:0 auto; max-width:1240px;}
.innerwrap2 {width:100%; max-width:1240px; margin:0 auto;}
.innerwrap img, .innerwrap2 img {max-width:100%;}

@media (max-width:1100px) {
  .innerwrap {width:100%; padding: 0 20px;}
  .innerwrap2 {padding: 0 20px;}
}
@media (min-width:769px) and (max-width:1024px) {
	.innerwrap {max-width:980px;}
}
@media (min-width:1025px) and (max-width:1440px) {
	.innerwrap {max-width:1170px;}
}
@media (min-width:1441px) and (max-width:1600px) {
	.innerwrap {max-width:1400px;}
}


/*padding. margin*/
.mt-0 {margin-top:0;}
.mt-1-rem {margin-top:1rem;}
.mt-2-rem {margin-top:2rem;}
.mt-3-rem {margin-top:3rem;}
.mt-4-rem {margin-top:4rem;}
.mt-5-rem {margin-top:5rem;}
.mt-6-rem {margin-top:6rem;}
.mt-7-rem {margin-top:7rem;}
.mt-8-rem {margin-top:8rem;}
.mt-9-rem {margin-top:9rem;}

@media (max-width:1200px) {
	.mt-3-rem {margin-top:1.5rem;}
	.mt-4-rem {margin-top:2.66rem;}
	.mt-6-rem {margin-top:3.8rem;}
	.mt-8-rem {margin-top:4.6rem;}
}

.mb-0 {margin-bottom:0;}
.mb-1-rem {margin-bottom:1rem;}
.mb-2-rem {margin-bottom:2rem;}
.mb-3-rem {margin-bottom:3rem;}
.mb-4-rem {margin-bottom:4rem;}
.mb-5-rem {margin-bottom:5rem;}
.mb-6-rem {margin-bottom:6rem;}
.mb-7-rem {margin-bottom:7rem;}
.mb-8-rem {margin-bottom:8rem;}
.mb-9-rem {margin-bottom:9rem;}
.mb-10-rem {margin-bottom:10rem;}
.mb-11-rem {margin-bottom:11rem;}
.mb-12-rem {margin-bottom:12rem;}
.mb-13-rem {margin-bottom:13rem;}
.mb-14-rem {margin-bottom:14rem;}
.mb-15-rem {margin-bottom:15rem;}
.mb-16-rem {margin-bottom:16rem;}
.mb-17-rem {margin-bottom:17rem;}
.mb-18-rem {margin-bottom:18rem;}
.mb-19-rem {margin-bottom:19rem;}
.mb-20-rem {margin-bottom:20rem;}
.mb-21-rem {margin-bottom:21rem;}
.mb-22-rem {margin-bottom:22rem;}

@media (max-width:1200px) {
	.mb-1-rem {margin-bottom:1rem;}
	.mb-2-rem {margin-bottom:1.35rem;}
	.mb-3-rem {margin-bottom:1.75rem;}
	.mb-4-rem {margin-bottom:2.66rem;}
	.mb-6-rem {margin-bottom:3.8rem;}
	.mb-8-rem {margin-bottom:4.6rem;}
}

.ml-1-rem {margin-left:1rem;}
.ml-2-rem {margin-left:2rem;}
.ml-3-rem {margin-left:3rem;}
.ml-4-rem {margin-left:4rem;}
.ml-5-rem {margin-left:5rem;}
.ml-6-rem {margin-left:6rem;}
.ml-7-rem {margin-left:7rem;}
.ml-8-rem {margin-left:8rem;}
.ml-9-rem {margin-left:9rem;}

.mr-1-rem {margin-right:1rem;}
.mr-2-rem {margin-right:2rem;}
.mr-3-rem {margin-right:3rem;}
.mr-4-rem {margin-right:4rem;}
.mr-5-rem {margin-right:5rem;}
.mr-6-rem {margin-right:6rem;}
.mr-7-rem {margin-right:7rem;}
.mr-8-rem {margin-right:8rem;}
.mr-9-rem {margin-right:9rem;}

.mtb-1-rem {margin:1rem 0;}
.mtb-2-rem {margin:2rem 0;}
.mtb-3-rem {margin:3rem 0;}
.mtb-4-rem {margin:4rem 0;}
.mtb-5-rem {margin:5rem 0;}
.mtb-6-rem {margin:6rem 0;}
.mtb-7-rem {margin:7rem 0;}
.mtb-8-rem {margin:8rem 0;}
.mtb-9-rem {margin:9rem 0;}
.mtb-10-rem {margin:9rem 0;}
.mtb-11-rem {margin:9rem 0;}
.mtb-12-rem {margin:9rem 0;}
.mtb-13-rem {margin:9rem 0;}
.mtb-14-rem {margin:9rem 0;}
.mtb-15-rem {margin:9rem 0;}

.margin-1-rem {margin:1rem;}
.margin-2-rem {margin:2rem;}
.margin-3-rem {margin:3rem;}
.margin-4-rem {margin:4rem;}
.margin-5-rem {margin:5rem;}
.margin-6-rem {margin:6rem;}
.margin-7-rem {margin:7rem;}
.margin-8-rem {margin:8rem;}
.margin-9-rem {margin:9rem;}

.pt-0 {padding-top:0;}
.pt-1-rem {padding-top:1rem;}
.pt-2-rem {padding-top:2rem;}
.pt-3-rem {padding-top:3rem;}
.pt-4-rem {padding-top:4rem;}
.pt-5-rem {padding-top:5rem;}
.pt-6-rem {padding-top:6rem;}
.pt-7-rem {padding-top:7rem;}
.pt-8-rem {padding-top:8rem;}
.pt-9-rem {padding-top:9rem;}

.pb-0 {padding-bottom:0;}
.pb-1-rem {padding-bottom:1rem;}
.pb-2-rem {padding-bottom:2rem;}
.pb-3-rem {padding-bottom:3rem;}
.pb-4-rem {padding-bottom:4rem;}
.pb-5-rem {padding-bottom:5rem;}
.pb-6-rem {padding-bottom:6rem;}
.pb-7-rem {padding-bottom:7rem;}
.pb-8-rem {padding-bottom:8rem;}
.pb-9-rem {padding-bottom:9rem;}

.pr-1-rem {padding-right:1rem;}
.pr-2-rem {padding-right:2rem;}
.pr-3-rem {padding-right:3rem;}
.pr-4-rem {padding-right:4rem;}
.pr-5-rem {padding-right:5rem;}
.pr-6-rem {padding-right:6rem;}
.pr-7-rem {padding-right:7rem;}
.pr-8-rem {padding-right:8rem;}
.pr-9-rem {padding-right:9rem;}

.pl-1-rem {padding-left:1rem;}
.pl-2-rem {padding-left:2rem;}
.pl-3-rem {padding-left:3rem;}
.pl-4-rem {padding-left:4rem;}
.pl-5-rem {padding-left:5rem;}
.pl-6-rem {padding-left:6rem;}
.pl-7-rem {padding-left:7rem;}
.pl-8-rem {padding-left:8rem;}
.pl-9-rem {padding-left:9rem;}

.ptb-1-rem {padding:1rem 0;}
.ptb-2-rem {padding:2rem 0;}
.ptb-3-rem {padding:3rem 0;}
.ptb-4-rem {padding:4rem 0;}
.ptb-5-rem {padding:5rem 0;}
.ptb-6-rem {padding:6rem 0;}
.ptb-7-rem {padding:7rem 0;}
.ptb-8-rem {padding:8rem 0;}
.ptb-9-rem {padding:9rem 0;}
.ptb-10-rem {padding:10rem 0;}
.ptb-11-rem {padding:11rem 0;}
.ptb-12-rem {padding:12rem 0;}
.ptb-13-rem {padding:13rem 0;}
.ptb-14-rem {padding:14rem 0;}
.ptb-15-rem {padding:15rem 0;}
.ptb-16-rem {padding:16rem 0;}
.ptb-17-rem {padding:17rem 0;}
.ptb-18-rem {padding:18rem 0;}
.ptb-19-rem {padding:19rem 0;}

.padding-1-rem {padding:1rem;}
.padding-2-rem {padding:2rem;}
.padding-3-rem {padding:3rem;}
.padding-4-rem {padding:4rem;}
.padding-5-rem {padding:5rem;}
.padding-6-rem {padding:6rem;}
.padding-7-rem {padding:7rem;}
.padding-8-rem {padding:8rem;}
.padding-9-rem {padding:9rem;}