@charset "euc-kr";

@import url(default.css);
@import url(products.css);
@import url(training.css);
@import url(customer.css);
@import url(board.css);
@import url(membership.css);
@import url(seles_portal.css);
@import url(guide.css);

div img {vertical-align:top;}

/* ========== ¸ÞÀÎ ÆäÀÌÁö =========== */
/* ¸ÞÀÎ ·¹À̾ƿô */
div#wrap {width:100%; background:url(../../img/main/main_allBg.gif) left top repeat-x;}
div#fix_wrap {width:1024px;}
div#main_header {background:#ffffff; padding:0 0 7px 17px; width:1007px; overflow:auto;}
div#visual_sch {width:100%; background:#ffffff; overflow:auto;}
div#main_container {margin-top:23px; padding:0 20px 0 31px;}
div#main_container:after {content: "."; display:block; height:0; font-size:0; clear:both; visibility:hidden;}


div.main_logo {float:left; width:172px; padding-left:52px;  vertical-align:top;}

ul.main_gnb {float:right; width:707px; margin-top:13px; padding:0 0 3px 64px; background:url(../../img/common/gnb_bg.gif) left top no-repeat;}
ul.main_gnb li {float:left; margin-right:20px;}
ul.main_gnb li.end {margin-right:0px;}
ul.main_gnb li img {vertical-align:top;}

