@font-face {
  font-family: 'Noto';
  font-style: normal;
  font-weight: 300;
  src: url(/com/css/font/NotoSansKr/NotoSansKR-Light.woff2) format('woff2'),
       url(/com/css/font/NotoSansKr/NotoSansKR-Light.woff) format('woff'),
       url(/com/css/font/NotoSansKr/NotoSansKR-Light.otf) format('opentype');
}
@font-face {
   font-family: 'Noto';
   font-style: normal;
   font-weight: 400;
   src: url(/com/css/font/NotoSansKr/NotoSansKR-Regular.woff2) format('woff2'),
        url(/com/css/font/NotoSansKr/NotoSansKR-Regular.woff) format('woff'),
        url(/com/css/font/NotoSansKr/NotoSansKR-Regular.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto';
   font-style: normal;
   font-weight: 500;
   src: url(/com/css/font/NotoSansKr/NotoSansKR-Medium.woff2) format('woff2'),
        url(/com/css/font/NotoSansKr/NotoSansKR-Medium.woff) format('woff'),
        url(/com/css/font/NotoSansKr/NotoSansKR-Medium.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto';
   font-style: normal;
   font-weight: 700;
   src: url(/com/css/font/NotoSansKr/NotoSansKR-Bold.woff2) format('woff2'),
        url(/com/css/font/NotoSansKr/NotoSansKR-Bold.woff) format('woff'),
        url(/com/css/font/NotoSansKr/NotoSansKR-Bold.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto';
   font-style: normal;
   font-weight: 900;
   src: url(/com/css/font/NotoSansKr/NotoSansKR-Black.woff2) format('woff2'),
        url(/com/css/font/NotoSansKr/NotoSansKR-Black.woff) format('woff'),
        url(/com/css/font/NotoSansKr/NotoSansKR-Black.otf) format('opentype');
 } 

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr
, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike
, sub, sup, tt, var, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table
, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption
, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { 
    margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
a { color: inherit; text-decoration: none; }
a:hover, a:active { text-decoration: none; }
img { vertical-align: top; }

.blind { position: absolute; width: 1px; height: 1px; clip: rect(0px, 0px, 0px, 0px); margin: -1px; overflow: hidden; }
._show { display: block !important; }
._hide { display: none !important; }

.display_table { display: table; width: 100%; }
.display_table > ._cell { display: table-cell; vertical-align: middle; width: 100%; text-align: center; }

.position-relative { position: relative; }
.clear-both:after { display: block; clear: both; content: ''; }
.float-left { float: left; }
.float-right { float: right; }
._more { float: right; font-size: 15px; font-weight: normal; padding-right: 2px; padding-bottom: 6px; color: #666; }

.margin-top-2 { margin-top: 2px; }
.margin-top-5 { margin-top: 5px; }
.margin-top-10 { margin-top: 10px; }
.margin-top-15 { margin-top: 15px; }
.margin-top-20 { margin-top: 20px; }
.margin-top-25 { margin-top: 25px; }
.margin-top-30 { margin-top: 30px; }
.margin-top-40 { margin-top: 40px; }
.margin-top-50 { margin-top: 50px; }
.margin-top-60 { margin-top: 60px; }
.margin-top-70 { margin-top: 70px; }
.margin-top-80 { margin-top: 80px; }
.margin-top-90 { margin-top: 90px; }
.margin-top-100 { margin-top: 100px; }
.margin-top-150 { margin-top: 150px; }
.margin-top-200 { margin-top: 200px; }

.margin-bottom-5 { margin-bottom: 5px; }
.margin-bottom-10 { margin-bottom: 10px; }
.margin-bottom-20 { margin-bottom: 20px; }
.margin-bottom-30 { margin-bottom: 30px; }
.margin-bottom-40 { margin-bottom: 40px; }
.margin-bottom-50 { margin-bottom: 50px; }
.margin-bottom-60 { margin-bottom: 60px; }
.margin-bottom-70 { margin-bottom: 70px; }
.margin-bottom-80 { margin-bottom: 80px; }
.margin-bottom-90 { margin-bottom: 90px; }
.margin-bottom-100 { margin-bottom: 100px; }

.margin-left-2 { margin-left: 2px; }
.margin-left-5 { margin-left: 5px; }
.margin-left-10 { margin-left: 10px; }
.margin-left-20 { margin-left: 20px; }
.margin-left-30 { margin-left: 30px; }
.margin-left-40 { margin-left: 40px; }
.margin-left-50 { margin-left: 50px; }
.margin-left-60 { margin-left: 60px; }
.margin-left-70 { margin-left: 70px; }
.margin-left-80 { margin-left: 80px; }
.margin-left-90 { margin-left: 90px; }
.margin-left-100 { margin-left: 100px; }

.margin-right-5 { margin-right: 5px; }
.margin-right-10 { margin-right: 10px; }
.margin-right-20 { margin-right: 20px; }
.margin-right-30 { margin-right: 30px; }
.margin-right-40 { margin-right: 40px; }
.margin-right-50 { margin-right: 50px; }
.margin-right-60 { margin-right: 60px; }
.margin-right-70 { margin-right: 70px; }
.margin-right-80 { margin-right: 80px; }
.margin-right-90 { margin-right: 90px; }
.margin-right-100 { margin-right: 100px; }

.width-100p { width: 100%; }
.width-80 { width: 80px; }
.width-90 { width: 90px; }
.width-100 { width: 100px; }
.width-110 { width: 110px; }
.width-120 { width: 120px; }
.width-130 { width: 130px; }
.width-140 { width: 140px; }
.width-150 { width: 150px; }
.width-160 { width: 160px; }
.width-170 { width: 170px; }
.width-180 { width: 180px; }
.width-190 { width: 190px; }
.width-200 { width: 200px; }

.height-100p { height: 100%; }
.height-1 { height: 1px; }
.height-5 { height: 5px; }
.height-7 { height: 7px; }
.height-10 { height: 10px; }
.height-15 { height: 15px; }
.height-20 { height: 20px; }
.height-30 { height: 30px; }
.height-40 { height: 40px; }
.height-50 { height: 50px; }
.height-60 { height: 60px; }
.height-70 { height: 70px; }
.height-80 { height: 80px; }
.height-90 { height: 90px; }
.height-100 { height: 100px; }
.height-120 { height: 120px; }
.height-140 { height: 140px; }
.height-150 { height: 150px; }
.height-160 { height: 160px; }
.height-180 { height: 180px; }
.height-200 { height: 200px; }
.height-220 { height: 220px; }
.height-240 { height: 240px; }
.height-260 { height: 260px; }
.height-280 { height: 280px; }
.height-300 { height: 300px; }
.height-400 { height: 400px; }
.height-500 { height: 500px; }
.height-900 { height: 900px; }

.min-height-900 { min-height: 900px; }

.padding-10 { padding: 10px; }
.padding-15 { padding: 15px; }
.padding-20 { padding: 20px; }

.padding-top-5 { padding-top: 5px; }
.padding-top-10 { padding-top: 10px; }
.padding-top-20 { padding-top: 20px; }
.padding-top-30 { padding-top: 30px; }
.padding-top-40 { padding-top: 40px; }
.padding-top-50 { padding-top: 50px; }
.padding-top-60 { padding-top: 60px; }
.padding-top-70 { padding-top: 70px; }
.padding-top-80 { padding-top: 80px; }
.padding-top-90 { padding-top: 90px; }
.padding-top-100 { padding-top: 100px; }

.padding-bottom-5 { padding-bottom: 5px; }
.padding-bottom-10 { padding-bottom: 10px; }
.padding-bottom-20 { padding-bottom: 20px; }
.padding-bottom-30 { padding-bottom: 30px; }
.padding-bottom-40 { padding-bottom: 40px; }
.padding-bottom-50 { padding-bottom: 50px; }
.padding-bottom-60 { padding-bottom: 60px; }
.padding-bottom-70 { padding-bottom: 70px; }
.padding-bottom-80 { padding-bottom: 80px; }
.padding-bottom-90 { padding-bottom: 90px; }
.padding-bottom-100 { padding-bottom: 100px; }

.padding-tb-5 { padding-top: 5px; padding-bottom: 5px; }
.padding-tb-10 { padding-top: 10px; padding-bottom: 10px; }
.padding-tb-20 { padding-top: 20px; padding-bottom: 20px; }
.padding-tb-30 { padding-top: 30px; padding-bottom: 30px; }
.padding-tb-40 { padding-top: 40px; padding-bottom: 40px; }
.padding-tb-50 { padding-top: 50px; padding-bottom: 50px; }
.padding-tb-60 { padding-top: 60px; padding-bottom: 60px; }
.padding-tb-70 { padding-top: 70px; padding-bottom: 70px; }
.padding-tb-80 { padding-top: 80px; padding-bottom: 80px; }
.padding-tb-90 { padding-top: 90px; padding-bottom: 90px; }
.padding-tb-100 { padding-top: 100px; padding-bottom: 100px; }

.padding-left-10 { padding-left: 10px; }
.padding-left-20 { padding-left: 20px; }
.padding-left-30 { padding-left: 30px; }
.padding-left-40 { padding-left: 40px; }
.padding-left-50 { padding-left: 50px; }

.font-size-11 { font-size: 11px; }
.font-size-12 { font-size: 12px; }
.font-size-13 { font-size: 13px; }
.font-size-14 { font-size: 14px; }
.font-size-15 { font-size: 15px; }
.font-size-16 { font-size: 16px; }
.font-size-17 { font-size: 17px; }
.font-size-18 { font-size: 18px; }
.font-size-19 { font-size: 19px; }
.font-size-20 { font-size: 20px; }
.font-size-30 { font-size: 30px; }
.font-size-40 { font-size: 40px; }

._line-height-14 { line-height: 14px; }
._line-height-16 { line-height: 16px; }
._line-height-18 { line-height: 18px; }
._line-height-20 { line-height: 20px; }
._line-height-22 { line-height: 22px; }
._line-height-24 { line-height: 24px; }
._line-height-26 { line-height: 26px; }
._line-height-28 { line-height: 28px; }
._line-height-30 { line-height: 30px; }

._text-center { text-align: center; }
._text-left { text-align: left; }
._text-right { text-align: right; }

._bold { font-weight: bold; }

._cursor-pointer { cursor: pointer; }
._cursor-default { cursor: default; }

._white_shadow { color: #fff; text-shadow: 1px 1px 1px #000; }
._black_shadow { color: #000; text-shadow: 1px 1px 1px #fff; }

._red { color: red; }
._red4 { color: #df008d; }
._blue { color: blue; }
._blue2 { color: #1266FF; }
._blue3 { color: #003399; }
._blue4 { color: #552ce8; }
._blue5 { color: #030066; }
._green { color: green; }
._green2 { color: #2F9D27; }
._green3 { color: #74ff6a; }
._yellow { color: yellow }
._orange { color: orange; }
._orange2 { color: rgb(230, 162, 38); }
._orange3 { color: rgb(255, 202, 104); }
._orangered { color: orangered; }
._orangered2 { color: rgb(226, 89, 39); }
._orangered3 { color: rgb(255, 147, 108); }
._orangered4 { color: #fe9a3a; }
._purple { color: purple; }
._purple4 { color: #9e0dc0; }
._white { color: white; }
._black { color: black; }
._gray6 { color: #666; }
._gray { color: gray; }
._graya { color: #aaa; }
._grayb { color: #bbb; }
._grayc { color: #ccc; }
._grayd { color: #ddd; }
._graye { color: #eee; }

._link { color: #337ab7; }
._link:hover { color: #2495f6; }

._bg-red { background: red; }
._bg-red9 { background: #f7e6e6; }
._bg-blue { background: blue; }
._bg-blue8 { background: #EBF7FF; }
._bg-blue9 { background: #e6e7f7; }
._bg-green { background: green; }
._bg-green2 { background: #2F9D27; }
._bg-green9 { background: #f2f7e6; }
._bg-yellow { background: yellow; }
._bg-yellow9 { background: #f7f7e6; }
._bg-orange { background: orange; }
._bg-orange9 { background: #f7f4e6; }
._bg-orangered { background: orangered; }
._bg-orangered9 { background: #f7eae6; }
._bg-purple { background: purple; }
._bg-purple9 { background: #f2e6f7; }
._bg-white { background: white; }
._bg-gray { background: gray; }
._bg-graya { background: #aaa; }
._bg-grayb { background: #bbb; }
._bg-grayc { background: #ccc; }
._bg-grayd { background: #ddd; }
._bg-graye { background: #eee; }
._bg-grayf5 { background: #f5f5f5; }
._bg-grayf7 { background: #f7f7f7; }
._bg2-red { background: #F06161; }
._bg2-yellow { background: #ffd601; }
._bg2-orange { background: #f1af10; }
._bg2-green { background: #53C14B; }
._bg2-blue { background: #3669CF; }

._label-red { background: red; color: #fff; padding: 3px 6px; border-radius: 3px; font-size: 12px; }
._label-blue { background: blue; color: #fff; padding: 3px 6px; border-radius: 3px; font-size: 12px; }
._label-green { background: green; color: #fff; padding: 3px 6px; border-radius: 3px; font-size: 12px; }
._label-purple { background: purple; color: #fff; padding: 3px 6px; border-radius: 3px; font-size: 12px; }

.btn-red-12 { display: inline-block; background: red; color: #fff; border: none; border-radius: 3px; font-size: 12px; line-height: 12px; padding: 4px 6px; cursor: pointer; }
.btn-orangered-12 { display: inline-block; background: orangered; color: #fff; border: none; border-radius: 3px; font-size: 12px; line-height: 12px; padding: 4px 6px; cursor: pointer; }
.btn-blue-12 { display: inline-block; background: blue; color: #fff; border: none; border-radius: 3px; font-size: 12px; line-height: 12px; padding: 4px 6px; cursor: pointer; }
.btn-blue2-12 { display: inline-block; background: #3669CF; color: #fff; border: none; border-radius: 3px; font-size: 12px; line-height: 12px; padding: 4px 6px; cursor: pointer; }
.btn-green-12 { display: inline-block; background: green; color: #fff; border: none; border-radius: 3px; font-size: 12px; line-height: 12px; padding: 4px 6px; cursor: pointer; }
.btn-green2-12 { display: inline-block; background: #469840; color: #fff; border: none; border-radius: 3px; font-size: 12px; line-height: 12px; padding: 4px 6px; cursor: pointer; }
.btn-purple-12 { display: inline-block; background: purple; color: #fff; border: none; border-radius: 3px; font-size: 12px; line-height: 12px; padding: 4px 6px; cursor: pointer; }
.btn-purple2-12 { display: inline-block; background: #7248AE; color: #fff; border: none; border-radius: 3px; font-size: 12px; line-height: 12px; padding: 4px 6px; cursor: pointer; }
.btn-gray-12 { display: inline-block; background: gray; color: #fff; border: none; border-radius: 3px; font-size: 12px; line-height: 12px; padding: 4px 6px; cursor: pointer; }
.btn-white-12 { display: inline-block; background: white; color: #555; border: 1px solid #aaa; border-radius: 3px; font-size: 12px; line-height: 12px; padding: 3px 5px; cursor: pointer; }
.btn-disable-12 { display: inline-block; background: #ddd; color: #909090; border: none; border-radius: 3px; font-size: 12px; line-height: 12px; padding: 4px 6px; cursor: pointer; }

.btn-sm { display: inline-block; color: #fff; border: none; border-radius: 3px; font-size: 12px; line-height: 12px; padding: 6px 16px 8px; box-sizing: border-box; cursor: pointer; }
.btn-md { display: inline-block; color: #fff; border: none; border-radius: 3px; font-size: 14px; line-height: 14px; padding: 9px 22px 12px; box-sizing: border-box; cursor: pointer; }
.btn-lg { display: inline-block; color: #fff; border: none; border-radius: 3px; font-size: 16px; line-height: 16px; padding: 12px 28px 15px; box-sizing: border-box; cursor: pointer; }
.btn-bg { display: inline-block; color: #fff; border: none; border-radius: 3px; font-size: 18px; line-height: 18px; padding: 14px 34px 17px; box-sizing: border-box; cursor: pointer; }

.title-12 { font-size: 12px; line-height: 12px; font-weight: bold; }
.title-13 { font-size: 13px; line-height: 13px; font-weight: bold; }
.title-14 { font-size: 14px; line-height: 14px; font-weight: bold; }
.title-16 { font-size: 16px; line-height: 16px; font-weight: bold; }
.title-18 { font-size: 18px; line-height: 18px; font-weight: bold; }
.title-20 { font-size: 20px; line-height: 20px; font-weight: bold; }
.title-22 { font-size: 22px; line-height: 22px; font-weight: bold; }
.title-24 { font-size: 24px; line-height: 24px; font-weight: bold; }
.title-26 { font-size: 26px; line-height: 26px; font-weight: bold; }
.title-28 { font-size: 28px; line-height: 28px; font-weight: bold; }
.title-30 { font-size: 30px; line-height: 30px; font-weight: bold; }

.text-12 { font-size: 12px; line-height: 20px; font-weight: normal; }
.text-13 { font-size: 13px; line-height: 18px; font-weight: normal; }
.text-14 { font-size: 14px; line-height: 24px; font-weight: normal; }
.text-16 { font-size: 16px; line-height: 26px; font-weight: normal; }
.text-18 { font-size: 18px; line-height: 28px; font-weight: normal; }
.text-20 { font-size: 20px; line-height: 30px; font-weight: normal; }

.text2-12 { font-size: 12px; line-height: 24px; font-weight: normal; }
.text2-13 { font-size: 13px; line-height: 26px; font-weight: normal; }
.text2-14 { font-size: 14px; line-height: 28px; font-weight: normal; }
.text2-16 { font-size: 16px; line-height: 32px; font-weight: normal; }
.text2-18 { font-size: 18px; line-height: 36px; font-weight: normal; }
.text2-20 { font-size: 20px; line-height: 40px; font-weight: normal; }

.paging-circle { display: inline-block; }
.paging-circle > ._dot { float: left; width: 10px; height: 10px; border-radius: 50%; background: #eee; margin-left: 5px; }
.paging-circle > ._dot:first-child { margin-left: 0; }
.paging-circle > ._on { background: green; }
.paging-circle:after { display: block; clear: both; content: ''; }

.paging { text-align: center; font-size: 0; letter-spacing:0; word-spacing:0; }
.paging a{ display: inline-block; width: 35px; height: 33px; margin: 30px 0 0; font-size: 12px; text-align: center; border-top: 1px solid #eee; border-bottom: 1px solid #eee; border-right: 1px solid #eee; line-height: 35px; color: #bbb; }
.paging a.on { color: #0057ab; font-weight: bold; background: #fff; }
.paging a:first-child { border-left: 1px solid #eee; }
.paging a:hover { color: #0057ab; font-weight: bold; background: #fff; }

.cms-detail-box { border: 1px solid #ccc; background: #f5f5f5; padding: 20px 40px; font-size: 13px; line-height: 19px; text-align: left; }
@media screen and (max-width: 767px) {
     .cms-detail-box { border: 1px solid #ccc; background: #f5f5f5; padding: 10px; font-size: 12px; line-height: 16px; text-align: left; }
}  
.cms-loading { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.6); background-image: url(/com/img/icon/loading.gif); background-position: center center; background-repeat: no-repeat; z-index:9999999999; }
.cms-loading2 { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.6); z-index:9999999999; }
.cms-loading2-sec { position: absolute; top: 50%; left: 50%; width: 200px; height: 200px; margin-top: -100px; margin-left: -100px; text-align: center; font-size: 12px; color: #bbb; padding-top: 69px; box-sizing: border-box; background-image: url(/com/img/icon/loading.gif); background-position: center center; background-repeat: no-repeat; }

.cms-msg-box-red { font-size: 12px; line-height: 18px; padding: 10px 20px; background: #FFEFEF; color: #444; box-sizing: border-box; text-align: justify; }
.cms-msg-box-gray { font-size: 12px; line-height: 18px; padding: 10px 20px; background: #f5f5f5; color: #444; box-sizing: border-box; text-align: justify; }
.cms-msg-box-white { font-size: 12px; line-height: 18px; padding: 10px 20px; background: #ffffff; color: #444; box-sizing: border-box; text-align: justify; border: 1px solid #ddd; }
@media screen and (max-width: 767px) {
.cms-msg-box-red { font-size: 12px; line-height: 18px; padding: 6px 10px; }
.cms-msg-box-gray { font-size: 12px; line-height: 18px; padding: 6px 10px; }
.cms-msg-box-white { font-size: 12px; line-height: 18px; padding: 6px 10px; }
} 

.cms-msg-box2-red { padding: 15px 30px; background: #FFEFEF; color: #444; box-sizing: border-box; }
.cms-msg-box2-gray { padding: 15px 30px; background: #f5f5f5; color: #444; box-sizing: border-box; }
.cms-msg-box2-white { padding: 15px 30px; background: #ffffff; color: #444; box-sizing: border-box; border: 1px solid #ddd; }
@media screen and (max-width: 767px) {
     .cms-msg-box2-red { padding: 10px 10px; background: #FFEFEF; color: #444; box-sizing: border-box; }
     .cms-msg-box2-gray { padding: 10px 10px; background: #f5f5f5; color: #444; box-sizing: border-box; }
     .cms-msg-box2-white { padding: 10px 10px; background: #ffffff; color: #444; box-sizing: border-box; border: 1px solid #ddd; }
}  

.cms-big-box { position: relative; border: 3px solid #ddd; padding: 40px 60px; text-align: justify; }
.cms-big-box > ._quotes1 { display: inline-block; position: absolute; top: -20px; left: -3px; background-image: url(/com/img/icon/quotes1.jpg); width: 60px; height: 29px; }
.cms-big-box > ._quotes2 { display: inline-block; position: absolute; bottom: -20px; right: -3px; background-image: url(/com/img/icon/quotes2.jpg); width: 60px; height: 29px; }
@media screen and (max-width: 767px) {
     .cms-big-box { position: relative; border: 3px solid #ddd; padding: 10px 20px; text-align: justify; }
}
.cms-mid-box { position: relative; border: 3px solid #ddd; padding: 10px; text-align: justify; }

.cms-width-20pro { float: left; width: 20%; }
.cms-width-25pro { float: left; width: 25%; }
.cms-width-30pro { float: left; width: 30%; }
.cms-width-5pro { float: left; width: 5%; line-height: 40px; text-align: center; }
.cms-width-48pro { float: left; width: 48%; }
.cms-width-4pro { float: left; width: 4%; line-height: 40px; text-align: center; }

.cms-form-text { width: 100%; height: 40px; box-sizing: border-box; border: 1px solid #bbb; padding-left: 10px; font-size: 15px; }
.cms-form-text::placeholder { color: #b7b7b7; }
.cms-form-text2 { width: 100%; height: 30px; box-sizing: border-box; border: 1px solid #bbb; padding-left: 10px; font-size: 14px; }
.cms-form-text2::placeholder { color: #b7b7b7; }
.cms-form-select { font-size: 14px; width: 100%; height: 30px; box-sizing: border-box; border: 1px solid #bbb; padding-left: 6px; }
.cms-form-select:focus { outline: none; } 
.cms-form-select2 { font-size: 15px; width: 100%; height: 40px; box-sizing: border-box; border: 1px solid #bbb; padding-left: 6px; }
.cms-form-select2:focus { outline: none; } 
.cms-form-textarea { width: 100%; min-height: 40px; box-sizing: border-box; border: 1px solid #bbb; padding-left: 10px; font-size: 15px; resize: none; }
.cms-form-textarea::placeholder { font-size: 14px; color: #bbb; }
.cms-form-button { display: inline-block; height: 40px; color: #fff; border: none; border-radius: 3px; font-size: 16px; line-height: 16px; padding: 11px 20px 15px; box-sizing: border-box; cursor: pointer; margin-bottom: 0; }
.cms-radio { position: relative; font-size: 14px; line-height: 14px; margin-right: 15px; }
.cms-radio > input[type='radio'] { position: absolute; top: 1px; left: 1px; width: 14px; height: 14px; }
.cms-radio > label { display: inline-block; padding-left: 26px; box-sizing: border-box; cursor: pointer; }
.cms-btn-radio { position: relative; }
.cms-btn-radio > input[type='radio'] { position: absolute; overflow:hidden; width: 1px; height: 1px; margin: -1px; opacity: 0; }
.cms-btn-radio > label { display: inline-block; font-size: 14px; color: #fff; background: gray; padding: 8px 20px 11px; box-sizing: border-box; cursor: pointer; text-align: center; }
.cms-btn-radio > input[type='radio']:checked + label { background: #0054FF; }
.cms-checkbox { position: relative; font-size: 14px; line-height: 14px; }
.cms-checkbox > input[type='checkbox'] { position: absolute; top: -2px; left: 0; width: 14px; height: 14px; }
.cms-checkbox > label { display: inline-block; padding-left: 26px; box-sizing: border-box; cursor: pointer; }
.cms-checkbox2 { display: inline-block; position: relative; padding-left: 36px; padding-top: 5px; height: 30px; box-sizing: border-box; }
.cms-checkbox2 > input[type='checkbox'] { position: absolute; top: 2px; left: 0; width: 26px; height: 26px; margin: 0; }
.cms-checkbox3 { position: relative; font-size: 14px; line-height: 14px; padding-left: 26px; box-sizing: border-box; }
.cms-checkbox3 > input[type='checkbox'] { position: absolute; top: -2px; left: 0; width: 14px; height: 14px; }

.cms-search { position: relative; text-align: right; font-size: 14px; }
.cms-search ._left { position: absolute; left: 0; bottom: 0; }
.cms-search ._date { display: inline-block; width: 90px; height: 28px; padding: 5px 5px 0 5px; box-sizing: border-box; border: 1px solid #999; }
.cms-search ._date > input[type=text] { font-size: 14px; width: 100%; height: 14px; box-sizing: border-box; border: none; }
.cms-search ._date > input[type=text]:focus { outline: none; }
.cms-search ._input { display: inline-block; width: 60px; height: 28px; padding-top: 5px; box-sizing: border-box; border: 1px solid #999; }
.cms-search ._input > input[type=text] { font-size: 14px; width: 100%; height: 14px; box-sizing: border-box; border: none; }
.cms-search ._input > input[type=text]:focus { outline: none; }
.cms-search ._select { display: inline-block; width: 70px; height: 28px; box-sizing: border-box; border: 1px solid #999; }
.cms-search ._select > select { font-size: 14px; width: 100%; height: 24px; box-sizing: border-box; border: none; }
.cms-search ._select > select:focus { outline: none; } 
.cms-search ._btn { display: inline-block; height: 28px; font-size: 14px; line-height: 14px; padding: 5px 20px 0; margin-left: 5px; box-sizing: border-box; background: #448ae9; border: 1px solid #0051be; color: #fff; text-align: center; cursor: pointer; }
.cms-search ._btn2 { display: inline-block; height: 28px; font-size: 14px; line-height: 14px; padding: 5px 20px 0; margin-left: 5px; box-sizing: border-box; background: #00a934; border: 1px solid #006d21; color: #fff; text-align: center; cursor: pointer; }
.cms-search ._btn_init { display: inline-block; height: 28px; margin-left: 5px; box-sizing: border-box; background: #f5f5f5; border: 1px solid #999; }
.cms-search ._btn_init > a { display: inline-block; width: 100%; height: 100%; font-size: 14px; line-height: 14px; padding: 5px 10px 0; box-sizing: border-box; color: #666; text-align: center; cursor: pointer; }
.cms-search ._btn_search { display: inline-block; position: relative; width: 80px; height: 28px; font-size: 14px; line-height: 14px; padding: 5px 20px 0; margin-left: 5px; box-sizing: border-box; background: #448ae9; border: 1px solid #0051be; color: #fff; text-align: center; cursor: pointer; }
.cms-search ._btn_search > button { display: inline-block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; border: none; background: none; cursor: pointer; }

.cms-search2 { text-align: left; font-size: 14px; }
.cms-search2 ._input { display: inline-block; width: 22px; height: 22px; padding-top: 2px; box-sizing: border-box; border: 1px solid #999; }
.cms-search2 ._input > input[type=text] { font-size: 14px; width: 100%; height: 14px; box-sizing: border-box; border: none; }
.cms-search2 ._input > input[type=text]:focus { outline: none; }

.cms-col5 { position: relative; }
.cms-col5:after { display: block; clear: both; content: ''; }
.cms-col5 > ._col { float: left; width: 20%; box-sizing: border-box; }



.frame_table > table { width: 100%; }
.frame_table > table > tbody > tr > ._left { text-align: left; }
.frame_table > table > tbody > tr > ._right { text-align: right; }
.frame_table > table > tbody > tr > ._center { text-align: center; }
.frame_table > table > tbody > tr > ._top { vertical-align: top; }
.frame_table > table > tbody > tr > ._middle { vertical-align: middle; }

.layout_table > table { width: 100%; }
.layout_table > table > tbody > tr > td { padding: 5px; vertical-align: middle; }
.layout_table > table ._left { text-align: left; }
.layout_table > table ._right { text-align: right; }
.layout_table > table ._center { text-align: center; }
.layout_table > table ._top { vertical-align: top; }
.layout_table > table ._tab { padding: 10px; text-align: center; background: #f5f5f5; border-bottom: 1px solid #f5f5f5; border-top: 1px solid #f5f5f5; border-right: 1px solid #fff; border-left: 1px solid #fff; cursor: pointer; }
.layout_table > table ._tab_on { padding: 10px; text-align: center; background: #fff; border-bottom: 2px solid #0057ab; border-top: 1px solid #f5f5f5; border-right: 1px solid #fff; border-left: 1px solid #fff; }
.layout_table > table ._top_margin { padding: 0; height: 5px; }
.layout_table > table ._box_key { height: 40px; background: #e2ebfe; color: #777; font-size: 15px; font-weight: 400; border-radius: 20px; box-sizing: border-box; text-align: center; }
.layout_table > table ._box_val { height: 40px; background: #F5F5F5; color: #888; font-size: 15px; font-weight: 400; border-radius: 20px; box-sizing: border-box; text-align: center; }
.layout_table > table ._box_margin { padding: 0; height: 6px; }
.layout_table > table ._btn { height: 40px; background: #aaa; color: #fff; text-align: center; padding: 0; box-sizing: border-box; cursor: pointer; }

.layout_table2 > table { width: 100%; }
.layout_table2 > table > tbody > tr > td { padding-top: 5px; padding-bottom: 5px; vertical-align: middle; }
.layout_table2 > table ._left { text-align: left; }
.layout_table2 > table ._right { text-align: right; }
.layout_table2 > table ._center { text-align: center; }

.align_table table { width: auto; }
.align_table table td { padding: 0; vertical-align: middle; }

.bbs_list_table { position: relative; font-size: 14px; }
.bbs_list_table > table { width: 100%; }
.bbs_list_table > table > thead > tr { border-top: 2px solid #999; border-bottom: 1px solid #999; background: #f5f5f5; }
.bbs_list_table > table > thead > tr > th { height: 38px; padding: 0; text-align: center; vertical-align: middle; }
.bbs_list_table > table > tbody > tr { border-bottom: 1px solid #ddd; cursor: pointer; }
.bbs_list_table > table > tbody > tr > td { height: 38px; padding: 0; text-align: center; vertical-align: middle; }
.bbs_list_table > table > tbody > tr ._left { text-align: left; padding-left: 20px; word-break: break-all; }
.bbs_list_table > table > tbody > tr ._left2 { text-align: left; padding-left: 10px; word-break: break-all; }
.bbs_list_table > table > tbody > tr ._right { text-align: right; padding-right: 20px; }
.bbs_list_table > table > tbody > tr ._right2 { text-align: right; padding-right: 10px; }
.bbs_list_table > table > tbody > tr ._reply { color: orangered; font-size: 12px; margin-left: 6px; }
.bbs_list_table > table > tbody > tr ._img { position: relative; margin-left: 6px; }
.bbs_list_table > table > tbody > tr ._img img { height: 16px; }
.bbs_list_table > table > tbody > ._cursor_default { cursor: default; }

.bbs_list_table2 { position: relative; font-size: 14px; }
.bbs_list_table2 > table { width: 100%; }
.bbs_list_table2 > table > thead > tr { border-top: 2px solid #999; border-bottom: 1px solid #999; background: #f5f5f5; }
.bbs_list_table2 > table > thead > tr > th { height: 38px; text-align: center; vertical-align: middle; }
.bbs_list_table2 > table > tbody > tr { border-bottom: 1px solid #ddd; }
.bbs_list_table2 > table > tbody > tr > td { text-align: center; vertical-align: middle; padding: 12px 0; }
.bbs_list_table2 > table > tbody > tr ._left { text-align: left; padding-left: 20px; word-break: break-all; }
.bbs_list_table2 > table > tbody > tr ._left2 { text-align: left; padding-left: 10px; word-break: break-all; }
.bbs_list_table2 > table > tbody > tr ._right { text-align: right; padding-right: 20px; }
.bbs_list_table2 > table > tbody > tr ._right2 { text-align: right; padding-right: 10px; }
.bbs_list_table2 > table > tbody > tr ._reply { color: orangered; font-size: 12px; margin-left: 6px; }

.bbs_view_table { position: relative; font-size: 14px; }
.bbs_view_table > table { width: 100%; }
.bbs_view_table > table > thead > tr { border-top: 2px solid #999; border-bottom: 1px solid #999; background: #f5f5f5; }
.bbs_view_table > table > thead > tr > th { height: 38px; text-align: center; vertical-align: middle; }
.bbs_view_table > table > tbody > tr { border-bottom: 1px solid #ddd; }
.bbs_view_table > table > tbody > tr > td { height: 38px; text-align: center; vertical-align: middle; }
.bbs_view_table > table > tbody > tr ._left { text-align: left; padding-left: 20px; }
.bbs_view_table > table > tbody > tr ._left2 { text-align: left; padding-left: 10px; }
.bbs_view_table > table > tbody > tr ._right { text-align: right; padding-right: 20px; }
.bbs_view_table > table > tbody > tr ._right2 { text-align: right; padding-right: 10px; }
.bbs_view_table > table > tbody > tr ._date { color: green; font-size: 12px; font-weight: 300; margin-left: 10px; }

.bbs_write_table { position: relative; font-size: 14px; }
.bbs_write_table > table { width: 100%; border-top: 1px solid #ddd; }
.bbs_write_table > table > tbody > tr { border-bottom: 1px solid #ddd; }
.bbs_write_table > table > tbody > tr > td { height: 40px; text-align: center; vertical-align: middle; }
.bbs_write_table > table > tbody > tr ._left { text-align: left; padding-left: 20px; }
.bbs_write_table > table > tbody > tr ._left2 { text-align: left; padding-left: 10px; }
.bbs_write_table > table > tbody > tr ._right { text-align: right; padding-right: 20px; }
.bbs_write_table > table > tbody > tr ._right2 { text-align: right; padding-right: 10px; }
.bbs_write_table > table > tbody > tr > td input[type=text] { width: 100%; height: 30px; font-size: 14px; border: 1px solid #ddd; box-sizing: border-box; padding-left: 10px; }
.bbs_write_table > table > tbody > tr > td select { width: 100%; height: 30px; font-size: 14px; border: 1px solid #ddd; box-sizing: border-box; padding-left: 10px; }
.bbs_write_table > table > tbody > tr > td ._gray_box { width: 100%; height: 30px; font-size: 14px; border: 1px solid #ddd; box-sizing: border-box; padding: 6px 0 0 10px; background: #f5f5f5; }

.bbs_contents_wrap { padding: 30px; }
.bbs_contents_wrap > ._contents1 { position: relative; font-size: 14px; font-weight: 300; line-height: 22px; text-align: left; }
.bbs_contents_wrap > ._contents1 img { max-width: 100%; }
.bbs_contents_wrap > ._contents2 { position: relative; margin-top: 30px; font-size: 14px; font-weight: 300; line-height: 22px; text-align: left; }
.bbs_contents_wrap > ._contents2 img { max-width: 100%; }
@media screen and (max-width: 767px) {
     .bbs_contents_wrap { padding: 10px; }
}  

.body_contents { position: relative; }
.body_contents > ._title { font-size: 18px; font-weight: 500; padding-bottom: 10px; border-bottom: 1px solid #ddd; }
.body_contents > ._contents { position: relative; font-size: 14px; font-weight: 300; line-height: 22px; padding: 20px 30px; box-sizing: border-box; text-align: left; }
.body_contents > ._contents img { max-width: 100%; }



.hr_line { height: 1px; }
.hr_line > hr { border-top: 1px solid #eee; border-bottom: none; margin: 0; }

.hr_line2 { height: 1px; }
.hr_line2 > hr { border-top: 1px solid #ddd; border-bottom: none; margin: 0; }

.hr_line3 { height: 1px; }
.hr_line3 > hr { border-top: 1px solid #ccc; border-bottom: none; margin: 0; }

.hr_dashed { height: 1px; }
.hr_dashed > hr { border-top: 1px dashed #eee; border-bottom: none; margin: 0; }

.hr_dashed2 { height: 1px; }
.hr_dashed2 > hr { border-top: 1px dashed #ddd; border-bottom: none; margin: 0; }

.hr_dashed3 { height: 1px; }
.hr_dashed3 > hr { border-top: 1px dashed #ccc; border-bottom: none; margin: 0; }



.highlighter_yellow { background: linear-gradient(to top, #fdff7b 50%, transparent 50%); }
.highlighter_green { background: linear-gradient(to top, #ddff93 50%, transparent 50%); }
.highlighter_blue { background: linear-gradient(to top, #93b9ff 50%, transparent 50%); }
.highlighter_red { background: linear-gradient(to top, #ff9393 50%, transparent 50%); }
.highlighter_orange { background: linear-gradient(to top, #ffd093 50%, transparent 50%); }



.pre_box { display: block; font-size: 12px; line-height: 16px; font-weight: 300; white-space: pre-wrap; }
.pre_box2 { display: block; font-size: 12px; line-height: 18px; font-weight: 300; white-space: pre-wrap; }
.pre_box3 { display: block; font-size: 14px; line-height: 20px; font-weight: 300; white-space: pre-wrap; }

.modal_popup { display: table; position: fixed; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); z-index: 999999999; }
.modal_popup_off { display: none; }
.modal_popup > ._cell { display: table-cell; width: 100%; max-width: 460px; height: 100%; text-align: center; vertical-align: middle; }
.modal_popup > ._cell > ._box { display: inline-block; width: 90%; max-width: 460px; background: #fff; box-sizing: border-box; border: 1px solid #444; }
.modal_popup > ._cell > ._width_500 { max-width: 500px; }
.modal_popup > ._cell > ._width_600 { max-width: 600px; }
.modal_popup > ._cell > ._padding_20 { padding: 20px; }
.modal_popup > ._cell > ._padding_30 { padding: 30px; }
.modal_popup > ._cell > ._padding_40 { padding: 40px; }
.modal_popup > ._cell > ._border_blue { border: 2px solid #1266FF; }
.modal_popup > ._cell > ._border_yellow { border: 2px solid #ffd601; }
.modal_popup > ._cell ._text_12 { font-size: 12px; line-height: 16px; font-weight: normal; text-align: left; }
.modal_popup > ._cell ._text_14 { font-size: 14px; line-height: 18px; font-weight: normal; text-align: left; }
.modal_popup > ._cell_top { vertical-align: top; padding-top: 100px; }

.modal_bg { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background: rgba(0, 0, 0, 0.5); z-index: 99999; }
.modal_box { position: fixed; top:100px; left:50%; margin-left: -300px; width: 600px; background:#fff; padding: 40px; box-sizing: border-box; box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5); border-radius: 6px; z-index: 999999; }
.modal_box > ._head { position: relative; font-size: 18px; font-weight: 500; border-bottom: 1px solid #ddd; padding-bottom: 5px; }
.modal_box > ._head > ._close { position: absolute; top: -20px; right: -20px; padding: 2px 5px; cursor: pointer; }
.m_modal_box { position: fixed; top:30px; left:50%; margin-left: -160px; width: 320px; background:#fff; padding: 20px; box-sizing: border-box; box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5); border-radius: 6px; z-index: 999999; }
.m_modal_box > ._head { position: relative; font-size: 18px; font-weight: 500; border-bottom: 1px solid #ddd; padding-bottom: 5px; }
.m_modal_box > ._head > ._close { position: absolute; top: -10px; right: -10px; padding: 2px 5px; cursor: pointer; }


.policy_page { width: 100%; max-width: 1200px; margin: 0 auto; text-align: justify; }
.policy_page > ._box { display: inline-block; word-wrap: break-word; background-color: #fff; background-clip: border-box; border: 1px solid rgba(0,0,0,.125); border-radius: .5rem; width: 100%; min-height: 700px; padding: 40px; margin: 20px 0; box-sizing: border-box; }
.policy_page > ._box > pre { border: 0; background: white; white-space: pre-wrap; font-size: 12px; line-height: 32px; }
.policy_page > ._box > pre ._title { font-size: 14px; font-weight: bold; }
.policy_page > ._box > pre ._title2 { font-size: 16px; font-weight: bold; }
.policy_page > ._box > pre ._title3 { font-size: 18px; font-weight: bold; }



.cms-video-wrapper { position: relative; padding-bottom: 56.25%; padding-top: 25px; width: 100%; height: 0; }
.cms-video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }



@keyframes cms-twinkle01 {
     from {opacity:0.3;}
     to {opacity:1;}
}



._hidden-img img { display: none; }
.img_wrap img { max-width: 100%; }

.icon-btn-shield { display: inline-block; position: relative; cursor: pointer; padding-left: 18px; font-size: 14px; }
.icon-btn-shield::before { display: block; content: ''; position: absolute; left: 0; top: 0; width: 16px; height: 16px; background: url(/com/img/icon/shield.png) no-repeat center/cover; }

.icon-btn-shield2 { display: inline-block; position: relative; cursor: pointer; padding-left: 16px; font-size: 12px; }
.icon-btn-shield2::before { display: block; content: ''; position: absolute; left: 0; top: -1px; width: 14px; height: 14px; background: url(/com/img/icon/shield.png) no-repeat center/cover; }



.win_popup { width: 100%; height: 100%; margin: 0; padding: 0; }
.win_popup > ._head { border-bottom: 1px solid #ccc; padding: 15px 0 18px; text-align: center; }
.win_popup > ._body { position: relative; }
.win_popup > ._foot { border-top: 1px solid #ccc; padding: 15px 0 18px; text-align: center; }