@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 {}
html, body {}
body {  height: 100%;   font-family:'Montserrat', 'Noto Sans TC','PingFang TC', 'Microsoft JhengHei', sans-serif; scroll-behavior: smooth; overflow:auto;font-size: 16px; line-height: 1.6;color: rgba(0, 0, 0, 0.8);-webkit-text-size-adjust: none;-webkit-font-smoothing: antialiased; font-weight:400;}
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); cursor:pointer;}
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:1600px; overflow:hidden; z-index:0; }
.pp { display:inline-block!important;}
.mm { display:none!important;}
.topmenu_w{ position: fixed; top: 0; left: 0; right: 0; z-index: 999; background: #fff; transition: transform .28s ease, box-shadow .2s ease; transform: translateY(0); will-change: transform;}
.topmenu_w.show { transform: translateY(0); }
.topmenu_w.hide { transform: translateY(-100%); }
.topmenu_w.elev { } 
.topmenu_w .topmenu { width:1600px; margin:0 auto; padding:30px 0px; border-bottom:1px solid rgba(0, 0, 0, 0.2); display:flex;align-items: center; justify-content: space-between;}
.topmenu_w .topmenu .logo { width:135px; margin-right:85px;flex: 0 0 auto; }
.topmenu_w .topmenu .logo img { }
.topmenu_w .topmenu .menu_w { flex-grow: 1;}
.topmenu_w .topmenu .menu_w ul { display:flex; gap:55px;}
.topmenu_w .topmenu .menu_w ul li { display:inline-block; }
.topmenu_w .topmenu .menu_w ul li a {font-size:1.5rem; font-weight:700;}
.topmenu_w .topmenu .side_nav { display:flex;flex-wrap: wrap; align-items: center;}
.topmenu_w .topmenu .side_nav .lang { position:relative; cursor:pointer;}
.topmenu_w .topmenu .side_nav .lang .lang_tit { font-weight:600;font-size:1.25rem;}
.topmenu_w .topmenu .side_nav .lang .lang_tit .ar {font-size:1.5rem; position:relative; top:3px;}
.topmenu_w .topmenu .side_nav .lang .lang_list { position:absolute; background:#fff; padding:10px 10px; border-radius:5px; box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.2); left:0px; display:none;}
.topmenu_w .topmenu .side_nav .lang .lang_list li a { }
.topmenu_w .topmenu .side_nav .lang.open .i-angle-down-min {  transform: rotate(180deg);  transition: 0.3s ease;}
.topmenu_w .topmenu .side_nav .nav { margin-left:45px;}
.topmenu_w .topmenu .side_nav .nav i { cursor:pointer; font-size:2.5rem;}
.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:1600px; 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 .gnb_sns { width:250px; position:absolute; top:25vw; right:0; }
.gnb_w .gnb .gnb_sns .gnb_smenu { margin-bottom:40px;}
.gnb_w .gnb .gnb_sns .gnb_smenu li a { display:block; font-size:1.25rem; line-height:1.0em;}
.gnb_w .gnb .gnb_sns .gnb_smenu li { margin-bottom:15px;}
.gnb_w .gnb .gnb_sns .sns_w li a { width:48px; height:48px;}
.gnb_w .gnb .gnb_sns .sns_w li a i { font-size:25px;}
.gnb_w .gnb .gnb_sns .sns_w li a p { display:none;}
.gnb_w .gnb .gnb_search {width:250px; position:absolute; top:12.4vw; right:0;  border-bottom:2px solid rgba(0, 0, 0, 0.8);}
.gnb_w .gnb .gnb_search input { width:calc(100% - 80px); height:60px; border:0; background:transparent; outline:none; font-size:1.0rem; padding-left:10px;}
.gnb_w .gnb .gnb_search .del { cursor:pointer;color:rgba(0, 0, 0, 0.2);} 
.gnb_w .gnb .gnb_search .del i { font-size:1.5rem; }
.gnb_w .gnb .gnb_search button {  position:relative; top:5px; padding-left:5px;}
.gnb_w .gnb .gnb_search button i {font-size:2.0rem;}
.gnb_w .gnb .gnb_menu { margin-top:40px; width:300px;}
.gnb_w .gnb .gnb_menu .gnb_menu_li { position:relative;}
.gnb_w .gnb .gnb_menu .gnb_menu_li > a { font-size:2.8rem; display:block;border-bottom:1px solid rgba(0, 0, 0, 0.0); cursor:pointer;}
.gnb_w .gnb .gnb_menu .gnb_menu_li .gnb_menu_sub { display:none; position:absolute; top:10px; left:300px; width:300px; padding-left:30px;}
.gnb_w .gnb .gnb_menu .gnb_menu_li .gnb_menu_sub li a { display:block; font-size:1.9rem;}
.gnb_w .gnb .gnb_menu .gnb_menu_li.on .gnb_menu_sub { display:block;}
.gnb_w .gnb .gnb_menu .gnb_menu_li.on > a {border-bottom:1px solid rgba(0, 0, 0, 0.3);}
.gnb_w .gnb .gnb_menu .gnb_menu_li.on.sub:after { content:''; display:block; background:url(../../images/common/menu_ar1.png) no-repeat; width:11px; height:18px; background-size:contain; position:absolute; top:25px; right:10px;}
.footer_w {width:100%; background:rgba(0, 0, 0, 0.02); padding:75px 0;}
.footer_w .footer {width:1600px; margin:0 auto; position:relative;}
.footer_w .footer:after { content:''; display:block; clear:both;}
.footer_w .footer .footer_logo { float:left; width:175px; margin-right:55px;}
.footer_w .footer .footer_logo img {opacity:0.7;}
.footer_w .footer .footer_con { float:left;  width:calc(100% - 400px);}
.footer_w .footer .footer_con .footer_copy {  margin-bottom:10px; width:calc(100% - 100px);}
.footer_w .footer .footer_con .footer_copy li { display:inline-block; font-size:0.95rem; color:rgba(0, 0, 0, 0.6); line-height:1.3rem; margin:0 10px;}
.footer_w .footer .footer_con .copyright { font-size:0.95rem; color:rgba(0, 0, 0, 0.5);margin:0 10px;}
.footer_w .footer .footer_con .copyright b {font-size:0.95rem; color:#000; font-weight:500;}
.footer_w .footer .footer_sns { position:absolute; top:0px; right:0;}
.footer_w .footer .footer_sns .sns_w li a { width:70px; height:70px;}
.footer_w .footer .footer_sns .sns_w li a i {font-size:1.8rem;}
.footer_w .footer .footer_sns .sns_w li a p { display:none;}
	.sns_w li { display:inline-block; vertical-align:top; margin:0 2px; position:relative;}
	.sns_w li a { display:block;  border-radius:50%; background:rgba(0, 0, 0, 0.6);display:flex; justify-content: center;   align-items: center; }
	.sns_w li a i { color:#fff; align-items: center; }
	.sns_w li .qr_pop { position:absolute; border-radius:10px; padding:10px; width:200px; border:1px solid rgba(0, 0, 0, 0.1); display:none;}
.main_contents { margin-top:175px;}
.sub_w .main_contents { margin-bottom:100px;}
.sub_w .sub_tit { margin-bottom:65px;}
.sub_w .sub_tit .sub_tit_txt { margin-top:20px; padding-right:500px; font-size:1.0rem;}
.sub_w .sub_tit .tit { font-size:3.75rem; line-height:1.0em;}
.sub_w .sub_tit .tit_submenu { display:flex; gap:35px; margin-top:30px;}
.sub_w .sub_tit .tit_submenu li a { font-size:1.375rem; font-weight:bold; padding:5px 0; border-bottom:2px solid #fff;text-transform: uppercase;}
.sub_w .sub_tit .tit_submenu .on a {  border-bottom:2px solid #000;}
.quick_w {}
.quick_w .quick { position:fixed; top:calc(50% - 130px); right:20px; width:110px; z-index:1000;}
.quick_w .quick .sns_w li { margin:2px 0;}
.quick_w .quick .sns_w li a { background:rgba(242, 242, 242, 0.8); width:110px; height:110px; flex-direction: column;}
.quick_w .quick .sns_w li a i { color:#000; font-size:2.5rem;}
.quick_w .quick .sns_w li a p { font-size:0.70rem;text-transform: uppercase; padding-top:5px;}
.quick_w .quick_top { position:fixed; right:20px; bottom:20px; z-index:1000;}
.quick_w .quick_top a {  display:flex; justify-content: center;   align-items: center;border-radius:50%; width:110px; height:110px; background:rgba(0, 0, 0, 0.8); flex-direction: column; }
.quick_w .quick_top a i { color:#fff; font-size:1.5rem;}
.quick_w .quick_top a p {font-size:0.70rem;text-transform: uppercase; padding-top:5px; color:#fff;}
.quick_w .quick_open { position:fixed; right:20px; bottom:20px; width:50px; z-index:1000; display:none;}
.quick_w .quick_open .qo_ic { width:50px; height:50px; border-radius:50%;background:rgba(0, 0, 0, 0.8);  display:flex; justify-content: center;   align-items: center; cursor:pointer;}
.quick_w .quick_open .qo_ic i { color:#fff;}
.quick_w .quick_open .sns_w { width:50px;overflow:hidden;max-height:0;transition:max-height .35s ease;}
.quick_w .quick_open .sns_w li { margin:2px 0;transform:translateY(12px);opacity:0; transition:transform .28s ease, opacity .28s ease;}
.quick_w .quick_open .sns_w li a { width:50px; height:50px;}
.quick_w .quick_open .sns_w li a i {font-size: 1.7rem;}
.quick_w .quick_open .sns_w li a p { display:none;}
.quick_w .quick_open.open .sns_w { max-height:500px;   }
.quick_w .quick_open.open .sns_w li{ transform:translateY(0); opacity:1; }
.quick_w .quick_open.open .sns_w li:nth-child(1){ transition-delay:.05s; }
.quick_w .quick_open.open .sns_w li:nth-child(2){ transition-delay:.10s; }
.quick_w .quick_open.open .sns_w li:nth-child(3){ transition-delay:.15s; }
.quick_w .quick_open .qo_ic i{ transition:transform .3s ease; }
.quick_w .quick_open.open .qo_ic i{ transform:rotate(225deg); }

@media only screen and (max-width: 1850px) {
.quick_w .quick { display:none;}
.quick_w .quick_top {display:none;}
}


@media only screen and (max-width: 1620px) {
#wrap {min-width:inherit;}
.topmenu_w .topmenu { width:calc(100% - 0px);  padding:30px 20px 30px; }
.topmenu_w .topmenu .side_nav .nav { margin-left:30px;}
.gnb_w .gnb { max-width:inherit; width:100%; padding:0 20px;}
.gnb_w .gnb .gnb_sns,
.gnb_w .gnb .gnb_search { right:20px;}
.footer_w { padding:40px 20px;}
.footer_w .footer { width:calc(100% - 0px);}


}

@media only screen and (max-width: 1300px) {
.topmenu_w {box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.1);}
.topmenu_w .topmenu .logo { margin-right:50px;}
.footer_w .footer .footer_logo { width:130px; margin-right:30px;}
.footer_w .footer .footer_con {  width:calc(100% - 300px);}
.main_contents { margin-top:117px;}
.sub_w .main_contents {margin-top:170px; margin-bottom:70px;}
.sub_w .sub_tit { margin-bottom:40px;}
.sub_w .sub_tit .sub_tit_txt { padding-right:400px;}
}


@media only screen and (max-width: 1024px) {
* { font-size:15px;word-break:break-all;}
.pp { display:none!important;}
.mm { display:inline-block!important;}
.topmenu_w {}
.topmenu_w .topmenu { display:block;padding: 20px;}
.topmenu_w .topmenu .side_nav { position:absolute; top:20px; right:20px;}
.topmenu_w .topmenu .menu_w { margin-top:20px;}
.topmenu_w .topmenu .side_nav .lang .lang_list { }
.topmenu_w .topmenu .side_nav .lang .lang_list li a { font-size:1.1rem;}
.gnb_w { padding:20px 0;}
.gnb_w .gnb .top .bar i { position:relative; top:-6px;}
.gnb_w .gnb .gnb_sns { width:100%; position:relative; top:inherit; right:inherit; margin-top:50px;}
.gnb_w .gnb .gnb_search {width:100%; position:relative; top:inherit; right:inherit;  margin:20px 0 30px;}
.gnb_w .gnb .gnb_search input { width:calc(100% - 70px);}
.gnb_w .gnb .gnb_menu { margin-top:40px; width:100%;}
.gnb_w .gnb .gnb_menu .gnb_menu_li > a { font-size:2.0rem; border-bottom:1px solid rgba(0, 0, 0, 0.1);}
.gnb_w .gnb .gnb_menu .gnb_menu_li .gnb_menu_sub { display:block; position:relative; top:inherit; left:inherit; width:100%; padding:0; background:rgba(0, 0, 0, 0.00);overflow:hidden;height:0;opacity:0;border-bottom:1px solid rgba(0, 0, 0, 0.1);}
.gnb_w .gnb .gnb_menu .gnb_menu_li .gnb_menu_sub li a {font-size:1.2rem;}
.gnb_w .gnb .gnb_menu .gnb_menu_li .gnb_menu_sub .gnb_menu_sub_in { padding:20px;}
.gnb_w .gnb .gnb_menu .gnb_menu_li.sub:after { content:''; position:absolute; background:url(../../images/common/menu_ar1.png) no-repeat; width:9px; height:15px; right:20px; top:17px; background-size:contain; transform: rotate(90deg);}
.gnb_w .gnb .gnb_menu .gnb_menu_li.on .gnb_menu_sub { display:block;}
.gnb_w .gnb .gnb_menu .gnb_menu_li.on > a {border-bottom:1px solid rgba(0, 0, 0, 0.0);}
.gnb_w .gnb .gnb_menu .gnb_menu_li.on.sub:after { content:''; position:absolute; background:url(../../images/common/menu_ar1.png) no-repeat; width:9px; height:15px; right:20px; top:17px; background-size:contain; transform: rotate(270deg);}
.footer_w .footer { }
.footer_w .footer { width:calc(100% - 0px);text-align:center;}
.footer_w .footer .footer_logo { width:100%; margin-right:0px; margin-bottom:15px;}
.footer_w .footer .footer_logo img { width:100px;}
.footer_w .footer .footer_con { width:100%;}
.footer_w .footer .footer_con .footer_copy {  margin-bottom:5px; width:calc(100% - 0px);}
.footer_w .footer .footer_con .footer_copy li {margin:0 5px;}
.footer_w .footer .footer_con .copyright { margin:0 5px;}
.footer_w .footer .footer_sns { position:relative; margin-top:15px; top:inherit; right:inherit; float:left; width:100%;}
.footer_w .footer .footer_sns .sns_w li a { width:48px; height:48px;}
.footer_w .footer .footer_sns .sns_w li a i {font-size:1.7rem;}
.main_contents { margin-top:152px;}
.sub_w .main_contents {margin-top:190px; margin-bottom:50px;}
.sub_w .sub_tit .tit { font-size:2.5rem;}
.sub_w .sub_tit .tit_submenu { gap:20px; margin-top:20px;}
.sub_w .sub_tit .sub_tit_txt { padding-right:300px;}
.quick_w .quick_open { display:block;}
}

@media only screen and (max-width: 768px) {
* { font-size:13px;}
.topmenu_w .topmenu { display:block;padding: 15px 15px 10px;}
.topmenu_w .topmenu .logo { width:90px;}
.topmenu_w .topmenu .side_nav { top:15px; right:15px;}
.topmenu_w .topmenu .side_nav .nav { margin-left:15px;}
.topmenu_w .topmenu .menu_w { }
.topmenu_w .topmenu .menu_w ul {gap:inherit;}
.topmenu_w .topmenu .menu_w ul li { width:100%; text-align:center;}
.topmenu_w .topmenu .menu_w ul li a { font-size:1.3rem;}
.gnb_w .gnb .top .logo { width:90px;}
.gnb_w { padding:15px 0;}
.gnb_w .gnb { padding:0 15px;}
.gnb_w .gnb .top .bar i { top:-2px;}
.gnb_w .gnb .gnb_search { margin:20px 0 20px;}
.gnb_w .gnb .gnb_search input { height:40px;}
.gnb_w .gnb .gnb_menu { margin-top:30px;}
.gnb_w .gnb .gnb_sns { margin-top:30px;}
.gnb_w .gnb .gnb_menu .gnb_menu_li.sub:after {  right:10px; top:14px;}
.gnb_w .gnb .gnb_menu .gnb_menu_li.on.sub:after {  right:10px; top:14px;}
.footer_w .footer .footer_con .footer_copy {line-height:1.0rem;}
.footer_w .footer .footer_con .footer_copy li { font-size:0.8rem;  margin: 0 2px;line-height:1.0rem;}
.main_contents { margin-top:110px;}
.sub_w .main_contents {margin-top:140px; margin-bottom:40px;}
.sub_w .sub_tit .tit_submenu { gap:10px; }
.sub_w .sub_tit .tit_submenu li a { font-size:1.1rem;}
.sub_w .sub_tit { margin-bottom:30px;}
.sub_w .sub_tit .sub_tit_txt { padding-right:0px;}
.quick_w .quick_open {right:10px; bottom:10px;}
}
/* /////////////Layout//////////// */


/* -------------Main------------- */
.swiper-slide {display: flex;justify-content: center; align-items: center;}
.swiper-slide img { display: block; width: 100%;height: 100%; object-fit: cover;}
.swiper-button-prev:after, .swiper-button-next:after { display:none;}
.main_visual { position:relative;}
.main_visual .title { font-size:2.1875rem; color:#fff; position:absolute; bottom:50px; left:50px;}
.main_visual .swiper-button-prev { left:10px;}
.main_visual .swiper-button-next { right:10px;}
.main_visual .swiper-pagination-bullet {width: 15px!important;height: 15px!important;}
.main_visual .swiper-pagination-bullet-active {  background: #fff!important; }
.main_visual .swiper-button-prev i, .main_visual .swiper-button-next i { font-size:50px; color:#fff; display:none;}
.main_visual .swiper-slide a { display:block; width:100%;}
.main_visual .swiper-slide a:before {position: absolute; left:0; bottom:0; width:100%; height:50%; background: linear-gradient(0deg, #000000 0%, rgba(0, 0, 0, 0) 100%);opacity: 0.5; content: "";}
.cons { width:1600px; margin-left:auto; margin-right:auto;}
 .cons:after { content:''; display:block; clear:both;}
.mc_top { overflow:hidden; width:1600px; margin:0 auto;}
.mc_top .main_visuals { float:left; width:66%;}
.mc_top .main_visuals img { width:100%;}
.mc_top .event_w { float:right; width:28%;}
.mc_top .event_w .tit { font-size:3.0rem; margin-bottom:20px; line-height:1.0em;}
.mc_top .event_w .list li a {  border-bottom:1px solid rgba(0, 0, 0, 0.1); padding:19px 0; display:flex;justify-content:space-between;align-items:flex-start;gap:16px;}
.mc_top .event_w .list li a .pic { width:82px; flex:0 0 82px;  }
.mc_top .event_w .list li a .tt {flex:1;flex-direction:column;}
.mc_top .event_w .list li a .tt .num { display:block; color:rgba(0, 0, 0, 0.2); font-size:0.9375rem; font-weight:bold; letter-spacing:1px;}
.mc_top .event_w .list li a .tt .title  { display:block; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;  overflow: hidden;text-overflow: ellipsis;  white-space:normal; font-size:1.06rem; line-height:1.3em;}
.mc_top .event_w .list li a:hover .tt .title { text-decoration:underline;}
.mc_top .event_w .list li:last-child a { padding-bottom:0; border-bottom:none;}
.mc_lo { text-align:center; background:url(../../images/main/main_lo_bg.jpg) no-repeat center center; background-size:cover; padding:130px 0;}
.mc_lo .tit { font-size:2.8125rem; color:#fff; line-height:1.0em;}
.mc_lo .tit:after { content:''; display:block; width:63px; height:2px; background:#fff; margin:20px auto;}
.mc_lo p { font-size:1.5625rem; color:#fff;}
.mc_lo .more {border-radius:3px; border:1px solid rgba(255, 255, 255, 0.5); text-align:center; width:200px; height:42px; line-height:42px; text-align:center;color:#fff; display:block; margin:15px auto 0;}
.mc_lo .more:hover { background:#fff; color:#000;}
.gl_news { padding:110px 0; border:1px solid rgba(0, 0, 0, 0.1); margin:110px 0; border-right:none; border-left:none;}
.gl_pop { padding:110px 0; border-top:1px solid rgba(0, 0, 0, 0.1); margin-top:110px;}
.gl.gl_big_w .gl_con .list li a .thum_w .thum {padding-top: 74%;}
.gl.gl_big_w .gl_con { display:flex;flex-wrap: wrap; gap:36px;}
.gl.gl_big_w .gl_con .list_big {width: 37.7%;flex: 0 0 37.7%;}
.gl.gl_big_w .gl_con .list_big .list li { width:100%;}
.gl.gl_big_w .gl_con .list_big .list li a .thum_w .thum {padding-top: 135%;}
.gl.gl_big_w .gl_con > .list {flex: 1; }
.gl.gl_big_w .gl_con > .list li { width: calc(50% - 18px);}
.gl.gl_pop { overflow:hidden;}
.gl.gl_pop .gl_tit { float:left;width: calc(25% - 27px);}
.gl.gl_pop .gl_tit .more { position:relative; border-radius:3px; border:1px solid rgba(0, 0, 0, 0.2); text-align:center; width:200px; height:42px; line-height:42px; text-align:center; margin-top:30px;}
.gl.gl_pop .gl_tit .more p { padding:0; top:0; line-height:42px; font-weight:400;}
.gl.gl_pop .gl_tit .more i { display:none;}
.gl.gl_pop .gl_tit .keyword { display:block; margin-top:10px; line-height:1.1em; font-size:1.875rem; text-decoration:underline; font-weight:bold;}
.gl.gl_pop .gl_con { float:right;width: calc(75% - 27px);}
.gl.gl_pop .gl_con .list li {width: calc(100% / 3 - 24px);}
.gl {}
.gl .gl_tit { position:relative; margin-bottom:20px;}
.gl .gl_tit h3.tit { font-size:2.8125rem; line-height:1.0em;}
.gl .gl_tit .more { position:absolute; text-align:right; top:5px; right:0; display:block;}
.gl .gl_tit .more p { display:inline-block; font-size:1.25rem; font-weight:500; position:relative; top:-5px; padding-right:10px;}
.gl .gl_tit .more i { font-size:2.0rem; transition-duration: 0.4s;}
.gl .gl_tit .more:hover { opacity:0.7;}
.gl .gl_tit .more:hover i {transform: rotate(180deg);}
.gl .gl_con {}
.gl .gl_con .list { display: flex;flex-wrap: wrap; gap:36px;}
.gl .gl_con .list li {width: calc(25% - 27px);}
.gl .gl_con .list li a { display:block;}
.gl .gl_con .list li a .thum_w {}
.gl .gl_con .list li a .thum_w .thum {position: relative;  overflow: hidden;  height: 0; padding-top: 100%;}
.gl .gl_con .list li a .thum_w .thum img {  position: absolute;  left: 0;  top: 0;  width: 100%;  height: 100%;  object-fit: cover;}
.gl .gl_con .list li a .con { margin-top:25px;}
.gl .gl_con .list li a .con .cate { font-weight:500; display:block; margin-bottom:10px;}
.gl .gl_con .list li a .con .tit { font-size:1.25rem; font-weight:600;display:block; line-height:1.3em;margin-bottom:10px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden;text-overflow: ellipsis; white-space: normal;}
.gl .gl_con .list li a .con .date { color:rgba(0, 0, 0, 0.4); font-size:0.9375rem;display:block;font-weight:600;}
.gl .gl_con .list li a:hover .con .tit { text-decoration:underline;}



@media only screen and (max-width: 1620px) {
.mc_top {  width:100%; margin-right:auto; margin-left:auto; padding-right:20px; padding-left:20px;}
.cons { width:100%; padding-right:20px; padding-left:20px;}
.main_visual .swiper-button-prev , .main_visual .swiper-button-next { display:none;}
.mc_top .event_w .tit { font-size:2.0rem; margin-bottom:10px; } 
}

@media only screen and (max-width: 1500px) {
.mc_top .event_w .list li a {padding: 13px 0;}

}

@media only screen and (max-width: 1300px) {
.main_visual2 { width:100%;}
.gallery_visual { width:100%;}
.mc_top .main_visuals { float:left; width:100%;}
.mc_top { padding-right:0px; padding-left:0px;}
.mc_top .event_w { padding-right:20px; padding-left:20px;}
.mc_top .event_w {  width:100%; margin-top:50px;}
.mc_top .event_w .list li a .tt { }
.mc_top .event_w .list li a .pic { width:150px; flex: 0 0 150px;}
.mc_top .event_w .list li a .tt .title  {  font-size:1.20rem; }
.mc_top .event_w .list li a .tt .num { font-size:1.05rem;}
.gl .gl_con .list { gap:14px;}
.gl .gl_con .list li {width: calc(25% - 11px);}
.gl.gl_pop .gl_con { float:right;width: calc(75% - 11px);}
.gl.gl_pop .gl_con .list li {width: calc(100% / 3 - 11px);}
.gl.gl_big_w .gl_con { gap:14px;}
.gl.gl_big_w .gl_con .list_big {width: 38.4%; flex: 0 0 38.4%;}
.gl.gl_big_w .gl_con > .list li {width: calc(50% - 8px);}
.gl_news { padding:80px 0; margin:80px 0;}
.gl_pop {padding:80px 0; margin:80px 0 0 0;}


}

@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;}
.mc_top .event_w .tit {  margin-bottom:0px; }
.mc_top .event_w .list li a .tt { width:67%;}
.mc_top .event_w .list li a .pic { width:33%;flex: 0 0 33%;}
.mc_lo {padding:100px 20px;}
.mc_lo .tit { font-size:2.2rem;}
.mc_lo .tit:after {  margin:10px auto;}
.gl.gl_pop { overflow:hidden;}
.gl.gl_pop .gl_tit { float:left;width:100%;}
.gl.gl_pop .gl_tit h3.tit { display:inline-block; padding-right:10px;}
.gl.gl_pop .gl_tit .more { position:absolute; border-radius:0px; border:none; text-align:right; width:auto; height:inherit; line-height:normal; margin-top:0; top:0; right:0;}
.gl.gl_pop .gl_tit .more p { display:inline-block; line-height:normal; font-weight:500; position:relative; top:-5px; padding-right:10px;}
.gl.gl_pop .gl_tit .more i { display:inline-block;}
.gl.gl_pop .gl_tit .keyword { display:inline-block; margin-top:10px; line-height:1.1em; font-size:1.875rem; text-decoration:underline; font-weight:bold;}
.gl.gl_pop .gl_con { float:right;width:100%;}
.gl.gl_pop .gl_con .list li,
.gl .gl_con .list li { width:100%; gap:15px;}
.gl .gl_con .list li a { display:flex; align-items: flex-start;gap: 20px; width:100%;}
.gl .gl_con .list li .thum_w {order:1; width:45%;flex: 0 0 45%;}
.gl .gl_con .list li .thum_w .thum img {}
.gl .gl_con .list li .con { order:2; flex: 1;display: flex;flex-direction: column;justify-content: center;}
.gl_news { padding:50px 0; margin:50px 0;}
.gl_pop {padding:50px 0; margin:50px 0 0 0;}
.gl_pop .gl_con .list li:first-child a { gap:10px;flex-direction: column;}
.gl_pop .gl_con .list li:first-child .thum_w { width:100%;flex: 0 0 100%;}
.gl_pop .gl_con .list li:first-child .con { width:100%; margin-top:0;}
.gl.gl_big_w .gl_con { display:flex;flex-wrap: wrap; gap:36px;flex-direction: column;}
.gl.gl_big_w .gl_con .list_big {width: 100%;flex: 0 0 100%;}
.gl.gl_big_w .gl_con .list_big .list li a {flex-direction: column; gap:10px;}
.gl.gl_big_w .gl_con .list_big .list li a .thum_w { width:100%;}
.gl.gl_big_w .gl_con .list_big .list li a .con { margin-top:0;}
.gl.gl_big_w .gl_con > .list {}
.gl.gl_big_w .gl_con > .list li { width:calc(100% + 0px);}

}

@media only screen and (max-width: 768px) {
.main_visual .title { font-size:1.8rem; bottom:30px; left:20px;}
.gl.gl_pop .gl_tit .more p,
.gl .gl_tit .more p { display:none;}
.gl .gl_tit h3.tit { font-size:2.2rem;}
.gl.gl_pop .gl_tit .keyword { font-size:1.2rem;}
.mc_lo {padding:60px 20px;}
.mc_lo p { font-size:1.0rem;}
.mc_lo .more {width:100%; }
.gl .gl_con .list li a .con { margin-top:10px;}
.gl.gl_pop .gl_tit .keyword { font-size:1.0rem;}
.mc_top .event_w .list li a .tt .title {-webkit-line-clamp:3;}
}
/*///////////////Main//////////////// */



/* -------------Sub------------- */
.list_main { position:relative;}
.list_main .gl_big_w { padding-bottom:110px; margin-bottom:110px; border-bottom:1px solid rgba(0, 0, 0, 0.1);}
.list_main .list_search { border-bottom:2px solid #000; display:flex; justify-content:space-between; align-items: center; width:28%; position:absolute; right:0; top:-120px;}
.list_main .list_search input { flex:1;border: 0;    background: transparent;    outline: none;    font-size: 1.3rem; font-weight:bold; height:50px; width:calc(100% - 65px);}
.list_main .list_search .del {cursor: pointer; color: rgba(0, 0, 0, 0.2); padding-right:7px;}
.list_main .list_search .del i {font-size: 1.5rem;}
.list_main .list_search button { width:35px;}
.list_main .list_search button i { font-size:2.0rem;}
.list_main .pagenation { margin-top:50px;}
.gl .gl_con .list .done a { cursor:default;}
.gl .gl_con .list .done a .con .tit { opacity:0.2;}
.gl .gl_con .list .done a:hover .con .tit { text-decoration:none;}
.gl .gl_con .list .done a .thum_w { position:relative;opacity:0.6;}
.gl .gl_con .list .done a .thum_w:after { content:'已結束的限時優惠'; display:block; position:absolute; width:100%; height:100%; background:rgba(0, 0, 0, 0.5); top:0; left:0; color:#fff; text-align:center; display:flex; justify-content: center; align-items: center; font-weight:bold; font-size:1.5rem;}
.gl .gl_con .list .done a .thum_w .thum img {filter: grayscale(100%);}
.promotion_w .gl .gl_con .list li a .con .date,
.promotion_w .gl .gl_con .list li a .con .cate,
.popular_w .gl .gl_con .list li a .con .date,
.popular_w .gl .gl_con .list li a .con .cate,
.press_w .gl .gl_con .list li a .con .cate { display:none;}
.popular_w .gl.gl_big_w .gl_con .list_big {width: 37.0%;flex: 0 0 37.0%;}
.note_w .gl.gl_big_w .gl_con .list_big {width: 39.0%;flex: 0 0 39.0%;}
.search_result .search_text { border-bottom:1px solid rgba(0, 0, 0, 0.3); padding-bottom:10px; margin-bottom:40px;} 
.search_result .search_tit {font-size: 3.75rem;line-height: 1.0em; text-align:center;}
.search_result .list_search { position:relative; top:inherit; right:inherit; margin:40px auto;}
.lo1 { padding:75px 0; display:flex; justify-content:space-between; align-items: center; }
.lo1 .tit { width:50%; padding-right:50px;}
.lo1 .tit h4 { font-size:3.0rem; line-height:1.1em; font-weight:500;}
.lo1 .tit p { font-size:1.25rem; line-height:1.2em; margin-top:20px;}
.lo1 .sns { display:flex; gap:12px; width:50%;}
.lo1 .sns li { width:calc(100% / 3 - 10px);}
.lo1 .sns li a { display:block; text-align:center; border:1px solid rgba(0, 0, 0, 0.2); display:flex;align-items: center;  justify-content: center;  flex-direction: column; border-radius:5px; padding:50px;}
.lo1 .sns li a:hover { background:rgba(0, 0, 0, 0.03); border:1px solid rgba(0, 0, 0, 0.0);}
.lo1 .sns li a i { font-size:3.5rem;}
.lo1 .sns li a p {text-transform: uppercase; font-size:1.25rem; font-weight:bold; padding:5px 0;}
.lo1 .sns li a b {font-size:1.25rem; color:rgba(0, 0, 0, 0.4);}
.lo2_w { overflow:hidden;}
.lo2_w > .tit { float:left; width:35%; padding-right:30px;}
.lo2_w > .tit h4 { font-size:2.5rem; font-weight:500; line-height:1.2em; margin-bottom:20px;}
.lo2_w > .tit p { color:#FF0000;}
.lo2_w .lo2 { float:right; width:65%;}
.lo2_w .lo2 .lo2_list {border-top:1px solid rgba(0, 0, 0, 0.1);}
.lo2_w .lo2 .lo2_list dl { display:flex; padding:20px 0; border-bottom:1px solid rgba(0, 0, 0, 0.1);}
.lo2_w .lo2 .lo2_list dl dt { width:220px; font-weight:bold; font-size:1.125rem; line-height:1.1em; padding-top:10px;}
.lo2_w .lo2 .lo2_list dl dt u { text-decoration:none; color:#FF0000; padding-left:5px;}
.lo2_w .lo2 .lo2_list dl dd { width:calc(100% - 220px);}
.lo2_w .lo2 .lo2_list dl dd input[type="text"] { width:100%; height:40px; background:rgba(0, 0, 0, 0.03); padding:10px; border:none;}
.lo2_w .lo2 .lo2_list dl dd textarea { width:100%; height:200px; background:rgba(0, 0, 0, 0.03); padding:10px; border:none;resize: vertical;}
.lo2_w .lo2 .lo2_list dl dd .ch li { display:inline-block; vertical-align:top;}
.lo2_w .lo2 .lo2_list dl dd .ch li + li { margin-left:20px;}
.lo2_w .lo2 .lo2_list dl dd .ch li input { margin-right:5px; position:relative; top:3px;}
.lo2_w .lo2 .lo2_pra {border-bottom:1px solid rgba(0, 0, 0, 0.1); padding:20px 0;}
.lo2_w .lo2 .lo2_pra .txt { padding:30px; background:rgba(0, 0, 0, 0.03); line-height:1.2em; color:rgba(0, 0, 0, 0.5);}
.lo2_w .lo2 .lo2_pra .con { text-align:center; margin-top:20px;}
.lo2_w .lo2 .lo2_pra .con p { font-size:1.125rem;}
.lo2_w .lo2 .lo2_pra .con ul li { display:inline-block; margin:10px;font-size:1.125rem;}
.lo2_w .lo2 .lo2_pra .con ul li input { position:relative; top:3px;}
.lo2_w .lo2 .lo2_btn { text-align:center; padding-top:40px;}
.lo2_w .lo2 .lo2_btn button { width:250px; height:60px; font-size:1.375rem;}
.lo3_w h4 { text-align:center; font-size:2.25rem; line-height:1.2em; font-weight:500;}
.lo3_w h4 u { text-decoration:none; display:block; color:rgba(0, 0, 0, 0.4); font-weight:bold; letter-spacing:8px; text-transform: uppercase; font-size:1.05rem;}
.lo3_w .lo3_1 { margin:60px 0 100px; display:flex;}
.lo3_w .lo3_1 .pic { background:url(../../images/sub/location_pic.jpg) no-repeat center left; background-size:cover; width:50%;}
.lo3_w .lo3_1 .con { width:50%; padding-left:80px;}
.lo3_w .lo3_1 .con dl + dl { margin-top:40px;}
.lo3_w .lo3_1 .con dl dt { font-size:1.25rem; font-weight:bold; margin-bottom:10px;}
.lo3_w .lo3_1 .con dl ul li { overflow:hidden;}
.lo3_w .lo3_1 .con dl ul li p { display:block; font-weight:bold; font-size:1.0625rem; float:left;}
.lo3_w .lo3_1 .con dl ul li b { display:block;  font-weight:normal; color:rgba(0, 0, 0, 0.5);  float:left;} 
.lo3_w .lo3_1 .con dl ul .ss { color:rgba(0, 0, 0, 0.5); font-size:0.95rem; padding-top:5px;}
.lo3_w .lo3_1 .con .t1 ul li p { width:85px;}
.lo3_w .lo3_1 .con .t1 ul li b { width:calc(100% - 85px);}
.lo3_w .lo3_1 .con .t2 ul li p { width:55px;}
.lo3_w .lo3_1 .con .t2 ul li b { width:calc(100% - 55px);}
.lo3_w .lo3_1 .con .sns dd { line-height:1.0em;}
.lo3_w .lo3_1 .con .sns dd i { font-size:3.0rem;}
.lo3_w .lo3_1 .con .sns dd b { font-size:3.125rem; }
.lo3_w .lo3_2 iframe { width:100%; height:500px; border:none; display:block; margin-bottom:60px;}
.lo3_w .lo3_2 .con dl { display:flex; }
.lo3_w .lo3_2 .con dl dt { width:230px; border-top:2px solid #000; font-size: 1.25rem; font-weight:bold; line-height:1.3em;}
.lo3_w .lo3_2 .con dl ul { width:calc(100% - 230px); padding-left:20px;border-top:1px solid rgba(0, 0, 0, 0.1);}
.lo3_w .lo3_2 .con dl ul li { overflow:hidden;}
.lo3_w .lo3_2 .con dl ul li p { font-weight: bold;font-size: 1.0625rem;display:block; float:left;}
.lo3_w .lo3_2 .con dl ul li b { font-weight: normal;color: rgba(0, 0, 0, 0.5);display:block; float:left;}
.lo3_w .lo3_2 .con dl dt,
.lo3_w .lo3_2 .con dl ul { padding-top:40px; padding-bottom:40px;}
.lo3_w .lo3_2 .con .t1 ul li p { width:65px;}
.lo3_w .lo3_2 .con .t1 ul li b { width:calc(100% - 65px);}
.lo3_w .lo3_2 .con .t2 ul li p { width:180px;}
.lo3_w .lo3_2 .con .t2 ul li b { width:calc(100% - 180px);}
.lo3_w .lo3_2 .con dl ul .ss { margin-top:10px; color: rgba(0, 0, 0, 0.5); font-size:0.9375rem;}
.str .top { text-align:center; margin-bottom:80px; font-size:3.2rem; font-weight:normal;}
.str .top u { text-decoration:none; font-size:1.5625rem; display:block;}
.str .top u:before { content:''; display:block; width:45px; height:3px; background:#000; margin:10px auto;}
.str .con {}
.str .con dl { display:flex; justify-content: center; align-items: center; margin-bottom:150px;}
.str .con dl dt { order:1; width:55%;}
.str .con dl dt img { width:100%;}
.str .con dl dd { order:2; width:45%; padding-left:60px;}
.str .con dl dd h4 { font-size:1.875rem; margin-bottom:20px; position:relative; left:-10px; line-height:1.2em;}
.str .con dl dd ul li { margin-bottom:15px; font-size:1.1rem; line-height:1.2em;}
.str .con dl:nth-child(2n) dt {order:2;}
.str .con dl:nth-child(2n) dd {order:1; padding:0; padding-right:60px;}
.str .bt { text-align:center; height:350px; background:url(../../images/sub/story_04.jpg) no-repeat center center; background-size:cover; padding:100px 50px;}
.str .bt p { color:#fff; font-weight:bold; font-size:1.875rem; line-height:1.2em; margin-top:20px;}
.str .bt .logo { width:170px; filter: brightness(0) invert(1);}



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

}

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

}

@media only screen and (max-width: 1300px) {
.list_main .gl_big_w { padding-bottom:80px; margin-bottom:80px;}
.list_main .list_search { top:-90px;}
.popular_w .gl.gl_big_w .gl_con .list_big {width: 37.5%; flex: 0 0 37.5%;}
.note_w .gl.gl_big_w .gl_con .list_big {width: 40.4%; flex: 0 0 40.4%;}
.search_result .list_search { position:relative; top:inherit; right:inherit; margin:30px auto;}
.lo1 .tit h4 { font-size:2.5rem; }
.lo2_w > .tit h4 { font-size:2.0rem;}
.lo2_w .lo2 .lo2_list dl dt { width:150px; }
.lo2_w .lo2 .lo2_list dl dd { width:calc(100% - 150px);}

}

@media only screen and (max-width: 1024px) {
.list_main .gl_big_w { padding-bottom:50px; margin-bottom:50px;}
.list_main .list_search { top:-70px;}
.list_main .list_search input { height:35px;}
.list_main .pagenation { margin-top:30px;}
.popular_w .gl.gl_big_w .gl_con .list_big,
.note_w .gl.gl_big_w .gl_con .list_big {width: 100%; flex: 0 0 41%;}
.search_result .search_text { padding-bottom:0px; margin-bottom:20px; border-bottom:none;} 
.search_result .search_tit {font-size: 2.5rem;}
.search_result .list_search { position:relative; top:inherit; right:inherit; margin:20px auto;}
.lo1 { padding:40px 0; display:block;  }
.lo1 .tit { width:100%; padding-right:0px; padding-bottom:30px;}
.lo1 .tit h4 { font-size:2.0rem;}
.lo1 .tit h4 br { display:none;}
.lo1 .tit p { margin-top:10px;}
.lo1 .sns {  gap:7px; width:100%;}
.lo1 .sns li { width:calc(100% / 3 - 5px);}
.lo1 .sns li a {padding:40px 0;}
.lo1 .sns li a i { font-size:2.5rem;}
.lo1 .sns li a p {padding:0;}
.lo1 .sns li a b { }
.lo2_w {}
.lo2_w > .tit { width:100%; padding-right:0px; margin-top:0px; margin-bottom:20px;}
.lo2_w > .tit h4 { margin-bottom:5px;}
.lo2_w > .tit h4 br { display:none;}
.lo2_w .lo2 { width:100%;}
.lo2_w .lo2 .lo2_list dl {  padding:15px 0; flex-direction: column; }
.lo2_w .lo2 .lo2_list dl dt { width:100%; padding:0; margin-bottom:10px;}
.lo2_w .lo2 .lo2_list dl dd { width:100%;}
.lo2_w .lo2 .lo2_btn { padding-top:20px;}
.lo2_w .lo2 .lo2_pra .txt { padding:15px;}
.lo3_w h4 { font-size:2.0rem; }
.lo3_w h4 u { letter-spacing:2px; font-size:1.0rem;}
.lo3_w .lo3_1 { margin:30px 0 50px;flex-direction: column;}
.lo3_w .lo3_1 .pic { background:none;width:100%; margin-bottom:20px;}
.lo3_w .lo3_1 .con { width:100%; padding-left:0px;}
.lo3_w .lo3_1 .con dl + dl { margin-top:20px;}
.lo3_w .lo3_1 .con dl { border-bottom:1px solid rgba(0, 0, 0, 0.1); padding-bottom:20px;}
.lo3_w .lo3_1 .con dl dt { margin-bottom:5px;}
.lo3_w .lo3_1 .con .t1 ul li p { width:80px;}
.lo3_w .lo3_1 .con .t1 ul li b { width:calc(100% - 80px);}
.lo3_w .lo3_1 .con .t2 ul li p { width:50px;}
.lo3_w .lo3_1 .con .t2 ul li b { width:calc(100% - 50px);}
.lo3_w .lo3_1 .con .sns dd i { font-size:2.0rem;}
.lo3_w .lo3_1 .con .sns dd b { font-size:2.0rem; }
.lo3_w .lo3_2 iframe { height:400px;margin-bottom:30px;}
.lo3_w .lo3_2 .con dl dt { width:100px;}
.lo3_w .lo3_2 .con dl ul { width:calc(100% - 100px);}
.lo3_w .lo3_2 .con dl dt,
.lo3_w .lo3_2 .con dl ul { padding-top:20px; padding-bottom:20px;}
.lo3_w .lo3_2 .con dl ul .ss { margin-top:10px; font-size:0.9375rem;}
.str .top { font-size:2.5rem; margin-bottom:40px;}
.str .top u { font-size:1.2rem;}
.str .con dl { margin-bottom:60px; flex-direction: column;}
.str .con dl dt { width:100%; margin-bottom:20px;}
.str .con dl dd {  width:100%; padding-left:0px;}
.str .con dl:nth-child(2n) dt {order:1;}
.str .con dl:nth-child(2n) dd {order:2; padding:0; }
}

@media only screen and (max-width: 768px) {
.list_main .list_search { position:relative; right:inherit; top:inherit; width:100%; margin-bottom:20px;}
.list_main .list_search input {  font-size: 1.1rem; }
.gl .gl_con .list .done a .thum_w:after { font-size:1.0rem;}
.promotion_w .gl .gl_con .list li a .con .tit {-webkit-line-clamp: 4;}
.lo1 .sns li a { padding:20px 0;}
.lo1 .sns li a p,
.lo1 .sns li a b { font-size:1.0rem;}
.lo2_w .lo2 .lo2_list dl dd .ch li + li { margin:0;}
.lo2_w .lo2 .lo2_list dl dd .ch li { display:inline-block; width:calc(50% - 10px); padding:5px;}
.lo2_w .lo2 .lo2_btn button { width:100%; height:40px;}
.lo3_w h4 { font-size:1.8rem;}
.lo3_w h4 br { display:none;}
.lo3_w .lo3_2 .con dl dt { width:80px;}
.lo3_w .lo3_2 .con dl ul { width:calc(100% - 80px);}
.lo3_w .lo3_2 .con dl ul { padding-left:5px;}
.lo3_w .lo3_2 .con .t1 ul li p,
.lo3_w .lo3_2 .con .t1 ul li b,
.lo3_w .lo3_2 .con .t2 ul li p,
.lo3_w .lo3_2 .con .t2 ul li b { width:100%;}
.str .top { font-size:2.0rem;}
.str .con dl dd h4 { font-size:1.3rem;}
.str .con dl dd ul li { font-size:1.0rem;}
.str .bt { height:auto; padding:50px;}
.str .bt p { font-size:1.2rem;}
.str .bt .logo { width:100px;}


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



/* -------------Common------------- */
.btn1 { border-radius:3px; background:rgba(0, 0, 0, 0.7); border:1px solid rgba(0, 0, 0, 0.0); color:#fff; font-weight:500; text-align:center; cursor:pointer; display:inline-block;transition-duration: 0.4s;}
.btn1:hover { color:rgba(0, 0, 0, 1.0); background:#fff; border:1px solid rgba(0, 0, 0, 0.4);}
.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:90px;}
.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:#f1cc45!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: 49%; /* 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(67, 132, 229, 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 { font-size:1.7rem; font-weight:600; margin-bottom:15px;}
.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(67, 132, 229, 1.0); color:#fff; font-size:1.6rem; font-weight:600; padding:5px 8px 3px; line-height:1.1em;}

.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);}
.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;}
.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;}

.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;}

.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 { font-size:1.5rem; font-weight:600; margin-bottom:10px;}
.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; }
.list1.li > li { margin:3px 0; padding:2px 0 5px 10px; }
.list1 > li:before {top:11px;}
.list2.bx { padding:12px 15px 5px 15px;}
.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;}

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


}

@media only screen and (max-width: 420px) {
.pa1 { margin-bottom:40px;}
.pa2 { margin-bottom:20px;}
.pa3 { margin-bottom:10px;}
.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:10px 0 0 0;}
.pagenation li { display:inline; cursor:pointer;}
.pagenation .num { display:inline-block; text-align:center; padding:0px 15px; font-size:; min-width:20px; background:rgba(0, 0, 0, 0.03); border-radius:2px; margin:0 0px; height:32px; line-height:32px;}
.pagenation .ar {display:inline-block; text-align:center;width:32px; height:32px;vertical-align:top; margin:0 1px;}
.pagenation .ar i { font-size:16px; vertical-align:-2px; display:inline-block; width:32px; height:32px;}
.pagenation .on { color:#fff; font-weight:bold!important; background:rgba(0, 0, 0, 0.3);}
.pagenation .ar .i-ar1 { background:url(/images/common/ar1.png) no-repeat  center center; background-size:auto 15px;}
.pagenation .ar .i-ar2 { background:url(/images/common/ar2.png) no-repeat  center center; background-size:auto 15px;}
.pagenation .ar .i-ar3 { background:url(/images/common/ar3.png) no-repeat  center center; background-size:auto 15px;}
.pagenation .ar .i-ar4 { background:url(/images/common/ar4.png) no-repeat  center center; background-size:auto 15px;}

.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(67, 132, 229, 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(67, 132, 229, 1.0);}
.board_list .blw.td .file i { display:inline-block; font-size:25px;}
.board_list .notice {background: rgba(67, 132, 229, 0.1);}
.board_list .notice .i-notice { font-size:30px;}

.board_view_w .bv_info {} 
.board_view_w .bv_info .subject { font-size:2.0rem; 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; position:relative;} 
.board_view_w .bv_info .info .url { position:absolute; right:10px; top:7px;}
.board_view_w .bv_info .info .url button {  padding:7px 15px;}
.board_view_w .bv_info .info .url button i { transform: rotate(-45deg); font-size:1.7rem;}
.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 { 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 { display:inline-block; width:calc(100% - 100px);overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align:top;}
.board_view_w .bv_reply {padding:20px;border-bottom:1px solid rgba(0, 0, 0, 0.2); background:rgba(67, 132, 229, 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(67, 132, 229, 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(67, 132, 229, 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(67, 132, 229, 1.0);  background:rgba(67, 132, 229, 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(67, 132, 229, 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 {height: 25px; line-height: 25px;padding: 0px 10px;}
.pagenation .ar i { width:20px; height:25px;}
.pagenation .on { }
.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; font-size:1.3rem;} 
.board_view_w .bv_info .info { padding:10px;} 
.board_view_w .bv_info .info .url { top:2px; right:0px;}
.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) {
.board_view_w .bv_info .subject { font-size:1.1rem;} 
.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(67, 132, 229, 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(67, 132, 229, 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////////////// */

.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)  ; }




sd