div.main_lineMap {float:right; margin-top:10px;}
div.main_lineMap a {padding:0 9px; font-size:11px; border-right:1px solid #525552;}
div.main_lineMap a.end {border:none;}
div.main_lineMap a:link    {color:#666666;}
div.main_lineMap a:visited {color:#666666;}
div.main_lineMap a:hover   {color:#ba3d63;}
div.main_lineMap a:active  {color:#666666;}
.visual_left {float:left; overflow:hidden;}
.visual_left img {vertical-align:top;}

.visual_right {float:right; width:124px; margin-right:33px; display:inline; border-bottom:1px solid #efefef;}
.visual_right dl {margin-top:7px;}
.visual_right dl dt {margin-bottom:11px;}
.visual_right dl dt img {vertical-align:top;}
.visual_right dl dd {margin-bottom:4px;}
.visual_right dl dd select {width:124px;}
.visual_right dl dd input {width:95px; height:14px; padding-top:2px; border:1px solid #d7d7d5; margin-top:-2px;}
.visual_right dl dd img {vertical-align:top;}
.visual_right ul.Portfolio {margin-top:26px;}
.visual_right ul.Portfolio li {margin-bottom:11px;}
.visual_right ul.Portfolio li img { vertical-align:top;}
.visual_right ul.Portfolio li.btn {text-align:right;}

/* main container */
div.main_view	{width:100%;}

.new_press {float:left; width:248px; margin-right:34px;}
.new_press .new_tit {height:14px;}
.new_press .new_tit ul.new {float:left;}
.new_press .new_tit ul.new img {vertical-align:top;}
.new_press .new_tit span.more {float:right; margin-top:2px;}
.new_press .new_tit span.more a img {display:block;}
.new_press ul.n_p {height:95px; border-top:3px solid #d20a6e; border-bottom:1px solid #d20a6e; padding:15px 0 19px 0;}
.new_press ul.n_p li {clear:both; padding:3px 0 1px 13px; background:url(../../img/bul/square_bul.gif) 3px 10px no-repeat;}
.new_press ul.n_p li:after {content: "."; display:block; height:0; font-size:0; clear:both; visibility:hidden;}
.new_press ul.n_p li span.explain {float:left;}
.new_press ul.n_p li span.explain a {font-size:11px;}
.new_press ul.n_p li span.explain a:ink    {color:#717171;}
.new_press ul.n_p li span.explain a:visited {color:#717171;}
.new_press ul.n_p li span.explain a:active  {color:#717171;}
.new_press ul.n_p li span.explain a:hover {font-weight:bold; color:#353535;}
.new_press ul.n_p li span.date {float:right; font-size:10px; color:#717171;}

.h_n_product {float:left; width:366px;}
.h_n_product ul.h_n_tit {height:16px;}
.h_n_product ul.h_n_tit img {vertical-align:top;}
.h_n_product div {width:366px; height:119px;}


.pj_References {float:right; width:291px;}
.pj_References ul		{width:100%;}
.pj_References ul.pj	{height:14px;border-bottom:3px solid #c6c6c6; margin-bottom:5px; }
.pj_References ul.view	{height:23px; border-bottom:1px solid #c6c6c6; margin-bottom:5px; }
.pj_References ul li	{float:left;}
.pj_References ul li.text	{width:242px;}


/* ========== ¼­ºê ÆäÀÌÁö =========== */
/* ¼­ºê ·¹À̾ƿô */
div#main_wrap {width:100%; background:url(../../img/common/header_bg.gif) left top no-repeat;}
div#top_wrap {width:100%;}
div#top_wrap:after {content: "."; display:block; height:0; font-size:0; clear:both; visibility:hidden;}


div#sub_wrap {width:1024px;}
div#sub_wrap:after {content: "."; display:block; height:0; font-size:0; clear:both; visibility:hidden;}
div#header {position:relative; top:0; left:0; height:81px; width:1024px;}
div#main_visual	{vertical-align:top; margin-bottom:19px; width:100%; height:110px;}
/*div#main_visual {vertical-align:top; margin-bottom:19px;}*/
div#container {width:100%;}
div#left_area {float:left; width:174px; margin-left:32px; padding-left:2px; display:inline;}
div#right_area {float:right; width:771px;}
div#footer {width:100%; height:13px; padding:17px 0 18px 0; margin-top:35px; background:url(../../img/footer/footer_bg.gif) left top repeat-x;}

/* header contents */
.logo {float:left; padding-left:69px; margin-right:74px; vertical-align:top;}
.gnb {float:left; margin-top:13px; padding:0 0 3px 64px; background:url(../../img/common/gnb_bg.gif) left top no-repeat;}
.gnb ul li {float:left; margin-right:20px; vertical-align:top;}
.gnb ul li.end {margin-right:0px;}
.gnb ul li img {vertical-align:top;}

.lineMap {float:right; height:24px; margin:8px 0 0 0;}
.lineMap a {font-size:11px; padding:0 8px 0 10px; border-left:1px solid #525552;}
.lineMap span {padding:0 3px 0 8px;}
.lineMap span.input {padding:0; margin:0;}
.lineMap span.input input {padding-top:2px; height:18px; margin:0px -15px 0 0;}
.lineMap span.btn a {border:none;}

/* left_area contents */
ul.tit_lnb {margin:5px 0 0 3px; height:21px;}
ul.tit_lnb img {vertical-align:top;}
ul.tit_lnb2 {margin:5px 0 0 3px; height:45px;}
ul.tit_lnb2 img {vertical-align:top;}

ul.l_lnb {margin:19px 2px 0 2px; border-top:1px solid #e4e4e6;}
ul.l_lnb li {padding:0 0 1px 0; border-bottom:1px solid #eaf0f2;}
ul.l_lnb li a {display:block; padding:2px 0 2px 10px;}
ul.l_lnb li a:link, ul.l_lnb li a:visited, ul.l_lnb li a:hover, ul.l_lnb li a:active {color:#376c8d; font-size:11px;}
ul.l_lnb li.on {position:relative; margin-top:-2px; border:none; z-index:2;}
ul.l_lnb li.on a {background:#c3d3da; font-weight:bold; color:#ffffff;}
ul.l_lnb li.on ul.s_lnb {margin-top:1px;}
ul.l_lnb li.on ul.s_lnb li {border:none; margin:0;}
ul.l_lnb li.on ul.s_lnb li a {padding:2px 0 2px 17px; color:#376c8d; font-weight:normal; background:#f2f5f6 url(../../img/bul/square_bul.gif) 10px 9px no-repeat;}
.finder {overflow:auto; width:159px; margin-top:20px; background:#f7f8f8; border:1px solid #f4f4f4; padding:9px 10px 0 7px;}
.finder dl dt {margin-bottom:14px;}
.finder dl dd {margin-bottom:8px;}
.finder dl dd select {margin-top:-2px;}
.finder dl dd.input_img {margin-top:2px;}
.finder dl dd.input_img input {width:115px;}
.finder dl dd.input_img img {display:block; margin-left:1px;}

.pro_today	{width:178px; margin-top:20px;}
.pro_bottom {width:178px; background:url(../../img/boxstyle/common_left_bottom.gif) left bottom no-repeat;}
.pro_top {width:158px; height:58px; background:url(../../img/boxstyle/common_left_top.gif) left top no-repeat; padding:13px;}
.pro_top ul {text-align:cneter; padding-left:10px;}
.pro_top ul li {display:inline;}
.pro_top ul li img {vertical-align:middle;}
.pro_top ul li.pro_img {width:98px; margin:0 17px 0 17px;}

/* footer contents */
ul.ft_menu {width:1024px; overflow:auto;}
ul.ft_menu li {float:left;}
ul.ft_menu li.ft_logo {margin:0 30px;}
ul.ft_menu li img {display:block;}

/* ÆäÀÌÁö ŸÀÌƲ h1~h6 
h1.page_title {height:48px; background:blue;}
h1.page_title {margin-top:9px; height:36px;}
*/
ul.page_title {margin-top:9px; height:36px;}
ul.page_title img {vertical-align:top;}
ul.page_title2 {margin-top:9px; height:39px;}
ul.page_title2 img {vertical-align:top;}

ul.page_title_line {margin:9px 0 20px 0; height:36px; border-bottom:1px solid #c3d3da;}
ul.page_title_line img {vertical-align:top;}
ul.page_title_line2 {margin:10px 0 18px 0; height:39px; border-bottom:1px solid #c3d3da;}
ul.page_title_line2 img {vertical-align:top;}
ul.page_title_line3 {margin:9px 0 18px 0; height:36px; border-bottom:1px solid #c3d3da;}
ul.page_title_line3 img {vertical-align:top;}
ul.page_title_line4 {margin:10px 0 16px 0; height:39px; border-bottom:1px solid #c3d3da;}
ul.page_title_line4 img {vertical-align:top;}

.grouping {margin-bottom:15px; padding-left:19px; font-weight:bold; font-size:13px; color:#000000; line-height:18px; background:url(/img/bul/circle01.gif) 0 3px no-repeat;}
.grouping2 {margin-bottom:5px; padding-left:19px; font-weight:bold; font-size:13px; color:#000000; line-height:18px; background:url(/img/bul/circle01.gif) 0 3px no-repeat;}

/* ÆäÀÌÁö À§Ä¡¸¦ ³ªÅ¸³»´Â ³×ºñ°ÔÀÌ¼Ç 
p.page_navi {margin:-28px 0 13px 0; font-size:11px; text-align:right; color:#898e92; background:red;}
p.page_navi strong {font-size:11px; font-weight:bold;}
*/
p.page_navi {position:absolute; top:225px; left:253px; width:771px; font-size:11px; text-align:right; color:#898e92;}
p.page_navi strong {font-size:11px; font-weight:bold;}

/* ÅÇ */
.tab {margin-bottom:15px; padding-left:1px; background:url(/img/common/tab_underline.gif) bottom left repeat-x;}
.tab img {position:relative; top:0; left:0; margin:0 -5px 0 -1px;}
.tab a.first-current img {margin:0 -6px 0 -1px; z-index:2;}
.tab a.current img {margin:0 -6px 0 -1px; z-index:2;}
.tab a.last-current img {margin-left:-1px; z-index:2;}

h1.tit_cont {margin-bottom:5px; font-weight:bold; font-size:15px; color:#000000; line-height:18px;}
h3.tit_train_gray {margin-bottom:5px; font-weight:bold; font-size:12px; color:#000000; line-height:18px;}
h4.tit_train {margin-bottom:5px; font-weight:bold; font-size:11px; color:#000000; line-height:18px;}
p.cont {margin-bottom:15px;}
ul.lg_commit {margin-bottom:15px;}
ul.lg_commit li {padding-left:15px; background:url(/img/bul/bul_round.gif) 5px 6px no-repeat;}
ol.lg_num {margin-bottom:15px;}
ol.lg_num li {list-style-type:decimal; text-indent:25px;}