@charset "utf-8";
/* WS team JHY 130108 */

.search{position:relative;height:37px;background:#f1f1f1 url(../img/bg_lnb.gif) no-repeat left bottom}
.search fieldset{color:#c4c4c4}
.search fieldset input{float:left;margin:6px 0 0 5px}
.search fieldset .keybox{float:left;width:288px;height:19px;_height:21px;margin:7px 0 0 5px;border:1px solid #b9b9b9;background:url(../img/bg_keyword.gif) no-repeat}
.search fieldset .keyword{width:260px;height:15px;margin:1px 0 0 2px;padding:1px 2px 0 0;border:1px solid #fff;line-height:14px;letter-spacing:1px}
.search fieldset .arrow{position:absolute;left:372px;top:10px;width:15px;height:15px;background:url(../img/bg_arrow2.gif) no-repeat;cursor:pointer}
.search ul.device{position:absolute;left:451px !important;top:5px;background:url(../img/bg_tab_bar.gif) no-repeat 91px 8px;overflow:hidden}
.search ul.device li{display:inline;float:left}
.search ul.device li img{}
.search ul.device li.write{padding:0 2px 0 0}
.search ul.device li.input{margin:0 0 0 -2px;padding:0 0 0 2px}
.search ul.device li.on{padding:0 0 0 0}
.search ul.device li img.on{display:none}
.search ul.device li img.off{display:inline}
.search ul.device li.on img.on{display:inline}
.search ul.device li.on img.off{display:none}
.search ul.device li.input{display:inline;float:left}
.search ul.useful{position:absolute;right:8px;top:4px;padding:1px 0;overflow:hidden}
.search ul.useful li{display:inline;float:left;margin:0 2px 0 -2px;padding:0 0 0 3px;background:url(../img/bg_useful_bar.gif) no-repeat left 8px;font-size:11px;letter-spacing:-1px}
.search ul.useful li a{float:left;padding:7px 7px 5px 20px;background:#f1f1f1 url(../img/bg_useful.gif) no-repeat 7px 8px;color:#555}

dl.selectlist{display:inline;position:relative;float:left;width:85px;margin:7px 0 0 15px;font-size:11px;letter-spacing:-1px;z-index:1}
dl.selectlist a:hover{text-decoration:none}
dl.selectlist dt{border:1px solid #b9b9b9;background:#fbfbfb}
dl.selectlist dt a{display:block;width:79px;_width:83px;height:16px;_height:19px;padding:3px 0pt 0pt 4px;background:url(../img/bu_select_arrow.gif) no-repeat 72px 8px;color:#373737}
dl.selectlist dd{display:none;position:relative;width:85px}
dl.selectlist dd ul.opt{position:absolute;margin:-1px 0 0 0;border:1px solid #b9b9b9;border-top:none;background:#fbfbfb}
dl.selectlist dd ul.opt li{float:left}
dl.selectlist dd ul.opt li a{display:block;width:79px;_width:83px;height:15px;_height:18px;padding:3px 0pt 0pt 4px;color:#373737}
dl.selectlist dd ul.opt li a:hover{background:#e1e1e1}
dl.selectlist dd ul.opt li.selected a{background:#e1e1e1}
dl.selectlist.on dd{display:block}
.footer_search dl.selectlist dd ul.opt{position:absolute;left:0;bottom:0;margin:0 0 20px 0;border:1px solid #b9b9b9;border-bottom:none;background:#fbfbfb}
.footer_search dl.on dt{background:#fbfbfb}
.auto_complete{display:none;position:absolute;left:162px;top:57px;width:299px;border:1px solid #b9b9b9;background:#fff;overflow:hidden;z-index:3}
.auto_complete h3{position:relative;padding:8px 10px 2px;border-bottom:1px solid #eee;background:#f8f8f8;color:#606060;font-size:11px;line-height:13px;letter-spacing:-1px}
.auto_complete h3 img{margin:-1px 0 1px 0;vertical-align:middle}
.auto_complete ul{margin:-1px 0 1px;padding:5px 0 4px;background:url(../img/line_h_dot1.gif) no-repeat}
.auto_complete ul li{font-size:12px;line-height:14px;vertical-align:top}
.auto_complete ul li a{display:block;width:278px;_width:196px;padding:4px 10px 2px;color:#373737;overflow:hidden}
.auto_complete ul li a:hover{text-decoration:none}
.auto_complete ul li.focus a{background:#f5f5f5}
.auto_complete ul li a .qur{color:#de0000;font-weight:normal}
.auto_complete ul li a .jp{font-size:12px;font-family:"MS PGothic";letter-spacing:1px}
.auto_complete ul li a .jpn{display:block;font-family:"MS PGothic"}
.auto_complete ul li a.mix{}
.auto_complete ul li a.mix .jpn{position:relative;display:block;margin:0 4px 1px 0;cursor:pointer;vertical-align:top}
.auto_complete ul li a.mix2 .jpn{position:relative;display:block;margin:0 4px 1px 0;cursor:pointer;vertical-align:top}
.auto_complete ul li a .key{ padding-left:6px;text-indent:-6px;cursor:pointer}
.auto_complete ul li a .key:first-letter{color:#a5a5a5;margin-right:2px}
.auto_complete .updn{position:absolute;right:8px;top:8px}
.msg_on .updn{display:none}
.auto_complete .option{height:18px;padding:5px 8px 0;border-top:1px solid #eee;background:#f8f8f8;color:#c9c9c9;font-size:11px;word-spacing:2px;text-align:right}
.auto_complete .option a{color:#717171;letter-spacing:-1px}
.auto_complete p{display:none;margin:8px 9px 5px;border:none;color:#666;line-height:18px}
.auto_complete p strong{color:#f76d1a;font-weight:normal}
.auto_complete p img{margin:3px 0 4px;vertical-align:top}

/* 자동완성 관련 */
div.search fieldset .auto_complete{display:none}
div.search fieldset.on .auto_complete{display:block}

/* 온오프 안내문구 */
div.search fieldset .msg_on ul{display:none}
div.search fieldset .msg_on .auto_off_info{display:block}
div.auto_on fieldset .msg_on .auto_on_info{display:none}
div.auto_on fieldset .msg_on .auto_off_info{display:block}
div.auto_on fieldset .no_result .nothing{display:block}
div.auto_on fieldset .msg_on .nothing{display:none}
div.auto_on fieldset .no_result .auto_on_info{display:none}
div.search fieldset .auto_complete span{display:none}
div.auto_on fieldset .auto_complete span{display:inline}

/* 화살표 관련 */
div.search fieldset .arrow{background-position:left top}
div.search fieldset.on .arrow{background-position:-160px -28px}
div.auto_on fieldset .arrow{background-position:left bottom}
div.auto_on fieldset.on .arrow{background-position:-160px -28px}

.input_device{display:none;position:absolute;left:104px;top:188px;width:772px;height:361px;background:#f9f9f9;border:2px solid #595e6b;z-index:200;zoom:1}
.input_device:after{position:relative;height:0;font-size:0;line-height:0;visibility:hidden;clear:both;content:''}
.input_device_on{background:#f9f9f9}
.input_device a:hover{text-decoration:none}
.input_device .tab_area{width:100%;height:30px;background:#696f7d;border-bottom:1px solid #595e6b}
.input_device .tab_area li{float:left;height:30px}
.input_device .tab_area li.on{background:#f9f9f9}
.input_device .tab_area li a{position:relative;display:block;padding:0 17px;height:30px;color:#fff;font-weight:bold;z-index:20;border-bottom:1px solid #595e6b;letter-spacing:-1px;line-height:33px}
.input_device .tab_area li.on a{color:#000;border-bottom:1px solid #fff;background:none}
.input_device_on .tab_area li.on a{border-bottom:1px solid #f9f9f9;background:#f9f9f9}
.input_device .tab_area .tab_gd{box-shadow:1px 0 0 #7f8490;border-left:1px solid #595e6b;border-right:1px solid #595e6b}
.input_device .tbl_box .hira{display:block}
.input_device .tbl_box{position:relative;margin:18px 18px 13px;border:1px solid #aaa}
.input_device .tbl_box table{position:relative;width:100%;table-layout:fixed;zoom:1}
.input_device .tbl_box table th{padding:8px 0 6px;border-right:1px solid #ddd;border-top:1px solid #ddd;border-bottom:1px solid #ddd;background:#f7f7f7;color:#000;font-size:14px;line-height:19px;letter-spacing:-1px;text-align:center}
.input_device .tbl_box table .line{border-right:0}
.input_device .tbl_box table .line_r{border-right:1px solid #f5f5f6}
.input_device .tbl_box table .line_lh{border-top:0}
.input_device .tbl_box table .line_rd{border-right:0}
.input_device .tbl_box table .last td,.input_device .tbl_box table .last th{border-bottom:0}
.input_device .tbl_box table td{position:relative;height:44px;border-right:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc;color:#f57575;vertical-align:top;background-color:#fff}
.input_device .tbl_box table td p{display:block;position:relative;font-family:"MS PGothic";zoom:1;cursor:pointer}
.input_device .tbl_box table td p span{display:block;width:100%;height:27px;padding:9px 0 0;color:#000;font-size:16px;line-height:14px;text-align:center}
.input_device .tbl_box table td p span em{display:block;margin:0;color:#f85f67;font:11px Tahoma}
.input_device .tbl_box table td:hover{*z-index:1}
.input_device .tbl_box table td:hover p span{position:absolute;top:-2px;left:-2px;width:36px;height:37px;border:1px solid #6b6f7c;font-weight:bold;font-size:18px;background:#fff;z-index:30}
*:first-child+html .input_device .tbl_box table td p span em{margin:-2px 0 0 0}
.input_device .tbl_box table td.merge{border-left:none}
.input_device .tbl_box table td .long{display:block;height:15px;padding:28px 1px 2px 0;color:#8f8f8f;font-size:11px;letter-spacing:-1px;text-align:center}
.input_device .tbl_box table .last_kd{border-bottom:0 !important}
.input_device .tbl_box table .last_kd:hover p{top:0}
.input_device .tbl_box table td p span.select{position:absolute;left:-1px;top:-1px;background:#eef8ff;border:1px solid #ddd}
.input_device .over{position:absolute;margin:-3px 0 0 3px;border:1px solid #2e2e2e;z-index:3;cursor:pointer}
*:first-child+html .input_device .over{margin:-3px 0 0 2px}
.input_device .over span{display:block;width:27px;padding:4px 0 3px;border:1px solid #fff;font-family:"MS PGothic";background:#fff;color:#0b0b0b;font-size:16px;line-height:18px;text-align:center;overflow:hidden}
.input_device .over span em{display:block;margin:-4px 0 0 0;color:#f57575;font:10px Tahoma}
.input_device .find{margin:0 0 14px 18px;overflow:hidden;color:#686868}
.input_device .find p{float:left;margin:7px 0 0 0;vertical-align:top;color:#444;letter-spacing:-1px}
.input_device .find input{float:left;width:18px;height:14px;margin:0 0 0 6px;padding:5px 4px 3px;border:1px solid;border-color:#c6c9cc;background:#fff;font-size:12px;line-height:14px;text-align:center}
.input_device .find input:focus{outline:none}
.input_device .find input.on{border-color:#6f7480}
.input_device .find .ico_arr{float:left;margin:6px 3px 0 3px}
.input_device .find strong{display:none;float:left;width:57px;height:14px;margin:-1px 0 1px;padding:8px 0 6px;background:url(../img/bg_typo.gif) no-repeat;color:#787878;font-size:11px;letter-spacing:-1px;text-align:center;vertical-align:middle}
.input_device .find strong.character{width:57px;padding:7px 0;color:#404040;font-size:14px;font-family:"MS PGothic";cursor:pointer}
.input_device .find strong.character em{margin-left:-1px;color:#f57575;font:10px Tahoma}
.input_device .find strong.on{background:url(../img/bg_typo_on.gif) no-repeat}
.input_device .find strong.now{background:url(../img/bg_typo_now.gif) no-repeat}
.input_device .find .explain{display:inline;float:left;margin:7px 0 0 0;padding-left:4px;color:#444;letter-spacing:-1px}
.input_device .find .explain.bl{color:#0075d0}

/* 입력기 단계별 작동 */
.input_device .find .default{display:block;float:left;height:22px;width:50px;margin-right:4px;border:1px solid #6f7480;line-height:24px;color:#444;text-align:center;letter-spacing:0;background-color:#fff;font-family:'MS PGothic';font-size:16px;font-weight:bold}
.input_device .find .default.on{width:48px;height:20px;line-height:22px;color:#000;border:2px solid #6f7480}
.input_device .find .default[data-value='']{border:1px solid #c6c9cc;font-family:'돋움',dotum;font-size:12px;letter-spacing:-1px;font-weight:normal}
.input_device .find .default em{margin-left:3px;color:#f85f67;font:10px Tahoma}
.input_device .info,.write_device .info{display:flex;position:absolute;right:16px;bottom:17px;padding-left:6px;color:#919191;font-size:11px;letter-spacing:-1px;background:url(../img/spr_bu.gif) no-repeat 0 -223px;letter-spacing:-1px}
.close{position:absolute;right:10px;top:8px;height:15px;width:15px;background:url(../img/sp_btn.png) no-repeat -196px -60px}
.write_device{display:none;position:absolute;left:207px;top:188px;width:566px;height:361px;border:2px solid #595e6b;background:#f9f9f9;z-index:30;zoom:1}
.write_device:after{position:relative;height:0;font-size:0;line-height:0;visibility:hidden;clear:both;content:''}
.write_device a:hover{text-decoration:none}
.write_device dl{float:left;margin:24px 0 0 24px}
.write_device .inp_area dd{height:283px;width:283px;border:1px solid #aaa;background:#fff}
.write_device dl .rgt,.write_device dl .rgt2{height:12px;width:45px;margin:7px 0 8px;background:url(../img/spr_h3.gif) no-repeat 0 -284px}
.write_device dl .rgt2{width:88px;margin:30px 0 8px;background-position:0 -416px}
.write_device .btn_del,.write_device .btn_del2{display:block;display:flex;position:absolute;bottom:11px;left:59px;height:29px;line-height:29px;padding:0 19px;font-weight:bold;color:#565960;border:1px solid #d7d8db;background:#fff}
.write_device .btn_del2{left:172px;padding:0 15px}
.write_device dl dd ul{position:relative;width:208px;table-layout:fixed;border-bottom:1px solid #dcdde0;border-right:1px solid #dcdde0;zoom:1}
.write_device dl dd ul:after{display:block;clear:both;content:''}
.write_device dl dd ul li{position:relative;float:left;height:22px;padding:15px 5px 13px;width:41px;border-top:1px solid #dcdde0;border-left:1px solid #dcdde0;background:#fff;color:#000;font-size:20px;font-family:"MS PGothic";line-height:22px;text-align:center;font-weight:bold}
.write_device dl dd ul li p{cursor:pointer}
.write_device dl dd ul li .nothing{cursor:default}
.write_device dl dd ul li:hover p{position:absolute;top:-2px;left:-2px;width:53px;height:53px;line-height:51px;border:1px solid #696f7d;background:#fff;z-index:30}
.write_device dl dd ul li.tbl_box{padding:7px 0 2px;border:1px solid #2e2e2e;background-position:-1px -1px;font-size:18px;line-height:20px}
.write_device dl dd ul li.gata{padding:7px 0 2px;border:1px solid #2e2e2e;background-position:-1px -1px;font-size:18px;line-height:20px}
.write_device .open{clear:both;width:290px;margin:2px 0 0 0;padding:4px 0 7px 6px;_padding:3px 0 7px 6px;color:#666;font-size:11px;letter-spacing:-1px;text-align:left}
.write_device .open input{vertical-align:middle}
.write_device .info{right:24px}
.write_device .close{background-position:-207px -105px}
.write_device dl dd .del{padding:0 0px 12px;overflow:hidden}
.write_device dl dd  div a.hand_undo{margin-top:3px;font-size:11px;color:#323232;text-decoration:underline}
.write_device dl dd  div .bar{padding:0 6px;font-size:11px;color:#d5d5d5}
.write_device dl dd  div a.hand_remove{margin-top:3px;font-size:11px;color:#323232;text-decoration:underline}
.write_device dl dd div.cavs{position:relative;width:281px;height:281px;margin:0 12px 10px 0;border:solid 1px #cfcfcf;vertical-align:middle}
.write_device dl dd div.cavs canvas{position:absolute;top:0;left:0}
.write_device dl dd div.cavs .cavs_txt{display:block;font-size:11px;color:#2075b6;text-align:center;vertical-align:middle;margin-top:128px}

.search fieldset .keybox{ width:264px}
.search fieldset .keyword{width:236px}
.search fieldset .arrow{ left:348px}

.info_new_device{position:absolute;top:60px;right:0;width:411px;height:376px;padding:0 20px;border:1px solid #6789c5;background:#fff}
.info_new_device .info_dl .info_box{width:98px;height:19px;border:1px solid #e5e5e5;line-height:20px;float:none;margin:0}
.info_new_device .info_dl .info_box2{width:254px}
.info_new_device .info_dl{margin-top:15px;line-height:21px;overflow:hidden;color:#333}
.info_new_device .info_dl2{margin-top:8px;_margin-top:0px}
.info_new_device .info_dl dt{width:153px;margin-top:2px;margin-right:0;color:#3862ac;font-size:12px;font-weight:bold;letter-spacing:-1px;float:left}
.info_new_device .info_dl dd{ float:left;_margin-bottom:-5px}
.info_new_device .info_dl li{margin-bottom:3px;*margin-bottom:1px}
.info_new_device .info_dl li label{padding-left:5px;letter-spacing:-1px}
.info_new_device .enter{display:block;padding-left:152px;padding-top:15px;margin-top:15px;margin-bottom:10px;border-top:1px solid #e2ecf5}
.info_new_device .enter a{margin-right:5px;padding:3px 8px;border:1px solid #cacaca;color:#434343;line-height:18px;text-decoration:none}
.info_new_device .qa{margin-top:7px;float:left}
.info_new_device .qa p{color:#444}
.info_new_device .qa ul{margin-top:10px;color:#999;letter-spacing:-1px;line-height:15px}
.info_new_device .qa li{margin-bottom:4px;padding-left:33px}
.info_new_device .qa li strong{display:inline-block;width:44px;margin-right:7px;border:1px solid #ccc;font-weight:normal;letter-spacing:0;text-align:center}
.info_new_device .qa li.first{padding-left:0}
.info_new_device .qa li.first strong{margin-left:7px}
.tit_info{ height:36px;background:#f7f9fb;width:451px;margin-left:-20px;_margin-right:-20px}
.tit_info strong{ margin-top:10px;float:left;margin-left:20px}
.tit_info a{ float:right;margin-top:12px;margin-right:20px;_margin-right:10px}
.search ul.device{left:421px !important}
.tit_info strong a{position:relative;top:-1px;margin:0 0 0 4px;*padding-left:3px;float:none}

/*20120626*/
.sta.auto_on fieldset .gbox .arrow{background:url(../img/sp_btn.png) -50px -28px no-repeat;cursor:pointer}
.sta .gbox .arrow{display:inline-block;float:left;width:23px;_width:21px;height:25px;_height:21px;margin:-6px 0 0;_margin:-4px 0 -20px 0;background:url(../img/sp_btn.png) -206px -27px no-repeat;vertical-align:top}
.sta.auto_on fieldset.on .gbox .arrow{background:url(../img/sp_btn.png) no-repeat scroll -160px -28px transparent}
.sch fieldset .arrow{position:absolute;left:372px;top:10px;width:15px;height:15px;background:url(../img/bg_arrow2.gif) no-repeat;cursor:pointer}
.inner a{display:block}