@import url("font.css");

/* reset */
*,*::before,*::after {  margin: 0;  padding: 0;  box-sizing: border-box; transition: transform 0.4s, background-color 0.4s, color 0.4s;}
* {}
html { scroll-behavior: smooth;}
html, body {}
body {  height: 100%;  font-family:'Montserrat', 'Noto Sans KR', sans-serif; scroll-behavior: smooth; overflow:auto;font-size: 17px; line-height: 1.5;color: rgba(0, 0, 0, 0.8);letter-spacing:-0.03em;-webkit-text-size-adjust: none;-webkit-font-smoothing: antialiased; font-weight:400;word-break:keep-all;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed,figure, figcaption, footer, header, hgroup,menu, nav, output, ruby, section, summary,time, mark, audio, video {
	margin: 0;	padding: 0;	border: 0;	 vertical-align: baseline; }
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {	display: block;}
ol, ul, li {	list-style: none;}
blockquote, q {	quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {	content: '';	content: none;}
table {	border-collapse: collapse;	border-spacing: 0;}
th, td {  vertical-align: middle;}
caption {display:none;}
a {  text-decoration: none; color: rgba(0, 0, 0, 0.8); transition: all 0.4s ease;}
a:focus-visible {  outline: none;}
textarea {  resize: none;}
img {  vertical-align: middle; width:100%;}
strong, b {  font-weight: bold;}
legend,.blind{position:absolute;top:0;left:-10000px;width:0;height:0;overflow:hidden;line-height:0}
button {  cursor: pointer; border:none; background-color: transparent;}
input, button, textarea, select {  font: inherit;   color: inherit;}
input[type="file"] { font: initial;}
input:focus, textarea:focus  { outline: none;}
input[type=checkbox], input[type=radio] { width:18px; height:18px; }
input::placeholder { color:rgba(0, 0, 0, 0.5);}
select {/*appearance: none;-webkit-appearance: none;-moz-appearance: none; background:url(/assets/images/docu/write_ar.svg) no-repeat right 16px center;*/}
select:focus { outline: none;}
::-moz-selection { background: #444; color: #fff;}
::selection { background: #444; color: #fff;}
.wow {  visibility: hidden;}
.wow.animated {  visibility: visible !important;}
h1.no {position: absolute;  width: 1px;  height: 1px;  padding: 0;  margin: -1px;  overflow: hidden;  clip: rect(0, 0, 0, 0);  white-space: nowrap;  border: 0;}



/* -------------Layout------------- */
#wrap {width:100%; position:relative; min-width:1400px; overflow:hidden; z-index:0; }
.pp { display:inline-block!important;}
.mm { display:none!important;}
.topmenu_w { width:100%; position:fixed; top:0; z-index:1000; border-bottom:1px solid rgba(255, 255, 255, 0.15);}
.topmenu_w .topmenu { width:1800px; margin:0 auto; padding:30px 0; position:relative; transition: all 0.4s ease; z-index:1000;}
.topmenu_w .topmenu:after { content:''; display:block; clear:both;}
.topmenu_w .topmenu .logo { float:left; width:166px; position:relative; top:0px;}
.topmenu_w .topmenu .logo img {filter: brightness(0) invert(1);}
.topmenu_w .topmenu .menu_w { width:calc(100% - 330px); float:left;}
.topmenu_w .topmenu .menu_w .menu_f { display:flex; width:1200px; margin:0 auto; }
.topmenu_w .topmenu .menu_w .menu_f .menu { width:100%; position:relative;}
.topmenu_w .topmenu .menu_w .menu_f .menu .m_tit,
.topmenu_w .topmenu .menu_w .menu_f .menu .m_tit a  { display:block; text-align:center; height:50px; line-height:50px; font-size:1.25rem; font-weight:500; color:rgba(255, 255, 255, 0.8);}
.topmenu_w .topmenu .menu_w .menu_f .menu .m_tit a:hover { color:#fff;}
.topmenu_w .topmenu .menu_w .menu_f .menu .m_sub { display:none;}
.topmenu_w .topmenu .menu_w .menu_f .menu .m_sub > li > a { display:block; text-align:center; padding:5px;}
.topmenu_w .topmenu .menu_w .menu_f .menu .m_sub { border-radius:10px; text-align:center; background:#fff; box-shadow: 3px 3px 10px 0px rgba(0, 0, 0, 0.2); width:200px; position:absolute; padding:20px 0; left:-50px; top:50px;}
.topmenu_w .topmenu .menu_w .menu_f .menu .m_sub:before { content:''; display:block; width:15px; height:9px; background:url(../../images/common/topmenu_ar.png) no-repeat; background-size:100% 100%; position:absolute; top:-9px; left:90px;}
.topmenu_w .topmenu .menu_w .menu_f .menu .m_tit i { display:none;}
.topmenu_w .topmenu .menu_w .menu_f .menu .m_sub .m_sub_ { display:none;}
.topmenu_w .topmenu .menu_w .menu_f .menu.bb { width:130%;}
.topmenu_w .topmenu .menu_w .menu_f .menu.ss { width:85%;}
.topmenu_w .topmenu .menu_w .menu_f .menu .ic { display:none;}
.topmenu_w .topmenu .menu_w .menu_f .menu:nth-child(1) { }
.topmenu_w .topmenu .menu_w .menu_f .menu:nth-child(2) { }
.topmenu_w .topmenu .menu_w .menu_f .menu:nth-child(3) { }
.topmenu_w .topmenu .menu_w .menu_f .menu:nth-child(4) { }
.topmenu_w .topmenu .menu_w .menu_f .menu:nth-child(5) { }
.topmenu_w .topmenu .menu_w .menu_f .menu:nth-child(6) { width:160%;}
.topmenu_w .topmenu .menu_w .menu_f .menu:nth-child(7) { }
.topmenu_w .topmenu .menu_w .menu_f .menu:nth-child(8) { }
.topmenu_w .topmenu .menu_w .menu_f .menu:nth-child(9) { width:130%;}
.topmenu_w .topmenu .menu_w .menu_f .menu:nth-child(10) { }
.topmenu_w .topmenu .spot { float:right; width:100px; text-align:right; }
.topmenu_w .topmenu .spot i { font-size:2.5rem; color:#fff; cursor:pointer;}
.topmenu_w .topmenu .spot .i-bars { padding-left:10px;}
.topmenu_w.wh,
.topmenu_w.he  {  box-shadow: 0px 5px 6px rgba(0, 0, 0, 0.1); background:#fff;}
.topmenu_w.wh .topmenu .logo img,
.topmenu_w.he .topmenu .logo img {filter: none;}
.topmenu_w.wh .topmenu .spot i,
.topmenu_w.he .topmenu .spot i  { color:#000;}
.topmenu_w.wh .topmenu .menu_w .menu_f .menu .m_tit,
.topmenu_w.wh .topmenu .menu_w .menu_f .menu .m_tit a ,
.topmenu_w.he .topmenu .menu_w .menu_f .menu .m_tit,
.topmenu_w.he .topmenu .menu_w .menu_f .menu .m_tit a { color:#000;}
.topmenu_w.he .topmenu { padding-top:15px; padding-bottom:15px;}
.topmenu_m { display:none;}
.topmenu_m .top { overflow:hidden; padding:10px 15px 0 15px; height:50px;position:fixed; top:0px; width:100%; background:#fff; z-index:1000;box-shadow:0px 5px 5px rgba(0, 0, 0, 0.1); z-index:200;}
.topmenu_m .top .logo { float:left;} 
.topmenu_m .top .logo img { height:30px;}
.topmenu_m .top .bar { float:right; cursor:pointer;}
.topmenu_m .top .bar i { font-size:2.3rem;}
.topmenu_m .menu_m { border-top:1px solid rgba(0, 0, 0, 0.1); background:#fff; height:100%; position:fixed; top:50px; width:100%;z-index:999; display:none;}

.topmenu_m .menu_m .spot { display:flex; padding:10px; display:none;}
.topmenu_m .menu_m .spot li { width:100%; margin:3px;}
.topmenu_m .menu_m .spot li a { display:block; border-radius:5px; text-align:center;height:32px; line-height:30px; font-size:1.0rem; border:1px solid rgba(0, 0, 0, 0.1); box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.05);}
.topmenu_m .menu_m .spot li a i { display:inline-block; width:20px; height:20px; border-radius:50%; text-align:center; line-height:20px; background:#eda5ba; font-size:0.9rem;}
.topmenu_m .menu_m .spot li a i:before { color:#fff;}

.topmenu_m .menu_m .menu .m_tit { font-size:1.3rem; font-weight:500; border-bottom:1px solid rgba(0, 0, 0, 0.1); padding:15px 15px 15px 44px; line-height:1.1em;}
.topmenu_m .menu_m .menu .m_tit i { font-size:1.3rem; color:rgba(0, 0, 0, 0.3); padding-right:10px;}
.topmenu_m .menu_m .menu .m_tit a {font-size:1.3rem; font-weight:500;}
.topmenu_m .menu_m .menu .m_sub { background:rgba(0, 0, 0, 0.03); display:none;}
.topmenu_m .menu_m .menu .m_sub > li > a { display:block; padding:10px 20px 10px 45px; font-size:1rem; border-bottom:1px solid rgba(0, 0, 0, 0.05);}
.topmenu_m .menu_m .menu .m_sub .m_sub_ { display:none; background:#efefef; padding:0px 0 15px 45px;}
.topmenu_m .menu_m .menu .m_sub .on {background:#efefef; }
.topmenu_m .menu_m .menu .m_sub .on > a { border:none;}
.topmenu_m .menu_m .menu .m_sub .plus > a { position:relative;}
.topmenu_m .menu_m .menu .m_sub .plus > a:after { content:'+'; display:block; position:absolute; top:12px; right:15px; color:rgba(0, 0, 0, 0.5); font-size:1.5rem; line-height:1.0rem;}
.topmenu_m .menu_m .menu .ic { position:absolute; top:12px; left:17px;}
.topmenu_m .menu_m .menu .ic img { width:17px;}
.topmenu_m .menu_m .menu { position:relative;}
.footer_w {width:100%; background:#fff; border-top:1px solid rgba(0, 0, 0, 0.1);}
.footer_w .footer {width:1400px; margin:0 auto; padding:60px 0; position:relative; overflow:hidden;}
.footer_w .footer .con { float:left; }
.footer_w .footer .footer_menu { float:right; text-align:right; padding-top:35px;}
.footer_w .footer .footer_menu li { display:inline-block; margin:2px 8px; font-size:0.93rem;}
.footer_w .footer .footer_copy {  margin-bottom:20px; width:500px;}
.footer_w .footer .footer_copy li { display:inline-block; font-size:0.9375rem; color:rgba(0, 0, 0, 0.6); line-height:1.3rem; margin:2px 5px; }
.footer_w .footer .copyright { font-size:0.93rem; color:rgba(0, 0, 0, 0.5);}
.footer_w .footer .copyright b {font-size:0.93rem; color:#000; font-weight:500;}
.footer_w .footer .footer_top { position:absolute; top:50px; right:0;}
.footer_w .footer .footer_top a {display:inline-block; width:30px; height:30px; line-height:30px; text-align:center; background:rgba(0, 0, 0, 0.05); cursor:pointer;} 
.footer_w .footer .footer_top a i { display:block;line-height:30px;}
.footer_w .footer .footer_call { text-align:center; margin-bottom:10px;}
.footer_w .footer .footer_call a { display:block; font-size:2rem; letter-spacing:normal; font-weight:700;}
.footer_w .footer .footer_call a i {font-size:1.7rem;}
.main_contents { margin-top:0px;}
.gnb_w { position:fixed; top:0; left:0; z-index:10000; width:100%; height:100%;  padding:30px 0; background:#fff;transition: 0.3s ease; overflow:auto;visibility: hidden;opacity: 0;}
.gnb_w.active {opacity: 1; visibility: visible;}
.gnb_w .gnb { max-width:1800px; margin:0 auto; position:relative;}
.gnb_w .gnb .top { display:flex;align-items: center; justify-content: space-between;}
.gnb_w .gnb .top .logo { width:135px;flex: 0 0 auto; }
.gnb_w .gnb .top .bar i {cursor:pointer; font-size:2.5rem;}
.gnb_w .gnb .con { margin:0 auto; width:1400px; overflow:hidden;}
.gnb_w .gnb .con .menu { background:rgba(0, 0, 0, 0.03); border-radius:20px; height:390px; padding:30px 35px; width:calc(100% / 5 - 12px); margin:6px; float:left; position:relative; overflow:hidden;}
.gnb_w .gnb .con .menu .m_tit { font-size:1.5rem;font-family: 'Gmarket'; margin-bottom:10px; line-height:1.2em;}
.gnb_w .gnb .con .menu .m_tit i { display:none;}
.gnb_w .gnb .con .menu .m_sub > li > a { display:block; font-size:1.05rem; padding:3px 0px 3px 13px; position:relative;}
.gnb_w .gnb .con .menu .m_sub > li > a:hover { text-decoration:underline;}
.gnb_w .gnb .con .menu .m_sub > li > a:before { content:''; display:block; width:5px; height:2px; background:#000; position:absolute; left:0; top:13px;}
.gnb_w .gnb .con .menu .ic { opacity:0.2; position:absolute; right:-5px; bottom:-10px; width:90px;transform: rotate(10deg);}
.gnb_w .gnb .con .menu .m_sub .m_sub_ { padding-left:15px;}
.gnb_w .gnb .con .menu .m_sub .m_sub_ li a { color:rgba(0, 0, 0, 0.4); padding:0 2px;}
.gnb_w .gnb .con .menu .m_sub .m_sub_ li a:hover { text-decoration:underline;}
.gnb_w .gnb .con .menu:nth-child(1),
.gnb_w .gnb .con .menu:nth-child(2),
.gnb_w .gnb .con .menu:nth-child(3),
.gnb_w .gnb .con .menu:nth-child(4),
.gnb_w .gnb .con .menu:nth-child(5)  { height:300px;}
.gnb_w .gnb .con .menu:nth-child(6),
.gnb_w .gnb .con .menu:nth-child(7),
.gnb_w .gnb .con .menu:nth-child(8),
.gnb_w .gnb .con .menu:nth-child(9),
.gnb_w .gnb .con .menu:nth-child(10) { height:150px;}
.gnb_w.he { padding-top:18px;}
.sub_w { background:url(../../images/common/sub_visual.jpg) no-repeat top center;}
.sub_w .sub_contents { width:1400px; margin:0 auto; margin-bottom:80px; margin-top:80px;}
.sub_w .sub_visual { height:340px;}
.sub_w .sub_visual .tit { text-align:center; padding-top:190px;}
.sub_w .sub_visual .tit dt {font-family: 'Gmarket'; font-size:4.0rem; color:#fff; line-height:1.0em;text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2);}
.sub_w .sub_visual .tit dd { color:rgba(255, 255, 255, 0.7);text-transform: uppercase; letter-spacing:5px; font-size:0.8125rem; font-weight:bold; padding-top:10px;}
.sub_w .sub_tit { text-align:center; margin:0 auto; position:relative;}
.sub_w .sub_tit .tit { font-size:2.0rem; font-weight:500; display:none;}
.sub_w .sub_tit .sub_tit_btn { display:none;}
.sub_w .sub_tit .sub_tab {}
.sub_w .sub_tit .sub_tab .stab1 { display:flex; width:1400px; margin:0 auto; display:none;}
.sub_w .sub_tit .sub_tab .stab1 li { width:100%; position:relative;}
.sub_w .sub_tit .sub_tab .stab1 li + li:before { content:''; display:block; width:1px; height:10px; background:rgba(255, 255, 255, 0.5); position:absolute; top:25px; left:0;}
.sub_w .sub_tit .sub_tab .stab1 li a { height:62px; line-height:62px; font-size:1.25rem;display:block;font-family: 'gyeong'; color:#fff;text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);}
.sub_w .sub_tit .sub_tab .stab1 .on a { color:#6c5135;text-shadow:none; border-radius:20px 20px 0 0; background:#fff; position:relative; top:12px; font-weight:bold;}
.sub_w .sub_tit .sub_tab .stab2 { margin-top:40px; }
.sub_w .sub_tit .sub_tab .stab2 li { display:inline-block; margin:2px;}
.sub_w .sub_tit .sub_tab .stab2 li a { display:block; border-radius:50px; background:rgba(0, 0, 0, 0.05); padding:10px 40px; min-width:100px;}
.sub_w .sub_tit .sub_tab .stab2 .on a { background-image: linear-gradient(to bottom, #ffafda, #e77e9d); color:#fff;box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.1);}
.quick_w { position: fixed;  right: 25px;  bottom: 25px;  width: 100px;  z-index: 100;  }
.quick_w .top a {  display: flex;  width: 100px;  height: 100px;  border-radius: 50%;  background: #fff;  text-align: center;  color: #df7a98;  justify-content: center;  align-items: center;  flex-direction: column;  font-weight: bold;  font-size: 0.9rem;  box-shadow: 4px 4px 6px 0 rgba(0, 0, 0, 0.1);  margin-top: 12px;}
.quick_w .top a i {transition: transform 0.3s ease;;}
.quick_w .top a:hover i {  transform: translateY(-10px);}
.quick_w .qc {  width: 100px;  height: 100px;  border-radius: 50%;  background: #df7a98;  color: #fff;  display: flex;  justify-content: center;  align-items: center;  flex-direction: column;  font-weight: bold;  cursor: pointer;  box-shadow: 4px 4px 6px 0 rgba(0, 0, 0, 0.1);  position: relative;  overflow: hidden;}
.quick_w .qc p {  margin: 0;  transition: 0.2s; display:block;font-size: 0.9rem; position:relative; top:-18px;}
.quick_w .qc i {  font-size: 2.5rem;  margin-bottom: 4px;  opacity: 0;  transform: scale(0.7) rotate(0deg);  transition: transform 0.3s ease, opacity 0.3s ease;  display: block;   /* 항상 block 으로 두기 */}
.quick_w .list {  position: absolute;  bottom: 220px;  right: 10px;  display: flex;  flex-direction: column;  gap: 5px;  opacity: 0;  pointer-events: none;  transform: translateY(20px);  transition: 0.3s;}
.quick_w .list li a {  display: flex;  width: 80px;  height: 80px;  border-radius: 50%;  background: #df7a98;  color: #fff;  text-align: center;  justify-content: center;  align-items: center;  flex-direction: column;  font-size: 0.8rem;  text-decoration: none;
  box-shadow: 4px 4px 6px 0 rgba(0, 0, 0, 0.15);}
.quick_w .list li a:hover { background:#cd6382;}
.quick_w .list li a i {  margin-bottom: 4px; font-size:1.5rem;}
.quick_w.open .qc p { display:none;  opacity: 0;  transform: scale(0.7);}
.quick_w.open .qc i {  opacity: 1;  transform: scale(1) rotate(90deg);}
.quick_w.open .list {  opacity: 1;  pointer-events: auto;  transform: translateY(0);}
.main_popup_w {position:relative; width:1400px; height:0; margin:0 auto;z-index:99;}
.main_popup_w .main_popup { background:#fff; z-index:99; border:1px solid #1c1c1c; position:absolute; box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.3); }
.main_popup_w .main_popup .btn { overflow:hidden;background:#1c1c1c;}
.main_popup_w .main_popup .btn dt { float:left; padding:10px ;}
.main_popup_w .main_popup .btn dt a { font-size:0.95rem; color:#fff; cursor:pointer;}
.main_popup_w .main_popup .btn dd { float:right; text-align:right; padding:10px;}
.main_popup_w .main_popup .btn dd a { text-align:right; font-size:0.9rem; color:rgba(255, 255, 255, 0.5);cursor:pointer;}
.main_popup_w .main_popup .main_popup_con { overflow:hidden;}
.main_popup_w .main_popup .main_popup_con .ppp { display:block;}
.main_popup_w .main_popup .main_popup_con .mmm { display:none;}
.main_popup_w .main_popup .main_popup_con img { width:100%;}


@media only screen and (max-width: 1820px) {
.topmenu_w .topmenu { width:100%; padding-left:20px; padding-right:20px;}
.gnb_w {padding-left:20px; padding-right:20px;}
.gnb_w .gnb {  width:100%;}
}


@media only screen and (max-width: 1520px) {
#wrap {min-width:inherit;}
.topmenu_w .topmenu { padding-top:20px; padding-bottom:20px;}
.topmenu_w .topmenu .menu_w { width:calc(100% - 250px);}
.topmenu_w .topmenu .menu_w .menu_f { width:100%;}
.topmenu_w .topmenu .menu_w .menu_f .menu .m_tit, 
.topmenu_w .topmenu .menu_w .menu_f .menu .m_tit a { font-size:1.1rem;}
.topmenu_w .topmenu .menu_w .menu_f .menu .m_sub > li > a { font-size:0.9rem; padding:2px;}
.topmenu_w .topmenu .logo { width:130px; margin-right:20px;}
.topmenu_w .topmenu .spot i { font-size:1.9rem; position:relative; top:10px;}
.footer_w .footer { width:calc(100% - 0px); padding:40px 20px;}
.footer_w .footer .footer_logo { width:180px; margin-right:40px; }
.footer_w .footer .con {}
.gnb_w .gnb .con { width:100%; }
.gnb_w .gnb .con .menu { padding:20px 25px; height:350px;}
.gnb_w .gnb .con .menu .m_tit { font-size:1.5rem; margin-bottom:10px;}
.gnb_w .gnb .con .menu .m_sub > li > a { font-size:1.0rem; padding:2px 0x 2px 15px;}
.gnb_w .gnb .con .menu .m_sub .m_sub_ li a { font-size:0.95rem;}
.gnb_w .gnb .con .menu .ic { width:50px; right:15px; bottom:15px;}
.gnb_w .gnb .top .bar i { font-size: 1.9rem;}
.sub_w .sub_contents {  width:calc(100% - 0px); padding-right:20px; padding-left:20px; margin-bottom:50px;}
.sub_w .sub_tit .sub_tab .stab1 { width:calc(100% - 0px);padding-right:20px; padding-left:20px; margin:0 auto;}
.quick_w {   right: 10px;  bottom: 10px;  width: 70px; }
.quick_w .top a {    width: 70px;  height: 70px; margin-top:5px;}
.quick_w .top a:hover i {  transform: translateY(-5px);}
.quick_w .qc {  width: 70px;  height: 70px; }
.quick_w .qc p {  top:-20px;}
.quick_w .list {  bottom: 150px;  right: 5px; }
.quick_w .list li a { width: 60px;  height: 60px;  }
.quick_w .list li a p { font-size: 0.7rem;}
.quick_w .list li a:hover { background:#cd6382;}
.quick_w .list li a i {  margin-bottom: 2px; font-size:1.2rem;}
.main_popup_w {width:100%; }

}

@media only screen and (max-width: 1150px) {
.topmenu_w { display:none;}
.topmenu_m { display:block;}
.topmenu_m .menu_m .spot {display: flex;}
.main_contents { }
.gnb_w  { display:none;}
.sub_w {margin-top:50px; }
.sub_w {background:none;}
.sub_w .sub_contents { padding-right:10px; padding-left:10px; width:calc(100% - 0px); margin-bottom:30px; margin-top:40px;}
.sub_w .sub_visual { display:none;}
.sub_w .sub_tit .sub_tab { display:block;}
.sub_w .sub_tit {padding:0;}
.sub_w .sub_tit .tit { font-size:1.3rem; background: rgba(223, 122, 152, 1.0); color:#fff; padding:15px 15px 10px; display:block;}
.sub_w .sub_tit .tit > u { display:none;}
.sub_w .sub_tit .sub_tit_btn { display:block;}
.sub_w .sub_tit .sub_tit_btn li {position:absolute;}
.sub_w .sub_tit .sub_tit_btn li a { display:block; cursor:pointer; padding:8px;}
.sub_w .sub_tit .sub_tit_btn li a i {color:rgba(255, 255, 255, 0.7); font-size:2.5rem;}
.sub_w .sub_tit .sub_tit_btn .left {  top:0; left:0;}
.sub_w .sub_tit .sub_tit_btn .right { top:0; right:0;}
.sub_w .sub_tit .sub_tab {}
.sub_w .sub_tit .sub_tab .stab1 { width:100%; padding:0; margin:0; display:block; display:none;}
.sub_w .sub_tit .sub_tab .stab1 li a,  
.sub_w .sub_tit .sub_tab .stab1 .on a { height:inherit; line-height:inherit; font-size:1.0rem; border:none; border-bottom:1px solid rgba(0, 0, 0, 0.1); display:block; padding:15px;font-family:'Montserrat', 'Noto Sans KR', sans-serif;text-shadow:none; top:0; color:rgba(0, 0, 0, 0.8); font-weight:normal; border-radius:0;}
.sub_w .sub_tit .sub_tab .stab1 .on a { background:rgba(0, 0, 0, 0.05);}
.sub_w .sub_tit .sub_tab .stab2 { margin-bottom:20px; padding:0 10px;}
.sub_w .sub_tit .sub_tab .stab2 li { margin:2px 1px;}
.sub_w .sub_tit .sub_tab .stab2 li a {  padding:8px 10px; min-width:inherit; border-radius:5px;}
.sub_w .sub_tit .sub_tab .stab2 .on a { box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.0);}
}


@media only screen and (max-width: 1024px) {
* { font-size:15px;}
.pp { display:none!important;}
.mm { display:inline-block!important;}
.footer_w .footer { width:calc(100% - 20px); padding:20px 10px; text-align:center;}
.footer_w .footer .footer_logo { display:none;}
.footer_w .footer .con { width:100%;}
.footer_w .footer .footer_menu { margin-bottom:10px; display:flex; width:100%; margin:0; padding:0; margin-bottom:20px;} 
.footer_w .footer .footer_menu li + li:before { display:none;}
.footer_w .footer .footer_menu li { width:100%; margin:0 2px;}
.footer_w .footer .footer_menu li a { display:block; text-align:center; border-radius:3px; background:rgba(0, 0, 0, 0.05);  padding:7px 0; font-size:0.9rem;}
.footer_w .footer .footer_copy { width:calc(100% - 0px); margin-bottom:5px;}
.footer_w .footer .footer_copy li {margin:0px 5px;}
.footer_w .footer .footer_copy li + li:before  { display:none;}
.footer_w .footer .copyright { }
.footer_w .footer .copyright b {}
.footer_w .footer .footer_top {display:none;}
.main_contents { margin-top:50px;}
.main_popup_w { width:100%;}
.main_popup_w .main_popup {top:55px; width:calc(100% - 12px); left:5px;}
.main_popup_w .main_popup .main_popup_con .ppp { display:none;}
.main_popup_w .main_popup .main_popup_con .mmm { display:block;}
}

@media only screen and (max-width: 768px) {
* { font-size:13px;}
.sub_w .sub_contents {margin-top:20px;}

.quick_w {   right: 5px;  bottom: 5px;  width: 50px; }
.quick_w .top a {    width: 50px;  height: 50px; margin-top:5px;}
.quick_w .top a:hover i {  transform: translateY(-5px);}
.quick_w .qc {  width: 50px;  height: 50px; }
.quick_w .qc p {  top:-17px;}
.quick_w .list {  bottom: 110px;  right:0px; }
.quick_w .list li a { width: 50px;  height: 50px;  }
.quick_w .list li a p { font-size: 0.7rem;}
.quick_w .list li a:hover { background:#cd6382;}
.quick_w .list li a i {  margin-bottom: 2px; font-size:1.2rem;}
}


@media only screen and (max-width: 420px) {
.footer_w .footer .footer_menu li a { font-size:0.8rem;}


}
/* /////////////Layout//////////// */


/* -------------Main------------- */
.swiper-slide {display: flex;justify-content: center; align-items: center;}
.swiper-slide img { display: block; width: 100%;height: 100%; object-fit: cover;}
.board_view_w .swiper-slide img { width:auto; max-width:100%;}
.swiper-button-prev:after, .swiper-button-next:after { display:none;}
.main_visual { width:2600px; left:50%; margin-left:-1300px!important;}
.main_visual .swiper-button-prev { left:600px;}
.main_visual .swiper-button-next { right:600px;}
.main_visual .swiper-pagination-bullet {width: 15px!important;height: 15px!important;}
.main_visual .swiper-pagination-bullet-active {  background: #000!important; }
.main_visual .swiper-button-prev i, .main_visual .swiper-button-next i { font-size:50px; display:none;}
.main_visual2 { width:1400px; margin:0 auto; padding-bottom:50px!important;}
.main_visual2 .swiper-button-prev { left:10px;}
.main_visual2 .swiper-button-next { right:10px;}
.main_visual2 .swiper-pagination-bullet {width: 15px!important;height: 15px!important;}
.main_visual2 .swiper-pagination-bullet-active {  background: #000!important; }
.main_visual2 .swiper-button-prev i, .main_visual2 .swiper-button-next i { font-size:50px;display:none;}
.main_visual2 .swiper-slide a { display:block;  overflow:hidden; border-radius:20px;}
.main_visual2 .swiper-slide a:hover {opacity:0.5;}
.main_visual2 .swiper-slide a img { width:100%;}
.main_visual3 { width:100%; margin:0 auto; }
.main_visual3 .swiper-pagination {margin-left:-18.5%;}
.main_visual3 .swiper-pagination-bullet {width: 15px!important;height: 15px!important; }
.main_visual3 .swiper-pagination-bullet-active {  background: #000!important; }
.main_visual3 .swiper-button-prev i, .main_visual3 .swiper-button-next i { display:none;}


.gallery_visual { width:100%; margin:20px 0 10px;}
.gallery_visual .swiper-button-prev { left:10px;}
.gallery_visual .swiper-button-next { right:10px;}
.gallery_visual .swiper-pagination-bullet {width: 15px!important;height: 15px!important;}
.gallery_visual .swiper-pagination-bullet-active {  background: #000!important; }
.gallery_visual .swiper-button-prev i, .gallery_visual .swiper-button-next i { font-size:50px; color:#000;}
.cons { width:1400px; margin-left:auto; margin-right:auto;box-sizing:border-box;}
.cons:after { content:''; display:block; clear:both;}
.pd1 { padding-top:120px; padding-bottom:120px;}
.tits { margin-bottom:30px; position:relative;}
.tits > h4 > b,
.tits > h4 {font-size:4.1rem; font-weight:100;text-transform: uppercase; line-height:1.0em;}
.tits > h4 {}
.tits > h4 > b { color:#df7a98; font-weight:900;}
.tits .more { position:absolute; right:0; top:0; display:block; border:1px solid rgba(0, 0, 0, 0.2); border-radius:50px; height:44px; line-height:44px; text-align:center; width:153px; font-size:0.8125rem;text-transform: uppercase; color:rgba(0, 0, 0, 0.3); font-weight:bold; cursor:pointer;}
.tits .more i { padding-left:10px;}
.tits .more:hover { background:#df7a98; color:#fff;}
.tits .en { display:block; font-size:0.8rem;text-transform: uppercase; color:rgba(0, 0, 0, 0.3); letter-spacing:2px; font-weight:bold; margin-top:10px;}
.tits.wh > h4,
.tits.wh > h4 > b { color:#fff;}
.tits.wh .en { color:rgba(255, 255, 255, 0.3);}
.tits .line { display:inline-block; width:120px; height:1px; background:rgba(255, 255, 255, 0.5); margin:20px 0 0 0;}
.mc2 { background:url(../../images/main/2_bg.jpg) no-repeat center center; background-size:cover; padding-top:120px;}
.mc2 .cons { display:flex; justify-content:space-between; position:relative;}
.mc2 .cons:after { display:none;}
.mc2 .cons .txt {width:50%;}
.mc2 .cons .txt .pic { margin-left:-50px;}
.mc2 .cons .vod { width:50%; padding-top:30px;}
.mc2 .cons .vod .iframe_w { overflow:hidden; border-radius:20px;box-shadow: 10px 10px 20px 0px rgba(0, 0, 0, 0.3);}
.mc3_w { display:flex; justify-content:space-between; gap:126px; background:#fff; padding-bottom:50px;}
.mc3_w .pic {order:1; }
.mc3_w .con {order:2; width:400px;}
.mc3_w .con p { font-size:0.95rem;}
.mc3_w .con p > u { display:block; font-size:1.375rem; margin-bottom:5px;}
.mc3_w .con .btn { display:flex; gap:10px; text-align:center; margin-top:40px;}
.mc3_w .con .btn a { display:block; width:100%;border-radius:50px; border:2px solid #df7a98; color:#df7a98; font-weight:bold; background:#fff; padding:12px; line-height:1.0em;}
.mc3_w .con .btn a:nth-child(1) { background:#df7a98; color:#fff;}
.mc3_w .con .btn a:hover {opacity:0.5;}
.mc4 { background:url(../../images/main/4_bg.jpg) no-repeat top center; height:713px;}
.mc4 .tits > h4 > b { display:block;}
.mc4 .con { width:calc(50% - 100px);}
.mc4 .con .name { color:#fff; font-size:0.9375rem;}
.mc4 .con .name b { padding-right:10px; color:#fff; font-size:2.5rem; font-weight:bold;}
.mc4 .con p { color:#fff; padding:20px 0;}
.mc4 .con .list {}
.mc4 .con .list li { color:#fff; background:url(../../images/common/bullet_3.png) no-repeat 0 6px; background-size:10px auto; padding:0 15px 10px 15px; display:inline-block;}
.mc4 .con .btn { border-radius:50px; background:#fff; padding:10px 30px; font-size:0.9375rem; color:#75243b; display:inline-block; font-weight:bold; margin-top:30px;}
.mc4 .pic { display:none;}
.mc5 { background:#b36c7e; text-align:center;}
.mc5 .cons { position:relative;}
.mc5 .list { display:flex;}
.mc5 .list li { width:100%; position:relative;}
.mc5 .list li .tt {position:absolute; bottom:30px; left:0; width:100%; }
.mc5 .list li .pic { overflow:hidden;}
.mc5 .list li .pic img { width:170%; margin-left:-35%;}
.mc5 .list li p { color:#fff; font-size:1.125rem; line-height:1.3em; }
.mc5 .list li u { display:block; text-decoration:none; color:rgba(255, 255, 255, 0.5); margin-top:10px;}
.mc5 .list li u b { color:#fff; font-size:1.5625rem; padding-left:10px; font-weight:600;}
.mc5 .list li { padding-top:70px;}
.mc5 .list li:nth-child(2n-1) {background-image: linear-gradient(to top, #ad6376 0%, #ad6376 80%, #b36c7e 100%);}
.mc5 .list li:nth-child(2n) {background-image: linear-gradient(to top, #bd7788 0%, #bd7788 80%, #b36c7e 100%); }
.mc5 h4 { padding-top:100px;}
.mc5 h4 b { display:block; color:#fff; font-size:2.5rem; font-weight:500; line-height:1.1em;}
.mc5 h4 u { display:block; text-decoration:none; font-size:0.8rem;text-transform: uppercase; color:rgba(255, 255, 255, 0.3); letter-spacing:2px; font-weight:bold; margin-bottom:10px;}
.special_w {}
.special_w .tits_sub { display:none;}
.special_w .list { display:flex; gap:30px; text-align:center;}
.special_w .list li { width:100%;}
.special_w .list li .pic { overflow:hidden; border-radius:20px;}
.special_w .list li b { display:block; margin:20px 0 5px; font-size:1.375rem; font-weight:600;}
.special_w .list li p { width:70%; margin:0 auto; color:rgba(0, 0, 0, 0.6);}
.location_w { background:url(../../images/main/lo_bg.jpg) center center; background-size:cover;}
.location_w .cons:after { display:none;}
.location_w .cons { display:flex;  justify-content:space-between; gap:75px;}
.location_w .tt {}
.location_w .tt .num { margin-bottom:30px;}
.location_w .tt .num li { }
.location_w .tt .num li a {color:#fff; letter-spacing:normal; font-size:3.125rem; line-height:1.1em;}
.location_w .tt .num li a > b { font-size:1.875rem; color:#fff; font-weight:normal; line-height:1.1em; padding-right:10px; position:relative; top:-6px;}
.location_w .tt .list li { display:flex; gap:10px; margin-bottom:10px;}
.location_w .tt .list li .ic { display:block; width:30px; height:30px; border-radius:50%; background:rgba(0, 0, 0, 0.3); color:#fff; text-align:center;}
.location_w .tt .list li .ic i { line-height:30px; font-size:0.9rem;}
.location_w .tt .list li .con { display:block;font-size:1.0625rem; color:#fff; padding-top:3px;}
.location_w .tt .list li .con b,
.location_w .tt .list li .con .hol { color:rgba(255, 255, 255, 0.5); font-size:1.0625rem; font-weight:normal; display:inline-block;}
.location_w .tt .list li .con b { width:55px;}
.location_w .tt .list li .con .hol { display:block;}
.location_w .map {  width:calc(100% - 540px);}
.location_w .map iframe { width:100%; height:470px; border:none;overflow:hidden; border-radius:20px;box-shadow: 10px 10px 20px 0px rgba(0, 0, 0, 0.3);}
.sub_w .special_w  { background:#f2f2f2;}
.sub_w .special_w .tits { display:none;}
.sub_w .special_w .tits_sub { display:block; text-align:center; margin-bottom:40px;}
.sub_w .special_w .tits_sub h4,
.sub_w .special_w .tits_sub h4 b { font-size:3.125rem; line-height:1.0em;font-family: 'Gmarket';}
.sub_w .special_w .tits_sub h4 { font-weight:100;}
.sub_w .special_w .tits_sub h4 b { color:#df7a98; position:relative;}
.sub_w .special_w .tits_sub h4 b:after { content:''; display:block; width:183px; height:91px; background:url(../../images/main/sp_tit.png) no-repeat; background-size:contain; position:absolute; right:-20px; top:-30px;}
.sub_w .special_w .tits_sub u { display:block; font-size:0.8rem;text-transform: uppercase; color:rgba(0, 0, 0, 0.3); letter-spacing:6px; font-weight:bold; margin-top:5px; text-decoration:none;}




@media only screen and (max-width: 1420px) {
.main_visual2 { width:100%;}
.gallery_visual { width:100%;}
.cons { width:100%; padding-right:20px; padding-left:20px;}
.pd1 { padding-top:80px; padding-bottom:80px;}
.main_visual .swiper-button-prev , .main_visual .swiper-button-next { display:none;} 
.main_visual2 .swiper-button-prev , .main_visual2 .swiper-button-next { display:none;} 
.gallery_visual .swiper-button-prev , .gallery_visual .swiper-button-next { display:none;} 
.mc2 { padding-top:80px;}
.mc2 .cons .vod { padding-top:0px;}
.mc3_w {  gap:50px;}
.mc3_w .con .btn { margin-top:20px;}
.mc5 .cons { padding:0;}
.mc5 h4 { padding:60px 20px 0;}
.special_w .list { gap:20px;}
.location_w .cons {  gap:25px;}
.location_w .map {  width:calc(100% - 490px);}

}


@media only screen and (max-width: 1200px) {
.main_visual3 .swiper-pagination {margin-left:-17%;}
.mc3_w .con p > u { font-size:1.0rem;}
.mc3_w .tits > h4 > b, .mc3_w .tits > h4 { font-size:3.0rem;}
.mc3_w .tits { margin-bottom:10px;}
.mc4 { height:auto; background-size:cover;}
.mc4 .con {width: calc(50% - 50px);}
.mc4 .con p br { display:none;}
.mc5 .list {display:flex; flex-wrap: wrap; }
.mc5 .list li { flex: 1 1 30%;padding-top:50px;}
.mc5 .list li .pic img { margin:0; width:100%;}


}


@media only screen and (max-width: 1024px) {
.main_visual { width:100%; left:0%; margin-left:0px!important;}
.main_visual .swiper-pagination-bullet {width: 12px!important;height: 12px!important;}
.main_visual2 { width:100%;}
.main_visual2 .swiper-pagination-bullet {width: 12px!important;height: 12px!important;}
.main_visual2 .swiper-slide a { border-radius:10px;}
.main_visual3 { width:100%;}
.main_visual3 .swiper-pagination-bullet {width: 12px!important;height: 12px!important;}
.main_visual3 .swiper-slide a { border-radius:10px;}
.main_visual3 .swiper-pagination {margin-left:0%;}
.gallery_visual { width:100%;}
.gallery_visual .swiper-pagination-bullet {width: 12px!important;height: 12px!important;}
.pd1 { padding-top:50px; padding-bottom:50px;}
.tits { margin-bottom:15px;}
.tits > h4 > b,
.tits > h4 {font-size:3.0rem;}
.tits .more { display:none;}
.tits .line { width:60px; height:1px; background:#fff; margin:10px 0;}
.mc1 .tits { text-align:center;}
.mc2 {padding-top:50px; padding-bottom:50px;}
.mc2 .cons {flex-direction: column; }
.mc2 .cons .txt {width:100%;}
.mc2 .cons .txt .pic { margin-left:0px;}
.mc2 .cons .vod { width:100%;}
.mc2 .cons .vod .iframe_w { border-radius:10px;}
.mc2 .tits { text-align:center;}
.mc3_w { flex-direction: column; }
.mc3_w .pic {order:2; }
.mc3_w .con {order:1; width:100%; text-align:center;}
.mc3_w .con p > u { font-size:1.3rem;}
.mc3_w .tits > h4 > b, .mc3_w .tits > h4 {  font-size: 2.5rem; }
.mc5 h4 { padding-top:40px;}
.mc5 h4 b { font-size:1.5rem;}
.special_w .tits { text-align:center;}
.special_w .list {display:flex; flex-wrap: wrap; gap: 10px;}
.special_w .list li {  flex: 1 1 40%;}
.special_w .list li b { margin:10px 0 0px; font-size:1.2rem; }
.special_w .list li .pic { border-radius:10px;}
.special_w .list li p { width:100%;}
.location_w .cons { flex-direction: column; }
.location_w .cons .tt { width:100%;}
.location_w .cons .map { width:100%;}
.location_w .tt .list li { margin-bottom:4px;}
.location_w .tt .num { display:inline-block; vertical-align:top;}
.location_w .tt .list { display:inline-block; vertical-align:top; margin-left:30px;}
.location_w .tt .num li a { font-size:2.5rem;}
.location_w .map iframe { height:350px; border-radius:10px;}
.sub_w .special_w .tits_sub { margin-bottom:15px;}
.sub_w .special_w .tits_sub h4,
.sub_w .special_w .tits_sub h4 b { font-size:2.5rem; }
.sub_w .special_w .tits_sub u { letter-spacing:2px; margin-top:2px; }
.sub_w .special_w .tits_sub h4 b:after {  width:150px;  right:-30px; top:-25px;}
}

@media only screen and (max-width: 768px) {
.tits > h4 > b,
.tits > h4 {font-size:2.5rem;}
.pd1 { padding-top:40px; padding-bottom:40px;}
.tits .en { letter-spacing:1px;margin-top:5px;}
.main_visual2 { padding-bottom:40px!important;}
.mc2 {padding-top:40px; padding-bottom:40px;}
.mc3_w {gap:30px; padding-bottom:40px;}
.mc3_w .con .btn a { padding:7px;}
.mc4  { background:#ce98a7; text-align:center;}
.mc4 .cons { padding:0;}
.mc4 .con { width:100%; padding:40px 20px;}
.mc4 .pic { display:block;}
.mc4 .tits > h4 > b { display:inline-block;}
.mc4 .con .list li {background: url(../../images/common/bullet_3.png) no-repeat 0 3px;background-size: 10px auto; font-weight:bold; padding-bottom:5px;}
.mc4 .con .btn { margin-top:15px;}
.mc4 .con .name  { margin-top:-20px;}
.mc4 .con .name b { font-size:2.0rem;}
.mc5 .list li {padding-top:10px; flex: 1 1 50%;}
.mc5 .list li .tt { bottom:10px;}
.mc5 .list li u { margin-top:4px;}
.special_w .list li p { font-size:0.95rem;}
.special_w .list li b { font-size:1.05rem;}
.location_w .tits { text-align:center;}
.location_w .tt .num { display:block; margin-bottom:15px; text-align:center;}
.location_w .tt .num li a > b { font-size:1.2rem;}
.location_w .tt .list { display:block; margin-left:0px; border-radius:10px; padding:10px; background:rgba(0, 0, 0, 0.1);}
.location_w .tt .list li .con { font-size:0.95rem;}
.location_w .tt .list li .con b { width:45px;}
.sub_w .special_w .tits_sub h4 b:after {  width:120px;  right:-20px; top:-20px;}

}

@media only screen and (max-width: 420px) {
.mc5 .list li p { font-size:0.9rem;}
.mc5 .list li u b { font-size:1.2rem;}
.sub_w .special_w .tits_sub h4 b:after { display:none;}

}
/*///////////////Main//////////////// */




/* -------------Sub------------- */
.after_w.member .bx .pics .pic.be .cover { display:none;}
.after_w.member .list_w .list > li .pic .be:after { display:none;}
.after_w { text-align:center;}
.after_w .after_tab {}
.after_w .after_tab li { display:inline-block; margin:0 }
.after_w .after_tab li + li:before { content:''; display:inline-block; width:5px; height:5px; border-radius:50%; background:rgba(0, 0, 0, 0.2); margin:0 18px 0 20px; position:relative; top:-5px; }
.after_w .after_tab li a { font-size:1.2941rem; color:rgba(0, 0, 0, 0.7); padding-bottom:7px;}
.after_w .after_tab li a:hover { opacity:0.5;}
.after_w .after_tab .on a { color:#000; border-bottom:3px solid #000; font-weight:600; }
.after_w .bx { border-radius:20px; border:1px solid rgba(0, 0, 0, 0.1); padding:50px 50px 25px;box-shadow: 10px 10px 20px 0px rgba(0, 0, 0, 0.1); margin:50px auto 60px;}
.after_w .bx .pics { overflow:hidden; border-radius:20px; display:flex; position:relative;}
.after_w .bx .pics .pic { width:100%; position:relative;} 
.after_w .bx .pics .pic > p { position:absolute; left:0; top:0; width:160px; text-align:center; padding:10px 0; color:#fff; font-weight:600; background:rgba(0, 0, 0, 0.5); border-radius:0 0 20px 0;}
.after_w .bx .pics .pic.af > p { background:#df7a98;}
.after_w .bx .pics .pic.be .cover { position:absolute; width:100%; height:100%; display:block;}
.after_w .bx .pics .pic.be .cover a { display:block; width:100%; height:100%; background:url(../../images/after/login.png) no-repeat center center rgba(59, 59, 59, 0.95);}
.after_w .bx .btn { text-align:center; width:100%; position:relative; top:-70px;}
.after_w .bx .btn li { display:inline-block; border-radius:10px; padding:15px 20px; margin:1px; background:#9a9a9a; cursor:pointer; color:#fff; font-size:1.0588rem; font-weight:600;transition: all 0.4s ease;}
.after_w .bx .btn .on { background:#df7a98;}
.after_w .bx .btn li:hover { opacity:0.5;}
.after_w .bx .tit { font-size:1.4706rem; font-weight:600; line-height:1.2em; margin-top:-30px;}
.after_w .list_w { text-align:center;}
.after_w .list_w .list_txt { padding:40px; margin-bottom:30px; border-bottom:1px solid rgba(0, 0, 0, 0.15); color:rgba(0, 0, 0, 0.5);}
.after_w .list_w .list { display:flex; gap:35px;flex-wrap: wrap;}
.after_w .list_w .list > li { width:calc(100% / 3 - 25px);}
.after_w .list_w .list > li a { display:block;}
.after_w .list_w .list > li .pic { overflow:hidden; border-radius:10px; border:2px solid #df7a98;}
.after_w .list_w .list > li .pic span { display:block; width:50%; float:left; position:relative;}
.after_w .list_w .list > li .pic .be:after { content:''; display:block; position:absolute; width:100%; height:100%; top:0; left:0; background:url(../../images/after/before.png) no-repeat center center rgba(72, 72, 72, 0.95);}
.after_w .list_w .list > li p { font-size:1.1176rem; padding-top:7px; font-weight:600; line-height:1.1em;}
.after_w .list_w .list .before { position:relative;}
.sub_before { width:100%; margin:0 auto; }
.sub_before .swiper-pagination { display:none;}
.sub_before .swiper-pagination-bullet {width: 15px!important;height: 15px!important; }
.sub_before .swiper-pagination-bullet-active {  background: #000!important; }
.sub_before .swiper-button-prev i, .sub_before .swiper-button-next i { color:#000; font-size:2.3529rem;}
.sub_before .swiper-slide {flex-direction: column!important; }





.event_w .gallery_list .gallery {width: calc(100% / 4 - 30px); border-radius:20px; overflow:hidden;margin: 0 15px 30px 15px;}
.event_w .gallery_list .gallery .pic {padding-top: 160%;}
.event_w .gallery_list .gallery .con .name { display:none;}
.event_w .gallery_list .gallery .con .hit { display:none;}
.event_w .bv_pic { display:none;}
.event_w .file { display:none;}



@media only screen and (max-width: 1420px) {
.event_w .gallery_list .gallery {width: calc(100% / 4 - 15px);margin: 0 7px 20px 7px;}
}


@media only screen and (max-width: 1200px) {
.event_w .gallery_list .gallery {width: calc(100% / 3 - 15px);}
}


@media only screen and (max-width: 1024px) {
.after_w .after_tab li + li:before {width:2px; height:2px;margin:0 10px 0 12px; top:-3px; }
.after_w .after_tab li a { font-size:1.1rem;padding-bottom:4px;}
.after_w .after_tab .on a { color:#000; border-bottom:2px solid #000;}
.after_w .bx { border-radius:10px; padding:25px;margin:20px auto 30px;}
.after_w .bx .pics { border-radius:10px;}
.after_w .bx .pics .pic > p { width:130px; padding:5px 0;  border-radius:0 0 10px 0;}
.after_w .bx .pics .pic.be .cover a { background:url(../../images/after/login.png) no-repeat center center rgba(59, 59, 59, 0.95); background-size:200px auto;}
.after_w .bx .btn {top:0px; margin-top:10px;}
.after_w .bx .btn li { border-radius:10px; padding:10px 15px;font-size:1.0rem; }
.after_w .bx .btn .on { background:#df7a98;}
.after_w .bx .btn li:hover { opacity:0.5;}
.after_w .bx .tit { font-size:1.1rem;  margin-top:10px;}
.after_w .list_w .list_txt { padding:20px; margin-bottom:20px; }
.after_w .list_w .list { gap:15px;}
.after_w .list_w .list > li { width:calc(100% / 2 - 10px);}
.after_w .list_w .list > li .pic .be:after {background: url(../../images/after/before.png) no-repeat center center rgba(72, 72, 72, 0.95); background-size:80px auto;}
.after_w .list_w .list > li p { font-size:1.0rem;}


}

@media only screen and (max-width: 768px) {
.after_w .after_tab li { vertical-align:top; margin:2px 1px;}
.after_w .after_tab li + li:before { display:none;}
.after_w .after_tab li a { font-size:1.0rem; display:block; padding:5px 7px; border-radius:5px; background:rgba(0, 0, 0, 0.05);}
.after_w .after_tab li a:hover { opacity:0.5;}
.after_w .after_tab .on a { font-weight:600; border:none; background:#df7a98; color:#fff;}
.after_w .bx { padding:10px;}
.after_w .bx .btn li { padding:3px 10px; font-size:0.8rem;border-radius: 5px;}
.after_w .bx .pics .pic.be .cover a { background:url(../../images/after/login.png) no-repeat center center rgba(59, 59, 59, 0.95); background-size:120px auto;}
.after_w .bx .btn {}
.after_w .list_w .list { gap:7px;}
.after_w .list_w .list > li {width: calc(100% / 2 - 5px);}
.after_w .bx .pics .pic > p { width:100px; font-size:0.8rem; font-weight:normal; padding:2px 0;}
.sub_before .swiper-button-next, .sub_before .swiper-rtl .swiper-button-prev { right:0; margin-top:-50px;}
.sub_before .swiper-button-prev,.sub_before  .swiper-rtl .swiper-button-next { left:0; margin-top:-50px;}



.event_w .gallery_list .gallery {width: calc(100% / 2 - 10px);border-radius:10px;margin: 0 5px 15px 5px;}

}

@media only screen and (max-width: 420px) {


}
/*///////////////Sub//////////////// */



/* -------------Common------------- */
.btn1 { border-radius:3px; background:rgba(223, 122, 152, 0.9); border:1px solid rgba(223, 122, 152, 1.0); color:#fff; font-weight:500; text-align:center; cursor:pointer; display:inline-block;transition-duration: 0.4s;}
.btn1:hover { color:rgba(223, 122, 152, 1.0); background:#fff; border:1px solid rgba(223, 122, 152, 0.5);}
.btn2 { border-radius:3px; background:rgba(0, 0, 0, 0.7); border:1px solid rgba(0, 0, 0, 0.9); color:#fff; font-weight:400; text-align:center; cursor:pointer; display:inline-block;transition-duration: 0.4s;}
.btn2:hover {color:#000; background:#fff; border:1px solid rgba(0, 0, 0, 0.5);}
.btn3 { border-radius:3px; background:#fff; border:1px solid rgba(0, 0, 0, 0.1); font-weight:400; text-align:center; cursor:pointer; display:inline-block;transition-duration: 0.4s;}

.pa1 { margin-bottom:100px;}
.pa2 { margin-bottom:60px;}
.pa3 { margin-bottom:30px;}

.tt_b { color:#00FFFF!important;}
.tt_r { color:#FF0000!important;}
.tt_bk { color:#000!important;}
.tt_w { color:#fff!important;}
.tt_g { color:#339933!important;}
.tt_y { color:#fff000!important;}

.LayerPopup { opacity: 0; display: none; position: relative; width: auto; background-color: #fff; overflow:hidden; border-radius:5px;}
.LayerPopup .lp_tit { background:rgba(0, 0, 0, 0.05);  position:relative; padding:15px 25px; font-size:1.5rem; font-weight:500;}
.LayerPopup .lp_tit .b-close { display:block; position:absolute; top:10px; right:15px; cursor:pointer;}
.LayerPopup .lp_tit .b-close i { font-size:2rem;transition-duration: 0.4s;}
.LayerPopup .lp_tit .b-close:hover i {transform: rotate(180deg); }
.LayerPopup .lp_tit i { font-size:1.5rem; position:relative; top:2px; color:rgba(0, 0, 0, 0.5);}
.LayerPopup .lp_con { padding:25px;}

.iframe_w {height: 0;padding-top: 25px; position: relative; padding-bottom: 60%; /* 16:9 비율 49%, 4:3 비율 75% */}
.iframe_w iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%; border:none;}

.td1 { width:100%;border-top:1px solid rgba(0, 0, 0, 0.15);}
.td1 thead {background:rgba(223, 122, 152, 0.8);}
.td1 thead th { background:rgba(0, 0, 0, 0.1); font-size:1.05rem; color:#fff; text-align:center; font-weight:500;}
.td1 thead td { text-align:center; color:#fff;font-weight:500;font-size:1.05rem; border-right:1px solid rgba(255, 255, 255, 0.2); padding:12px 0;}
.td1 thead td:last-child  { border-right:none;}
.td1 tbody {}
.td1 tbody th { text-align:center; font-weight:500; border-bottom:1px solid rgba(0, 0, 0, 0.15); background:rgba(0, 0, 0, 0.03); padding:15px 20px; }
.td1 tbody td {border-bottom:1px solid rgba(0, 0, 0, 0.15);padding:15px 20px; }
.td1 tbody td:last-child {}
.td1 tfoot th {text-align:center; font-weight:500; border-bottom:1px solid rgba(0, 0, 0, 0.15); background:rgba(0, 0, 0, 0.07); padding:15px 20px; }
.td1 tfoot td {border-bottom:1px solid rgba(0, 0, 0, 0.15);padding:15px 20px;  background:rgba(0, 0, 0, 0.05);}
.td_c tbody td,
.td_c tfoot td { text-align:center;}
.td2 { width:100%;}
.td2 thead {}
.td2 thead th {  text-align:center; font-weight:500; border-bottom:3px solid rgba(0, 0, 0, 0.8); padding-bottom:8px; font-size:1.05rem; }
.td2 thead td { text-align:center; font-weight:500; font-size:1.05rem;   border-bottom:3px solid rgba(0, 0, 0, 0.8); padding-bottom:8px;}
.td2 tbody {}
.td2 tbody th { text-align:center; font-weight:500; border-bottom:1px solid rgba(0, 0, 0, 0.15); background:rgba(0, 0, 0, 0.03); padding:15px 20px; }
.td2 tbody td {border-bottom:1px solid rgba(0, 0, 0, 0.15);padding:15px 20px; }
.td2 tbody td:last-child {}
.td2 tfoot th { text-align:center; font-weight:500; border-bottom:1px solid rgba(0, 0, 0, 0.15); background:rgba(0, 0, 0, 0.05); padding:15px 20px; }
.td2 tfoot td {border-bottom:1px solid rgba(0, 0, 0, 0.15);padding:15px 20px;background:rgba(0, 0, 0, 0.02); }

.tit1 { margin-bottom:15px;}
.tit1,  
.tit1 > b { line-height:1.2em; font-size:2.1875rem; font-weight:bold;font-family: 'gyeong';}
.tit1 > b { color:#a07143;}
.tit1 > i {  font-size:2.0rem;line-height:1.2em; color:rgba(0, 0, 0, 0.3); padding-right:5px; position:relative; top:2px;}
.tit1 > u { text-decoration:none; display:inline-block; font-weight:normal; font-size:0.9rem; color:rgba(0, 0, 0, 0.7);}
.tit1 > u:before {content:''; display:inline-block; width:1px; height:11px;  background:#dbdbdb; margin:0 12px; }
.tit2 {margin-bottom:15px;}
.tit2 > b {display:inline-block; border-radius:3px; background:rgba(223, 122, 152, 1.0); color:#fff; font-size:1.6rem; font-weight:600; padding:5px 8px 3px; line-height:1.1em;}
.tit3 { margin-bottom:10px;}
.tit3 > b { color:#a07143; font-size:1.3125rem;font-family: 'gyeong';  padding-left:15px; position:relative; left:-10px;}
.tit3 > b:before { content:''; display:block; width:7px; height:3px; position:absolute; top:8px; left:0; background:#bb9c7c; }

.list1 {}
.list1 > li {  padding:2px 0 5px 12px; position:relative; line-height:1.6rem;}
.list1 > li:before { content:''; display:block; width:4px; height:2px; background:#000; position:absolute; top:13px; left:0;}
.list1.bx { padding:28px 30px 20px 30px; border:1px solid rgba(0, 0, 0, 0.2); border-radius:20px;}
.list1.bx.gr { background:#f3f3f3; border:none;}
.list1.bl > li { color:rgba(0, 0, 0, 0.6);}
.list1.bl > li > b { display:block; font-weight:500; font-size:1.15rem; color:#000; margin-bottom:5px;}
.list1.li > li { border-bottom:1px solid rgba(0, 0, 0, 0.2);margin:7px 0; padding:4px 0 7px 12px; }
.list1.li > li:last-child { border-bottom:none;}
.list2 {}
.list2 > li { background:url(../../images/common/bullet_2.png) no-repeat 0 12px; background-size:11px auto; padding:5px 0 2px 20px;line-height:1.6rem;}
.list2.bx { border:1px solid rgba(0, 0, 0, 0.2); padding:28px 30px 20px 30px; border-radius:20px;}
.list2.bx.gr {  background:#f3f3f3; border:none;}
.list2.bl > li > b { display:block; font-weight:500; font-size:1.15rem; color:#000; margin-bottom:5px;}
.list2.bl > li { color:rgba(0, 0, 0, 0.6);}
.list2.li > li { border-bottom:1px solid rgba(0, 0, 0, 0.15); padding:13px 0 13px 27px; background:url(../../images/common/bullet_2.png) no-repeat 7px 19px;background-size:11px auto;}
.list2.li > li:last-child { border-bottom:none;}
.list1 > h3, .list2 > h3 { margin-bottom:10px;}
.list_s {}
.list_s > li { background:url(../../images/common/ar1.png) 0px 10px no-repeat; background-size:3px auto;  padding:2px 0 2px 10px; font-size:0.9375rem; text-align:left; position:relative;}



.soon { background:url(../../images/common/soon.png) no-repeat center center rgba(0, 0, 0, 0.05); height:400px;}


@media only screen and (max-width: 1024px) {
.pa1 { margin-bottom:70px;}
.pa2 { margin-bottom:40px;}
.pa3 { margin-bottom:20px;}

.LayerPopup .lp_tit { position:relative; padding:10px 15px;}
.LayerPopup .lp_tit .b-close { top:7px; right:10px;}
.LayerPopup .lp_con { padding:17px;}

.td1 thead td, .td1 tbody th, .td1 tbody td, .td1 tfoot th, .td1 tfoot td, .td2 tbody th, .td2 tbody td, .td2 tfoot th, .td2 tfoot td { padding:12px 17px;}
.td2 thead th, .td2 thead td {padding-bottom:7px;}

.tit1, 
.tit1 > b { font-size:1.7rem;}
.tit1 > i { font-size:1.7rem;}
.tit3 { margin-bottom:5px;}

.list1.bx { padding:23px 25px 15px 25px; }
.list1.li > li { margin:6px 0; padding:2px 0 5px 12px; }
.list1 > li:before {top:11px;}
.list2.bx { padding:23px 25px 15px 25px;}
.list2.bl > li > b { margin-bottom:5px;}
.list2 > li {background: url(../../images/common/bullet_2.png) no-repeat 0 10px; background-size:10px auto; padding:5px 0 2px 15px;}
.list2.li > li {  padding:8px 0 8px 18px; background:url(../../images/common/bullet_2.png) no-repeat 3px 14px;background-size:9px auto;}
.list1 > h3, .list2 > h3 { margin-bottom:10px;}

}

@media only screen and (max-width: 768px) {
.pa1 { margin-bottom:55px;}
.pa2 { margin-bottom:30px;}
.pa3 { margin-bottom:20px;}

.LayerPopup { width:calc(100% - 20px)!important; height:auto!important;}
.LayerPopup .lp_tit { position:relative; padding:9px 8px 9px 12px; font-size:1.2rem;}
.LayerPopup .lp_tit .b-close { top:5px; right:9px;}
.LayerPopup .lp_con { padding:15px;}

.td1 thead td, .td1 tbody th, .td1 tbody td, .td1 tfoot th, .td1 tfoot td, .td2 tbody th, .td2 tbody td, .td2 tfoot th, .td2 tfoot td { padding:10px;}
.td2 thead th, .td2 thead td {padding-bottom:5px;}

.tit1 {margin-bottom:10px;}
.tit1, 
.tit1 > b { font-size:1.5rem;}
.tit1 > i { font-size:1.5rem;}

.tit1 > u:before {height:10px; margin:0 7px; }
.tit2 {margin-bottom:10px;}
.tit2 > b { padding:3px 6px 3px; font-size:1.45rem;}

.list1.bx { padding:12px 15px 5px 15px; border-radius:10px;}
.list1.li > li { margin:3px 0; padding:2px 0 5px 10px; }
.list1 > li:before {top:11px;}
.list2.bx { padding:12px 15px 5px 15px; border-radius:10px;}
.list2.bl > li > b { margin-bottom:3px;}
.list2 > li {background: url(../../images/common/bullet_2.png) no-repeat 0 8px; background-size:10px auto; padding:2px 0 0px 15px;}
.list2.li > li {padding:8px 0 8px 18px; background:url(../../images/common/bullet_2.png) no-repeat 3px 14px;background-size:9px auto;}
.list1 > h3, .list2 > h3 { margin-bottom:10px;}
.list_s > li { background:url(../../images/common/ar1.png) 0px 7px no-repeat; background-size:3px auto;  padding:2px 0 2px 8px;}

.soon { background-size:300px auto; height:250px;}


}

@media only screen and (max-width: 420px) {
.pa1 { margin-bottom:50px;}
.pa2 { margin-bottom:30px;}
.pa3 { margin-bottom:15px;}
.td1 thead td, .td1 tbody th, .td1 tbody td, .td1 tfoot th, .td1 tfoot td, .td2 tbody th, .td2 tbody td, .td2 tfoot th, .td2 tfoot td {  padding:8px;}
.td2 thead th, .td2 thead td {padding-bottom:3px;}
.soon { background-size:200px auto; height:200px;}




}
/* /////////////Common///////////// */




/* -------------Board------------- */
.board_search { width:400px; margin:0 auto; overflow:hidden; position:relative; margin-bottom:40px;}
.board_search li { float:left; border-bottom:2px solid rgba(0, 0, 0, 0.7);}
.board_search li input { border:none;}
.board_search .bs_select { width:100px; margin-right:20px;}
.board_search .bs_select select { height:30px; border:none;  background:none; width:100%;}
.board_search .bs_in { width:calc(100% - 120px);}
.board_search .bs_in input { height:30px; width:calc(100% - 40px);}
.board_search .bs_btn { border:none; position:absolute; top:-2px; right:0; cursor:pointer;}
.board_search .bs_btn i {display:block; width:30px; height:30px; line-height:30px; font-size:25px;}

.pagenation { text-align:center; margin:20px 0 0 0;}
.pagenation li { display:inline; cursor:pointer;}
.pagenation .num { display:inline-block; text-align:center; padding:4px 10px; color:rgba(0, 0, 0, 0.5);}
.pagenation .ar {display:inline-block; text-align:center; padding:4px 10px;}
.pagenation .ar i { vertical-align:-2px;}
.pagenation .on { color:#000; font-weight:bold!important; text-decoration:underline;}

.btn_wrap { overflow:hidden; text-align:center; margin:10px 0;}
.btn_wrap .btn { width:160px; height:50px; line-height:50px; font-size:1.15rem; margin:0 2px;}
.btn_wrap .cc { display:inline-block;}
.btn_wrap .rr { float:right;}
.btn_wrap .ll { float:left;}

.board_list { display:table; width:100%;}
.board_list .blw { display:table-row;}
.board_list .blw li { display:table-cell; text-align:center; vertical-align:middle;}
.board_list .blw .num { width:50px;}
.board_list .blw .subject {}
.board_list .blw .name { width:100px;}
.board_list .blw .date { width:100px;}
.board_list .blw .reply { width:100px;}
.board_list .blw .file { width:50px; cursor:pointer;}
.board_list .blw .hit { width:50px;}
.board_list .blw.th {}
.board_list .blw.th li {border-bottom:1px solid rgba(0, 0, 0, 0.4); padding-bottom:15px; font-size:0.9rem; color:rgba(0, 0, 0, 0.5);}
.board_list .blw.td li { height:70px;  border-bottom:1px solid rgba(0, 0, 0, 0.1); font-size:0.95rem;}
.board_list .blw.td:hover { background:rgba(0, 0, 0, 0.02);}
.board_list .blw.td .subject { text-align:left; padding-left:20px;}
.board_list .blw.td .subject a { font-size:1.03rem;}
.board_list .blw.td .subject .comment { padding-left:5px; color:#FF0000;}
.board_list .blw.td .subject .i-new { padding-left:5px; color:rgba(223, 122, 152, 0.9); font-size:1.2rem; position:relative; top:3px;}
.board_list .blw.td li .i-user,
.board_list .blw.td li .i-calendar,
.board_list .blw.td li .i-eye { display:none;}
.board_list .blw.td .reply,
.board_list .blw.td .reply i { color:rgba(0, 0, 0, 0.5);}
.board_list .blw.td .reply i {display:inline-block!important;}
.board_list .blw.td .reply.done,
.board_list .blw.td .reply.done i { color:rgba(223, 122, 152, 1.0);}
.board_list .blw.td .file i { display:inline-block; font-size:25px;}
.board_list .notice {background: rgba(223, 122, 152, 0.1);}
.board_list .notice .i-notice { font-size:30px;}

.board_view_w .bv_info {} 
.board_view_w .bv_info .subject { font-size:1.2rem; font-weight:500; border-bottom:1px solid rgba(0, 0, 0, 0.1); padding:0 10px 15px;} 
.board_view_w .bv_info .info {border-bottom:1px solid rgba(0, 0, 0, 0.1); padding:15px;} 
.board_view_w .bv_info .info li { display:inline-block; color:rgba(0, 0, 0, 0.7);}
.board_view_w .bv_info .info li + li { margin-left:15px;}
.board_view_w .bv_info .info li i { color:rgba(0, 0, 0, 0.5);}
.board_view_w .bv_info .file {background:rgba(0, 0, 0, 0.05);  padding:5px 15px;}
.board_view_w .bv_info .file li { display:inline-block;}
.board_view_w .bv_info .file li a { padding:10px; display:inline-block;}
.board_view_w .bv_pic { padding:20px;border-bottom:1px solid rgba(0, 0, 0, 0.1); text-align:center;}
.board_view_w .bv_pic img { width:auto; max-width:100%;}
.board_view_w .bv_pic li + li { margin-top:10px;}
.board_view_w .bv_con { padding:20px;border-bottom:1px solid rgba(0, 0, 0, 0.3);}
.board_view_w .bv_con img {max-width:100%}
.board_view_w .bv_vod {padding:20px;}
.board_view_w .comment_w {border-bottom:1px solid rgba(0, 0, 0, 0.3);}
.board_view_w .comment_w .write {  padding:20px;}
.board_view_w .comment_w .write li { display:inline-block;}
.board_view_w .comment_w .write li input, 
.board_view_w .comment_w .write li textarea { background:rgba(0, 0, 0, 0.05); border-radius:3px; padding:10px; width:calc(100% - 0px); border:none;}
.board_view_w .comment_w .write .name,
.board_view_w .comment_w .write .pw { width:300px; margin:0 5px 5px 0;}
.board_view_w .comment_w .write .con { width:calc(100% - 110px);}
.board_view_w .comment_w .write .con input { height:30px;}
.board_view_w .comment_w .write .btn { margin-left:5px; width:95px; vertical-align:top;}
.board_view_w .comment_w .write .btn span { width:100%; height:65px; line-height:65px;}
.board_view_w .comment_w .list > ul { overflow:hidden; padding:20px; border-bottom:1px solid rgba(0, 0, 0, 0.1);}
.board_view_w .comment_w .list > ul li { float:left;}
.board_view_w .comment_w .list > ul .name { width:120px; color:rgba(0, 0, 0, 0.6);}
.board_view_w .comment_w .list > ul .con { width:calc(100% - 280px);}
.board_view_w .comment_w .list > ul .date { width:160px; font-size:0.9rem; color:rgba(0, 0, 0, 0.5); letter-spacing:normal;}
.board_view_w .comment_w .list > ul .date .del { cursor:pointer;}
.board_view_w .bv_next { border-top:1px solid rgba(0, 0, 0, 0.1);}
.board_view_w .bv_next li {border-bottom:1px solid rgba(0, 0, 0, 0.1); padding:20px 10px;}
.board_view_w .bv_next li .tit { display:inline-block; width:100px;}
.board_view_w .bv_next li .tit:before { margin-right:5px; color:rgba(0, 0, 0, 0.5);}
.board_view_w .bv_next li a { }
.board_view_w .bv_reply {padding:20px;border-bottom:1px solid rgba(0, 0, 0, 0.2); background:rgba(223, 122, 152, 0.1);}
.board_view_w .bv_reply dt { margin-bottom:15px; font-size:1.1rem; font-weight:500;}
.board_view_w .bv_reply dt i { padding-right:10px;}
.board_view_w .btn_wrap { margin:40px 0;}

.password_w { text-align:center; width:400px; margin:100px auto;}
.password_w .password { margin-bottom:20px;}
.password_w .password input { width:calc(100% - 10px); text-align:center;}
.password_w .btn_wrap { display:flex;}
.password_w .btn_wrap .btn { width:100%;}
.mem_tit { text-align:center; margin-bottom:20px;}
.mem_tit > i {display:block; text-align:center; font-size:5rem; color:rgba(0, 0, 0, 0.15); margin-bottom:10px;}
.mem_tit > .tit { font-size:2.0rem; font-weight:600; margin-bottom:10px;}
.mem_tit > .tit > b {font-size:2.0rem; font-weight:600; color:rgba(223, 122, 152, 1.0);}
.mem_tit > .txt { font-weight:normal; font-size:1rem;}
.ipw { background:rgba(0, 0, 0, 0.05); border-radius:3px; height:45px; line-height:45px; padding:0 5px; border:none;}
.ipw:focus { background:rgba(0, 0, 0, 0.08);}
.ipw.ipw1 { width:100%;}
.ipw.ipw2 { width:180px;}
.ipw.ipw3 { width:100px;}
.ipw.ipw_txt { width:100%; height:200px;}
.ipw_add .ipw { width:calc(50% - 12px);}
.ip_tit {font-size:1.2rem; font-weight:600; border-bottom:2px solid rgba(223, 122, 152, 1.0); padding:0 0 10px 5px;}
.ip_tit u { text-decoration:none; color:rgba(0, 0, 0, 0.5); font-weight:normal; font-size:0.875rem;}
.ip_tit u:before { content:''; display:inline-block; width:1px; height:13px; background:rgba(0, 0, 0, 0.2); margin:0 10px 0 10px; position:relative; top:1px;}

.board_write_w .btn_wrap { margin-top:30px;}
.guide_input .guide_txt { overflow-y: auto; padding:20px; height:200px; border-bottom:1px solid rgba(0, 0, 0, 0.15);}
.guide_input .check { text-align:right; margin-top:10px;}
.board_write { width:100%;border-top:1px solid rgba(0, 0, 0, 0.15);}
.board_write th, .board_write td { border-bottom:1px solid rgba(0, 0, 0, 0.15);}
.board_write th { text-align:left; font-weight:500; padding:15px 20px; height:30px; width:130px;}
.board_write td { padding:10px 20px;}
.board_write td .tt { padding-left:10px;}
.board_write td .radio { display:inline-block;}
.board_write td .radio li { margin-right:20px; display:inline-block;}
.board_write td .radio li input { margin-right:5px;}
.board_write td .radio.in { margin-left:20px;}
.board_write td .btn_in { min-width:100px; height:42px; line-height:42px; font-size:0.9rem; padding:0 10px;}

.bw_file { }
.bw_file li { padding:2px 0; }
.bw_file li .ipw { width:calc(100% - 50px); vertical-align:top; margin-right:0px;}
.bw_file li .file_btn { display:inline-block; cursor:pointer; vertical-align:top; text-align:center; margin-left:3px;}
.bw_file li .file_btn i { font-size:1.2rem; position:relative; display:inline-block; height:43px;line-height:43px; width:40px; border:1px solid rgba(0, 0, 0, 0.1);}
.bw_file li .file_btn:hover { background:rgba(0, 0, 0, 0.1);}
.bw_file li .file_btn:hover i { color:#fff;}
.bw_file .before {}
.bw_file .before .del { display:inline-block; margin-left:10px; font-size:0.9rem; width:100px; height:25px; line-height:25px; position:relative; top:-4px;}

.guide_txt { }
.guide_txt > .top {margin-bottom:20px;}
.guide_txt > .top .bx {color:rgba(223, 122, 152, 1.0);  background:rgba(223, 122, 152, 0.1); padding:20px;margin-bottom:20px;line-height:1.5rem;}
.guide_txt p {line-height:1.5rem;}
.guide_txt .gt_con { margin-bottom:25px; color:rgba(0, 0, 0, 0.7); }
.guide_txt h3 {font-size:1.6rem;    font-weight: bold;    line-height: 1.2em;   color: rgba(223, 122, 152, 1.0); margin-bottom:15px;}
.guide_txt h4 { font-size:1.1rem; font-weight:600; margin-bottom:10px;}
.guide_txt .list { margin-left:20px;}
.guide_txt .list > li { margin-bottom:5px;list-style:decimal;line-height:1.5rem;}
.guide_txt .list_ { margin-left:20px; margin:5px 0 10px 20px;}
.guide_txt .list_ > li { margin-bottom:5px;list-style:upper-alpha; color:rgba(0, 0, 0, 0.6); font-size:0.92rem;line-height:1.5rem;}
.guide_txt .list_2 { padding:15px 10px 15px 40px; background:rgba(0, 0, 0, 0.03); margin:5px 0;}
.guide_txt .list_2 > li { margin-bottom:5px;list-style:lower-alpha; color:rgba(0, 0, 0, 0.5); font-size:0.87rem;line-height:1.5rem;}


.faq_list .fl { overflow:hidden; width:100%;}
.faq_list .fl li { float:left; text-align:center;}
.faq_list .fl .num { width:50px;}
.faq_list .fl .subject { width:calc(100% - 50px);}
.faq_list .fl.th {border-bottom: 1px solid rgba(0, 0, 0, 0.4);}
.faq_list .fl.th li {  padding-bottom:15px;font-size: 0.9rem;color: rgba(0, 0, 0, 0.5);}
.faq_list .fl.td {border-bottom: 1px solid rgba(0, 0, 0, 0.1);}
.faq_list .fl.td:hover { background:rgba(0, 0, 0, 0.02);}
.faq_list .fl.td li { padding:22px 0;}
.faq_list .fl.td .subject { text-align:left; width:calc(100% - 70px); padding-left:20px; cursor:pointer;}
.faq_list .fl.td .con { padding:20px; background:rgba(0, 0, 0, 0.05); text-align:left; width:calc(100% - 0px); display:none;}

.gallery_list { overflow:hidden;}
.gallery_list .gallery { display:block; cursor:pointer; border:1px solid rgba(0, 0, 0, 0.1); float:left; width:calc(100% / 3 - 32px); margin:0 15px 30px 15px;}
.gallery_list .gallery:hover {border:1px solid rgba(0, 0, 0, 0.5);}
.gallery_list .gallery .pic { position: relative; padding-top:70%; overflow: hidden; background-size:cover!important; background-position:50% 50%!important;}
.gallery_list .gallery .con { padding:20px; overflow:hidden;}
.gallery_list .gallery .con .subject { margin:0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom:7px; font-size:1.15rem; width:calc(100% - 0px); color:#000;}
.gallery_list .gallery .con li { float:left; margin-right:8px; font-size:0.85rem; color:rgba(0, 0, 0, 0.6);}
.gallery_list .gallery .con li > i { color:rgba(0, 0, 0, 0.4); position:relative; top:2px;}

.news_list {}
.news_list .news { display:block; cursor:pointer; border-bottom:1px solid rgba(0, 0, 0, 0.1); overflow:hidden; margin-bottom:20px; padding-bottom:20px;}
.news_list .news .pic { overflow: hidden; background-size:cover!important; background-position:50% 50%!important; width:30%; height:0px; padding-top:15%; float:left;}
.news_list .news .con {overflow:hidden; float:left; width:calc(70% - 30px); padding:10px 0 0 30px;}
.news_list .news .con .subject { margin:0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom:10px; font-size:1.2rem; width:calc(100% - 0px); color:#000;}
.news_list .news .con .txt { width:100%; font-size:1rem; margin-top:20px; line-height:1.5rem; overflow:hidden; height:90px;}
.news_list .news .con li { float:left; margin-right:10px; font-size:0.85rem; color:rgba(0, 0, 0, 0.6);}
.news_list .news .con li > i { color:rgba(0, 0, 0, 0.4); position:relative; top:2px;}

.calendar_w {}
.calendar_w .top { margin-bottom:30px; position:relative;}
.calendar_w .top .tit { width:300px; margin:0 auto; text-align:center; position:relative; }
.calendar_w .top .tit li { display:inline-block;}
.calendar_w .top .tit .ar i { font-size:2.7rem; cursor:pointer;}
.calendar_w .top .tit .month { font-size:1.4rem; color:rgba(0, 0, 0, 0.5); line-height:1.1em;}
.calendar_w .top .tit .month  b { font-size:4rem; font-weight:600; margin-right:5px; line-height:1.1em;}
.calendar_w .top .tit .year {font-size:1.5rem;}
.calendar_w .top .tit .year:before { display:inline-block; content:''; margin:0 10px; width:1px; height:13px; background:rgba(0, 0, 0, 0.5);}
.calendar_w .top .tit .ar1 { position:absolute; left:0; top:20px;}
.calendar_w .top .tit .ar2 { position:absolute; right:0; top:20px;}
.calendar_w .top .select { position:absolute; right:0; bottom:10px; text-align:right;}
.calendar_w .calendar { width:100%;}
.calendar_w .calendar thead {background:rgba(0, 0, 0, 0.1);}
.calendar_w .calendar thead th {height:30px; border:1px solid rgba(0, 0, 0, 0.1);font-weight:800; color:rgba(0, 0, 0, 0.5); font-weight:500;width:calc(100% / 7);} 
.calendar_w .calendar thead th:nth-child(2n) {background:rgba(0, 0, 0, 0.03);}
.calendar_w .calendar tbody td {border:1px solid rgba(0, 0, 0, 0.1); padding:5px; height:80px; vertical-align:top;  font-size:0.85rem;}
.calendar_w .calendar tbody td:nth-child(2n) { background:rgba(0, 0, 0, 0.03);}
.calendar_w .calendar tbody td b { display:block; font-weight:500;  font-size:0.9rem; color:rgba(0, 0, 0, 0.5);}
.calendar_w .calendar tbody td a { display:block; padding:5px 0 5px 10px;  word-break:break-all; position:relative;}
.calendar_w .calendar tbody td a:before { content:''; display:block; width:4px; height:2px; background:#000; position:absolute; top:13px; left:0;}
.calendar_view  { width:500px; min-height:300px;}
.calendar_view .lp_con .tit { margin-bottom:15px; font-size:1.3rem; font-weight:500; border-bottom:1px solid rgba(0, 0, 0, 0.2); padding-bottom:15px;}

.vod_list { overflow:hidden; }
.vod_list > .vod { float:left; width:calc(100%/2 - 30px); margin:10px 15px 20px; overflow:hidden;}
.vod_list > .vod li { float:left;}
.vod_list > .vod .iframe_w { width:100%;}
.vod_list > .vod .subject { width:100%;}
.vod_list > .vod .subject a { display:block; font-size:1.15rem;overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding:20px 0 7px;}
.vod_list > .vod .date, .vod_list > .vod .hit { color:rgba(0, 0, 0, 0.6); font-size:0.85rem; margin-right:20px;}
.vod_list > .vod .date i, .vod_list > .vod .hit i { color:rgba(0, 0, 0, 0.5);}

.poppw_view  { width:500px; min-height:250px;}
.poppw_view .lp_con { text-align:center;}
.poppw_view .lp_con .tit { margin-bottom:15px; font-size:1.1rem; font-weight:500; border-bottom:1px solid rgba(0, 0, 0, 0.2); padding-bottom:15px;}
.poppw_view .lp_con .con input { width:300px;vertical-align:top;}
.poppw_view .lp_con .con .btn { width:calc(100% - 320px); height:45px; line-height:45px; vertical-align:top;}


@media only screen and (max-width: 1024px) {
.board_search {  margin-bottom:20px;}
.pagenation .num { border:1px solid rgba(0, 0, 0, 0.2); border-radius:3px;}
.pagenation .on { color:#fff; text-decoration:none; border:1px solid rgba(223, 122, 152, 1.0); background:rgba(223, 122, 152, 1.0);}
.btn_wrap { margin:10px 0; display:flex; margin-top:20px;}
.btn_wrap .btn { height:30px; line-height:30px; margin:0 2px; width:100%;font-size: 1.0rem;}

.board_list {  display:block;}
.board_list .blw { display:block;border-bottom:1px solid rgba(0, 0, 0, 0.1);}
.board_list .blw li {  display:block; text-align:inherit;}
.board_list .blw.th { display:none;}
.board_list .blw.td { padding:15px;}
.board_list .blw.td li {height:auto; padding:0;  border:none; color:rgba(0, 0, 0, 0.6); font-size:1.0rem;}
.board_list .blw.td li + li { margin-right:15px;}
.board_list .blw.td .subject {padding-left:0px; padding-bottom:10px; margin-right:0;}
.board_list .blw.td .subject a {font-size:1.1rem;word-break:break-all;}
.board_list .blw.td li .i-user,
.board_list .blw.td li .i-calendar,
.board_list .blw.td li .i-eye { display:inline-block; color:rgba(0, 0, 0, 0.3); position:relative; top:2px;}
.board_list .blw .num { display:none;}
.board_list .blw .name,
.board_list .blw .date,
.board_list .blw .reply,
.board_list .blw .hit { width:auto; display:inline-block;}
.board_list .blw .file { display:none;}

.board_view_w .bv_info {} 
.board_view_w .bv_info .subject {padding:0 10px 10px;} 
.board_view_w .bv_info .info { padding:10px;} 
.board_view_w .bv_info .info li + li { margin-left:5px;}
.board_view_w .bv_info .file {background:rgba(0, 0, 0, 0.05);  padding:5px;}
.board_view_w .bv_info .file li a { padding:5px; }
.board_view_w .bv_pic { padding:10px;}
.board_view_w .bv_con { padding:10px;}
.board_view_w .bv_vod {padding:10px;}
.board_view_w .comment_w .write {padding:10px;}
.board_view_w .comment_w .write .name { width:calc(50% - 8px); margin:0 5px 5px 0;}
.board_view_w .comment_w .write .pw { width:calc(50% - 3px); margin:0 0px 5px 0;}
.board_view_w .comment_w .write .con { width:100%;}
.board_view_w .comment_w .write .con textarea { height:50px;}
.board_view_w .comment_w .write .btn { margin:0; margin-top:5px; width:100%;}
.board_view_w .comment_w .write .btn span { width:100%; height:30px; line-height:30px; font-size:0.95rem;}
.board_view_w .comment_w .list > ul {padding:10px;}
.board_view_w .comment_w .list > ul li { float:inherit;}
.board_view_w .comment_w .list > ul .name {width:100%;}
.board_view_w .comment_w .list > ul .con { width:100%; padding:6px 0;}
.board_view_w .comment_w .list > ul .date {width:100%;}
.board_view_w .comment_w .list > ul .date .del i { color:#FF0000; position:relative; top:2px;}
.board_view_w .bv_next li {padding:10px 5px;}
.board_view_w .bv_next li .tit { width:70px;}
.board_view_w .bv_next li a { }
.board_view_w .bv_reply {padding:10px;}
.board_view_w .bv_reply dt { margin-bottom:10px;  }
.board_view_w .bv_reply dt i { padding-right:5px;}
.board_view_w .btn_wrap { margin:20px 0;}

.password_w { width:calc(100% - 100px); margin:20px auto;}
.mem_tit > .tit {  margin-bottom:5px;}
.mem_tit > .txt {word-break:keep-all;}
.ipw { background:rgba(0, 0, 0, 0.05); border-radius:3px; height:35px; line-height:35px; padding:0 5px;}
.ipw.ipw1 { width:calc(100% - 10px);}
.ipw.ipw2 { width:120px;}
.ipw.ipw3 { width:80px;}
.ipw.ipw_txt {width:calc(100% - 10px);  height:150px;}
.ip_tit u:before { height:11px; top:0px; margin:0 7px;}

.board_write_w .btn_wrap { margin-top:10px;}
.guide_input .guide_txt { padding:15px; height:150px;}

.board_write th { font-weight:500; padding:8px; min-height:35px; width:80px;}
.board_write td { padding:8px;}
.board_write td .tt { padding-left:5px;}
.board_write td .radio { display:block;}
.board_write td .radio li { margin-right:10px;}
.board_write td .radio.in { margin-left:0px; margin-top:5px;}
.board_write td .btn_in { min-width:80px; height:32px; line-height:32px;  padding:0 7px; position:relative; top:2px;}


.bw_file li .ipw { }
.bw_file li .file_btn i { height:32px;line-height:32px; width:32px;}
.bw_file .before .del {width:100px; height:22px; line-height:22px; position:relative; top:-4px;}

.guide_txt > .top .bx {padding:15px;}
.guide_txt > .con { margin-bottom: 20px;}

.faq_list {border-top: 1px solid rgba(0, 0, 0, 0.1);}
.faq_list .fl.th { display:none;}
.faq_list .fl .num { display:none;}
.faq_list .fl .subject { width:calc(100% - 0px);}
.faq_list .fl.td li { padding:10px 0;}
.faq_list .fl.td .subject {width:calc(100% - 0px); padding-left:10px; line-height:1.5rem; font-size:1.2rem;}
.faq_list .fl.td .con { padding:15px;}

.gallery_list .gallery { width:calc(100% / 3 - 22px); margin:0 10px 20px 10px;}
.gallery_list .gallery .con { padding:10px;}

.news_list .news .con .txt { height:70px;}

.calendar_w {}
.calendar_w .top { margin-bottom:20px;}
.calendar_w .top .tit { width:100%;}
.calendar_w .top .tit .month  b { font-size:3rem;}
.calendar_w .top .tit .year:before {  margin:0 7px;}
.calendar_w .top .tit .ar1 { top:5px;}
.calendar_w .top .tit .ar2 {  top:5px;}
.calendar_w .top .select { position:relative; bottom:0; text-align:center; margin-top:5px;}
.calendar_w .top .select select { width:200px;}
.calendar_w .calendar thead th {height:30px; font-size:0.9rem;} 
.calendar_w .calendar tbody td { height:60px; }
.calendar_w .calendar tbody td b { display:block; font-weight:500;  font-size:0.9rem; color:rgba(0, 0, 0, 0.5);}
.calendar_w .calendar tbody td a { display:block;  font-size:0.9rem; padding:5px 0 5px 10px;  word-break:break-all; position:relative;}
.calendar_w .calendar tbody td a:before { content:''; display:block; width:4px; height:2px; background:#000; position:absolute; top:12px; left:0;}
.calendar_view  { min-width:500px; min-height:300px;}
.calendar_view .lp_con .tit { margin-bottom:15px; font-size:1.3rem; font-weight:500; border-bottom:1px solid rgba(0, 0, 0, 0.2); padding-bottom:15px;}

.interest_w .ip_tit u { display:block; margin-top:5px;}
.interest_w .ip_tit u:before { display:none;}

.vod_list > .vod { width:calc(100%/2 - 20px); margin:5px 10px 15px;}
.vod_list > .vod .subject a {  padding:10px 0 7px;}

.poppw_view  {}
.poppw_view .lp_con { }
.poppw_view .lp_con .tit {  margin-bottom:15px; font-size:1.1rem; font-weight:500; border-bottom:1px solid rgba(0, 0, 0, 0.2); padding-bottom:15px;}
.poppw_view .lp_con .con input { width:calc(100% - 10px);}
.poppw_view .lp_con .con .btn { width:100%; height:35px; line-height:35px; display:block; margin-top:5px;}


}

@media only screen and (max-width: 768px) {
.board_search { width:calc(100% - 20px);}
.board_search .bs_select { margin-right:5px; width:70px;}
.board_search .bs_in { width:calc(100% - 80px);}
.board_view_w .btn_wrap { margin:10px 0;}
.board_view_w .bv_info .info { padding-bottom:5px;}
.board_view_w .bv_info .info li { margin-bottom:5px;}
.password_w { width:100%; }
.board_write th {width:55px;padding:4px;}
.board_write td { padding:4px;}
.board_write td .tt { display:block; padding:5px 0;}
.bw_file .before .del {width:80px; height:20px; line-height:20px; top:0px;}
.board_list .blw.td { padding:10px;}
.ipw { margin:1px 0;}
.ipw.ipw2 { width:calc(100% / 2 - 20px);}
.ipw.ipw3 { width:calc(100% / 3 - 15px);}
.ip_tit u:before { top:1px; margin:0 5px;}
.ipw_birth .ipw3 {width:calc(100% / 3 - 20px);}
.ipw_add .ipw { width:calc(100% - 10px);}

.gallery_list .gallery { width:calc(100% / 2 - 12px); margin:0 5px 10px 5px;}
.gallery_list .gallery .con { padding:10px; }
.gallery_list .gallery .con .subject { margin-bottom:4px;}

.news_list {}
.news_list .news { margin-bottom:10px; padding-bottom:10px;}
.news_list .news .pic {  width:100%;  padding-top:50%;}
.news_list .news .con { width:calc(100% - 20px); padding:10px 10px 10px 10px;}
.news_list .news .con .subject { margin-bottom:7px; }
.news_list .news .con .txt { margin-top:10px; height:40px;}
.news_list .news .con li { float:left; margin-right:10px; font-size:0.85rem; color:rgba(0, 0, 0, 0.6);}
.news_list .news .con li > i { color:rgba(0, 0, 0, 0.4); position:relative; top:2px;}

.calendar_w .top .select select { width:calc(50% - 5px);}
.calendar_w .calendar thead th {height:20px;} 
.calendar_w .calendar tbody td { height:50px; }
.calendar_w .calendar tbody td a { font-size:0.8rem; padding:2px 0 2px 6px; }
.calendar_w .calendar tbody td a:before {  width:2px; height:2px;  top:7px; }
.calendar_view  { min-width:inherit; min-height:200px;}

.vod_list > .vod {  width:calc(100%/1 - 0px); margin:10px 0 20px;}
.vod_list > .vod .subject a { white-space: normal; padding:10px 0 6px; line-height:1.5rem;}
.vod_list > .vod .date, .vod_list > .vod .hit {  margin-right:10px;}


.guide_txt h3 {font-size:1.3rem; }
.guide_txt .list_2 { padding:10px 10px 10px 25px; }

}

@media only screen and (max-width: 420px) {
.gallery_list .gallery { width:calc(100% / 1 - 12px); margin:0 5px 10px 5px;}
.mem_tit > i {font-size: 4rem;}
.mem_tit > .tit { font-size:1.7rem; }
.mem_tit > .tit > b {font-size:1.7rem;}
}
/*/////////////////Board/////////////// */




/* -------------Members------------- */
.login_w { width:800px; margin:0 auto;}
.login_w .login_input {  border-top:1px solid rgba(0, 0, 0, 0.1);  margin:30px 0; padding:30px 0 20px;}
.login_w .login_input:after { content:''; display:block; clear:both;}
.login_w .login_input li { float:left; width:calc(100% / 3 - 5px); margin-right:5px;}
.login_w .login_input li .ipw { width:calc(100% - 0px); text-align:center;transition-duration: 0.4s;}
.login_w .login_input li .ipw:focus { width:calc(100% - 14px);box-shadow:0px 0px 4px rgba(223, 122, 152, 1.0); background:#fff;}
.login_w .login_input .btn a { width:100%; height:43px; line-height:43px;}
.login_w .login_input .save { width:100%; margin-top:10px;}
.login_w .login_txt { display:flex; gap:10px; justify-content:space-between; }
.login_w .login_txt li { width:100%; margin:0 4px;  border:1px solid rgba(0, 0, 0, 0.1);}
.login_w .login_txt li a { display:block; padding:20px 20px 20px 20px; border-radius:3px; overflow:hidden;}
.login_w .login_txt li a:hover {background:rgba(0, 0, 0, 0.05);}
.login_w .login_txt li i {display: block; float:left;    font-size:2.5rem;   width:50px; color: rgba(0, 0, 0, 0.4); text-align:center;}
.login_w .login_txt li p { font-size:0.9rem; float:left; width:calc(100% - 180px); padding:4px 0 0 10px;}
.login_w .login_txt li .btn { width:80px; font-size:0.9rem; height:35px; line-height:35px; float:right; position:relative; top:0px;}
.join_agree_w {}
.join_input_w {}
.join_done_w {}
.join_done_w .join_done { text-align:center; margin:30px 0; padding:30px 0; border:1px solid rgba(0, 0, 0, 0.1); border-left:none; border-right:none;}
.join_done_w .join_done dt { font-size:1.5rem; font-weight:600; margin-bottom:10px; }
.join_done_w .join_done dd { line-height:1.5rem;}
.join_done_w .join_done dd > b { font-weight:500; color: rgba(223, 122, 152, 1.0);}
.modify_w { position:relative;}
.modify_w .modify_break { position:absolute; top:160px; right:0;}
.modify_w .modify_break .btn { padding:10px 20px;}
.break_w .btn_wrap { margin-top:30px;}
.find_w { text-align:center;}
.find_w .find_con_w { display:flex; gap:20px;  justify-content:space-between; padding:0 100px;}
.find_w .find_con_w .find_con { border:1px solid rgba(0, 0, 0, 0.1); padding:30px 50px 50px 50px; width:100%;}
.find_w .find_con_w .find_con:nth-child(2) { float:right;}
.find_w .find_con_w .find_con .tit { margin-bottom:20px;} 
.find_w .find_con_w .find_con .tit > i { font-size:3rem; color:rgba(0, 0, 0, 0.3); display:block; margin-bottom:5px;} 
.find_w .find_con_w .find_con .tit > b { display:block; font-size:1.6rem; font-weight:600; margin-bottom:10px;}
.find_w .find_con_w .find_con .tit > p { color:rgba(0, 0, 0, 0.6); font-size:0.9rem; font-weight:normal; line-height:1.3rem;}
.find_w .find_con_w .find_con .tit > p > u { color:#000; text-decoration:none; font-weight:500;font-size:0.9rem;}
.find_w .find_con_w .find_con .btn { display:block; height:40px; line-height:40px;}
.find_w .find_con_w .find_con .input {}
.find_w .find_con_w .find_con .input li { margin-bottom:5px;}
.find_w .find_con_w .find_con .input li .ipw { width:calc(100% - 0px);}
.find_w .find_con_w .find_con .input .email { display:flex; gap:10px;align-items: center; }
.find_w .find_con_w .find_con .input .email .ipw { width:calc(50% - 0px);}
.find_w .find_con_w .find_con.result .userid { display:block; font-size:1.5rem; margin-top:10px;}
.find_w .find_con_w .find_con.result .tit { margin-top:70px;}
.find_w .find_con_w .find_con.result .tit > b { margin-bottom:30px;}
.find_w .find_con_w .find_con.result .tit .back {display:block; height:40px; line-height:40px; margin-top:20px;}
#pop_zipcode {display:none;border:5px solid;position:fixed;width:300px;height:480px;left:50%;margin-left:-150px;top:50%;margin-top:-240px;overflow:hidden;-webkit-overflow-scrolling:touch;border:1px solid rgba(0, 0, 0, 0.5); border-radius:3px;}




@media only screen and (max-width: 1024px) {
.login_w { width:calc(100% - 40px); margin:0 20px;}
.login_w .login_input .btn a {height:33px; line-height:33px;}
.modify_w .modify_break { top:145px;}
.break_w .btn_wrap { margin-top:10px;}
.find_w .find_con_w { padding:0;}
.find_w .find_con_w .find_con {padding:20px 30px 30px 30px; }
.find_w .find_con_w .find_con > .btn { height:30px; line-height:30px;}
.find_w .find_con_w .find_con.result .tit .back { height:30px; line-height:30px; margin-top:10px;}

}

@media only screen and (max-width: 768px) {
.login_w { width:calc(100% - 0px); margin:0;}
.login_w .login_input { margin:20px 0; padding:10px 0; }
.login_w .login_input li {  width:calc(100% / 1 - 0px); margin-right:0px; margin-bottom:5px;}
.login_w .login_input .save { margin-top:5px;}
.login_w .login_input .btn { width:calc(100% - 4px);}
.login_w .login_txt { flex-direction: column; }
.login_w .login_txt li { width:100%;}
.login_w .login_txt li a {  padding:15px; }
.login_w .login_txt li i { width:40px;}
.login_w .login_txt li p { font-size:0.9rem; float:left; width:calc(100% - 120px); padding:4px 0 0 10px;}
.login_w .login_txt li .btn { width:60px; font-size:0.9rem; height:30px; line-height:30px;}
.join_done_w .join_done {  margin:20px 0; padding:20px 0; }
.modify_w .modify_break { position:relative; top:0;}
.modify_w .modify_break .btn { padding:0; width:calc(100% - 5px); height:30px; line-height:30px;}
.find_w .find_con_w  { flex-direction: column;}
.find_w .find_con_w .find_con {  padding:15px; height:auto;flex-direction: column;}
.find_w .find_con_w .find_con .tit { margin-bottom:15px;} 
.find_w .find_con_w .find_con > .input .email .ipw { width:calc(50% - 21px);}
.find_w .find_con_w .find_con.result .userid { margin-top:10px;}
.find_w .find_con_w .find_con.result .tit { margin:0;}
.find_w .find_con_w .find_con.result .tit > b { margin-bottom:10px;}

}

@media only screen and (max-width: 420px) {

}



/*//////////////Members////////////// */



/* 레이어팝업 */  
#SLB_loading { cursor: pointer; display:none; z-index: 99998; position:absolute;}   
#SLB_film { background:rgba(0, 0, 0, 0.5);z-index: 9999; position: absolute; width: 100%; height:100%;}
#SLB_content {z-index: 100000; position: absolute; text-align:center;}




.box_sh {box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.3)  ; 
-webkit-box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.3)  ; 
-moz-box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.3)  ; }