@CHARSET "UTF-8";

div#container	{ padding-top:0; background: none; margin-bottom: 70px; min-height: 520px; }

ul#step_content { height:390px; margin-bottom: 45px; }
ul#step_content li { display: block; float: left; overflow:hidden; width: 130px; height:390px; background-repeat: no-repeat; cursor: pointer; }
ul#step_content li#step1 { background-image : url('../image/index/step1_bg.png'); }
ul#step_content li#step2 { background-image : url('../image/index/step2_bg.png'); }
ul#step_content li#step3 { background-image : url('../image/index/step3_bg.png'); }
ul#step_content li div.step_wrap { margin: 0 0 0 146px; height:336px; padding: 34px 25px 20px 0; overflow: hidden; cursor: default; }
ul#step_content li div h3 { text-indent: -999px; height: 20px; margin-bottom:50px; overflow: hidden; background-repeat: no-repeat; }

ul#step_content li#step1 div.step_wrap h3 { background-image: url('../image/index/step1_h3.gif'); margin-bottom:40px; }
ul#step_content li#step1 div#video_wrap { padding: 0 112px 0 4px; }
.video-js-box { position: relative; z-index: 0; height:}
div#promote_video div.vjs-big-play-button { background: -moz-linear-gradient(center top , #888888, #BBBBBB) repeat scroll left 40px #1F3744; box-shadow: 1px 2px 3px #AAAAAA; }
div#promote_video div.vjs-big-play-button:hover {box-shadow: 4px 4px 8px #000000; box-shadow: 0 0 30px #999; }

ul#step_content li#step1 div#promote_video div.vjs-big-play-button,
ul#step_content li#step1 div#promote_video div.vjs-spinner {left: 50%; }

ul#step_content li#step1 ul#promote_list { float: right; margin-right:0px; }
ul#step_content li#step1 ul#promote_list li { float: none; width: 109px; height: 78px; margin-bottom: 3px; }
ul#step_content li#step1 ul#promote_list li a { display: block; width: 118px; height: 78px; text-indent: -999px; overflow: hidden; background-position: 0 0; }
ul#step_content li#step1 ul#promote_list li a.promote_image1 { background:url('/image/index/main_play_thmb01.gif') no-repeat; }
ul#step_content li#step1 ul#promote_list li a.promote_image2 { background:url('/image/index/main_play_thmb02.gif') no-repeat; }
ul#step_content li#step1 ul#promote_list li a.promote_image3 { background:url('/image/index/main_play_thmb03.gif') no-repeat; }
ul#step_content li#step1 ul#promote_list li a:hover { background-position: 0px -78px; }
	
ul#step_content li#step2 div.step_wrap h3 { background-image: url('../image/index/step2_h3.gif'); }
ul#step_content li#step2 ul#step2_content { margin-left:20px; height:230px; overflow: hidden; } 
ul#step_content li#step2 ul#step2_content li { float: left; width: 55px; height: 80px; margin:0 20px 35px 0; }
ul#step_content li#step2 ul#step2_content li a { display: block; width: 55px; height: 80px; text-indent: -999px; overflow: hidden; background-position: 0 0; }
ul#step_content li#step2 ul#step2_content li a:hover { background-position: 0 80px; }

ul#step_content li#step3 div.step_wrap h3 { background-image: url('../image/index/step3_h3.gif'); }
ul#step_content li#step3 ul#step3_content { margin-left:10px; height:206px; overflow: hidden; } 
ul#step_content li#step3 ul#step3_content li { float: left; height: 206px; margin-right:5px; }
ul#step_content li#step3 ul#step3_content li a { display: block; width: 120px; height: 206px; text-indent: -999px; overflow: hidden; background-position: 0 0; }
ul#step_content li#step3 ul#step3_content li a:hover { background-position: 0 206px; }

div#wing_banner { position: relative; }
div#wing_banner div { position: absolute; left: 990px; }

/* 판매상품 리스트 */
div#item_list { float: right; width: 285px; }
div#item_list a#product_banner { display: block; width:288px; height:81px; text-indent: -999px; overflow:hidden; background: url('../image/index/main_product.png') no-repeat; clear:both; }
ul.product_list { align:right; padding-left:230px;}
ul.product_list li { float:left; height:12px; padding-right:5px;}
ul.product_list li p { display: block; overflow: hidden; background: url('../image/index/btn_roll_small.gif') no-repeat; width:8px; height:7px; cursor:pointer; }
ul.product_list li p#product_list0 { background-Position: 0px -7px; }

/* 공지사항, 관련소식 */
div#notice { width: 310px; float: left; }
div#news { width: 310px; margin-left: 345px; }
div#item_list h3, div#notice h3, div#news h3 { text-indent: -999px; overflow:hidden; background-repeat: no-repeat; width:200px; height:16px; float:left; }
div#notice div.more, div#news div.more { text-align: right; }
ul.list { margin-top: 10px; width:100%; line-height: 22px; }
ul.list li div.date { float:right; }
ul.list li a:hover { color:#52af46; }

	
#header #navi { background-image: url('/image/comm/navi_bg_index.jpg'); height: 73px; margin: 0; }
/*#mainArea { margin-bottom: 25px; margin-left: -70px; height:276px; background: url('/image/index/bg_children.gif') no-repeat; }*/
/*#mainArea { margin-bottom: 25px; margin-left: 0px; height:276px; background: url('/image/index/bg_2011summerVacation.jpg') no-repeat; cursor:pointer; }*/
#mainArea { margin-left: 0px; height:550px; margin-bottom: 80px;}
#mainArea div#main_content { background: url('/image/index/index_4img.gif') no-repeat 0 0; width:340px; height: 276px; margin-left:452px; }



#notify_popup div.desc { background: url('/image/index/img_notice.gif') no-repeat right 0; padding:10px 120px 10px 10px; width:360px; border-bottom: solid 1px #E9E9E9; line-height: 145%; }
#notify_popup h3 { background: url('/image/mypage/tit_2nd.gif') no-repeat scroll 0 -253px; height: 23px; margin:10px 0 5px 0; padding:0; text-indent: -999px; overflow: hidden; }

#notify_popup table { border-top: 2px solid #97CA9E; border-bottom: 1px solid #AAD1AF; width: 100%; }
#notify_popup table th { height: 24px; background-color: #F7F8F6; font-weight: bold; text-align: center; }
#notify_popup table td { height: 24px; border-top: 1px solid #ECE7E0; padding: 2px; }

#notify_popup div.bottom { background: url('/image/index/bottom_color.gif'); text-align: right; margin-top:10px; padding: 5px 10px; width: 470px; color: white; }
