@charset "utf-8";
/* ----------
css
---------- */


/* main */
#mainContainer { padding:20px 0 20px; overflow:hidden; }
#mainContentTop { width:1100px; margin:0 auto; overflow:hidden; }
#mainContentTop .main-visual-banner { float:left; width:700px; height:400px; overflow:hidden; position:relative; }
#mainContentTop .main-visual-banner .btn-area { width:100%; position:absolute; left:0; bottom:20px; font-size:0; text-align:center; z-index:9; }
#mainContentTop .main-visual-banner .btn-area a { display:inline-block; padding:0 5px 0 5px; }
#mainContentTop .main-visual-banner .banner-list li { width:700px; height:400px; overflow:hidden; position:absolute; left:0; top:0; display:none; }
#mainContentTop .main-visual-banner .banner-list li img { width:700px; height:400px; }
#mainContentTop .main-visual-banner .banner-list li:first-child { display:block; }
#mainContentTop .main-visual-banner .banner-list li.first { display:block; }
#mainContentTop .right-con-area { float:right; width:380px; height:400px; overflow:hidden; }
#mainContentTop .right-con-area .top-right-banner { overflow:hidden; }
#mainContentTop .right-con-area .top-right-banner li { float:left; font-size:0; }
#mainContentTop .right-con-area .main-real { margin-top:20px; }
#mainContentTop .right-con-area .main-real .st-area { height:23px; border-bottom:1px solid #d5d5d5; overflow:hidden; }
#mainContentTop .right-con-area .main-real .st-area .st { float:left; font-size:0; }
#mainContentTop .right-con-area .main-real .st-area .more-btn { display:block; float:right; margin-top:5px; font-size:0; }
#mainContentTop .right-con-area .main-real .real-list { height:175px; margin-top:19px; overflow:hidden; }
#mainContentTop .right-con-area .main-real .real-list ul li { clear:both; margin-bottom:7px; }
#mainContentTop .right-con-area .main-real .real-list ul li .list-con { display:block; overflow:hidden; }
#mainContentTop .right-con-area .main-real .real-list ul li .list-con .icon { display:block; float:left; width:50px; height:19px; font-size:0; }
#mainContentTop .right-con-area .main-real .real-list ul li .list-con .name { display:block; float:left; width:51px; height:19px; margin-left:14px; font-size:12px; color:#666; line-height:19px; }
#mainContentTop .right-con-area .main-real .real-list ul li .list-con .num { display:block; float:left; width:89px; height:19px; margin-left:14px; font-size:12px; color:#666; line-height:19px; }
#mainContentTop .right-con-area .main-real .real-list ul li .list-con .product { display:block; float:right; width:150px; height:19px; font-size:12px; color:#444; font-weight:600; line-height:19px; }
#mainContentTop .top-bottom-banner { clear:both; float:left; width:1100px; height:130px; margin-top:20px; }
#mainContentTop .top-bottom-banner img { width:1100px; height:130px; }
#mainContentMiddle { width:1100px; margin:20px auto 0; overflow:hidden; }
#mainContentMiddle .main-mv-area { float:left; width:700px; height:440px; }
#mainContentMiddle .main-mv-area .main-mv-tab { overflow:hidden; }
#mainContentMiddle .main-mv-area .main-mv-tab li { float:left; font-size:0; }
#mainContentMiddle .main-mv-area .main-mv-box { width:700px; height:400px; overflow:hidden; }
#mainContentMiddle .right-con-area { float:right; width:380px; height:440px; overflow:hidden; }
#mainContentMiddle .right-con-area .main-news { width:380px; height:260px; }
#mainContentMiddle .right-con-area .main-news .st-area { height:39px; border-bottom:1px solid #a1a1a1; overflow:hidden; }
#mainContentMiddle .right-con-area .main-news .st-area .st { float:left; margin-top:8px; font-size:0; }
#mainContentMiddle .right-con-area .main-news .main-news-box { display:block; width:378px; height:198px; margin-top:20px; border:1px solid #d5d5d5; }
#mainContentMiddle .right-con-area .main-news .main-news-box .news-txt { width:354px; height:38px; padding:0 12px 0 12px; background-color:#eee; font-size:13px; color:#555; line-height:38px; }
#mainContentMiddle .right-con-area .main-news .main-news-box .news-img { width:378px; height:160px; }
#mainContentMiddle .right-con-area .main-news .main-news-box .news-img img { width:378px; height:160px; }
#mainContentMiddle .right-con-area .main-notice { margin-top:20px; }
#mainContentMiddle .right-con-area .main-notice .st-area { height:23px; border-bottom:1px solid #d5d5d5; overflow:hidden; }
#mainContentMiddle .right-con-area .main-notice .st-area .st { float:left; font-size:0; }
#mainContentMiddle .right-con-area .main-notice .st-area .more-btn { display:block; float:right; margin-top:5px; font-size:0; }
#mainContentMiddle .right-con-area .main-notice .list { margin-top:23px; }
#mainContentMiddle .right-con-area .main-notice .list li { clear:both; margin-bottom:15px; }
#mainContentMiddle .right-con-area .main-notice .list li a { display:block; *zoom:1; }
#mainContentMiddle .right-con-area .main-notice .list li a:after { content:""; display:block; clear:both; }
#mainContentMiddle .right-con-area .main-notice .list li a .txt { display:block; float:left; width:290px; padding-left:10px; background:url("/kr/images/main/main_notice_list_bul.jpg") no-repeat left 3px; font-size:12px; color:#666; }
#mainContentMiddle .right-con-area .main-notice .list li a .date { display:block; float:right; width:70px; font-size:12px; color:#a1a1a1; text-align:right; }
#mainContentMiddle .middle-bottom-banner { clear:both; float:left; width:1100px; height:130px; margin-top:20px; }
#mainContentMiddle .middle-bottom-banner a { display:block; float:left; font-size:0; }
#mainContentMiddle .middle-bottom-mv { clear:both; float:left; width:1100px; height:400px; margin-top:20px; overflow:hidden; background:url("/kr/images/main/main_middle_bottom_mv_bg.jpg") no-repeat left top; }
#mainContentMiddle .middle-bottom-mv .mv-box { width:470px; height:264px; background-color:#fff; margin:40px 0 0 561px; }
#mainContentBottom { width:1100px; margin:20px auto 0; overflow:hidden; }
#mainContentBottom .main-store .st-area { height:35px; border-bottom:1px solid #d5d5d5; overflow:hidden; }
#mainContentBottom .main-store .st-area .st { float:left; font-size:0; }
#mainContentBottom .main-event { width:1100px; height:130px; margin-top:20px; font-size:0; }
#mainContentBottom .main-event img { width:1100px; height:130px; }
#mainContentBottom .main-bottom-banner { margin-top:20px; overflow:hidden; }
#mainContentBottom .main-bottom-banner a { display:block; float:left; width:540px; height:300px; font-size:0; }
#mainContentBottom .main-bottom-banner .banner2 { margin-left:20px; }