@charset "utf-8";

/****************************************/
/*  Name : 모바일 웹사이트
/*  PART : RESET STYLE
/*  Version : 1.0
/*  Author : BLUEWEBD™, SADY™
/****************************************/

/* basis Selector */
/* * {-webkit-text-size-adjust:none; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} */
* {-webkit-text-size-adjust:none;}
html {width:100%; height:100%; }
body {width:100%; height:100%; /*-webkit-touch-callout:none;*/ -webkit-overflow-scrolling:touch;}
body, p, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, table, th, td, form, fieldset, legend, input, textarea, button {margin:0; padding:0;}
/*body, input, select, div, textarea, table, button, pre {font-size:14px; font-family: Helvetica, AppleGothicNeoSD, Apple SD 산돌고딕 Neo, SDGothicNeo, 산돌고딕 Neo, "맑은 고딕", "Malgun Gothic", Dotum, "돋움", sans-serif; color:#666;}*/
body, input, select, div, textarea, table, button, pre {font-size:16px;font-family:Arial, Helvetica, "맑은 고딕", "Malgun Gothic", Dotum, "돋움", sans-serif;color:#666;}
table {width:100%; border:0; border-spacing:0px; border-collapse:collapse;}
html:first-child select {padding-right:6px;} /* Opera 9 & Below Fix */
option {padding-right:6px;} /* Firefox Fix */
img, fieldset, button {vertical-align:middle; border:0;}
img {width:100%;}
ul, ol {list-style:none;}
em, address {font-style:normal;}
hr {display:none; visibility:hidden;}
/* legend, caption{overflow:hidden;padding:0;font-size:0;line-height:0;border:0;} */
legend, caption{overflow:hidden;padding:0;font-size:2px;line-height:0;border:0;text-indent:-9999px}

table caption p{display:inline}

input, textarea, button {line-height: 1.2; vertical-align: middle;  border:1px solid #d7d7d7; -webkit-appearance:none; -webkit-box-sizing:border-box; -webkit-border-radius:0; border-radius:0; box-shadow:0}
textarea.textarea{border:1px solid #d7d7d7; height:110px; line-height:16px; padding:10px; text-align:left;}

/* div.textArea{background:#fff; border:1px solid #d7d7d7; clear:both; margin:0; padding:10px 18px 10px 10px;}
div.textArea textarea{background:none; color:#666; width:100%; height:100px; border:none;} */

textarea, button { border:none;}
input[type="checkbox"],input[type="radio"] { margin:0; padding:0; vertical-align:middle; width:13px; height:13px; line-height:13px;}
input[type="radio"]  {border:none}
input[type="file"] {width:98%; border:none}
input[type="search"] {width: 100%; font-size: 13px; height: 38px; line-height: 38px; text-indent:5px;}
input[type="text"] {height: 38px; line-height: 38px; text-indent:7px;}
input[type="search"]:focus, input[type="text"]:focus, select:focus {border-color:#0078C8;}
label {cursor:pointer;}
a {text-decoration:none;color:#666;}
a:hover, a:active, a:focus{text-decoration:none;}
input.readonly{background:#eee}
input.readonly:focus{border-color:#d7d7d7;}

/* *:focus {outline:0}
div:focus, a:focus, input:focus,p:focus {outline:0} */

/* 시스템 select 라인 및 화살표 안보임 
select{height:30px; padding:4px; vertical-align:middle; font-size:14px; color:#444; border:1px solid #d7d7d7; -webkit-appearance:none;border:0;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:0;-webkit-border-radius:0;box-shadow:0}
*/
select{background:#fff url(/mbw/images/common/ico_uiselect.png) no-repeat; /*background-color:transparent;*/ background-size:20px 250px; background-position:98% -198.75px; height:30px; padding:0 18px 0 4px; vertical-align:middle; font-size:13px; color:#444; border:1px solid #d7d7d7; line-height:28px; -webkit-appearance:none; -webkit-box-sizing:border-box;box-sizing:border-box;border-radius:0;-webkit-border-radius:0;box-shadow:0}
/*
.skipNavi a{position:absolute;top:-100px;left:0;width:100%;text-align:center;background-color:#2b4e9b;color:#fff;z-index:1000;}
.skipNavi a:before{content:'　';}
.skipNavi a:focus, .skipNavi a:active{top:0;}
*/
.skipNavi {position:absolute;z-index:9999;width:100%;text-align:center}
.skipNavi a {display:block;overflow:hidden;width:1px;height:1px;margin-bottom:-1px;text-align:center;color:#fff;white-space:nowrap}
.skipNavi a:focus,
.skipNavi a:active {width:auto;height:auto;padding:5px;background:#0989cb}

.skipTable a{position:absolute; opacity:0;text-align:center;background-color:#2b4e9b;color:#fff;z-index:0;cursor: default;}
.skipTable a:before{content:'　';}
.skipTable a:focus{z-index:1000; opacity:1;}

/*
::-webkit-scrollbar {
-moz-appearance: none;
-ms-appearance: none;
-webkit-appearance: none;
appearance: none;
display: none;
}*/
small {display:inline-block;}
.pFixedT50 {position:fixed; top:50px; left:0; width:100%; z-index:15;}
.chartTable{margin-top:30px}
.chartBtn a{width:0px; height:0px; display:block; overflow:hidden; line-height:0;}
.chartBtn a:focus{width:auto; padding:5px; border:1px solid #ddd; height:auto; display:inline-block; font-size:12px; line-height:12px;}
/****************************/
/* Common Style             */
/****************************/
.hands {cursor:pointer !important;}
/* .hide {position:absolute; display:block; height: 0; width: 0; font-size: 2px; line-height: 0; margin: 0; padding: 0; overflow:hidden;}
.hide {color:transparent;vertical-align:middle;opacity:0;display:block; height:0; width:0; font-size: 2px;letter-spacing:-50px;}*/
.hide {color:transparent;vertical-align:middle;display:block;overflow:hidden;width:1px;height:1px;margin-bottom:-1px;text-align:center;white-space:nowrap;font-size:1px;}
/*.blind{position:absolute !important; z-index:-1 !important; height:0 !important; width:0 !important; padding:0 !important; margin:0 !important; font-size:0 !important; line-height:0 !important;border:0 !important; overflow:hidden !important;}*/
.blind{position:absolute !important; display:block !important; height:0 !important; width:0 !important; font-size:2px !important; line-height:0 !important; margin:0 !important; padding:0 !important; overflow:hidden !important;}
caption:before, legend:before, .hide:before{content:'　';}
a:before{position:fixed; color:transparent;content:'　';vertical-align:middle;opacity:0;letter-spacing:-50px}
.fixed {table-layout:fixed;} /* table사이즈를 고정 */
.txt_break {
	/* word-break:break-all !important;word-wrap:break-word !important; */
	word-wrap: break-word !important; /* Internet Explorer 5.5+ */
	white-space: pre-wrap !important; /* css-3 */
	white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
	white-space: -pre-wrap !important; /* Opera 4-6 */
	white-space: -o-pre-wrap !important; /* Opera 7 */

	} /* td 안에 텍스트 줄바꿈을 시켜줍니다 */

.txt_nowrap {white-space:nowrap;} /* 줄바꿈 없음 */
.ls_m01 {letter-spacing:-1px;} /* Letter spacing */
.ls_nm {letter-spacing:normal !important;}
.fs_13{font-size:13px !important;}

/* 상승,하락,보합 */
.up{color:#d60031}
.down{color:#0039b5}
.noChange{color:#000}

/* clear class */
.clear {clear:both !important;}
.clfix:after {content:'　'; display:block; height:0px; clear:both; visibility:hidden;}
.clfix {display:inline-block;}
.clfix {display:block;}
* html .clfix {height:1%;} /* hides from ie-mac */
.clfix {zoom:1;} /*for ie 5.5-7*/


/* ALIGN */
.c {text-align:center !important;}
.l {text-align:left !important;}
.r {text-align:right !important;}
.alJ {text-align:justify !important;}

.vaT {vertical-align:top !important;}
.vaM {vertical-align:middle !important;}
.vaB {vertical-align:bottom !important;}
.vapx {vertical-align:-1px !important;}

.fl{float:left !important}
.fr{float:right !important}

/* TEXT COLOR */
.pointBl {color:#0078C8 !important}
.point {color:#e13200 !important}
/*position*/
.posR{position:relative !important}
.posA{position:absolute !important}
.posS{position:static !important}

/*letter-spacing*/
.lsp0{letter-spacing: 0 !important}
.dispB{display:block !important}
.dispIB{display:inline-block !important}
.dispN{display:none !important}

/*color*/

.c_000{color:#000 !important}
.c_999{color:#999 !important}
.c_888{color:#888 !important}
.c_777{color:#777 !important}
.c_666{color:#666 !important}
.c_555{color:#555 !important}
.c_444{color:#444 !important}
.c_333{color:#333 !important}
.c_bl{color:#0059c6 !important}
.c_bl1{color:#218BCC !important}
.c_bl2{color:#00d7ec !important}
.c_bl3{color:#1e6aa0 !important}
.c_c1{color:#c1c1c1 !important}
.c_rd{color:#dc0000 !important}
.c_or{color:darkorange !important}
.c_or2{color:#dc3900 !important}
.c_gd{color:#C18807 !important}
.c_ye{color:#febf3d !important}
.c_fff{color:#fff !important}
.c_pink{color:#FF685B !important}
.c_grn{color:#005a59 !important}
.c_grn1{color:#0b8e8c !important}

/*bgc*/
.bg_none{background :none !important}
.bgm_none{background-image:none !important}
.bgc_none{background-color:none !important}
.bgc_fff{background-color:#fff !important}
.bgc_f9{background-color:#f9f9f9 !important}
.bgc_f2{background-color:#f2f2f2 !important}
.bgc_ea{background-color:#eaeaea !important}
.bgc_d{background-color:#ddd !important}
.bgc_ee{background-color:#d8e9ff !important}

.bgc_bl1{background-color:#d8e9ff !important}
.bgc_bl{background-color:#1476d9 !important}
.bgc_pink{background-color:#FF685B !important}

/* 여백 */
.mat0{margin-top:0px !important}
.mat5{margin-top:5px !important}
.mat10{margin-top:10px !important}
.mat20{margin-top:20px !important}
.mat30{margin-top:30px !important}
.mat40{margin-top:40px !important}
.mab10{margin-bottom:10px !important}
.mab20{margin-bottom:20px !important}
.mab30{margin-bottom:30px !important}
.mab40{margin-bottom:40px !important}
.mal10{margin-left:10px !important}
.mal15{margin-left:15px !important}
.mal20{margin-left:20px !important}
.mal25{margin-left:25px !important}
.mar10{margin-right:10px !important}
.mar15{margin-right:15px !important}
.mar20{margin-right:20px !important}
.mar25{margin-right:25px !important}

@media screen and (max-width:480px){
}
@media (min-width: 768px) {
}