@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 {font-size: 17px;scroll-behavior: smooth;}
html, body {}
body {  height: 100%;  font-family:'Montserrat', 'Noto Sans KR', sans-serif; scroll-behavior: smooth; overflow:auto; line-height: 1.5;color: rgba(0, 0, 0, 0.8);letter-spacing:-0.05em;-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;}
a[href^="tel:"] {    pointer-events: none;    cursor: default;}
@media only screen and (max-width: 1024px) {    a[href^="tel:"] {        pointer-events: auto;        cursor: pointer;    }}
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;}


/* -------------Layout------------- */
#wrap {width:100%; position:relative; min-width:1400px; overflow:hidden; }
.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.2);}
.topmenu_w .topmenu { width:1800px; margin:0 auto; padding:30px 0; position:relative; transition: all 0.4s ease;}
.topmenu_w .topmenu:after { content:''; display:block; clear:both;}
.topmenu_w .topmenu .logo { float:left; width:250px; position:relative; }
.topmenu_w .topmenu .logo img {filter: brightness(0) invert(1);}
.topmenu_w .topmenu .menu_w { width:calc(100% - 500px); float:left;}
.topmenu_w .topmenu .menu_w .menu_f { display:flex; width:970px; margin:0 auto;}
.topmenu_w .topmenu .menu_w .menu_f .menu { width:100%;}
.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:#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; color:rgba(0, 0, 0, 0.6);}
.topmenu_w .topmenu .menu_w .menu_f .menu .m_sub > li > a:hover { text-decoration:underline;}
.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 .spot { float:right; width:50px; text-align:right; }
.topmenu_w .topmenu .spot i { font-size:2.5rem; color:#fff; cursor:pointer;}
.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);}
.topmenu_m .top .logo { float:left; width:200px;} 
.topmenu_m .top .logo img { height:30px;width: auto;}
.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:3px; text-align:center;height:30px; line-height:30px; background:rgba(0, 0, 0, 0.05);}
.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 .m_sub_ li {}
.topmenu_m .menu_m .menu .m_sub .m_sub_ li a { padding:3px; display:block;}
.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; opacity:0.5;}
.topmenu_m .menu_m .menu { position:relative;}
.footer_w {width:100%; background:#fff;  background:#181c21;}
.footer_w .footer {width:1400px; margin:0 auto; padding:80px 0; position:relative; overflow:hidden; display:flex;align-items: center;  justify-content:space-between;}
.footer_w .footer .con { }
.footer_w .footer .logos {  border-radius:5px; background:rgba(0, 0, 0, 0.3); padding:20px; text-align:center;}
.footer_w .footer .logos dt { color:#fff; font-weight:bold; font-size:1.059rem; margin-bottom:10px;}
.footer_w .footer .logos dd { display:flex;}
.footer_w .footer .logos dd img { height:30px; width:auto;}
.footer_w .footer .logos dd a { padding:0 5px;}
.footer_w .footer .footer_call { }
.footer_w .footer .footer_call a { display:inline-block; font-size:2.0rem; letter-spacing:normal; font-weight:700; color:#fff;}
.footer_w .footer .footer_call a + a { margin-left:0px;}
.footer_w .footer .footer_call a i {font-size:1.7rem; color:rgba(255, 255, 255, 0.5);}
.footer_w .footer .footer_menu { margin:20px 0;}
.footer_w .footer .footer_menu li { display:inline-block;}
.footer_w .footer .footer_menu li + li:before { display:inline-block; width:1px; height:13px; background:rgba(255, 255, 255, 0.3); margin:0 10px; content:''; position:relative; top:0px;}
.footer_w .footer .footer_menu li a { color:rgba(255, 255, 255, 0.6);}
.footer_w .footer .footer_copy {  margin-bottom:7px; }
.footer_w .footer .footer_copy li { display:inline-block; font-size:0.85rem; color:rgba(255, 255, 255, 0.6); line-height:1.3rem;}
.footer_w .footer .footer_copy li + li:before  {  display:inline-block; width:1px; height:10px; background:rgba(255, 255, 255, 0.3); margin:0 10px; content:''; position:relative; top:0px;}
.footer_w .footer .copyright { font-size:0.9rem; color:rgba(255, 255, 255, 0.5);}
.footer_w .footer .copyright b {font-size:0.9rem; color:#fff; font-weight:500;}

.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;z-index:10001;}
.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:1000px; 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% / 3 - 12px); margin:6px; float:left; position:relative;}
.gnb_w .gnb .con .menu .m_tit { font-size:1.5rem; 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:25px; bottom:25px; width:70px;}
.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) { height:300px;}
.gnb_w .gnb .con .menu:nth-child(4),
.gnb_w .gnb .con .menu:nth-child(5),
.gnb_w .gnb .con .menu:nth-child(6),
.gnb_w .gnb .con .menu:nth-child(7) { height:350px;}
.gnb_w.he { padding-top:18px;}
.sub_w { }
.sub_w .sub_contents { width:1400px; margin:0 auto; margin-bottom:120px; padding-top:80px; background:#fff;}
.sub_w .sub_visual { height:498px; overflow:hidden;}
.sub_w .sub_visual .pic {background:url(../../images/common/sub_visual.jpg) no-repeat top center; background-size:cover; height:498px; animation: sub_img_mv 3s ease;}
@keyframes sub_img_mv {
	0% {transform: scale(1.1, 1.1);}
	100% {transform: scale(1.0, 1.0);}
}
.sub_w .sub_visual .txt {text-align:center; width:100%; position:absolute; z-index:55; top:0;}
.sub_w .sub_visual .txt p { font-size:3.1rem; font-weight:600; color:#fff; line-height:1.1em; padding:220px 0 15px;}
.sub_w .sub_visual .txt u { text-decoration:none; color:#fff;}
.sub_w .sub_visual .txt p,
.sub_w .sub_visual .txt u {text-shadow: 0px 0px 20px rgba(0, 0, 0, 1.0);}
.sub_w .sub_tit { text-align:center; margin:0 auto; position:relative; margin-top:-86px;}
.sub_w .sub_tit .tit { font-size:2.0rem; font-weight:500; display:none; color:#fff;}
.sub_w .sub_tit .sub_tit_btn { display:none;}
.sub_w .sub_tit .sub_tab { background:rgba(0, 0, 0, 0.5);}
.sub_w .sub_tit .sub_tab .stab1 { display:flex; width:1400px; margin:0 auto; overflow:hidden;}
.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.4); position:absolute; top:37px; left:0;}
.sub_w .sub_tit .sub_tab .stab1 li a { height:86px; line-height:86px; font-size:1.118rem;display:block; color:#fff;text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);}
.sub_w .sub_tit .sub_tab .stab1 .on a { color:#000;text-shadow:none; border-radius:5px 5px 0 0; background:#fff; position:relative; top:10px; font-weight:600;box-shadow: 5px 0px 10px 0px rgba(0, 0, 0, 0.2);}
.sub_w .sub_tit .sub_tab .stab2 { padding-top:40px; background:#fff;}
.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:5px; 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, #506780, #313f4e); color:#fff;box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.1);}
.main_popup_w {position:relative; width:1400px; height:0; margin:0 auto;}
.main_popup_w .main_popup { background:#fff; z-index:5000; 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 img { width:100%;}
.main_popup_w .main_popup .main_popup_con .ppp { display:block;}
.main_popup_w .main_popup .main_popup_con .mmm { display:none;}
.quick_w { position:fixed; right:30px; width:90px; top: 50%;transform: translateY(-50%); z-index:100;}
.quick_w li { margin-bottom:12px;}
.quick_w li a { display:block; width:90px; height:90px; border-radius:50%; text-align:center; background:#fff; display:flex;  justify-content: center; align-items: center;  flex-direction: column;box-shadow: 4px 4px 9px 0px rgba(0, 0, 0, 0.15);}
.quick_w li a p {  font-size:0.8rem; padding-top:5px; line-height:1.1em; font-weight:500;}
.quick_w li a i { color:rgba(0, 0, 0, 0.3); font-size:1.8rem;}
.quick_w li a:hover { background:#313f4f;}
.quick_w li a:hover p,
.quick_w li a:hover i { color:rgba(255, 255, 255, 0.5);}
.quick_w .top a { background:#313f4f;}
.quick_w .top a i { color:#fff; position:relative; top:5px;transition: all 0.4s ease;}
.quick_w .top a:hover { background:#1b2530;}
.quick_w .top a:hover i { top:-5px;}
.ns .sub_w .sub_visual { height:412px;}
.ns .sub_w .sub_tit { margin:0;}


@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: 1650px) {
.quick_w { display:none;}
}

@media only screen and (max-width: 1420px) {
#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:170px; margin-right:20px;}
.topmenu_w .topmenu .spot i { font-size:1.9rem; position:relative; top:10px;}
.footer_w .footer { width:calc(100% - 0px); padding:70px 20px;}
.footer_w .footer .footer_logo { width:180px; margin-right:40px; }
.footer_w .footer .con {width:calc(100% - 220px);}
.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;}
.main_popup_w {width:100%;}
.sub_w .sub_tit .sub_tab .stab1 li a { height:60px; line-height:60px; font-size:1.05rem;}
.sub_w .sub_tit .sub_tab .stab1 li + li:before {top:24px;}
.sub_w .sub_tit { margin-top:-60px;}
}

@media only screen and (max-width: 1220px) {
.footer_w .footer {flex-direction: column;}
.footer_w .footer .con { text-align:center; }
.footer_w .footer .logos { margin-top:20px; padding:10px 15px;}
.footer_w .footer .logos dt { display:inline-block; font-size:1.0rem; margin:0; margin-right:10px;}
.footer_w .footer .logos dd { display:inline-block;}
}


@media only screen and (max-width: 1024px) {
html { font-size:15px;}
.pp { display:none!important;}
.mm { display:inline-block!important;}
.topmenu_w { display:none;}
.topmenu_m { display:block;}
.topmenu_m .top .logo img { height:25px; position:relative; top:-10px;}
.topmenu_m .menu_m .spot {display: flex;}
.footer_w .footer { width:calc(100% - 20px); padding:40px 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;}
.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(255, 255, 255, 0.05);  padding:7px 0; font-size:0.9rem;}
.footer_w .footer .footer_copy { width:calc(100% - 0px); margin:0;}
.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;}
.footer_w .footer .logos dd img { height:25px;}
.main_contents { margin-top:50px;}
.gnb_w  { display:none;}
.sub_w {margin-top:50px; background:none;}
.sub_w .sub_contents { padding-right:10px; padding-left:10px; width:calc(100% - 0px); margin-bottom:30px; margin-top:40px; padding-top:0;}
.sub_w .sub_visual { display:none;}
.sub_w .sub_tit {padding:0; margin:0;}
.sub_w .sub_tit .tit { font-size:1.3rem; background: rgba(31, 52, 87, 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 { background:none;}
.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; box-shadow:none;}
.sub_w .sub_tit .sub_tab .stab1 .on a { background:rgba(0, 0, 0, 0.05);}
.sub_w .sub_tit .sub_tab .stab2 { padding:20px 10px 20px;}
.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; min-width:70px;}
.sub_w .sub_tit .sub_tab .stab2 .on a { box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.0);}
.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) {
html { font-size:13px;}
.sub_w .sub_contents {margin-top:20px;}
.topmenu_m .top .logo img {  top:-5px;}
.footer_w .footer .footer_menu { margin:10px 0 5px;}
.footer_w .footer .footer_call a i,
.footer_w .footer .footer_call a { font-size:1.4rem;}
.footer_w .footer .logos dt { font-size:0.9rem;}
.footer_w .footer .logos dd img { height:20px;}

}

@media only screen and (max-width: 420px) {
.footer_w .footer .footer_menu li a { font-size:0.8rem;}
.footer_w .footer .footer_call a i,
.footer_w .footer .footer_call a { font-size:1.1rem;}
}
/* /////////////Layout//////////// */


/* -------------Main------------- */
.swiper { z-index:2!important;}
.swiper-slide {display: flex;justify-content: center; align-items: center;}
.swiper-slide img { display: block; height: 100%; object-fit: cover; width:100%;}
.board_view_w .swiper-slide img { width:auto; max-width:100%;}
.swiper-button-prev:after, .swiper-button-next:after { display:none;}
.main_visual { height:800px; position:relative;}
.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_visual .swiper-pagination { bottom:100px!important;}
.main_vod {   width: 110%;  z-index: -1;  position:relative; background:#000;}
.main_vod_content {  height: 100%;  width: 100%;  object-fit: cover; opacity: 0.85; display: block;}
.main_visual_txt {  position:absolute; width:1400px; color:#fff; }
.main_visual_txt p,
.main_visual_txt p b { font-size:3.235rem; line-height:1.2em; color:#fff;letter-spacing: -0.07em;}
.main_visual_txt p b { font-weight:600; color:#d3b187; display:block;}
.main_visual_txt p { font-weight:100;}
.main_visual_txt u { display:block; text-decoration:none; color:#fff; font-size:1.176rem; padding:10px 0 30px;}
.main_visual_txt .num {display:inline-block; border-radius:3px; background:#313f4f; padding:8px 35px;box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.5);}
.main_visual_txt a {  color:#fff; font-size:1.5rem; font-weight:bold; letter-spacing:normal;}
.main_visual_txt a + a { margin-left:0px;}
.main_visual_txt a i { color:rgba(255, 255, 255, 0.5);}
.main_visual_txt p,
.main_visual_txt p b,
.main_visual_txt p,
.main_visual_txt u {text-shadow: 0px 0px 20px rgba(0, 0, 0, 1.0);}

.fac_gallery { overflow:hidden; border-radius:5px;}
.fac_gallery .swiper-button-prev { left:10px;}
.fac_gallery .swiper-button-next { right:10px;}
.fac_gallery .swiper-pagination-bullet {width: 15px!important;height: 15px!important; background:#fff!important;}
.fac_gallery .swiper-pagination-bullet-active {  background: #fff!important; }
.fac_gallery .swiper-button-prev i, .fac_gallery .swiper-button-next i { font-size:50px; color:#fff;}
.fac_gallery .swiper-slide a { display:block; overflow:hidden;}
.fac_gallery .swiper-slide a img {filter: grayscale(100%); opacity:0.8;transition: all 0.6s ease; transform: scale(1); }
.fac_gallery .swiper-slide a:hover img {filter: grayscale(0%); opacity: 1; transform: scale(1.05);}
.fac_thum {box-sizing: border-box;max-width: 600px;margin: 15px auto 0;}
.fac_thum .swiper-slide {cursor: pointer;  border: 2px solid transparent; transition: all 0.3s ease;}
.fac_thum .swiper-slide img { width: 100%; height: 100%; object-fit: cover; display: block;filter: brightness(0.6);}
.fac_thum .swiper-slide-thumb-active {   border: 2px solid #000;  }
.fac_thum .swiper-slide-thumb-active img {filter: brightness(1.0)}
.fac11 .fac_thum { max-width: 900px;}

.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;}
.main_w .tits { text-align:center; color:#2f2f2f; margin-bottom:40px;}
.main_w .tits,
.main_w .tits > b { line-height:1.1em; font-size:2.55rem; font-weight:600;}
.main_w .tits > b { color:#a07143;}
.main_w .tits > u { text-decoration:none; display:block; font-size:1.0625rem; margin-top:15px; font-weight:normal;line-height:1.2em;}
.mc1_ww {background:url(../../images/main/1_bg.jpg);}
.mc1_w { width:1400px; margin:0 auto;}
.mc1_w .mc1 { display:flex; overflow:hidden; border-radius:5px; background:#fff; box-shadow: 10px 10px 20px 0px rgba(0, 0, 0, 0.2); position:relative; top:-84px; z-index:51;}
.mc1_w .mc1 li { width:100%; border-right:1px solid #677d94;}
.mc1_w .mc1 li:last-child a { border:none;}
.mc1_w .mc1 li a { display:block; display:flex; padding:0 40px; align-items: center; height:170px; position:relative;}
.mc1_w .mc1 li a span { display:block;}
.mc1_w .mc1 li a .pic { width:85px; transition-duration: 0.4s;}
.mc1_w .mc1 li a .pic img { transition-duration: 0.4s; filter: brightness(0) invert(1) drop-shadow(3px 3px 8px rgba(0,0,0,0.3));}
.mc1_w .mc1 li a .tt { padding-left:20px; width:calc(100% - 95px); transition-duration: 0.4s;}
.mc1_w .mc1 li a .tt b { display:block; font-size:1.412rem; transition-duration: 0.4s; color:#fff;}
.mc1_w .mc1 li a .tt u { font-size:0.941rem; text-decoration:none; transition-duration: 0.4s; display:block; color:rgba(255, 255, 255, 0.8);}
.mc1_w .mc1 li a .tt u br { display:none;}
.mc1_w .mc1 li a .ic { text-align:right; font-size:1.5rem; transition-duration: 0.4s; position:relative; right:-10px; color:#fff;}
.mc1_w .mc1 li a:before { content:''; position:absolute; left:0; top:0; width:100%; height:100%; background-image: linear-gradient(to bottom, #506780, #313f4e); opacity: 1; transition: opacity 0.4s ease; z-index: -1;}
.mc1_w .mc1 li a:hover::before {opacity: 0;}
.mc1_w .mc1 li a:hover .pic img {filter: none;}
.mc1_w .mc1 li a:hover .tt b { color:#000; }
.mc1_w .mc1 li a:hover .tt u { color:rgba(0, 0, 0, 0.6); }
.mc1_w .mc1 li a:hover .ic { color:#000; }



.mc2 { background:url(../../images/main/1_bg.jpg); padding:30px 0 140px;}
.mc2_sch { margin:0 auto; border-radius:5px; background-image: linear-gradient(to bottom, #506780, #313f4e);box-shadow: 6px 6px 15px 0px rgba(0, 0, 0, 0.2); padding:4px; width:850px; display:flex;align-items: center; margin-bottom:45px;}
.mc2_sch .tt { display:block; width:170px; text-align:center; color:#fff; font-size:1.059rem; font-weight:600;}
.mc2_sch .ip { display:block; width:calc(100% - 140px);}
.mc2_sch .ip input { width:100%; border-radius:5px; border:none;  background:#fff; height:44px; padding-left:15px;}
.mc2_sch button { width:70px; color:#fff; font-size:2.0rem;}
.mc2 .mc2_con { display:flex; gap:30px;}
.mc2 .mc2_con .con { overflow:hidden; border-radius:5px;box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.2); background:#fff; width:calc(100% / 4 - 23px); padding:40px 40px 30px; text-align:center;transition: all 0.4s ease;}
.mc2 .mc2_con .con:hover { opacity:0.5;}
.mc2 .mc2_con .con a { display:block; position:relative; padding-bottom:30px; height:100%;}
.mc2 .mc2_con .con .name { display:block; text-align:center; color:rgba(0, 0, 0, 0.5);}
.mc2 .mc2_con .con .name b { color:#000; font-size:1.471rem; font-weight:600; padding-right:5px;}
.mc2 .mc2_con .con .more { font-size:0.941rem; color:rgba(0, 0, 0, 0.5); font-weight:600; position:absolute; width:100%; bottom:0; left:0;border-top:1px solid rgba(0, 0, 0, 0.1); padding-top:10px;}
.mc2 .mc2_con .con .more i { padding-left:10px;}
.mc2 .mc2_con .con ul { padding:20px 0 20px;  }
.mc2 .mc2_con .con ul li { overflow:hidden; margin-bottom:10px;}
.mc2 .mc2_con .con ul li b { display:block; border-radius:3px; text-align:center; width:75px; background:#c8aa7c; color:#fff; float:left; font-size:0.882rem; padding:6px 0; font-weight:600;}
.mc2 .mc2_con .con ul li p { text-align:left; width:calc(100% - 75px); float:left; font-size:0.941rem; padding-left:17px; padding-top:7px; color:rgba(0, 0, 0, 0.7);overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.mc2 .mc2_con .con ul li:nth-child(2) p {display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space: normal;}
.mc2 .mc2_con .con_nodata { width:100%;}
.mc2 .mc2_con .con_nodata p { text-align:center; font-size:1.2rem; width:100%;}
.mc3 ul { display:flex; gap:30px;}
.mc3 ul li { width:100%;}
.mc3 ul li .pic { display:block; overflow:hidden; border-radius:5px;aspect-ratio: 16 / 9;}
.mc3 ul li .pic img {transition: all 0.4s ease;}
.mc3 ul li .tt { text-align:center; display:block; color:rgba(0, 0, 0, 0.6);}
.mc3 ul li .tt b { font-size:1.294rem; color:#000; display:block; font-weight:600; margin:20px 0 5px;}
.mc3 ul li a { display:block;}
.mc3 ul li a:hover .pic img {transform: scale(1.1);}
.mc4 { display:flex;}
.mc4 > .con { width:50%; background:url(../../images/main/4_bg.jpg);}
.mc4 > .mc4_map { width:50%;}
.mc4 > .mc4_map iframe { height:570px; width:100%;display: block;}
.mc4_w .mc4_con { width:1400px; margin:0 auto; position:relative;}
.mc4_w .mc4_con .con { position:absolute; width:50%; top:140px;}
.mc4_w .mc4_con .con .tits { text-align:left; color:#fff;}
.mc4_w .mc4_con .con .tits u { color:rgba(255, 255, 255, 0.7);}
.mc4_w .mc4_con .con .add li { margin-bottom:10px;}
.mc4_w .mc4_con .con .add i { width:35px; height:35px; display:inline-block; border-radius:50%; line-height:35px; text-align:center; background:rgba(0, 0, 0, 0.3); color:#6fa6e7;}
.mc4_w .mc4_con .con .add b { line-height:35px; display:inline-block; padding-left:10px;color:#fff; font-weight:600;}
.mc4_w .mc4_con .con .add b:after { content:''; display:inline-block; width:1px; height:15px; background:rgba(255, 255, 255, 0.2); margin:0 15px;}
.mc4_w .mc4_con .con .add p { display:inline-block; color:rgba(255, 255, 255, 0.6);}
.mc4_w .mc4_con .con .add b,
.mc4_w .mc4_con .con .add p { font-size:1.176rem;}
.mc4_w .mc4_con .con .btn { margin-top:40px;}
.mc4_w .mc4_con .con .btn li { display:inline-block; margin-right:4px;}
.mc4_w .mc4_con .con .btn li a { display:block; background:rgba(255, 255, 255, 0.2); border-radius:5px; text-align:center; padding:15px 60px; font-weight:600; color:#fff; vertical-align:middle;}
.mc4_w .mc4_con .con .btn li a img { width:13px; position:relative; top:-2px; display:inline-block; margin-right:5px;filter: brightness(0) invert(1);}
.mc4_w .mc4_con .con .btn li a:hover { color:#000; background:#fff;}
.mc4_w .mc4_con .con .btn li a:hover img {filter: brightness(0);}


@media only screen and (max-width: 1420px) {
.main_visual .swiper-button-prev , .main_visual .swiper-button-next { display:none;}  
.cons { width:100%; padding-right:20px; padding-left:20px;}
.main_visual { height:550px;}
.main_visual_txt { width:100%;padding-left:40px;}
.main_visual_txt p,
.main_visual_txt p b { font-size:2.5rem; }
.main_visual_txt u {  font-size:1.0rem; padding:5px 0 20px;}
.main_visual_txt .num {  padding:5px 15px;}
.main_visual_txt a { font-size:1.2rem;}
.mc1_w { width:calc(100% - 0px);}
.mc1_w .mc1 {left:10px; width:calc(100% - 20px);}
.mc1_w .mc1 li a { padding:0 20px;height:120px;}
.mc1_w .mc1 li a .pic { width:60px; padding-bottom:10px;}
.mc1_w .mc1 li a .tt { width:calc(100% - 60px);}
.mc1_w .mc1 li a .tt b { font-size:1.3rem;}
.mc2 { padding:0 0 90px;}
.mc2_sch {width:100%; margin-bottom:35px;}
.mc2 .mc2_con {  gap:15px; flex-wrap: wrap; }
.mc2 .mc2_con .con { flex: 1 1 40%; padding:30px; }
.mc2 .mc2_con .con a {}
.mc3 ul { gap:15px;}
.mc4_w .mc4_con { width:100%;}
.mc4_w .mc4_con .con { width:50%; padding:0 20px;}
}

@media only screen and (max-width: 1024px) {
.main_w .tits { margin-bottom:30px;}
.main_w .tits, .main_w .tits > b { font-size:2.0rem;}
.main_w .tits > u { margin-top:7px; font-size:1.0rem;}
.main_visual { width:100%; left:0%; margin-left:0px!important; height:auto;}
.main_visual .swiper-pagination-bullet {width: 12px!important;height: 12px!important;}
.main_visual .swiper-pagination { bottom:10px!important;}
.main_vod {height: auto; aspect-ratio: 3 / 3; }
.main_visual .swiper-slide {height: auto; }
.main_visual_txt p,
.main_visual_txt p b { font-size:3.5rem; }
.fac_gallery .swiper-pagination-bullet {width: 10px!important;height: 10px!important;}
.fac_gallery .swiper-button-prev i, .fac_gallery .swiper-button-next i { font-size:20px;}
.fac_gallery .swiper-button-prev { left:0px;}
.fac_gallery .swiper-button-next { right:0px;}
.mc1_w .mc1 {  top:0px; width:100%;box-shadow:none; left:0; border-radius:0;}
.mc1_w .mc1 li {}
.mc1_w .mc1 li a { height:auto; padding:20px 10px;flex-direction: column; text-align:center; border:none;}
.mc1_w .mc1 li a .pic {  padding-bottom:0px;}
.mc1_w .mc1 li a .ic  { display:none;}
.mc1_w .mc1 li a .tt { padding:0; width:100%;}
.mc1_w .mc1 li a .tt b { padding:5px 0;}
.mc2 { padding:80px 0;}
.mc2 .mc2_con .con { flex: 1 1 100%; padding:15px; }
.mc2 .mc2_con .con ul li:nth-child(2) p,
.mc2 .mc2_con .con ul li p {display: block;-webkit-line-clamp: unset;overflow: visible;white-space: normal;}
.mc2_sch .ip input { height:35px;}
.mc3 ul { display:block; text-align:center;}
.mc3 ul li { vertical-align:top; display:inline-block; width:calc(50% - 20px); margin:5px 5px 20px;}
.mc3 ul li .tt br { display:none;}
.mc4 > .con { display:none;}
.mc4 > .mc4_map { width:100%;}
.mc4_w .mc4_con .con { position:relative; top:0; width:100%; background:url(../../images/main/4_bg.jpg); padding:80px 20px; text-align:center;}
.mc4_w .mc4_con .con .tits { text-align:center;}
.mc4 > .mc4_map iframe { height:400px;}
}

@media only screen and (max-width: 768px) {
.main_w .tits { margin-bottom:15px;}
.cons { padding-right:20px; padding-left:20px;}
.main_visual_txt { padding-left:20px;}
.main_visual_txt p,
.main_visual_txt p b { font-size:2.0rem; }
.gallery_visual .swiper-button-prev { left:0px;}
.gallery_visual .swiper-button-next { right:0px;}
.gallery_visual .swiper-pagination-bullet {width: 10px!important;height: 10px!important;}
.gallery_visual .swiper-button-prev i, .gallery_visual .swiper-button-next i { font-size:20px; }
.main_w .mores { display:block; width:100%; height:40px; line-height:40px;}
.mc1_w .mc1 li a .tt b { font-size:1.2rem;}
.mc1_w .mc1 li a .tt u { font-size:0.85rem; line-height:1.4em;}
.mc1_w .mc1 li a .tt u br { display:block;}
.mc2 { padding:40px 0;}
.mc2_sch { padding:1px 0 1px 3px; margin-bottom:20px;}
.mc2_sch .ip input {}
.mc2_sch .tt { width:100px; font-size:1.0rem; display:none;}
.mc2_sch .ip { width:calc(100% - 30px);}
.mc2_sch button { width:40px;}
.mc3 ul { display:flex; gap:30px; flex-direction: column; }
.mc3 ul li { display:block; width:100%; margin:0;}
.mc3 ul li .tt b { margin:10px 0 5px;}
.mc4_w .mc4_con .con { padding:50px 20px;}
.mc4_w .mc4_con .con .add i { width:25px; height:25px; line-height:25px;}
.mc4_w .mc4_con .con .add b { line-height:25px; padding-left:5px;}
.mc4_w .mc4_con .con .add b:after { margin:0 10px; height:10px;}
.mc4_w .mc4_con .con .btn { margin-top:20px;display:flex; gap:10px;}
.mc4_w .mc4_con .con .btn li { margin:0; display:block; width:100%;}
.mc4_w .mc4_con .con .btn li a { padding:10px;}
.mc4 > .mc4_map iframe { height:300px;}

}

@media only screen and (max-width: 420px) {
.cons {}
.main_w .tits, .main_w .tits > b { font-size:1.7rem;}
.main_visual_txt a + a { margin:0;}
.main_visual_txt a {}

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



/* -------------Sub------------- */
.text {line-height:1.7em;}
.pd1 { padding-top:140px; padding-bottom:140px;}
.pd1.fst { padding-top:110px;}
.tits1 { margin-bottom:30px; font-weight:600; font-size:2.647rem; letter-spacing:-1px;}
.tits1 u { font-size:1.0rem; font-weight:normal; letter-spacing:normal; padding-left:15px; text-decoration:none;}
.tops { text-align:center;  font-weight:300; margin-bottom:50px;}
.tops.ss { margin-bottom:30px;}
.tops u { text-decoration:none; display:block; font-size:0.941rem; letter-spacing:8px; font-weight:bold; color:#b3cbe4; text-transform: uppercase; margin-bottom:10px;}
.tops,
.tops b {font-size:2.2rem; line-height:1.2em; letter-spacing:-1px;}
.tops b { color:#305880; font-weight:700;}
.tops p { font-size:1.1rem; font-weight:400; line-height:1.4em; margin-top:10px;}
.pics { display:flex; flex-wrap: wrap;   gap:30px;}
.pics li { flex: 1 1 40%; overflow:hidden; border-radius:5px; position:relative;}
.pics li p { position:absolute; width:100%; text-align:center; padding:10px; color:#fff; font-size:1.176rem; font-weight:600; background:rgba(51, 65, 81, 0.8); bottom:0; left:0;}
.pics li p > u { text-decoration:none; color:#bbdcff; font-size:1.0rem; font-weight:normal;}
.pics li p > u:before { content:''; display:inline-block; width:1px; height:15px; background:rgba(255, 255, 255, 0.2); margin:0 10px; position:relative; top:2px;}

.video_wrap {width: 100%;    margin: 0 auto;    aspect-ratio: 16 / 9;    overflow: hidden;    border-radius: 5px;    background: #000;}
.video_wrap iframe {width: 100%;    height: 100%;    border: none;}
.comp1_1 {}
.comp1_1 .tops u:before { content:''; display:block; width:107px; height:68px; background:url(../../images/common/emb.png) no-repeat; background-size:contain; margin:0 auto 10px;}
.comp1_1 .bx { border:1px solid rgba(0, 0, 0, 0.15); border-radius:5px; padding:60px; position:relative;}
.comp1_1 .bx:after { content:''; display:block; position:absolute; width:593px; height:457px; background:url(../../images/company/1_bg.png) no-repeat; background-size:contain; right:-190px; bottom:-140px;}
.comp1_1 .bx dl + dl { margin-top:40px;}
.comp1_1 .bx dl dt { font-size:1.353rem; font-weight:bold; margin-bottom:10px;}
.comp1_1 .bx dl dt:before { content:''; display:block; width:37px; height:4px; background:#000; margin-bottom:10px;}
.comp1_2 { background:url(../../images/main/1_bg.jpg);}
.comp1_2 ul { display:flex; gap:30px;flex-wrap: wrap; }
.comp1_2 ul li { text-align:center; border-radius:5px; background:#fff;box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.2); flex: 1 1 30%; padding:50px 50px 40px;}
.comp1_2 ul li img { width:93px; padding-bottom:20px;}
.comp1_2 ul li p {}
.comp2 {}
.comp2 iframe { display:block; width:100%; height:600px; border-radius:5px; overflow:hidden;}
.comp2 .cons { display:flex; justify-content:space-between; padding:30px 0; border-bottom:1px solid rgba(0, 0, 0, 0.15); align-items: center; }
.comp2 .cons .btn { width:200px;}
.comp2 .cons .btn li + li { margin-top:5px;}
.comp2 .cons .btn li a { display:block; border-radius:5px; text-align:center; color:#3b4b5d; font-size:0.941rem; background:#e8edf4; padding:10px;}
.comp2 .cons .btn li a img { width:13px; position:relative; top:-2px; left:-2px;}
.comp2 .cons .btn li a:hover { background:#3b4b5d; color:#fff;}
.comp2 .cons .btn li a:hover img {filter: brightness(0) invert(1);}
.comp2 .cons .con { display:flex; gap:40px;}
.comp2 .cons .con li { display:flex;align-items: center; color:rgba(0, 0, 0, 0.7);}
.comp2 .cons .con li i { display:block; width:65px; height:65px; border-radius:50%; text-align:center; background:#3b4b5d; display:flex;align-items: center;  justify-content: center; color:#6fa6e7; font-size:1.5rem;}
.comp2 .cons .con li .tit { display:block; padding:0 15px; font-size:1.294rem; color:#004a9d; font-weight:600;}
.comp2 .cons .con li b { color:#000; font-weight:600; padding-right:10px;}
.comp2 .cons .con li u { display:inline-block; width:1px; height:15px; background:rgba(0, 0, 0, 0.2); margin:0 10px;}
.comp2 .cons .con li .num { letter-spacing:normal; font-size:1.2rem; letter-spacing:normal; color:#000; font-weight:bold;}
.comp2 .cons .con li p br { display:none;}
.fac1 table td { width:30%;}
.fac1 table th {  width:20%;}
.fac1 .tit { text-align:center; margin-bottom:25px;}
.fac1 .tit b { font-size:2.3rem; color:#305880;}
.fac1 .tit u { text-decoration:none; font-size:1.7rem; font-weight:normal;}
.fac1 .tit u:before { content:''; display:inline-block; width:1px; height:17px; margin:0 15px; background:rgba(0, 0, 0, 0.3);}
.gui1_1 { text-align:center;}
.gui1_1 .tops:before { content:''; display:block; background:url(../../images/guide01/1_top.png) no-repeat; background-size:contain; width:143px; height:82px; margin:0 auto 10px;}
.gui1_1 .con { display:flex; gap:30px;}
.gui1_1 .con dl {  width:100%; border:1px solid rgba(0, 0, 0, 0.15); border-radius:5px; position:relative;}
.gui1_1 .con dl dt { background:rgba(0, 0, 0, 0.04); padding:50px 10px; border-radius:5px 5px 0 0 ;}
.gui1_1 .con dl dt img { width:110px;}
.gui1_1 .con dl dd { padding:20px;}
.gui1_1 .con dl dd u { display:block; font-weight:bold; letter-spacing:3px;text-transform: uppercase; text-decoration:none; font-size:0.882rem; color:rgba(0, 0, 0, 0.3);}
.gui1_1 .con dl dd b { display:block; font-size:1.353rem; font-weight:600; padding:5px 0 7px;}
.gui1_1 .con dl dd p {}
.gui1_1 .con dl + dl:before { content:''; display:block; background:url(../../images/common/ar1.png) no-repeat; background-size:contain; width:15px; height:23px; position:absolute; top:150px; left:-22px;}
.gui1_2 { background:url(../../images/main/1_bg.jpg);}
.gui1_2 dl { overflow:hidden; border-radius:5px; display:flex; background:#fff;align-items: stretch; margin-bottom:10px;}
.gui1_2 dl dt { text-align:center; width:170px; background-image: linear-gradient(to bottom, #506780, #313f4e); display: flex; align-items: center;justify-content: center; flex-direction: column; }
.gui1_2 dl dt u {display:block; font-weight:bold; letter-spacing:3px;text-transform: uppercase; text-decoration:none; font-size:0.882rem; color:rgba(255, 255, 255, 0.3);}
.gui1_2 dl dt b {display:block; font-size:1.353rem; font-weight:600; padding:3px 0 4px; color:#fff;}
.gui1_2 dl dt p { color:#fff;}
.gui1_2 dl ul { padding:30px 35px; width:calc(100% - 170px);}
.gui1_3 th, .gui1_3 td { width:33%;}
.gui2 .con { display:flex; flex-wrap: wrap;  gap:30px;}
.gui2 .con dl { border:1px solid rgba(0, 0, 0, 0.15); border-radius:5px; flex: 1 1 30%; overflow:hidden;}
.gui2 .con dl dt { padding:10px; font-size:1.176rem; font-weight:600; background:rgba(0, 0, 0, 0.04); text-align:center;}
.gui2 .con dl ul { text-align:left; padding:20px 30px;}
.st table { display:none;}
.st table th { width:20%;}
.st table .on { background:#fff9ef;}
.st .plan_w { background:rgba(0, 0, 0, 0.05); padding:50px; position:relative; margin-bottom:10px;}
.st .plan_w .fr { position:absolute; top:50px; left:50px; font-size:5.0rem; line-height:1.0em; color:rgba(0, 0, 0, 0.3); font-weight:bold;}
.st .plan_w .tt { position:absolute; right:50px; bottom:50px; width:330px;}
.st .plan_w .plan { position:relative; margin:0 auto;}
.st .plan_w .plan a { position:absolute; border:2px solid red; display:flex;cursor: pointer; background:#fff;border:3px solid #7c7c7c;  justify-content: center;align-items: center;  flex-direction: column; font-weight:normal; color:rgba(0, 0, 0, 0.6);}
.st .plan_w .plan a > b {display:block; font-weight:normal;}
.st .plan_w .plan a:hover { border:3px solid #987949; background:#f7edde;}
.st .plan_w .plan a,
.st .plan_w .plan a > b {font-size:1.17rem; line-height:1.4em;}
.st .plan_w .plan .on {border:3px solid #6486a8; background:#e5ecf4;}
.st .plan_w .plan .on > b { color:rgba(0, 0, 0, 1.0); font-weight:600;}
.st .plan_w .plan .on:hover {border:3px solid #305377; background:#c6d6e8;}
.st .plan_w .plan .room11 { top: 0%; left: 12.1%; width: 39.1%; height:25.5%; }
.st .plan_w .plan .room12 { top: 0%; left: 50.9%; width: 24.8%; height:25.5%; }
.st .plan_w .plan .room13 { top: 0%; left: 75.4%; width: 24.5%; height:25.5%; }
.st .plan_w .plan .room21 { top: 0%; left: 0%; width: 100%; height:38.0%; }
.st .plan_w .plan .room22 { top: 37.5%; left:0%; width: 12.3%; height:42.0%; }
.st .plan_w .plan .room22 b { font-size:1.0rem;}
.st1 .plan_w .plan { width:788px;}
.st2 .plan_w .plan { width:700px;}
.room_pop  { width: 950px; display: none; position: relative; background-color: #fff; overflow:hidden; border-radius:5px;max-width: 95%;position: fixed !important; top: 50% !important;  left: 50% !important;  transform: translate(-50%, -50%) !important;}
.room_pop .rp_tit {background-image: linear-gradient(to bottom, #506780, #313f4e); color:#fff; padding:10px 20px; font-weight:600; font-size:1.294rem; display:flex;align-items: center; justify-content:space-between;}
.room_pop .rp_tit .b-close { display:block;cursor:pointer;}
.room_pop .rp_tit .b-close i { font-size:2rem;transition-duration: 0.4s; color:#fff;}
.room_pop .rp_tit .b-close:hover i {transform: rotate(180deg); }
.room_pop .rp_con { text-align:center;padding:35px;}
.room_pop .rp_con .top { background:url(/images/main/1_bg.jpg); position:relative; padding:30px;}
.room_pop .rp_con .top:after { content:''; display:block; background:url(/images/status/pop_bg.png) no-repeat; background-size:contain; width:181px; height:136px; position:absolute; right:0; bottom:0;}
.room_pop .rp_con .top h4 {  font-weight:normal; font-size:1.7rem; font-weight:300; margin-bottom:10px;}
.room_pop .rp_con .top h4 b {font-size:2rem; padding-right:5px;}
.room_pop .rp_con .top p {}
.room_pop .rp_con .top p > b { display:block; font-size:1.176rem;}
.room_pop .rp_con .td1 { margin:20px auto 30px;}
.room_pop .rp_con .td1 th { width:20%;}
.room_pop .rp_con .td1 td { text-align:left;}
.room_pop .rp_con .b-close {}
/*
.st3 {}
.st3 .list { width:100%; display:table;border-top:2px solid #4c6178;}
.st3 .list .th {display:table-row;}
.st3 .list .th li { display:table-cell; font-size:1.118rem; text-align:center; background:#e6ecf3;  padding:15px;}
.st3 .list .td {display:table-row;}
.st3 .list .td li {display:table-cell;text-align:center; border-bottom:1px solid rgba(0, 0, 0, 0.15); padding:20px; vertical-align:middle; color:rgba(0, 0, 0, 0.6);}
.st3 .list .td .room {}
.st3 .list .td .name { font-weight:600; color:#000;}
.st3 .list .td .host { text-align:left;}
.st3 .list .td .date {}
.st3 .list .td .site {}
.st3 .list .td.nodata { display:block!important;width: 100%;}
.st3 .list .td.nodata li.nodata_msg { display:block!important;width: 100%; text-align:center;}
.st3 .list .room { width:10%;}
.st3 .list .name { width:10%;}
.st3 .list .host { width:55%;}
.st3 .list .date { width:15%;}
.st3 .list .site { width:10%;}
.st3 .list .td li > b { display:none;}
*/
.st3 .list { width: 100%; border-top: 2px solid #4c6178; box-sizing: border-box; }
.st3 .list .th, .st3 .list .td { display: flex; width: 100%; margin: 0; padding: 0; list-style: none; }
.st3 .list li { display: flex; align-items: center; justify-content: center; padding: 15px 10px; box-sizing: border-box; font-size: 1.05rem; text-align: center; }
.st3 .list .th li { background: #e6ecf3; font-weight: 500; }
.st3 .list .td li { padding: 20px 10px; border-bottom: 1px solid rgba(0, 0, 0, 0.15); color: rgba(0, 0, 0, 0.6); }
.st3 .list .room { width: 10%; flex-shrink: 0; }
.st3 .list .name { width: 10%; flex-shrink: 0; }
.st3 .list .name p {font-weight: 600; color: #000; }
.st3 .list .host { width: 55%; flex-shrink: 0; justify-content: flex-start; text-align: left; padding-left: 20px; }
.st3 .list .site { width: 10%; flex-shrink: 0; }
.st3 .list .date { width: 15%; flex-shrink: 0; }
.st3 .list .td.nodata { display: block; }
.st3 .list .td.nodata li.nodata_msg { width: 100%; display: block; padding: 100px 20px; text-align: center; border-bottom: 1px solid rgba(0, 0, 0, 0.15); }
.st3 .list .td.nodata li.nodata_msg i { font-size:3.0rem; color:#c2d4ea;}
.st3 .list .td li > b { display: none; }
.info1 .bx1 { text-align:center;}
.info3 .pa1 { margin-bottom:60px;}
.info4 .list_s li { color:#7f5f2c;}
.info4 th { width:20%;}
.info4 .top { border-radius:5px; padding:30px; text-align:center; background:rgba(0, 0, 0, 0.04);}
.info4 .top img { width:auto;}


@media only screen and (max-width: 1420px) {
.pd1 { padding-top:80px; padding-bottom:80px;}
.pd1.fst { padding-top:60px;}
.pics {  gap:20px;}
.comp1_1 .bx:after { display:none;}
.comp1_2 ul { gap:20px;}
.comp1_2 ul li { padding:30px;}
.comp2 .cons .con {flex-direction: column; gap:10px;}
.comp2 .cons .con li i { width:40px; height:40px; font-size:1.0rem;}
.gui2 .con {  gap:15px;}

}


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


}

@media only screen and (max-width: 1024px) {
.pd1 { padding-top:50px; padding-bottom:50px;}
.pd1.fst { padding-top:50px;}
.tits1 { margin-bottom:20px;  font-size:2.0rem; text-align:center;}
.tits1 u { padding:0; display:block;}
.tops { margin-bottom:30px;}
.tops u { margin:0;}
.tops, .tops b { font-size:2.0rem;}
.tops.ss { margin-bottom:20px;}
.tops p { font-size:1.0rem; margin-top:5px;}
.comp1_1 .tops u:before {  width:80px; height:47px;margin:0 auto 5px;}
.comp1_1 .bx { padding:30px;}
.comp1_1 .bx dl + dl { margin-top:20px;}
.comp1_1 .bx dl dt:before {width:20px; height:2px; margin-bottom:5px; display:none;}
.comp1_1 .bx dl dd br { display:none;}
.comp1_2 ul li { flex: 1 1 40%;}
.comp2 .cons {flex-direction: column; padding:20px 0 0 0; border:none;}
.comp2 .cons .con {width:100%;}
.comp2 .cons .con li i { width:30px; height:30px; position:relative; top:4px;}
.comp2 .cons .btn { width:100%; display:flex; gap:5px; margin-top:20px;}
.comp2 .cons .btn li + li { margin:0;}
.comp2 .cons .btn li { width:100%;}
.comp2 .cons .con li .tit { padding:0 10px; font-size:1.1rem;}
.comp2 .cons .con li b { padding-right:4px;}
.comp2 iframe { height:450px;}
.fac1 table tbody tr {display: flex;flex-wrap: wrap;}
.fac1 table tbody tr th {width: 70px;display: flex;align-items: center;justify-content: center;}
.fac1 table tbody tr td {width: calc(100% - 70px);display: flex; padding-left:20px; text-align:left;}
.pics li p { padding:5px; font-size:1.0rem;}
.gui1_1 .con dl dt { padding:30px 5px;}
.gui1_1 .con dl dt img { width:80px;}
.gui1_1 .con dl dd b { font-size:1.05rem; padding:0;}
.gui2 .con dl {flex: 1 1 40%;}
.gui2 .con dl dt { padding:5px; font-size:1.1rem;}
.gui2 .con dl ul { padding:15px;}
.st table { display:table;}
.st .plan_w { padding:20px;}
.st .plan_w .fr { position:relative; top:0; left:0; width:100%; text-align:center; font-size:3.0rem; margin-bottom:20px;}
.st .plan_w .tt { position:relative; right:0; bottom:0; width:100%; text-align:center; margin-top:30px;}
.st .plan_w .tt img { width:300px;}
.st .plan_w .plan { width:100%;}
.st .plan_w .plan a { border:2px solid #7c7c7c; }
.st .plan_w .plan a:hover { border:2px solid #987949; }
.st .plan_w .plan .on {border:2px solid #6486a8;}
.st .plan_w .plan .on:hover {border:2px solid #305377;}
.room_pop .rp_con .top:after { display:none;}
.room_pop .rp_con { padding:25px;}
.st3 .list .th { display:none;}
.st3 .list { display:block; border:none;}
.st3 .list .td { display:block; border-top:2px solid #4c6178; margin-bottom:20px;}
.st3 .list .td li { display:block;text-align:left; padding:0; display:flex;align-items: stretch;}
.st3 .list .td li > b { display:block; padding:10px; background:#e6ecf3; width:100px; text-align:center; color:#4c6178; font-weight:600;display:flex; align-items: center;  justify-content: center; flex-shrink: 0;}
.st3 .list .td li > p { width:calc(100% - 100px);padding:10px; font-size:1.0rem;}
.st3 .list .room, 
.st3 .list .name, 
.st3 .list .host, 
.st3 .list .date, 
.st3 .list .site { width:100%; }
.st3 .list .td.nodata li.nodata_msg { text-align:center; padding:20px;}

.info3 .pa1 { margin-bottom:40px;}
.info4 .td2 th { width:100px;}
.info4 .list1 li { position:relative; left:10px; width:calc(100% - 10px); top:-4px;}


}

@media only screen and (max-width: 768px) {
.pd1 { padding-top:40px; padding-bottom:40px;}
.pd1.fst { padding-top:40px;}
.tops { margin-bottom:20px;}
.tops, 
.tops b { font-size:1.7rem;}
.tops b { display:inline;}
.tops u { letter-spacing:4px;}
.tops.ss { margin-bottom:15px;}
.pics { gap:10px; flex-direction: column; }
.comp1_1 .bx { padding:20px;}
.comp1_1 .bx dl dt { margin-bottom:5px; line-height:1.2em;}
.comp1_1 .tops br { display:none;}
.comp1_2 ul { gap:10px;}
.comp1_2 ul li { padding:20px;}
.comp1_2 ul li img { width:60px; padding-bottom:10px;}
.comp2 iframe { height:300px;}
.comp2 .cons .con li {flex-wrap: wrap;}
.comp2 .cons .con li i { width:25px; height:25px;}
.comp2 .cons .con li u { display:none;}
.comp2 .cons .con li p { width:100%; padding-left:35px;}
.comp2 .cons .con li p br { display:block;}
.fac2 .tops b { display:block;}
.gui1_1 .con {flex-direction: column; }
.gui1_1 .con dl dt { padding:15px;}
.gui1_1 .con dl dt img { width:60px;}
.gui1_1 .con dl dd { padding:10px;}
.gui1_1 .con dl + dl:before {transform: rotate(90deg); top:-27px; left:calc(50% - 7px);}
.gui1_2 dl {flex-direction: column;}
.gui1_2 dl dt { width:100%; padding:10px;}
.gui1_2 dl dt b { padding:0;}
.gui1_2 dl ul { width:100%; padding:10px 15px;}
.gui2 .tops b { display:block;}
.gui2 .con { gap:10px;}
.gui2 .con dl {flex: 1 1 100%;}
.st .plan_w { padding:10px;}
.st .plan_w .tt img { width:250px;}
.st .plan_w .fr { font-size:2.0rem; margin-bottom:10px;}
.room_pop .rp_con { padding:15px;}
.room_pop .rp_con .top h4 { margin:0;}
.room_pop .rp_tit { padding:5px 10px;}
.room_pop .rp_con .top p { line-height:1.3em; font-size:0.9rem;}
.room_pop .rp_con .top p > b { font-size:1.0rem; line-height:1.3em; margin-bottom:5px;}
.room_pop .rp_con .top { padding:20px 5px;}
.room_pop .rp_con .btn_wrap { margin:0;}
.room_pop .rp_con .td1 { margin:20px auto;}
.info4 .top { padding:20px;}
.info4 .top img { width:100%;}


}

@media only screen and (max-width: 420px) {
.comp1_2 ul li { flex: 1 1 100%;}
.st .plan_w .plan a,
.st .plan_w .plan a > b {font-size:0.9rem; line-height:1.2em;}
.st .plan_w .plan .room22 b { font-size:0.8rem; text-align:center;}

.st3 .list .td li > b { width:70px;}
.st3 .list .td li > p { width: calc(100% - 70px);}
}



/*//////////////Sub////////////// */



/* -------------Common------------- */
.btn1 { border-radius:3px; background:rgba(31, 52, 87, 0.9); border:1px solid rgba(31, 52, 87, 1.0); color:#fff; font-weight:500; text-align:center; cursor:pointer; display:inline-block;transition-duration: 0.4s;}
.btn1:hover { color:rgba(31, 52, 87, 1.0); background:#fff; border:1px solid rgba(31, 52, 87, 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: 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(31, 52, 87, 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%;border-top:2px solid rgba(0, 0, 0, 0.8);}
.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;    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:1.8rem; font-weight:bold;}
.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(31, 52, 87, 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;  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 > h4 { font-size:1.4rem; margin-bottom:10px; color:#354867; font-weight:600;}
.list1 > h4 > i {font-size:1.4rem; padding-right:10px; color:#849cc2;}
.list1 > h5 { font-size:1.2rem; margin-bottom:5px; color:#354867; font-weight:600; background:url(../../images/common/bullet_2.png) no-repeat 0 9px; background-size:10px auto; padding-left:16px; position:relative; left:-5px;}
.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; position:relative;}
.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;}
.list2.ol {counter-reset: list-num;}
.list2.ol > li { background:none;}
.list2.ol > li:before {counter-increment: list-num;position:absolute; top:14px; left:-2px;content: counter(list-num); width:22px; height:22px; border-radius:50%; font-size:0.9rem; line-height:22px; display:block; text-align:center; background:rgba(0, 0, 0, 0.1);}
.list1 > h3, .list2 > h3 { margin-bottom:10px;}
.list_s {}
.list_s > li { padding:2px 0 2px 10px; font-size:0.9375rem; text-align:left; position:relative; position:relative;}
.list_s > li:before { position:absolute; top:12px; left:0; width:3px; height:1px; background:#000; content:''; display:block;}

.soon { background:url(../../images/common/soon.png) no-repeat center center rgba(0, 0, 0, 0.05); height:400px;}
.bx1 { border:1px solid rgba(0, 0, 0, 0.15); background:rgba(0, 0, 0, 0.04); border-radius:5px; padding:30px;}


@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 { padding-left:8px;}
.list1.li > li { margin:6px 0; padding:2px 0 5px 12px; }
.list1 > li:before {top:11px;}
.list1 > h5 { left:-2px; padding-left:10px;background: url(../../images/common/bullet_2.png) no-repeat 0 6px;background-size:7px auto; }
.list1 > h3, .list2 > h3 { margin-bottom:10px;}
.list1 > h4 > i { padding-right:5px;}
.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;}
.list2.ol > li { background:none!important; padding-left:22px;}
.list2.ol > li:before { width:16px; height:16px; line-height:16px; font-size:0.8rem; top:10px;}

.bx1 { padding:20px;}

}

@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 {  padding:2px 0 2px 8px;}
.list_s > li:before { top:10px;}

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

@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:30px 0 0 0;}
.pagenation li { display:inline; cursor:pointer;}
.pagenation .num { display:inline-block; text-align:center; padding:5px 10px; color:rgba(0, 0, 0, 0.5); font-size:0.882rem; min-width:35px; background:#e9f3ff; border-radius:5px; margin:0 0px; background:rgba(0, 0, 0, 0.05);}
.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:#4e647b;}
.pagenation .ar .i-ar1 { background:url(/images/common/a1.png) no-repeat  center center; background-size:auto 10px;}
.pagenation .ar .i-ar2 { background:url(/images/common/a2.png) no-repeat  center center; background-size:auto 10px;}
.pagenation .ar .i-ar3 { background:url(/images/common/a3.png) no-repeat  center center; background-size:auto 10px;}
.pagenation .ar .i-ar4 { background:url(/images/common/a4.png) no-repeat  center center; background-size:auto 10px;}

.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(31, 52, 87, 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(31, 52, 87, 1.0);}
.board_list .blw.td .file i { display:inline-block; font-size:25px;}
.board_list .notice {background: rgba(31, 52, 87, 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(31, 52, 87, 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(31, 52, 87, 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(31, 52, 87, 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(31, 52, 87, 1.0);  background:rgba(31, 52, 87, 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(31, 52, 87, 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 { margin-top:20px;}
.pagenation .num { padding:5px 5px; min-width:30px;}
.pagenation .ar, 
.pagenation .ar i { width:25px; height:27px;}
.pagenation .on {}
.btn_wrap { margin:10px 0; display:flex; margin-top:20px;}
.btn_wrap .btn { height:35px; line-height:35px; 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(31, 52, 87, 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(31, 52, 87, 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)  ; }