@charset "utf-8";


.contents_bg { background:url(../images/main/bg_top.jpg) no-repeat top center; margin-top:500px; min-height:1000px; position:absolute; top:0; left:50%; margin-left:-50%; width:100%; z-index:0 !important; }
.section01, .section02, .section03, .section04, .section05 { z-index:99;  }


/* section01 */
.section01 .category { width:1100px; margin:60px auto; overflow:hidden; border-bottom:1px solid #e4e6e9; padding-bottom:60px; }
.section01 .category li { width:300px; height:300px; display:inline-block; *display:inline; zoom:1; overflow:hidden; float:left; position:relative; overflow:hidden; background:#000;}
.section01 .category li a { display:block; color:#fff; width:100%; height:100%; background-size:100%; }
.section01 .category li span { position:absolute; right:30px; bottom:30px; color:#fff; cursor:pointer; }
.section01 .category li.soccer, .section01 .category li.jokgu { width:440px; } 
.section01 .category li.soccer, .section01 .category li.basketball { margin-right:30px; margin-right:30px; }
.section01 .category li.badminton, .section01 .category li.jokgu { margin-right:30px; margin-top:30px; }
.section01 .category li.totalsports { margin-top:30px; }
.section01 .category li.soccer a { background:url(../images/main/bg_category01.png) no-repeat center; }
.section01 .category li.basketball a { background:url(../images/main/bg_category02.png) no-repeat center; }
.section01 .category li.volleyball a { background:url(../images/main/bg_category03.png) no-repeat center; }
.section01 .category li.badminton a { background:url(../images/main/bg_category04.png) no-repeat center; }
.section01 .category li.jokgu a { background:url(../images/main/bg_category05.png) no-repeat center; }
.section01 .category li.totalsports a { background:url(../images/main/bg_category06.png) no-repeat center; }
.section01 .category li a:hover { 	transition:all 0.4s ease;transform: scale(1.10);	-moz-transform: scale(1.10); -webkit-transform: scale(1.10); -o-transform: scale(1.10);
-ms-transform: scale(1.10); /* IE 9 */
-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1.05, M12=0, M21=0, M22=1.05, SizingMethod='auto expand')"; /* IE8 */
filter: progid:DXImageTransform.Microsoft.Matrix(M11=1.05, M12=0, M21=0, M22=1.05, SizingMethod='auto expand'); /* IE6 and 7 */  }


/* section02 */
.section02 { position:relative; margin-bottom:60px; }
.section02 .catalogue { background:url(../images/main/bg_catalogue.png) no-repeat; width:1100px; height:162px; margin:0 auto; position:relative; }
.section02 .catalogue:hover { background:url(../images/main/bg_catalogue_overlay.png) no-repeat;  cursor:pointer; transition:all 200ms ease-out 1ms; }
.section02 .catalogue:hover ul { visibility:visible; }
.section02 .catalogue ul { visibility:hidden; }
.section02 .catalogue ul { position:absolute; right:290px; top:69px;  }
.section02 .catalogue ul li { float:left; font-size:13px; margin:0 5px 0 0; }
.section02 .catalogue ul li a { border:1px solid #fff; padding:10px 15px; color:#fff; }
.section02 .catalogue ul li a:hover { background:#fff; color:#333;	-webkit-transition-delay: 0.05s; transition-delay: 0.05s; -webkit-transition-duration: 0.35s;	transition-duration: 0.35s; }


/* section03 */
.section03 { width:1100px; margin:0 auto; overflow:hidden; }
.section03 .btn_onlineshop, .section03 .btn_atemi { width:535px; height:450px; overflow:hidden; position:relative; float:left; }
.section03 .btn_onlineshop { margin-right:30px; }
.section03 .btn_onlineshop a { background:url(../images/main/bg_family03.png) no-repeat; }
.section03 .btn_atemi a { background:url(../images/main/bg_family04.png) no-repeat; }
.section03 a { display:block; width:100%; height:100%; color:#fff }
.section03 a span { position:absolute; right:30px; bottom:30px; }
.section03 div a:hover { 	transition:all 0.4s ease;transform: scale(1.10);	-moz-transform: scale(1.10); -webkit-transform: scale(1.10); -o-transform: scale(1.10);
-ms-transform: scale(1.10); /* IE 9 */
-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1.05, M12=0, M21=0, M22=1.05, SizingMethod='auto expand')"; /* IE8 */
filter: progid:DXImageTransform.Microsoft.Matrix(M11=1.05, M12=0, M21=0, M22=1.05, SizingMethod='auto expand'); /* IE6 and 7 */  }


/* section04 */
.section04 { margin:60px auto 120px; overflow:hidden; text-align:left; width:1100px; }
.section04 ul { height:118px; }
.section04 ul li { float:left; display:inline-block; *display:inline; zoom:1; width:365px; height:118px; border:1px solid #e4e6e9; margin-right:-1px; }
.section04 ul li a { color:#333; font-size:16px; display:block; padding-left:50px; line-height:118px; }
.section04 ul li a:hover { color:#fff; text-decoration:none; }
.section04 ul li:first-child a { background:url(../images/main/icon01.png) no-repeat right 50px center; }
.section04 ul li:nth-child(2) a { background:url(../images/main/icon02.png) no-repeat right 50px center; }
.section04 ul li:nth-child(3) a { background:url(../images/main/icon03.png) no-repeat right 50px center; }
.section04 ul li:hover:first-child a:hover{ background:#e60012 url(../images/main/icon01_over.png) no-repeat right 50px center; transition:all 200ms ease-out 1ms; }
.section04 ul li:nth-child(2) a:hover { background:#e60012 url(../images/main/icon02_over.png) no-repeat right 50px center; transition:all 200ms ease-out 1ms; }
.section04 ul li:nth-child(3) a:hover { background:#e60012 url(../images/main/icon03_over.png) no-repeat right 50px center; transition:all 200ms ease-out 1ms; }






/******* main visual *******/

.main-visual .main_top_slider_wrap { position:relative; }
.main-visual .main_top_slider_wrap .bx-controls { display:none; }
.main-visual .main_top_slider_wrap .lst_bn li { width:100%; text-align:center; color:#fff; position:relative; min-height:700px; }
.main-visual .main_top_slider_wrap .lst_bn li img { text-align:center; width:100%; }
.main-visual .main_top_slider_wrap .lst_bn li h2 { font-size:46px; line-height:58px; letter-spacing:-2px; font-weight:600; position:absolute; }
.main-visual .main_top_slider_wrap .lst_bn li p { position:absolute; font-size:16px; line-height:26px; }
.main-visual .main_top_slider_wrap .lst_bn li.m1 { background:url(../images/main/main01.jpg) no-repeat center top ; background-size:cover; }
.main-visual .main_top_slider_wrap .lst_bn li.m2 { background:url(../images/main/main02.jpg) no-repeat center top ; background-size:cover; }
.main-visual .main_top_slider_wrap .lst_bn li.m3 { background:url(../images/main/main03.jpg) no-repeat center top ; background-size:cover; }
.main-visual .main_top_slider_wrap .lst_bn li.m4 { background:url(../images/main/main04.jpg) no-repeat center top; background-size:cover; }

.main-visual .main_top_slider_wrap .lst_bn li.m1 h2, .main-visual .main_top_slider_wrap .lst_bn li.m2 h2 { width:100%; text-align:center;  top:250px;  }
.main-visual .main_top_slider_wrap .lst_bn li.m4 h2 { left:50%; top:250px; margin-left:-225px; }
.main-visual .main_top_slider_wrap .lst_bn li.m1 p, .main-visual .main_top_slider_wrap .lst_bn li.m2 p {width:100%;text-align:center;  top:380px;  }
.main-visual .main_top_slider_wrap .lst_bn li.m4 p { left:50%; top:380px; margin-left:-264px; font-size:12px; line-height:22px; }

.main-visual .main_top_slider_wrap .lst_bn li.m3 h2 { left:30%; top:250px; margin-left:-120px; text-align:left; }
.main-visual .main_top_slider_wrap .lst_bn li.m3 a { color:#fff; display:block; padding-bottom:10px; position:absolute; left:27%; top:390px; margin-left:-56px; text-align:left; z-index:11; background:url(../images/common/bg_detail.png) no-repeat left bottom; width:113px; }
.main-visual .main_top_slider_wrap .lst_bn li.m3 a:hover { text-decoration:none; opacity:0.8 }
.main-visual .main_top_slider_wrap #bx-pager { position:absolute; top:0; right:50%; width:50px; margin-right:-550px; background:url(../images/common/bg_line.png) repeat-y top right 4px; height:100%; z-index:1; }
.main-visual .main_top_slider_wrap #bx-pager ul { margin-top:320px; }
.main-visual .main_top_slider_wrap #bx-pager ul li { display:block; height:30px; position:relative; }
.main-visual .main_top_slider_wrap #bx-pager a {float:left; display:inline-block; width:9px; height:9px; border-radius:10px; background:#fff; opacity:0.5; text-indent:9999px; position:absolute; right:0; }


.main-visual .main_top_slider_wrap #bx-pager a.active { background:#fff; opacity:1; }

.contents { position:relative; }