@charset "utf-8"; .header_ws{ height: 100px; width: 100%; display: block; } .cnt_header{ width: 960px; height: 100px; position: relative; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; } .cnt_header .logo{ width: 87px; height: 80px; display: block; margin-top: 10px; float: left; margin-left: 10px; } .cnt_header .menu_language{ float: right; /* width: 520px;*/ width: 820px; } .cnt_header .menu_language ul{ padding: 0; text-align: right; display: inline-block; line-height: 25px; margin-top: 15px; margin-right: 0; margin-bottom: 0; margin-left: 0; position:relative; } .cnt_header .menu_language ul li{ list-style-type: none; display: inline; padding-left: 15px; margin-left: 9px; } .cnt_header .menu_language ul li input{ line-height: 15px; height: 20px; padding-left: 25px; width: 175px; vertical-align: text-bottom; } .cnt_header .menu_language ul li a{ } .cnt_header .menu_language ul li a:hover{ } .cnt_header .menu_language ul li.jp{ margin-left:11px; } .cnt_header .menu_language ul li.eng{ } .cnt_header .menu_language ul li.kor{ margin-left:6px; } .button{ float:right; margin-top:20px; margin-right:2px;} .cnt_header .box_open{ width:180px; height:120px; position:absolute; border:1px solid #999999; right:0; top:38px; display:none; z-index:9999; } .cnt_header .box_open .t_top{ height:19px; margin:0; line-height:19px; padding-left:5px; } .cnt_header .box_open ul{ margin:0; padding:3px 0 0 4px;} .cnt_header .box_open ul li{ list-style-type:none; margin-bottom:4px; height:19px; line-height:18px; } .cnt_header .box_open ul li input{ vertical-align:middle;} .cnt_header .box_open ul li label{ line-height:16px;} .cnt_header .box_open .btn_search{ width:100px; height:30px; display:block; margin:12px auto 0 auto; } .cnt_header .menu_language ul .pushMessage { text-align: center; line-height: 25px; display: inline-block; padding:0; } .cnt_header .menu_language ul .pushMessage span { float:left; display:block; height:25px; } .cnt_header .menu_language ul .pushMessage .icon { width:26px; } .cnt_header .menu_language ul .pushMessage .arrow { width:6px; margin-right:5px; } .cnt_header .menu_language ul.pushMessage a:hover { } .header_ws .cnt_header .menu_language ul li a img { display: inline; } .header_ws .cnt_header .menu_language ul .language { padding: 0; margin-left: 0px; } .header_ws .cnt_header .menu_language .button .menuIcon img { display: inline; } .header_ws .cnt_header .menu_language ul li a#jQueryPush{ } .header_ws .cnt_header .menu_language .button { width: 520px; /*width: 590px;*/ position: relative; } .header_ws .cnt_header .menu_language #header-searchbox { width: 200px; position: absolute; top: 25px; z-index: 9999; text-align: left; right: 0px; padding-top:5px; } .header_ws .cnt_header .menu_language #header-searchbox span { cursor:pointer; } .header_ws .cnt_header .menu_language #header-searchbox a#searchbox-search { height: 20px; line-height:20px; /*width: 25px;*/ -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; padding: 1px 20px; text-decoration: none; /*margin: 0 10px 10px 125px;*/ float:right; display: inline-block; margin:0 5px 5px 0; } .header_ws .cnt_header .menu_language #header-searchbox a#searchbox-search:hover { } a#searchbox-search:active{ position:relative; top:1px; } /* for pushmessage */ .notification-pushmessage { position:fixed; height:40px; line-height:40px; text-align:center; top:0; left:0; right:0; z-index:10000; } .tops ul.sort li.current a.descending_sort{ text-decoration: underline; padding-right: 15px; margin-right:5px; } .tops ul.sort li.current a.ascending_sort{ text-decoration:underline; padding-right: 15px; margin-right:5px; } .tops ul.sort li b{ } .tops ul.sort { margin: 0; display:inline-block; padding: 6px; } .tops ul.sort li{ display:inline; } .tops ul.sort li a{ padding-left:5px; padding-right:7px; } .tops ul.sort li a:hover{ } .tops ul.sort li a.active_tops{ } .tops ul.sort li.sort a:hover{ text-decoration:underline;} .tops ul.sort li b{ } .toast-item-loading { text-align:center; height:40px; } .header_ws{ background-image: url(../../img/common/header_border.jpg) ,url(../../img/common/header_bg.jpg); background-repeat: repeat-x, repeat; background-position: bottom, top; } .cnt_header{ } .cnt_header .logo{ background-image: url(../../img/common/logo.png); background-repeat: no-repeat; } .cnt_header .menu_language{ font-size: 12px; color: #333333; } .cnt_header .menu_language ul{ } .cnt_header .menu_language ul li{ } .cnt_header .menu_language ul li input{ border: 1px solid #999999; border-radius: 3px; font-size: 12px; background: url(../../img/common/icon_serch.png) 3px 2px no-repeat; behavior: url("/PIE.htc"); } .cnt_header .menu_language ul li a{ color:#000; text-decoration:none; } .cnt_header .menu_language ul li a:hover{ text-decoration:underline; } .cnt_header .menu_language ul li.jp{ background: url(../../img/common/flg_jpn.png) no-repeat left center; } .cnt_header .menu_language ul li.eng{ background: url(../../img/common/flg_usa.png) no-repeat left center; } .cnt_header .menu_language ul li.kor{ background: url(../../img/common/flg_kor.png) no-repeat left center; } .button{ } .cnt_header .box_open{ background:#fff; } .cnt_header .box_open .t_top{ color:#cccccc; font-size:10px; border-bottom:1px solid #999999; } .cnt_header .box_open ul{ } .cnt_header .box_open ul li{ color:#333333; font-size:12px; } .cnt_header .box_open ul li input{ } .cnt_header .box_open ul li label{ } .cnt_header .box_open .btn_search{ background:url(../../img/common/btn_search.png) no-repeat; } .cnt_header .menu_language ul .pushMessage { /*background-image: url(../../img/common/icon_newmessage.png), url(../../img/common/icon_triangle.png), url(../../img/common/box_pushmessage.jpg); background-repeat: no-repeat, no-repeat, repeat-x; background-position: 5px center, right 5px center, bottom; border: solid 1px #CCCCCC;*/ background: url(../../img/common/box_pushmessage.jpg) repeat-x; border: solid 1px #CCCCCC; } .cnt_header .menu_language ul .pushMessage span { float:left; display:block; height:25px; } .cnt_header .menu_language ul .pushMessage .icon { background: url(../../img/common/icon_newmessage.png) no-repeat center; width:26px; } .cnt_header .menu_language ul .pushMessage .arrow { background: url(../../img/common/icon_triangle.png) no-repeat center; width:6px; margin-right:5px; } .cnt_header .menu_language ul.pushMessage a:hover { text-decoration: none; } .header_ws .cnt_header .menu_language ul li a img { display: inline; } .header_ws .cnt_header .menu_language ul .language { padding: 0; margin-left: 0px; } .header_ws .cnt_header .menu_language .button .menuIcon img { display: inline; } .header_ws .cnt_header .menu_language ul li a#jQueryPush{ text-decoration: none !important; color:#333; } .header_ws .cnt_header .menu_language .button { } .header_ws .cnt_header .menu_language #header-searchbox { background-color: #FFFFFF; border: 1px solid #CCCCCC; } .header_ws .cnt_header .menu_language #header-searchbox span { } .header_ws .cnt_header .menu_language #header-searchbox a#searchbox-search { -moz-box-shadow: inset 0px 1px 0px 0px #86ACC7; -webkit-box-shadow: inset 0px 1px 0px 0px #86ACC7; box-shadow: inset 0px 1px 0px 0px #86ACC7; background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #36638B), color-stop(1, #23486F) ); background: -moz-linear-gradient( center top, #36638B 5%, #23486F 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#36638B', endColorstr='#23486F'); background-color: #23486F; border: 1px solid #0C274D; color: #ffffff; } .header_ws .cnt_header .menu_language #header-searchbox a#searchbox-search:hover { background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #23486F), color-stop(1, #36638B) ); background:-moz-linear-gradient( center top, #23486F 5%, #36638B 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#23486F', endColorstr='#36638B'); background-color:#36638B; } a#searchbox-search:active{ } .tops ul.sort { border: 1px solid #B3B3B3; border-radius: 4px; } .tops ul.sort li{ } .tops ul.sort li a{ font-size: 12px; color: #333333; text-decoration: none; } .tops ul.sort li.sort a:hover{ text-decoration:underline;} .tops ul.sort li.current a.descending_sort{ color: #2d83da; background: url(../../img/common/icon_triangle_d.png) no-repeat right 5px; } .tops ul.sort li.current a.ascending_sort{ color:#2d83da; background:url(../../img/common/icon_triangle_u.png) no-repeat right 5px; } .tops ul.sort li b{ font-weight: normal; font-size: 12px; } .tops ul.sort li b{ font-weight: normal; font-size: 12px; } /* for pushmessage */ .notification-pushmessage { background-color:#bde; opacity:0.8; border:solid 1px #333; color:#000; border:solid 1px #000; font-weight:bold; font-size:13px; } .toast-item-loading { text-align:center; height:40px; background:url(../../img/data_loading.gif) no-repeat center; }