@charset "utf-8";
@import url(base.css);
/*default*/
body {font-size:75%; line-height:1.5em; font-family:"돋움", Dotum, "굴림", Gulim, "Lucida Grande", Tahoma, Verdana, AppleGothic, UnDotum, sans-serif;}
a:link {color:#555;text-decoration:none;}
a:visited  {color:#800080; text-decoration:none;}
a:hover {color:#0030AE; text-decoration:none;}
a:active {color:#0030AE; text-decoration:none;}
input.type-image {border:0 none; padding:0; margin:0;}
/* Layout */
#header {background:none;border-width:1px; }
/* Top Menu */
/*#header #top {background:#044890 url(/images/main/menu_bg.gif) no-repeat left top;} */
#header #top {background:none;} 
#topmenu li ul {color:#333;}
#topmenu li ul li {background-color:#E5F3F8;}
#topmenu li ul li a:hover { color:#003BC2;}
/* main s */
#Contents {position:relative; width:940px; min-height:420px; margin:-28px auto 5px; background:none; padding:0;} 
#Contents h2 {font-family:"나눔고딕", "Malgun Gothic"; font-weight:bold; font-size:1.1em;}
#Contents div.pop {width:210px; float:left; display:inline; margin:30px 0 10px 0;}
#Contents div.pop div.txt{ margin:-50px 0 0 60px; height:67px;width:200px; overflow:hidden;}
#Contents div.pop div.txt h3, #Contents div.pop div.txt h3 a { color:#2D328F; padding-bottom:4px;font-weight:bold; font-size:15px; font-family:"나눔고딕", "Malgun Gothic";}
#Contents div.pop div.txt p, #Contents div.pop div.txt p a { margin-top:3px; line-height:1.5em; letter-spacing:-0.1em; color:#000;}
#Contents div.pop div.txt p a:hover { text-decoration:none;}
/*
#Contents div.maincate_menu_box {
	font-size: 9pt;
	font-weight: bold;
	color: #629020;
	text-decoration: none;
	font-family: "-윤고딕330";
	

}
*/
 

#Contents div p.btnL{padding:20px 0 0 20px;}
#Contents div p.btnR{margin:-52px 0 0 270px;} 
#Contents div.visual {width:626px; height:178px; float:right; background: url(/images/main/visual.gif) no-repeat left top; padding-right:15px;}
#Contents div.visual img {margin-left:25px; margin-top:40px;}

#Contents div.sectionf {width:327px; float:left; display:inline; margin-top:-33px;}
#Contents div.sections {width:311px; float:left; display:inline; margin-top:-8px; background: url(/images/main/line_h.gif) no-repeat 0 bottom;}
#Contents div.sectiont {width:309px; float:right; display:inline; margin-top:-48px; background: url(/images/main/line_h.gif) no-repeat left bottom; overflow:hidden;}



/* 게시판 */
#Contents div.article-news, #Contents div.article-notice {position:relative; margin:4px 0 18px 8px;}
#Contents div #article-tab1,#Contents div #article-tab2  {width:304px; border-bottom:1px solid #e6e6e6; height:28px;}
#Contents div.article-news #pds { clear:both;}
#Contents div #article-tab1 li, #Contents div #article-tab2 li {float:left; display:inline; width:91px; height:29px; padding-right:1px; background: url(/images/main/tab.gif) no-repeat; line-height:30px; text-align:left ; font-family:"나눔고딕", "Malgun Gothic"; font-weight:bold;  cursor:pointer; color:#4C4C4C;}
#Contents div #article-tab1 li.on a, #Contents div #article-tab1 li a:hover,
#Contents div #article-tab2 li.on a, #Contents div #article-tab2 li a:hover
{float:left; display:inline; width:91px; height:29px; display:block; background: url(/images/main/tab_ov.gif) no-repeat; font-family:"나눔고딕", "Malgun Gothic"; color:#24344b; line-height:30px; text-decoration:none; font-size:1.1em; } 
#Contents div #article-tab1 li span, #Contents div #article-tab2 li span { position:absolute; visibility:hidden; width:0; height:0; font-size:0; overflow:hidden;}
#Contents div.article-news div {margin-top:5px;}
#Contents div.article-news div ul li, #Contents div.article-notice ul li, #Contents div.guide ul li {overflow:auto; width:303px; padding:2px 0 1px 15px;  background: url(/images/main/news_list.gif) no-repeat 5px 0.8em; }
#Contents div.article-news div ul li a,#Contents div.article-notice ul li a {float:left; width:217px;}
#Contents div.article-notice ul, #Contents div.guide ul, #Contents div.guideline ul {margin-top:5px;} 
#Contents div.article-news div ul li span.date, #Contents div.article-notice ul li span.date {color:#484848; font-size:1em;}
#Contents div.article-news p.more a {position:absolute; top:11px; right:20px; margin:0; vertical-align:top;}
#Contents div.article-notice p.more a {position:absolute; top:8px; right:23px; margin:0; vertical-align:top;}
#Contents div.article-notice h2 {width:303px; height:31px; padding-left:14px; line-height:29px; color:#493426; background: url(/images/main/tab_bg.gif) no-repeat;}

/*
#Contents div.shop_box1 {widht:940px; height:360px; margin:0px 0 0 0px; background: url(/img/main/main01_bg.gif) no-repeat; border-width:1px; border-style:solid; border-color:blue;}


#Contents div.shop_box1_left {width:266px; height:360px; float:left; display:inline; margin-top:0px; z border-width:1px; border-style:solid; border-color:red;}


#Contents div.goods_bn {width:480px;  height:360px; float:left; display:inline; margin-top:0px; border-width:1px; border-style:solid; border-color:green;}

#Contents div.latest_notice {width:186px; height:238px; float:left; display:inline; margin-top:100px; border-width:1px; border-style:solid; border-color:red;}

#Contents div.maincate_menu_box {width:134px; height:150px; float:left; display:inline; margin:203px 0px 0px 64px; border-width:1px; border-style:solid; border-color:red;}

#Contents div.box_cate_left {width:65px; height:150px; float:left; display:inline; bottom:0px; margin-top:0px; border-width:1px; border-style:solid; border-color:red;}

#Contents div.box_cate_right {width:65px; height:150px; float:right; display:inline; bottom:0px; margin-top:0px; border-width:1px; border-style:solid; border-color:red;}


#Contents div.shop_box1 div.shop_box1_left div.maincate_menu p.box_cate_left {
	text-align: left;
}
#Contents div.shop_box1 div.shop_box1_left div.maincate_menu p.box_cate_right {
float:right; display:inline; margin-top:0px;
	left:80;
	text-align: left;
}
*/

#Contents div.kado, #Contents div.site {height:78px; margin:0 0 3px 15px;}
#Contents div.kado h2 {padding:5px 0 8px 14px; color:#1e766c;}
#Contents div.kado p, #Contents div.site p {width:180px; padding-left:14px;line-height:1.2em;}
#Contents div.kado {background: url(/images/main/kado_bg.gif) no-repeat; }
#Contents div.site {margin-top:40px; height:90px; background: url(/images/main/site_bg.gif) no-repeat; }
/* #Contents div.site p {width:210px; letter-spacing:-0.05em;} */
#Contents div.site ul {padding:6px 0 0 15px;}
#Contents div.site li{background:url(/images/main/icn_arrowG.gif) no-repeat 0 0.5em; padding:1px 15px 0 15px;}
#Contents div.guideline {position:relative; margin:14px 0 0 15px;}
#Contents div.guideline h2 {width:283px; height:31px;line-height:29px; padding-left:14px; color:#493426; background: url(/images/main/tab_guide_bg.gif) no-repeat;}
#Contents div.guideline ul li {background: url(/images/main/news_list.gif) no-repeat 5px 0.8em; padding:2px 0 1px 15px;}
#Contents div.guideline ul li a {width:275px; }
#Contents div.guideline p.more a {position:absolute; top:8px; right:23px; margin:0; vertical-align:top;}
#Contents div.day{background:url(/images/main/bg_banner.gif) no-repeat; height:32px; margin:12px 0 0 15px; padding:5px 0 0 10px;}
#Contents div.day img {padding-right:15px;}
#Contents div.banner {position:relative; padding-left:15px; overflow:hidden; height:80px; background:url(/images/main/bg_family.gif) no-repeat 15px 14px;}
#Contents div.banner h2 {width:283px; padding-left:14px; padding-bottom:7px; color:#493426; background: url(/images/main/icn_circle.gif) no-repeat 0 0.5em;}
#Contents div.banner p { clear:both; padding:2px 0;}
#Contents div.banner p span.logo { display:block; float:left; display:inline; width:45px; text-align:center;}
#quick {display:none;}
#Tim{display:none;}

#footer {margin-top:15px; width:952px;}
#footer ul.guide { margin-right:15px; width:700px;}











/* ---------------------------------------------- 한누리 스타일쉬트 적용 시작 --------------------------------------------------- */

/*
INPUT {
	FONT-SIZE: 9pt; FONT-FAMILY: 돋움, Tahoma, Seoul, Gulim; height:18px
}
*/

.caseview {
	PADDING-RIGHT: 0px; PADDING-LEFT: 15px; FONT-SIZE: 8pt; PADDING-BOTTOM: 0px; COLOR: #828282; LINE-HEIGHT: 10pt; PADDING-TOP: 4px; FONT-FAMILY: 돋움, Tahoma, Seoul
}
.member {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 8pt; PADDING-BOTTOM: 0px; COLOR: #808080; LINE-HEIGHT: 160%; PADDING-TOP: 4px; FONT-FAMILY: 돋움, Tahoma, Seoul
}
.gallery {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 8pt; PADDING-BOTTOM: 0px; COLOR: #333333; LINE-HEIGHT: 160%; PADDING-TOP: 0px; FONT-FAMILY: 돋움, Tahoma, Seoul
}
.product {
	FONT-SIZE: 7pt; COLOR: #555555; FONT-FAMILY: verdana
}
.product {
	FONT-SIZE: 7pt; COLOR: #555555; FONT-FAMILY: verdana
}
.d_product {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 7pt; PADDING-BOTTOM: 4px; COLOR: #333333; PADDING-TOP: 0px; FONT-FAMILY: verdana
}
.d_product2 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 8pt; PADDING-BOTTOM: 0px; COLOR: #333333; LINE-HEIGHT: 160%; PADDING-TOP: 2px; FONT-FAMILY: 돋움
}
.caseview2 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 8px; FONT-SIZE: 8pt; PADDING-BOTTOM: 0px; COLOR: #666666; LINE-HEIGHT: 160%; PADDING-TOP: 0px; FONT-FAMILY: 돋움
}
.spec {
	FONT-SIZE: 8pt; COLOR: #666666; FONT-FAMILY: 돋움, Tahoma, Seoul
}
.process {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 8pt; PADDING-BOTTOM: 0px; COLOR: #666666; LINE-HEIGHT: 150%; PADDING-TOP: 2px; FONT-FAMILY: 돋움, Tahoma, Seoul
}
.admin_title {
	FONT-WEIGHT: bold; FONT-SIZE: 15px; COLOR: #4e4e4c; FONT-FAMILY: 돋움, Tahoma, Seoul, Gulim; 14pt: 
}
.admin_brd1 {
	FONT-WEIGHT: bold; COLOR: #006a92; FONT-FAMILY: 돋움, Tahoma, Seoul, Gulim; 12pt: 
}
.admin_brd2 {
	FONT-WEIGHT: bold; COLOR: #f27f39; FONT-FAMILY: 돋움, Tahoma, Seoul, Gulim; 12pt: 
}
.admin_menu_over {
	FONT-WEIGHT: bold; COLOR: #ffffff; FONT-FAMILY: 돋움, Tahoma, Seoul, Gulim; TEXT-DECORATION: none; 12pt: 
}
.memberlist {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 9pt; PADDING-BOTTOM: 0px; COLOR: #808080; LINE-HEIGHT: 120%; PADDING-TOP: 4px; FONT-FAMILY: 돋움, Tahoma, Seoul
}
.fo_1 {
	FONT-SIZE: 11px;
	FONT-FAMILY: "-윤디자인웹돋움";
	color: #616161;

}
.fo_2 {
	FONT-SIZE: 11px;
	COLOR: #7f765c;
	PADDING-TOP: 3px;
	FONT-FAMILY: "-윤디자인웹돋움";
	font-weight: bolder;
	text-transform: capitalize;
	word-spacing: normal;

}
.fo_3 {
	FONT-SIZE: 8pt; COLOR: #666666; PADDING-TOP: 3px; FONT-FAMILY: 돋움,Tahoma; BACKGROUND-COLOR: #f7f7f7
}
.fo_4 {
	FONT-SIZE: 8pt; PADDING-TOP: 3px; FONT-FAMILY: 돋움,Tahoma
}

.text:visited {
	COLOR: #217ec6; TEXT-DECORATION: none
}
.text:hover {
	COLOR: #217ec6; TEXT-DECORATION: none
}
.text:link {
	COLOR: #217ec6; TEXT-DECORATION: none
}
.main:visited {
	COLOR: #888888; TEXT-DECORATION: none
}
.main:hover {
	COLOR: #319af3; TEXT-DECORATION: none
}
.main:link {
	COLOR: #888888; TEXT-DECORATION: none
}
.news:visited {
	COLOR: #808080; TEXT-DECORATION: none
}
.news:hover {
	COLOR: #79663f; TEXT-DECORATION: none
}
.news:link {
	COLOR: #808080; TEXT-DECORATION: none
}
.sub_menu:link {
	FONT-SIZE: 11px; COLOR: #555555; TEXT-DECORATION: none
}
.sub_menu:visited {
	FONT-SIZE: 11px; COLOR: #555555; TEXT-DECORATION: none
}
.sub_menu:hover {
	FONT-SIZE: 11px; COLOR: #995308; TEXT-DECORATION: none
}
.pile:link {
	COLOR: #666666; TEXT-DECORATION: none
}
.pile:visited {
	COLOR: #666666; TEXT-DECORATION: none
}
.pile:hover {
	COLOR: #82892d; TEXT-DECORATION: none
}
.site:link {
	COLOR: #808080; TEXT-DECORATION: none
}
.site:visited {
	COLOR: #808080; TEXT-DECORATION: none
}
.site:hover {
	COLOR: #333333; TEXT-DECORATION: none
}
.t00 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 7px; PADDING-TOP: 7px; BACKGROUND-COLOR: #f4f4f4
}
.t00_2 {
	BACKGROUND-COLOR: #dcdcdc
}
.t05 {
	BACKGROUND-COLOR: #478ec4
}
.t05_2 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 5px; PADDING-TOP: 5px; BACKGROUND-COLOR: #f4f9fc
}
.t01 {
	BACKGROUND-COLOR: #e4edef
}
.t01_2 {
	BACKGROUND-COLOR: #dfebee
}
.t01_3 {
	BACKGROUND-COLOR: #f3f6f7
}
.t01_4 {
	BACKGROUND-COLOR: #cbe1e6
}
.t01_5 {
	BACKGROUND-COLOR: #b3c7cb
}
.t06 {
	BACKGROUND-COLOR: #e6e0d4
}
.t06_2 {
	BACKGROUND-COLOR: #f2f1ec
}
.t06_3 {
	BACKGROUND-COLOR: #f5f4f0
}
.t06_4 {
	BACKGROUND-COLOR: #eeeada
}
.t07 {
	BACKGROUND-COLOR: #cee6ed
}
.t07_2 {
	BACKGROUND-COLOR: #eff6f7
}
.t07_3 {
	BACKGROUND-COLOR: #f1f8f8
}
.t07_4 {
	BACKGROUND-COLOR: #daeeee
}
.searchBox {
	HEIGHT: 20px; BACKGROUND-COLOR: #ffffff
}
.box1 {
	BORDER-RIGHT: #d8d8d8 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #d8d8d8 1px solid; PADDING-LEFT: 2px; PADDING-BOTTOM: 0px; BORDER-LEFT: #d8d8d8 1px solid; PADDING-TOP: 3px; BORDER-BOTTOM: #d8d8d8 1px solid; HEIGHT: 19px; BACKGROUND-COLOR: #fafafa
}
.box1_2 {
	BORDER-RIGHT: #d8d8d8 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #d8d8d8 1px solid; PADDING-LEFT: 2px; PADDING-BOTTOM: 0px; BORDER-LEFT: #d8d8d8 1px solid; PADDING-TOP: 3px; BORDER-BOTTOM: #d8d8d8 1px solid; HEIGHT: 180px; BACKGROUND-COLOR: #fafafa
}
.apply {
	BORDER-RIGHT: #d8d8d8 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #d8d8d8 1px solid; PADDING-LEFT: 2px; PADDING-BOTTOM: 0px; BORDER-LEFT: #d8d8d8 1px solid; PADDING-TOP: 2px; BORDER-BOTTOM: #d8d8d8 1px solid; HEIGHT: 19px; BACKGROUND-COLOR: #fafafa
}
.apply_2 {
	BORDER-RIGHT: #e4e7ea 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #e4e7ea 1px solid; PADDING-LEFT: 2px; PADDING-BOTTOM: 0px; BORDER-LEFT: #e4e7ea 1px solid; PADDING-TOP: 3px; BORDER-BOTTOM: #e4e7ea 1px solid; BACKGROUND-COLOR: #ffffff
}
.member2 {
	BORDER-RIGHT: #d8d8d8 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #d8d8d8 1px solid; PADDING-LEFT: 2px; PADDING-BOTTOM: 0px; BORDER-LEFT: #d8d8d8 1px solid; PADDING-TOP: 2px; BORDER-BOTTOM: #d8d8d8 1px solid; HEIGHT: 18px; BACKGROUND-COLOR: #ffffff
}
.service {
	BORDER-RIGHT: #e6e0d4 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #e6e0d4 1px solid; PADDING-LEFT: 2px; PADDING-BOTTOM: 0px; BORDER-LEFT: #e6e0d4 1px solid; PADDING-TOP: 2px; BORDER-BOTTOM: #e6e0d4 1px solid; HEIGHT: 18px; BACKGROUND-COLOR: #ffffff
}
.service2 {
	BORDER-RIGHT: #e6e0d4 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #e6e0d4 1px solid; PADDING-LEFT: 2px; PADDING-BOTTOM: 0px; BORDER-LEFT: #e6e0d4 1px solid; PADDING-TOP: 2px; BORDER-BOTTOM: #e6e0d4 1px solid; HEIGHT: 200px; BACKGROUND-COLOR: #ffffff
}
.service3 {
	BORDER-RIGHT: #e6e0d4 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #e6e0d4 1px solid; PADDING-LEFT: 2px; PADDING-BOTTOM: 0px; BORDER-LEFT: #e6e0d4 1px solid; WIDTH: 505px; PADDING-TOP: 2px; BORDER-BOTTOM: #e6e0d4 1px solid; HEIGHT: 50px; BACKGROUND-COLOR: #ffffff
}
.intranet {
	BORDER-RIGHT: #d4e5e6 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #d4e5e6 1px solid; PADDING-LEFT: 2px; PADDING-BOTTOM: 0px; BORDER-LEFT: #d4e5e6 1px solid; PADDING-TOP: 2px; BORDER-BOTTOM: #d4e5e6 1px solid; HEIGHT: 18px; BACKGROUND-COLOR: #ffffff
}
.intranet2 {
	BORDER-RIGHT: #d4e5e6 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #d4e5e6 1px solid; PADDING-LEFT: 2px; PADDING-BOTTOM: 0px; BORDER-LEFT: #d4e5e6 1px solid; PADDING-TOP: 2px; BORDER-BOTTOM: #d4e5e6 1px solid; HEIGHT: 200px; BACKGROUND-COLOR: #ffffff
}


/*select box*/
.select {font-family: "돋움", "Arial", "Verdana";	font-size: 12px; border-style:none;}

.green {color: #00AA66;}
.green_b {color: #00AA66;font-size:13px;font-weight:bold;}
.orange {color: #F7941C;}
.blue {color: #4399FE;}
.yellow {color: #B9A901;}
.red {color: #CE0000;}
.black {color:#000000;}
.no {color: #0088BB;}
.coupon {color: #8F198D;}
.sale {color: #2C8D39;}
.fund {color: #C07316;}





/* 주문내역 추가사항  - 이부분 절대 수정하지 마세요....!! 수정시 연락요망 */
.name_txt1                {border-style:solid; border-width:1px 1px 1px 1px; border-color:#999999; color:#333333;}
.name_txt2                {border-style:solid; border-width:0px 1px 1px 1px; border-color:#999999; color:#333333;}
.name_txt3                {border-style:solid; border-width:0px 1px 1px 0px; border-color:#999999; color:#333333;}
.name_txt4                {border-style:solid; border-width:1px 0px 1px 0px; border-color:#999999; color:#333333;}
.name_txt5                {border-style:solid; border-width:1px 0px 1px 0px; border-color:#999999; color:#333333;}
.name_txt_price2          {font:12px tahoma; color: #000066; margin-left : 12px; padding:5px; text-align:right; font-family:tahoma; border-style:solid; border-width:0px 1px 1px 1px; border-color:#999999;}
.name_txt_price3          {font:12px tahoma; color: #000066; margin-left : 12px; padding:5px; text-align:right; font-family:tahoma; border-style:solid; border-width:0px 1px 1px 0px; border-color:#999999;}
.name_txt_price_discount2 {font:12px tahoma; color: #F54A00; margin-left : 12px; padding:5px; border-style:solid; border-width:0px 1px 1px 1px; border-color:#999999;}
.name_txt_price_discount3 {font:12px tahoma; color: #F54A00; margin-left : 12px; padding:5px; border-style:solid; border-width:0px 1px 1px 0px; border-color:#999999;}

.tec_name                 {font:11px tahoma; color: #6666; padding:5px; font-family:tahoma;}
.tec_price                {font:11px tahoma; color: #cc0033; padding:5px;}
.order_price_card         {font:11px tahoma; color: #003333;}
.order_price_card9        {font:11px tahoma; color: #996633;}
.order_price_discount5    {font:11px tahoma; color: #F1680E;}
.order_price_discount9    {font:11px tahoma; color: #517217;}