@charset "utf-8";
@import url("/_Css/tpl.pagecharge.css");
@import url("/_Css/tpl.twidepop.css");

/* 상단 와이드 팝업 설정 */

/* 새창팝업 스타일 설정 */

/* 새창 팝업 */
.pop_wrap {background:#fff;}
.pop_head {display:block;position:fixed;top:0px;width:100%;z-index:6100;}
.pop_head {background:#00a5a7 url('/_Img/Common/pop_head_bg.gif') no-repeat right 0;height:70px;}
.pop_wrap span.close {width:70px;height:70px;position:fixed;right:0;top:0;z-index:6200;background:rgba(0,0,0,0.4);}
.pop_wrap span.close button, .pop_wrap span.close a {display:block;padding:25px 25px 25px 28px;border:0;background:none;}
.pop_head .pop_title {font-size:23px;letter-spacing:-1px;font-weight:bold;color:#fff;display:inline-block;padding:1.1em 20px 1.1em 30px;}
.pop_head .pop_title .tit {padding-left:15px;}
.pop_foot {display:block;position:fixed;bottom:0px;width:100%;z-index:5000;background:#282828;}
.pop_foot {height:15px;overflow:hidden;display:none;}
.pop_foot span{height:15px;overflow:hidden;display:block;}
.pop_cont {z-index:6000;padding:90px 15px 30px 20px;position:relative;}
.pop_cont .cont_top h3 {font-size:11px !important;color:#AAA;font-weight:normal;}

/*레이어 팝업 */
.pop_winWrap {height:100%;width:100%;border:1px solid #444;box-shadow:3px 3px 15px rgba(33,33,33,0.5);position:relative;display:block;}
.pop_winWrap .pop_winTop {height:70px;background:#00a5a7 url('/_Img/Common/pop_head_bg.gif') no-repeat right 0;width:100%;color:#FFF;border-bottom:0px solid #56a6b0;position:relative;display:block;}
.pop_winWrap .pop_title { position:absolute;top:50%;left:15px; font-size:1.231em;height:20px;margin-top:-10px;color:#fff; font-weight:bold;}
.pop_winWrap .pop_winTop .pop_close {position:absolute;top:50%;margin-top:-15px;height:30px;;right:10px;}

.pop_winWrap .pop_winTop button {background:transparent url('/_Img/Common/sbtn_close.gif') no-repeat center center;border:0;margin:0;padding:0;width:30px;height:30px;display:block;overflow:hidden;}
.pop_winWrap .pop_winTop button span {display:inline-block;padding-left:9999em;white-space:nowrap;}

.pop_winWrap .pop_winFoot  {background:#BBBBBB;width:100%;display:block;text-align:center;position:absolute;bottom:0px;left:0px;height:15px;}
.pop_winWrap .pop_winBody {padding:0px 2px 0px 0px;overflow-y:auto;display:block;position:relative;box-sizing:border-box;max-width:100%;max-height:100%}
.pop_winWrap .pop_winBody .resv {text-align:center;padding-top:30px}
.pop_winWrap .pop_winBody .resv .tit {font-size:22px;font-weight:bold;letter-spacing:-1px;margin:15px 0;color:#0e5d86;line-height:1;}
.pop_winWrap .ifrmBody {overflow-y:hidden;}
.pop_winWrap .pop_body {position:relative;display:block;padding-bottom:15px;}
.pop_winWrap .pop_body:after {clear:both;content:"";display:block;}
.pop_winWrap .cont_top {display:none;}
.pop_winWrap .contents {position:relative;display:block;}
.pop_winWrap .pop_close {width:70px;height:70px;}
.pop_windoc_box .popErrorBox {background:#FFF;border-radius:15px;width:100%;height:100%;}

/* -------- 모달팝업 -------- */
.modal-wr {position:fixed;width:100%;height:100%;left:0;top:0;background:rgba(0, 0, 0, .5);z-index:9999}
.modal-wr.ovf .modal-core {overflow-y:scroll;overflow-x:hidden}
.modal-wr.ovf .modal-core .modal-closer {bottom:auto;top:0;background:rgba(0, 0, 0, .2)}
.modal-wr .modal-core {position:absolute;z-index:2;max-width:566px;opacity:0;transition:all .3s ease}
.modal-wr .modal-core .modal-closer {display:block;position:absolute;width:50px;height:50px;right:0;bottom:100%;border:0;background:none;transition:all .3s ease}
.modal-wr .modal-core .modal-closer:before,
.modal-wr .modal-core .modal-closer:after {content:"";display:block;position:absolute;width:80%;height:3px;top:0;right:0;bottom:0;left:0;margin:auto;background:#fff}
.modal-wr .modal-core .modal-closer:before {transform:rotate(45deg)}
.modal-wr .modal-core .modal-closer:after {transform:rotate(-45deg)}
.modal-wr .modal-core .modal-closer:focus,
.modal-wr .modal-core .modal-closer:hover {transform:rotate(90deg)}
.modal-wr .modal-core img {display:block;width:100%}
.modal-wr .modal-bg {position:absolute;width:100%;height:100%;left:0;top:0;cursor:pointer;z-index:1}
@media all and (max-width:767px) {
	.modal-wr .modal-core .modal-closer {width:40px;height:40px}
}
@media all and (max-width:400px) {
	.modal-wr .modal-core .modal-closer {width:30px;height:30px}
}

/* 인쇄미리보기 */
@media print {
	.header-wrap-abs, #subtop-wr, #subNavi-wrap, #sprod-search-wr, #footer-wrap, #cont-navi-wrap {display:none;}
	#container-wrap, #contents-wrap #contents {padding:0;width:700px;}
}

/* 메인공통 애니메이션 */
@keyframes cs_ani {
	0%,100% {transform:rotateZ(0deg);-webkit-transform:rotateZ(0deg);}
	10%, 30%, 50%, 70%, 90% {transform:rotateZ(-5deg);-webkit-transform:rotateZ(-5deg);}
	20%, 40%, 60%, 80% {transform:rotateZ(5deg);-webkit-transform:rotateZ(5deg);}
}
@-webkit-keyframes cs_ani {
	0%,100% {transform:rotateZ(0deg);-webkit-transform:rotateZ(0deg);}
	10%, 30%, 50%, 70%, 90% {transform:rotateZ(-5deg);-webkit-transform:rotateZ(-5deg);}
	20%, 40%, 60%, 80% {transform:rotateZ(5deg);-webkit-transform:rotateZ(5deg);}
}

/* -------- 투자정보 > 주가정보 ~ 재무정보 : http://symtec.icts21.com/kor/index.php?pCode=balance -------- */
/* -- 공통 -- */
.krxAPI-wr .mPkg-wr {display:none}
.krxAPI-wr .mPkg-wr .c-tab02 {margin:20px 0 10px}
.krxAPI-wr .mPkg-wr .tabBodyBox {}
.krxAPI-wr .mPkg-wr .tabBodyBox > div {display:none}
.krxAPI-wr .mPkg-wr .tabBodyBox > div.over {display:block}
.krxAPI-wr .tbl-NumUnit {display:block;text-align:right;padding:0 0 5px}
.krxAPI-wr table {width:100%;}
.krxAPI-wr table .col1 {width:200px;}
.krxAPI-wr table .col2 {width:auto;}
.krxAPI-wr table .col3 {width:auto;}
.krxAPI-wr table .col4 {width:auto;}
.krxAPI-wr table .col5 {width:auto;}
.krxAPI-wr table .col6 {width:auto;}
.krxAPI-wr table .col7 {width:auto;}
.krxAPI-wr table thead tr th {background:#fafafa}
.krxAPI-wr table tbody tr th,
.krxAPI-wr table tbody tr td {padding:10px;font-weight:400}
.krxAPI-wr table tbody tr td {text-align:right}
.krxAPI-wr .c-tab02 ul li {width:25%;margin:0;padding:0}
.krxAPI-wr .c-tab02 ul li a {font-size:14px}
.krxAPI-wr .c-tab02 ul li a span {display:inline-block;padding:10px 0}
.krxAPI-wr .c-tab02 ul li a span:after {transform:rotate(90deg)}
.krxAPI-wr .c-tab02 ul li.over a span:after {display:none}
.krxAPI-wr .yearSelector {font-size:0;margin:0 0 10px}
.krxAPI-wr .yearSelector span,
.krxAPI-wr .yearSelector select {display:inline-block;vertical-align:middle;line-height:1;font-size:18px}
.krxAPI-wr .yearSelector span {}
.krxAPI-wr .yearSelector select {padding:0 10px;margin:0 0 0 10px}
.krxAPI-wr .btnBox {margin:20px 0 0}
.krxAPI-wr .btnBox.num1 {}

/* -- 투자정보 > 주가정보 -- */
.krxAPI-wr.juga .krx-stock-info {position:relative}
.krxAPI-wr.juga .krx-stock-info .krx-stock-grph {position:absolute;right:0;top:0}
.krxAPI-wr.juga .krx-stock-info .krx-stock-tbl {margin:0}
.krxAPI-wr.juga .stockTbl-wr {overflow-x:auto}
/*.krxAPI-wr.juga .stockTbl-wr #stockInfo {min-width:600px}*/
.krxAPI-wr.juga .c-tab01 {margin:40px 0 30px}
.krxAPI-wr.juga #viewInfoTbl1 table {min-width:100%}
.krxAPI-wr.juga #viewInfoTbl2 {display:none}
.krxAPI-wr.juga #viewInfoTbl2 table {min-width:700px}
.krxAPI-wr.juga #viewInfoTbl3 {display:none}
.krxAPI-wr.juga #viewInfoTbl3 table {min-width:600px}
.krxAPI-wr.juga #viewInfoTbl4 {display:none}
.krxAPI-wr.juga #viewInfoTbl4 table {min-width:1000px}
.krxAPI-wr.juga #stockTab {display:block;}

/* -- 투자정보 > 공시정보 -- */
.krxAPI-wr.gongsi table {min-width:500px}
.krxAPI-wr.gongsi table tbody tr td {text-align:center}
.krxAPI-wr.gongsi table a {position:relative}
.krxAPI-wr.gongsi table a[target="_blank"] {padding-right:15px}
.krxAPI-wr.gongsi table a[target="_blank"]:after {content:"";display:block;position:absolute;width:10px;height:10px;background:url(/_Img/Content/tab_spr.png) no-repeat -60px -52px;right:0;top:50%;margin:-5px 0 0}
.krxAPI-wr.gongsi table a:focus,
.krxAPI-wr.gongsi table a:hover {text-decoration:underline}
@media all and (max-width:1100px) {
	/* -- 투자정보 > 주가정보 -- */
	.krxAPI-wr.juga .krx-stock-info .krx-stock-grph {position:relative;left:auto;right:auto;top:auto;text-align:center}
	.krxAPI-wr.juga .krx-stock-info .krx-stock-tbl {margin:0}

	/* -- 투자정보 > 재무정보 > 재무상태표[연도별, 분기별] & 손익계산서[연도별, 분기별] -- */
	.krxAPI-wr.hasBarGraph .graph-data-lbls {margin:20px 50px 10px 100px}
	.krxAPI-wr.hasBarGraph .graph-data-lbls li {width:33.33%;margin:0 0 10px;text-align:left}
}
@media all and (max-width:999px) {
	/* -- 공통 -- */
	.krxAPI-wr table .col1 {width:135px;}
	.krxAPI-wr table th,
	.krxAPI-wr table td {font-size:15px;letter-spacing:-.05em}

	/* -- 투자정보 > 주가정보 -- */
	.krxAPI-wr.juga .c-tab01 {margin:30px 0 10px}

	/* -- 투자정보 > 재무정보 > 재무상태표[연도별, 분기별] & 손익계산서[연도별, 분기별] -- */
	.krxAPI-wr.hasBarGraph .graph-canvas .data-wr .data .bar {width:12px;margin-left:2px}
}
@media all and (max-width:770px) {
	/* -- 투자정보 > 주가정보 -- */
	.krxAPI-wr.juga .c-tab01 ul li.over a span:after {display:none}

	/* -- 투자정보 > 재무정보 > 재무상태표[연도별, 분기별] & 손익계산서[연도별, 분기별] -- */

	/* -- 투자정보 > 재무상태표 -- */
	.krxAPI-wr.jaemu #stockTabInfo #viewInfoTbl1 {display:none}
	.krxAPI-wr.jaemu .mPkg-wr {display:block}

	/* -- 투자정보 > 손익계산서 -- */
	.krxAPI-wr.sonik #stockTabInfo #viewInfoTbl1 {display:none}
	.krxAPI-wr.sonik .mPkg-wr {display:block}
}

/*FROM SITE CODE :  
*/