@font-face{
	font-family:"NanumSquareNeo";
	font-weight:100;
	src:url(../../assets/fonts/NanumSquareNeo-aLt.eot?#iefix) format("embedded-opentype"),
	url(../../assets/fonts/NanumSquareNeo-aLt.woff2) format("woff2"),
	url(../../assets/fonts/NanumSquareNeo-aLt.woff) format("font-woff"),
	url(../../assets/fonts/NanumSquareNeo-aLt.ttf) format("truetype")
}
 

@font-face{
	font-family:"NanumSquareNeo";
	font-weight:200;
	src:url(../../assets/fonts/NanumSquareNeo-bRg.eot?#iefix) format("embedded-opentype"),
	url(../../assets/fonts/NanumSquareNeo-bRg.woff2) format("woff2"),
	url(../../assets/fonts/NanumSquareNeo-bRg.woff) format("font-woff"),
	url(../../assets/fonts/NanumSquareNeo-bRg.ttf) format("truetype"),
	url(NanumSquareNeo-bRg.otf) format("opentype")
}
@font-face{
	font-family:"NanumSquareNeo";
	font-weight:400;
	src:url(../../assets/fonts/NanumSquareNeo-cBd.eot?#iefix) format("embedded-opentype"),
	url(../../assets/fonts/NanumSquareNeo-cBd.woff2) format("woff2"),
	url(../../assets/fonts/NanumSquareNeo-cBd.woff) format("font-woff"),
	url(../../assets/fonts/NanumSquareNeo-cBd.ttf) format("truetype")
}
@font-face{
	font-family:"NanumSquareNeo";
	font-weight:500;
	src:url(../../assets/fonts/NanumSquareNeo-dEb.eot?#iefix) format("embedded-opentype"),
	url(../../assets/fonts/NanumSquareNeo-dEb.woff2) format("woff2"),
	url(../../assets/fonts/NanumSquareNeo-dEb.woff) format("font-woff"),
	url(../../assets/fonts/NanumSquareNeo-dEb.ttf) format("truetype")
}


@font-face{
	font-family:"NanumSquareNeo";
	font-weight:700;
	src:url(../../assets/fonts/NanumSquareNeo-eHv.eot?#iefix) format("embedded-opentype"),
	url(../../assets/fonts/NanumSquareNeo-eHv.woff2) format("woff2"),
	url(../../assets/fonts/NanumSquareNeo-eHv.woff) format("font-woff"),
	url(../../assets/fonts/NanumSquareNeo-eHv.ttf) format("truetype")
}

 
 

/* reset */
html,body{  margin:0px; padding:0px;position: relative;	height: 100%;} 
* {box-sizing:border-box;}
*{-webkit-text-size-adjust:none;} 
 
html {overflow-y:auto; height: 100%; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,form,fieldset,p,button,strong,span,em,iframe,img, textarea,input {margin:0px;padding:0px}
body {width:100%;font-family:'NanumSquareNeo', 'Noto Sans TC', 'Nanum Gothic', Malgun Gothic, '돋움',dotum,Helvetica,sans-serif;background-size:100% auto; font-weight:400;font-size:14px; background-color: #fff;line-height:150%;color:#3c3a34; letter-spacing:0px; text-align:left;word-break:break-all;-ms-word-break:break-all; -webkit-font-smoothing: antialiased; }
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0} 
h1, h2, h3, h4, h5, h6 {font-size:1em;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}

 
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle}
input, button {margin:0;padding:0;font-family: 'NanumSquareNeo', 'Nanum Gothic', "맑은 고딕", Malgun Gothic, '돋움',dotum,Helvetica,sans-serif;font-size:1em; }
button {cursor:pointer; outline:none;}

textarea, select, pre {font-family: 'NanumSquareNeo', 'Nanum Gothic',  "맑은 고딕", Malgun Gothic, '돋움',dotum,Helvetica,sans-serif; font-size:1em; }
select {margin:0; }
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a {text-decoration:none; }
a:link, a:visited {color:#000;text-decoration:none; border:0px; }
a:hover, a:focus, a:active {color:#000;text-decoration:none}
img {border:0px;   height:auto;}
 

li{list-style:none; margin:0px; padding:0px;}

.txtLef {text-align:left !important;}
.txtRig {text-align:right !important;}
.txtCen {text-align:center !important;}
.txtJus {text-align:justify !important;}
.clear {clear:both; content:''; display:block;}

hr.h5 {display:block; border:none; height:5px;margin:0px; padding:0px; font-size:0px;}
hr.h10 {display:block; border:none; height:10px;margin:0px; padding:0px; font-size:0px;}
hr.h15{display:block; border:none; height:15px;margin:0px; padding:0px; font-size:0px;}
hr.h20 {display:block; border:none; height:20px;margin:0px; padding:0px; font-size:0px;}
hr.h30 {display:block; border:none; height:30px;margin:0px; padding:0px; font-size:0px;}
hr.h40 {display:block; border:none; height:40px;margin:0px; padding:0px; font-size:0px;}
hr.h50 {display:block; border:none; height:50px;margin:0px; padding:0px; font-size:0px;}
hr.h60 {display:block; border:none; height:60px;margin:0px; padding:0px; font-size:0px;}
hr.bd { clear:both;display:block; border:none; background:#e8e8e8; height:1px;margin:60px auto; padding:0px; font-size:0px;}
hr.bd2 { clear:both;display:block; border:none; background:#e8e8e8; height:1px;margin:40px auto; padding:0px; font-size:0px;}
hr.line { width:100%;display:block; border:none; background:#888; height:1px;margin:22px auto; padding:0px; font-size:0px;}

*, :after, :before {
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}

input[type=text],input[type=password], textarea, select {
outline:none;
}

input[type=text]:focus,input[type=number]:focus,input[type=password]:focus, textarea:focus,select:focus {
-webkit-box-shadow:0 0 5px rgba(4,17,29,0.25);
-moz-box-shadow:0 0 5px rgba(4,17,29,0.25);
box-shadow:0 0 5px rgba(4,17,29,0.25);
border-color:#ccc;
background:#fff;
-webkit-transition:all 0.30s ease-in-out;
-moz-transition:all 0.30s ease-in-out;
-ms-transition:all 0.30s ease-in-out;
-o-transition:all 0.30s ease-in-out;
}


input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
 -webkit-box-shadow: 0 0 0px 1000px #fff inset !important; 
-webkit-text-fill-color: #000 !important; 
}


input::placeholder, textarea::placeholder {color: #999; font-size:1em; font-weight:300; letter-spacing:0px; }
input::-webkit-input-placeholder, textarea::-webkit-textarea-placeholder { color: #999; font-size:1em; font-weight:300;letter-spacing:0px; }
input:-ms-input-placeholder, textarea:-ms-textarea-placeholder  { color: #999; font-size:1em;  font-weight:300;letter-spacing:0px; }
 
.sound_only {display:inline-block !important;position:absolute;top:0;left:0;width:0;height:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}


::-webkit-scrollbar { width: 8px; }/* 스크롤바의 width */
::-webkit-scrollbar-track { background-color: #f7f7fa; }/* 스크롤바의 전체 배경색 */
::-webkit-scrollbar-thumb {   background:#e3e3ee; }/* 스크롤바 색 */
::-webkit-scrollbar-button { display: none; }
html {scrollbar-width: thin;scrollbar-3dLight-Color: #f7f7fa; scrollbar-arrow-color: #e3e3ee; scrollbar-base-color: #f7f7fa; scrollbar-Face-Color: #e3e3ee; scrollbar-Track-Color: #f7f7fa; scrollbar-DarkShadow-Color: #f7f7fa; scrollbar-Highlight-Color: #f7f7fa; scrollbar-Shadow-Color: #f7f7fa}

caption, th {text-align:left;font-weight:normal;}
legend, caption {overflow:hidden;left:0;top:-5000px;width:0;height:0;font-size:0;line-height:0;display:none;}
 
 
.sound_only {display:inline-block !important;position:absolute;top:0;left:0;width:0;height:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}
 
.totalWrap {position:relative; min-width:1480px;margin:0 auto; }
.wrap {width:1400px; margin:0 auto;}
 

.totalWrap.full {background:#f9f9f9; width:100vw; height:100vh;}

body.ovhidden {overflow-y:hidden !important;}


select, select.frm-normal {cursor:pointer; border:1px solid #e3e3e3; padding-right:24px; appearance: none; -webkit-appearance: none; -moz-appearance: none; background:url(../images/web/bg_arrdown.png) right 8px center no-repeat; background-size:10px auto;}
select, select.frm-normal option {font-size:1em; }
select:focus , select.frm-normal:focus { background:url(../images/web/bg_arrdown.png) right 8px center no-repeat; background-size:10px auto; border-color:#222;}

.chk-rd {position:relative; }
.chk-rd input[type="radio"] {  position: absolute;  clip: rect(0 0 0 0);  width: 1px;  height: 1px;  margin: -1px;  overflow: hidden;border:none;background:transparent;  overflow: hidden; color:transparent;   }
.chk-rd input[type="radio"] + label {padding-left:24px; cursor:pointer;  font-size:1em; }
.chk-rd input[type="radio"] + label span {position:absolute; left:0;width:18px;height:18px;display:block;background:#fff; border: solid 1px #d5d7e3;border-radius:50%;cursor:pointer;}
.chk-rd input[type="radio"] + label:hover{color:#439ae7; }
.chk-rd input[type="radio"] + label:hover span { border: solid 2px #439ae7;}
.chk-rd input[type="radio"]:checked + label {color:#000000; }
.chk-rd input[type="radio"]:checked + label span {background:#000000;border: solid 2px #000000 !important; }
.chk-rd input[type="radio"]:checked + label  span:before  {position:absolute; color:#fff;left:0;width:14px;height:14px; display:flex; content: "\F12C";font: normal normal normal 24px / 1 "Material Design Icons";font-size:1em;  justify-content: center; align-items: center;   }

/* ===== header ===== */
 .header {   position:fixed; top:0; left:0;width:100%;    z-index:90; background:transparent; border-bottom:none; transition: top 0.1s ease-in-out 0s; }
.header .head-top {max-width:100%; height:80px;  margin:0 auto;  width: 100%; display: flex;  -webkit-box-align: center;   align-items: center;  justify-content: space-between;}
.header .head-top .ht-logo, .header .head-top .ht-logo a {display: flex; align-items: center; justify-content: flex-start; height:100%; }  
.header .head-top .ht-logo img{width:auto; height:40%;}
.header .head-top .ht-menu {}
.header .head-top .ht-menu .navi{display: flex; align-items: center; justify-content: flex-end; gap:10px;}
.header .head-top .ht-menu .navi li a{display: flex;  align-items: center; font-size:1.3em; font-weight:500;padding:8px 30px; color:#11263B;}
.header .head-top .ht-menu .navi li a:hover {color:#f58220;}
.header .head-top .ht-menu .navi li a  span {display: flex;  align-items: center; position:relative;}
.header .head-top .ht-menu .navi li a.active{color:#F58220;}
.header .head-top .ht-menu .navi li a.active span:before {    display: block; content: ''; position: absolute; bottom: 0px; left:0px; width:100%;height: 4px; opacity: .4;    background-color: #fff; z-index: 0;}

 


.top_bar_fix {position:fixed; top:0px; left:0px; background:#fff;box-shadow: rgb(0 0 0 / 7%) 0px 1px 1px, rgb(0 0 0 / 3%) 0px 1px 1px; z-index:59;}
.header.top_bar_fix .head-top {display:none;}
 
.top_pd_fix {padding-top:50px;}

.ovhidden {overflow-y:hidden !important;}



/* ===== tab ===== */   
.view-type .menu {  width: 100%;   display: flex; border: 0;    border-radius: 20px 20px;    overflow: hidden;    margin: 0 0 18px; }
.view-type .menu li {     display: flex;  align-items: center;   float: none;   flex: 1;  position: relative; background: #f3f3f3;  border: 0; margin: 0;  padding: 0; }
.view-type .menu li.active {  background: #f3f3f3;  margin: 0;  padding: 0;  border: 0;   z-index: 1;}
.view-type .menu li .tabtxt {  position: relative; display:inline-block; text-align:center;   width: 100%;  min-width: 0;  word-break: break-all;border: 0; padding: 15px; background: #f3f3f3; cursor:pointer;}
.view-type .menu li.active .tabtxt {   border: 0;  background: #222;  color: #fff; border-radius: 20px;  margin: 0; }

.view-body .viewcon {display:none;}
.view-body .viewcon.active {display:block;}



/* ===== login ===== */   
.loginconwr {width:100vw; height:100vh; margin:0px auto; padding:30px 0; display:flex;  justify-content: center;  align-items: center;  }
.loginwr {width:100%; max-width:460px; margin:0px auto;  min-height:560px; background:#fff; border:1px solid rgba(0,0,0,0.07); border-radius:12px; padding:30px 30px 30px;}
.loginwr .view-type .menu {border-radius:0px;}
.loginwr .view-type .menu li {width:100%; background:#fff; color:#999;  position:relative; height:48px; padding-bottom:6px; display:flex;  justify-content: center;  align-items: center; font-weight:500; cursor:pointer; }
.loginwr .view-type .menu li:before {position:absolute; bottom:0px; left:0px; width:100%; height:1px; content:''; display:block;  background:#eee;}
.loginwr .view-type .menu li.active {color:#000; }
.loginwr .view-type .menu li.active:before {background:#222; height:2px;}
.loginwr .login-title {font-size:1.6em; color:#333; line-height:1.6; padding-top:30px;  }
.loginwr .login-title strong {color:#db2922; font-weight:700;}
.loginwr .login-btn {width:100%; margin:50px 0 80px;}
.loginwr .login-btn .btn-google {width:100%; height:50px; border-radius:7px; color: #4886f5;   font-weight:400; border: 1px solid #4886f5; background:#fff; display:flex;  justify-content: center;  align-items: center; gap:10px;  }
.loginwr .login-btn .btn-google:hover { box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.2);}
.loginwr .login-sns {width:100%; display:flex;  justify-content: center;  align-items: center;  gap: 16px;}
.loginwr .login-sns a {width:50px;  height:50px; border-radius:7px; display:flex;  justify-content: center;  align-items: center;  background:#f3f3f3; border:1px solid #eee;}
.loginwr .login-sns a span {display:none;}
.loginwr .login-sns a img{max-width:80%; height:auto;}
.loginwr .login-sns a.btn-kucg img{max-width:70%; }
.loginwr .login-copy {width:100%; font-size:0.9em; color:#999; display:flex;  justify-content: center;  align-items: center; margin-top:40px;}
.loginwr .login {margin-top:40px;}
.loginwr .frm-normal{ width: 100%;   height: 50px;  line-height: 48px;  padding: 0 12px;   margin: 0 0 10px; border: 1px solid #e3e3e3;border-radius:7px; }
.loginwr .frm-normal:focus {border-color:#999;}
.loginwr input[type="checkbox"] {position: relative;    opacity: 1;    cursor: pointer;    width: 19px;    height: 19px;    vertical-align: middle;    appearance: none;    -webkit-appearance: none;    -moz-appearance: none;    border: 1px solid #ccc;    background: #fff;    outline: 0;    border-radius: 20px; }
.loginwr input[type="checkbox"] + label { margin: 0 0px 0 7px;  vertical-align: middle; }
.loginwr input[type="checkbox"]:checked { border: 0;   background-image: url(../images/web/ic_checked.png);   background-size: 19px 19px;   -webkit-transition: .2s ease-out;    transition: .2s ease-out; }
.loginwr .login_opt {margin:5px 0 15px; width:100%;}
.loginwr .login-btn .btn-submit {width:100%; height:50px; border-radius:7px; color: #fff;    border: 1px solid #DB2922; background:#DB2922; display:flex;  justify-content: center;  align-items: center;  }
.loginwr .login-btn .btn-submit:hover {border-color:#b82018; background:#b82018; }
.loginwr .login .logo {width:100%; display:flex;  justify-content: center;  align-items: center; margin-bottom:30px; }
.loginwr .login-util{width:100%; display:flex; align-items: center; margin-top:30px; justify-content: center;  }
.loginwr .login-util li:not(:last-child):after { content: "";    display: inline-block;    width: 1px;    height: 13px;    margin: 0 11px 0 12px;    vertical-align: middle;    background: #e0e0e0; }
.loginwr .login-util li a {color:#555; font-size:0.975em; font-weight:400;}
.loginwr .login-util li a:hover {color:#DB2922;}
.loginwr .login .login-copy {padding-top:30px;}
  




.memberwr.join{max-width:898px;}
.memberwr.join .login-sns {display: grid;grid-template-columns: 1fr 1fr 1fr 1fr; flex-wrap: wrap; flex-direction:row; gap: 6px; }

.memberwr.join .titleArea {width: 100%;  margin:50px 0 20px;display:flex; align-items: center; justify-content: space-between; }
.memberwr.join .titleArea h3{font-size:1.1em; color:#000; font-weight:500;}
.memberwr.join .titleArea .inlinetxt {font-size:0.85em; display:flex; align-items: center; justify-content: flex-end;}
.memberwr.join .titleArea .inlinetxt .required {color:#ef441f;  display:inline-block; margin-right:4px; font-size:1.15em; }
.jointblwr {	border-top: 1px solid #e5e5e5;  }
.jointblwr table {width: 100%; border: 0; border-spacing: 0;   border-collapse: collapse; }
.jointblwr  table th {font-size:0.9em; background: #fff;    font-weight: normal;    padding-left: 20px;	border-bottom: 1px solid #e5e5e5;}
.jointblwr  table td { border-bottom: 1px solid #e5e5e5; line-height: 22px; vertical-align: middle; 	padding:10px 20px; }
.jointblwr  table td  .frm-normal{margin-bottom:0px; width:290px; height:40px; line-height:38px;}
.jointblwr  table td  .frm-normal:hover {border-color:#555;}
.jointblwr  table td  .frm-normal.read{  color: #bfbfbf;    background: #f2f2f2; }
.jointblwr  table td  .frm-normal.read:focus {-webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none;border-color:#e3e3e3;}
.jointblwr  table td  .frm-normal.read:hover {border-color:#e3e3e3;}
.jointblwr  table td .frmexp {display:inline-block; margin-left:10px; font-size:0.9em; color:#777;}
.jointblwr  table td ul.address {width: 100%; display:flex; gap:7px;  flex-direction: column; } 
.jointblwr  table td .zip-code {width: 100%; display:flex; align-items: center; justify-content: flex-start; gap:10px;}
.jointblwr  table td .zip-code .frm-normal{ width:200px;}					 
.jointblwr  table td .zip-code .btn-normal {display: inline-block;  min-width:93px;  padding: 0px 20px;    height: 40px;  line-height:38px;   font-size: 0.95em;  border-radius:5px;  box-sizing: border-box;    border: 1px solid #bcbcbc;    font-weight: normal;    text-decoration: none;    vertical-align: middle;    word-spacing: -0.5px;   letter-spacing: 0;    text-align: center;   white-space: nowrap;   color: #000;    background-color: #fff;}
.jointblwr  table td .zip-code .btn-normal:hover {background:#f3f3f3; border-color:#222;}
.jointblwr  table td .zip-addr1 .frm-normal, .jointblwr  table td .zip-addr2 .frm-normal{ width:100%;}		
.jointblwr  table td.certify {width: 100%; display:flex; align-items: center; justify-content: flex-start; gap:10px;}
.jointblwr  table td.certify .btn-normal {display: inline-block;    padding: 0px 20px;    height: 40px;  line-height:38px;   font-size: 0.95em;  border-radius:5px;  box-sizing: border-box;    border: 1px solid #bcbcbc;    font-weight: normal;    text-decoration: none;    vertical-align: middle;    word-spacing: -0.5px;   letter-spacing: 0;    text-align: center;   white-space: nowrap;   color: #000;    background-color: #fff;}
.jointblwr  table td.certify .btn-normal:hover {background:#f3f3f3; border-color:#222;}
.jointblwr  table td.telnumber {width: 100%; display:flex; align-items: center; justify-content: flex-start; gap:10px;}
.jointblwr  table td.telnumber  .frm-normal {width:96px;}
.jointblwr  table td.hasbtn {width: 100%; display:flex; align-items: center; justify-content: flex-start; gap:10px;}
.jointblwr  table td.hasbtn .btn-submit {display: inline-block;  width:auto; min-width:93px;  padding: 0px 20px;    height: 40px;  line-height:38px;   font-size: 0.95em;  border-radius:5px;  box-sizing: border-box;   color: #fff;    background-color: #222;  border: 1px solid #222;    font-weight: normal;    text-decoration: none;    vertical-align: middle;    word-spacing: -0.5px;   letter-spacing: 0;    text-align: center;   white-space: nowrap;  }
.jointblwr  table td.hasbtn .btn-submit:hover {background-color:#555; border-color:#555; }


.memberwr.join .agreewr ul {width: 100%; border-top:1px solid #e5e5e5;}
.memberwr.join .agreewr  li {width: 100%; padding:15px 20px; color:#000; font-size:0.9em;display:flex; align-items: center; justify-content: space-between; gap:10px; border-bottom:1px solid #e5e5e5;}
.memberwr.join .agreewr  li.all {border-color: #e5e5e5;    background-color: #fbfafa; font-weight:500; }
.memberwr.join .agreewr  li .btn-normal {display: inline-block;    padding: 0px 20px;    height: 30px;  line-height:28px;   font-size: 0.9em;  border-radius:5px;  box-sizing: border-box;    border: 1px solid #bcbcbc;    font-weight: normal;    text-decoration: none;    vertical-align: middle;    word-spacing: -0.5px;   letter-spacing: 0;    text-align: center;   white-space: nowrap;   color: #000;    background-color: #fff;}
.memberwr.join .agreewr  li .btn-normal:hover {background:#f3f3f3; border-color:#222;}

.memberwr.join .join-bottom-btn {margin:50px 0; width:100%;display:flex;  justify-content: center;}
.memberwr.join .join-bottom-btn  .btn-submit{ width:auto; min-width: 180px; padding: 16px 15px; height: auto; font-size: 1em; background-color: #222;  border:1px solid #222;  color: #fff;    transition: all .25s ease;  border-radius:5px; display: inline-flex; -ms-flex-flow: row wrap;  flex-flow: row wrap; justify-content: center; align-items: center; }
.memberwr.join .join-bottom-btn .btn-submit:hover {background-color:#555; border-color:#555;  }

 
.memberwr.find .view-body {  width:460px;  margin-top:20px; }
.memberwr.find .login-btn {margin-top:10px;}
.memberwr.find .member-title .exp {line-height:1.7;}
.memberwr.find .member-title .exp .point {color:#1381e1; }
.memberwr.find .findpw-frm.certify {margin-top:20px; border-top:1px solid #eee; padding-top:30px;}
.memberwr.find .findpw-frm .btn-submit{ margin-top:5px;}

 .ptitle1 {font-size:1.3em; color:#000;}
 .ptitle1 .bgexp {display:inline-block; background:rgba(1,39,72,0.9); color:#fff; font-size:0.75em; border-radius:5px; padding:2px 8px ; margin-top:10px;}
 .ptitle2 {font-size:1.1em; color:#000;}

.win-memagreebody {padding:20px;}

 
.win-memagreebody .ptitle2 {margin-top:30px; margin-bottom:5px;}
.win-memagreebody .exp-cont {font-size:0.975em; line-height:1.7; }
.win-memagreebody .exp-cont-top{font-size:0.975em; color:#000;line-height:1.7; }
.modalctl_wrap  .popup_botbtn .btn_cancel.dark {background:#222; border-color:#222; margin-bottom:20px;}
.modalctl_wrap  .popup_botbtn .btn_cancel.dark:hover {background:#555; border-color:#555}
.win-memagreebody .exp-cont a{text-decoration:none;}


 /* 메인*/
/*.contents  {  width: 95.208%;   position: relative;  height: calc(100vh - 80px);  margin: 0px auto; padding:80px 0 0px;   overflow: hidden;} */
.contents img{ max-width:100%; height:auto;}
.mvisualwr { position: relative;width: 100%;    height: 100%;    display: flex;    align-items: center;   justify-content: center;  border-radius:0px;    overflow: hidden;       background-size: cover;} 
 
.mvisualwr .mtxt {  position:absolute; top:50%; left:50%; transform: translate( -50%,-50%);   display: flex; flex-direction:column;  gap:20px; align-items: center;   justify-content: flex-start;  z-index:99;}
.mvisualwr .mtxt h4{width: 100%; display: flex; flex-direction:column;  font-size:3em; color:#212427; line-height:1.3;  text-shadow: -1px -1px 0 rgba(255,255,255,0.1), 0 -1px 0 rgba(255,255,255,0.1), 1px -1px 0 rgba(255,255,255,0.1), 1px 0 0 rgba(255,255,255,0.1), 1px 1px 0 rgba(255,255,255,0.1), 0 1px 0 rgba(255,255,255,0.1), -1px 1px 0 rgba(255,255,255,0.1), -1px 0 0 rgba(255,255,255,0.1); }
.mvisualwr .mtxt h4 span {font-weight:300;  }
.mvisualwr .mtxt h4 b{font-weight:400; font-size:0.95em; }
 .mvisualwr .mtxt h3{width: 100%; display: flex; flex-direction:column;  font-size:3.8em; color:#212427; line-height:1.5;  text-shadow: -1px -1px 0 rgba(255,255,255,0.1), 0 -1px 0 rgba(255,255,255,0.1), 1px -1px 0 rgba(255,255,255,0.1), 1px 0 0 rgba(255,255,255,0.1), 1px 1px 0 rgba(255,255,255,0.1), 0 1px 0 rgba(255,255,255,0.1), -1px 1px 0 rgba(255,255,255,0.1), -1px 0 0 rgba(255,255,255,0.1); }

.mvisualwr .mtxt .more{ width: 100%;display: flex;    align-items: center;   justify-content: flex-start;}
.mvisualwr .mtxt .more a{font-size:1.8em; display: flex;    align-items: center;   justify-content: center;color:#fff;background:#ff7850;  border:1px solid rgba(0,0,0,0.07);  padding:5px 40px; min-height:70px; min-width:180px;   transition: .5s; border-radius:50px;}
.mvisualwr .mtxt .more a:hover {background:#f44f1e;  box-shadow: 0 3px 10px rgba(0, 0, 0, .25);   }

 
.mainwr img {max-width:100%; height:auto;}
.mainwr .service {background:#fff;}
 .mainwr .servwr {width: 100%; max-width:1300px }  
.mainwr .servicewr {position: relative; width: 100%;        display: flex;    align-items: center;   justify-content: center;flex-direction:column;  }
.mainwr  .ctitle {width: 100%;    display: flex;    align-items: center;   justify-content: center; margin-bottom:40px;}
.mainwr  .ctitle h4{ font-size:3em; color:#111; word-break:keep-all; line-height:1.5;  text-align:center; }
.mainwr .servicewr .mcservice  {width: 100%;        display: flex;    align-items: center;   justify-content: center;}
.mainwr .servicewr .mcservice h4{font-size:2.2em; color:#111; word-break:keep-all; line-height:1.5;  text-align:center; display: flex;    align-items: center;   justify-content: center;flex-direction:column;  }
.mainwr .servicewr .mcservice h4 span {font-size:0.85em; font-weight:400;}
.mainwr .servicewr .mcservice ul{width:100%; display: flex;    align-items: flex-start;   justify-content: center;flex-direction:column; gap:10px; font-size:1.7em;line-height:1.5;   }
.mainwr .servicewr .mcservice ul li{background:#fff; border-radius:50px; padding:8px 20px;font-weight:500;color:#484848; letter-spacing:-0.5px; }
 
  .mainwr .servicewr .mcservice .mcserv1{background-color:#c0e5d9; padding:40px;   display:grid;  grid-auto-flow: row;   grid-template-columns:3fr 4fr; align-items: center;gap:20px;}
.mainwr .servicewr .mcservice .mcserv1 .imgwr {width:100%; height:100%; display: flex;    align-items: center;   justify-content: center;}
 .mainwr .servicewr .mcservice .mcserv1 .txtwr {width:100%; height:100%; display: flex;    align-items: flex-start;   justify-content: center;flex-direction:column; gap:20px;}
  .mainwr .servicewr .mcservice .mcserv1 .txtwr h4{text-align:left;  align-items: flex-start; gap:10px;}
 
 .mainwr .servicewr .mcservice .mcserv2{background-color:#bbdee8; padding:40px;   display:grid;  grid-auto-flow: row;   grid-template-columns:2fr 3fr; align-items: center;gap:20px;}
.mainwr .servicewr .mcservice .mcserv2 .imgwr {width:100%; height:100%; display: flex;    align-items: center;   justify-content: center;}
 .mainwr .servicewr .mcservice .mcserv2 .txtwr {width:100%; height:100%; display: flex;    align-items: flex-start;   justify-content: center;flex-direction:column; gap:20px;}
  .mainwr .servicewr .mcservice .mcserv2 .txtwr h4{text-align:left;  align-items: flex-start;}

  .mainwr .servicewr .mcservice .mcserv3{background-color:#ffe7b7; padding:40px;   display:grid;  grid-auto-flow: row;   grid-template-columns:3fr 4fr; align-items: center;gap:0px;}
.mainwr .servicewr .mcservice .mcserv3 .imgwr {width:100%; height:100%; display: flex;    align-items: center;   justify-content: center;}
 .mainwr .servicewr .mcservice .mcserv3 .txtwr {width:100%; height:100%; display: flex;    align-items: flex-start;   justify-content: center;flex-direction:column; gap:20px;}
 .mainwr .servicewr .mcservice .mcserv3 .txtwr h4{text-align:left;align-items: flex-start;gap:10px;}
  .mainwr .servicewr .mcservice .mcserv3 .txtwr h4 span{font-size:0.95em;}
  
 
 .mainwr .servicewr .mcservice .mcserv4{background-color:#ffe5e8; padding:40px;   display:grid;  grid-auto-flow: row;   grid-template-columns:2fr 3fr; align-items: center;gap:20px;}
.mainwr .servicewr .mcservice .mcserv4 .imgwr {width:100%; height:100%; display: flex;    align-items: center;   justify-content: center;}
 .mainwr .servicewr .mcservice .mcserv4 .txtwr {width:100%; height:100%; display: flex;    align-items: flex-start;   justify-content: center;flex-direction:column; gap:20px;}
  .mainwr .servicewr .mcservice .mcserv4 .txtwr h4{text-align:left;  align-items: flex-start; gap:18px;}
  .mainwr .servicewr .mcservice .mcserv4 .txtwr h4 span{font-size:0.8em; letter-spacing:-0.5px;}
 
  .mainwr .servicewr .mcservice .mcserv5{ padding:40px;   display:grid;  grid-auto-flow: row;   grid-template-columns:2fr 3fr; align-items: center;gap:20px;}
.mainwr .servicewr .mcservice .mcserv5 .imgwr {width:100%; height:100%; display: flex;    align-items: center;   justify-content: center;}
 .mainwr .servicewr .mcservice .mcserv5 .txtwr {width:100%; height:100%; display: flex;    align-items: flex-start;   justify-content: center;flex-direction:column; gap:20px;}
  .mainwr .servicewr .mcservice .mcserv5 .txtwr h4{text-align:left;  align-items: flex-start; gap:8px;}
  .mainwr .servicewr .mcservice .mcserv5 .txtwr h4 span{font-weight:400; font-size:1em;}
 
  .mainwr .servicewr .servtxt {margin-top:30px;width: 100%;    display: flex;    align-items: center;   justify-content: center; flex-wrap:wrap; font-size:2em; color:#111; font-weight:700; word-break:keep-all; line-height:1.5;   text-align:center; gap:8px; }
   .mainwr .servicewr .servtxt span{position:relative; display:flex;  }
	.mainwr .servicewr .servtxt span strong { z-index:1;display:flex; padding:0px 3px;}
   .mainwr .servicewr .servtxt span:after {position:absolute; bottom:3px; left:0px; width:100%; height:12px; content:''; background:#ffee51; z-index:0; opacity:0.8;}

	.mcservice .swiper-slide{opacity:0 !important;}
	.mcservice .swiper-slide.swiper-slide-active {opacity:1.0 !important;}	

.mainwr .detail {background:#feeae2;  }
.mainwr .detailwr {position: relative;width: 100%;        display: flex;    align-items: center;   justify-content: center;flex-direction:column; }
.mainwr .detailwr .detawr {width:100%; max-width:1400px; padding:0px; display:grid;  grid-auto-flow: row;   grid-template-columns:repeat(2, 1fr);  gap: 30px 40px; align-items: flex-start;}
 .mainwr .detailwr .detawr dl{border-radius:12px; width:100%; background:#fff;height:100%; padding:40px 30px;   display:grid;  grid-auto-flow: row;   grid-template-columns:180px 1fr; align-items: center;gap:50px; box-shadow: 0 5px 20px rgba(206, 97, 55, .1); }
 .mainwr .detailwr .detawr dl dt{padding-left:40px;} 
 .mainwr .detailwr .detawr dl dd {width:100%;  display: flex;    align-items: flex-start;   justify-content: flex-start;flex-direction:column; gap:20px;}
 .mainwr .detailwr .detawr dl h4{font-size:2em; color:#111; word-break:keep-all; line-height:1.3;   display: flex;    align-items: flex-start;   justify-content: center;flex-direction:column;  }
 .mainwr .detailwr .detawr dl ul {width:100%; display: flex;    align-items: flex-start;   justify-content: center;flex-direction:column; gap:12px;   }
 .mainwr .detailwr .detawr dl ul li{ position:relative; letter-spacing:-0.5px; font-size:1.5em;line-height:1.5; word-break:keep-all; padding-left:14px;}
 .mainwr .detailwr .detawr dl ul li:before {position:absolute; top:11px; left:0px; width:8px; height:8px; background:#ff7850; border-radius:50%; content:''; opacity:0.8;}
 .mainwr .detailwr .detawr dl ul li .pott{display:inline-block; background:#ff7850; color:#fff; padding:2px 10px; border-radius:5px; font-size:0.95em; margin-top:5px;}
 
 .mainwr .detailwr .detawr dl.detv3 dt,  .mainwr .detailwr .detawr dl.detv4 dt{padding-left:0px;}
 
.mainwr .customer{background:url(../images/web/mcustomer-bg.jpg) right bottom no-repeat;     background-size: cover;}
.mainwr .customerwr {position: relative;width: 100%;        display: flex;    align-items: center;   justify-content: center;flex-direction:column; }
.mainwr .customerwr .custwr {width:100%; max-width:1400px;  }
.mainwr .customerwr .custwr dl{width:100%;  display:grid;  grid-auto-flow: row;   grid-template-columns:2fr 3fr;  gap: 50px; align-items: center;}
.mainwr .customerwr .custwr dl dt{width:100%;  color:#212417; font-size:1.3em; line-height:1.7;width:100%; display: flex; flex-direction:column;gap:10px; padding-bottom:10px; text-shadow: -1px -1px 0 rgba(255,255,255,0.1), 0 -1px 0 rgba(255,255,255,0.1), 1px -1px 0 rgba(255,255,255,0.1), 1px 0 0 rgba(255,255,255,0.1), 1px 1px 0 rgba(255,255,255,0.1), 0 1px 0 rgba(255,255,255,0.1), -1px 1px 0 rgba(255,255,255,0.1), -1px 0 0 rgba(255,255,255,0.1); }
.mainwr .customerwr .custwr dl dt ul {width:100%; display: flex; flex-direction:column; gap:10px; margin-top:40px; }
.mainwr .customerwr .custwr dl dt ul li {width:100%;display:grid;  grid-auto-flow: row;   grid-template-columns:44px 1fr;align-items: center;  gap:14px; color:#fff; }
.mainwr .customerwr .custwr dl dt ul li .ic{  width: 100%;    height: 100%;    aspect-ratio: 1 / 1; display: flex;  align-items: center;   justify-content: center; background:#ff7850; border-radius:50%;}
.mainwr .customerwr .custwr dl dt ul li .txt {font-size:1.2em; text-shadow:0px 0px 5px rgba(0,0,0,0.6); -moz-text-shadow: 0px 0px 5px  rgba(0,0,0,0.6); -webkit-text-shadow: 0px 0px 5px  rgba(0,0,0,0.6);}
.mainwr .customerwr .custwr dl dt ul li .txt.tel {font-size:1.3em;}
.mainwr .customerwr .custwr dl dd {width:100%;display: flex; flex-direction:column; background:#fff; padding:40px 40px 36px;  border-radius:25px;}
.mainwr .customerwr .custwr dl dd form {width:100%;}
.mainwr .customerwr .custwr dl dd fieldset {width:100%;display: flex; flex-direction:column; gap:12px;}
.mainwr .customerwr .custwr dl dd .rowbox {width:100%;display:grid;  grid-auto-flow: row;   grid-template-columns:1fr 1fr;align-items: center;  gap:14px;}
.mainwr .customerwr .custwr dl dd .rowbox.full {grid-template-columns:1fr;}
.mainwr .customerwr .custwr dl dd .rowbox.agreebtn {grid-template-columns:1fr 1fr; align-items:center; gap:20px;}
.mainwr .customerwr .custwr dl dd .rowbox .group {width:100%;background:#F3F4F7;  border-radius:5px;   display:grid;  grid-auto-flow: row;   grid-template-columns:110px 1fr;align-items: center;gap:20px; padding:0px 5px;  }
 .mainwr .customerwr .custwr dl dd .rowbox .group .tt{width:100%; font-size:1em; display: flex;  align-items: center;   justify-content: flex-end; color:#3c3a34; }
  .mainwr .customerwr .custwr dl dd .rowbox .group .tt span{min-width:12px;display: flex;  align-items: center;   justify-content: flex-end; color:#f48229; font-weight:bold;}
.mainwr .customerwr .custwr dl dd .rowbox .group .frm-normal { width: 100%;  font-size:1.1em; color:#000;  line-height: 48px;  padding:0px; margin:0px;    border: none; background:transparent;  outline:0;}
.mainwr .customerwr .custwr dl dd .rowbox .group .frm-normal:focus { box-shadow:none; background:transparent; border:none !important;}
.mainwr .customerwr .custwr dl dd .rowbox .group .frm-normal:-webkit-autofill,
.mainwr .customerwr .custwr dl dd .rowbox .group .frm-normal:-webkit-autofill:hover,
.mainwr .customerwr .custwr dl dd .rowbox .group .frm-normal:-webkit-autofill:focus,
.mainwr .customerwr .custwr dl dd .rowbox .group .frm-normal:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0px 1000px #F3F4F7 inset !important;
-webkit-text-fill-color: #000 !important; 
}
.mainwr .customerwr .custwr dl dd .rowbox .group.hasta textarea.frm-normal {line-height:1.5; padding-right:12px; min-height:150px;}
 .mainwr .customerwr .custwr dl dd .rowbox .group.hasta {align-items:flex-start; padding:12px 5px;}
  .mainwr .customerwr .custwr dl dd .rowbox .group.hasta  .tt {padding-top:2px;}
.mainwr .customerwr  .ctitle {  justify-content:flex-start; margin-bottom:0px;}
.mainwr .customerwr  .ctitle h4 {font-size:2.4em; }
.mainwr .customerwr .custwr dl dd .rowbox .group select.frm-normal {appearance: none; -webkit-appearance: none; -moz-appearance: none; background:url(../images/web/bg_arrdown.png) right 8px center no-repeat; background-size:10px auto;}
.mainwr .customerwr .custwr dl dd .rowbox .group select.frm-normal:focus { background:url(../images/web/bg_arrdown.png) right 8px center no-repeat; background-size:10px auto; border-color:#222;}
 .mainwr .customerwr .custwr .btn-submit  { width:100%;  padding: 18px 10px; height: auto; font-size: 1.2em; background-color: #ff7850;  border:1px solid rgba(0,0,0,0.07);  color: #fff;    transition: all .25s ease;  border-radius:5px; display: inline-flex; -ms-flex-flow: row wrap;  flex-flow: row wrap; justify-content: center; align-items: center; }
 .mainwr .customerwr .custwr .btn-submit:hover {background-color:#f44f1e;     box-shadow: 0 3px 10px rgba(255, 120, 80, .25); }
 
 

.agreewr input[type="checkbox"] {position: relative;    opacity: 1;    cursor: pointer;    width: 24px;    height: 24px;    vertical-align: middle;    appearance: none;    -webkit-appearance: none;    -moz-appearance: none;    border: 1px solid rgba(0,0,0,0.5);    background: #fff;    outline: 0;    border-radius: 5px; }
.agreewr input[type="checkbox"] + label { margin: 0 0px 0 5px;  vertical-align: middle; font-size:0.975em; letter-spacing:-0.5px;}
.agreewr input[type="checkbox"]:checked { border: 0;   background-image: url(../images/web/ic_checked.png);   background-size: 24px 24px;   -webkit-transition: .2s ease-out;    transition: .2s ease-out; }
.agreewr .btn-popopen{ display: inline-block;  margin-left:15px;  padding: 0px 10px;    height: 24px;  line-height:20px;   font-size: 0.85em;  border-radius:5px;  box-sizing: border-box;    border: 1px solid rgba(0,0,0,0.05);   opacity:0.6;  font-weight: normal;    text-decoration: none;    vertical-align: middle;    word-spacing: -0.5px;   letter-spacing: 0;    text-align: center;   white-space: nowrap;   color: #fff;    background-color: #3c3a34;}
.agreewr .btn-popopen:hover {opacity:1; }

.mainwr .customerwr .custwr dl dd .agreebtn  .agreewr  {width: 100%;        display: flex;    align-items: flex-start;   justify-content: center;flex-direction:column; gap:3px;}
.mainwr .customerwr .custwr dl dd .agreebtn  .agreewr  .btn-popopen {margin-left:32px;   height: 24px;  line-height:22px;  }

#fp-nav ul li a span, .fp-slidesNav ul li a span {background:rgba(0,0,0,0.4);}
#fp-nav ul li a:hover span, .fp-slidesNav ul li:hover a span {background:rgba(0,0,0,0.7);}
#fp-nav ul li a.active span, .fp-slidesNav ul li a.active span, .fp-slidesNav ul li:hover a.active span {background:#f48229; }
 #fp-nav ul li .fp-tooltip { color:#111;  font-weight:500; text-shadow: -1px -1px 0 rgba(255,255,255,0.1), 0 -1px 0 rgba(255,255,255,0.1), 1px -1px 0 rgba(255,255,255,0.1), 1px 0 0 rgba(255,255,255,0.1), 1px 1px 0 rgba(255,255,255,0.1), 0 1px 0 rgba(255,255,255,0.1), -1px 1px 0 rgba(255,255,255,0.1), -1px 0 0 rgba(255,255,255,0.1);}


 /* footer */
.footer { width:100%;    padding-bottom:30px; text-align:left;  background:#151412; word-break:keep-all;}
.footer .ftcontent {    padding-top:30px;width: 100%;    line-height: 1.5;    font-size: 1em;    color: rgba(255,255,255,0.6);    display:grid;  grid-auto-flow: row;   grid-template-columns: 1fr 200px;align-items: flex-start;    gap:20px;}
.footer .ftcontent  dt {width: 100%; display: flex;  flex-direction:column; align-items: flex-start;     justify-content: flex-start; }
.footer .ftcontent  dt .fname {width: 100%; font-weight:500;    color: rgba(255,255,255,0.5);     display: flex;   justify-content: flex-start; font-size:1.05em;}
.footer .ftcontent  dt .finfo {width: 100%;   padding-top: 6px; display: flex;     flex-direction:column; align-items: flex-start;     justify-content: flex-start; gap:8px;flex-wrap:wrap; }
.footer .ftcontent  dt .finfo .row{   width: 100%;   display: flex;    align-items: center;   justify-content: flex-start;  gap:25px;flex-wrap:wrap;}
.footer .ftcontent strong {font-weight:400; color:#333;}
.footer .ftcontent   a{color:#fff; }
.footer .ftcopy {   padding-top:10px;  color: rgba(255,255,255,0.5);    font-size: 0.85em; font-weight:300; letter-spacing:0;}
 .footer .ftcontent  dd {width: 100%;  display: flex;    align-items: flex-start;   justify-content: flex-end;   }
 .footer .ftcontent  dd .btn-kakaomove {width:auto; color:rgba(255,255,255,0.5); font-size:0.9em; background:rgba(255,255,255,0.2); padding:5px 18px 5px 5px; border-radius:50px;  display: flex;    align-items: center;   justify-content: center; gap:8px;}
 .footer .ftcontent  dd .btn-kakaomove .ic {background:#fbe300; width:35px; height:35px; border-radius:50%; overflow:hidden;}
 .footer .ftcontent  dd .btn-kakaomove:hover {background:#fbe300; color:#000;}
 

 /* sub */

.subcontents img {max-width:100%; height:auto;}

.subcontents  {position:relative;width:100%;  min-height:calc(100vh - 138px);  line-height:1.7; padding-bottom:40px; display: flex; -ms-flex-flow: row wrap;  flex-flow: row wrap;     justify-content: flex-start; align-items: center;flex-direction:column;}
.subcontents .subtopwr {position:relative;width:100%; height:400px; padding-top:80px;  display:grid;  grid-auto-flow: column;   grid-template-rows: 1fr 50px;align-items: center;  } 
.subcontents .subtopwr.intro {background: url(../images/web/stopimg-1.jpg) center center no-repeat; background-size:cover;}
.subcontents .subtopwr.consult {background: url(../images/web/stopimg-2.jpg) center center no-repeat; background-size:cover;}
.subcontents .subtopwr.result {background: url(../images/web/stopimg-3.jpg) center center no-repeat; background-size:cover;grid-template-rows: 1fr ;}
.subcontents .subtopwr.inquire {background: url(../images/web/stopimg-4.jpg) center center no-repeat; background-size:cover;grid-template-rows: 1fr ;}
.subcontents .subtopwr.client {background: url(../images/web/stopimg-5.jpg) center center no-repeat; background-size:cover;}
 .subcontents .subtopwr .title {width:100%; height:100%;  display: flex;     justify-content: center; align-items: center; padding-top:30px;  font-weight:bold; font-size:3em; color:#fff; word-break:keep-all; line-height:1.5;  text-align:center;  text-shadow:0px 0px 5px rgba(0,0,0,0.5); -moz-text-shadow: 0px 0px 5px  rgba(0,0,0,0.5); -webkit-text-shadow: 0px 0px 5px  rgba(0,0,0,0.5);}
.subcontents .subtopwr.result .title, .subcontents .subtopwr.inquire .title {padding-top:0px;}
.subcontents .subtopwr .smenuwr{width:100%; height:100%;  background:rgba(2,32,62,0.8);}
.subcontents .subtopwr .smenu { display: table;  position: static;        left: auto;       right: auto;   padding: 0;        white-space: normal;        border: none;       table-layout: fixed; }
.subcontents .subtopwr .smenu li {width:100%; border-right: 1px solid rgba(255, 255, 255, .1);   font-size:1.15em;    box-sizing: border-box;    display: table-cell; height: 50px; text-align: center;   vertical-align: middle;    }
.subcontents .subtopwr .smenu li:first-child{border-left: 1px solid rgba(255, 255, 255, .1);  }
.subcontents .subtopwr .smenu li a{width:100%;  height:100%;  display: flex;     justify-content: center; align-items: center;  color:#fff;  }
.subcontents .subtopwr .smenu li a:hover {color:#f48229;   background:rgba(0,0,0,0.5);}
.subcontents .subtopwr .smenu li.active {background:#fff  ; border-color:#fff  ;}
.subcontents .subtopwr .smenu li.active a{font-weight:500; font-size:1.05em; color:#193d71;}
.subcontents .subtopwr .smenu li.active a:hover {background:#fff }




.subcontents  .wrap .sidewr { width:100%; height:100%;  border-right:none; display: flex; -ms-flex-flow: row nowrap;  flex-flow: row nowrap;     justify-content: flex-start; align-items: flex-start; flex-direction:column; }
.subcontents .wrap .contentswr { width:100%;   height:100%;   padding:7px 0px 20px 30px; font-size:1.1em; color:#333; font-weight:300; letter-spacing:-0.5px;  display: flex; -ms-flex-flow: row wrap;  flex-flow: row wrap;     justify-content: flex-start; align-items: flex-start; flex-direction:column;}
 
.subcontents .wrap.noside { grid-template-columns: 1fr; }
.subcontents .wrap.noside .contentswr {padding-left:50px; padding-right:50px;}

 
.subcontents  .wrap .sidewr .snavi  {position:relative;width:100%; padding-right:30px; font-size:1.05em; display: flex; -ms-flex-flow: row wrap;  flex-flow: row wrap;     justify-content: flex-start; align-items: flex-start;flex-direction:column; }
.subcontents  .wrap .sidewr .snavi:before {position:absolute; left:0px; top:0px; width:calc(100% -  30px); height:100%; border-radius:15px; box-shadow: 0 3px 8px rgba(0, 0, 0, .1); border:1px solid rgba(0,0,0,0.07); content:''; z-index:0; }
.subcontents  .wrap .sidewr .snavi .title {width:100%; font-size: 1.5em;    color: #222;    font-weight: 500;  padding:15px 20px 7px; }
 .subcontents  .wrap .sidewr .snavi .smenu {width:100%; padding-bottom:15px;}
 .subcontents  .wrap .sidewr .snavi .smenu li{width:100%;display: flex; -ms-flex-flow: row wrap;  flex-flow: row wrap;     justify-content: center; align-items: flex-start;flex-direction:column; }
 .subcontents  .wrap .sidewr .snavi .smenu li a{position:relative;width:100%;height:100%; padding:6px 20px;}
  .subcontents  .wrap .sidewr .snavi .smenu li a:hover  {color:#f58220;}
  .subcontents  .wrap .sidewr .snavi .smenu li a.active {color:#fff;display:flex; justify-content: flex-start; align-items: center; }
   .subcontents  .wrap .sidewr .snavi .smenu li a.active span {display:flex; justify-content: flex-start; align-items: center;  z-index:1;}
 .subcontents  .wrap .sidewr .snavi .smenu li a.active:before {position:absolute; left:0px; top:0px; width:calc(100% + 12px); height:100%; background:#cb2421; border-radius:0px 20px 20px 0px; content:''; z-index:0; box-shadow: 0 2px 3px rgba(0, 0, 0, .1);}

.subcontents  .wrap .contentswr .page-title {width:100%; padding-bottom:20px;  }
.subcontents  .wrap .contentswr .page-title h3 {font-size: 2em;  font-weight:normal;  letter-spacing:-1px;color: #121212;  display:flex; justify-content: flex-start; align-items: center;  }
 .subcontents  .wrap .contentswr .page-cont {width:100%;  word-break:keep-all;-ms-word-break:keep-all; }
 
 .subcontents  .wrap .contentswr .page-cont  .ptitle {color:#f58220; font-size:1.45em; }
 .subcontents  .wrap .contentswr .page-cont .pbigtitle {color:#000; font-size:1.8em; padding-bottom:10px; }
 .subcontents  .wrap .contentswr .page-cont .tit {color:#f58220; font-weight:400;font-size:1.05em;  }
 .subcontents  .wrap .contentswr .page-cont .tit strong {font-weight:500;}
 .subcontents  .wrap .contentswr .page-cont .fleft {width:100%; line-height:1.8; padding-top:30px; display:grid;  grid-auto-flow: row;   grid-template-columns:220px 1fr;  gap:0px; align-items: flex-start;}
 .subcontents  .wrap .contentswr .page-cont .fleft dt{width:100%; padding-right:20px;}
 .subcontents  .wrap .contentswr .page-cont .fleft dd{width:100%; padding-top:5px;  }

 .subcontents  .wrap .contentswr .page-cont .fleft2 {width:100%; line-height:1.8; padding-top:25px; display:grid;  grid-auto-flow: row;   grid-template-columns:150px 1fr;  gap:20px; align-items: flex-start;}
 .subcontents  .wrap .contentswr .page-cont .fleft2 dt{width:100%; padding-left:2px;  }
 .subcontents  .wrap .contentswr .page-cont .fleft2 dd{width:100%; padding-top:0px; font-size:0.975em; }
 .subcontents  .wrap .contentswr .page-cont .fleft2 dd .book {width:100%; line-height:1.6; display: flex; -ms-flex-flow: row wrap;  flex-flow: row wrap;     justify-content: flex-start; align-items: flex-start;flex-direction:column; gap:10px;}


 
.subcontents  .wrap .contentswr .page-cont .profile {width:100%; line-height:1.8; margin-top:20px;display:grid;  grid-auto-flow: row;   grid-template-columns:320px 1fr;  gap:40px; align-items: flex-start;}
 
.subcontents  .wrap .contentswr .page-cont .profile dd {width:100%;padding-top:5px; }
.subcontents  .wrap .contentswr .page-cont .profile dd ul{width:100%; display: flex; -ms-flex-flow: row wrap;  flex-flow: row wrap;     justify-content: flex-start; align-items: flex-start;flex-direction:column; gap:10px;}
.subcontents  .wrap .contentswr .page-cont .profile dd ul li {width:100%;display:grid;  grid-auto-flow: row;   grid-template-columns:100px 1fr;  gap:20px; align-items: flex-start;}
.subcontents  .wrap .contentswr .page-cont .profile dd ul li .tt {color:#f58220; font-weight:400; padding-left:2px;}
.subcontents  .wrap .contentswr .page-cont .profile dd ul .sub {gap:0px;}
.subcontents  .wrap .contentswr .page-cont .profile dd ul .sub .stt {font-size:0.975em;}
.subcontents  .wrap .contentswr .page-cont .profile .imgbox {border-radius:30px; overflow:hidden;}

.subcontents  .wrap .contentswr  .page-cont  .hj { font-weight:400;}
.subcontents  .wrap .contentswr  .page-cont  .bold {font-weight:400;  font-size:1.1em;color:#121212;}
.subcontents  .wrap .contentswr  .page-cont  .bold .hj {font-weight:500;font-size:1.05em; }

.subcontents  .wrap .contentswr  .page-cont  .exptxt {font-size:0.925em;  line-height:2; }
.subcontents  .wrap .contentswr  .page-cont  .exptxt a{color:#555;}
.subcontents  .wrap .contentswr  .page-cont  .exptxt .big{font-size:1.1em;font-weight:400;}
.subcontents  .wrap .contentswr  .page-cont  .exptxt .pott1{font-weight:400; }


.subcontents  .wrap .contentswr .page-cont .donation {position:relative;width:100%; line-height:1.8; padding-left:3px;  display: flex; -ms-flex-flow: row wrap;  flex-flow: row wrap;     justify-content: flex-start; align-items: flex-start;}
.subcontents  .wrap .contentswr .page-cont .donation dt{position:absolute; top:0; left:0; width:100%; height:100%; padding:60px 0px 0 60px; color:#000;}
.subcontents  .wrap .contentswr .page-cont .donation dt .stitle{color:#f58220; font-size:2.6em; padding-bottom:60px; line-height:1.5;   }
.subcontents  .wrap .contentswr .page-cont .donation dt .stitle .name {font-size:0.9em; margin-top:15px; color:#333;}
.subcontents  .wrap .contentswr .page-cont .donation dt ul{ font-size:1.3em; width:100%; display: flex; -ms-flex-flow: row wrap;  flex-flow: row wrap;     justify-content: flex-start; align-items: flex-start;flex-direction:column; gap:20px;}
.subcontents  .wrap .contentswr .page-cont .donation dt ul li {width:100%;  font-weight:400; display:grid;  grid-auto-flow: row;   grid-template-columns:100px 1fr;  gap:20px; align-items: flex-start;}
.subcontents  .wrap .contentswr .page-cont .donation dt ul li .tt {color:#f58220; padding-top:2px; font-size:0.975em;}
.subcontents  .wrap .contentswr .page-cont .donation dt ul li .big {font-size:1.2em;}
.subcontents  .wrap .contentswr .page-cont .donation dt ul li .big .tt {padding-top:2px;}
.subcontents  .wrap .contentswr .page-cont .donation dt ul li .big strong {font-weight:500; font-size:1.3em;}
.subcontents  .wrap .contentswr .page-cont .donation dd {width:100%;height:100%; ; overflow:hidden; }


.subcontents  .wrap .contentswr .cl-category {width:100%;  padding-bottom:35px;display: flex; -ms-flex-flow: row wrap;  flex-flow: row wrap;     justify-content: flex-start; align-items: center; gap:0.2%; }
.subcontents  .wrap .contentswr .cl-category li {width:18%;}
.subcontents  .wrap .contentswr .cl-category li a { font-size:0.95em; font-weight:400; border:1px solid #aaa;  border-radius:25px; padding:9px 5px 8px 5px; background:#fff; color:#333; display: flex; -ms-flex-flow: row wrap;  flex-flow: row wrap;     justify-content: center; align-items: center;}
.subcontents  .wrap .contentswr .cl-category li a:hover {border-color:#cb2421; color:#f58220;}
.subcontents  .wrap .contentswr .cl-category li a.active{background:#cb2421; border-color:#cb2421; color:#fff; }

.subcontents  .wrap .contentswr .cl-category.clcate4 {padding-bottom:20px; }
.subcontents  .wrap .contentswr .cl-category.clcate4 li  {width:14%;}
  .subcontents.class_1_3 .wrap .contentswr .cl-category {padding-bottom:25px;}

.subcontents  .wrap .contentswr .cl-category-sub {width:100%;   padding:8px 20px; margin-bottom:35px; box-shadow: 0 3px 5px rgba(0, 0, 0, .1);    border: 1px solid #cb2421; border-radius:5px; display: flex; -ms-flex-flow: row wrap;  flex-flow: row wrap;     justify-content: flex-start; align-items: center; gap:8px; }
.subcontents  .wrap .contentswr .cl-category-sub li { }
.subcontents  .wrap .contentswr .cl-category-sub li a { font-size:0.95em; font-weight:400; display: flex; -ms-flex-flow: row wrap;  flex-flow: row wrap;     justify-content: center; align-items: center; }
.subcontents  .wrap .contentswr .cl-category-sub li a span { display:flex;  padding:5px 16px;  background:#fff; color:#333;  }
 .subcontents  .wrap .contentswr .cl-category-sub li a:hover span{  color:#cb2421; } 
.subcontents  .wrap .contentswr .cl-category-sub li a.active span{ color:#fff; background:#cb2421;} 

.subcontents  .wrap .contentswr .movlist {width:100%; display:grid;  grid-template-columns: repeat(3, 1fr); gap:29px;  justify-content: center; }
.subcontents  .wrap .contentswr .movlist li{width:100%; background:#222;}
.subcontents  .wrap .contentswr .movlist li a{ width:100%; height:100%;  display: flex; -ms-flex-flow: row wrap;  flex-flow: row wrap;     justify-content: center; align-items: center; -webkit-transition: .2s ease-out;    transition: .2s ease-out;  }
.subcontents  .wrap .contentswr .movlist li a dl {position:relative;width:100%; height:100%;  display: flex; -ms-flex-flow: row wrap;  flex-flow: row wrap;     justify-content: center; align-items: center; }
.subcontents  .wrap .contentswr .movlist li a dl dt {position:absolute; top:0; left:0; width:100%; height:100%; padding:15px 20px; color:#fff;   z-index:1; display: flex; -ms-flex-flow: row wrap;  flex-flow: row wrap;     justify-content: center; align-items: center;-webkit-transition: .2s ease-out;    transition: .2s ease-out; }
.subcontents  .wrap .contentswr .movlist li a dl dt .subject {display:flex;   font-size:1.6em; line-height:1.4;  text-shadow:0px 0px 5px rgba(0,0,0,0.5); -moz-text-shadow: 0px 0px 5px  rgba(0,0,0,0.5); -webkit-text-shadow: 0px 0px 5px  rgba(0,0,0,0.5);}
.subcontents  .wrap .contentswr .movlist li a dl dd {width:100%;height:100%; }
.subcontents  .wrap .contentswr .movlist li a dl dd img {width:100%; height:auto;opacity:1.0; -webkit-transition: .2s ease-out;    transition: .2s ease-out; }
.subcontents  .wrap .contentswr .movlist li a:hover dl dd img {opacity:0.5; }
.subcontents  .wrap .contentswr .movlist li a:hover dl dt {color:#f9df86;    }
 
.subcontents  .wrap .contentswr .wordlist {width:100%; display:grid;  grid-template-columns: repeat(8, 1fr); gap:12px;  justify-content: center; }
.subcontents  .wrap .contentswr .wordlist li{width:100%;  border-radius:7px; overflow:hidden; }
.subcontents  .wrap .contentswr .wordlist li a{ width:100%; height:100%; display: flex; -ms-flex-flow: row wrap;  flex-flow: row wrap;     justify-content: center; align-items: center; -webkit-transition: .2s ease-out;    transition: .2s ease-out;  }
.subcontents  .wrap .contentswr .wordlist li a dl {position:relative;width:100%; height:100%;  display: flex; -ms-flex-flow: row wrap;  flex-flow: row wrap;     justify-content: center; align-items: center; }
.subcontents  .wrap .contentswr .wordlist li a dl dt {position:absolute; top:0; left:0; width:100%; height:100%; padding:15px 20px;  gap:5px;color:#333;   z-index:1; display: flex; -ms-flex-flow: row nowrap;  flex-flow: row nowrap;     justify-content: center; align-items: center; flex-direction:column; box-shadow:none; -webkit-transition: .2s ease-out;    transition: .2s ease-out; }
.subcontents  .wrap .contentswr .wordlist li a dl dt .subject {     font-size:1.2em; line-height:1.4;  }
.subcontents  .wrap .contentswr .wordlist li a dl dt .word{  font-family:   "Noto Sans TC"; font-size:1.8em; font-weight:600;}
.subcontents  .wrap .contentswr .wordlist li a dl dd {width:100%;height:100%; }
.subcontents  .wrap .contentswr .wordlist li a dl dd img {width:100%; height:auto;opacity:1.0; -webkit-transition: .2s ease-out;    transition: .2s ease-out; }
.subcontents  .wrap .contentswr .wordlist li a:hover dl dd img {opacity:0.5; }
.subcontents  .wrap .contentswr .wordlist li a:hover dl dt {color:#cb2421;  box-shadow: inset 0 0px 10px rgba(0, 0, 0, .2);       }

 


.subcontents  .wrap .contentswr .pctsearch {background:#f1f2f4; padding:12px 15px; width:100%;border-radius:5px;margin-bottom:30px;  }
.subcontents  .wrap .contentswr .pctsearch form {width:100%; }
.subcontents  .wrap .contentswr .pctsearch .searchbox {width:100%; gap:4px; display: flex; -ms-flex-flow: row wrap;  flex-flow: row wrap;     justify-content: flex-start; align-items: center; }
.subcontents  .wrap .contentswr .pctsearch .searchbox .frm-line {padding:0px 10px; line-height:40px;  width:30%; border:1px solid #d9d9dc;  border-radius:3px;}
.subcontents  .wrap .contentswr .pctsearch .searchbox .frm-line:hover {border-color:#666}
.subcontents  .wrap .contentswr .pctsearch .searchbox .frm-line:focus {-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none; border-color:#111;}
.subcontents  .wrap .contentswr .pctsearch .searchbox .btn_search {padding:0px 16px; line-height:40px;  font-size:0.95em;  border:1px solid #555;  background:#555; color:#fff; border-radius:3px; gap:8px;display: flex; -ms-flex-flow: row wrap;  flex-flow: row wrap;     justify-content: center; align-items: center; }
.subcontents  .wrap .contentswr .pctsearch .searchbox .btn_search:hover {border-color:#000; background:#000;}

 .subcontents  .wrap .contentswr .descrtopmov {position:relative;width:100%; margin-bottom:40px; display: flex; -ms-flex-flow: row wrap;  flex-flow: row wrap;     justify-content: center; align-items: center; background:#000; }
.subcontents  .wrap .contentswr .descrtopmov a{ width:100%; height:100%; display: flex; -ms-flex-flow: row wrap;  flex-flow: row wrap;     justify-content: center; align-items: center; -webkit-transition: .2s ease-out;    transition: .2s ease-out;  }
.subcontents  .wrap .contentswr .descrtopmov a dt {position:absolute; bottom:0; left:0; width:100%;    gap:5px;color:#fff;   z-index:1; display: flex; -ms-flex-flow: row nowrap;  flex-flow: row nowrap;     justify-content: center; align-items: center; flex-direction:column; box-shadow:none; -webkit-transition: .2s ease-out;    transition: .2s ease-out; }
.subcontents  .wrap .contentswr .descrtopmov a dt .subject {width:100%;     font-size:1.7em; line-height:1.4; padding:20px 30px;  background:rgba(0,0,0,0.5); display: flex; -ms-flex-flow: row wrap;  flex-flow: row wrap;     justify-content: flex-start; align-items: center; gap:15px; }
 .subcontents  .wrap .contentswr .descrtopmov a dd {width:100%;height:100%; }
.subcontents  .wrap .contentswr .descrtopmov a dd img {width:100%; height:auto;opacity:0.9; -webkit-transition: .2s ease-out;    transition: .2s ease-out; }
.subcontents  .wrap .contentswr .descrtopmov a:hover dd img {opacity:0.5; }
.subcontents  .wrap .contentswr .descrtopmov a:hover dt .subject{  background:#cb2421; }

 .subcontents  .wrap .contentswr .page-cont .desphoto {width:100%; padding-top:5px;display:grid;  grid-template-columns: repeat(4, 1fr); gap:20px;  justify-content: center;}
 .subcontents  .wrap .contentswr .page-cont .desphoto li{ position:relative;width:100%;  background:#ccc;}
 .subcontents  .wrap .contentswr .page-cont .desphoto li:before {position:absolute; top:0; left:0; right:0; bottom:0; border:1px solid rgba(0,0,0,0.07); content:''; z-index:1;}
 .subcontents  .wrap .contentswr .page-cont .desphoto li img{width:100%; height: auto;}
 .subcontents  .wrap .contentswr .page-cont .descrelsemov {width:100%; padding-top:35px;display:grid;  grid-template-columns: repeat(2, 1fr); gap:20px;  justify-content: center;}
 .subcontents  .wrap .contentswr .page-cont .descrelsemov li{ position:relative;width:100%; padding:0px;  }
 

 .subcontents  .wrap .contentswr .descrelsemov dl {position:relative;width:100%; margin-bottom:40px; display: flex; -ms-flex-flow: row wrap;  flex-flow: row wrap;     justify-content: center; align-items: center; background:#000; }
.subcontents  .wrap .contentswr .descrelsemov a{ width:100%; height:100%; display: flex; -ms-flex-flow: row wrap;  flex-flow: row wrap;     justify-content: center; align-items: center; -webkit-transition: .2s ease-out;    transition: .2s ease-out;  }
.subcontents  .wrap .contentswr .descrelsemov a dt {position:absolute; bottom:0; left:0; width:100%;    gap:5px;color:#fff;   z-index:1; display: flex; -ms-flex-flow: row nowrap;  flex-flow: row nowrap;     justify-content: center; align-items: center; flex-direction:column; box-shadow:none; -webkit-transition: .2s ease-out;    transition: .2s ease-out; }
.subcontents  .wrap .contentswr .descrelsemov a dt .subject {width:100%;     font-size:1.5em; line-height:1.4; padding:20px 30px;  background:rgba(0,0,0,0.5); display: flex; -ms-flex-flow: row wrap;  flex-flow: row wrap;     justify-content: flex-start; align-items: center; gap:15px; }
 .subcontents  .wrap .contentswr .descrelsemov a dd {width:100%;height:100%; }
.subcontents  .wrap .contentswr .descrelsemov a dd img {width:100%; height:auto;opacity:0.9; -webkit-transition: .2s ease-out;    transition: .2s ease-out; }
.subcontents  .wrap .contentswr .descrelsemov a:hover dd img {opacity:0.5; }
.subcontents  .wrap .contentswr .descrelsemov a:hover dt .subject{  background:#cb2421; }

.subcontents.intro3  .wrap .contentswr .page-cont .fleft2 {grid-template-columns:220px 1fr; }
.subcontents.intro3  .wrap .contentswr .page-cont .fleft2 dd strong {font-weight:500;}
.subcontents.intro4  .wrap .contentswr .page-cont .profile {gap:60px;}


.subcontents  .wrap .contentswr .bbs-list {width:100%; }
.subcontents  .wrap .contentswr .bbs-list .bbslist {  border-top: solid 2px #111; margin-top: 8px; margin-bottom: 8px; table-layout: fixed; color:#555;}
.subcontents  .wrap .contentswr .bbs-list .bbslist th, .subcontents  .wrap .contentswr .bbs-list .bbslist td {padding:13px 5px; font-size:0.85em; border-bottom:1px solid #e0e0e1;  border-left: 1px solid #e0e0e1;  vertical-align: middle;    line-height: 1.3;   font-weight: 400; letter-spacing: -0.5px; text-align:center;   }
.subcontents  .wrap .contentswr .bbs-list .bbslist td a { color: #222; }
.subcontents  .wrap .contentswr .bbs-list .bbslist td a:hover {color:#cb2421;}
.subcontents  .wrap .contentswr .bbs-list .bbslist th { background-color: transparent;  color:#777;padding:11px 5px; }
.subcontents  .wrap .contentswr .bbs-list .bbslist thead th { background-color: #f4f5f6;    }
.subcontents  .wrap .contentswr .bbs-list .bbslist .no {border-left:none;}
.subcontents  .wrap .contentswr .bbs-list .bbslist td.sbj {text-align:left;font-size:0.95em; padding-left:10px;}



.subcontents  .wrap .contentswr .bbswrite {border-top: solid 2px #111;   width: 100%; }
.subcontents  .wrap .contentswr .bbswrite tbody th { background-color: #f5f5f5; border-bottom: 1px solid #e3e3e3; padding-left: 18px; text-align: left; font-size: 14px; }
.subcontents  .wrap .contentswr .bbswrite tbody th span {  display: inline-block;  padding-left: 15px; }
.subcontents  .wrap .contentswr .bbswrite tbody td { border-bottom: 1px solid #e3e3e3; padding: 12px 0 12px 18px;  text-align: left;  height: 30px;}
.subcontents  .wrap .contentswr .bbswrite tbody td input[type="text"] { width: 100%;   height: 40px;  line-height: 38px;  padding: 0 12px;   margin: 0px; border: 1px solid #b5b5b5; border-radius:0px; }
.subcontents  .wrap .contentswr .bbswrite tbody td input[type="text"]:focus {border-color:#555;box-shadow: none; }
.subcontents  .wrap .contentswr .bbswrite tbody td input[type="text"]::placeholder { font-size:0.95em;   }
.subcontents  .wrap .contentswr .bbswrite tbody td input[type="text"]::-webkit-input-placeholder  { font-size:0.95em;   }
.subcontents  .wrap .contentswr .bbswrite tbody td input[type="text"]:-ms-input-placeholder   { font-size:0.95em;   }



.subcontents  .wrap .contentswr .bbsview-top {width:100%;  }
.subcontents  .wrap .contentswr .bbsview-top h4{display: block;    font-size: 1.2em;      font-weight: 400;     padding: 18px 10px;    line-height: 1.3;    text-overflow: inherit;    white-space: inherit;    text-align: left;     position: relative;    border-top: solid 2px #000;  border-bottom: solid 1px #ddd; }
.subcontents  .wrap .contentswr .bbsview-top ul{width:100%; border-bottom: solid 1px #ddd; background:#f8f9fa; font-size:0.85em;  color:#666; font-weight:400; padding:10px 10px; display: flex; -ms-flex-flow: row wrap;  flex-flow: row wrap;     justify-content: flex-start; align-items: center; gap:25px; }
.subcontents  .wrap .contentswr .bbsview-top ul li {display: flex; -ms-flex-flow: row wrap;  flex-flow: row wrap;     justify-content: flex-start;  align-items: center; gap:7px; line-height:24px; }
.subcontents  .wrap .contentswr .bbsview-top ul li i {font-size:1.05em; padding-top:2px;}

.subcontents  .wrap .contentswr .bbsview-cont {padding: 25px 10px; border-bottom: solid 1px #ddd;  }
.subcontents  .wrap .contentswr .bbs-bottom {width:100%;  padding:20px 0; font-size:0.95em; display: flex; -ms-flex-flow: row wrap;  flex-flow: row wrap;     justify-content: flex-end;  align-items: center; gap:7px; }
.subcontents  .wrap .contentswr .bbs-bottom a{min-width:120px; padding:0px 10px; line-height:42px;height:44px; font-weight: 400;    background: #f7f8f9;    color: #555;    border: solid 1px #e1e2e3;box-shadow: none;   display: flex; -ms-flex-flow: row wrap;  flex-flow: row wrap; justify-content: center;  align-items: center;}
.subcontents  .wrap .contentswr .bbs-bottom a:hover {background:#fff; border-color:#555; box-shadow: 0 2px 5px rgba(0, 0, 0, .15);  }
.subcontents  .wrap .contentswr .bbs-bottom a.btn-submit {background:#555;border-color:#555; color:#fff; }
.subcontents  .wrap .contentswr .bbs-bottom a.btn-submit:hover {background:#cb2421;border-color:#cb2421;   }

 .list-page {width:100%; margin:0px  0 20px 0;  text-align: center;     display: flex;    justify-content: center;   align-items: center; }
.list-page > a {   display: flex; align-items: center; justify-content: center; font-size:1.2em;   width:26px; height:26px;  line-height: 23px; padding-top:1px; text-align: center;  color:#999;  background: #fff;    box-sizing: border-box;   vertical-align: middle;    border: 1px solid #fff;    border-radius: 3px;    margin: 0 1px;}
.list-page > a:hover {border-color:#db2922; color:#db2922;}
.list-page > a i{line-height:1;}
.list-page ol {   display: flex;    justify-content: center;   align-items: center; padding:0px 10px; gap:2px;}
.list-page li {    display: flex;    justify-content: center;   align-items: center;}
.list-page li a {     font-size:0.85em; font-weight:400; letter-spacing:-0.5px; display: flex; align-items: center; justify-content: center;  color: #999;      background: #fff;    box-sizing: border-box;    min-width:26px; height:26px;   line-height: 24px;border: 1px solid #fff;   border-radius: 3px; }
.list-page li a:hover {    text-decoration: none; color:#000;}
.list-page a.current {    position: relative;    z-index: 1;    color: #db2922;   border-color:#db2922;  font-weight: 500;}

.subcontents  hr.bd {width:100%; height:1px;  background:#eee;  margin:35px 0 0px;}
.subcontents  hr.bd2 {width:100%; height:1px;  background:#eee;  margin:35px 0;}





 

 

.dis_none {display:none !important;}


 

.bbsbot-btn{width:100%; display: flex;  align-items: center;      justify-content: center;  padding:40px 0px 100px; gap:12px; }
.bbsbot-btn .btn-submit{width:220px;    height: 58px;     padding: 0 10px;    font-size:1.1em;   border: 1px solid #333; color:#fff; background:#333;  display: flex;    flex-wrap: wrap; justify-content: center;  align-items: center;  gap:10px;   font-weight:400;    border-radius: 4px;   }
.bbsbot-btn .btn-submit:hover {border-color:#000;  background:#000;}
.bbsbot-btn .btn-normal {width:220px;    height: 58px;     padding: 0 10px;    font-size:1.1em;   border: 1px solid #c7c7c7; color:#555; background:#fff;  display: flex;    flex-wrap: wrap; justify-content: center;  align-items: center;  gap:10px;   font-weight:400;    border-radius: 4px;    }
.bbsbot-btn .btn-normal:hover {border-color:#222;  color:#222;}



 




.al-top { align-items: flex-start !important;}
.bdtop-none {border-top:none !important;}

.pb-0{ padding-bottom:0px  !important;}
.pb-10{ padding-bottom:10px  !important;}
.pb-20{ padding-bottom:20px  !important;}
.pt-0{ padding-top:0px  !important;}
.pt-10{ padding-top:10px  !important;}
.pt-15{ padding-top:15px  !important;}
.pt-20{ padding-top:20px  !important;}
.mt-10{ margin-top:10px  !important;}
.mt-30{ margin-top:30px  !important;}
.mb-0{ margin-bottom:0px  !important;}
.ml-0{ margin-left:0px  !important;}
 
.mobnone {display:none  !important;}
.smnavbar {display:none;}
.menu_close {display:none;}
.btn-msmtoggle {display:none;}
.header .head-top .ht-menu .navi li  .depth2{display:none;}