@charset "utf-8";

/* Font */
@font-face {
font-family: 'NanumGothic';
src: url('/tpl/webfont/NanumGothic.eot');
src: url('/tpl/webfont/NanumGothic.eot?#iefix') format('embedded-opentype'),
url('/tpl/webfont/NanumGothic.woff') format('woff'),
url('/tpl/webfont/NanumGothic.ttf') format('truetype');

}

/*Defalut */
* {margin:0; padding:0}
body, td, th, div, span, input, select, textarea { font-family: 'NanumGothic','나눔고딕'; font-size: 12px;color:#7c7b7b; line-height:16px; }
body {height:100%; overflow-y:scroll; *overflow-y:; -webkit-text-size-adjust:none;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,form,fieldset,p,button,span,table,th,td,textarea {margin:0;padding:0;}
h1,h2,h3,h4,h5,h6 {font-weight:normal;}
ul,ol,dl,dd,dt,li {list-style-type:none;}
img,th,td,fieldset,iframe { border:0; }
img {border:0;vertical-align:top;outline:none}
table,tbody,tfoot,thead,tr,th,td {border-collapse:collapse;}
textarea { border:1px solid #d1d1d1; height:120px; }
input,select,label { vertical-align:middle; }

html,body {height:100%;}
a{color:#797979;text-decoration:none;font-size:13px;line-height:1.267em}
a:hover{color:#33666E;text-decoration:none;}


/*Left Menu*/
#navi {clear:both; width:205px;}
.navi_main {width:205px;}

#navi a {text-decoration: none !important;}
#navi .navi_main ul li.navi_main_obj {display: block; width: 197px; text-indent: 24px; border-top: 1px solid #2b575d; border-bottom: 1px solid #578288; background: url(/images/kor02-14-0067/common/ico_m_arrow.png) no-repeat 174px 12px;}
#navi .navi_main ul li.navi_main_obj > a {display: block; height: 38px; line-height: 38px; color: #fff; font-size: 15px; font-weight: 600; letter-spacing: -1px;}
#navi .navi_main ul li.navi_main_obj._on {background-image: url(/images/kor02-14-0067/common/ico_m_arrow_on.png); background-color: #fff;}
#navi .navi_main ul li.navi_main_obj._on > a {color: #4d7e85;}

#navi .navi_main ul li.navi_main_obj:first-child {border-bottom: none;}

#navi .navi_main ul li.navi_main_obj ul.navi_sub {display: none; position:relative; background-color:#72a2a4; padding:10px 8px; width:181px;}
#navi .navi_main ul li.navi_main_obj._on ul.navi_sub {display: block;}

#navi .navi_main ul li.navi_main_obj ul.navi_sub li a { display: block; height: 24px; line-height: 24px; font-size: 13px; font-weight: 600; color: #fff; text-indent: 18px; }
#navi .navi_main ul li.navi_main_obj ul.navi_sub li a:before { content: ''; position: relative; display: inline-block; top: -2px; width: 4px; height: 4px; background-color: #fff; margin-right: 5px; line-height: 24px; }
#navi .navi_main ul li.navi_main_obj ul.navi_sub li a:hover {background-color: #2d666f; color: #edff2b;}
#navi .navi_main ul li.navi_main_obj ul.navi_sub li a:hover:before {background-color: #edff2b;}


#navi .navi_main ul li.navi_main_obj ul.navi_sub2 {display: none; position:relative; background-color:#72a2a4; padding:10px 8px; width:171px;}
#navi .navi_main ul li.navi_main_obj._on ul.navi_sub2 {display: block;}

#navi .navi_main ul li.navi_main_obj ul.navi_sub2 li a { display: block; height: 24px; line-height: 24px; font-size: 13px; font-weight: 600; color: #fff; text-indent: 18px; }
#navi .navi_main ul li.navi_main_obj ul.navi_sub2 li a:before { content: ''; position: relative; display: inline-block; top: -2px; width: 4px; height: 4px; background-color: #fff; margin-right: 5px; line-height: 24px; }
#navi .navi_main ul li.navi_main_obj ul.navi_sub2 li a:hover {background-color: #2d666f; color: #edff2b;}
#navi .navi_main ul li.navi_main_obj ul.navi_sub2 li a:hover:before {background-color: #edff2b;}