@charset "utf-8";
@import url(layout_baraem.css);

* {margin:0; padding:0;}
html, body {width:100%; height:100%; position:relative;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,form,fieldset,p,button,input{margin:0;padding:0}
body,h1,h2,h3,h4,input,button{font-family:'돋움',dotum,Helvetica,sans-serif;font-size:12px;color:#383d41;vertical-align:middle;}
body{background-color:#fff;text-align:left;}
li{list-style:none}
input {outline:none;}
input,select,button{vertical-align:middle}
em,address{font-style:normal}
label,button{cursor:pointer}
button{margin:0;padding:0}
a{color:#2f3743;text-decoration:none}
a:hover{color:#390;text-decoration:underline}
html:first-child select{height:20px;padding-right:6px}
option{padding-right:6px}
hr{display:none}

a {color:#000000; text-decoration:none;}
a:hover {color:#000000; text-decoration:underline;}

p {margin-top:3px; margin-bottom:3px;}

.auto {margin:0 auto;}
.none {font-size:1px; line-height:1px;}
.bold {font-weight:bold;}
.left {text-align:left;}
.center {text-align:center;}
.pointer {cursor:pointer;}
.move {cursor:move;}
.underline {text-decoration:underline;}
.right {text-align:right;}
.clr {clear:both; font-size:0px;}
.up1 {position:relative; overflow:hidden; left:0; top:-1px;}
.up2 {position:relative; overflow:hidden; left:0; top:-2px;}
.up3 {position:relative; overflow:hidden; left:0; top:-3px;}
.up4 {position:relative; overflow:hidden; left:0; top:-4px;}
.up5 {position:relative; overflow:hidden; left:0; top:-5px;}
.up10 {position:relative; overflow:hidden; left:0; top:-10px;}
.down1 {position:relative; overflow:hidden; left:0; top:1px;}
.down2 {position:relative; overflow:hidden; left:0; top:2px;}
.down3 {position:relative; overflow:hidden; left:0; top:3px;}
.down4 {position:relative; overflow:hidden; left:0; top:4px;}
.down5{position:relative; overflow:hidden; left:0; top:5px;}

.l16 {line-height:16px;}
.l18 {line-height:18px;}

.userview {padding:0 7px 0 7px; line-height:14px; font-size:12px; color:#333333; font-family:dotum,돋움;}
.userview a:hover {color:#39bb00; text-decoration:none;}

/*
.tooltip
{position:absolute;top:0px;left:0px;z-index:9999;display:none;border:2px solid #0195a1;line-height:16px; font-size:11px; color:#898989; font-family:dotum,돋움;padding:20px;font-weight:normal;text-align:left;}
*/
.tooltip
{position:absolute; top:0px; left:0px; z-index:9999; display:none; border:2px solid #0195a1; background-color:#ffffff; line-height:16px; font-size:11px; color:#898989; font-family:dotum,돋움; padding:20px 20px 20px 20px; font-weight:normal; text-align:left;}

#message_body {position:absolute; top:0px; left:0px; width:0px; height:0px; z-index:999999; display:none; background-color:#000000; text-align:center;}
#message_box {position:absolute; top:0px; left:0px; padding:17px 20px 10px 20px; border:2px solid #c1c1c1; background:#ffffff; z-index:999999; display:none;}
#message_box .title {font-weight:bold; margin-bottom:8px; line-height:20px; font-size:14px; color:#333333; font-family:dotum,돋움; letter-spacing:-1px;}
#message_box .text {line-height:20px; font-size:13px; color:#363636; font-family:gulim,굴림;}
#message_box .btn{clear:both; margin-top:17px; padding:10px 0; border-top:1px solid #e5e5e5; text-align:center;}
#message_box .btn img {vertical-align:top;}

.layout_top_bg {position:absolute; top:0px; left:0px; width:100%; height:0px; z-index:-1;}
.layout_bottom_bg {position:absolute; bottom:0px; left:0px; width:100%; height:0px; z-index:-1;}

/*미나씨 클래스*/

.select{border: 1px solid #A7A7A7;background-color:#ffffff;height: 20px;	font-family:"돋움", "굴림", Verdana, Arial;font-size: 11px;color: #666666;}
.input{border: 1px solid #c2c2c2;background-color: #FFFFFF;height: 20px;font-family: "돋움", "굴림", Verdana, Arial;font-size: 12px;color: #666666;}
.textarea{border:#c2c2c2 1px solid; background-color:FFFFFF; font-family:"돋움", "굴림",Verdana,Arial;font-size:12px;color:#4B4B4B; padding:4px 4px 4px 4px;}
.scrollTxt{scrollbar-face-color:#FFFFFF; scrollbar-arrow-color:#289CDC;scrollbar-highlight-color : #c6c6c6; scrollbar-shadow-color : #c6c6c6; scrollbar-3dlight-color : #DADADA;scrollbar-darkshadow-color :#FFFFFF;font-family:'돋움', '굴림'; font-size:11px; color:#898989; line-height:14px;}
/*png투명*/
.png01{tmp:expression(setPng24(this));}

/*탑메뉴랑 메인메뉴*/
.inputsearch{border:1px solid #c0c0c0; width:180px; float:right; height:22px; margin-top:20px;}
.input02{border:1px solid #ffffff; background-color:#FFFFFF; height:17px; font-family:"돋움", "굴림", Verdana, Arial; font-size:12px; color: #707070 ;vertical-align:top; width:151px; padding-left:5px;padding-top:1px;}
.mainmenu{font-family:Tahoma; font-size:15px; color:#ffffff; font-weight:bolder; float:left; margin-left:70px; }
.mainmenu a{font-size:15px;color:#000000;}
.mainmenu a:hover{font-size:15px; color:#003471; text-decoration:none;}

.topmenu { font-family:'NanumGothic','맑은고딕','돋움','굴림'; margin:0px 0px 0px 70px; font-size:15px; color:#ffffff; font-weight:bolder; float:left;}
.topmenu a{font-size:15px;color:#000000;}
.topmenu a:hover{font-size:15px; color:#003471; text-decoration:none;}


/*슬라이드서브메뉴*/
.top_submenu ul{  width:120px; padding:10px; line-height:25px; float:left; background-color:#866f63;}
.top_submenu a{ color:#ffffff;}
.catrgorymenu {font-family:'NanumGothic','맑은고딕','돋움','굴림',Tahoma,Verdna,Aria; margin:0 auto; position:absolute; z-index:10;  left:0px; top:69px; display:none;}

.submenu {padding:10px 0 10px 25px; background-color:#f8f8f8;}
.submenu li{font-family:'나눔고딕','돋움', '굴림'; line-height:21px; font-weight:bold;}
.submenu li a{color:#252525;font-size:12px;}
.submenu li a:hover{color:#2e9fd3; text-decoration: underline; font-weight:bold;}

/*상품리스트*/
.productname{font-family:'돋움', '굴림'; font-size:12px; color:#363636;line-height:17px; text-align:left; padding-top:10px;vertical-align:top;}
.productname img{vertical-align:middle;}
.producticon{line-height:12px; text-align:center;}
.productprice{font-family:Tahoma, Verdna, Aria; font-size:12px; font-weight:bolder; color:#363636;}
.productprice img{ vertical-align:top; margin-left:3px; line-height:12px;}

/*서브디자인*/

.line01{border-top:1px solid #F6F6F6; margin-top:24px; margin-bottom:0px; width:733px;}
.line02{border-top:1px solid #dadada; margin-top:6px; margin-bottom:0px; width:733px;}
.donation_txt01{font-size:15px;color:#252525;font-weight:bolder; line-height:18px; margin-top:10px;}
.donation_title{font-size:20px;color:#252525;font-weight:bolder; line-height:30px;}
.donation_txt02{font-size:12px;color:#7d7d7d;line-height:16px; margin-top:10px;}

/*상품리스트_베스트_흰색폰트*/
.productname_best{font-family:'돋움', '굴림'; font-size:12px; color:#ffffff;line-height:25px; text-align:center;}
.productname_best a{color:#ffffff;}
.productname_best a:hover{color:#ffffff;}
.productname_best img{vertical-align:middle;}
.productprice_best{font-family:Tahoma, Verdna, Aria; font-size:12px; font-weight:bolder; color:#ffffff; line-height:12px; text-align:center; margin-bottom:20px;}
.productprice_best img{ vertical-align:top; margin-left:3px; line-height:12px;}

/*히스토리*/
.history_num01{font-family:Verdana, Arial;font-size:12px;color:#737373;text-align:center;font-weight:bolder;}
.history_num a{color:#737373}
.history_num a:hover{color:#348ad8;text-decoration:none;}
.history_num02{font-family:Verdana, Arial;font-size:12px;color:#348ad8;text-align:center;font-weight:bolder;}
.history_txt01{font-family:Verdana, Arial;font-size:20px;color:#306d97;font-weight:bolder; padding-bottom:10px;}
.history_txt02{font-family:Verdana, Arial;font-size:11px;color:#69a5cd;font-weight:bolder; vertical-align:top;}
.history_txt03{font-family:"돋움", "굴림",Verdana, Arial;font-size:12px;color:#707070;line-height:20px;padding-left:30px;}

/*카피에 공지사항*/
.noticebr{line-height:20px;width:8px; padding-top:0px; padding-right:2px}
/*메인공지사항*/
.noticecontents{font-size:12px; color:#f1f0f0; line-height:15px; height:15px; margin-left:31px;}
.noticecontents a{font-size:20px; color:#f1f0f0;}
.noticecontents a:hover{font-size:12px; color:#ffffff;}
.noticedate{font-family:'돋움', '굴림'; font-size:12px; color:#bbaba4;line-height:15px; text-align:right; width:40px; margin-left:31px;}

/*타이틀*/
.titlesub{font-family:'돋움', '굴림',Tahoma, Verdna, Aria; font-size:20px; color:#252525; font-weight:bolder;line-height:40px;}

/*네비*/
.subnavi{font-family:'돋움', '굴림',Tahoma, Verdna, Aria; font-size:12px;color:#555555;margin-top:21px; text-align:right;}

/*상품뷰*/
.viewtitle{font-family:'돋움', '굴림',Tahoma, Verdna, Aria; font-size:12px; font-weight:bolder; color:#555555;}

/*리스트안내*/
.listtitle01{font-family:'돋움', '굴림'; font-size:15px; font-weight:bolder; color:#363636;}
.listtxt01{font-family:'돋움', '굴림'; font-size:12px; color:#363636;}
.listtxt02{font-family:Tahoma, Verdna, Aria; font-size:11px; color:#0072bc;}

.mypage02 {font-family:'돋움', '굴림'; font-size:11px; color:#555555; line-height:14px;}
.mypage02 a {font-family:'돋움', '굴림'; font-size:11px; color:#555555; line-height:14px;}
.mypage01 {font-family:'돋움', '굴림'; font-size:12px; color:#387bb0; line-height:14px; font-weight:bolder;}
.mypage01 a {font-family:'돋움', '굴림'; font-size:12px; color:#387bb0; line-height:14px; font-weight:bolder;}

/*리스트관련*/
.b_title {font-family:'돋움', '굴림', Verdana, Arial;font-size: 11px;color: #FFFFFF;text-align: center;}
.b_title02 {font-family:'돋움', '굴림', Verdana, Arial;font-size: 11px;font-weight:bolder;color: #555555;text-align: center;}
.b_num {font-family:"Verdana", "Arial";font-size: 11px;font-weight: normal;color: #7d7d7d;text-align: center;}
.b_subject {font-family:'돋움', '굴림', Verdana, Arial;font-size: 12px;color: #707070;}
.b_name {font-family:'돋움', '굴림', Verdana, Arial;font-size: 11px;color: #707070;text-align: center;}
.b_date {font-family:Tahoma,Verdana , Arial;font-size: 11px;color:#707070;text-align: center;vertical-align:absmiddle;}
.b_hit {font-family:Tahoma, Verdana, Arial;font-size: 12px;color: #737373;text-decoration: none;text-align: center;}
.b_content {font-family:'돋움', '굴림', Verdana, Arial;font-size: 12px;color:#707070; padding:10px; line-height:15px;}
.b_view {font-family:'돋움', '굴림', Verdana, Arial;font-size: 12px;color:#707070;}
.b_total {font-family:'돋움', '굴림', Verdana, Arial;font-size: 11px;color:#707070;}

/*페이징*/
.page_num {font-family:Verdana, Arial;font-size: 12px;color: #7d7d7d;text-align: center; letter-spacing:5px;}
.page_a {color: #252525;font-weight:bolder;}
.pageing01 {font-family:Verdana, Arial;font-size: 12px;color: #898989; padding:2px 6px 0px 6px;}

.line{ background-image: url(../images/line01.gif);}

/*상세가이드 11폰트*/
.guide01 {font-family:'돋움', '굴림', Verdana, Arial;font-size:11px;color:#555555;line-height:16px;font-weight:bolder;}
.guide02 {font-family:'돋움', '굴림', Verdana, Arial;font-size:11px;color:#737373;line-height:16px;}
.guide03 {font-family:'돋움', '굴림', Verdana, Arial;font-size:11px;color:#252525;line-height:16px;}


/*카피*/
.copymenu { height:40px;  padding-top:15px;}
.copymenu li{font-family:'돋움', '굴림'; font-size:11px; color:#363636; float:left;}
.copytxt01{font-family:'돋움', '굴림'; font-size:11px; color:#8e8e8e; line-height:18px; margin-top:10px;}
.copytxt02{font-family:Verdana,Tahoma; font-size:8pt; color:#707070; font-weight:bolder; line-height:18px; margin-top:10px;}
.copylogo{margin:20px 50px 20px 20px; float:left;}

/*top 레이아웃 삼색*/
.top_bg_layout{margin-top:28px; text-align:right;}

/*로그인박스*/
.logintxt01{font-size:12px; font-weight:bold;}
.logintxt02{font-size:12px; margin-bottom:5px;}
.logintxt03{font-size:12px;color:#707070; margin-bottom:5px;}

/*사이트맵*/
.sitemap{font-family:'NanumGothic','맑은고딕','돋움'; float:left; margin-right:68px; margin-bottom:20px;}
.sitemap ul{}
.sitemap ul li{font-family:'NanumGothic','맑은고딕','돋움'; font-size:11px;color:#555555;line-height:30px; padding-left:10px; border-bottom:1px solid #dadada;}
.sitemap2{float:left;}
.sitemap2 ul{}
.sitemap2 ul li{font-size:11px;color:#555555;line-height:30px; padding-left:10px; border-bottom:1px solid #dadada;}