@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);


/* CSS Document */
/* here follows the brillant "no-extra-markup" clearing method devised by Tony Aslett - www.csscreator.com */
/* simply add the clearfix class to any containter that must enclose floated elements */
/* read the details of how and why this works at http://www.positioniseverything.net/easyclearing.html */

.clearfix:after {

content: ".";              /* the period is placed on the page as the last thing before the div closes */

display: block;          /* inline elements don't respond to the clear property */ 

height: 0;                  /* ensure the period is not visible */

clear: both;               /* make the container clear the period */

visibility: hidden;      /* further ensures the period is not visible */

}


/* a.clearfix {display: inline-block;}    fix for IE Mac */
/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}

/* End hide from IE-mac */ 
/* end of "no-extra-markup" clearing method */ 



html { overflow:scroll; overflow-x:auto; padding:0; margin:0;}
body { height:100%; margin:0; padding:0; color:#666666; font-size:14px; letter-spacing: -1px; font-family:NanumGothicWeb, Nanum Gothic,'³ª´®°íµñ','µ¸¿ò','±¼¸²',Dotum, Helvetica, AppleGothic, Arial, Verdana, sans-serif; font-weight: normal;}
td { margin:0; padding:0; border-collapse: collapse; border-spacing:0;  }
p{margin:0; padding:0; letter-spacing: -1pt;}
ol, ul, li{margin:0; padding:0; list-style:none;}
dl, dt, dd{margin:0; padding:0;}
a:link, a:visited{color:#555; text-decoration:none;}
a:hover, a:active, a:focus{color:#000; text-decoration:none; background:none;}
h1, h2, h3, h4, h5, h6{margin:0; padding:0; font-weight: normal;}

/* table {border-collapse:collapse; border-spacing:0; border:0; line-height:1.8em;}
textarea{padding:10px; font-size:100%;}
.input_text {font-family:µ¸¿ò; font-size:9pt; color:#5E5E5E; margin-top:0; margin-bottom:0;  border: 1px solid #D0D0D0; padding-left:3; line-height:125%; height:20px;}
*/


fieldset{margin:0; padding:0; border:0;}
img{border:0; }
hr, legend{display:none;}

caption { visibility:hidden; text-align:left;}
.skip{position:absolute; top:0; left:-9000px; width:0; height:0; font-size:0; line-height:0;}
.blind {position:absolute; width:0; height:0; overflow:hidden; font-size:0; line-height:0; z-index:-1; visibility:hidden;} 



.left { float:left;}
.right { float:right;}
.clear { clear:both;} 

.color_f { color:#fff;}
.color0 { color:#000; }
.color1 { color: #6b8800; }
.color_red { color:#ff0000;}

.center_text { text-align:center;}
.left_text { text-align:left;}
.right_text { text-align:right;}

.overflow_h {overflow:hidden;}


/* ---------- È«ÀÍ °øÅë·¹À̾ƿô------------*/
.wrap { width:100%; min-width:1150px; }

/* header */
#header_wrap_mall { width:100%; min-width:1150px; background:#f4f5f0;}
#header_wrap_mall #header { overflow:hidden; width:1150px; margin:0 auto; }
#header_wrap_mall #header h1 { display:inline-block;}
#header_wrap_mall #header h1 a { display:block; padding:53px 0 27px 0; color:#8ba201; font-size:50px; font-weight:600; letter-spacing:0;}

#header_wrap_mall #gnb { position:relative; padding-top:58px; float:right; text-align:right; font-size:13px; } 
#header_wrap_mall .gnb { overflow:hidden; display:inline-block;}
#header_wrap_mall .gnb li { font-weight:bold; float:left; background:url('../images/common/line_gnb.gif') no-repeat left 8px;}
#header_wrap_mall .gnb li.first_child { background:none; padding-left:0;}
#header_wrap_mall ul.gnb li a {display:block; padding:5px 10px; color:#404040; } 
#header_wrap_mall ul.gnb li a:hover {display:block; padding:5px 10px; color:#8ba201; } 
#header_wrap_mall .top_call { color:#707b2d; font-size:13px; padding:9px 0;letter-spacing:0;}


/* pop_sitemap ¿Ã¸Þ´º */
#pop_sitemap_in { position:relative; width:960px; overflow:hidden; border:2px solid #000; background:#fff; z-index:5000; padding:20px 20px 7px 20px; }	
#pop_sitemap .site_ul { width:790px; overflow:hidden;}
#pop_sitemap .site_ul li { overflow:hidden; float:left; width:180px; height:200px; margin-right:15px;}
div.sitemap_tm { background:#f6f6f6; letter-spacing: -1pt; text-align:center; }
div.sitemap_tm a {color:#fff; font-size:15px; font-weight:bold; display:block; padding:8px 12px 7px 13px;}

#pop_sitemap .site_ul li ul.sitemap_sm li { margin:0; height:32px; cursor:pointer; font-weight:bold; border-bottom:1px dashed #eee;}
.sitemap_sm li a { display:block; padding:10px 0 8px 18px; color:#555; }
.sitemap_sm li a:hover { color:#000; }

#pop_sitemap .site_ul li.pop_sitemap_member { position:absolute; right:4px; top:20px; height:400px;}
#pop_sitemap .site_ul li.pop_sitemap_member .sitemap_tm { background:#bbb; border-bottom:1px solid #bcbcbc;}

.btn_close { position:absolute; right:0; bottom:2px;}
.btn_close a {text-align:center; display:block; width:60px; padding:7px 0 5px 0; font-size:13px; font-weight:bold; color:#000; background:#fefefe;}


/* footer */
#footer_wrap { position:relative; width:100%; min-width:1150px; padding:20px 0; background:#8b9d21; font-size:13px; color:#fff;}
.address_wrap {display:block; text-align:center;}
.address_wrap address{ font-style:normal; line-height:1.4; letter-spacing:0; }
.address_wrap address span { margin:0 8px;}

.board { font-family:'µ¸¿ò', 'Dotumche',Dotum,dotum; font-size:12px; border: 1px solid #fff; letter-spacing:-1px; }


/* --------------------sub_layout ----------------------- */
#content { width:1150px; margin:50px auto;}
.top_area { overflow:hidden; padding-bottom:50px;}
.top_area #left_area {} 
.top_area .promotion_box { float:right; text-align:right; max-width:840px;}
.top_area .promotion_box img { }

/* left_area */
#left_area {float:left; width:290px;  }

#lnb { width:240px; padding-left:20px;}
#lnb h2 { display:none; text-align:center; padding:9px 6px 18px 0; color:#000; font-size:28px; font-weight: 600; }
#lnb ul{ width:100%; padding-bottom:2px; }
#lnb ul li {	
	text-align:left;
	background: url("../images/artfunfun/lnb_line.gif") repeat-x scroll 0 bottom transparent;	
}
#lnb ul li a {
		
    display: block; 
	min-height:21px;
	font-size:21px; 
    padding: 14px 10px 14px 2px;
	font-weight:600;
	color: #666;	
}
#lnb ul li a:hover {
    color: #6b8800;
}
#artfunfun01 a.on01, #artfunfun02 a.on02, #artfunfun03 a.on03, #artfunfun04 a.on04, #artfunfun05 a.on05, #artfunfun06 a.on06, #artfunfun07 a.on07 {color: #6b8800;}


#artfunfun #right_area { width:100%;}

#title { text-align:center; padding:10px 0;}
#artfunfun .stxt_right { display:none;}
.stxt_right { font-size:13px; color:#525252; text-align:right;}
.stxt_right span { display:inline-block; padding:0 0 0 14px; background:url(../images/artfunfun/icon_point.gif) no-repeat 0 0; }
#title .title { font-size:24px; font-weight:600; color:#000; background: url(../images/artfunfun/bg_title.gif) repeat-x 0 50%;}
#title .title p { display:inline-block; padding:3px 24px; background:#fff; }

#loc_wrap { padding:12px 0 0 0; height:12px; }
.loc { text-align:center; font-size:11px; font-family:Dotum, Verdana, sans-serif; color:#818181;}
.loc a { display:inline-block; padding:0 0 0 16px; background: url('../images/common/home.png') no-repeat left 0; font-size:11px; font-family:Dotum, Verdana, sans-serif; color:#b3b2b2;}
.loc span {font-size:11px; font-family:Dotum, Verdana, sans-serif; color:#818181; }



/* ----------------------- sub_content  -----------------------------  */
#con { min-height:500px; padding:30px 0; }

.artfunfun_gallery { overflow:hidden;}
.artfunfun_gallery ul { overflow:hidden; }
.artfunfun_gallery ul li {float:left; margin:0 15px;}
.artfunfun_gallery ul li a { display:block;}
.artfunfun_gallery ul li a .imgp { width:200px; text-align:center; border:0 solid #d5d6ce;}
.artfunfun_gallery ul li a .imgp img{ }
.artfunfun_gallery ul li a:hover dt { color:red;}
.artfunfun_gallery ul li dl {text-align:center;}
.artfunfun_gallery ul li dl dt{ font-size:15px; color:#000; margin:14px 0 6px 0;}
.artfunfun_gallery ul li dl dd { margin-bottom:45px; color:#708307; font-weight:600;}

/*
.con_artfunfun .artfunfun_detail {margin-top:40px; overflow:hidden;}
.con_artfunfun .artfunfun_detail .pro_img { float:left; margin-right:30px;}
.con_artfunfun .artfunfun_detail .pro_info {float:left; width:300px;}
.con_artfunfun .artfunfun_detail .pro_info h4 { color:#000; font-size:20px; font-weight:600; padding:0 0 15px 17px; background:url(../images/sub/artfunfun/icon_point.gif) no-repeat left 6px;}
.con_artfunfun .artfunfun_detail .pro_info dl { overflow:hidden; padding-left:5px;}
.con_artfunfun .artfunfun_detail .pro_info dl dt { float:left; width:85px; margin:0 0 15px 0; color:#000; padding-right:17px;}
.con_artfunfun .artfunfun_detail .pro_info dl dd { float:left; padding-left:5px; line-height:1.4; color:#6f6f6f; letter-spacing:0.2px;}
.con_artfunfun .artfunfun_detail .pro_info .pro_line { background:url(../images/sub/artfunfun/info_line.gif) repeat-x 0 top; padding-top:20px;}
.con_artfunfun .artfunfun_detail .pro_info .pro_line dt { overflow:hidden;}
.con_artfunfun .artfunfun_detail .pro_info .pro_line dt span { float:right;}
.con_artfunfun .artfunfun_detail .pro_info .pay { color:red;}

.con_artfunfun .detail_view { min-height:300px; border:1px solid #e1e1e1; padding:30px; margin:35px 0 20px 0; line-height:1.5; }
*/

#artfunfun_detail #content { overflow:hidden}
#artfunfun_detail #left_area { width:290px;}
#artfunfun_detail #left_area #lnb { width:230px;}
#artfunfun_detail #right_area { float:right; width:850px;}
#artfunfun_detail #right_area #title { padding:0 0 20px 0;}
#artfunfun_detail #right_area #title .title p { display: block; color:#8ba201; font-size:28px;}
#artfunfun_detail #right_area .con_artfunfun { padding:4px;} 
#artfunfun_detail #right_area .detail_view { padding:0; border:1px solid #d5d5d5; text-align:center;}
#artfunfun_detail #right_area .detail_view img { max-width:100%;}

.con_artfunfun .detail_view .view_padding {padding:40px 10px 60px 10px; line-height:1.5;}
.con_artfunfun .detail_view .view_padding p {letter-spacing:0; }

.con_artfunfun .button_area .btnRight { float:right; margin:27px 0 55px 0;}
.con_artfunfun .button_area .btnRight .btn_st02 { background:#8b9d21; color:#FFF; font-size:17px; font-weight:600; padding:15px 50px 15px 50px;}
.con_artfunfun .button_area .btnRight .btn_st02:hover { background:#60700b; }

h4 {color: #fc6310; font-size:25px; font-weight: normal; }

.fintable .listnum { background:url(../images/common/bl_one.png) no-repeat 4px 50%; padding-left:24px; color:#000;}
.fintable input { height:22px; border:1px solid #e0e0e0;}