@charset "utf-8";

@font-face {
    font-family: 'Paperlogy';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-2ExtraLight.woff2') format('woff2');
    font-weight: 200;
    font-style: normal;
}
@font-face {
    font-family: 'Paperlogy';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-4Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Paperlogy';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-5Medium.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Paperlogy';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-6SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'Paperlogy';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-7Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'Paperlogy';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-8ExtraBold.woff2') format('woff2');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'yg-jalnan';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_four@1.2/JalnanOTF00.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
  font-family: 'S-CoreDream';
  src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-5Medium.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'S-CoreDream';
  src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-4Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
}


@font-face {
  font-family: 'S-CoreDream';
  src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-8Heavy.woff') format('woff');
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'Pretendard';
  src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Pretendard';
  src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-SemiBold.woff') format('woff');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Pretendard';
  src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'Pretendard';
  src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Black.woff') format('woff');
  font-weight: 800;
  font-style: normal;
}



@font-face {
    font-family: 'RiaSans-ExtraBold';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2410-1@1.0/RiaSans-ExtraBold.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'GmarketSansMedium';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}



body {font-family: 'Pretendard'!important; font-weight:400; min-width:360px; word-break:keep-all;}

@media (max-width:1024px){
  html {font-size:55%!important;}
}
@media (max-width:768px){
  html {font-size:50%!important;}
}

