@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable.min.css");
/*    --font-style: -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Pretendard Variable", Pretendard, Roboto, "Noto Sans KR", "Segoe UI", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif; */

:root {
    --letter-spacing:-0.03em;
	--font-style: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
    --point-color:#007AFF;
	--point-color:#1c8ed0;
    --bg-black:#1d1d1f;
    --bg-white:#fff;
    --bg-lightgray:#f7f8fe;
    --text-white:#fff;
    --text-gray:#bdbdbd;
    --text-lightgray:#f7f8fe;
    --text-lightgray2:#d5d5d5;
    --text-darkgray:#919191;
    --text-darkgray2:#4b4b4b;
}

body *, div, div * { margin: 0; padding: 0; box-sizing: border-box; word-break:keep-all; }
body * {  font-family: var(--font-style);}

body {
  background: none;
  letter-spacing:var(--letter-spacing);
  color: #111;
  overflow-x: hidden;
}

.po-relative {position:relative;}
.po-absolute {position:absolute;}
.po-fixed {position:fixed;}
.po-sticky {position:sticky;}
.po-inherit {position:inherit;}
.po-initial {position:initial;}

.bg-black {background:var(--bg-black);}
.bg-white {background:var(--bg-white);}
.bg-lightgray {background:var(--bg-lightgray);}
.text-white {color:var(--text-white);}
.text-gray {color:var(--text-gray) !important;}
.text-lightgray {color:var(--text-lightgray) !important;}
.text-lightgray2 {color:var(--text-lightgray2) !important;}
.text-darkgray {color:var(--text-darkgray) !important;}
.text-darkgray2 {color:var(--text-darkgray2) !important;}

.d-inline {display:inline-block;}
.d-block {display:block;}
.d-flex {display:flex;}
.d-grid {display:grid;}
.d-inline-flex {display:inline-flex;}
.d-inline-grid {display:inline-grid;}
.d-none {display:none;}

.fl-left {float:left;}
.fl-right {float:right;}
.fl-none {float:none;}
.fl-inherit {float:inherit;}
.fl-initial {float:initial;}
.fl-unset {float:unset;}
.fl-clear {clear:both;}

.w-100 {width:100%;}
.w-50 {width:50%;}

.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;}
.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;}
.mtb-1-rem {margin-top:1rem; margin-bottom:1rem;}
.mtb-2-rem {margin-top:2rem; margin-bottom:2rem;}
.mtb-3-rem {margin-top:3rem; margin-bottom:3rem;}
.mtb-4-rem {margin-top:4rem; margin-bottom:4rem;}
.mtb-5-rem {margin-top:5rem; margin-bottom:5rem;}
.mtb-6-rem {margin-top:6rem; margin-bottom:6rem;}
.mtb-7-rem {margin-top:7rem; margin-bottom:7rem;}
.mtb-8-rem {margin-top:8rem; margin-bottom:8rem;}
.mtb-9-rem {margin-top:9rem; margin-bottom:9rem;}

@media(max-width:1200px) {
	.mt-1-rem {margin-top:0.75rem;}
	.mt-2-rem {margin-top:1.7rem;}
	.mt-3-rem {margin-top:2.25rem;}
	.mt-4-rem {margin-top:3rem;}
	.mt-5-rem {margin-top:3.75rem;}
	.mt-6-rem {margin-top:4.5rem;}
	.mt-7-rem {margin-top:5.25rem;}
	.mt-8-rem {margin-top:6rem;}
	.mt-9-rem {margin-top:6.75rem;}

	.mb-1-rem {margin-bottom:0.75rem;}
	.mb-2-rem {margin-bottom:1.5rem;}
	.mb-3-rem {margin-bottom:2.25rem;}
	.mb-4-rem {margin-bottom:3rem;}
	.mb-5-rem {margin-bottom:3.75rem;}
	.mb-6-rem {margin-bottom:4.5rem;}
	.mb-7-rem {margin-bottom:5.25rem;}
	.mb-8-rem {margin-bottom:6rem;}
	.mb-9-rem {margin-bottom:6.75rem;}

	.mtb-1-rem {margin-top:0.75rem; margin-bottom:0.75rem;}
	.mtb-2-rem {margin-top:1.5rem; margin-bottom:1.5rem;}
	.mtb-3-rem {margin-top:2.25rem; margin-bottom:2.25rem;}
	.mtb-4-rem {margin-top:3rem; margin-bottom:3rem;}
	.mtb-5-rem {margin-top:3.75rem; margin-bottom:3.75rem;}
	.mtb-6-rem {margin-top:4.5rem; margin-bottom:4.5rem;}
	.mtb-7-rem {margin-top:5.25rem; margin-bottom:5.25rem;}
	.mtb-8-rem {margin-top:6rem; margin-bottom:6rem;}
	.mtb-9-rem {margin-top:6.75rem; margin-bottom:6.75rem;}
}
.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-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;}
.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;}
.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;}
.ptb-1-rem {padding-top:1rem; padding-bottom:1rem;}
.ptb-2-rem {padding-top:2rem; padding-bottom:2rem;}
.ptb-3-rem {padding-top:3rem; padding-bottom:3rem;}
.ptb-4-rem {padding-top:4rem; padding-bottom:4rem;}
.ptb-5-rem {padding-top:5rem; padding-bottom:5rem;}
.ptb-6-rem {padding-top:6rem; padding-bottom:6rem;}
.ptb-7-rem {padding-top:7rem; padding-bottom:7rem;} 
.ptb-8-rem {padding-top:8rem; padding-bottom:8rem;}
.ptb-9-rem {padding-top:9rem; padding-bottom:9rem;}

