@charset "utf-8";
/* ------------------------------------------------------------
   basic style sheet
 * website   : http://www.shinil.co.kr/
 * version   : 1.0
 * author    : yun tea gun
 * email     : tg0825@gmail.com
 * created   : 2010/05/03
 * updated   :
 ------------------------------------------------------------ */

/* Common */
body {margin:0px; padding:0px;}
img,fieldset {border:0 none;}
dl,ul,ol,li {list-style: none;}
h1,h2,h3,h4,h5,dl,dt,dd,ul,li,ol,th,td,p,blockquote,form,fieldset,legend {margin:0;padding:0;}
table {border-collapse:collapse;}
body,td {font:normal 12px/1.5 "arial"; color:#333;}
p .tt01 {font:bold 12px/1.5 "arial"; color:#3b5d94;}
address {font-style:normal;}
.ma {font:bold 13px Helvetica, sans-serif; color:#3b5d94;}
.ma2 {font:bold 12px Helvetica, sans-serif; color:#333; }
/* Information 
MAXIMUM WIDTH: 890px
Content width : 570px
*/

/* blind navigation */
.blind {position:absolute; top:-1000px; left:0px; width:10px; height:1px; font:1px; overflow:hidden; visibility:hidden;}

/* Type Selector */

/* ID Selector */

/* Class Selector */
.divide {margin:0px !important; color:#ccc;}
.num {cursor:pointer; background:url(../img/common/bg_num.gif) 2px 5px no-repeat; _background:url(../img/common/bg_num.gif) 2px 6px no-repeat; padding:5px; font:bold 10px "tahoma"; _font:bold 12px "tahoma";}
.clear {clear:both; visibility:hidden; height:1px; font:1px; display:block;}

/* Dynamic pseudo */
a {color:#555; text-decoration:none;}
a:hover {color:##284a82; text-decoration:underline;}

/* LAYOUT */

/* Wrap */
#wrap {width:890px; margin:0 auto; position:relative;}

/* Hader  navigation.css*/


/** Global Navigation Bar  navigation.css **/

/* Container */
#container {position:relative; width:100%;}
/** main Only **/
.main_img {float:left; width:465px; height:400px; margin:40px 0 0 0;}
.main_product {float:right; position:relative;  width:400px; height:130px;  margin:40px 0 0 0;}
.product_num {
	position:absolute;
	right:0px;
	top:0px;
	_top:8px;
	height: 17px;
	color:#FFF;
}
.product_num li {display:inline;}
.over_product {margin:14px 0 0 0;}
/* .main_notice {float:right; width:400px; height:40px; clear:right; margin:15px 0 0 0;} */
.main_notice {float:right; width:400px; clear:right; margin:15px 0 10px 0;}
/* .main_book {float:right; width:400px; height:40px; clear:right; margin-top: 35px; margin-right: 0; margin-bottom: 0;
	margin-left: 0;} */
.main_book {float:right; width:400px; height:40px; clear:right; margin-top: 10px; margin-right: 0; margin-bottom: 20px;
	margin-left: 0;}
.list_bx {width:100%; float:left;}
.list_bx li {width:100%; float:left; clear:both;}
.text {float:left;}
.date {float:right;}
/* .quick {float:right; width:400px; height:130px; clear:right; margin:18px 0 0 0;}
.quick li {display:inline;} */
.quick {float:right; width:400px; height:85px; clear:right; margin:18px 0 0 0;}
.quick li {display:inline;}
.index_h3 { color:#036; border-bottom:1px solid #d9d9d9;}
.index_h3 span {float:right; font:bold 8px "tahoma"; color:#666; margin:8px 0 0 0;}
.index_h2 {color:#357c6c;}
.index_h2 span {float:right; font:bold 8px "tahoma"; color:#666; margin:8px 0 0 0;}

/** Sub Navigation Bar **/
.snb {position:absolute; top:40px; left:0px; z-index:100; width:190px; min-height:200px; _height:200px; background:#3C5D93; padding:25px 20px; border-top:2px solid #2f4c7b; border-right:1px solid #3e6199;}
.snb_tit {font:600 28px/0.9 "century gothic","verdana"; text-transform:uppercase; color:#fff; margin:0 0 10px 0;}
.snb li {background:url(../img/common/line_snb_under.gif) left bottom no-repeat;}
.snb_list a {display:block; padding:4px 0 4px 4px; color:#e9eef7; font:14px "century gothic","Verdana"; text-decoration:none; }
.snb_list a:hover {padding:4px 0 4px 10px; background:url(../img/common/bu_snb_on.gif) left center no-repeat;}
.snb_list .on {padding:4px 0 4px 10px; background:url(../img/common/bu_snb_on.gif) left center no-repeat;}

.dep3 {background:#496a9e url(../img/common/line_snb_under.gif) bottom left no-repeat; padding:6px 0 6px 0;}
.dep3 li {background:none;}
.dep3 a {display:block; padding:4px 0 4px 10px; font:11px "verdana"; color:#c5d5f0; background:none;}
.dep3 a:hover {padding:4px 0 4px 14px; background:#3b5d94; color:#fff; font-weight:bold;}
.dep3 .on {padding:4px 0 4px 14px; background:#3b5d94; color:#fff; font-weight:bold;}

.mlogos{position:absolute; top:0px; left:50%; margin-left:-445px; width:890px; z-index:999; text-align:right;}

/** Visual **/
.company_visual {height:150px; background:url(../img/common/bg_company.gif) right bottom no-repeat;}
.product_visual {height:150px; background:url(../img/common/bg_product.gif) right bottom no-repeat;}
.support_visual {height:150px; background:url(../img/common/bg_support.gif) right bottom no-repeat;}

/** Content **/
.content {position:relative; padding:26px 40px 0 280px; min-height:450px; _height:450px; background:url(../img/common/bg_content.gif) top left repeat-x;}
	/* Bread Crumbs */
.bread_crumbs {float:right; position:absolute; top:4px; right:4px; text-align:right;}
.bread_crumbs li {display:inline; background:url(../img/common/ico_breadcrumbs_r.gif) 3px  5px no-repeat; padding:0 0 0 14px;}
.home {background:none; padding:0 !important;}
/* headline */
.headline {border-bottom:1px solid #e3e3e3; padding:0 0 4px 0; margin:0 0 30px 0;}
h1 {font:bold 24px/1.0 "Arial"; margin:0px; padding:0px; line-height:1em;}

/* Product */
#thumbnail_bx {width:506px; margin:0 auto;}
#thumbnail_bx02 {width:340px; margin-left:30px;}

/* #thumbnail_bx {margin:0 0 0 60px; border-top:1px solid #3c5d93; border-left:1px solid #3c5d93; border-right:1px solid #325184; border-bottom:1px solid #325184;} */
.table_off {cursor:pointer; width:152px; background:#efefef; border-right:1px solid #ddd; border-bottom:1px solid #ddd;}
.table_off img {width:148px; height:148px;}
.table_off tbody th {font:bold 12px/1.1 "Arial"; color:#777;}
.table_off thead td {padding:10px;}
.table_on {cursor:pointer; width:152px; background:#6a8cc2; border-right:1px solid #5476ab; border-bottom:1px solid #5476ab;}
.table_on img {width:148px; height:148px;}
.table_on thead td {padding:10px;}
.table_on tbody th {font:bold 12px/1.1 "Arial"; color:#fff;}
.detail_view {width:100%;}
/*.detail_view td {font:bold 18px/1.8 "Arial"; color:#5271a5; text-align:center; background:#f9f9f9; border:1px solid #efefef; vertical-align:middle; padding:14px 0 0 0;}*/
.detail_view td {font:bold 18px/1.8 "Arial"; color:#5271a5; text-align:center; background:#fff; border:1px solid #efefef; vertical-align:middle; padding:14px 0 0 0;}
.detail_view  td img {border-right:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; padding:0 2px 2px 0; background:#fff;}
.detail_view .online {text-align:left;}

.detail_view02 {width:100%; text-align:center;}
.detail_view02 .zoom{font:bold 18px/1.8 "Arial";color:#555; padding-left:10px;}
.detail_view02 .zoom a {color:#555; text-decoration:none;}
.detail_view02 .zoom a:hover {color:##284a82; text-decoration:underline;}
/*.detail_view02 td {font:bold 12px/1.8 "Arial"; color:#5271a5; background:#f9f9f9; border:1px solid #efefef; vertical-align:middle; padding:14px 0 0 0;}*/
.detail_view02 td {font:bold 12px/1.8 "Arial"; color:#5271a5; background:#fff; border:1px solid #efefef; vertical-align:middle; padding:14px 0 0 0;}
.detail_view02 .online {text-align:left;}

.detail_view03 {width:100%;}
/*.detail_view td {font:bold 18px/1.8 "Arial"; color:#5271a5; text-align:center; background:#f9f9f9; border:1px solid #efefef; vertical-align:middle; padding:14px 0 0 0;}*/
.detail_view03 td.none {font:bold 18px/1.8 "Arial"; color:#5271a5; text-align:center; border:none; background:#fff; vertical-align:middle; padding:14px 0 0 0;}
.detail_view03 td img {border-right:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; padding:0 2px 2px 0; background:#fff;}
.detail_view03 .online {text-align:left;}

/** .table_off {background:#d8dde5; border:3px solid #d8dde5;}
.table_off thead td {background:#fff;}
.table_off tbody th {font:bold 12px/1.1 "Arial"; color:#777;}
.table_on {background:#3c5d93; border-left:3px solid #3c5d93; border-right:3px solid #3c5d93; border-top:3px solid #3c5d93; border-bottom:3px double #3c5d93; _border-bottom:3px solid #3c5d93;}
.table_on thead td {background:#fff;}
.table_on tbody th {font:bold 12px/1.1 "Arial"; color:#fff;} **/

/* table features */
#wire {width:100%;}
.table_features {width:507px; margin:14px auto; background:#efefef; border:1px solid #ddd; border-collapse:separate;}
.table_features caption {text-align:left; font:bold 14px/1.3 "Arial"; color:#444;}
.table_features th {text-align:center; font:bold 14px/1.3 "Arial"; color:#fff; background:#87A2C9; padding:3px 0;}

.table_features td {padding:0 0 0 14px; background:#fff; font:normal 13px/1.3 "Arial"; color:#555;}


/* Footer */
#footer {clear:both; position:relative; padding:10px 0 30px 200px; background:url(../img/common/line_footer_top.gif) top left no-repeat; margin:0px 0 0 0; width:690px;}
.bottom_logo {position:absolute; top:20px; left:20px; }
.gobiz {
	position:absolute;
	top:7px;
	right:2px;
	width: 240px;
	height: 56px;
}
#footer p {font:bold 11px/1.5 "tahoma"; text-transform:uppercase; color:#979797;}
address {font:11px/1.5 "tahoma"; color:#777;}
.number {font:11px/1.5 "tahoma"; color:#777;}
.number li {display:inline; padding:0 14px 0 0;}

/* Main Text Content */
#text-content {width:900px; margin:0 auto; color:#777; border:1px solid #ddd; padding:13px 20px;}
#text-content-inner {color:#777; margin-top:20px;}
#text-content p, #text-content-inner p {padding:5px 0;}
#text-content h1, #text-content-inner h2 {font-size:12px; font-weight:bold; color:#777;}

/* Footer Text Links */
#text-links {clear:both; position:relative; padding:10px 15px 10px 15px; background:url(../img/common/line_footer_top.gif) top left no-repeat; margin:30px 0 0 0; width:860px;
             font:none 11px/1.5 "tahoma"; color:#979797; min-height:38px;}
#text-links a {text-decoration:none; color:#979797;}
#text-links ul {padding:0; margin:0;}
#text-links ul li {list-style:none; border-right:1px solid #999; float:left; padding:0 8px 0 8px; margin:5px 0 0 0px; line-height:1em;}

/***** Etc.. ******/

/* round table position */
#bx_t {position:relative; width:100%; font-size:0px;}
	#round_tl {position:absolute; top:0px; left:0px;}
	#round_tr {position:absolute; top:0px; right:0px;}
#bx_b {position:relative; width:100%; font-size:0px;}
	#round_bl {position:absolute; bottom:0px; left:0px;}
	#round_br {position:absolute; bottom:0px; right:0px;}

/* Round Box */
.bx_indexmenu_tl {width:8px; height:8px; background:url(../img/common/bx_indexmenu_tl.gif) top left no-repeat;}
.bx_indexmenu_t {margin:0 8px; height:6px; background:#f8f8f8; border-top:2px solid #537eb4;}
.bx_indexmenu_rl {width:8px; height:8px; background:url(../img/common/bx_indexmenu_tr.gif) top left no-repeat;}

.bx_middle {min-height:140px; _height:100px; padding:8px 20px; border-left:2px solid #537eb4; border-right:2px solid #537eb4; background:#f8f8f8;}

.bx_indexmenu_bl {width:8px; height:8px; background:url(../img/common/bx_indexmenu_bl.gif) bottom left no-repeat;}
.bx_indexmenu_b {margin:0 8px; height:6px; border-bottom:2px solid #537eb4; background:#f8f8f8;}
.bx_indexmenu_br {width:8px; height:8px; background:url(../img/common/bx_indexmenu_br.gif) bottom left no-repeat;}

/* Sitemap */
.sitemap li {text-indent:1em;}

/* 201402 업데이트 추가 */
.pView{position:relative;}
.pView *{vertical-align:middle;}
.btPrv{position:absolute; top:50%; margin-top:-28px; left:10px;z}
.btNxt{position:absolute; top:50%; margin-top:-28px; right:10px;z}

.picto{padding-right:10px; text-align:center;}
.detail_view .picto img{border:none;}
.pIdxPicto{padding-bottom:10px; text-align:center;}