.popup_layer {background:#000; border:2px solid #333;}
.popup_layer * {color:#fff;}
.pagewrap {overflow:hidden;}

@media (max-width:768px){
  .popup_layer{left:0 !important; top:10px !important}
  .popup_layer img{width:100%}
}


.dv-wrap {width:1600px; margin:0 auto; }
@media (max-width:1630px){
  .dv-wrap {width:calc(100% - 30px); margin:0 15px;}
}

/* PC 버전 css */
.PC header {position:fixed; top:0; left:0; width:100%; min-height:0; z-index:101; border-bottom:1px solid #dedede;}
.PC header h1 img.down {display:none;}
.mblogo,
.PC header .motop,
.PC header a.momenu {display:none;}
.PC #innerHead > div{width:1600px; margin:0 auto; display:flex; justify-content:space-between; align-items:center; position:relative;}
@media (max-width:1630px){
	.PC #innerHead > div {width:calc(100% - 30px); margin:0 15px;}
}
.PC #innerHead > div #openMenu {display:none;}

.PC #lnb{display:flex; }
.PC #lnb >li {position:relative;  height:100%; margin:0 1px;}
.PC #lnb > li:after {content:'/'; display:inline-block; color:#666; transform:translateY(-0.5rem); margin:0 1.5rem; font-size:1rem;}
.PC #lnb > li:last-child:after {display:none;}
.PC #lnb > li > a {color:#000; font-size:2rem; display:inline-block; line-height:10rem; font-weight:700; }
.PC #lnb > li:hover > a {color:#005eac;}
.PC header.pagedown {background:rgba(255,255,255,0.8); }

.PC #lnb >li .lnb_sub {display:none; background:#000; border-radius:0 0 2rem 2rem; width:20rem; padding:2rem; z-index:102;}
.PC #lnb >li.on .lnb_sub.on{display:block!important; position:absolute; top:100%; left:calc(50% - 12rem);}
.PC #lnb >li.on .lnb_sub.on:after {content:''; display:block; width:1rem; height:1rem; position:absolute; top:-2rem; left:calc(50% - 0.7rem); background:#005eac; border-radius:50%; }
.PC #lnb >li.on:last-child .lnb_sub.on{left:calc(50% - 10rem);}
.PC #lnb >li .lnb_sub li {margin:1rem 0;}
.PC #lnb >li .lnb_sub li a {font-size:1.6rem; font-weight:400; line-height:1.2em; color:#979797;}
.PC #lnb >li .lnb_sub li a:hover {text-decoration:underline; color:#fff;}
.PC #lnb >li .lnb_sub .depth03 {display:none;}
#mask_mn {background:rgba(0,0,0,0.5); position:fixed; top:0; left:0; width:100%; height:100%; display:none; z-index:10;}

.PC #lnb >li:last-child {display:none;}
.PC #lnb >li:nth-last-child(2):after {display:none;}

.PC #lnbWrap {margin-right:7rem;}
.bbsear {position:absolute; top:calc(50% - 2rem); right:0; width:4rem; height:4rem; text-indent:-9999px; overflow:hidden;}
.bbsear:before {content:'\f0cd'; display:flex; align-items:center; justify-content:center; font-family: remixicon !important; font-style: normal; -webkit-font-smoothing: antialiased; width:4rem; height:4rem; text-indent:0; font-size:3rem; color:#000;}

/* MO 버전 css */


@media screen and (max-width:1280px) {
	body {min-width:320px;}
	body.stop_scrolling {overflow: hidden !important;}

.bbsear {right:6rem; top:calc(50% - 2.5rem);}

  .MO header {position:relative; top:0; left:0; width:100%; min-height:0; padding:1.5rem; border-bottom:1px solid #dedede; background:#fff;}

  .MO header h1 img {width:220px;}
  .MO #openMenu {width:4rem; height:4rem; position:absolute; top:calc(50% - 2rem); right:1.5rem; z-index:100;  transition:all .2s; }
	.MO #openMenu .bar {width:2.5rem;height:0.4rem;background:#333;position: absolute;left: 9px;display: inline-block;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;-webkit-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;}
	.MO #openMenu span:nth-of-type(2) {top: 3px;}
	.MO #openMenu span:nth-of-type(3) {top: 12px; width:2rem; margin-left:5px;}
	.MO #openMenu span:last-of-type {top: 21px;}
	/* .MO #openMenu.close {right:1.5rem; background:#15346c; top:0;} */
	.MO #openMenu.close .bar {width:2.5rem;height:0.2rem;background:#333;position: absolute;left: 9px;display: inline-block;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;-webkit-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;}
	.MO #openMenu.close span:nth-of-type(2) {-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);top: 9px;left:12px; }
	.MO #openMenu.close  span:nth-of-type(3) {display:none;}
	.MO #openMenu.close span:last-of-type {-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);top:27px;left: 10px; }

  .MO .mblogo {display:block; text-align:center; padding:2rem;}
  .MO .mblogo img {width:200px;}
  .MO #lnbWrap {width:300px; height:100vh; background:#f2f2f2; position:absolute; top:0; right:-300px; transition:all .2s; z-index:11; overflow:hidden; }

  .MO #lnbWrap.open {right:0;}

  /* .MO #lnb {margin-top:3rem;} */
  /* .MO #lnb > li {margin-bottom:0.5rem;} */
  .MO #lnb > li > a {border-bottom:1px solid #464646; display:block; position:relative; padding:2rem; background:#000;  font-size:1.8rem; color:#fff;}
  .MO #lnb > li.has-sub-menu > a:after {content:'\ea4e'; display:block; font-family: remixicon !important; font-style: normal; -webkit-font-smoothing: antialiased; position:absolute; top:calc(50% - 1rem); right:1rem; display:flex; align-items:center; width:2rem; height:2rem; justify-content:center; font-size:2rem; transition:all .2s;}
  .MO #lnb > li.has-sub-menu > a.open { color:#fff; font-weight:700; text-decoration:underline;}
  .MO #lnb > li.has-sub-menu > a.open:after {transform:rotate(180deg);}
  
  .MO #lnb > li .lnb_sub {display:none; background:#f7f8fd; border:1px solid #dfe3f6; }
  .MO #lnb > li .lnb_sub > ul > li { font-size:0.9em; border-bottom:1px solid #dedede;}
  .MO #lnb > li .lnb_sub > ul > li > a {display:block; position:relative; padding-left:1rem; padding:2rem 2rem 1.8rem 2rem;   font-size:1.8rem; color:#000;}
  .MO #lnb > li .lnb_sub > ul > li.has-sub-menu > a:after {content:'\ea4e'; display:block; font-family: remixicon !important; font-style: normal; -webkit-font-smoothing: antialiased; position:absolute; top:calc(50% - 1rem); right:1rem; display:flex; align-items:center; width:2rem; height:2rem; justify-content:center; font-size:2rem; transition:all .2s;}
  
  .MO #lnb > li .lnb_sub ul.depth03 {background:#fff; margin:0 2rem 1rem 2rem; padding:1rem 2rem; border-radius:1rem;}
  .MO #lnb > li .lnb_sub ul.depth03 {font-size:1.8rem;}
  .MO #lnb > li .lnb_sub ul.depth03 li {margin:2rem 0;}
  .MO #lnb > li .lnb_sub ul.depth03 li a {display:block;}
  .MO #lnb > li .lnb_sub ul.depth03 li a:before {content:''; display:inline-block; width:0.4rem; height:0.4rem; background:#333; transform:translateY(-0.5rem); margin-right:0.5rem;}
}
@media screen and (max-width:1024px) {
	.MO #openMenu.close span:nth-of-type(2) {top: 8px;left:11px; }
  .MO #openMenu.close span:last-of-type {top:24px;left: 9px; }
}
@media screen and (max-width:768px) {
	.MO #openMenu.close span:nth-of-type(2) {top: 8px;left:11px; }
  .MO #openMenu.close span:last-of-type {top:22px;left: 9px; }
}

.mlanguage,
.mobile_sear {display:none;}

#container {margin-top:15rem; }
@media screen and (max-width:1280px) {
  #container {margin-top:0; }
}


.toptitwrap {margin-bottom:5rem;}

#spotWrap {position:relative; height:20rem; z-index:2;}
#spotWrap > * {position:relative; z-index:1;}
#spotWrap:before {content:''; display:flex; justify-content:flex-end; align-items:flex-end; width:2560px; position:absolute; top:5rem; right:35%; height:15rem; border-radius:0 30rem 30rem 0; text-transform:uppercase; overflow:hidden; font-size:13rem; color:rgba(209,228,246,0.5); font-family: 'RiaSans-ExtraBold'; line-height:0.7em; z-index:0;
background: -webkit-gradient(linear, left top, right top, color-stop(0, #ebf3f0), color-stop(1, #daedfe));
	background: -moz-linear-gradient(left, #ebf3f0 60%, #daedfe 100%);
	background: -webkit-linear-gradient(left,  #ebf3f0 60%, #daedfe 100%);
	background: -o-linear-gradient(left,  #ebf3f0 60%, #daedfe 100%);
	background: -ms-linear-gradient(left,  #ebf3f0 60%, #daedfe 100%);
	background: linear-gradient(left,  #ebf3f0 60%, #daedfe 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ebf3f0', endColorstr='#daedfe', gradientType=1);
}
#spotWrap h2 {font-size:7rem; font-weight:800; color:#000; line-height:1.2em;}
#spotWrap h2 strong {font-weight:800; display:block; letter-spacing:-0.1rem;}

/*
#spotWrap[class^="subT05"]:before {content:'business';}
#spotWrap[class^="subT04"]:before {content:'schedule';}
#spotWrap[class^="subT06"]:before {content:'program';}
#spotWrap[class^="subT01"]:before {content:'curation';}
#spotWrap[class^="subT02"]:before {content:'reading';}
#spotWrap[class^="subT03"]:before {content:'community';}
*/

.spot_list {display:flex; margin-top:5rem;}
.spot_list li:after {content:'\ea6e'; display:inline-block; font-family: remixicon !important; font-style: normal; -webkit-font-smoothing: antialiased; margin:0 0.5rem; opacity:0.4;}
.spot_list li:last-child:after {display:none;}
.spot_list li:first-child a {background:url(/bb/images/common/home.png) no-repeat 50% 0; text-indent:-9999px; width:2rem; height:2rem; display:inline-block;}

#snbWrap {position:relative; z-index:1; display:flex; align-items:center; padding:5rem 0 5rem 8rem; font-size:2rem;}
#snbWrap > * {position:relative; z-index:0;}
#snbWrap:before {content:''; background:url(/bb/images/common/sspot.png) no-repeat 0 bottom; width:2560px; height:25rem; display:block; position:absolute; bottom:0; left:0;}
#snbWrap .sbtit {font-size:1.5rem; font-family: 'GmarketSansMedium';}
#snbWrap .sbtit:after {content:''; display:inline-block; width:8rem; height:1px; background:#ccc; transform:translateY(-0.2rem); margin:0 3rem;}
#snbWrap .sbtit a {padding-right:2.5rem;  background:url(/bb/images/common/home.png) no-repeat right 0; transform:translateY(0.2rem); display:inline-block; line-height:2rem; color:#000; opacity:0.5;  transition:all .2s;}
#snbWrap .sbtit a:hover {opacity:1;}
#snbWrap nav > ul {display:flex; font-weight:700; flex-wrap:wrap;} 
#snbWrap nav > ul > li {margin:1rem 5rem 1rem 0;}
#snbWrap nav > ul > li:last-child {margin-right:0;}
#snbWrap nav > ul > li > a {color:#c2c2c2; transition:all .2s;}
#snbWrap nav > ul > li > a:hover {color:#666;}
#snbWrap nav > ul > li.on > a {color:#000;}

@media screen and (max-width:1280px) {
  #spotWrap { height:auto;  padding:3rem; text-align:center;}
  #spotWrap:before {width:100%; position:absolute; top:0; right:0; height:100%; border-radius:0; font-size:8rem; }
  .spot_list {margin-top:2rem; display:flex; justify-content: center;}

  #snbWrap {padding:3rem; background:#f7f8fd; width:calc(100% + 3rem); margin-left:-1.5rem; justify-content:center;}
  #snbWrap:before {display:none;}
  #snbWrap .sbtit {display:none;}
  #snbWrap nav > ul {justify-content:center;}
  #snbWrap nav > ul > li {margin:1rem 2rem!important;}
}
@media screen and (max-width:768px) {
  #spotWrap h2 {font-size:5rem;  line-height:1em;}
  #spotWrap h2 span {font-size:3rem; display:block; line-height:1em; margin-top:1rem;}
  #snbWrap {display:none;}
}


footer {padding:3rem 0 2rem!important; text-align:center; margin-top:5rem!important; border-top:1px solid #dedede!important;}
footer h6 {margin-bottom:4rem;}
footer .footer_sns{margin-bottom:4rem; display: flex; align-items: center; justify-content: center;}
footer .footer_sns a{display: flex; align-items: center;  justify-content: center; color:#000; font-weight: 600;}
footer .footer_sns a i {font-size:2.2rem; color:#000; transform: translateY(0.1rem); display:inline-block; margin-right:1rem; border-radius:50%; background:#f2f2f2; width:4.5rem; height:4.5rem;     display: flex;  align-items: center;  justify-content: center;}
footer .footer_sns a:nth-of-type(1) i {font-size:2.2rem; }
footer .footer_sns a:nth-of-type(2) i {font-size:2rem; transform: translateY(0rem); }
footer .footer_sns a + a{margin-left:3rem;}

footer .footer_sns a:hover i{color:#fff; background:#000;} 

footer .copyright,
footer address {color:rgba(0,0,0,0.5); font-size:1.7rem; font-family: 'S-CoreDream'; font-weight:400; line-height:1.6em;}

@media (max-width:1024px){
  footer { padding:2rem 0!important; margin-top:5rem;}
  footer h6 {max-width:15rem; margin:0 auto 2rem;}
  footer h6 img {width:100%;}
  footer .copyright,
  footer address {font-size:1.3rem;}
}



/* 위로 이동 버튼 */
.btn_scroll_top { position: fixed;right:6%;bottom: 6%;width:10rem;height:10rem; border-radius: 50%;background: #1369b4!important; -webkit-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;z-index: 5;-webkit-box-shadow: 0px 0px 11px 0 rgba(0,0,0,0.3);-moz-box-shadow: 0px 0px 11px 0 rgba(0,0,0,0.3);box-shadow: 0px 0px 11px 0 rgba(0,0,0,0.3); color:#fff; }
.btn_scroll_top:hover {background-color:#263561;background-position:  -47px -99px; }
.btn_scroll_top span {width:100%; height:100%; display:flex; display:flex; align-items:center; justify-content: center; flex-direction:column;}
.btn_scroll_top span i {font-size:3rem; margin-bottom:1rem;}
.btn_scroll_top:hover i {color:#fff;}
.btn_scroll_top:hover span {color:#fff;}
@media screen and (max-width:1800px) {
	.btn_scroll_top {right: 4%;}
}
@media screen and (max-width:1700px) {
	.btn_scroll_top {right: 2%;}
}
@media screen and (max-width:1600px) {
	.btn_scroll_top {right: 2%;}
}
@media screen and (max-width:1400px) {
	.btn_scroll_top {right: 2%;bottom: 2%;}
}
@media screen and (max-width:1024px) {
	.btn_scroll_top {background-color: rgba(51,51,51,0.9);background-position:  -47px -99px;border-color: #bbb; bottom:14rem; width:7rem; height:7rem;}
}
.blur-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; backdrop-filter: blur(5px); z-index:-10; pointer-events: none; /* 클릭 이벤트를 방지 */ display:none;
}


.personal {position:relative; background:#f8f8f8 url(/common/img/common/personal_bg.jpg) no-repeat 50% 0; padding:50px 50px 75px 50px; display:flex; background-size:100%;}
.personal >div {border-radius:40px; background:#fff; width:46%; text-align:center; position:relative; margin:0 2%; padding:50px; box-sizing:border-box;}
.personal >div h4 {font-family: 'GmarketSans'; font-size:3.0rem; font-weight:700; position:relative; margin-top:0; margin-bottom:30px;}
.personal >div h4::before {content:''; display:block; width:85px; height:85px; margin:0 auto 30px auto;}
.personal >div:first-child h4::before {background:url(/common/img/common/personal_01.png) no-repeat 50% 0;}
.personal >div:last-child h4::before {background:url(/common/img/common/personal_02.png) no-repeat 50% 0;}

.personal >div p {background:#f2f2f2; border-radius:40px; padding:20px; margin-bottom:20px; }
.personal >div p strong {color:#000;}
.personal >div input {border:0; border-radius:50px; padding:10px 20px 10px 60px; color:#fff; width:250px; text-align:left; font-size:2.0rem; font-weight:500; box-sizing:border-box; position:absolute; bottom:-25px; left:calc(50% - 125px);}
.personal >div:first-child input {background:#b71f25 url(/common/img/common/personal_btnbg.png) no-repeat 170px 50%;}
.personal >div:last-child input {background:#005dce url(/common/img/common/personal_btnbg.png) no-repeat 170px 50%;}

@media all and (max-width:1024px){
.personal {padding:50px 20px 75px 20px;}
.personal >div {padding:20px;}
}

@media all and (max-width:620px){
	.personal {display:block;}
	.personal >div {width:100%;}
	.personal >div:last-child {margin-top:50px;}
}