@media(max-width:1200px) {
	.pt-1-rem {padding-top:0.75rem;}
	.pt-2-rem {padding-top:1.5rem;}
	.pt-3-rem {padding-top:2.25rem;}
	.pt-4-rem {padding-top:3rem;}
	.pt-5-rem {padding-top:3.75rem;}
	.pt-6-rem {padding-top:4.5rem;}
	.pt-7-rem {padding-top:5.25rem;}
	.pt-8-rem {padding-top:6.5rem;}
	.pt-9-rem {padding-top:7.25rem;}

	.pb-1-rem {padding-bottom:0.75rem;}
	.pb-2-rem {padding-bottom:1.5rem;}
	.pb-3-rem {padding-bottom:2.25rem;}
	.pb-4-rem {padding-bottom:3rem;}
	.pb-5-rem {padding-bottom:3.75rem;}
	.pb-6-rem {padding-bottom:4.5rem;}
	.pb-7-rem {padding-bottom:5.25rem;}
	.pb-8-rem {padding-bottom:6rem;}
	.pb-9-rem {padding-bottom:6.75rem;}

	.pl-1-rem {padding-left:0.75rem;}
	.pl-2-rem {padding-left:1.5rem;}
	.pl-3-rem {padding-left:2.25rem;}
	.pl-4-rem {padding-left:3rem;}
	.pl-5-rem {padding-left:3.75rem;}
	.pl-6-rem {padding-left:4.5rem;}
	.pl-7-rem {padding-left:5.25rem;}
	.pl-8-rem {padding-left:6rem;}
	.pl-9-rem {padding-left:6.75rem;}

	.pr-1-rem {padding-right:0.75rem;}
	.pr-2-rem {padding-right:1.5rem;}
	.pr-3-rem {padding-right:2.25rem;}
	.pr-4-rem {padding-right:3rem;}
	.pr-5-rem {padding-right:3.75rem;}
	.pr-6-rem {padding-right:4.5rem;}
	.pr-7-rem {padding-right:5.25rem;}
	.pr-8-rem {padding-right:6rem;}   
	.pr-9-rem {padding-right:6.75rem;}

	.ptb-1-rem {padding-top:0.75rem; padding-bottom:0.75rem;}
	.ptb-2-rem {padding-top:1.5rem; padding-bottom:1.5rem;}
	.ptb-3-rem {padding-top:2.25rem; padding-bottom:2.25rem;}
	.ptb-4-rem {padding-top:3rem; padding-bottom:3rem;}
	.ptb-5-rem {padding-top:3.75rem; padding-bottom:3.75rem;}
	.ptb-6-rem {padding-top:4.5rem; padding-bottom:4.5rem;}
	.ptb-7-rem {padding-top:5.25rem; padding-bottom:5.25rem;}
	.ptb-8-rem {padding-top:6rem; padding-bottom:6rem;}
	.ptb-9-rem {padding-top:6.75rem; padding-bottom:6.75rem;}
}
.text-center {text-align:center;}
.text-left {text-align:left;}
.text-right {text-align:right;}

.col-2 {display:grid; grid-template-columns:1fr 1fr; gap:4rem;}
.col-2 .one{}

@media(max-width:1200px) {
	.col-2 {grid-template-columns:1fr; gap:2rem;}
}

.btnstyle {display:inline-block; height:55px; line-height:55px; width:100%; max-width:165px; font-size:1.1rem; text-align:center;}
.btn-wide {display:inline-block; padding:15px 20px; text-align:center; display:inline-block; min-width:200px; border-radius:40px;}
.btn-normal {display:inline-block; height:45px; line-height:45px; padding:0 20px;}
.btn-big {display:inline-block; padding:20px 40px; text-align:center; display:inline-block; border-radius:40px;}
.layout_btn1 {background-color:transparent; color:#333; font-size:14px; border:1px solid #333;  font-weight:600;}
.layout_btn1:hover {background:#333; color:#fff; transition:all 0.5s;}
.layout_btn2 {display:inline-block; background-color:#333; color:#fff; font-size:14px; border:1px solid #333;  font-weight:600;}
.layout_btn2:hover {background:transparent; color:#333; transition:all 0.2s;}
.layout_btn3 {background-color:#d13f4a; color:#fff; font-size:14px; border:1px solid #d13f4a;  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;  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;}


* {
  scrollbar-width: thin;
  scrollbar-color: #adadad #f4f4f4;
  scroll-behavior: smooth;
}

::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}


.pconly {display:inline-block !important;}
.mobonly {display:none !important;}
.pconly2 {display:block !important;}
.mobonly2 {display:none !important;}
.pconly3 {display:table !important;}
.mobonly3 {display:none !important;}
.pconly4 {display:table-cell !important;}
.mobonly4 {display:none !important;}

.d-block {display:block;}
.d-inline-block {display:inline-block;}

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


.lh-1-5 {line-height:1.5;}