hr {display:none;}
.flex_column {  flex-direction: column;}
.modal-open {overflow: hidden;}
.br10 {border-radius:10px;}

body {
font-size: 16px;
font-family:  "Noto Sans KR", "Apple SD Gothic Neo", Arial, sans-serif;
color: #555;
direction: ltr;
overflow-y: scroll;
} 

.mobile_enter {display:inline-block;}

.blind {position:absolute; top:0; left:0; overflow:hidden; width:1px; height:1px; font-size:1px; line-height:0; color:transparent !important; clip:rect(0 0 0 0);}
.hidden {position:absolute; top:-10000em; visibility:hidden; overflow:hidden; height:0px; width:0px;}
.IR {overflow:hidden; position:absolute; width:1px; height:1px; margin:-1px; padding:0; border:0 none; clip:rect(0, 0, 0, 0);}
.gray_line {width:100%; height:1px; background-color:#ddd;}

@font-face {
	font-family: 'Pretendard-Regular';
	src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
	font-weight: 400;
	font-style: normal;
}
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable.min.css");

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

 @font-face {
    font-family: 'Cafe24Ssurround';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2105_2@1.0/Cafe24Ssurround.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


 @import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);
 @import url(https://fonts.googleapis.com/css2?family=Yellowtail&display=swap);

  

.notosanskr * { 
 font-family: 'Noto Sans KR', sans-serif;
}

@font-face {
    font-family: 'GmarketSansMedium';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'JalnanGothic';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_231029@1.1/JalnanGothic.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


@font-face {
font-family: 'Giants-Bold';
src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2307-1@1.1/Giants-Bold.woff2') format('woff2');
font-weight: 700;
font-style: normal;
}

.font_yellowtail {font-family: 'Yellowtail', cursive;}


@font-face {
font-family: 'Yellowtail';
src: url(/font/Yellowtail-Regular.ttf) format('woff');
}

@import url('https://fonts.googleapis.com/css2?family=Yellowtail&display=swap');
 
@import url(//fonts.googleapis.com/earlyaccess/nanummyeongjo.css);

.nanummyeongjo * {
 font-family: 'Nanum Myeongjo', serif;
}

@font-face {
    font-family: 'Cafe24Shiningstar';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_twelve@1.1/Cafe24Shiningstar.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}





/*·ÎµùÀ̹ÌÁö*/
.load {
width: 100%;
height: 100%;
position: fixed;
display: flex;
align-items: center;
justify-content: center;
opacity: 0.8;
z-index: 9999;
text-align: center;
background-color:#222;
flex-direction: column;
}

.load > i {z-index: 10000;color:#fff; font-size:30px;  }
.load p {color:#fff;   opacity: 0.8;  margin-top:10px;}

.clear {clear:both;}

.position_r {position:relative;}

.flex {display:flex;}

span.icon {font-family : xeicon;}

.tablet_hidden {display:block;}

a {  transition:0.2s;}
 
li {list-style:none;}
.tc {text-align:center!important;}
.tl {text-align:left!important;}
.tar {text-align:right!important;}
.fr {float:right;}
h3 {font-size:22px; font-weight:bold;   color:#222;}
h4 {font-size:18px; font-weight:bold; padding:10px 0; color:#222;}
h5 {font-size:16px; font-weight:bold; padding:10px 0; color:#222;}
p, span {font-size:15px;  font-family: 'Noto Sans KR', sans-serif;}


.mt-10{margin-top:-8px;}

input::placeholder {color: #999!important; font-size:13px; }

.flex_space-between {display: flex;justify-content: space-between;}



.toggle-switch_wrap {display:flex;  align-items: center; justify-content: center;  border-radius:10px;   margin:20px auto; }
.toggle-switch_wrap p {margin-right:10px; font-weight:bold; color:#222; font-size:16px;}
.toggle-switch {position: relative;width: 60px;height: 30px;  } 
.toggle-checkbox {display: none; }
.toggle-label {position: absolute;cursor: pointer;top: 0;left: 0;right: 0;bottom: 0;background-color: #ccc;border-radius: 30px;transition: background-color 0.3s;}
.toggle-checkbox:checked + .toggle-label {background-color: #8242e5;}
.toggle-label:before {position: absolute;content: "";height: 22px;width: 22px;left: 4px;
bottom: 4px;background-color: white;border-radius: 50%;transition: transform 0.3s;}

.toggle-checkbox:checked + .toggle-label:before {transform: translateX(26px);}

.reponsive_wrap  {width:96%; max-width:1020px; margin:25px auto; overflow:hidden; box-sizing:border-box;}
.reponsive_wrap h3 {  font-size:22px; font-weight:bold;  margin:0px 0 15px 0; color:#222;}
.reponsive_wrap h3 + p {margin-bottom:20px; font-size:16px;  }


.reponsive_wrap02  {width:96%; max-width:1020px; margin:20px auto; overflow:hidden; box-sizing:border-box;}
.reponsive_wrap02 h3 {  font-size:22px; font-weight:bold;  margin:0px 0 15px 0; color:#222;}
.reponsive_wrap02 h3 + p {margin-bottom:20px; font-size:16px;}

.reponsive_wrap1200  {width:96%; max-width:1200px; margin:25px auto; overflow:hidden; box-sizing:border-box;}


.reponsive_wrap20  {width:96%; max-width:1020px; margin:40px auto; overflow:hidden; box-sizing:border-box;}
.reponsive_wrap20 h3 {  font-size:22px; font-weight:bold;  margin:10px 0 15px 0; color:#222;}
.reponsive_wrap20 h3 + p {margin-bottom:20px;   font-size:16px;}

.reponsive_wrap20 .h3_p {font-size:16px; margin-top:-10px;}

.reponsive_wrap_swipe  {width:100%; max-width:1020px; margin:20px auto; overflow:hidden; box-sizing:border-box;}
.reponsive_wrap_swipe h3 {  font-size:22px; font-weight:bold;  margin:10px 0 15px 0px; color:#222;}
.reponsive_wrap_swipe h3 + p {margin-bottom:20px; font-size:16px;  }

.reponsive_wrap_swipe02  {width:100%; max-width:1020px; margin:20px auto; overflow:hidden; box-sizing:border-box;}

.swiper_now_shorts_wrap  h3 {  font-size:22px; font-weight:bold;  margin:10px 0 15px 0; color:#222;}
.swiper_now_shorts_wrap h3 + p {margin-bottom:20px;   font-size:16px;}



.pt80 {padding:80px 0;}
.pt40 {padding:40px 0;}
.pt20 {padding:20px 0;}
.mb5 {margin-bottom:5px;}
.mb10 {margin-bottom:10px;}
.mt10 {margin-top:10px;}
.mt20 {margin-top:20px;}
.mt30 {margin-top:30px;}
.mt40 {margin-top:40px;}
.mt50 {margin-top:50px;}



.point_red {color:#fb3162;}
.point_red02 {color:#cf0000;}
.point_blue {color:#007bff;}
.point_purple {color:#7b1ac6!important;}
.point_orange {color:#b9541f;}
.point_orange02 {color:#ff6000;}
.point_yellow {color:#ffea1e;}
.point_green {color:#c9e919;}
.point_brown {color:#9d7224;}
.point_pingk {color:#ff00cc}

.tc {text-align:center;}
.tl {text-align:left;}
.tr {text-align:right;}


.btn_normal {display:inline-block; font-size:18px; padding:15px 30px; border-radius:30px; margin:10px 0;  }
.btn100 {display:block; font-size:18px; padding:15px 30px; border-radius:30px; margin:10px 0;  }
.btn_purple {clear:both;color:#fff!important; background-color:#7b1ac6; border:1px solid #7b1ac6;}
.btn_purple:hover {background-color:#fff; color:#7b1ac6!important; border:1px solid #7b1ac6;}

.btn_blue {clear:both;color:#fff!important; background-color:#00a1ff; border:1px solid #00a1ff;}
.btn_blue:hover {background-color:#fff; color:#00a1ff!important; border:1px solid #00a1ff;}



.mobile_header_none .sc_Header {display:block}

.border-Line {border:1px dashed #f1f1f1; width:100%; max-width:1020px; margin:0 auto}
 

ul.cvf_uploaded_files {list-style-type: none; margin: 20px 0 0 0; padding: 0;}
ul.cvf_uploaded_files li {background-color: #fff; border: 1px solid #ccc; border-radius: 5px; float: left; margin: 20px 20px 0 0; padding: 2px; width: 80px; height: 80px; line-height: 80px; position: relative;}
ul.cvf_uploaded_files li img.img-thumb {width: 80px; height: 80px;}
ul.cvf_uploaded_files .ui-selected {background: red;}
ul.cvf_uploaded_files .highlight {border: 1px dashed #000; width: 80px; background-color: #ccc; border-radius: 5px;}
ul.cvf_uploaded_files .delete-btn {width: 15px; border: 0; position: absolute; top: -12px; right: -14px;}
.bg-success {padding: 7px;}



 


.btn_div {width:100%; display:flex; justify-content: center; align-items: center; gap:10px; }
.btn_div a {text-align:center; flex:1; display:block; padding:15px 20px; box-sizing:border-box;  margin:10px 0; border-radius:10px;}

.btn_div .black {background-color:#222; color:#fff;}
.btn_div .gray {background-color:#555; color:#fff;}
.btn_div .purple {background-color:#7243d3; color:#fff;}
.btn_div .blue {background-color:#2d60d7; color:#fff;}
.btn_div .orange {background-color:tomato; color:#fff;}
.btn_div .white {background-color:#fff; color:#222; border:1px solid #ddd; box-sizing:border-box;} 
.btn_div .purple02 {background-color:#f4ebfd; color:#7b2ecf; border:1px solid #bb88f1; box-sizing:border-box;} 
.btn_div .blue02 {background-color:#e2eafd; color:#2d60d7; border:1px solid #7a9ae1; box-sizing:border-box;} 




/*.scroll-design {
overflow-y: initial; }

.scroll-design {
overflow-y: overlay; }
@media (min-width: 1171px) {
 }

.scroll-design::-webkit-scrollbar-track-piece {
background-color: transparent; }

.scroll-design::-webkit-scrollbar-thumb {
border-radius: 3px;
background-color: #cccccc;
}

.scroll-design::-webkit-scrollbar {
width: 0px;
height: 0px;
background: transparent; }
@media (min-width: 1171px) {
.scroll-design::-webkit-scrollbar {
width: 10px; } }

::-webkit-scrollbar-track-piece {
background-color: #e5e5e5; }

::-webkit-scrollbar-thumb {
background-color: #cccccc; }

::-webkit-scrollbar {
width: 0px;
height: 0px;
background: transparent;
}

.infinite-scroll-container {
overflow-y: scroll;
height: 100%; }

.infinite-scroll-loading {
width: 100%;
display: flex;
margin: 5px 0 15px;
text-align: center; }
.infinite-scroll-loading .css-0 {
margin: auto; }*/





/*Çϴܾ۹è³Ê*/
.foot_app_down {position:relative; }
.foot_app_down ul {gap:10px; display:flex;}
.foot_app_down li a {box-shadow:4px 4px 5px rgb(0 0 0 / 9%);width:160px; text-align:center; border-radius:10px; padding:7px 10px; margin-bottom:15px;background-color:#f0f5f8;}
.foot_app_down li a img {max-width: 110px;width: 90%;}
 

.footer_flex {display:flex;  justify-content: space-between;}
.footer_right h4 {font-size:16px; padding-bottom:3px;}
.footer_right b {font-weight:bold;}
.footer_right .title {font-size:16px; margin-bottom:10px;}





/* »õ·Î¿î ž¸Þ´º */
.top_menu_new_wrap { max-width:1200px; width:100%;margin: 20px auto 10px auto; display: flex;align-items: center;align-content: center;justify-content: space-between;}
.top_menu_new {list-style: none; width:1000px;padding: 0;background-color: #fff;}
.top_menu_new > ul {display: flex;}
.top_menu_new > ul > li {position: relative;}
.top_menu_new > ul > li > a {display: block;padding: 6px 16px; text-decoration: none; color:#000; font-family: 'Pretendard'; font-size:18px;  margin-bottom:10px;}
.top_menu_new > ul > li > a:hover {color:#ff489d;  }
.top_menu_new > ul > li > a.over {color:#ff489d; background-color:#152a8b; border-radius:20px; font-weight:600;}
.top_menu_new > ul > li > ul {display: none;position: absolute;top: 100%;left: 50%; transform: translateX(-50%); background-color:#fff;padding: 0;min-width: 100px; padding:10px; border-radius:15px; box-shadow: 0px 4px 8px rgba(0,0,0,0.35);}
.top_menu_new > ul > li > ul > li > a {padding: 10px;  color:#444;text-decoration: none;display: block; border-bottom:1px solid #ddd;font-family: 'Pretendard'; font-size:16px; }
.top_menu_new > ul > li > ul > li >  a:hover {color:#ff489d; }
.top_menu_new > ul > li > ul > li:last-child a{border-bottom:0;}
.top_menu_new > ul > li:hover > ul {display: block;}
.top_menu_new > ul > li > ul > li > a:hover {}




.top_etc_menu  {display:flex; gap:10px; margin-right:10px;}


.top_etc_menu li {position:relative; padding-right:10px;}
.top_etc_menu li:after {content:''; position:absolute; right:0; top:50%; transform: translateY(-50%); width:1px; height:8px; background:#ebebeb;}
.top_etc_menu li:last-child:after {width:0;}


/* Mobile Device 1200 */
@media (max-width:1200px) {




}


/* Mobile Device 1000 */
@media (max-width:1000px) {

.reponsive_wrap_swipe h3 {    margin-left:20px;}
.reponsive_wrap_swipe h3 + p {  margin-left:20px;}

.reponsive_wrap_swipe  {width:100%; }




.foot_app_down {position:relative; margin:10px auto;right:0px;}


.foot_app_down ul {display:flex;  justify-content: center; align-items: center;}
.foot_app_down li {width:48%; margin:0 auto; box-sizing:border-box; }
.foot_app_down li a { width:100%; height:60px; line-height:60px; border-radius:10px; padding:10px; box-sizing:border-box;  }
.foot_app_down li a img {max-width:110px; width:90%;}

.footer_right {padding-left:40px; min-width:250px;}



.swiper_now_shorts_wrap  h3  {    margin-left:20px;}
.swiper_now_shorts_wrap h3 + p { margin-left:20px; }

.top_etc_menu {display:none;}
.top_menu_new_wrap {display:none;}
}




/* Mobile Device 800 */
@media (max-width:800px) {
.tablet_hidden {display:none;}


}





/* Mobile Device ÃÖ¼Ò ~ ÃÖ´ë 589 */
@media (max-width:640px) {
.reponsive_wrap { margin:0px auto 10px auto; width:calc(100% - 20px);   }
.reponsive_wrap1200 { margin:0px auto 10px auto; width:calc(100% - 20px);   }
.reponsive_wrap h3  {  font-size:18px; }
.reponsive_wrap h3 + p { font-size:13px; margin-bottom:10px;  }

.reponsive_wrap02 { margin:10px auto; width:calc(100% - 20px);   }
.reponsive_wrap02 h3  {  font-size:18px; }
.reponsive_wrap02 h3 + p { font-size:13px; margin-bottom:10px}


.swiper_nation_wrap h3 + p  { font-size:13px; margin-bottom:10px;  }



/*»ó´Ü¸¶Áø°ªÀÌ 20*/
.reponsive_wrap20 { margin:20px auto;width:calc(100% - 20px); }

.reponsive_wrap20 h3  {  font-size:18px; }
.reponsive_wrap20 h3 + p { font-size:13px; margin-bottom:10px;   margin-top: -10px;}

.swiper_now_shorts_wrap  h3  {  font-size:18px; }
.swiper_now_shorts_wrap h3 + p { font-size:13px;  margin-bottom:10px;   margin-top: -10px;}

.reponsive_wrap_swipe  {  margin:10px auto;  }
 
.reponsive_wrap_swipe h3   {  font-size:18px;margin-left:10px; margin-bottom:10px; }
.reponsive_wrap_swipe h3 + p { font-size:13px; margin-bottom:10px;margin-left:10px;}




.pt80 {padding:40px 0;}
.pt40 {padding:10px 0;}
.pt20 {padding:5px 0;}

h3 { font-size: 18px;}
h4 {font-size:16px;  padding:5px 0;}
h5 {font-size:14px; }

p, span {font-size:15px;}

.reponsive_wrap20 .h3_p {
font-size: 13px;
margin-top: -10px;
}


.btn_normal {padding:10px 20px;  border-radius:20px;  font-size:14px;}
.btn100 {padding:10px 20px;  border-radius:20px;  font-size:14px;}

.my_plan_check .txt p { font-size: 15px; line-height:140%;}

.mobile_header_none .sc_Header {display:none}

.btn_div a {  padding:10px 5px; font-size:14px; }

.btn_div { gap:5px; }


.footer_flex {flex-direction: column;}



.footer_right {border: 1px solid #ddd;padding: 10px 0 ;border-radius: 10px;display: flex;justify-content: space-around;}
.footer_right h4 {font-size: 14px; padding:0;}
.footer_right .title {font-size: 14px;margin-bottom: 0px;}
.footer_right p {font-size:13px;}
.swiper_now_shorts_wrap  h3  {    margin-left:10px;}
.swiper_now_shorts_wrap h3 + p { margin-left:10px; }


}




/* Mobile Device ÃÖ¼Ò ~ ÃÖ´ë 589 */
@media (max-width:500px) {



.mobile_enter {display:block;}

.foot_app_down li a img {  max-width: 100px;}
.foot_app_down li a {height: 50px;line-height: 50px;}


.c_btn.h40 p{ font-size: 13px !important;}

}