@charset "utf-8";
i{font-style:normal}
.break{display:block;} /*  데스크탑 : block -> 모바일화면 : inline*/
.plump{}	/*  데스크탑 : 속성없음 -> 모바일화면 : block */
.block{display:block}	/*  데스크탑 : block -> 모바일화면 : block */
.plump{display:block}
.block{display:block}

.m-none{display:none}
.break{display:inline}



/* 스킵네비게이션 */
#skipNavi {height:0;}
#skipNavi .skipLink {position:absolute;top:-1000px;left:-1000px;overflow:hidden;z-index:5000;}
#skipNavi .skipLink:focus, #skipNavi .skipLink:active {top:0;left:0;padding:10px 20px;background:#1e64ba;color:#fff;}

.ov{overflow:hidden}


/*타이틀*/
.u-tit01{position:relative; margin-bottom:17px;text-align:left; font-size:24px; font-weight:bold; color:#333;}
.u-tit02{position:relative; margin-bottom:17px;text-align:left; font-size:24px; font-weight:bold; color:#333;}
.u-tit03{position:relative; margin-bottom:17px;text-align:left; font-size:24px; font-weight:bold; color:#333;}

.u-tit01{font-size:17px;}




/* 검정라인 */
.bw-btn, .bb-btn, .br-btn{display:inline-block; vertical-align:top;  font-size:15px; font-weight:600;text-align:center; -webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}

/* 회색라인 */
.bw-btn.full{display:block; min-width:auto; }
.bw-btn{color:#444;border:1px solid #dfdfdf; background:#f4f6f9; min-width:110px;}
.bw-btn span{display:inline-block; vertical-align:top; line-height:48px;}

/* 검정배경 버튼*/
.bb-btn{color:#fff;background:#4d4d4d; border:1px solid #4d4d4d; min-width:110px;}
.bb-btn span{display:inline-block; vertical-align:top; line-height:48px;}


/* 빨강배경 버튼*/
.br-btn{ color:#fff;border:1px solid #c62828;background:#c62828; min-width:110px;}
.br-btn span{display:inline-block; vertical-align:top; line-height:48px;}



.bb-btn, .br-btn{min-width:130px;}
.bb-btn span, .br-btn span{line-height:38px;}



/* line */
.bd-line{height:1px; background:#eaeaea; display:block; margin:30px 0}


/* table */
.tbl-info{color:#555; font-size:14px; letter-spacing:-0.02em; font-weight:400; margin-bottom:15px;}

.tbl-type01 {border-collapse:collapse;border-spacing:0px;table-layout:fixed;width:100%;clear:both;text-align:center;}
.tbl-type01 th, .tbl-type01 td { font-size:15px;border:1px solid #dadada;border-top:1px solid #333;border-right:0;word-wrap:break-word;}
.tbl-type01 th:first-child, .tbl-type01 td:first-child {border-left:0;}
.tbl-type01 thead th {padding:16px 5px;border-top:0; background:#938870;font-weight:500; color:#fff ; border-left:none; position:relative;}
.tbl-type01 thead th:after{width:1px ;height:14px; background:rgba(255,255,255,0.6); display:block; content:""; position:absolute; left:0; top:50%; margin-top:-7px}
.tbl-type01 thead th:first-child:after{display:none;}
.tbl-type01 thead th.vline {border-bottom:1px solid #dadada;}
.tbl-type01 tbody th{background:#f4f6f9;color:#333; font-weight:600;}
.tbl-type01 tbody td {padding:14px 5px; color:#666;font-weight:300;border-left:1px solid #dadada;}
.tbl-type01 th.line, .tbl-type01 td.line {border-right:1px solid #dadada;}
.tbl-type01 th.l, .tbl-type01 td.l, .tbl-type01 td.left {padding-left:10px;}
.tbl-type01 th.r, .tbl-type01 td.r, .tbl-type01 td.right {padding-right:10px;}






/* 라디오 ,체크박스, 셀렉트 */
.radio-box{display:inline-block; margin-right:15px;vertical-align:top;}
.radio-box input[type="radio"]{ display:none;}
.radio-box label{position:relative; padding-left:20px; font-size:14px ; color:#222; line-height:16px;}
.radio-box label:after{width:12px; height:12px; position:absolute; border-radius:100%; left:0; top:2px ;border:1px solid #bdbdbd; display:block; content:""}
.radio-box input[type="radio"]:checked + label:before{ position:absolute; width:8px; height:8px; background:#c62828; border-radius:100%; left:3px; top:5px; display:block; content:""}

.check-box{display:inline-block; margin-right:10px;vertical-align:top;}
.check-box input[type="checkbox"]{ display:none;}
.check-box label{position:relative; padding-left:20px; font-size:14px ; color:#222; line-height:13px;}
.check-box label:after{width:13px; height:13px; position:absolute;  left:0; top:4px ; display:block; content:""; border:1px solid #dadada}
.check-box input[type="checkbox"]:checked +  label:after{background:url(../_Img/Sub/check-on.png) no-repeat center center}
.check-box input[type="checkbox"]:checked +  label{color:#222}


.select-box{position:relative;border:1px solid #ccc; display:inline-block;vertical-align:top;background:#fff;}
.select-box:after{background:url(../_Img/Sub/select-arrow01.png) no-repeat center center; position:absolute; width:20px; height:10px; position:absolute; right:3px; top:50%;margin-top:-5px; display:block; content:""}
.select-box select{cursor:pointer;font-size:13px; color:#888; font-weight:300; height:35px;text-indent:2px; -webkit-appearance:none; -moz-appearance:none;background:none; appearance:none;border:none; width:100%; margin:0; padding:0;}
.select-box select::-ms-expand{display:none;}


/* tab */
.u-tab01{overflow:hidden;margin: 0 0 20px 0;border-bottom:1px solid #333;}
.u-tab01 li{float:left;width:160px;margin-left:-1px;}
.u-tab01 li:first-child{margin-left:0}
.u-tab01 li a{position:relative;display:block; text-align:center;background:#fff;border:1px solid #dfdfdf; border-bottom:none !Important ;line-height:48px; font-weight:600; color:#444; font-size:14px; letter-spacing:-0.02em;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
.u-tab01 li.active a{background:#333;  color:#fff; }
.u-tab01 li{width:33.4333333%;}



.u-tab02{overflow:hidden; margin:0 0 40px 0;position:relative; padding-bottom:2px;}
.u-tab02:after{background:#dfdfdf; width:1px ;height:47px; position:absolute; right:0; top:0; display:block; content:""; z-index:3}
.u-tab02:before{background:#dfdfdf; width:1px ;height:47px; position:absolute; left:0; top:0; display:block; content:""; z-index:3}
.u-tab02 li{float:left;width:150px;margin-left:0; z-index:2; position:relative;}
.u-tab02 li:after{background:#dfdfdf; width:1px ;height:47px; position:absolute; left:-1px; top:0; display:block; content:""}
.u-tab02 li.active{z-index:5}
.u-tab02 li a{position:relative;display:block;  text-align:center;background:#fff;border-top:1px solid #dfdfdf; line-height:48px; font-weight:400; color:#444; font-size:14px; letter-spacing:-0.02em;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
.u-tab02 li a:after{background:#333; width:100%; height:2px; position:absolute; left:0; bottom:0;display:block; content:""; }
.u-tab02 li.active a:after{background:#fff; width:100%; height:2px; position:absolute; left:0; bottom:0;display:block; content:""; }
.u-tab02 li.active a{background:#fff;  color:#333;border-left:1px solid #333;border-top:1px solid #333;border-right:1px solid #333 }
.u-tab02 li.active:after{display:none;}




.u-tab03{overflow:hidden; margin:0 0 0 0;border-bottom:1px solid #333 ;position:Relative;}
.u-tab03:after{background:#dfdfdf; width:1px ;height:49px; position:absolute; right:0; top:0; display:block; content:""; z-index:3}
.u-tab03:before{background:#dfdfdf; width:1px ;height:49px; position:absolute; left:0; top:0; display:block; content:""; z-index:3}
.u-tab03 li{float:left;width:20%; position:relative; height:49px}
.u-tab03 li:first-child{margin-left:0}
.u-tab03 li a{position:relative;display:block; text-align:center;border-left:none; border-top:1px solid #dfdfdf ;line-height:48px; font-weight:600; color:#444; font-size:14px; letter-spacing:-0.02em;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
.u-tab03 li a:after{background:#dfdfdf; width:1px ;height:48px; position:absolute; top:0; left:0; display:block; content:""}
.u-tab03 li.active{z-index:5}
.u-tab03 li.active a{background:#333;  color:#fff; border-top:1px solid #333}
.u-tab03 li.active a:after{display:none;}





.u-tab04{overflow:hidden; margin:0 0 0 0;border-bottom:1px solid #333 ;position:Relative;}
.u-tab04:after{background:#dfdfdf; width:1px ;height:58px; position:absolute; right:0; top:0; display:block; content:""; z-index:3}
.u-tab04:before{background:#dfdfdf; width:1px ;height:58px; position:absolute; left:0; top:0; display:block; content:""; z-index:3}
.u-tab04 li{float:left;width:33.3333%; position:relative; height:58px}
.u-tab04 li:first-child{margin-left:0}
.u-tab04 li a{position:relative;display:block; text-align:center;border-left:none; border-top:1px solid #dfdfdf ;line-height:58px; font-weight:600; color:#444; font-size:18px; letter-spacing:-0.02em;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
.u-tab04 li a:after{background:#dfdfdf; width:1px ;height:58px; position:absolute; top:0; left:0; display:block; content:""}
.u-tab04 li.active{z-index:5}
.u-tab04 li.active a{background:#333;  color:#fff; border-top:1px solid #333}
.u-tab04 li.active a:after{display:none;}
.u-tab04 li a span.week{display:inline-block; vertical-align:top; padding-right:35px; background:url(../_Img/Sub/chart-arrow.png) no-repeat right center;}

.u-tab04 li{ height:38px;}
.u-tab04 li a{height:38px; line-height:36px; font-size:13px;}
.u-tab04 li a:after{height:38px}
.u-tab04 li:nth-child(1){width:23%;}
.u-tab04 li:nth-child(2){width:54%;}
.u-tab04 li:nth-child(3){width:23%;}

.u-tab04 li a span.week{background-size:15px auto; padding-right:20px;}

.u-tab04 li:nth-child(1){width:21%;}
.u-tab04 li:nth-child(2){width:58%;}
.u-tab04 li:nth-child(3){width:21%;}



.b-tab01{overflow:hidden; margin:0 0 0 0;border-bottom:1px solid #333 ;position:Relative;}
.b-tab01:after{background:#dfdfdf; width:1px ;height:49px; position:absolute; right:0; top:0; display:block; content:""; z-index:3}
.b-tab01:before{background:#dfdfdf; width:1px ;height:49px; position:absolute; left:0; top:0; display:block; content:""; z-index:3}
.b-tab01 ul{border-top:1px solid #dfdfdf}
.b-tab01 li{float:left;width:20%; position:relative; height:49px;border-bottom: 1px solid #e5e5e5;}
.b-tab01 li:first-child{margin-left:0}
.b-tab01 li a{position:relative;display:block; text-align:center;line-height:48px; font-weight:600; color:#444; font-size:14px; letter-spacing:-0.02em;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
.b-tab01 li a:after{background:#dfdfdf; width:1px ;height:48px; position:absolute; top:0; left:0; display:block; content:""}
.b-tab01 li.over{z-index:5}
.b-tab01 li.over a{background:#333;  color:#fff; border-top:1px solid #333}
.b-tab01 li.over a:after{display:none;}

.b-tab01 .btn-prev{background:url(../_Img/Sub/page-ctrl.png) no-repeat -46px center; border:none; text-indent:-9999px; width:32px; height:50px ;border:1px solid #dfdfdf}
.b-tab01 .btn-next{background:url(../_Img/Sub/page-ctrl.png) no-repeat -85px center; border:none; text-indent:-9999px; width:32px; height:50px ;border:1px solid #dfdfdf}


.b-tab02{overflow:hidden; margin:0 0 40px 0;position:relative; padding-bottom:2px;}
.b-tab02:after{background:#dfdfdf; width:1px ;height:47px; position:absolute; right:0; top:0; display:block; content:""; z-index:3}
.b-tab02:before{background:#dfdfdf; width:1px ;height:47px; position:absolute; left:0; top:0; display:block; content:""; z-index:3}
.b-tab02 ul:before{background:#dfdfdf; width:100%; height:1px; position:absolute; left:0; top:0;display:block; content:"";z-index:3 }
.b-tab02 ul:after{background:#333; width:100%; height:2px; position:absolute; left:0; bottom:0;display:block; content:"";z-index:3 }
.b-tab02 li{float:left;width:150px;margin-left:0; z-index:2; position:relative;}
.b-tab02 li:after{background:#dfdfdf; width:1px ;height:47px; position:absolute; right:0; top:0; display:block; content:""}
.b-tab02 li.over{z-index:5}
.b-tab02 li a{position:relative;display:block;  text-align:center;background:#fff; line-height:48px; font-weight:400; color:#444; font-size:14px; letter-spacing:-0.02em;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
.b-tab02 li.over a:after{background:#fff; width:100%; height:2px; position:absolute; left:0; bottom:0;display:block; content:""; }
.b-tab02 li.over a{background:#fff;  color:#333;border-left:1px solid #333;border-top:1px solid #333;border-right:1px solid #333 }
.b-tab02 li.over:after{display:none;}
.b-tab02 .btn-prev{background:url(../_Img/Sub/page-ctrl.png) no-repeat -46px center; border:none; text-indent:-9999px; width:32px; height:49px ;border:1px solid #dfdfdf}
.b-tab02 .btn-next{background:url(../_Img/Sub/page-ctrl.png) no-repeat -85px center; border:none; text-indent:-9999px; width:34px; height:49px ;border:1px solid #dfdfdf}


.b-tab01 li a{font-size:13px; border-top:none;font-weight:600;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;  padding:0 8px}

.b-tab01 li:last-child a:before{background:#dfdfdf; width:1px ;height:48px; position:absolute; top:0; right:0; display:block; content:""}



.b-tab01 li a{font-size:12px; }



/* 페이징 */
.paging-wrap{font-size:0px; text-align:center; display:block; position:relative;}
.paging-wrap.no-bd a.ctrl , .paging-wrap.no-bd li a{border:none !important}
.paging-wrap.no-bd li a.active, .paging-wrap li a.active:hover{background:none !important;color:#c62828 !important}
.paging-wrap.no-bd li a:hover{background:none !important}

.paging-wrap a.ctrl{display:inline-block;/* margin: 0 5px; */vertical-align:top;text-decoration: none;width:38px;height:38px;font-size: 13px;color: #212121;text-align:center;/* border:1px solid #dadada; */line-height:38px;font-weight:400;}
.paging-wrap li, .paging-wrap ul{display:inline-block; vertical-align:top;}
.paging-wrap li a{display:block;/* margin:0 1px; *//* margin: 0 2px; */position:relative;text-decoration: none;width:38px;height:38px;font-size:14px;color:#666;text-align:center;/* border:1px solid #dadada; */line-height:38px;font-weight:400;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
.paging-wrap li a.active, .paging-wrap li a.active:hover{color:#fff;background: #212121;/* border:1px solid #c62828; */border-radius: 50%;}

/*
.paging-wrap a.first{background:url(../_Img/Sub/page-ctrl.png) no-repeat 0 0; }
.paging-wrap a.prev{background:url(../_Img/Sub/page-ctrl.png) no-repeat -42px 0}
.paging-wrap a.next{background:url(../_Img/Sub/page-ctrl.png) no-repeat -81px 0}
.paging-wrap a.last{background:url(../_Img/Sub/page-ctrl.png) no-repeat -122px 0; border-right:1px solid #dadada;}
*/

.paging-wrap a.ctrl{/* width:26px; */height:22px;line-height:26px;background-size:120px auto !Important;}
.paging-wrap li a{/* display: block; */width: 24px;height: 24px;line-height: 24px;font-size: 13px;}

.paging-wrap a.first{background-position:-1px 0}
.paging-wrap a.prev{background-position:-33px 0}
.paging-wrap a.next{background-position:-61px 0}
.paging-wrap a.last{background-position:-92px 0}

.ch-tab01{overflow:hidden; margin:0 0 0 0;border-bottom:1px solid #333 ;position:Relative;}
.ch-tab01:after{background:#dfdfdf; width:1px ;height:49px; position:absolute; right:0; top:0; display:block; content:""; z-index:3}
.ch-tab01:before{background:#dfdfdf; width:1px ;height:49px; position:absolute; left:0; top:0; display:block; content:""; z-index:3}
.ch-tab01 ul{border-top:1px solid #dfdfdf}
.ch-tab01 li{float:left;width:14%; position:relative; height:49px;border-bottom: 1px solid #e5e5e5;}
.ch-tab01 li:first-child{margin-left:0}
.ch-tab01 li a{position:relative;display:block; text-align:center;line-height:48px; font-weight:600; color:#444; font-size:14px; letter-spacing:-0.02em;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
.ch-tab01 li a:after{background:#dfdfdf; width:1px ;height:48px; position:absolute; top:0; left:0; display:block; content:""}
.ch-tab01 li.over{z-index:5}
.ch-tab01 li.over a{background:#333;  color:#fff; border-top:1px solid #333}
.ch-tab01 li.over a:after{display:none;}


/* 87parkjw */
.chart .content-wrap .bts .btn-group button.btn-style {height: 43px; font-size: 15px; font-weight: bold; padding: 0px; text-align: -webkit-center;}
.chart .content-wrap .bts .btn-group button.active {background-color: #d32f2f; color: white; border: 1px solid #d32f2f;}

.chart .content-wrap .bts .btn-group button.btn-style img.btn-img {display: table-row;}

@media (max-width: 667px) {
	.chart .content-wrap .bts .btn-group button.btn-style {font-size: 12px; white-space: normal;}
	.chart .content-wrap .bts .btn-group button.btn-style img {width: 72px; height: auto;}
}