@charset "UTF-8";


.weightnoraml{font-weight:normal;}

/* 반복 메뉴 건너 띄기 */
.skiptocontent a {position:absolute; left:-3000%;} 
.skiptocontent ul, .skiptocontent li { margin:0; padding:0; list-style:none;}
.skiptocontent a:focus, 
.skiptocontent a:active { display:block; left:0; top:0;  padding:5px; z-index:10000000000; width:100%; height:30px; line-height:30px; background:#3ea1a4; color:#fff; text-align:center; font-size:1.5em;}

.alttext{ text-indent:-99999px; font-size: 0; line-height: 0; display:block; overflow:hidden; }
.fal { float:left;}
.far { float:right;}
.block {clear:both; content:""; display:block; }
.imgalt { text-indent:-100000px; position:absolute; z-index:-100; background:none!important;}
.imgalt h2, .imgalt h3{ background:none!important;}
.ac { text-align: center!important; }
.al { text-align: left!important; }
.ar { text-align: right!important; }
pre.pre_normal{white-space:normal;}

.mac_wrap{ margin-left:auto; margin-right:auto;  text-align:center;}
.attention_ment {  color:#363636; letter-spacing:-1.2px; margin:10px; vertical-align:middle; font-size:18px; }
.attention_ment span{ padding:15px 20px; background:url(../images/common/attention.jpg) center 50% no-repeat;  display:inline-block; vertical-align:middle;}
.desc { margin:0px; padding:10px; font-size:15px; letter-spacing:-1px;}
.caption { font-size:15px; }
.impact { font-weight:bold; color:#f26522; }
.letter_orange { color:#fd8247; }
.letter_black { color:#000; }
.letter_blue { color:#2947a5; }
.letter_mint { color:#3a9593; }
.letter_yellow { color:#feea73;}
.bold { font-weight:bold;}
.nobold { font-weight:normal;}
.smtext{ font-size:14px;}

.rect.mint{ border-radius:15px; padding:5px 10px; font-size:0.9em; background:#5db4bb; color:#fff; font-weight:normal}
.blind { display:none;  }
.xs_display {display:none;}
.tline { border-top:1px solid #c3c3c3;}
.btline { border-bottom:1px solid #c3c3c3;}

.circle { border-radius:30px; padding:0px 5px; margin-right:5px; min-width:28px; display:inline-block; text-align:center; }
.circle.red { background:#d8613b; color:#fff;}
.circle.blue { background:#3559a1; color:#fff;}
.circle.sepia { background:#aba49f; color:#fff;}
.circle.gray { background:#bec0cd; color:#fff;}

.newbrowser_link {background:url(../images/common/icon_newbrowser.png) no-repeat right 50%; padding-right:20px!important; }

.link,.link:hover, .link:focus, .link:active, .link:visited, 
.link:focus { background:#e87a45; font-size:15px;  padding:0px 10px;  margin:0 10px!important;  border-radius:20px; color:#fff; font-weight:normal; }

/* 외부링크에 아이콘 표시 추가 시작 */
.exlink a[href ^="http://"],.exlink a[href ^="https://"],
.exlink a[href ^="http://"]:hover,.exlink a[href ^="https://"]:hover,
.exlink a[href ^="http://"]:active,.exlink a[href ^="https://"]:active,
.exlink a[href ^="http://"]:visited,.exlink a[href ^="https://"]:visited
{background:url(../images/common/icon_newbrowser.png) 92% center no-repeat; padding-right: 30px!important;  width:auto!important;}

.exlink .link[href ^="http://"],.exlink .link[href ^="https://"],
.exlink .link[href ^="http://"]:hover,.exlink .link[href ^="https://"]:hover,
.exlink .link[href ^="http://"]:active,.exlink .link[href ^="https://"]:active,
.exlink .link[href ^="http://"]:visited,.exlink .link[href ^="https://"]:visited
{ background:url(../images/common/icon_newbrowser.png) #e87a45 94.5% center no-repeat; padding:7px 30px 7px 15px!important; width:auto!important; 
font-size:15px; margin:0; border-radius:20px; color:#fff; font-weight:normal;}
/****공단홈페이지에서도 아이콘 표시 
.exlink a[href^="http://www.domerace.com"] { background: none; padding-right: 0;}
.exlink a[href^="https://www.domerace.com"] {background: none; padding-right: 0;}*/

/* 외부링크에 아이콘 표시 추가 끝 */
button.white {color:#21407a;  background:#fff;  border-radius: 2px; }
button.white:hover,button.white:active,
button.white:visited {color:#21407a;  background:#fff;  border-radius: 2px; }

a.white {color:#21407a;  background:#fff;  border-radius: 2px; }
a.white:hover,a.white:active,
a.white:visited {color:#21407a;  background:#fff;  border-radius: 2px; }

button.whiteborder {color:#000;  background:#fff;  border-radius: 0px; border:1px solid #898989; }
button.whiteborder:hover,button.whiteborder:active,
button.whiteborder:visited {color:#000;  background:#fff;  }
a.whiteborder {color:#000;  background:#fff;  border-radius: 0px; border:1px solid #898989; }
a.whiteborder:hover,a.whiteborder:active,
a.whiteborder:visited {color:#000;  background:#fff;  }
a.gray {color:#FFF;  background:#838694;  border-radius: 2px; }

button.gray,
button.gray:hover,
button.gray:focus,
button.gray.focus,
button.gray:active,
button.gray.active,
button.gray:active:focus,
button.gray.active:focus 
button.gray:visited  {color:#FFF; background:#838694;  border-radius: 2px; }
a.gray:hover,
a.gray:focus,
a.gray.focus,
a.gray:active,
a.gray.active,
a.gray:active:focus,
a.gray.active:focus 
a.gray:visited {color:#FFF; background:#838694;  border-radius: 2px; }

button.motiongray{color:#FFF; background:#999ead;  border-radius: 2px; }
button.motiongray:hover {color:#FFF; background:#5f6688;  border-radius: 2px; }
button.motiongray:focus,
button.motiongray.focus,
button.motiongray:active,
button.motiongray.active,
button.motiongray:active:focus,
button.motiongray.active:focus 
button.motiongray:visited  {color:#FFF; background:#5f6688;  border-radius: 2px; }
a.motiongray{color:#FFF; background:#999ead;  border-radius: 2px; }
a.motiongray:hover,
a.motiongray:focus,
a.motiongray.focus,
a.motiongray:active,
a.motiongray.active,
a.motiongray:active:focus,
a.motiongray.active:focus 
a.motiongray:visited {color:#FFF; background:#5f6688;  border-radius: 2px; }

button.bluegray,
button.bluegray:hover,
button.bluegray:focus,
button.bluegray.focus,
button.bluegray:active,
button.bluegray.active,
button.bluegray:active:focus,
button.bluegray.active:focus 
button.bluegray:visited {color:#FFF;background:#728099;  border-radius: 2px; }
a.bluegray,
a.bluegray:hover,
a.bluegray:focus,
a.bluegray.focus,
a.bluegray:active,
a.bluegray.active,
a.bluegray:active:focus,
a.bluegray.active:focus 
a.bluegray:visited{color:#FFF;background:#728099;  border-radius: 2px; }

button.deepgray {color:#FFF;  background:#71778d;  border-radius: 2px; }
button.deepgray:hover,
button.deepgray:focus,
button.deepgray.focus,
button.deepgray:active,
button.deepgray.active,
button.deepgray:active:focus,
button.deepgray.active:focus 
button.deepgray:visited{color:#FFF!important; background:#71778d;  border-radius: 2px; }
a.deepgray,
a.deepgray:hover,
a.deepgray:focus,
a.deepgray.focus,
a.deepgray:active,
a.deepgray.active,
a.deepgray:active:focus,
a.deepgray.active:focus 
a.deepgray:visited{color:#FFF!important; background:#71778d;  border-radius: 2px; }

button.black {color:#FFF;  background:#000;  border-radius: 2px; }
button.black:hover,
button.black:focus,
button.black.focus,
button.black:active,
button.black.active,
button.black:active:focus,
button.black.active:focus 
button.black:visited{color:#fff!important;  background:#000; border-radius:2px;}
a.black,
a.black:hover,
a.black:focus,
a.black.focus,
a.black:active,
a.black.active,
a.black:active:focus,
a.black.active:focus 
a.black:visited{color:#fff;  background:#000; border-radius:2px;}
button.black.round,
button.black.round:hover,
button.black.round:focus,
button.black.round.focus,
button.black.round:active,
button.black.round.active,
button.black.round:active:focus,
button.black.round.active:focus 
button.black.round:visited{color:#fff!important;  background:#000; border-radius:30px;}
a.black.round,
a.black.round:hover,
a.black.round:focus,
a.black.round.focus,
a.black.round:active,
a.black.round.active,
a.black.round:active:focus,
a.black.round.active:focus 
a.black.round:visited{color:#fff!important;  background:#000; border-radius:30px;}

button.deepblue {color:#FFF; background:#394053;  border-radius: 2px; }
button.deepblue:hover,
button.deepblue:focus,
button.deepblue.focus,
button.deepblue:active,
button.deepblue.active,
button.deepblue:active:focus,
button.deepblue.active:focus 
button.deepblue:visited{color:#fff;  background:#394053; border-radius:2px;}
a.deepblue {color:#FFF; background:#394053;  border-radius: 2px; }
a.deepblue:hover,
a.deepblue:focus,
a.deepblue.focus,
a.deepblue:active,
a.deepblue.active,
a.deepblue:active:focus,
a.deepblue.active:focus 
a.deepblue:visited{color:#fff;  background:#394053; border-radius:2px;}
a.deepblue.round,a.deepblue.round:hover,
a.deepblue.round:focus,
a.deepblue.round.focus,
a.deepblue.round:active,
a.deepblue.round.active,
a.deepblue.round:active:focus,
a.deepblue.round.active:focus 
a.deepblue.round:visited{color:#fff;  background:#394053; border-radius:30px;}

button.mint {color:#FFF; background:#60b1af;  border-radius: 2px; }
button.mint:hover,
button.mint:focus,
button.mint.focus,
button.mint:active,
button.mint.active,
button.mint:active:focus,
button.mint.active:focus 
button.mint:visited{color:#fff;  background:#60b1af; border-radius:2px;}
a.mint {color:#FFF; background:#55ada9;  border-radius: 2px; }
a.mint:hover,
a.mint:focus,
a.mint.focus,
a.mint:active,
a.mint.active,
a.mint:active:focus,
a.mint.active:focus 
a.mint:visited{color:#fff;  background:#60b1af; border-radius:2px;}

button.orange {color:#FFF; background:#e3724e;  border-radius: 2px; }
button.orange:hover,
button.orange:focus,
button.orange.focus,
button.orange:active,
button.orange.active,
button.orange:active:focus,
button.orange.active:focus 
button.orange:visited{color:#fff;  background:#e3724e; border-radius:2px;}
a.orange {color:#FFF; background:#0c285d;  border-radius: 2px; }
a.orange:hover,
a.orange:focus,
a.orange.focus,
a.orange:active,
a.orange.active,
a.orange:active:focus,
a.orange.active:focus 
a.orange:visited{color:#fff;  background:#e3724e; border-radius:2px;}
button.orange.round {color:#FFF; background:#e3724e;  border-radius: 30px; }
button.orange.round:hover,
button.orange.round:focus,
button.orange.round.focus,
button.orange.round:active,
button.orange.round.active,
button.orange.round:active:focus,
button.orange.round.active:focus 
button.orange:visited{color:#fff;  background:#e3724e; border-radius:30px;}
a.orange.round {color:#FFF; background:#e3724e; border-radius: 30px;  }
a.orange.round:hover,
a.orange.round:focus,
a.orange.round.focus,
a.orange.round:active,
a.orange.round.active,
a.orange.round:active:focus,
a.orange.round.active:focus 
a.orange.round:visited{color:#fff;  background:#e3724e; border-radius:30px;}

button.round ,
a.round { background:#9fd5e0; border-radius:30px; color:#002c35; padding:5px 10px;}
a, button { display: inline-block;  }

button.default, a.default {  padding:7px 12px; }
button.sxlg, a.sxlg { font-size:20px; padding:16px 18px;}
button.xlg, a.xlg { font-size:17px; padding:13px 18px;}
button.lg, a.lg { font-size:17px; padding:10px 15px; }
button.md, a.md { font-size:16px; padding:6px 15px;}
button.sm, a.sm  { font-size:14px; padding:5px 10px!important; }
button.xs, a.xs { font-size:12px; padding:3px 8px; letter-spacing:-1px;}

.CLP_board_wrap .el-button, .el-button {border:none; margin-left:3px;}
.el-button.default, .el-button a.default {  padding: 8px 12px; }
.el-button.sxlg, .el-button a.sxlg { font-size:20px; padding: 17px 18px;}
.el-button.xlg, .el-button a.xlg { font-size:17px; padding: 14px 18px;}
.el-button.lg, .el-button a.lg { font-size:17px; padding: 11px 15px; }
.el-button.md, .el-button a.md { font-size:16px; padding: 7px 15px;}
.el-button.sm, .el-button a.sm  { font-size:14px; padding: 7px 10px; }
.el-button.xs, .el-button a.xs { font-size:12px; padding: 4px 8px; letter-spacing:-1px;}
.el-pagination.is-background .el-pager li:not(.disabled).active {background-color:#606266;color: #FFF;}
/*button[type=button].default, a.default {  padding: 7px 12px; }
button[type=button].sxlg, a.sxlg { font-size:20px; padding: 16px 18px;}
button[type=button].xlg, a.xlg { font-size:17px; padding: 13px 18px;}
button[type=button].lg, a.lg { font-size:17px; padding: 10px 15px; }
button[type=button].md, a.md { font-size:16px; padding: 6px 15px;}
button[type=button].sm, a.sm  { font-size:14px; padding: 6px 10px; }
button[type=button].xs, a.xs { font-size:12px; padding: 3px 8px; letter-spacing:-1px;} el-button 때문에 정의 된것이나 게시판만 사용중이므로*/
/************테이블**********************/
 table { margin-bottom:10px;}
 table tr { padding:0px; margin:0;}
 table td { padding:0px; margin:0;}

.training-table {
    border-collapse: collapse;
    width: 1400px;
    min-width: 1200px;
}

.training-table th,
.training-table td {
    border: 1px solid #ccc;
    padding: 6px 10px;
    white-space: nowrap;
    text-align: center;
}

/* ✅ 헤더는 위쪽(세로)만 고정 */
.training-table thead th {
    position: sticky;
    top: 0;
    z-index: 3;
}

/* ✅ “성명” 헤더(첫 행의 첫 셀)만 좌측 고정 */
.training-table thead tr:first-child > th:first-child {
    position: sticky;
    left: 0;
    z-index: 4;           /* 다른 헤더보다 위 */
}

/* ✅ 본문 첫 번째 컬럼만 좌측 고정 */
.training-table tbody td:first-child {
    position: sticky;
    left: 0;
    background: #fff;
    z-index: 2;
}

/* (선택) 고정 컬럼 경계선 시각 보완 */
.training-table thead tr:first-child > th:first-child,
.training-table tbody td:first-child {
    box-shadow: 1px 0 0 #ddd; /* 오른쪽 경계 강조 */
    border-left: 1px solid #ccc;   /* 왼쪽 border */
    border-right: 1px solid #ccc;  /* 오른쪽 border */
}
table.blue th,
table.blue td{  font-family:"Malgun Gothic","맑은 고딕" ; font-size:15px; vertical-align:middle}

table.ac th,
table.ac td{ text-align:center;}
table caption.blind { display:none;}

table.al td{ text-align:left!important; padding:5px!important;}
table.blue caption {  border-radius:3px; margin:5px 0; padding:15px; font-size:0;  line-height:0; background:#757c83; width:100%; font-size:17px; color:#fff; text-align:center;  }
table.blue {background-color: #FFFFFF; border-width:1px; border-style: solid; border-color: #b4babe; border-collapse: collapse;}
table.blue tr {padding:0px; margin:0;}
table.blue tr:hover td { background:#f5f4f2; }
table.blue th { background-color:#dfeaef; border-width: 1px; border-style: solid; border-color: #acbbc7; color:#2f5166;  padding:5px; margin:0; text-align:center;  }
table.blue th.th { background-color:#f2f5f7; border-width: 1px; border-style: solid; border-color: #acbbc7; color:#2f5166;  padding:5px; margin:0; text-align:center;  }
table.blue th.purple { background-color:#ebe2e9; border-width: 1px; border-style: solid; border-color: #c3b0bf; color:#6d606a;  padding:5px; margin:0; text-align:center;  }
table.blue td {background-color: #FFFFFF; border-width: 1px; border-style: solid; border-color: #d1cfcc; padding:5px; margin:0; line-height:1.2rem; text-align:center;}
table.blue tr.bg td {background:#f2f5f7}

.wrap_table {padding:30px 0; position:relative; width:500px;}
.wrap_table > div {overflow:auto; height:153px; top:0 }
.wrap_table table {width:480px;}
.wrap_table table caption {height:0; overflow:hidden;}
.wrap_table table thead,
.wrap_table table tfoot {position:absolute; display:table;  width:480px;  border-bottom:1px solid #ccc;}
.wrap_table table thead {top:0;}
.wrap_table table tfoot {bottom:0;}
.wrap_table table th,
.wrap_table table td {text-align:center; border-right:1px solid #ccc; border-top:1px solid #ccc; height:30px; vertical-align:middle;}
.wrap_table table tr th:first-child,
.wrap_table table tr td:first-child {border-left:1px solid #ccc;}
.wrap_table table tbody tr:first-child td {border-top:0;}
.
.scroll_wrap { overflow:auto; height:70px; width:700px; padding:0; margin:0; position: relative;}
table.verticl_scroll { border: 0px; border-collapse: collapse; padding:0; margin:0;}
table.verticl_scroll th { position: absolute; top: 0px;  display:table; }
table.horizental_scroll { border: 0px; border-collapse: collapse; width:900px; padding:0; margin:0px; background:#000;}
table.horizental_scroll:before { content: "";position: absolute;left: 1px; bottom: 0; width: 1px; height: 100%; background-color: blue; z-index: 4;}
table.horizental_scroll th { position: sticky; left: 0px; }

table.sepia caption {  border-radius:3px; margin:5px 0; padding:15px; font-size:0;  line-height:0; background:#988a7e; width:100%; font-size:17px; color:#fff; text-align:center;  }
table.sepia {background-color: #FFFFFF; border-width:1px; border-style: solid; border-color: #b4babe; border-collapse: collapse;}
table.sepia tr {padding:0px; margin:0;}
table.sepia th { background-color:#ebe4da; border-width: 1px; border-style: solid; border-color: #b9b3ab; color:#4d3e28;  padding:5px; margin:0; text-align:center;  font-size:15px; }
table.sepia td {background-color: #FFFFFF; border-width: 1px; border-style: solid; border-color: #d1cfcc; padding:5px; margin:0; line-height:1.2rem;text-align:center; font-size:15px;}

table.manager caption {  border-radius:3px; margin:5px 0; padding:15px; font-size:0;  line-height:0; background:#988a7e; width:100%; font-size:17px; color:#fff; text-align:center;  }
table.manager {background-color: #FFFFFF; border-width:0px; border-style: solid; border-top:2px solid #6f748e; border-collapse: collapse; width:100%; }
table.manager tr {padding:0px; margin:0;}
table.manager th { background-color:#ecedef; border-bottom: 1px solid #aeaeae; color:#383d58;  padding:5px; margin:0; text-align:center;  font-size:15px; }
table.manager td {background-color: #FFFFFF; border-bottom: 1px solid #ccccd1; padding:5px; margin:0; line-height:1.2rem; text-align:left; font-size:15px;}

table.hnoline { margin-bottom:10px; border-left:none!important; border-right:none!important;}
table.hnoline tr { padding:0px; margin:0;}
table.hnoline th { text-align:center; line-height:16px; }
table.hnoline th:first-child { border-left:none!important;}
table.hnoline th:last-child {  border-right:none!important;}
table.hnoline td:first-child { border-left:none!important;}
table.hnoline td:last-child {  border-right:none!important;}
table a:link,table a:hover,table a:visited,table a:active  {color:#2884b3; text-decoration-color:#b1c9d5;}

table tr.bg_yellowred td { background-color:#fbefde!important;}

.tab_fixed { position:fixed; z-index:99999; width:935px;}
.CLP_nav_tab_wrap {padding:0; margin:0;}
.CLP_nav_tab { padding:0; margin:0 0 10px 0; display:table; table-layout: fixed; width:100%; border-right:1px solid #394053; }
.CLP_nav_tab li{  margin:0; padding:0px; width:100%; text-align:center; display:table-cell; vertical-align:middle; list-style:none; }
.CLP_nav_tab li a{  border-right:none; display:block; border-bottom:1px solid #3c548c; border-top:1px solid #394053; border-left:1px solid #394053;  padding:9px 5px 5px 5px; font-size:19px;  color:#394053; height:45px;width:100%; background:#fff;}
.CLP_nav_tab li a:hover,
.CLP_nav_tab li.on a:active,
.CLP_nav_tab li.on a:visited,
.CLP_nav_tab li.on a{ border:none; height:45px; width:100%; color:#fff; background:url(../images/common/tab_on.png) no-repeat center 39px #394053;  }
.CLP_nav_tab li.on + li a{ border-left:0}
.CLP_nav_tab:after { clear:both; display:block; content:""; }

.CLP_nav_stab { padding:0; margin:0 0 10px 0; display:table; table-layout: fixed; width:100%;  }
.CLP_nav_stab li{  margin:0; padding:0 2px 0 0; width:100%; text-align:center; display:table-cell; vertical-align:middle; border-radius:20px!important;  list-style:none;  }
.CLP_nav_stab li a{  border-top-left-radius:10px!important; border-top-right-radius:10px!important; border-right:none; display:block; border-bottom:1px solid #3c548c; border-top:1px solid #3d4a75; border-left:1px solid #3d4a75;  border-right:1px solid #3d4a75; 
width:100%; padding:8px 5px; font-size:17px;  color:#3d4a75; height:43px;  width:100%; background:#fff; border-collapse: collapse; }
.CLP_nav_stab li a:hover,
.CLP_nav_stab li.on a:active,
.CLP_nav_stab li.on a:visited,
.CLP_nav_stab li.on a{ border:none; height:43px; width:100%; color:#fff; background:url(../images/common/tab_on.png) no-repeat center 36px #3d4a75;  }
.CLP_nav_stab:after { clear:both; display:block; content:""; }

.CLP_nav_tab_wrap {padding:0; margin:0;}
.CLP_nav_imgtab { padding:0; margin:0 0 10px 0; display:table; table-layout: fixed; width:100%; border-right:1px solid #394053; }
.CLP_nav_imgtab li{  margin:0; padding:0px; width:100%; text-align:center; display:table-cell; vertical-align:middle;  list-style:none; }
.CLP_nav_imgtab li a{  border-right:none; display:block; border-bottom:1px solid #3c548c; border-top:1px solid #394053; border-left:1px solid #394053; 
width:100%; padding:13px 5px 8px 5px; font-size:19px;  color:#394053; width:100%; background:#fff;}
.CLP_nav_imgtab li a span{ display:inline-block; width:100%; }
.CLP_nav_imgtab li a:hover,
.CLP_nav_imgtab li.on a:active,
.CLP_nav_imgtab li.on a:visited,
.CLP_nav_imgtab li.on a{ border:none; padding:14px 5px 9px 5px; width:100%; color:#fff; background:url(../images/common/tab_on.png) no-repeat center bottom #394053;  }
.CLP_nav_imgtab li.on + li a{ border-left:0}
.CLP_nav_imgtab:after { clear:both; display:block; content:""; }

.bl_list{ padding:0px; margin:0; }
.bl_list li{padding:0 0 10px 10px!important; background:url(../images/common/bl_dot.jpg) left 10px no-repeat;  letter-spacing:-1px; }
.bl_list span{padding:0 5px 0 0; font-weight:bold; }
.none_bl_list{ padding:0px; }
.none_bl_list li{padding:0px!important;  background:none!important;}
.none_bl_list span{padding:0 5px 0 0; margin:0; font-weight:bold; }

/*******************CLP****************************/
.CLP_layout_1200W { max-width:1200px; margin:0 auto;}/*1200너비의 센터정렬만들기*/
.CLP_layout_1200W:after { clear:both; display:block; content:""; height:0;}
#HOME2020 { padding:0; margin:0; }
header { margin:0 auto; padding:0;  }

.HOME2020_gnb_wrap { margin:0 auto; padding:0;  border-bottom:2px solid #355a95; }
.HOME2020_gnb_wrap:after { clear:both; display:block; content:""; height:0;}
.HOME2020_gnb{ margin:0 auto; padding:0 0 0 0px; position:relative; z-index:1000; height:55px; min-width:320px; max-width:1200px; text-align:right;  }
.logo { margin:0; padding:0; position:absolute; left:5px; top:10px; z-index:2000;  }
.gnb { margin:0; padding:11px 0 0 0; text-align:center;  display:inline-block;    }
.gnb li { border-radius: 0px;  font-size:15px; position:relative; float:left; padding:0 6px; margin:0; text-align:center; vertical-align:middle; list-style:none; }
.gnb li::after { content: ""; position: absolute; top:50%; right: 0; border-right: 1px solid #ececec; transform: translateY(-50%); width: 1px; height: 14px; }
.gnb li a { color:#777676; margin:0; padding:10px;  font-size:15px; display:block; width:100%; border-radius:20px; height:35px;  }
.gnb li a:hover,.gnb li a:active{  color:#525252; font-weight:bold;  }
.gnb li a.orange { color:#fd8247;}

.gnb li.clp a{   margin:0;  padding:10px; color:#505765; border-right:1px solid #f0f0f0; }
.gnb li.clp a:hover,.gnb li.clp a:active{  background:#355a95; color:#fff; font-weight:normal;  }

.gnb li.nubija a{  margin:0;  padding:5px 45px; color:#505765;
background:url(../images/common/logo_nubija.png) no-repeat 50% 50%;}
.gnb li.nubija a span{ display:none;}
.gnb li.nubija a:hover,.gnb li.nubija a:active{ border:none; background:url(../images/common/logo_nubija_on.png) no-repeat 50% 50% #355a95; color:#fff; font-weight:normal; }

.gnb li.bcc a{ margin:0;  padding:10px; color:#505765;  font-size:15px;}
.gnb li.bcc a:hover,.gnb li.bcc a:active{  background:#355a95; color:#fff; font-weight:normal;  }
.gnb:after { clear:both; display:block; content:"";}

.gnb .user{ padding:5px 10px 0 0px; margin:0; font-weight:normal; height:41px;}
.gnb .user a{ padding:0px; margin:0; font-weight:normal; }
.gnb .user a:hover{ font-weight:normal;}
.gnb .user span{ padding:0; margin:0 5px 0 0; width:30px; height:30px; display:inline-block;
border-radius:30px; vertical-align:middle;}
.gnb .user .google { background:url(../images/login/google.jpg) no-repeat center 50%; background-size:15px; border:1px solid #d7d7d7;}
.gnb .user .naver { background:url(../images/login/naver.jpg) #40c429 no-repeat center 50%; background-size:12px;}
.gnb .user .kakao { background:url(../images/login/kakao.jpg) #ffeb04 no-repeat center 50%; background-size:14px;}
.gnb .user .facebook { background:url(../images/login/facebook.jpg) #405a94 no-repeat center 50%; background-size:8px;}
.gnb .user .lepopark { background:url(../images/login/icon_employ.png)#bcd8d8 no-repeat center 50%; background-size:16px;}
.gnb .user .employ { background:url(../images/login/icon_employ.png)#bcd8d8 no-repeat center 50%; background-size:16px;}
.gnb .user .racer { background:url(../images/login/icon_racer.png)#bcd8d8 no-repeat center 53%; background-size:18px;}
.gnb_sns { margin:0; padding:11px 0px 8px 10px;  display:inline-block;  }
.gnb_sns li{ text-align:center; float:left; vertical-align: middle; margin-right:10px; list-style:none; }
.gnb_sns li.insta a{   background:url(../images/common/icon_insta_off.png) no-repeat; display:block; width:26px; height:26px; background-size:100%;}
.gnb_sns li.youtube a{   background:url(../images/common/icon_youtube_off.png) no-repeat; display:block; width:26px; height:26px; background-size:100%;}
.gnb_sns li.facebook a{    background:url(../images/common/icon_facebook_off.png) no-repeat; display:block; width:26px; height:26px; background-size:100%;}
.gnb_sns li:last-child{  padding-right:0px;}

.gnb_sns:after { clear:both; display:block; content:"";}
.HOME2020_gnb:after { clear:both; display:block; content:""; height:0;}

.mobile_user { display:none; line-height:0; }
#HOME2020_head_layout:after { clear:both; display:block; content:""; height:0; }

nav { width:100%; padding:0; margin:0; z-index:999; position:relative;  }
#navigation_wrap { max-width:1200px; padding:0; margin:0 auto; text-align:right;}
#navigation_wrap:after { clear:both; display:block; content:""; height:0;}
#navigation_menu {  margin:0; bottom:0; padding:0px; display:inline-block; height:85px; width:95%; }
#navigation_menu li{ text-align:center; padding:0 30px 0 0; margin:0; float:left;  vertical-align:top;  list-style:none; }
#navigation_menu li a{ margin:0; vertical-align:middle; text-align:center; font-size:20px; font-weight:bold; letter-spacing:-1.2px; padding:30px 10px 20px 10px; height:80px; left:0; right:0; color:#252525!important; }
#navigation_menu li a:hover,
#navigation_menu li a:active,
#navigation_menu li a.on{ color:#2e5592!important;  border-bottom:3px solid #2e5592; margin-bottom:10px; }
#navigation_menu div.sub_menu_wrap { width:100%; position:absolute; top:80px; left:0; z-index:9999; left:0; right:0; background: #fff;  text-align:right;
border-top:1px solid #c2c2c2; border-bottom:1px solid #c2c2c2; box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.18); display:none; overflow:hidden; }

#navigation_menu li.one_depth.active > div.sub_menu_wrap { display:block;}
#navigation_menu .sub_menu_wrap .sub_menu_inner { padding:0; margin:0 auto; width:95%; min-width:320px; max-width:1250px;}
#navigation_menu div.sub_menu_wrap div { padding:0; margin:0 auto; position:relative; overflow:hidden;}
#navigation_menu div.sub_menu_wrap:after { clear:both; display:block; content:""; height:0;}

#navigation_menu div.sub_menu_wrap ul.sub_menu{ margin:0px 0 0 300px; height:100%; padding:0 0 3% 0;  border-left:1px solid #d8d8d8; min-height:300px;}
#navigation_menu div.sub_menu_wrap ul.sub_menu > li{ padding:3% 10px 0; margin:0; float:left; width:20%; text-align:left; background:#fff; position: relative;}
#navigation_menu div.sub_menu_wrap ul.sub_menu > li:before {position:absolute; top:0; right:0; border-left:1px solid #d8d8d8;  height:600px; content:''; box-sizing: border-box;}
#navigation_menu div.sub_menu_wrap ul.sub_menu > li:nth-child(5n+1){clear:both;}
#navigation_menu div.sub_menu_wrap ul.sub_menu > li a{ padding:10px 5px; margin:0; font-size:17px; color:#363636; text-align:left; height:auto; border-bottom:none; }

#navigation_menu div.sub_menu_wrap div.title_icon { padding:0; margin:0; position:absolute;  left:0px; top:0px; z-index:10000; width:300px; height:100%;  }
#navigation_menu div.sub_menu_wrap div.title_icon h2 { padding:0; margin:40px 0 0 0;  text-align:left; height:40px; }
#navigation_menu div.sub_menu_wrap div.title_icon h2 a,
#navigation_menu div.sub_menu_wrap div.title_icon h2 a:hover{ padding:0; margin:0;  height:30px; text-align:left; font-weight:bold; font-size:22px; color:#000!important; border:0; cursor:default; }
#navigation_menu div.sub_menu_wrap div.title_icon .cont { padding:0px; margin:0px;  font-size:15px; color:#355a95;  text-align:left; letter-spacing:-0.04em;}
#navigation_menu div.sub_menu_wrap ul.sub_menu.sbm00+div.title_icon { background:url(../images/common/bg_navi_title01.png) 0px 100px no-repeat!important;}
#navigation_menu div.sub_menu_wrap ul.sub_menu.sbm00+div.title_icon .cont:before { content: "혁신과 도전, 일류 창원레포츠파크 ";  text-align:right!important; line-height:23px;}
#navigation_menu div.sub_menu_wrap ul.sub_menu.sbm01+div.title_icon { background:url(../images/common/bg_navi_title07.png) 10px 110px no-repeat; }
#navigation_menu div.sub_menu_wrap ul.sub_menu.sbm01+div.title_icon .cont:before { content: "열린 시대, 열린 경영 "; line-height:23px;}
#navigation_menu div.sub_menu_wrap ul.sub_menu.sbm02+div.title_icon { background:url(../images/common/bg_navi_title07.png) 10px 110px no-repeat; }
#navigation_menu div.sub_menu_wrap ul.sub_menu.sbm02+div.title_icon .cont:before { content: "레포츠전문 공기업, 창원레포츠파크 "; line-height:23px;}
#navigation_menu div.sub_menu_wrap ul.sub_menu.sbm03+div.title_icon {background:url(../images/common/bg_navi_title04.png) 0px 110px no-repeat; }
#navigation_menu div.sub_menu_wrap ul.sub_menu.sbm03+div.title_icon .cont:before { content: "참여의 레이스, 동행의 레이스, 녹색의 레이스 "; line-height:23px;}
#navigation_menu div.sub_menu_wrap ul.sub_menu.sbm04+div.title_icon {  background:url(../images/common/bg_navi_title05.png) 20px 100px no-repeat;}
#navigation_menu div.sub_menu_wrap ul.sub_menu.sbm04+div.title_icon .cont:before { content: "인간의 힘으로만 질주하는, 감동의 레이스"; line-height:23px;}
#navigation_menu div.sub_menu_wrap ul.sub_menu.sbm05+div.title_icon {  background:url(../images/common/bg_navi_title06.png) 0px 100px no-repeat;}
#navigation_menu div.sub_menu_wrap ul.sub_menu.sbm05+div.title_icon .cont:before { content: " 미리 알아두면 더욱 즐거운 경주"; line-height:23px;}
#navigation_menu div.sub_menu_wrap ul.sub_menu.sbm06+div.title_icon { background:url(../images/common/bg_navi_title03.png) 30px 110px no-repeat;}
#navigation_menu div.sub_menu_wrap ul.sub_menu.sbm06+div.title_icon .cont:before { content: " 시민과 함께하는 창원레포츠파크 "; line-height:23px;}
#navigation_menu div.sub_menu_wrap ul.sub_menu.sbm07+div.title_icon { background:url(../images/common/bg_navi_title02.png) 30px 100px no-repeat;}
#navigation_menu div.sub_menu_wrap ul.sub_menu.sbm07+div.title_icon .cont:before { content: "공공기관이 자발적 또는 법령에 의해 보유하고 있는 정보를 배포, 공표하는 제도"; line-height:23px;}


#navigation_menu div.sub_menu_wrap ul.sub_menu ul.three_depth { padding:0; margin:5px 0px;  }
#navigation_menu div.sub_menu_wrap ul.sub_menu ul.three_depth li{ padding:0; margin:0; display:block; height:auto; text-align:left!important; width:100%;}
#navigation_menu div.sub_menu_wrap ul.sub_menu ul.three_depth li a{ padding:3px 5px; margin:0; font-size:15px; text-align:left; font-weight:normal; height:auto; width:100%; letter-spacing:-0.04em;   }
#navigation_menu div.sub_menu_wrap ul.sub_menu ul.three_depth li a:active,
#navigation_menu div.sub_menu_wrap ul.sub_menu ul.three_depth li a:hover{ padding:3px  5px; margin:0; font-size:15px; text-align:left; font-weight:normal; height:auto;
letter-spacing:-0.04em; background:#355a95; color:#fff!important; border-radius:2px;  }
#navigation_menu:after{ clear:both; display:block; content:""; }
#navigation_menu div.sub_menu_wrap ul:after{ clear:both; display:block; content:""; }

.btn_sitemap {padding:0; margin:30px 0 0 0px; float:right; width:5%; }
.sitemap_background { display:none; position:fixed; top:0; left:0; width:100%; height:100%; z-index:20000; background-color:rgba(0, 0, 0, .6); overflow:auto;}
#sitemap { padding:10px; margin:0; width:100%; background:url(../images/common/bg_sitemapgray.png) #51b6b2 bottom; background-size: cover!important;}
#sitemap .sitemap_head{ padding:10px 0 ; margin:0 auto;  min-width:320px; max-width:1200px;   position:relative;}

#sitemap .sitemap_head .sitemap_close{ padding:7px; margin:0 ; float:right;  position:absolute; right:0; background:#fff; bottom:3px; border-radius:0; }
#sitemap .sitemap_head h1 img{ padding:15px 0 20px 0; margin:0; width:18%; float:left; }
#sitemap .sitemap_head span{ padding:15px 0 0 200px; margin:0; display:inline-block;color:#ffffff; font-size:37px; letter-spacing:-1px; }
#sitemap .sitemap_head:after { clear:both; display:block; content:""; }
#sitemap .sitemap_wrap{ padding:20px; margin:0px auto; min-width:320px; max-width:1200px;  background:#fff;  position:relative; }
#sitemap .sitemap_wrap h2{ padding:5px 0 10px 0; margin:0; font-size:30px; border-bottom:3px solid #394053; color:#394053; }
#sitemap .sitemap_wrap .sitemap_menu { padding:0; margin:0; display:table; table-layout: fixed; width:100%; }
#sitemap .sitemap_wrap .sitemap_menu li{  padding:10px 5px 0 5px; margin:0; display:table-cell; border-right:1px dashed #e4e4e4; letter-spacing:-0.8px;  list-style:none; }
#sitemap .sitemap_wrap .sitemap_menu li:first-child{ padding-left:5px;}
#sitemap .sitemap_wrap .sitemap_menu li:last-child{ border-right:none; padding-right:5px;}
#sitemap .sitemap_wrap .sitemap_menu li span{  padding:0; margin:10px 0 0px 0; font-size:20px;  color:#000000;}
#sitemap .sitemap_wrap .sitemap_menu .sub_menu{ padding:0; margin:5px 0 0 0; display:table; table-layout: fixed; width:100%; border-top:1px solid #394053; color:#394053;  }
#sitemap .sitemap_wrap .sitemap_menu .sub_menu li{ padding:0; margin:0; display:table-row; width:100%; border-right:none; border-bottom:1px dashed #e4e4e4; }
#sitemap .sitemap_wrap .sitemap_menu .sub_menu li a{ padding:3px 0 3px 6px; margin:0; font-size:15px; font-weight:bold; color:#394053; background:url(../images/common/bl_square.jpg) no-repeat left 45%; }
#sitemap .sitemap_wrap .sitemap_menu .sub_menu .two_depth{  padding:10px 0; margin:0; display:table; table-layout: fixed; width:100%;   }
#sitemap .sitemap_wrap .sitemap_menu .sub_menu .two_depth li{ padding:5px 0; margin:0; display:table-row; width:100%; }
#sitemap .sitemap_wrap .sitemap_menu .sub_menu .two_depth li a{ padding:5px 15px 0px 10px; margin:0; font-size:14px; font-weight:normal; color:#707070; }
#sitemap .sitemap_wrap .sitemap_menu .sub_menu .three_depth{ padding:0 0 0 7px; margin:0; }
#sitemap .sitemap_wrap .sitemap_menu .sub_menu .three_depth li a{ background:none; padding:0; }
.sitemap_menu .exlink a[href ^="http://"],.sitemap_menu .exlink a[href ^="https://"],
.sitemap_menu .exlink a[href ^="http://"]:hover,.sitemap_menu .exlink a[href ^="https://"]:hover,
.sitemap_menu .exlink a[href ^="http://"]:active,.sitemap_menu .exlink a[href ^="https://"]:active,
.sitemap_menu .exlink a[href ^="http://"]:visited,.sitemap_menu .exlink a[href ^="https://"]:visited
{ background: url(../images/common/icon_newbrowser.png) right center no-repeat!important; padding-right:20px!important; width:auto!important;}


/***************************풋터*********************************/
footer { position:fixed; bottom:0; z-index:50; margin:0px 0 0 0;  padding:0px 0 80px 0; display:block; background:#40444c; text-align:center; /*font-family:'Malgun Gothic';*/ position:relative;}
#footer_wrap { margin:0; padding:0px 0;  }
#footer_wrap:after { clear:both; display:block; content:""; }
#footer_wrap .foot_top { border-bottom:1px solid #53565f; padding:0 0 50px 0; margin:0;}
#footer_wrap .foot_top:after { clear:both; display:block; content:""; }

.foot_top .footer_menu { margin:70px 0 0 0; padding:0; float:left; }
.foot_top .footer_menu li{ margin:0; padding:0; float:left;   list-style:none; }
.foot_top .footer_menu li a{ margin:0; padding:0 5px; color:#b7b7b7; display:inline-block;  font-size:15px;  }
.foot_top .footer_menu>li+li:before {padding: 0 5px; color:#646876; content: "|";}
.foot_top .footer_menu li:first-child a{ color:#ff91a3;  padding:0 5px 0 0; font-weight:bold; font-size:18px;}
.foot_top .footer_menu:after { clear:both; display:block; content:""; }

.foot_top .familysite_list { float:right; position:relative; margin-top:60px;  }
.foot_top p { text-align:left; padding:0px; margin:0; height:30px; width:150px; float:left; background:#fff; border-radius:3px;}
.foot_top p>a { width:100%; padding:5px; height:30px;  text-align:left; background:url(../images/common/family_site_arrow.gif) no-repeat 128px 13px; font-size:16px;}
.foot_top .familysite_list:after { clear:both; display:block; content:""; }
.familysite_list select { text-align:left; padding:7px; border-radius:3px; font-size:14px;}

#footer_wrap .foot_body { max-width:1200px; margin:0 auto; padding-top:20px; font-size:14px;}
#footer_wrap address { margin:0; padding:0;  text-align:left; font-size:14px; letter-spacing:-1px; float:left; color:#959595; letter-spacing:-1px; }
#footer_wrap .call{ padding:0 0 5px 0; margin:0;}
#footer_wrap .call:after { clear:both; display:block; content:""; }
#footer_wrap .call li{ float:left; margin:0 10px 0 0; padding:0; color:#959595;  list-style:none;  }
#footer_wrap .call li h3{ margin:0; padding:0 5px 0 0; display:inline-block;   text-align:justify;  font-size:14px;}
#footer_wrap .copyright {  margin:0 0 0 50px; padding:0; text-align:left; font-size:14px; float:left; color:#959595; }

.banner_wrap { background:#2c2f35; padding:20px; margin:0px;  }
.banner { padding:0; display:table;  }
.banner li{ padding:0 20px; height:60px; display:table-cell; vertical-align:middle; text-align:center;  }
.banner li img{ width:95%;}
.banner li:first-child{ padding-left:0; text-align:left; }
.banner li:last-child{ padding-right:0; text-align:right; }
.banner:after { clear:both; display:block; content:""; }

.top_move_wrap{  margin:0 auto; text-align:center; position: fixed;  bottom:50px; right:50px; z-index:999;  }
.top_move_wrap ul { padding:0; margin:0 }
.top_move_wrap ul li { padding:5px 0; margin:0;   list-style:none; }
.top_move { padding:11px 0 0 0; background:rgba(188,80,47,0.85); border-radius:50px; height:60px; width:60px;  text-align:center; }
.top_move img{ width:52%;  }

/* 서비스 정보가 없을 때*/
.s_info { padding:10px 0; margin:0; text-align:center; font-size:18px; }
.s_info span{ height:45px; width:45px!important;  display:inline-block; padding:0px; margin:0 10px 0 0;  
background:url(../images/common/icon_wowpoint.png) center 50% no-repeat #51b5b3;  background-size:10px; border-radius:35px;  vertical-align: middle;  }

/*서브페이지 내에서 주의관련 메세지*/
.message_wrap { margin:0 auto; padding:0; width:60%; }
.message_authority {text-align:center; padding:10px 0; margin:0;  }
.message_authority i{ text-align:center; background:url(../images/common/message_attention.png) no-repeat center 50%; 
width:110px; height:110px; display:inline-block; border:15px solid #ace1d7; border-radius:100px; }
.message_authority {font-size:25px; }

.table-responsive { min-height: .01%; overflow-x: auto;}
.col-half { width:49.5%;}

/*el dialog관련
.el-dialog { width:50%!important; }
.el-dialog__body { overflow: auto; height:600px!important; border:1px solid green;}*/
.el-dialog__body { height:auto;}

@media all and (max-width: 1204px) {

}
/* 타블렛 가로부터  */
@media only screen and (min-width: 1024px) and (max-width: 1200px) {
	.md_br{white-space: pre;}
	.CLP_inerWrap { width:100%; position:relative; margin:0 auto; padding-left:15px; padding-right:15px;}
	.CLP_inerWrap:after { clear:both; content:""; display:block;}
	.HOME2020_gnb{ max-width:1000px;}
	.logo img { width:200px;  }
	#navigation_wrap { width:100%; max-width:1000px; }
	#navigation_menu {  margin:0; bottom:0; padding:5px 0 0 0; display:inline-block; height:100px;}
	#navigation_menu li a{  padding:30px 5px 20px 5px; font-size:19px; height:90px; color:#fff; }
	#navigation_menu .sub_menu_wrap .sub_menu_inner { padding:0; margin:0 auto; width:95%; max-width:1000px; }
	#navigation_menu div.sub_menu_wrap ul.sub_menu{ margin:0px; padding:0 0 1% 0; }
	#navigation_menu div.sub_menu_wrap ul.sub_menu > li{ padding:1% 10px 0;}
	#navigation_menu div.sub_menu_wrap ul.sub_menu > li a{ padding:5px; margin:0; font-size:17px; }
	#navigation_menu div.sub_menu_wrap div.title_icon { width:0px; display:none }
	
	.CLP_layout_1200W { max-width:1000px; margin:0 auto;}
	.foot_top .footer_menu { width:85%; }
	.foot_top .footer_menu li{ padding:5px 0;  }
    .foot_top .footer_menu>li+li:before {padding: 0 1px}
    .foot_top .footer_menu li a{ padding:0px; padding: 0 1px }
    .foot_top .footer_menu li:first-child a { font-size: 17px;}
	#footer_wrap .foot_body { max-width:1000px; margin:0 auto; padding-top:20px; font-size:14px;}	
	
	.top_move_wrap{ bottom:10px; right:10px; }
	.top_move_wrap ul { padding:0; margin:0 }
	.top_move_wrap ul li { padding:5px 0; margin:0;   list-style:none; }
	.top_move { padding:11px 0 0 0; background:rgba(188,80,47,0.85); border-radius:50px; height:45px; width:45px;  text-align:center; }
	.top_move img{ width:52%;  }
	.el-dialog { width:80%!important;}
	.HOME2020_mobile_gnb{ display:none;}
}
/* 모바일 ~ 타블렛 */
@media (max-width:1023px) {

	/* ex: 배당률 테이블 복승, 쌍승식에서 1023이하 풀로 사용*/
	.col-full { width:100%!important;}
	.md_br{white-space: pre;}
	
	/*1023 메인은 86% */
	.CLP_inerWrap { width:100%; position:relative; margin:0 auto; padding-left:15px; padding-right:15px;}
	.CLP_inerWrap:after { clear:both; display:block; content:""; }	

	#HOME2020 { width:100%; }
	.HOME2020_gnb_wrap { margin:0 auto; padding:0; border-bottom:none;}
	.HOME2020_gnb{ margin:0 auto; padding:0px;  width:100%; height:55px; }
	.logo {  margin:0 auto; text-align:center;  padding:5px 0 0 0; top:0px; z-index:900; width:100%; }
	.logo img { width:180px;  }
    .gnb { display:none; }
	.gnb_sns { display:none;}
	.btn_sitemap { display:none;}
	/* 좌측 사이드바 배경 */
	.navigation-container { position:fixed; top:0; left:0;  width:100%; height:100%; background-color:rgba(0,0,0,0);
	visibility:hidden; transition:visibility .5s, background-color .5s;   z-index:1001;}
	.navigation-container.active { background-color:rgba(0,0,0,0.5); visibility:visible;}	
	#navigation_wrap  { width:500px; height:100%; overflow-y:scroll;  overflow-x:hidden; }
	#navigation_menu { background:#394053; margin:0; padding:0; width:200px; height:100%; position:absolute; left:0; top:160px; }
	#navigation_menu li{ list-style:none; display:block; width:200px; padding:0; margin:0; text-align:center;  }
	/* #navigation_menu .one_depth:hover > a{ background:#354fa1; padding:15px 0; height:50px; margin:0;  font-size:16px; font-weight:bold; letter-spacing:-1.2px; border:1px solid coral;}
	#navigation_menu .one_depth.active > a{ background:#354fa1; color:#fff!important; padding:15px 0; height:50px; margin:0;}	*/
	
	#navigation_menu li a{ margin:0; vertical-align:middle; text-align:center; font-size:16px; font-weight:bold; letter-spacing:-1.2px;	
	padding:15px 0; height:50px; margin:0; color:#fff!important; border-bottom:1px solid rgba(255,255,255,0.1); vertical-align:middle; display:block;}
	#navigation_menu .one_depth.active > a{ color:#fff!important; padding:15px 0; height:50px; margin:0; }
	#navigation_menu .one_depth a:hover{ background:#354fa1; border:0; color:#fff!important; margin:0;}	
	
	#navigation_menu .one_depth.active > div.sub_menu_wrap{ display: block; }	
	#navigation_menu div.sub_menu_wrap { position:absolute; left:200px; top:0; border-top:1px solid #c2c2c2; display:none; width:300px; background:#fff!important;}
	#navigation_menu .sub_menu_wrap .sub_menu_inner { padding:0; margin:0 auto; }	
	#navigation_menu div.sub_menu_wrap ul.sub_menu{ margin:0px 0 0 0px; height:100%; padding:0; width:300px; border-left:none; min-height:auto;}
	#navigation_menu div.sub_menu_wrap ul.sub_menu li{ padding:0; margin:0; width:100%; }
	#navigation_menu div.sub_menu_wrap ul.sub_menu li:before {position:relative; top:0; right:0; border-left:none;  height:auto;}
	#navigation_menu div.sub_menu_wrap ul.sub_menu li a{ padding:10px 10px; margin:0; font-size:16px; color:#363636!important; text-align:left; 
	height:auto; border-bottom:1px solid rgba(0,0,0,0.2);  background:#fff!important; }
	#navigation_menu div.sub_menu_wrap ul.sub_menu li:first-child a{ border-top:none;   }	
	#navigation_menu div.sub_menu_wrap div.title_icon {display:none;  }
	#navigation_menu div.sub_menu_wrap ul.sub_menu ul.three_depth { display:none; padding:0px; margin:0px; width:100%; background:#f5f5f5; }
	#navigation_menu div.sub_menu_wrap ul.sub_menu ul.three_depth li{ padding:5px 0 0 0; margin:0; display:block; height:auto;  }
	#navigation_menu div.sub_menu_wrap ul.sub_menu ul.three_depth li:last-child{ border-bottom:1px solid rgba(0,0,0,0.1); padding-bottom:5px;}
	#navigation_menu div.sub_menu_wrap ul.sub_menu ul.three_depth li a{ padding:4px 10px; margin:0; font-size:15px; text-align:left; font-weight:normal;
	height:auto; width:100%; letter-spacing:-0.04em; border:none; background:#f5f5f5!important; }
	#navigation_menu div.sub_menu_wrap ul.sub_menu ul.three_depth li a:active,
	#navigation_menu div.sub_menu_wrap ul.sub_menu ul.three_depth li a:hover{ text-decoration:#ecf3ff underline; text-underline-position : under; padding:4px 10px; margin:0; font-size:15px; text-align:left; font-weight:normal; height:auto; letter-spacing:-0.04em; background:#355a95!important; color:#fff!important; border-radius:2px; border:none;   }
	#navigation_menu div.sub_menu_wrap ul.sub_menu li.active ul.three_depth {display: block;} 
	
	/* 좌측 사이드바 */
	.left-side-bar { position:fixed; top:0; left:-250px; width:250px; height:100%; background-color:#ffffff; padding-top:40px; transition:left .5s; }
	.navigation-container.active > .left-side-bar {left:0;}
	/* 혼자가 아닌 a 에 +를 붙혀준다 */
	#navigation_menu li > a:not(:only-child)::after { content:"+"; float:right; padding-right:10px; color:#b1b1b1; }
	/* 엑티브가 있는 메뉴(펼쳐진 메뉴)에 a에 - 를 붙혀준다 */
	#navigation_menu li.active > a:not(:only-child)::after {content:"-"; color:#b1b1b1;}
	/*#navigation_menu li a:not{pointer-events:none;}*/
	.ico { position:fixed;  top:25px;  left:10px; width:27px;  height:20px; transform:translatey(-45%); cursor:pointer; z-index:2000;}
	.ico > div { position:absolute; top:0; left:0; width:100%; height:12.5%; background-color:#464d5e; border-radius:10px;}
	.ico > div:nth-child(2) { top:40%; transition:visibility 0s .15s;}
	.ico.active > div:nth-child(2) { visibility:hidden; transition:visibility 0s;}
	.ico > div:nth-child(3) { top:80%; }
	.ico > div:nth-child(1), .ico > div:nth-child(3) {transition:top .15s .15s, transform .15s;}
	.ico.active > div:nth-child(1), .ico.active > div:nth-child(3) { top:40%; transform:rotate(45deg); transition:top .15s, transform .15s .15s; background-color:#ffffff;}
	.ico.active > div:nth-child(3) { transform:rotate(-45deg);}	
	/* 아이콘 색 변화 */
	.ico[data-ico-now-animating="Y"] > div { background-color:#ffffff; }
	/*라이브러리 끝*/
	.home_link { /*display:inline-block; height:60px; width:82%; position:absolute; right:0; top:0; z-index:2001;*/ display:none;}
	/*.mobile_user:before { position: absolute; left: 0%; right:0; top: 0px; width: 50%; height:60px; margin:0 auto; content: " "; background:url(../images/common/logo.png) no-repeat center 50%; background-size:100%; }*/

	/* 모바일 좌측 사이드바 글로벌메뉴 2023.09.22 */
    .HOME2020_mobile_gnb { margin:0; padding:15px 10px; background: linear-gradient(135deg, #52adb3 0%,#52adb3 33%,#52adb3 33%,#6ab359 100%); height:160px;}
    .HOME2020_mobile_gnb h1{ padding:0;  margin:-8px 0 5px 0;  text-align:center; }
    .HOME2020_mobile_gnb h1 a{ padding:0; margin:0; }
    .HOME2020_mobile_gnb h1 img{ padding:0; margin:0; width:58%; text-align:center;}
    .mobile_gnb { margin:0 7% 0 11%; padding:0; width:82%; display:block;}
    .mobile_gnb li{ margin:1%; padding:0px 2%; border-radius:20px; float:left; border:1px solid #ffffff; width:48%; text-align:center; }
    /*.mobile_gnb li:nth-child(2n+1){clear:both;}*/
    .mobile_gnb li a{ margin:0; padding:4px 0px;  color:#ffffff; font-size:13px; font-weight:bold; letter-spacing:-1.5px; }
    .mobile_gnb li:last-child{ margin:0; padding:0;}
    .mobile_gnb:after{clear:both; content:""; display:block; }

    .mobile_user{  display:block; line-height:0;  visibility:hidden; line-height:1.2; width:80%; padding:0px; margin:7px 8% 0px 12%; border-radius:5px; background:#ffffff;}
	.mobile_user li { float:left; padding:5px; width:50%; text-align:center; }
	.mobile_user li.btn_logout { width:100%; }
	.mobile_user li a{ font-size:14px; }
	.mobile_user li::marker {color:rgba(0,0,0,0); font-size:0em;}
	.mobile_user li:first-child { border-right:1px solid #b5b5b5; }
	.mobile_user:after{clear:both; content:""; display:block; }
	.mobile_user.active { visibility:visible; }

	.CLP_layout_1200W { width:100%; margin:0 auto;  }/*1200너비의 센터정렬만들기*/
	.top_move_wrap{ bottom:20px; right:10px; z-index:999;  }
	.top_move { padding:7px 0 0 0; background:rgba(188,80,47,0.85); border-radius:30px; height:40px; width:40px; }	
	/*el 디알로그관련*/
	.el-dialog { width:90%!important;  font-size:13px!important; height:auto; }
	.el-dialog__header { padding:10px!important;}
	.el-dialog__title {line-height:20px; font-size:15px!important; color:#303133; font-weight:bold}
	.el-dialog__headerbtn {top:12px!important; right:12px!important;}
	.el-dialog__body { padding:10px!important; overflow: auto; height:auto; background:#fafafa; }
	.el-dialog__body>table th,.el-dialog__body>table td{ padding:2px; font-size:14px;}	
	/***************************풋터*********************************/
	footer { position:fixed; bottom:0; z-index:50; margin:0px;  padding:0 0 50px 0; display:block; background:#40444c;
	 text-align:center;  position:relative;  }
	#footer_wrap { margin:0; padding:0;  }
	#footer_wrap:after { clear:both; display:block; content:""; }
	#footer_wrap .foot_top { border-bottom:1px solid #53565f; padding:0; margin:0;}
	#footer_wrap .foot_top:after { clear:both; display:block; content:""; }
	.banner_wrap { background:#2c2f35; padding:10px; margin:0px; height:50px; width:100%;  overflow-x:auto; }
	.banner { padding:0; margin:0px; width:1080px; height:35px; float:none;}
	.banner li{ padding:0 2px 0 0; margin:0; height:35px; float:left; display:inline-block; vertical-align:middle; text-align:center;}
	.banner li a{ padding:0; margin:0; text-align:center; vertical-align:middle;}
	.banner li img{ width:80%; padding:0; margin:0; }
	.banner:after { clear:both; display:block; content:""; }
	.foot_top .footer_menu { margin:30px 0px; padding:0; float:left; width:70%;  }
	.foot_top .footer_menu li{ margin:0;  padding:2px 0; line-height:20px;  float:left; list-style:none;  text-align:left;  }
	.foot_top .footer_menu li a{ margin:0; padding:0px; color:#b7b7b7; display:inline-block; font-size:13px; font-weight:bold; letter-spacing:-1px; }
	.foot_top .footer_menu>li+li:before {padding:0px; margin:0; color:#646876; content:"";}
	.foot_top .footer_menu li:nth-child(2n+1) { width:50%; }
	.foot_top .footer_menu li:nth-child(2n) { width:50%; }
	.foot_top .familysite_list { float:right; position:relative; margin-top:30px;  }
    #footer_wrap .foot_body {width:100%; margin:0 auto;}
}

@media all and (max-width:768px){
	.s_blind {display:none!important;}
	#raceVideo > div > .el-dialog{ width:80%; }
    /* 3.22 바디 높이값 auto로 수정 */
    .el-dialog__body { height:auto; }
}
/* 모바일 사이즈*/

@media all and (max-width:431px)/*아이폰 고사양에 따라 421에서 430으로 수정*/{
	.xs_display { display:block!important;}/* 디스플레이 vs 디스플레이 none*/
	.xs_blind {display:none!important;}
	.xs_br{white-space: pre;}
	
	.CLP_board_wrap .el-button { border: none; }
	#raceVideo > div > .el-dialog{ width:80%; }
	.el-button.default, .el-button a.default {  padding: 7px 12px; }
	.el-button.sxlg, .el-button a.sxlg { font-size:17px; padding: 8px 15px;letter-spacing:-1px;}
	.el-button.xlg, .el-button a.xlg { font-size:16px; padding: 6px 10px;letter-spacing:-1px;}
	.el-button.lg, .el-button a.lg { font-size:15px; padding: 6px 8px;letter-spacing:-1px; }
	.el-button.md, .el-button a.md { font-size:14px; padding: 6px 7px;}
	.el-button.sm, .el-button a.sm  { font-size:13px; padding: 4px!important; }
	.el-button.xs, .el-button a.xs { font-size:13px; padding: 3px 3px!important; }
	/*el-button의 보더삭제로 패딩값 +1*/
	.el-pagination {padding:2px 5px; width:100%; margin:0 auto;}
	.el-pagination button, .el-pagination span:not([class*=suffix]) { min-width:auto;}
	.el-pagination.is-background .btn-next, .el-pagination.is-background .btn-prev, .el-pagination.is-background .el-pager li { margin: 0 3px; min-width:25px;}
	.el-pagination__jump, .el-pagination__total { display:none!important;}

	.CLP_inerWrap { width:100%!important; position:relative; margin:0 auto; padding-left:15px; padding-right:15px; }
	/*일반버튼정의*/
	button.default, a.default {  padding: 2px 5px; }
	button.sxlg, a.sxlg { font-size:17px; padding: 7px 15px;letter-spacing:-1px;}
	button.xlg, a.xlg { font-size:16px; padding: 5px 10px; letter-spacing:-1px;}
	button.lg, a.lg { font-size:15px; padding: 5px 8px;letter-spacing:-1px; }
	button.md, a.md { font-size:14px; padding: 5px 7px;}
	button.sm, a.sm{ font-size:13px; padding: 3px!important; }
	button.xs, a.xs  { font-size:13px; padding: 2px 3px!important; }

	#navigation_wrap  { width:360px; background:#f5f5f5;  }
	#navigation_menu, #navigation_menu li{ width:150px;}
	#navigation_menu div.sub_menu_wrap {left:150px;}
	#navigation_menu div.sub_menu_wrap ul.sub_menu{ width:210px;}
	#navigation_menu div.sub_menu_wrap ul.sub_menu li{ padding:0; margin:0; width:100%; }

	table.manager tr {padding:0px; margin:0;}
	table.manager td,table.manager td.ar {display:block; text-align:left!important}	
	.CLP_nav_tab { padding:0; margin:0 0 10px 0; display:table; table-layout: fixed; width:100%; border-right:1px solid #394053; }
	.CLP_nav_tab li{  margin:0; padding:0px; width:100%; text-align:center; display:table-cell; vertical-align:middle; list-style:none; }
	.CLP_nav_tab li a{ padding:10px 2px 5px 2px; font-size:14px; letter-spacing:-1.5px; height:40px;}
	.CLP_nav_tab li a:hover,
	.CLP_nav_tab li.on a:active,
	.CLP_nav_tab li.on a:visited,
	.CLP_nav_tab li.on a{ height:40px; width:100%; color:#fff; background:url(../images/common/tab_on.png) no-repeat center 34px #394053;  }
    
	.CLP_nav_imgtab { padding:0; margin:0 0 10px 0; display:table; table-layout: fixed; width:100%; border-right:1px solid #394053; }
	.CLP_nav_imgtab li{  margin:0; padding:0px; width:100%; text-align:center; display:table-cell; vertical-align:middle;  list-style:none; }
	.CLP_nav_imgtab li a{ padding:10px 0; font-size:13px; letter-spacing:-1px; height:100px;}
	.CLP_nav_imgtab li a span{ display:block; padding-bottom:10px;}
	.CLP_nav_imgtab li a span div{ width:50px; height:50px; margin:0 auto; padding:0; background-size:50%;}
	.CLP_nav_imgtab li a:hover,
	.CLP_nav_imgtab li.on a:active,
	.CLP_nav_imgtab li.on a:visited,
	.CLP_nav_imgtab li.on a{ padding:10px 0; border:none; font-size:13px; letter-spacing:-1px;}
	.CLP_nav_imgtab li.on + li a{ border-left:0}	
	/*서브페이지 내에서 주의관련 메세지*/
	.message_wrap { margin:0 auto; padding:0; width:80%;}
	.message_authority {text-align:center; padding:10px 0; margin:0;  }
	.message_authority i{ background-size:30%; width:70px; height:70px; border:10px solid #ace1d7;}
	.message_authority {font-size:18px; }     
	.foot_top .footer_menu { margin:60px 0px 20px 0px; padding:0;  width:100%;}
	.foot_top .footer_menu li{ margin:0;  float:left; list-style:none; width:100%;   text-align:left;}
	.foot_top .footer_menu li a{ margin:0; padding:0px; color:#b7b7b7; display:inline-block; font-size:13px; font-weight:bold; letter-spacing:-1px; }
	.foot_top .footer_menu>li+li:before {padding:0px; margin:0; color:#646876; content:"";}
	.foot_top .footer_menu li:nth-child(2n+1) { width:40%; }
	.foot_top .footer_menu li:nth-child(2n) { width:60%; }
	.foot_top .familysite_list {display:block; text-align:left; position:absolute; top:20px; padding:0; margin:0 }
	#footer_wrap .call { width:100%; }
	#footer_wrap .copyright { width:100%; text-align:center;  margin:0; padding:5px 0 0 0 }
	#footer_wrap address { text-align:center; float:none; }
}


 /* 모바일 사이즈*/
 @media all and (max-width:320px){
  #navigation_wrap  { width:310px; }
  #navigation_menu, #navigation_menu li{ width:140px;}
  #navigation_menu div.sub_menu_wrap {left:140px;}
  #navigation_menu div.sub_menu_wrap ul.sub_menu{ width:170px;}
  #navigation_menu div.sub_menu_wrap ul.sub_menu ul.three_depth li a,
  #navigation_menu div.sub_menu_wrap ul.sub_menu ul.three_depth li a:active,
  #navigation_menu div.sub_menu_wrap ul.sub_menu ul.three_depth li a:hover{ font-size:14px;}
  .call, .address, .copyright{font-size:13px;}
 }

 @media all and (min-width: 1200px) {
  /*정보공개 메뉴 축소로 인해 디자인 보완 21.06.24
  #navigation_menu div.sub_menu_wrap ul.sub_menu.sbm05 { margin:0px 0 0 450px;}
  #navigation_menu div.sub_menu_wrap ul.sub_menu.sbm05 > li{ padding:3% 10px 0; margin:0; float:left; width:27%; text-align:left; background:#fff; position: relative;}
  #navigation_menu div.sub_menu_wrap ul.sub_menu.sbm05+div.title_icon { width:450px;} */
  .HOME2020_mobile_gnb{ display:none;}

 }