﻿@font-face {
    font-family: 'NanumSquare';
    src: url(../font/NanumSquareR.eot);
    src: url(../font/NanumSquareR.eot?#iefix) format('embedded-opentype'), url(../font/NanumSquareR.woff) format('woff'), url(../font/NanumSquareR.ttf) format('truetype');
}





@font-face {
    font-family: 'notokr-black';
    src: url('../font/notokr-black.eot');
    src: url('../font/notokr-black.eot?#iefix') format('embedded-opentype'), url('../font/notokr-black.woff2') format('woff2'), url('../font/notokr-black.woff') format('woff'), url('../font/notokr-black.ttf') format('truetype'), url('../font/notokr-black.svg#notokr-black') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'notokr-bold';
    src: url('../font/notokr-bold.eot');
    src: url('../font/notokr-bold.eot?#iefix') format('embedded-opentype'), url('../font/notokr-bold.woff2') format('woff2'), url('../font/notokr-bold.woff') format('woff'), url('../font/notokr-bold.ttf') format('truetype'), url('../font/notokr-bold.svg#notokr-bold') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'notokr-demilight';
    src: url('../font/notokr-demilight.eot');
    src: url('../font/notokr-demilight.eot?#iefix') format('embedded-opentype'), url('../font/notokr-demilight.woff2') format('woff2'), url('../font/notokr-demilight.woff') format('woff'), url('../font/notokr-demilight.ttf') format('truetype'), url('../font/notokr-demilight.svg#notokr-demilight') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'notokr-light';
    src: url('../font/notokr-light.eot');
    src: url('../font/notokr-light.eot?#iefix') format('embedded-opentype'), url('../font/notokr-light.woff2') format('woff2'), url('../font/notokr-light.woff') format('woff'), url('../font/notokr-light.ttf') format('truetype'), url('../font/notokr-light.svg#notokr-light') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'notokr-medium';
    src: url('../font/notokr-medium.eot');
    src: url('../font/notokr-medium.eot?#iefix') format('embedded-opentype'), url('../font/notokr-medium.woff2') format('woff2'), url('../font/notokr-medium.woff') format('woff'), url('../font/notokr-medium.ttf') format('truetype'), url('../font/notokr-medium.svg#notokr-medium') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'notokr-regular';
    src: url('../font/notokr-regular.eot');
    src: url('../font/notokr-regular.eot?#iefix') format('embedded-opentype'), url('../font/notokr-regular.woff2') format('woff2'), url('../font/notokr-regular.woff') format('woff'), url('../font/notokr-regular.ttf') format('truetype'), url('../font/notokr-regular.svg#notokr-regular') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'notokr-thin';
    src: url('../font/notokr-thin.eot');
    src: url('../font/notokr-thin.eot?#iefix') format('embedded-opentype'), url('../font/notokr-thin.woff2') format('woff2'), url('../font/notokr-thin.woff') format('woff'), url('../font/notokr-thin.ttf') format('truetype'), url('../font/notokr-thin.svg#notokr-thin') format('svg');
    font-weight: normal;
    font-style: normal;
}




/* 전체메뉴보기 */
.tm {padding:0 20px 0 20px;}

input {line-height:20px}
/* UI Object */

input.w400 {width:400px}
input.w300 {width:300px}
input.w200 {width:200px} 
input.w100 {width:100px}
input.w50 {width:50px}
/* //UI Object */

input.basic { height:14px; border:1px solid #ccc; padding:2px 5px 0 5px; }
select.basic { height:18px; }
select { height: 28px;}
.search_box{text-align:left;}
.search_box span {color:#fff;font-weight:bold;font-size:16px;}

.search_input{display:inline;text-align:left;width:300px; *display:inline; *zoom:1; padding-right:18px}
.search_input span {color:#fff;font-weight:bold;font-size:16px;}

.i_dsc{display: inline;}
.i_dsc img{vertical-align:middle;}
.h400{height:400px}
nav.search{margin-top:20px;text-align:center;}
nav.search img {vertical-align:middle;padding: 0 5px}
/*input.all_search_input{height:28px;width:250px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;border:3px solid #d84632;-webkit-appearance:none}수정전*/
input.all_search_input{height:18px;width:250px;border:1px solid #abadb3;-webkit-appearance:none;font-size:14px;text-align:left;line-height:18px}
input.all_search_input:focus{outline:none}
.input_type {border:1px solid #abadb3;height:18px;border:1px solid #abadb3;-webkit-appearance:none;font-size:14px;text-align:left;line-height:18px}
/* jsSelect loose (dohoons, 201011) */
.hide { width:0; height:0; margin:0; padding:0; visibility:hidden; font-size:0; line-height:0; position:absolute; top:0; left:0; overflow:hidden; }
.jsSelect_on { z-index:100 !important; }
.jsSelect_on .itemList { left:0 !important; }
#search{position:absolute; left:0; top:80px; z-index:1;display:none; width:800px; height:150px;}

/* Type 2 */
div.jsSelect2 {display:inline-block; *display:inline; *zoom:1; _display:inline; height:24px; color:#636363; font-size:11px; background:#e6e6e6; position:relative; z-index:10; cursor:pointer; white-space:nowrap; vertical-align:middle; }
div.jsSelect2 .bg_left {width:100%; height:24px; background:url(/image/ko-kr/common/bg_jsSelect2.gif) no-repeat 0 0; position:absolute; top:0; left:0; }
div.jsSelect2 .bg_right {width:30px; height:24px; background:url(/image/ko-kr/common/bg_jsSelect2.gif) no-repeat 100% 0; position:absolute; top:0; right:0; }
div.jsSelect2 .value {position:relative; z-index:20; margin:5px 30px 0 12px; }
div.jsSelect2 a:hover, div.jsSelect2 a:active { text-decoration:none; }
div.jsSelect2 .itemList {width:100%; padding:26px 0 0 0; position:absolute; top:0; left:-9999px; overflow:hidden; }
div.jsSelect2 .itemList .bg_lt {width:400px; height:400px; font-size:0; line-height:0; background:url(/image/ko-kr/common/bg_jsSelect2_on.gif) no-repeat 0 0; position:absolute; top:0; left:0; }
div.jsSelect2 .itemList .bg_rt {width:35px; height:400px; font-size:0; line-height:0; background:url(/image/ko-kr/common/bg_jsSelect2_on.gif) no-repeat 100% 0; position:absolute; top:0; right:0; }
div.jsSelect2 .itemList .bg_lb {width:400px; height:35px; font-size:0; line-height:0; background:url(/image/ko-kr/common/bg_jsSelect2_on.gif) no-repeat 0 100%; position:absolute; bottom:0; _bottom:-1px; left:0; }
div.jsSelect2 .itemList .bg_rb {width:35px; height:35px; font-size:0; line-height:0; background:url(/image/ko-kr/common/bg_jsSelect2_on.gif) no-repeat 100% 100%; position:absolute; bottom:0; _bottom:-1px; right:0; }
div.jsSelect2 .itemList ul {max-height:98px; _height:expression(this.scrollHeight>98?"98px":"auto"); margin:0 2px 13px; overflow:auto; overflow-x:hidden; position:relative; z-index:1; }
div.jsSelect2 .itemList ul li {padding:0 4px 0 2px; margin-bottom:4px;  }
div.jsSelect2 .itemList ul li a {display:block; height:15px; padding-left:15px;background:url(/image/ko-kr/common/bu_jsSelect.gif) no-repeat 8px 50%; }
div.jsSelect2 .itemList ul li a:hover {background-color:#f3f3f3; font-weight:bold; }

div.jsSelect2 {
	scrollbar-highlight-color:#ffffff; 
	scrollbar-3dlight-color:#ffffff; 
	scrollbar-face-color:#ffffff; 
	scrollbar-shadow-color:#cbcbcb; 
	scrollbar-darkshadow-color:#e6e6e6; 
	scrollbar-track-color:#ededed; 
	scrollbar-arrow-color:#cbcbcb;
}


/*@font-face {
  font-family: NanumSquare;
  src: local(NanumSquareR),
       local(NanumSquare),
       url(NanumSquareR.eot?#iefix) format('embedded-opentype'),
       url(NanumSquareR.woff) format('woff'),
       url(NanumSquareR.ttf) format('truetype');
  font-style: normal;
  font-weight: normal;
  unicode-range: U+0-10FFFF;
}*/


 