@charset "utf-8";

@import 'motion.css';

@font-face {
  font-family: 'NotoSansCJKkr-Light';
  font-style: normal;
  font-weight: normal;
  src: url(../font/NotoSansCJKkr-Light.eot);
  src: url(../font/NotoSansCJKkr-Light.eot?#iefix) format('embedded-opentype'),
	   url(../font/NotoSansCJKkr-Light.woff) format('woff'),
	   url(../font/NotoSansCJKkr-Light.otf) format('opentype');
}
@font-face {
  font-family: 'NotoSansCJKkr-Medium';
  font-style: normal;
  font-weight: bold;
  src: url(../font/NotoSansCJKkr-Medium.eot);
  src: url(../font/NotoSansCJKkr-Medium.eot?#iefix) format('embedded-opentype'),
	   url(../font/NotoSansCJKkr-Medium.woff) format('woff'),
	   url(../font/NotoSansCJKkr-Medium.otf) format('opentype');
}

/* basic css */
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, font, 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, details, figcaption, figure, dialog,
footer, header, hgroup, menu, nav, section {margin: 0; padding: 0; border: 0;}
article, aside, details, figcaption, figure, dialog,
footer, header, hgroup, menu, nav, section {display: block;}
html, body {height:100%}
body {font-size: 18px; font-family: NotoSansCJKkr-Light, "돋음", dotum, sans-serif;  color:#4c4c4c; line-height:1.6; letter-spacing:-1px; -webkit-text-size-adjust:none; }
h1, h2, h3, h4, h5, h6 {font-size: 100%;font-weight: normal;}
a:link { color: #4c4c4c; text-decoration: none; }
a:visited { color: #4c4c4c; text-decoration: none; }
a:hover { color: #4c4c4c; text-decoration: none; }
a:active { color: #4c4c4c; text-decoration: none; }
a:focus { color: #4c4c4c; text-decoration: none; }
select, input, textarea {font-size: 100%;vertical-align: middle ; font-family: NotoSansCJKkr-Light, "돋음", dotum, sans-serif;}
input {margin: 0;padding: 0;}
ol, ul {list-style: none;}
label {cursor: pointer;}
legend, caption {width: 0;height: 0; visibility: hidden; font-size: 0;line-height: 0;}
button {cursor: pointer;}
button:focus {outline: 1px dotted;}
img {vertical-align: top;}
table {}

.hidden {position: absolute;width: 0;height: 0;visibility: hidden;font-size: 0;line-height: 0; top:-9999px}

#skipNav	{ z-index: 600; position: absolute; position: fixed;  top: 0; left: 0; width: 100%; }
#skipNav a { position: absolute;  top: -9999px; display: block; }
#skipNav a span { display: block; padding: 10px 0; border: 3px solid #FFB747; background: #000; color: #fff; text-align: center; }
#skipNav a:hover, #skipNav a:active, #skipNav a:focus { z-index: 600; top: 0; display: inline-block; width: 100%; }

input[type="text"] {box-sizing:border-box; -webkit-appearance:none;}
textarea {}

.point {color:#916b4a}
html, body {height:100%; min-height:100%; }
/* layout*/
header {position:relative; width:100%; min-width:320px }
.visual-area {position:relative;width:100%; height:400px; z-index:-1}
.visual-area {width:100%; text-align:center;}
.visual-area .tit-img {width:100%; text-align:center;}
.visual-area .tit-img p {padding-top:198px; text-align:center;}
.visual-area .tit-img p.line-3 {padding-top:168px;}
.visual-area .tit-img p img {max-width:100%; vertical-align:top;} 
.visual-area .visual-img {position:absolute; width:100%; height:400px; bottom:0;  overflow:hidden; text-align:center;  z-index:-1}
.visual-area .visual-img img {position:absolute;left:50%; top:0; margin-left:-960px; }
.navi {position:absolute; width:100%; height:80px; box-sizing:border-box; border-bottom: 1px solid rgba(255, 255, 255, .3); z-index:50}
h1 {padding:0 50px}
h1 a {display:inline-block;width:189px; height:79px;background:url(../images/common/logo.png?v20230816) no-repeat 0 14px; text-indent:-9999px}/* 2023-08-16 수정 */
.gnb {position:absolute; top:0; left:50%; margin-left:-465px;z-index:2;overflow:hidden;height:80px;letter-spacing:0} /* 2018-07-11 수정 : margin-left: -387 -> -465 변경 */
.gnb ul li {position:relative;float:left; width:155px; text-align:center;}
.gnb .depth1 {position:relative; display:block; color:#fff; font-size:16px; font-family:NotoSansCJKkr-Medium; line-height:78px;}
.gnb .depth1.depth1-link::after {content:'';display:inline-block;width:10px;height:11px;background:url(../images/common/icon_link_depth1_w.png) no-repeat;margin-left:4px;}
.gnb ul li ul {display:block;padding:36px 0; background:url(../images/common/gnb_bg.gif) no-repeat right 36px; min-height:140px; opacity:0;transform:translateY(20px)}
.gnb ul li ul li {float:none; padding: 5px 0; width:auto; line-height: 1.2;}/*2019-10-24*/
.gnb ul li ul li a {font-size:14px; color:#666; }
.gnb ul li ul li a:hover {color:#916b4a;}
.gnb ul li ul li a.link::after {content:'';display:inline-block;width:9px;height:10px;background:url(../images/common/icon_link_depth2.png) no-repeat;margin-left:4px;}
.gnb ul li ul li a.link:hover::after {background:url(../images/common/icon_link_depth2_hover.png) no-repeat;}
.gnb .line {position:absolute; display:block; bottom:-2px; height:2px; width:0%; background:#916b4a; left:76px;}
.navi-bg {position:absolute; display:block;width:100%; height:0px; left: 0; top: 80px; z-index:1; overflow: hidden; }
.navi-bg .white-bg {width:100%;height:100%; background:#fff; }
.navi-bg.open {border-bottom:1px solid rgba(0,0,0,.1)}
.menu-icon {display:none;}

.m-menu {position:fixed; display:none; top:0px; bottom:0; width:100%; height:100%; background:#fff; z-index:92;}
.m-menu-in {position:fixed; width:100%; bottom:0;overflow-y:auto; border-top:1px solid #666;-webkit-overflow-scrolling:touch;z-index:95;background:#fff; }
.m-menu ul {border-top:1px solid #d9d9d9}
.m-menu ul li {border-top:1px solid #d9d9d9; text-align:center }
.m-menu ul li a {display:block;width:100%}
.m-menu ul li a.link::after {content:'';display:inline-block;width:10px;height:10px;background:url(../images/common/icon_link_depth2_m.png) no-repeat 0 0 / contain;margin-left:5px;}
.m-menu ul li ul {padding:0; border-top:0}
.m-menu ul li ul li {color:#4c4c4c; padding:6px 0; background:#f2f2f2;}
.m-menu .depth1 {color:#333; padding:10px 0; font-family:NotoSansCJKkr-Medium;  }
.m-menu .depth1.depth1-link{position:relative;}
.m-menu .depth1.depth1-link::after {content:'';display:inline-block;width:12px;height:24px;background:url(../images/common/icon_link_depth1_m.png) no-repeat 0 6px / contain;margin-left:4px;vertical-align:middle;}
.m-menu .logo {position:fixed; width:140px; height:50px;z-index:95 }
.m-menu .logo img {max-width:100%}
.m-menu a.close {position:fixed; background:#fff; z-index:95;}
.m-menu a.close img {max-width:100%}
.m-menu .lang {position:fixed; border-right:1px solid  #ccc; line-height:14px; z-index:95}
.m-menu .lang a {display:inline-block; color:#666; margin-left:13px; vertical-align:top}
.m-menu .lang a.on {color:#916b4a; border-bottom:1px solid #916b4a  }
.m-menu .btn {background:#4d4d4d; padding:5px 15px 20px 15px}
.m-menu .btn a {display:inline-block; border:1px solid #999; color:#ccc; padding:8px 0; width:48%; text-align:center; margin-left:2.3%; margin-top:15px;}
.m-menu .btn a:nth-child(odd) {margin-left:0}

.language {position:absolute; top:23px; right:50px; letter-spacing:0; width:73px; z-index:90}
.language a.sel-tit {display:block; color:#fff; font-size:12px; background:url(../images/common/arr_w.png) no-repeat 74% center; height:30px; padding-right:11px; line-height:30px; box-sizing:border-box; }
.language.on a.sel-tit  {color:#666; background:url(../images/common/f_arr.png) no-repeat 74% center;}
.language-in {position:relative; text-align:center; border:1px solid transparent; box-sizing:border-box}
.language.on .language-in {width:73px; height:90px; background:#fff; border:1px solid #ccc; }
.language.on .language-in ul {display:block;}
.language-in ul {display:none; position:absolute; top:31px; background:#fff; z-index:3; width:100%; box-sizing:border-box; padding-top:2px}
.language-in ul li {font-size:13px; line-height:24px; text-align:left; padding-left:18px}
.language-in ul li a {color:#4c4c4c; display:block}
.language-in ul li a span {padding-right:12px}
.language-in ul li a:hover span {color:#916b4a ; background:url(../images/common/language_bg.png) no-repeat right center;}
.bgw {background:#fff; }
.navi.wh {background:#fff; border-bottom: 1px solid rgba(0, 0, 0, .3); }
.navi.wh h1 a {background:url(../images/common/logo_w.png?v20230816) no-repeat 0 14px;}/* 2023-08-16 수정 */
.navi.wh .gnb .depth1 {color:#333;}
.navi.wh .gnb .depth1.depth1-link::after {background:url(../images/common/icon_link_depth1.png) no-repeat;}
.navi.wh .language a.sel-tit  {color:#666 !important; background:url(../images/common/f_arr_on.png) no-repeat 74% center;}
.navi.wh .language.on a.sel-tit {background:url(../images/common/f_arr.png) no-repeat 74% center;}

#container {position:relative; width:100%; min-width:320px; z-index:1; background:#fff}
.sub-navi {position:absolute; width:100%; margin:0 auto; border-bottom:1px solid #d9d9d9; text-align:center; height:50px; background:#fff; box-sizing:border-box; z-index:20}
.sub-navi ul {display:table; width:100%; text-align:center; margin:0 auto;}
.sub-navi ul li {position:relative; display:table-cell; vertical-align:middle;}
.sub-navi ul.type1 li {width:25%}
.sub-navi ul.type2 li {width:20%}
.sub-navi ul.type3 li {width:33%}
.sub-navi ul.type3 li:nth-child(2) {width:34%}
.sub-navi ul.type4 li {width:16.66%}
.sub-navi ul li a {display:block;font-size:15px; color:#808080; line-height:48px; backface-visibility: hidden; overflow:hidden;}
.sub-navi ul li.on {color:#916b4a; border-bottom:2px solid #916b4a; }
.sub-navi ul li.on a {color:#916b4a;}
.sub-navi ul li a .mBr {display: none;}/*2019-07-22*/
.contents {position:relative;margin:0 auto; padding-bottom:100px;}
.contents.type2 {padding-bottom:0}
.breadcrumb {position:absolute; right:0px; top:70px; font-size:12px; color:#808080; }
.breadcrumb a , .breadcrumb span {display:inline-block; font-size:12px; color:#808080; font-family:Dotum; letter-spacing:0; padding:0 5px}
.breadcrumb span:last-child {padding-right:0}
h3 {font-size:32px; color:#333; font-family:NotoSansCJKkr-Medium; vertical-align:top; padding:97px 0 58px; line-height:35px;}
h4 {font-size:24px; color:#333; font-family:NotoSansCJKkr-Medium; vertical-align:top; }
h3 + h4  {margin-top:0}
.stxt {font-size:36px; line-height:50px; color:#333;}
.topbt {position:absolute; display:block; bottom:50px; right:50px; width:42px; height:42px; z-index:30}
.topbt img {max-width:100%}
footer {position:relative; width:100%; background:#f8f7f7;min-width:320px; z-index:5}
.footer-in {position:relative; font-size:12px; color:#848484; padding-top:20px }
.footer-in:after {clear:both; display:block; content:"";}
.footer-in .f-left {position:relative;float:left;padding: 0px 0 20px 220px;}/* 2023-08-16 수정 */
.footer-in .f-left p {letter-spacing:0; line-height:20px;}
.footer-in .f-left p span {display:inline-block; background:url(../images/common/footer_bar2.gif) no-repeat left 5px; padding-left:12px; margin-left:10px}
.footer-in .f-left p span:first-child {margin-left:0; padding-left:0; background:none}
.footer-in .f-left p span.post {margin-left:0; padding-left:5px; background:none}
.footer-in .f-left p .bratt, .footer-in .f-left p .bratt02 {display:none !important}
.footer-in .f-right {float:right; letter-spacing:0}
.footer-in .f-logo {display:block; position:absolute; left:0; top:28px}
.footer-in .f-logo img {max-width:100%}
.footer-in .f-right:after {clear:both; display:block; content:"";}
.footer-in .f-right ul.terms {float:left; margin-right:0; padding-top:41px}
.footer-in .f-right ul.terms:after {clear:both; display:block; content:"";}
.footer-in .f-right ul.terms li {float:left; background:url(../images/common/footer_bar.gif) no-repeat 0 4px; padding:0 10px 0 12px; }
.footer-in .f-right ul.terms li a {color:#848484;}
.footer-in .f-right ul.terms li:first-child {background:none; padding-left:0}
.footer-in .f-right ul.terms li:last-child {padding-right:0}
.footer-in .family {position:absolute; width:134px; height:30px; box-sizing:border-box;}
.footer-in .family a.sel-tit {position:relative; display:block; padding:0 10px 0 12px; font-size:13px; line-height:28px; color:#888; font-family:NotoSansCJKkr-Light; background:url(../images/common/f_arr.png) no-repeat 91% center;border:1px solid #d7d6d6; box-sizing:border-box; z-index:1}
.family-in {position:relative;}
.family-in .family-site {display:none;position:absolute; bottom:100%; background:#fff; z-index:5; width:100%; border:1px solid #ccc; border-bottom:0; box-sizing:border-box; padding:16px 11px 6px 12px}
.family-in .family-site ul li {font-size:13px; line-height:20px; font-family:NotoSansCJKkr-Light; border-top:1px solid #e6e6e6; padding-top:6px; margin-top:6px}
.family-in .family-site ul li:first-child {border-top:0; padding-top:0; margin-top:0}
.family-in .family-site ul li ul li {border-top:0; padding-left:9px; padding-top:0; margin-top:0}
.family-in .family-site ul li ul li a {color:#999;}
.family-in .family-site ul li ul li a:hover {text-decoration:underline}
.family-in .family-site ul li {color:#4c4c4c}
.cjWebPolicy {position:relative;}
.cjWebPolicy h2 {position:relative; z-index:1}
.cjWebPolicy h2 a {display:block; padding:0 10px 0 12px; font-size:13px; line-height:28px; color:#888; font-family:NotoSansCJKkr-Light; background:url(../images/common/f_arr.png) no-repeat 91% center;border:1px solid #d7d6d6; box-sizing:border-box; }
.cjWebPolicy .companyGroup {display:none;position:absolute; bottom:100%; background:#fff; z-index:5; width:100%; border:1px solid #ccc; border-bottom:0; box-sizing:border-box; padding:16px 11px 6px 12px}
.cjWebPolicy .companyGroup li {font-size:13px; line-height:20px; font-family:NotoSansCJKkr-Light; border-top:1px solid #e6e6e6; padding-top:6px; margin-top:6px}
.cjWebPolicy .companyGroup li:first-child {border-top:0; padding-top:0; margin-top:0}
.cjWebPolicy .companyGroup li ul li {border-top:0; padding-left:9px; padding-top:0; margin-top:0}
.cjWebPolicy .companyGroup li ul li a {color:#808080;}/* 2016.07.06 수정 */
.cjWebPolicy .companyGroup li ul li a:hover {text-decoration:underline}
.cjWebPolicy .companyGroup li .title {color:#4c4c4c}
.cjWebPolicy h2 a.on {background:url(../images/common/f_arr_on.png) no-repeat 91% center #fff; border:1px solid #ccc; border-top:1px solid transparent}
.family-in.on a.sel-tit {background:url(../images/common/f_arr_on.png) no-repeat 91% center #fff; border:1px solid #ccc; border-top:1px solid transparent}
.family-in.on .family-site {display:block;}
.bratt {display:none;}
.bratt02 {display:none;}
.bratts {display:none;}
.bratt_pc {display:block;}

.mgt_0 {margin-top:0 !important;}


.floating {display:none; position:fixed; bottom:160px; right:0;  z-index:50}
.floating a {position:absolute; width:68px; height:68px;}
.floating a.off {display:block; top:76px; right:11px}
.floating a img {max-width:100%}
/*.floating .floating-view{visibility:hidden}*/
.floating a.btr {opacity:0; top:76px; right:11px}
.floating a.bty {opacity:0; top:76px; right:11px}
.floating a.btb {opacity:0; top:76px; right:11px}
.floating a.btx {opacity:0; top:76px; right:11px}
.floating.on a.off {display:none} 
.floating.on .floating-view{visibility:visible;} 
.floating.on a.btr {opacity:1; top:-14px; right:11px}
.floating.on a.bty {opacity:1; top:15px; right:80px}
.floating.on a.btb {opacity:1; top:86px; right:101px}
.floating.on a.btx {opacity:1; top:76px; right:11px}
section {width:100%; }
.section-in {margin:0 auto}

.table-wrap {position:relative; border-top:2px solid #333; border-bottom:1px solid #999;}
.table-wrap table {width:100%; font-size:15px; color:#4c4c4c; border-collapse:collapse; text-align:center }
.table-wrap table th {font-family:NotoSansCJKkr-Medium; }
.table-wrap table thead th {border-left:1px solid #d9d9d9; padding:19px 0 20px 0}
.table-wrap table thead th:first-child {border-left:0; }
.table-wrap table tbody th {border-top:1px solid #d9d9d9; padding:19px 0 18px 0 }
.table-wrap table td {border-left:1px solid #d9d9d9;border-top:1px solid #d9d9d9; padding:19px 0 18px 0}
.table-wrap table tr.bg th, .table-wrap table tr.bg td {background:#f7f7f7}
.unit {display:inline-block; font-size:13px; color:#666; font-family:NotoSansCJKkr-Light; vertical-align:middle; margin-left:10px}

.bt-area {position:relative; width:100%; text-align:center; margin-top:50px}
.btw {display:inline-block; min-width:131px; height:40px; box-sizing:border-box; font-size:14px; color:#333; line-height:40px; border:1px solid #333;text-align:center }
.bt-area a:last-child {margin-left:5px;}

.board-wrap {position:relative;}
.search {position:absolute; top:0; right:0; height:40px; border:1px solid #ccc; background:#f2f2f2;  }
.search input {display:inline-block; width:289px; height:40px; font-size:16px; color:#808080;  padding-left:15px; vertical-align:top; border:0}/* 2016.07.06 수정 */
.search button {display:inline-block; width:38px; height:40px; text-indent:-9999px; background:url(../images/common/search_bt.gif) no-repeat center top #fff;border:none; border-left:1px solid #ccc; box-sizing:border-box }
.total {font-size:15px; color:#666; padding:21px 0 16px}
.total strong {color:#e21b22; font-family:NotoSansCJKkr-Medium;}
.total span {display:inline-block; padding-left:11px; margin-left:11px; background:url(../images/common/bul01.gif) no-repeat 0 10px;}
.board-list {width:100%; border-top:2px solid #333; border-bottom:1px solid #999}
.board {position:relative; width:100%; border-top:1px solid #d9d9d9;}
.board:first-child {border-top:0}
.board-tit a {position:relative; display:block; width:100%; height:90px; padding:23px 0 21px 20px; box-sizing:border-box; }
.board-tit .tit-area {position:relative; width:100%; height:90px; padding:23px 0 21px 0; box-sizing:border-box;}
.board-tit .num {display:inline-block; width:8%;font-size:36px; color:#808080; letter-spacing:0; line-height:1.2; vertical-align:middle; text-align:center}
.board-tit .txt {display:inline-block; max-width:69%; font-family:NotoSansCJKkr-Medium; font-size:20px; color:#333; text-overflow:ellipsis;white-space:nowrap;word-wrap:normal; overflow:hidden; vertical-align:middle; }
.board-tit .file {display:inline-block; width:14px; height:16px; margin-left:10px; vertical-align:top; margin-top:13px}
.board-tit .file img {max-width:100%;}
.board-tit .date {display:inline-block;position:absolute; width:15%; font-size:15px; color:#808080; text-align:right; right:2%; top:50%; margin-top:-13px; letter-spacing:0}
.board-tit .hit {display:inline-block; background:url(../images/common/hit.png) no-repeat 0 6px; padding-left:20px}
.board-tit .block {display:block; font-size:13px; color:#666; letter-spacing:0; margin-top:4px}
.board-view {background:#f7f7f7; padding:50px 108px; border-top:1px solid #d9d9d9;}
.board-view .board-cont {text-align:center;  letter-spacing:0}
.board-view .board-cont img {max-width:100%}
.board-view .board-cont div {text-align:left; margin-top:50px; line-height:32px; letter-spacing:0}
.board-view .down-file {width:100%; border-top:1px solid #d9d9d9; margin-top:30px; padding-top:12px; text-align:right}
.board-view .down-file a {display:inline-block; font-size:15px; color:#916b4a; border-bottom:1px solid #916b4a}
.board-view .down-file span {display:inline-block; vertical-align:middle;  width:14px; height:16px; background:url(../images/common/file.png) no-repeat 0 0px; margin-left:9px }
.board.on .board-tit a {background:url(../images/common/plus_on.png) no-repeat 99% center}
.board-list + .bt-area {margin-top:30px}
a.btw.list span {display:inline-block; padding-left:27px; background:url(../images/common/list_icon.gif) no-repeat 0;}
a.bt-prev {position:absolute; left:0; padding-left:28px; height:31px; font-size:15px; color:#808080; background:url(../images/common/arr_prev.gif) no-repeat 0; line-height:31px;}
a.bt-next {position:absolute; right:0; padding-right:26px; height:31px; font-size:15px; color:#808080; background:url(../images/common/arr_next.gif) no-repeat right 0; line-height:31px;}
a.bt-prev:hover {color:#4c4c4c;background:url(../images/common/arr_prev_on.gif) no-repeat 0;}
a.bt-next:hover {color:#4c4c4c;background:url(../images/common/arr_next_on.gif) no-repeat right 0; }
.category {display:inline-block; width:30px; height:20px; font-family:Dotum; font-size:11px; line-height:21px; color:#fff; background:#737373; vertical-align:middle; margin:-4px 10px 0 0;  text-align:center; box-sizing:border-box}
.category.notice {background:#f8971d;}
.paging {margin-top:40px; text-align:center;}
.paging a {display:inline-block; width:28px; height:28px; line-height:28px; font-size:14px; font-family:Dotum; color:#666; text-align:center; vertical-align:middle; margin-left:4px; background:#f0f0f0;}
.paging a.on {color:#1a1a1a; background:#fff; font-weight:bold;}
.paging a.on:hover {color:#1a1a1a; background:#fff; font-weight:bold;}
.paging a:hover {background:#0273b7; color:#fff;}
.paging a.prev {width:17px; height:11px; margin-right:17px; margin-left:0; background:url(../images/common/p_prev.png) no-repeat; text-indent:-9999px; vertical-align:middle}
.paging a.next {width:17px; height:11px; background:url(../images/common/p_next.png) no-repeat; text-indent:-9999px; vertical-align:middle; margin-left:21px}
.paging a.prev:hover {background:url(../images/common/p_prev_on.png) no-repeat; }
.paging a.next:hover {background:url(../images/common/p_next_on.png) no-repeat; }
.paging .dot {display:inline-block; width:8px; height:2px; background:url(../images/common/p_dot.gif) no-repeat;vertical-align:middle; margin:0 10px}
.paging a.prev img, .paging a.next img {max-width:100%}
.morebt {margin-top:25px; font-size:24px; text-align:center }
.morebt a {display:inline-block; color:#808080; background:url(../images/common/more_p.png) no-repeat 0 center; padding-left:40px;}

/* layer popup */
.popup {position:absolute; box-sizing:border-box;min-width:320px;max-width:470px;padding:30px 30px 20px 30px;border:1px solid #916b4a;}
.popup header {box-sizing:border-box;}
.popup .ptitle {zoom:1;}
.popup .ptitle:after {content:'';display:block;visibility:hidden;clear:both;}
.popup .ptitle h1 {float:left;padding:0;font-size:24px; margin-bottom:22px}
.popup .ptitle {width:100%;border-bottom:1px solid #d9d9d9;}
.popup a.boxclose{position:absolute; top:30px;right:30px;display: inline-block; margin-top:10px;color:#4b4b4b;font-size:24px;line-height: 0px;padding: 11px 3px;}
.popup a.boxclose:before {content:"×";}

.popup input[type="text"] {padding:0 10px; height:34px; background:#f7f7f7; border:1px solid #d9d9d9}
.pbtw {display:inline-block; min-width:76px; height:34px; margin-left:1%; background:#916b4a; font-size:15px; color:#fff !important; line-height:33px;font-family:NotoSansCJKkr-Light; text-align:center;}

.address-input {margin-top:10px;padding:0 0 0 30px;}
.address-input input {width:68%;}
.address-input .addin {margin-top:10px;}
.address-input .addin * {vertical-align:middle;}

.address-list {margin:50px 0 20px 0;}
.table-wrap.row table th,.table-wrap.row table td {border-left:none;}
.table-wrap.row table td {text-align:left;}
.table-wrap.row .ac {text-align:center;}

.email-cont {padding:10px 0 0 0;text-align:center;word-spacing:nowrap;word-break:keep-all;}
.full-popup {position:fixed; width:100%;min-height:100%; height:100%; min-width:320px; letter-spacing:0; z-index:100; top:0; left:0}
.full-popup .popcont {position:relative; height:100%}
.popcont:after {content:'';display:block;visibility:hidden;clear:both;}
.popcont .img-area {position:relative; float:left; width:50%; background:#262626; text-align:center;height:100%;}
.popcont .img-area .img div {height:100%; display:block; vertical-align:middle}
.popcont .img-area .img {position:absolute;display:block; top:0; left:0; bottom:0; width:100%; height:100%; background:#262626; }
.popcont .img-area .img img.landscape {width: auto; height: 100%;}
.popcont .img-area .img img.portrait {width: 100%;  height: auto; ; position: absolute; left:0px; top:50%;}
.popcont .img-area .bts {position:absolute; width:100%; bottom:24px; text-align:center; margin:0 auto; z-index:20}
.popcont .img-area .bts a {display:inline-block; width:12px; height:12px; background:#fff; opacity:.5; color:transparent; font-size:0; border-radius:50%; margin-left:5px}
.popcont .img-area .bts a:first-child {margin-left:0}
.popcont .img-area .bts a.on {opacity:1}
.popcont .txt-area {position:relative; float:left; width:50%; background:#333; color:#fff;  height:100%; box-sizing:border-box; }
.popcont .txt-area .location {color:#ccc; font-size:14px; margin-bottom:3px; padding-top:5.5%}
.popcont h1 { width:65%; font-size:36px; font-family:NotoSansCJKkr-Medium; padding-left:0; vertical-align:top; line-height:1.2}
.popcont .sub-txt {font-size:24px; vertical-align:top; margin-top:30px; line-height:1.2; display:none}
.popcont .tit-area {position:relative; padding-bottom:55px; margin-bottom:40px}
.popcont .tit-area span {position:absolute; bottom:0; display:inline-block; width:70px; height:2px; background:#916b4a;}
.award {position:absolute; top:73px; right:15px; width:33%; background:url(../images/common/award_icon.png) no-repeat center top; padding-top:66px }
.award span {display:block; text-align:center; font-size:12px; color:#dca454; line-height:1.2  }
.scroll-area {position:absolute; overflow-y:scroll; top:0; bottom:0; right:0; left:30px;}
.scroll-area .scroll-in {padding-bottom:13px}
.scroll-area p {color:#e5e5e5; line-height:26px; padding-right:3%; font-size:15px}
.scroll-area dl {border-top:1px solid rgba(255, 255, 255, 0.1); border-bottom:1px solid rgba(255, 255, 255, 0.1); font-size:15px; line-height:32px; padding:15px 0; margin:25px 0 35px 0}
.scroll-area dl:after {content:'';display:block;visibility:hidden;clear:both;}
.scroll-area dl dt {float:left; width:155px; clear:both; padding-left:17px; color:#ccc; font-family:NotoSansCJKkr-Medium; box-sizing:border-box}
.scroll-area dl dd {float:left; width:65%}
.scroll-area dl dd span {display:inline-block; margin:0 20px}
.scroll-area .bt {margin-top:24px}
.scroll-area .bt a {display:inline-block; background:url(../images/common/pop_txt_bg.png) no-repeat left center; font-size:15px; padding-left:11px; margin-left:10px; color:#dca454;}
.scroll-area .bt a:first-child {padding-left:0; margin-left:0; background:none}
.scroll-area h2 {color:#ccc; font-size:18px; font-family:NotoSansCJKkr-Medium; }
.photo-area {margin-top:20px}
.photo-area ul:after {content:'';display:block;visibility:hidden;clear:both;}
.photo-area ul li {float:left; width:28%; margin-left:2%}
.photo-area ul li:first-child {margin-left:0}
.photo-area ul li a {display:block;}
.photo-area ul li a img {width:100%; height:120px}
.photo-area ul li a .txt {display:block;font-size:15px; color:#ccc; margin-top:5px}
.full-popup .close {position:absolute; top:33px; right:33px; z-index:30}
.popcont .img-area .arr a {display:block; position:absolute; top:50%; margin-top:-32px; width:65px; height:65px; text-indent:-9999px; color:transparent; z-index:20}
.popcont .img-area .arr .prev {left:0; background:url(../images/common/pop_arrl.png) no-repeat 0 0 ;  }
.popcont .img-area .arr .prev:hover { background:url(../images/common/pop_arrl_on.png) no-repeat 0 0 ;}
.popcont .img-area .arr .next {right:0; background:url(../images/common/pop_arrr.png) no-repeat 0 0 ;  }
.popcont .img-area .arr .next:hover { background:url(../images/common/pop_arrr_on.png) no-repeat 0 0 ;}

/* 공통 table, list, popup 추가 202509 */
.common-tbl {width:100%;border-collapse:collapse;table-layout:fixed;border-top:2px solid #4c4c4c;margin-top:13px;position:relative;}
.common-tbl::after {content:'';width:100%;height:1px;background-color:#4c4c4c;position:absolute;bottom:0;left:0;}
.common-tbl tr > th {font-weight:400;height:61px;background-color:#f7f7f7;border-right:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9;text-align:center;box-sizing:border-box;word-break:break-all;}
.common-tbl tr > td {font-size:15px;font-weight:300;line-height:26px;height:61px;border-right:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9;text-align:center;padding:17px 4px;box-sizing:border-box;word-break:break-all;}
.common-tbl tr > td.line-3 {line-height:1.2;padding:3px 0;}
.common-tbl tr > td.al-l {text-align:left;padding:16px 30px 15px;}
.common-tbl.common-tbl-both tr > th:first-child {width:180px;}
.common-tbl.common-tbl-both tr > td:first-child {font-weight:400;font-size:18px;background-color:#f7f7f7;width:180px;}
.common-tbl tr:last-child > td {border-bottom:0;}
.common-tbl tr > th:last-child {border-right:0;}
.common-tbl tr > td:last-child {border-right:0;}
.common-tbl .divide-th {position:relative;}
.common-tbl .divide-th::before {content:'';width:188px;height:1px;background-color:#d9d9d9;transform:translate(-50%, -50%) rotate(18deg);position:absolute;top:50%;left:50%;}
.common-tbl .divide-th .t-th {position:absolute;top:8px;right:5px;font-size:16px;line-height:1;}
.common-tbl .divide-th .b-th {position:absolute;bottom:8px;left:7px;font-size:16px;line-height:1;}
.common-tbl tr > td .fnote {font-size:10px;vertical-align:top;}
.common-tbl tr > td .fnote.fnote-ast {font-size:15px;font-weight:600;line-height:1;vertical-align:text-top;color:#916b4a;}
.fnote-desc {font-size:11px;line-height:16px;color:#666;margin-top:18px;}
.fnote-desc-list {font-size:15px;line-height:25px;color:#4c4c4c;margin-top:35px;} 
.fnote-desc-list > li {display:flex;font-weight:300;}
.fnote-desc-list > li .tit {flex-shrink:0;}
.fnote-desc-list > li .point {font-weight:600;vertical-align:text-top;line-height:1;}

.common-dl-type1 > dt {font-size:18px;line-height:26px;font-weight:400;padding-bottom:14px;border-bottom:1px solid #d9d9d9;margin-bottom:14px;}
.common-dl-type1 > dd {font-size:15px;line-height:26px;padding-left:13px;position:relative;font-weight:300;}
.common-dl-type1 > dd::before {content:'';position:absolute;top:12px;left:0;width:3px;height:3px;border-radius:50%;background-color:#4c4c4c;}

.common-dl-type2 {margin-top:36px;}
.common-dl-type2 > dt {font-size:20px;line-height:30px;font-weight:400;padding:14px 0 13px;border-top:1px solid #4c4c4c;border-bottom:1px solid #4c4c4c;margin-bottom:14px;}
.common-dl-type2 > dd {font-size:15px;line-height:26px;font-weight:300;}

.listBullet {display:block !important;}
.listBullet > li {position:relative;padding-left:17px;}
.listBullet.listBullet-dot > li{padding-left:13px;}
.listBullet.listBullet-dot > li::before {content:'';position:absolute;top:12px;left:0;width:3px;height:3px;border-radius:50%;background-color:#4c4c4c;}
.listBullet.listBullet-indent > li {text-indent:-16px;}

.section-list h4 {margin:48px 0 5px}
.section-list h4:first-child {margin:80px 0 5px}
h3 + .section-list h4:first-child {margin-top:0;}
.section-list + .section-list h4:first-child {margin:48px 0 5px}
.section-list h4 + p {color:#333;word-break:keep-all;font-weight:300;}
.section-list h4 + h5 {margin:26px 0 13px;}
.section-list h5 {font-weight:400;margin:53px 0 13px;font-size:20px;line-height:32px;letter-spacing:-0.02em;color:#333;}  

.list-ascend {box-sizing:border-box;display:flex;justify-content:space-between;flex-wrap:wrap;}
.list-ascend:after {content:""; clear:both ; display:block; height:0; visibility:hidden; }
.list-ascend > li {position:relative; float:left; width:calc((100% - 66px)/3); margin-left:33px; box-sizing:border-box;margin-top:50px;}
.list-ascend > li:nth-child(3n+1) {margin-left:0;}
.list-ascend > li span.round {display:table;width:100%;height:82px;text-align:center;letter-spacing:-1.5px;font-weight:400;position:relative;padding-bottom:50px;box-sizing:border-box;}
.list-ascend > li span.round::after {content:'';width:36px;height:36px;position:absolute;bottom:2px;left:50%;transform:translateX(-50%);}
.list-ascend > li span.round.order01::after {background-image:url(../images/business/icon-list-num1.png);}
.list-ascend > li span.round.order02::after {background-image:url(../images/business/icon-list-num2.png);}
.list-ascend > li span.round.order03::after {background-image:url(../images/business/icon-list-num3.png);}
.list-ascend > li span.round.order04::after {background-image:url(../images/business/icon-list-num4.png);}
.list-ascend > li span.round.order05::after {background-image:url(../images/business/icon-list-num5.png);}
.list-ascend > li span.round.order06::after {background-image:url(../images/business/icon-list-num6.png);}
.list-ascend.tp-icon > li {margin-top:56px;}
.list-ascend.tp-icon > li span.round {padding-top:93px;}
.list-ascend.tp-icon > li span.round::before {content:'';width:80px;height:80px;position:absolute;top:0;left:50%;transform:translateX(-50%);background-repeat:no-repeat;background-size:100% auto;background-position:0 0;}
.list-ascend > li > ul {padding:0 17px; margin-top:15px;box-sizing:border-box;}
.list-ascend > li > ul > li {width:100%; font-size:16px; font-weight:300; line-height:26px; margin-left:0; margin-top:0; background:none; box-sizing:border-box; text-indent: -9px;padding-left:9px;}
.list-ascend > li > ul > li > ul {margin-top:0;}
.list-ascend .line {bottom:22px;left:0;width:100%; position:absolute; z-index:-1; border-top:1px solid #808080}
.list-ascend.tp-center > li > ul > li {text-indent:0;padding-left:0;text-align:center;}

.list-limited > li {display:none;}

.list-ascend.bullet-type > li { width:calc((100% - 80px)/3);margin-left:40px;}
.list-ascend.bullet-type > li:nth-child(3n+1) {margin-left:0;}
.list-ascend.bullet-type > li span.bullet {display:table;width:100%;height:67px;text-align:center;letter-spacing:-1.5px;font-weight:400;padding-bottom:39px;box-sizing:border-box;position:relative;}
.list-ascend.bullet-type > li span.bullet::after {content:'';width:20px;height:20px;background-image:url(../images/common/icon-list-bullet.png);background-size:100% auto;position:absolute;bottom:5px;left:50%;transform:translateX(-50%);}
.list-ascend.bullet-type .line {bottom:15px;}
.list-ascend.bullet-type > li > ul > li {letter-spacing:-0.04em;}
@media all and (min-width:1280px) {
.sub-navi ul {max-width:1100px;}
.contents {max-width:1100px;}
header {max-width:1920px; margin:0 auto}
#container {max-width:1920px; margin:0 auto}
footer {max-width:1920px;margin:0 auto}
.footer-in {max-width:1100px;  margin:0 auto}
.footer-in .family {right:0px; top:25px; }
.section-in {max-width:1100px;}
.topbt {position:fixed;}
.main .topbt {position:absolute !important}
.posa {position:absolute;}
.footer-in .f-left p span.ex1 {margin-left:0; padding-left:0; background:none}
}
@media all and (max-width:1450px) {/* 2023-08-16 추가 */
	.gnb {margin-left:-24%; width:60%}
	.gnb ul li {width:16.66% }
}
@media all and (max-width:1279px) {
h3, h4 {padding-left:50px}
.breadcrumb {right:50px}
.sub-navi {padding:0 50px;}
/*2019-07-22*/
.sub-navi.scrollWrap {height: auto; padding: 0;}
.sub-navi .scroll ul li {display: inline-block; vertical-align: top; width: auto; padding: 0 5%;}
/*// 2019-07-22*/
.footer-in {padding:20px 50px 0}
.footer-in .f-logo {left:50px; top:52px}
.footer-in .f-left {float:none; margin-top:10px;padding-bottom:30px;}
.footer-in .f-left p br {display:none}
.footer-in .f-right {float:none; padding-left:220px;}/* 2023-08-16 수정 */
.footer-in .f-left p span.post {padding-left:0;}
.footer-in .family {right:50px; top:55px}
.footer-in .f-right ul.terms {padding-top:0}
.bratt02 {display:block;}
.table-wrap {margin:0 50px}
.board-wrap  {padding:0 50px}
.search {right:50px}
.board-tit a {padding:14px 20px 13px 20px}
.board-tit .tit-area {padding:10px 0 10px 0}
.board-tit .date {left:10%; top:60px; text-align:left}
.board-view {padding:50px;}
.board-view .board-cont {width:100%}
.board-view .board-cont img {width:100%}
.gnb ul li ul li {font-size:13px; padding: 5px 0; line-height:1}/*2019-07-17*/
.gnb ul li ul li a {font-size:14px; line-height:1}
.gnb .depth1 {font-size:14px;white-space:nowrap}
.gnb .depth1.depth1-link::after {height:10px;margin-left:2px;}
/* 공통 table, list, popup 추가 202509 */
.list-ascend {width:569px; margin:0 auto}
.list-ascend > li {width:250px !important;margin-left:0px;}
.list-ascend > li:nth-child(2n) {margin-left:69px;}
.list-ascend > li > ul {width:250px !important;margin-top:15px}
.list-ascend > li > ul > li {height:auto;margin-left:0}
.list-ascend > li > ul > li:nth-child(2n) {margin-left:0px;}
.list-ascend > li .round {height:70px}

.list-ascend.bullet-type > li {margin-left:0;}
.list-ascend.bullet-type > li:nth-child(2n) {margin-left:69px;}

.section-list {box-sizing:border-box;padding:0 50px;}
.section-list h4 {padding-left:0;}
.section-list > h4 + p br {display:none}
}
@media all and (min-width:768px) and (max-width:1279px) {
.footer-in .f-left p .bratt02 {display:block !important}
.footer-in .f-left p span.ex1, .footer-in .f-left p span.ex3 {margin-left:0; padding-left:0; background:none}
}
@media all and (max-width:1027px) {
.full-popup {height:auto}
.full-popup .popcont {height:auto; position:fixed; top:0px; left:0; width:100%; bottom:0;overflow-y:auto; background:#333}
.popcont .img-area {float:none; width:100%; height:70%}
.popcont .img-area .img-wrap {position:relative; height:100%}
.popcont .img-area .img {display:block;}
.popcont .img-area .img div {vertical-align:middle}
.popcont h1 {line-height:50px}
.popcont .txt-area {position:relative; float:none; width:100%; padding:40px 50px 30px; }
.award {top:0; right:0; width:20%}
.scroll-area {position:relative; overflow-y:visible; left:0 }
.scroll-area .scroll-in {padding-bottom:0}
.scroll-area p {padding-right:0}
.popcont .txt-area .location {padding-top:0}

.gnb .depth1 {font-size:14px;white-space:nowrap}		/* 2018-07-11 추가 */
}
@media all and (min-width:768px) and (max-width:845px) {
.footer-in .f-left .tel {display:block;padding-left:0;}

.gnb .depth1 {font-size:13px}		/* 2018-07-11 추가 */
}

@media all and (max-width:900px) {
.cjWebPolicy {position:absolute;top:-44px;width:134px;}
}

@media all and (min-width:768px) and (max-width:920px) {
.language {display:none}
.gnb {display:none;}
.menu-icon {display:block; position:absolute; right:50px; top:28px; width:29px; height:24px; background:url(../images/common/menu_icon.png) no-repeat; color:transparent; font-size:0; text-indent:-9999px; background-size:29px 24px}
.wh .menu-icon {background:url(../images/common/menu_icon_b.png) no-repeat;background-size:29px 24px}
.menu-icon img {max-width:100%}
.m-menu-in {top:79px; }
.m-menu .depth1 {font-size:18px;}
.m-menu ul li ul li {font-size:16px;}
.m-menu .logo {padding:14px 0 0 50px;}
.m-menu a.close {top:28px; right:45px; width:24px; height:24px; padding:0 5px}
.m-menu .lang {top:32px; right:100px; padding-right:15px; font-size:16px;}
.m-menu .btn a {font-size:16px;}
}

@media all and (max-width:767px) {
.navi {height:53px;}
h1 {padding:0 15px}
.language {display:none}
h1 a {width:114px; height:49px; background:url(../images/common/logo.png?v20230816) no-repeat center;  background-size:contain;}/* 2023-08-16 수정 */

.m-menu-in {top:51px; }
.m-menu .depth1 {font-size:16px;}
.m-menu ul li ul li {font-size:14px;}
.m-menu .logo {width:84px; height:49px;padding:10px 0 0 15px;}
.m-menu a.close {top:18px; right:10px; width:16px; height:16px; padding:0 5px}
.m-menu .lang {top:20px; right:48px; padding-right:15px; font-size:14px;}
.m-menu .btn a {font-size:14px;}

.navi.wh h1 a {background:url(../images/common/logo_w.png?v20230816) no-repeat center; background-size:contain;}/* 2023-08-16 수정 */
.visual-area {height:185px; }
.visual-area .tit-img p {display:table-cell; height:132px; vertical-align:middle; padding:53px 15px 0 15px;}
.visual-area .tit-img p.line-3 {padding:53px 15px 0 15px;}
.visual-area .tit-img {display:table; width:80%; margin:0 auto }
.visual-area .tit-img img {line-height:0; font-size:0; }
.visual-area .visual-img {height:185px}
.visual-area .visual-img img {position:absolute;height:185px;margin-left:0;transform:translate(-50%)}
.sub-navi {height:38px; padding:0 15px}
.sub-navi ul li a {font-size:13px; line-height:36px}
.sub-navi ul li a.line-2 {line-height:18px;}
/*2019-07-22*/
.sub-navi .scroll {overflow-x: auto; overflow-y: hidden;}
.sub-navi .scroll ul {display: block; min-width: 350px; white-space:nowrap;}
.sub-navi .scroll ul li {height: 58px;}
.sub-navi .scroll ul li a {height: 100%; line-height: 1.4; padding: 10px 0; box-sizing: border-box;}
.sub-navi .scroll ul li a:before {content: ''; display: inline-block; vertical-align: middle; width: 0; height: 100%;}
.sub-navi .scroll ul li .exc:before {display: none;}
.sub-navi ul li a .mBr {display: inline;}
/*// 2019-07-22*/
.breadcrumb {display:none}
/*h2 {font-size:25px;padding-top:100px}*/
h3 {font-size:30px;padding:74px 15px 40px 15px;}
h4 {padding:0 15px; font-size:20px;}
.gnb {display:none;}
.menu-icon {display:block; position:absolute; right:15px; top:19px; width:17px; height:14px; background:url(../images/common/menu_icon.png) no-repeat; color:transparent; font-size:0; text-indent:-9999px;  background-size:17px 14px}
.wh .menu-icon {background:url(../images/common/menu_icon_b.png) no-repeat;background-size:17px 14px}
.menu-icon img {max-width:100%}
.footer-in {padding:15px 0 0; font-size:11px}
.footer-in .f-logo {width:158px; height:40px; left:50%; top:82px;margin-left:-79px}/* 2023-08-16 수정 */
.footer-in .f-left {padding-left:0px; padding-top:80px; margin-top:0; font-family:NotoSansCJKkr-Light; }
.footer-in .f-left .tel {display:block; padding-left:0; }
.footer-in .f-left a {color:#848484}
.footer-in .f-left p:first-child {padding-left:15px; line-height:16px}
.footer-in .f-left p:last-child {text-align:center; color:#999; border-top:1px solid #ccc; font-size:9px; line-height:15px; margin-top:12px; padding-top:12px}
.footer-in .f-right {padding:0 15px; box-sizing:border-box;}
.footer-in .f-right ul.terms {float:none; width:100%; margin-right:0; padding-top:0; margin-bottom:15px;}
.footer-in .f-right ul.terms li {width:18%; text-align:left; padding:0; background-size:1px 10px}
.footer-in .f-right ul.terms li:nth-child(odd) {width:32%}
.footer-in .family {top:40px; width:96%; left:15px; right:auto; height:35px; padding-left:0; box-sizing:border-box}
.footer-in .family a.sel-tit {line-height:33px; padding:0 10px; background:url(../images/common/f_arr_m.png) no-repeat 98% center; background-size:9px 5px; } 
.footer-in .family-in.on a.sel-tit {background:url(../images/common/f_arr_m_on.png) no-repeat 98% center #fff; background-size:9px 5px; }
.footer-in .f-left p span {background-size:1px 10px; padding-left:6px; margin-left:5px}
.footer-in .f-left p .bratt {display:block !important;}
.footer-in .f-left p span.ex1, .footer-in .f-left p span.ex2, .footer-in .f-left p span.ex4 {margin-left:0; padding-left:0; background:none}
.footer-in .f-left p br {display:block;}
.cjWebPolicy {position:relative;top:auto;width:100%;}
.cjWebPolicy h2 a { background:url(../images/common/f_arr.png) no-repeat 98% center;}
.cjWebPolicy h2 a.on { background:url(../images/common/f_arr_on.png) no-repeat 98% center #fff}
.bratt {display:block;}
.bratt02 {display:none;}
.topbt {display:none}
.floating {display:block;}
.bratt_pc {display:none;}

.unit  {font-size:10px}
.board-wrap  {padding:0 15px}
.table-wrap {margin:0 15px}
.search {position:relative; right:0px; margin-bottom:25px}
.search input {width:90%; font-size:14px}
.search button {position:absolute; right:0}
.total {display:none}
.board-tit .num {display:none}
.board-tit .txt {font-size:18px; line-height:26px; max-width:100%; color:#333; text-overflow:initial; white-space:normal; padding-right:30px; overflow:initial}
.board-tit .category {width:25px; height:14px; font-size:10px; line-height:14px; margin:0; }
.board-tit a {padding:17px 20px 18px 20px; background:none; min-height:80px; height:auto}
.board-tit .tit-area {padding:17px 0 18px 0; background:none; min-height:80px; height:auto}
.board-tit a:hover {background:none;}
.board-tit .date {position:relative; display:block; left:0; top:0; width:auto; line-height:1; margin-top:3px; font-size:13px}
.board-tit .file {position:absolute; bottom:0; top:50%; margin-top:-8px; right:11px}
.board-view {padding:25px 15px;}
.board-view .board-cont div {margin-top:3%; font-size:14px; line-height:23px}
.board-view .down-file {border-top:0; text-align:center; padding-top:0}
.board-view .down-file a {font-size:12px}
.btw {min-width:100px; height:30px; font-size:12px; line-height:30px;}
a.btw.list span {padding-left:20px; background-size:10px 10px}
a.bt-prev {font-size:14px; top:3px; padding-left:22px; height:24px;  line-height:24px; background-size:13px 24px}
a.bt-next {font-size:14px; top:3px; padding-right:22px; height:24px; line-height:24px; background-size:13px 24px}
a.bt-prev:hover {background-size:13px 24px}
a.bt-next:hover {background-size:13px 24px}
.table-wrap table {font-size:14px}
.table-wrap table tbody th, .table-wrap table thead th {padding:8px 0 7px 0}
.table-wrap table td, .table-wrap table th {padding:8px 0 7px 0}
.stxt {font-size:23px; line-height:32px;}
.paging {margin-top:20px}
.paging a.prev {width:14px; margin-right:0px; background-size:14px 11px}
.paging a.next {width:14px; margin-left:5px; background-size:14px 11px}
.paging a.prev:hover {background-size:14px 11px}
.paging a.next:hover {background-size:14px 11px}
.paging .dot {margin:0 5px}
.paging a {width:24px; height:24px; line-height:24px}
.morebt {margin-top:25px; font-size:14px; }
.morebt a {padding-left:22px; background-size:13px 13px}
.popcont .img-area .img {display:block }
.popcont .img-area {height:50%; }
.popcont .img-area .img div {display:block ; }
.popcont .txt-area {padding:40px 15px 30px; }
.photo-area ul li a img {height:80px}

.scroll-area p {font-size:16px; line-height:26px}
.scroll-area .bt a {font-size:12px}
.scroll-area dl {font-size:12px; line-height:26px; margin:25px 0 23px 0}
.scroll-area dl dt {width:110px; padding-left:0}
.scroll-area h2 {font-size:20px;}
.photo-area ul li a .txt {font-size:12px}
.scroll-area .scroll-in {padding-bottom:0}
.scroll-area p {padding-right:0}
.scroll-area .bt {margin-top:14px}
.award {top:0; right:20px; background:url(../images/common/award_icon.png) no-repeat right center; background-size:35px 30px}
.award span {display:none}
.popcont .sub-txt {font-size:16px; margin-top:20px}
.popcont h1 {width:80%; font-size:30px; line-height:37px}
.popcont .txt-area .location {font-size:13px}
.photo-area {margin-top:14px}
.popcont .img-area .arr a {width:40px; height:40px; margin-top:-20px}
.popcont .img-area .arr .prev {background:url(../images/common/pop_arrl.png) no-repeat 0 0 ; background-size:40px 40px }
.popcont .img-area .arr .prev:hover { background:url(../images/common/pop_arrl_on.png) no-repeat 0 0 ; background-size:40px 40px }
.popcont .img-area .arr .next {background:url(../images/common/pop_arrr.png) no-repeat 0 0 ; background-size:40px 40px  }
.popcont .img-area .arr .next:hover { background:url(../images/common/pop_arrr_on.png) no-repeat 0 0 ; background-size:40px 40px }

/* 공통 table, list, popup 추가 202501 */
.common-tbl {margin-top:10px;}
.tbl-scroll {margin-top:10px;}
.tbl-scroll > .common-tbl {margin-top:0;}
.common-tbl tr > th {font-size:14px;line-height:17px;height:40px;letter-spacing:-0.05em;}
.common-tbl tr > td {font-size:13px;line-height:23px;height:40px;padding:15px 0;}
.common-tbl.common-tbl-sm tr > th {line-height:17px;}
.common-tbl.common-tbl-sm tr > td {line-height:18px;padding:0;}
.common-tbl tr > td.al-l {padding:6px 17px 8px;}
.common-tbl tr > td.al-l:first-child {padding:6px 12px 8px;}
.common-tbl.common-tbl-sm tr > td.al-l {padding:12px 10px 11px;}
.common-tbl.common-tbl-both tr > td:first-child {font-size:14px;width:100px;}
.common-tbl.common-tbl-both tr > th {height:50px;}
.common-tbl.common-tbl-both tr > th:first-child {width:100px;}
.common-tbl .divide-th::before {width:110px;transform:translate(-50%, -50%) rotate(26deg);}
.common-tbl .divide-th .t-th {top:3px;right:3px;text-align:right;font-size:14px;}
.common-tbl .divide-th .b-th {bottom:3px;left:4px;font-size:14px;}
.common-tbl tr > td .fnote {font-size:8px;line-height:1}
.fnote-desc-list {font-size:13px;line-height:23px;letter-spacing:-0.06em;margin-top:25px;}
.fnote-desc {font-size:9px;line-height:12px;margin-top:13px;}

.common-dl-type1 > dt {font-size:14px;line-height:18px;padding-bottom:12px;margin-bottom:10px;}
.common-dl-type1 > dd {font-size:13px;line-height:23px;padding-left:7px;}
.common-dl-type1 > dd::before {top:10px;}

.common-dl-type2 {margin-top:25px;}
.common-dl-type2:first-child {margin-top:0;}
.common-dl-type2 > dt {font-size:14px;line-height:18px;padding:13px 0 12px;margin-bottom:10px;}
.common-dl-type2 > dd {font-size:13px;line-height:23px;}

.listBullet > li {padding-left:15px;}
.listBullet.listBullet-dot > li{padding-left:7px;}
.listBullet.listBullet-dot > li::before {top:10px;}
.listBullet.listBullet-indent > li {text-indent:-13px;}

.section-list {padding:0 15px;}
.section-list h4 {margin:38px 0 2px}
.section-list h4:first-child {margin:38px 0 2px}
.section-list + .section-list h4:first-child {margin:38px 0 2px}
.section-list h4 + p {font-size:15px; line-height:26px}
.section-list h4 + p br {display:none}
.section-list h5 {margin:45px 0 9px;font-size:18px;line-height:28px;}  
.section-list h4 + h5 {margin:12px 0 9px;}

.list-ascend {width:100% !important; box-sizing:border-box; padding:0; margin:0 auto}
.list-ascend .arr {display:none}
.list-ascend > li {width:47.4137% !important;padding-left:0;margin:31px 0 0;}
.list-ascend > li:nth-child(2n) {margin-left:5.17%;}
.list-ascend > li > ul {margin-top:11px;width: 100% !important;padding:0;}
.list-ascend > li > ul > li {width:100% !important;font-size:13px; line-height:23px; margin-top:0;margin-bottom:0px;padding-left:11px;text-indent: -12px;height:auto;}
.list-ascend > li > ul > li:last-child {width:100%;}
.list-ascend > li span.round {height:53px;font-size:14px;line-height: 1.4;padding-bottom:33px;}
.list-ascend > li span.round::after {content:'';width:27px;height:27px;background-size:100% auto;bottom:0;}
.list-ascend > li .line {top:auto;bottom:12px;}
.list-ascend.tp-icon > li {margin-top:24px;}
.list-ascend.tp-icon > li span.round {height:53px;padding-top:62px;}
.list-ascend.tp-icon > li span.round::before {content:'';width:50px;height:50px;}

.list-ascend.mo-col1 > li {width:100% !important;}
.list-ascend.mo-col1 > li:nth-child(2n) {margin-left:0 !important;}
.list-ascend.mo-col1 > li > ul {padding:0 13px;box-sizing:border-box;}

.list-ascend.bullet-type > li span.bullet {font-size:14px;letter-spacing:-0.05em;height:47px;color:#333;}
.list-ascend.bullet-type > li > ul {margin-top:10px;}
.list-ascend.bullet-type > li > ul > li {letter-spacing:-0.06em;}

.tbl-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;background:linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 75%) 0 center, linear-gradient(to left, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 75%) 100% center;background-size: 20px 100%, 20px 100%;background-attachment: scroll, scroll;background-repeat: no-repeat;}
.tbl-scroll > .common-tbl {min-width:750px;}

}

@media all and (max-width:500px) {
.sub-navi {height:60px; }
.sub-navi ul li {vertical-align:middle; height:58px;}
.sub-navi ul li a {line-height:1.4;}
.sub-navi .scroll ul li {padding: 0 10px;}/*2019-07-22*/
h3 {padding-top: 84px}

}

@media all and (max-width:400px) {
	.popup {padding:15px 15px 10px 15px;}
	.popup .ptitle h1 {font-size:16px;}
	.popup .ptitle a.boxclose {padding-top:0px;font-size:15px;}
	.popup {font-size:14px;}
	.table-wrap.row {font-size:14px;}
	.address-list {margin:25px 0 10px 0;}
	.address-input {padding-left:0;}
	.table-wrap {margin:0 0px;}
	.scroll-area dl dd {width:60%}
}

@media all and (max-width:680px) {
.footer-in .family {width:95%;}
}
@media all and (max-width:600px) {
.footer-in .family {width:94%;}
}
@media all and (max-width:520px) {
.footer-in .family {width:93.5%;}
.visual-area .tit-img img {width:100%}
}
@media all and (max-width:430px) {
.m-menu .btn a {width:47%}
}
@media all and (max-width:400px) {
.footer-in .family {width:93%;}
.m-menu .btn a {width:100%; margin-left:0}
}