@charset "UTF-8";
@import url("http://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700|Noto Sans KR:100,300,400,500,700");

html,body{
    width:100%; height:100%; background:#fff;
}
html,body,ul,ol,img,div,span,iframe,a,p{margin:0; padding:0; border:0; outline:none}
html,body,ul,ol,li,img,div,span,iframe,a,p,input,textarea,select,i{
    font-family:'Roboto','Noto Sans KR', sans-serif; font-weight:400; font-size:14px; color:#666;
    word-break:keep-all;
}
h1,h2,h3,h4,h5,h6{font-style:normal; font-weight:100; letter-spacing:-1px}
a{text-decoration:none; color:#666;font-family:'Roboto','Noto Sans KR', sans-serif;}
a:hover,a:active,a:focus{text-decoration:none}
img{border:none; max-width:100%; width:auto; height:auto}
ul,ol{list-style:none}
iframe,object,video,embed{position:relative;top:0;left:0;max-width:100%}

.wrap{position:relative; padding:0; margin:0; width:100%; min-height:100%; margin: 0 auto -280px;}
.respon_show,.respon_phone{display:none}

/* header */
.header{position:fixed; z-index:999; top:0; transition:all 0.2s ease; background:#fff; width:100%; height:110px}
.header .header-bi{position:relative; width:1100px; margin:0 auto; padding-top:20px}
.header .header-bi a.bi{position:absolute; z-index:9998; width:110px; transition:all 0.2s ease}
.header .header-bi .quick_m{position:absolute; z-index:9990; top:0; right:0; padding-top:15px; transition:all 0.2s ease;}
.header .header-bi .quick_m a{display:inline-block; font-size:13px; color:#999; margin:0 10px}
.header .header-bi .quick_m a:last-child{margin-right:0}
.header .header-bi .quick_m a:hover{color:#444}
.header .header-bi .quick_m .quick_tab{display:inline-block; width:1px; height:10px; background:#c0c0c0}
.header .header-bi .sns_btn{position:absolute; z-index:9990; top:55px; right:0}
.sns_btn a{
    background:url('../images/icon/sns_icon.png') no-repeat;
    display:inline-block; width:25px; height:25px
}
.sns_btn a.sns_youtube{background-position:0 0}
.sns_btn a.sns_pinterest{background-position:-25px 0}
.sns_btn a.sns_facebook{background-position:-50px 0}
.sns_btn a.sns_naver{background-position:-75px 0}
.sns_btn a:hover.sns_youtube{background-position:0 -25px}
.sns_btn a:hover.sns_pinterest{background-position:-25px -25px}
.sns_btn a:hover.sns_facebook{background-position:-50px -25px}
.sns_btn a:hover.sns_naver{background-position:-75px -25px}

/* GNB */
.sidebar{display:none}
.dropdown-menu{
    overflow:hidden;
    position:absolute; top:75px; left:0; z-index:998; background:#fff;
    width:100%; height:0px; border-bottom:1px solid #b5001e;
    transition:all 0.3s ease;
}
.dropdown-hover{
    position:absolute; top:35px; margin:0 auto;
    width:100%; box-sizing: border-box;
    display:block; z-index:999; transition:all 0.2s ease;
}

.dropdown-hover .dropdown-gnb{width:740px; margin:0 auto}
.dropdown-hover .dropdown-gnb li{display:inline-block; padding:0 15px; text-align:center}
.dropdown-hover .dropdown-gnb>li:last-child{padding-right:0}
.dropdown-hover .dropdown-gnb li a{position:relative; display:block; height:75px; font-size:18px; font-weight:400; line-height:55px; letter-spacing:-1px; color:#444}
 _:-ms-fullscreen, :root .dropdown-hover .dropdown-gnb li a{font-size:17px; font-weight:500; letter-spacing:-1.5px} /*IE11 hack*/
.dropdown-hover .dropdown-gnb li a:hover{color:#b5001e; height:75px; width:100%; transition:all 0.3s ease}
.dropdown-hover .dropdown-gnb li a:before{content:''; position:absolute; bottom:0; right:0; width:0; height:2px; background:#b5001e;transition:all 0.2s ease}
.dropdown-hover .dropdown-gnb li a:hover:before{bottom:0; left:0; width:100%; height:2px; background:#b5001e;transition:all 0.2s ease}
.dropdown-hover .dropdown-gnb li a.on{color:#b5001e}
.dropdown-hover .dropdown-gnb li a.on:before{bottom:0; width:100%; height:2px; background:#b5001e;transition:all 0.2s ease}

.dropdown-hover:hover .dropdown-menu{display:block; height:270px; border-bottom:1px solid #b5001e; transition:all 0.3s ease}
.dropdown-menu .menu_box{width:760px; margin:0 auto; overflow:hidden}
.dropdown-menu .menu_box ul{float:left; margin-top:30px}
.dropdown-menu .menu_box ul li{line-height:30px; text-align:center}
.dropdown-menu .menu_box ul li a{font-size:14px; color:#999}
.dropdown-menu .menu_box ul li a:hover{color:#b5001e}
.dropdown-menu .menu_box ul li a.on{color:#b5001e; font-weight:500}
.dropdown-menu .menu_box .depth-1{width:95px; margin-left:10px}
.dropdown-menu .menu_box .depth-2{width:95px}
.dropdown-menu .menu_box .depth-3{width:120px}
.dropdown-menu .menu_box .depth-4{width:100px; margin-left:124px}
.dropdown-menu .menu_box .depth-5{width:100px; margin-right:4px}

.header .sidebar_menu .sub-menu i{font-size:9px}

/* navigation small */
.navbar-small{height:60px}
.navbar-small .dropdown-menu{top:60px}
.navbar-small .dropdown-hover{top:0}
.navbar-small .header-bi a.bi{width:80px; top:5px}
.navbar-small .header-bi .quick_m{position:absolute; top:0; right:0; padding-top:20px}
.navbar-small .sns_btn{display:none}
.navbar-small .dropdown-hover .dropdown-gnb li a{height:60px; line-height:60px;}
.navbar-small .dropdown-hover .dropdown-gnb li a:hover{height:60px}


/* Main Banner */
.mbanner-wrap{position:relative; width:100%; height:800px; margin-top:110px}
.mbanner-wrap .mbcover{
    position:absolute; z-index:111; bottom:0; width:100%; height:327px; pointer-events:none;
    background:url(../images/common/banner_over.png) no-repeat center;
    background-size:cover;
}
.mbanner{position:relative; width:100%; height:800px; background:#fff}
.mbanner .cover-img{min-width:100%; height:100%; overflow:hidden; object-fit:cover}
.mbanner .banner-inner{position:relative; overflow:hidden; width:100%; min-height:800px}

.mbanner{position:relative}
.banner-inner{position:relative; width:100%; height:800px; overflow: hidden}
.banner-inner > .item {
    position:relative; background:#000;
    overflow:hidden; height:100%;
    display:none;
    -webkit-transition: .3s ease-in-out left;
         -o-transition: .3s ease-in-out left;
            transition: .3s ease-in-out left;
}
.banner-inner > .item > img, .banner-inner > .item > a > img{
    line-height:1;
}
.banner-inner .item .item-inner{position:absolute; width:1920px; left:50%; margin-left:-960px}
@media all and (transform-3d), (-webkit-transform-3d){
  .banner-inner > .item{
    -webkit-transition: -webkit-transform .3s ease-in-out;
         -o-transition:      -o-transform .3s ease-in-out;
            transition:         transform .3s ease-in-out;

    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    -webkit-perspective: 1000px;
            perspective: 1000px;
  }
  .banner-inner > .item.next,
  .banner-inner > .item.active.right {
    left: 0;
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
  .banner-inner > .item.prev,
  .banner-inner > .item.active.left {
    left: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
  .banner-inner > .item.next.left,
  .banner-inner > .item.prev.right,
  .banner-inner > .item.active {
    left: 0;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
.banner-inner > .active,.banner-inner > .next,.banner-inner > .prev {display: block;max-height:800px;}
.banner-inner > .active {left: 0}
.banner-inner > .next,.banner-inner > .prev {position: absolute; top: 0; width: 100%}
.banner-inner > .next {left: 100%}
.banner-inner > .prev {left: -100%}
.banner-inner > .next.left,.banner-inner > .prev.right {left: 0}
.banner-inner > .active.left {left: -100%}
.banner-inner > .active.right {left: 100%}

.mbanner .mban{position:absolute; z-index:2; top:50%; margin-top:-145px; width:41px; opacity:0.4}
.mbanner .mban:hover{opacity:1}
.mbanner .b-prev{left:50px}
.mbanner .b-next{right:50px}

.mban_con{position:absolute; z-index:2; top:200px; width:100%; text-align:center}
.mban_con.mov_tit{top:250px}
.mban_con2{top:480px}
.mban_con a>h4{opacity:1; margin:50px auto}
.mb_btn{display:block; width:240px; height:60px; border:1px solid #fff; color:#fff; line-height:60px; text-align:center}
.mb_btn:hover{border:1px solid #e64236; background:rgba(230,66,54,0.7)}

.mov_hid{display:none;}
.video-bak{position:relative}
.video-for{position:absolute; z-index:1; top:0; left:50%; margin-left:-960px; width:1920px; height:800px; overflow:hidden}
.item .video-for video{width:100%; top:-100px; overflow:hidden; pointer-events:none}

.contents{position:relative; width:100%; height:100%; overflow:hidden}
/* wing banner */
.wing_ban{position:relative; width:1100px; margin:0 auto}
.wing_ban>div{position:absolute; z-index:99; top:1334px; right:-151px}

.wing_ban_sub{position:relative; width:1100px; margin:100px auto}
.wing_ban_sub>div{position:absolute; z-index:99; top:0px; right:-151px}

/* consult */
.value_con{position:relative; margin-top:50px; text-align:center}
.middle{margin-top:35px; background:#b5001e; height:300px; width:100%}
.middle>div{position:relative; width:1100px; margin:0 auto}
.middle .consult{position:absolute; width:280px; left:0; top:0; text-align:left; letter-spacing:-0.5px}
.middle .consult h3{margin-top:30px; color:#fff}
.middle .consult p{margin-top:15px; font-size:14px; color:#fff; opacity:0.7}
.middle .consult h4{font-size:20px; font-weight:400; color:#ffdf48;}
.middle .consult_input,.middle .store_input{height:45px; margin-top:30px}
.middle .input_fir{width:100px; float:left}
.middle .input_txt{width:170px; float:right}

.middle input{border:1px solid #fff; width:100%;}
.middle .btn_value{display:block; margin-top:5px; background:#800004; height:40px; text-align: center; line-height:40px; color:#fff; font-size:18px}
.middle .btn_value:hover{background:#500003}

/* download app */
.middle .app{width:540px; height:300px; background:url('../images/common/value_bg.jpg') no-repeat; margin:0 auto}
.middle .app h3{font-weight:400; color:#b5001e; letter-spacing:-1px}
.middle .app p{font-size:14px; letter-spacing:-1px}

.middle .app .mobile{position:relative}
.middle .app .mobile .mo_phone{position:absolute; top:20px; left:100px; z-index:2;}
.middle .app .mobile .mo_shadow{position:absolute; top:263px; left:184px; z-index:1; pointer-events:none}
/* keyframe mobile */
@-webkit-keyframes mo_phone {
    0% {-webkit-transform: translateY(0); transform: translateY(0)}
    50% {-webkit-transform: translateY(-35px); transform: translateY(-35px)}
}
@keyframes mo_phone {
    0% {-webkit-transform: translateY(0); transform: translateY(0)}
    50% {-webkit-transform: translateY(-35px); transform: translateY(-35px)}
}
.mo_phone {
  -webkit-animation: mo_phone 3s infinite ;
  animation: mo_phone 3s infinite;
}
@-webkit-keyframes mo_shadow {
    0% {-webkit-transform: translateY(0); transform: translateY(0)}
    50% {-webkit-transform: translateY(10px); transform: translateY(10px); opacity:0.2}
}
@keyframes mo_shadow {
    0% {-webkit-transform: translateY(0); transform: translateY(0)}
    50% {-webkit-transform: translateY(10px); transform: translateY(10px); opacity:0.2}
}
.mo_shadow {
  -webkit-animation: mo_shadow 3s infinite ;
  animation: mo_shadow 3s infinite;
}

/* search store */
.middle .store{position:absolute; width:280px; top:0; right:0; text-align:right; letter-spacing:-0.5px}
.middle .store h3{margin-top:30px; color:#fff}
.middle .store p{margin-top:15px; font-size:14px; color:#fff; opacity:0.7}
.middle .store .store_input div{display:inline-block}
.middle .store .store_input input{border:1px solid #fff}
.middle .store .store_input select{width:100px}

.bg_horizon{background:url('../images/common/bg_horizon.gif') repeat-x 0 290px; overflow:hidden; padding-bottom:50px}
/* competitive */
.compe{width:1100px; margin:0 auto; padding-top:50px; box-sizing:border-box}
.compe h3{font-weight:400; color:#444; letter-spacing:-1px;}
.compe .compe_box{
    position:relative; float:left; margin-right:40px;
    background:#fff; width:245px; height:360px; margin-top:20px; 
    text-align:center; letter-spacing:-1px;
    box-shadow:0 0 5px rgba(0,0,0,0.2); transition:all 0.3s ease;
}
.compe .compe_box:last-child{margin-right:0}
.compe .compe_box p{line-height:23px; margin-top:70px; font-size:14px}
.compe_box .circle{
    position:absolute; top:139px; left:73px;
    width:100px; height:100px; border-radius:50%; color:#fff; background:#b5001e;
    line-height:103px; opacity:0.8;
}
.press{position:relative; clear:both; width:1100px; margin:0 auto; padding-top:50px; box-sizing:border-box}
.press h3{font-weight:400; color:#444; letter-spacing:-1px;}
.press .press_box{
    position:relative; float:left; margin-right:40px;
    background:#fff; width:245px; height:260px; margin-top:20px;
    text-align:left; letter-spacing:-1px;
    box-shadow:0 0 5px rgba(0,0,0,0.2); transition:all 0.3s ease;
}
.press .press_box:last-child{margin-right:0}
.press .press_box .press_tit{height:100px; padding:20px; box-sizing:border-box}
.press .press_box .press_tit_respon{display:none}

.press .press_box p{
    font-size:14px; line-height:20px; width:100%; height:40px;
    overflow:hidden; word-wrap:break-word; white-space:normal; text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient: vertical;
}
.press .press_box span{display:block; margin-top:10px; letter-spacing:0; font-size:13px; color:#999;}
.pr_img{width:245px; height:160px; overflow:hidden}
.pr_img img{width:100%; height:100%}

.compe .compe_box:hover,.press .press_box:hover{
    box-shadow:5px 10px 15px rgba(0,0,0,0.2); transition:all 0.3s ease;
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
}

/* New store */
.new_store{
    position:relative;
    background:url('../images/common/second_bg.jpg') no-repeat center bottom;
    width:100%; height:440px; margin-bottom:50px; overflow: hidden;
}

.store_wrap{position:relative; width:1100px; margin:50px auto 0 auto}
.store_wrap li{position:relative; float:left; width:25%; height:332px; background:#fff}
.store_wrap li:nth-child(3n){background:#f0f0f0}

.store_wrap li.nshop_tit{
    background:url('../images/common/nshop_tit.jpg') no-repeat top center;
    background-size:cover;
}
.store_wrap li .nshop_info{padding:30px 0; text-align:center}
.store_wrap li .nshop_quick{padding:75px 0 30px 0; text-align:center}
.store_wrap li .nshop_info h4{font-weight:500; color:#444; line-height:20px}
.store_wrap li .nshop_info p{font-weight:300; color:#999; line-height:20px}

.store_wrap li .btn_shop{
    display:inline-block; position:relative; z-index:1; width:180px; height:50px; border:1px solid #fff; transition:border-color 0.15s, color 0.15s;
    font-size:16px; text-align:center; color:#fff; line-height:48px;
}
.store_wrap li .btn_shop:before{
    content:' ';
    position:absolute; z-index:-1; top:0; left:0; width:0; height:100%;
    background:#fff;
    transition:width 0.15s;
}
.store_wrap li .btn_shop:hover{
    color:#b5001e; border-color:#fff; font-weight:700;
}
.store_wrap li .btn_shop:hover:before{width:100%}

.store_wrap li .btn_visit{
    display:inline-block; position:relative; z-index:1; width:120px; height:40px; border:1px solid #b5001e; transition:border-color 0.15s, color 0.15s;
    font-size:16px; text-align:center; color:#b5001e; line-height:38px; margin-top:15px;
}
.store_wrap li .btn_visit:before{
    content:' ';
    position:absolute; z-index:-1; top:0; left:0; width:0; height:100%;
    background:#b5001e;
    transition:width 0.15s;
}
.store_wrap li .btn_visit:hover{
    color:#fff; border-color:#b5001e; font-weight:700;
}
.store_wrap li .btn_visit:hover:before{width:100%}

.store_wrap li img{display:block; height:175px; width:100%}

/*
.store_list{float:left; margin-top:70px; width:540px; overflow:hidden}
.store_list h3{margin-bottom:15px; font-weight:400; color:#444}
.store_list li{position:relative; float:left; margin:0 20px 20px 0; padding:0}
.store_list li a{display:block; width:250px; height:140px; overflow:hidden}
.store_list li .overlay{
    opacity:0; position:absolute; z-index:1; background:rgba(0,0,0,1); width:100%; height:100%; 
    text-align:center; padding-top:30px; box-sizing:border-box;
    transition:all 0.2s ease;
}
.store_list li .overlay p{font-size:16px; color:#fff}
.store_list li .overlay span{
    display:inline-block; background:#fff; height:30px; line-height:30px; padding:0 25px; margin-top:10px;
    font-size:14px; font-weight:400; color:#444;
}
.store_list li .n_store_img{overflow:hidden; transition:all 0.2s ease}
.store_list li:hover .overlay{opacity:1; background:rgba(0,0,0,0.7); transition:all 0.2s ease}

.store_info{position:relative; float:left; margin-top:160px; width:560px}
.store_info .number_inner{margin-left:20px}
.store_info .number{font-size:100px; font-weight:700; color:#b5001e; margin-left:100px}
.store_info .number_s{position:absolute; top:180px; left:235px; font-size:30px; color:#b5001e}
.store_search{position:absolute; z-index:9; top:218px; left:0px}
.store_search .input_fir{float:left; width:150px; margin-right:10px}
.store_search .input_txt{float:left; width:280px; margin-right:10px;}
.store_search .input_fir select,.store_search .input_txt input{width:100%}
.store_search .btn_se{
    display:inline-block; background:#b5001e; width:100px; height:40px;
    font-size:16px; font-weight:400; color:#fff; line-height:40px; text-align: center
}
.store_search .btn_se:hover{background:#f32727}
*/

/* Store List */
.store_con{clear:both; width:1100px; margin:0 auto; box-sizing:border-box}
.store_con h3{font-weight:400; color:#444; letter-spacing:-1px;}
/* .store_con ul{width:530px; height:80px; border-top:2px solid #d90125; overflow:hidden; margin:0} */

.store_con li{position:relative; height:50px; padding:5px 0 0 20px; box-sizing:border-box}
/* .store_con li:nth-child(2n+1){background:#f6f6f6} */

.store_con li div{display:inline-block}
.store_con .store_loc{width:15%}
.store_con .store_img{width:70px; height:40px; overflow:hidden; vertical-align:middle; margin-right:10px}
.store_con .store_name{width:30%; font-weight:400; color:#444}
.store_con .store_tel{width:30%; color:#999; font-size:13px}
.store_con .store_tel span{display:inline-block; color:#999; font-size:13px; margin-right:5px}
.scroll-text {
    float:left; 
    margin-top:20px; margin-right:40px; margin-bottom:100px;
    border-top:2px solid #d90125;
    width:530px;
    height:250px;
    overflow:hidden;
}
.scroll-text ul {
    width:100%; 
    height:350px;
    overflow:hidden;
    margin:0;
}
.scroll-text ul li {
    height:50px; border-bottom:1px dotted #c0c0c0;
}
.scroll-text:last-child{margin-right:0}
.store_con .flag_new{position:absolute; top:0; left:0; background:url('../images/common/flag_new.png') no-repeat; width:40px; height:40px}
.store_con .flag_soon{position:absolute; top:0; left:0; background:url('../images/common/flag_soon.png') no-repeat; width:40px; height:40px}

/* popup old bak
.pop-window{
    position:fixed; background:rgba(1,1,1,0.7);
    top:0; right:0; bottom:0; left:0; z-index:9999; cursor:pointer;
    display:block;
}
.pop-window>div {
    position:relative; margin:200px auto;
    background:#000; width:670px; height:470px; border:10px solid #fff; box-sizing:border-box;
}
.pop-window .modal_close{position:absolute; top:-10px; right:-50px}
.pop-window .modal_foot{
    position:absolute; bottom:0; background:rgba(0,0,0,0.7);
    width:100%; height:35px; line-height:35px; text-align:right;
}
.pop-window .modal_foot a{color:#fff; margin-right:10px}
*/

/* popup multi */
.pop-window{position:relative; max-width:1100px; margin:0 auto}
.pop-window>div{
    position:absolute; z-index:99; background:#000; width:530px; height:370px; border:10px solid #fff; box-sizing:border-box;
    box-shadow:6px 6px 10px rgba(0,0,0,0.4); z-index:999;
}
.popup_1s{margin-top:140px}
.popup_2s{margin-top:140px}
.popup_3s{margin-top:540px}
.popup_4s{margin-top:540px}

.pop-window .modal_close{position:absolute; top:10px; right:10px}
.pop-window .modal_foot{
    position:absolute; bottom:0; background:rgba(0,0,0,0.7);
    width:100%; height:35px; line-height:35px; text-align:right;
}
.pop-window .modal_foot a{color:#fff; margin-right:10px}

.pop_multi_1 .popup_1s{left:50%; margin-left:-265px}
.pop_multi_1 .popup_2s,.pop_multi_1 .popup_3s,.pop_multi_1 .popup_4s{display:none}

.pop_multi_2 .popup_1s{left:0}
.pop_multi_2 .popup_2s{right:0}
.pop_multi_2 .popup_3s,.pop_multi_2 .popup_4s{display:none}

.pop_multi_3 .popup_1s{left:0}
.pop_multi_3 .popup_2s{right:0}
.pop_multi_3 .popup_3s{left:50%; margin-left:-265px}
.pop_multi_3 .popup_4s{display:none}

.pop_multi_4 .popup_1s{left:0}
.pop_multi_4 .popup_2s{right:0}
.pop_multi_4 .popup_3s{left:0}
.pop_multi_4 .popup_4s{right:0}

/* 
    Sub page style          //////////
*/

/* Sub head background */
.depth_tit{background:#000; margin-top:110px}
.depth_tit div{width:100%; height:300px}
.product_bg{background:url('../images/common/product_title.jpg') no-repeat center}
.start_bg{background:url('../images/common/start_title.jpg') no-repeat center}
.event_bg{background:url('../images/common/event_title.jpg') no-repeat center}
.pr_bg{background:url('../images/common/pr_title.jpg') no-repeat center}
.store_bg{background:url('../images/common/store_title.jpg') no-repeat center}
.owner_bg{background:url('../images/common/owner_title.jpg') no-repeat center}
.smile_bg{background:url('../images/common/smile_title.jpg') no-repeat center}

.sub_tit{
    clear:both; position:relative;
    text-align:center; margin:100px 10px 50px 10px; height:100px;
    font-size:55px; font-weight:300; color:#444; letter-spacing:-2px;
}
.sub_tit:before{
    content:''; position:absolute; background:#d90125; width:80px; height:2px;
    left:50%; margin-left:-40px; top:98px;
}

/* Product */
.sub_con_1{text-align:center; margin:0 10px 50px 10px;}
.sub_con_mr{margin-left:0; margin-right:0}
.hbr{border-top:1px solid #666;}
.hbr2{border-top:1px solid #dfdfdf; width:1100px;}
.cbr_l{display:block; width:50px; height:1px; background:#d90125; margin:20px 0}
.cbr_r{display:block; width:50px; height:1px; background:#d90125; margin:20px 0 20px auto}

.product_2s li{border-bottom:1px solid #dfdfdf; padding-bottom:50px}
.product_2s li:last-child{border-bottom:none}
.product_2s h3{font-weight:400; color:#444; margin-bottom:10px; margin-top:50px}
.product_2s p{font-size:1.1em; margin-bottom:20px}

.product_3s img{display:block}
.product_3s li div{position:relative; max-width:1100px; margin:0 auto; text-align: center}
.product_3s .product_img1 img{margin:50px 0}
.product_3s .bgcolor{background:#f0f0f0}

.product_4 {font-size:1.1em; margin-bottom:20px}

.product_5_bg{
    background:url('../images/common/product_con_5_bg.jpg') no-repeat center;
    height:390px; width:100%;
}
.product_5_bg h2{font-weight:400; padding-top:50px; letter-spacing:-1px}
.product_5_bg p{font-size:1.1em; margin:10px 0 30px 0}
.product_5_bg h2,.product_5_bg p{color:#fff}
.product_5_bg ul{max-width:1140px; margin:0 auto; padding:0 10px; box-sizing: border-box}
.product_5_bg li{float:left; width:33.33%}

.stadium_wrap{overflow:hidden}
.stadium_wrap .info_txt h2{font-weight:400; color:#444; padding-top:50px; letter-spacing:-1px}
.stadium_wrap .info_txt p{font-size:1.1em; margin-bottom:30px}
.stadium_wrap .stadium_img{max-width:1100px; margin:0 auto; overflow:hidden; border-bottom:1px solid #dfdfdf; padding-bottom:50px}
.stadium_wrap .stadium_img li{position:relative; float:left; width:33.33%}
.stadium_wrap .stadium_img img{display:block; width:100%;}
.stadium_wrap .stadium_img .overlay_t{
    position:absolute; top:0; left:0; right:0; bottom:0;
    background:rgba(181,0,30,0.7); color:#fff; font-size:1.2em;
    opacity:0; padding-top:20%; box-sizing:border-box;
    transition:all 0.2s ease;
}
.stadium_wrap .stadium_img li:hover .overlay_t{opacity:1;transition:all 0.2s ease;}

.gameinfo_wrap{overflow:hidden}
.gameinfo_wrap .info_txt h2{font-weight:400; color:#444; padding-top:50px; letter-spacing:-1px}
.gameinfo_wrap .info_txt p{font-size:1.1em; margin-bottom:30px}
.game_con1{max-width:1140px; margin:0 auto; overflow:hidden;}
.game_con1 li{float:left; width:50%; padding:0 20px; box-sizing: border-box}

.gameinfo_wrap .info_wrap{}
.gameinfo_wrap .info_wrap li div{float:left; overflow:hidden}

.product_5s{max-width:1100px; margin:0 auto; text-align:left}
.product_5s li{border-bottom:1px solid #dfdfdf; padding:50px 0; overflow:hidden}
.product_5s li img{display:block}
.product_5s li:last-child{border-bottom:none}
.product_5s h3{font-weight:400; color:#444; margin-bottom:10px}
.product_5s p{font-size:1.1em; line-height:23px}
.product_5s .product_l{clear:both; float:left; margin-right:30px}
.product_5s .product_r{clear:both; float:right; margin-left:30px}

/* tab menu */
.tabs{max-width:1100px; margin:0 auto 50px auto; border-bottom:2px solid #d90125; height:50px; text-align: center}
.tabs ul{width:500px; margin:0 auto}
.tabs li{
    float:left; width:50%; height:50px; line-height:50px;
    background:#f6f6f6;
    border:1px solid #e0e0e0; border-bottom:0; box-sizing:border-box;
}
.tabs li a{display:block; color:#999; font-size:1.2em}
.tabs li:hover,.tabs li.on{
    background:#fff; color:#444; height:52px;
    border:2px solid #d90125; border-bottom:2px solid #fff;
}
.tabs li:hover a,.tabs li.on a{color:#444; font-weight:700}

.tabs_4s ul{width:1000px}
.tabs_4s li{width:25%}

/* board - event */
.t_event{max-width:1100px; margin:0 auto}
.t_event>ul{margin-bottom:50px; overflow:hidden}
.t_event li{text-align:left}
.t_event .thumb_img{float:left; width:50%}
.t_event .thumb_img img{display:block}

.t_event .thumb_txt{float:left; width:50%;}
.t_event .thumb_txt span{color:#d90125; margin-left:20px; padding-bottom:8px; border-bottom:1px solid #d90125}
.t_event .thumb_txt h4{
    font-size:20px; margin-left:20px; padding:19px 0 3px 0; font-weight:400; color:#444;
    text-overflow:ellipsis; white-space:nowrap; word-break:break-all; overflow:hidden;
}
.t_event .thumb_txt .date_range{margin-left:20px;}
.t_event .thumb_txt .date_range,.t_event .thumb_txt .date_range i{color:#999}

.t_event .thumb_txt .btn_more{
    display:block; width:200px; height:45px; background:#d90125; text-align: center; color:#fff;
    font-size:20px; line-height:45px; margin-left:20px; margin-top:20px;
}

.t_event .off {pointer-events:none;}
.t_event .off .thumb_img img{opacity:0.4}
.t_event .off .thumb_txt span{color:#999; border-bottom:1px solid #999}
.t_event .off .thumb_txt h4{color:#999}
.t_event .off .thumb_txt .btn_more{background:#999}

.t_event .board_head{border-bottom:1px solid #dfdfdf; padding-bottom:50px; margin-bottom:50px}
.t_event .board_head span{color:#d90125; padding-bottom:8px; border-bottom:1px solid #d90125}
.t_event .board_head h3{padding:20px 0 5px 0; font-weight:400; color:#444}
.t_event .board_head .date_range,.t_event .board_head .date_range i{color:#999}

.t_event .board_con{text-align:left; padding-bottom:50px; margin-bottom:50px; border-bottom:1px solid #dfdfdf}
.t_event .board_con img{display:block; margin-bottom:20px}
.t_event .board_con p{text-align:left; line-height:25px; font-size:1.1em}

.board_foot{text-align:right; margin-bottom:100px}
.board_foot .btn_more{
    display:inline-block; width:200px; height:50px; background:#d90125; text-align: center; color:#fff;
    font-size:20px; line-height:50px
}

/* PR center */
.t_video{max-width:1100px; margin:0 auto}
.t_video h2{font-weight:400; margin-bottom:20px}
.t_video .video_s{position:relative}
.t_video .btn_prev{position:absolute; top:50%; margin-top:-40px; left:0}
.t_video .btn_next{position:absolute; top:50%; margin-top:-40px; right:0}
.t_video .video_bg{
    width:880px; height:495px; margin:0 auto;
    box-shadow:10px 10px 20px rgba(0,0,0,0.4);
}
.t_video .video_list{margin:50px 0; overflow: hidden}
.t_video .video_list>li{float:left; width:33.33%; padding:0 20px; margin-bottom:40px; box-sizing: border-box}
.t_video .video_list>li img{width:100%}

.t_video .video_list h4{
    padding:5px 0 5px 0; font-weight:400; color:#444; font-size:16px;
    text-overflow:ellipsis; white-space:nowrap; word-break:break-all; overflow:hidden;
}
.t_video .video_list .date_range,.t_event .video_list .date_range i{color:#999}

.t_pr{position:relative; max-width:1100px; margin:0 auto}
.t_pr>div{position:relative; margin-bottom:50px; overflow: hidden}
.t_pr>div a{display:block; min-height:190px}
.t_pr .pr_thumb{position:absolute; overflow:hidden; min-height:200px}
.t_pr .pr_thumb img{display:block; max-width:320px;}
.t_pr .pr_con{margin-left:350px; padding-right:100px}
.t_pr .pr_con li{text-align: left}
.t_pr .pr_con h3{font-weight:700; font-size:18px; color:#444; text-overflow:ellipsis; white-space:nowrap; word-break:break-all; overflow:hidden;}
.t_pr .pr_con .date_range{margin-top:10px}
.t_pr .pr_con .date_range,.t_pr .pr_con .date_range i{color:#999}
.t_pr .pr_con .pr_txt{
    margin-top:30px; font-size:1.1em; line-height:25px;
    overflow:hidden; word-wrap:break-word; white-space:normal; text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:4;
    -webkit-box-orient: vertical;
}
.t_pr .pr_plus{
    position:absolute; top:50%; margin-top:-25px; right:0; display:block;
    width:50px; height:50px; line-height:50px; border:1px solid #d90125;
}
.t_pr .pr_plus i{color:#d90125}

.marke>div{margin-bottom:0}
.marke h2{font-weight:400; color:#444}
.marke p{font-size:1.1em}
.marke_head{padding-bottom:30px; border-bottom:1px solid #dfdfdf; margin-bottom:0}

/* startup */
.bene_wrap{position:relative; max-width:1100px; margin:0 auto; margin-bottom:100px}
.bene_wrap .bene_img{position:absolute; left:0}
.bene_wrap .bene_con{padding-top:70px; padding-bottom:20px; font-size:20px; }

.bene_wrap li{text-align:left; margin-bottom:30px; padding-left:250px; padding-right:0; border-bottom:1px solid #dfdfdf}
.bene_wrap li:nth-child(2n){text-align:right; padding-left:0; padding-right:250px}
.bene_wrap li:nth-child(2n) .bene_img{right:0}


.prose_bg{
    background:url('../images/common/start_con_2_bg.gif') no-repeat center;
    background-position:center 105px;
}
.prose_wrap{max-width:1100px; min-height:700px; margin:0 auto}
.prose_wrap ul{margin-left:10px; overflow:hidden}
.prose_wrap li{position:relative; float:left; text-align:center; margin:0 40px 40px 0}
.prose_wrap li:nth-child(4n){margin-right:0}
.prose_wrap li img{display:block}

.open_flag{position:absolute; top:-20px; right:-30px}

.budget_wrap{max-width:1100px; margin:0 auto}
.budget_wrap h2{text-align:left; font-weight:400; color:#444; margin-bottom:20px}
.budget_wrap table{
    width:100%; border-top:2px solid #d90125; margin-bottom:50px; border-collapse:collapse;
}
.budget_wrap table th,.budget_wrap table td{
    height:50px; text-align: center; font-size:16px; color:#666;
    border-bottom:1px solid #dfdfdf; border-right:1px solid #dfdfdf;
}
.budget_wrap table td:last-child{border-right:0}
.budget_wrap table th:last-child{border-right:0}
.budget_wrap table th{background:#f6f6f6; font-weight:400; color:#444}

/* business story */
.story_wrap{max-width:1140px; margin:0 auto}
.story_wrap li{float:left; width:33.33%; padding:0 20px; margin-bottom:50px; box-sizing:border-box}
.story_wrap li a{display:block; text-align:left}
.story_wrap li a p{
    font-size:1.1em;
    overflow:hidden; word-wrap:break-word; white-space:nowrap; text-overflow:ellipsis;
}
.story_img{overflow:hidden; height:200px}
.story_img img{display:block; transition: all 0.2s ease; overflow:hidden; width:100%; height:100%}
.story_img img:hover{
    -webkit-transform:scale(1.1); 
    -ms-transform:scale(1.1); 
    transform:scale(1.1);
    transition: all 0.2s ease
}
.story_wrap li a .story_tit{
    font-weight:400; color:#444; font-size:16px; margin:10px 0; 
    overflow:hidden; word-wrap:break-word; white-space:nowrap; text-overflow:ellipsis;
}
.story_h{border-top:1px solid #444; padding-top:30px}
.story_h li{font-size:1.1em; line-height:25px}

.start_hor{
    position:relative;
    background:url('../images/common/start_con_6_bg.jpg') no-repeat center;
    width:100%; height:440px; margin:50px 0 100px 0;
}
.start_hor .contact_img{position:absolute; z-index:1; top:-84px; left:50%; margin-left:210px; width:377px}
.contact_plate{
    position:absolute; top:50%; margin-top:-150px; left:50%; margin-left:-350px;
    border:5px solid #fff; display:inline-block;
    width:700px; height:300px; padding-top:30px; box-sizing:border-box;
}
.contact_plate h1{font-size:40px; color:#fff;}
.contact_plate p{color:#fff; font-size:1.1em; margin-bottom:20px}
.contact_plate .tyellow{color:#f0dd40; font-weight:400; font-size:50px; letter-spacing:0}
.contact_plate a{
    display:inline-block; border:1px solid #fff; color:#fff;
    width:240px; height:60px; line-height:60px; font-size:20px;
    transition:all 0.2s ease;
}
.contact_plate a:hover{background:#d90125; color:#fff; border:1px solid #d90125; transition:all 0.2s ease}

.privacy{max-width:1100px; margin:0 auto; text-align:left; margin-bottom:50px}
.privacy h4{font-weight:400; color:#444; margin-bottom:10px}
.privacy ol{
    background:#f6f6f6; text-align:left; list-style:decimal;
    max-width:1100px; margin:0 auto 20px auto; padding:30px 30px 30px 50px; box-sizing:border-box;
}
.privacy li{line-height:23px; padding:5px 0; color:#777}
.privacy li p{color:#777}

.contact_wrap{max-width:1100px; margin:0 auto; text-align:left}
.contact_wrap input,.contact_wrap select{display:inline-block; min-width:120px}
.contact_wrap textarea{margin:10px 0; width:100%}
.contact_wrap h2{font-weight:400; color:#444; margin-bottom:20px}
.contact_wrap table{
    width:100%; border-top:2px solid #d90125; margin-bottom:50px; border-collapse:collapse;
}
.contact_wrap table th,.contact_wrap table td{
    height:60px; font-size:16px; color:#666; padding:0 20px; box-sizing: border-box;
    border-bottom:1px solid #dfdfdf; border-right:1px solid #dfdfdf;
}
.contact_wrap table th{text-align:center; width:20%}
.contact_wrap table td:last-child{border-right:0}
.contact_wrap table th:last-child{border-right:0}
.contact_wrap table th{background:#f6f6f6; font-weight:400; color:#444}
.contact_wrap .radio{display:inline-block; margin:10px 20px 0 0}
.contact_wrap table td input.wid_h{width:100%}

.contact_wrap .board_foot{text-align:center}

/* news search */
.search_wrap{margin-bottom:20px; overflow:hidden}
.search_result{float:left; font-size:1.1em}
.search_result span{font-size:1.1em; color:#d90125; line-height:40px}
.search_input{float:right; position:relative}
.search_input input{width:300px; padding-right:35px}
.search_input .search_btn{position:absolute; top:7px; right:5px;}

/* board */
.board_head2{background:#f6f6f6; border-bottom:1px solid #dfdfdf; border-top:2px solid #d90125; height:50px}
.board_head2 li{float:left; overflow:hidden; height:50px; font-size:16px; font-weight:700; color:#444; text-align:center; line-height:50px}

.board_list{margin-bottom:50px; overflow:hidden}
.board_list ul{border-bottom:1px solid #dfdfdf; overflow:hidden}
.board_list li{
    float:left; height:50px;
    font-size:16px; font-weight:300; color:#444; text-align:center; line-height:50px;
}
li.board_no{width:15%}
li.board_tit{width:65%}
li.board_date{width:20%}
.board_list li.board_tit{text-align:left; overflow:hidden; word-wrap:break-word; white-space:nowrap; text-overflow:ellipsis}

.t_map{max-width:1100px; margin:0 auto}
.store_head{background:#f6f6f6; overflow:hidden}

.store_head .local_p{margin-top:30px; overflow:hidden}
.store_head .local_p>div{display:inline-block; margin:5px 15px}
.store_head .local_p label{line-height:20px; vertical-align:middle}
.store_head .local_sp label,.store_head .local_sp label i{color:#f4514a}
.store_head .local_p i{width:20px}

.store_head li{float:left; padding:0 15px; box-sizing: border-box}

.i_local{
    width:20px; height:20px; display:inline-block; overflow: hidden; 
}
.i_shooting{background:url(../images/icon/icon_shooting.png) no-repeat top;}
.i_archery{background:url(../images/icon/icon_archery.png) no-repeat top}
.i_vr{background:url(../images/icon/icon_vr.png) no-repeat top}

.store_head input:checked + label i{color:#f4514a; background-position:bottom}

.map_local{width:520px; height:40px; margin:20px auto 30px auto}
.map_local select{width:150px;}
.map_local input{width:250px;}
.map_local .input_fir{float:left; margin-right:10px;}
.map_local .input_txt{float:left; margin-right:10px;}
.map_local .btn_more{
    display:inline-block; width:100px; height:40px; background:#d90125; text-align: center; color:#fff;
    font-size:14px; line-height:40px
}

.map{float:left; border:1px solid #d9d9d9; max-width:530px; width:50%; box-sizing:border-box; margin:50px 0}
.map img{display:block}
.local_wrap{float:right; width:49%}
.local_wrap .search_txt{padding-top:10px}
.local_wrap .search_result{float:left; font-size:1.1em; overflow: hidden}
.local_wrap .search_result span{font-size:1.1em; color:#d90125;}

.local_list{clear:both; border-top:2px solid #d90125;}
.local_list ul{border-bottom:1px solid #dfdfdf; overflow:hidden; width:100%; height:100px}
.local_list li{color:#444; margin-right:120px}
.local_list .local_tit{font-weight:400; font-size:20px; line-height:30px; text-align:left; padding-top:23px}
.local_list .local_point{
    font-weight:300; font-size:1.1em; overflow:hidden; word-wrap:break-word; white-space:nowrap; text-overflow:ellipsis; text-align:left
}
.local_list .local_col{position:relative}
.local_list .local_plus{
    position:absolute; top:23px; right:0; display:block;
    width:50px; height:50px; line-height:50px; border:1px solid #d90125;
}
.local_list ul.constr{height:70px}
.local_list ul.constr .local_tit{padding-left:10px}

.local_list .local_state{position:absolute; top:25px; right:0; display:block; width:100px;}

.local_list .local_plus i,.local_list .local_location i{color:#d90125}
.local_list .local_location{
    position:absolute; top:23px; right:60px; display:block;
    width:50px; height:50px; line-height:50px; border:1px solid #d90125;
}
.map2{border:1px solid #d9d9d9; margin-bottom:50px}
.map2 img{margin:0}

.local_head{position:relative; min-height:100px; border-bottom:1px solid #dfdfdf; margin-bottom:50px; overflow:hidden; padding-bottom:30px;}

.local_sub h3{display:inline-block; font-weight:400; margin-bottom:20px}
.local_sub li{font-size:1.1em; line-height:20px}
.local_sub .local_tab{display:inline-block; width:1px; background:#dfdfdf; height:20px; border:0 !important; margin:0 20px}
.local_icon{position:absolute; width:360px; bottom:50px; right:0}
.local_icon li{float:left; margin-left:5px}
.local_icon li div{display:block; width:40px; height:40px; border:1px solid #cbcbcb; text-align: center; box-sizing: border-box; line-height:40px}
.local_icon li i{width:20px; height:20px; line-height:40px; opacity:0.4}

.local_icon li div.on{border:1px solid #d90125}
.local_icon li div.on i{color:#eb4646; opacity:1; background-position:bottom}

.local_con{text-align:left; padding-bottom:50px; margin-bottom:50px; border-bottom:1px solid #dfdfdf}
.local_con img{width:100%; display:block;}
.local_con p{text-align:left; line-height:25px; font-size:1.1em}

.con4_wrap{position:relative; max-width:1100px; margin:0 auto; display:table; margin-bottom:70px}
.con4_wrap img{display:block}
.con4_wrap span{font-size:30px; color:#444; font-weight:400}
.con4_wrap h1{font-size:60px; color:#e40a0a; font-weight:100}
.con4_img{position:relative; width:48%; display:table-cell}

.con4_simg1{position:absolute; right:40px; top:-135px}
.con4_simg2{position:absolute; left:40px; top:-165px}
.con4_simg3{position:absolute; right:40px; top:-130px}
.con4_simg4{position:absolute; left:-40px; bottom:-20px}
.con4_simg5{position:absolute; right:-40px; bottom:-20px}
.con4_simg6{position:absolute; left:-40px; bottom:-20px}

.con4_tr{width:52%; padding-left:40px; display:table-cell; vertical-align:top; text-align:left}
.con4_tl{width:52%; display:table-cell; vertical-align:top; text-align:left}

/* Gallery */
.store_photo{overflow:hidden}
.store_photo li{float:left; width:25%}
.store_photo li a{display:block}
.store_photo li img{display:block; margin:0; padding:0; height:154px}

.local_soon{float:none; width:100%}
.local_soon .local_list li{margin-right:60px}

.t_owner{position:relative}
.t_owner .owner_img{position:absolute; z-index:1; top:0; left:50%; margin-left:-240px}
.owner_wrap{max-width:1100px; margin:0 auto}
.owner_plate{
    border:5px solid #000; border-radius:50px; padding:40px; box-sizing:border-box;
    width:500px; height:400px; margin:100px 0 200px 0;
    transition:all 0.2s ease;
}
.owner_plate a{display:block; width:100%; height:100%; padding-top:60px; box-sizing: border-box}
.owner_plate p{font-size:1.2em}
.owner_plate .owner_t1{font-size:50px; margin-bottom:30px; color:#444; letter-spacing:-2px}
.owner_plate.cov_l{float:left; border-bottom-right-radius:0; text-align:left}
.owner_plate.cov_r{float:right; border-bottom-left-radius:0; text-align:right;padding-top:80px}
.owner_plate:hover{
    border-color:#b5001e; background:#b5001e;
    transition:all 0.2s ease;
}
.owner_plate:hover a p{color:#fff}

/* smilesquare */
.smile_con{width:100%; height:100%}

.smile_con .con1{position:relative; max-width:1000px; margin:0 auto; padding:0 10px; box-sizing:border-box}
.smile_con .con2{position:relative; width:100%; padding:0 10px; text-align:center; box-sizing:border-box}
.smile_con .con3{position:relative; width:100%; text-align:center}

.smile_con .con1 .smile_sb{text-align:center; width:100%}
.smile_sb p{font-size:16px; line-height:24px; padding:0 10px}

.smile_con .con2 .smile_sb{position:relative; width:1100px; height:1100px; margin:0 auto; text-align:center}
.smile_sb .smile_pd{position:absolute; background:#000; transition:all 0.6s ease; overflow:hidden}
.smile_sb .smile_pd.box1{width:725px; left:0}
.smile_sb .smile_pd.box2{width:350px; left:750px}
.smile_sb .smile_pd.box3{width:350px; left:0; top:375px}
.smile_sb .smile_pd.box4{width:350px; left:375px; top:375px}
.smile_sb .smile_pd.box5{width:350px; right:0; top:375px}
.smile_sb .smile_pd.box6{width:350px; left:0; top:750px}
.smile_sb .smile_pd.box7{width:350px; left:375px; top:750px}

.smile_sb .smile_pd a{display:block; width:100%; height:100%; opacity:1; overflow:hidden; cursor:default}

.smile_sb .smile_pd a:hover .box_bg{opacity:0.2}
.smile_sb .smile_pd a:hover .box_bi{bottom:100px}
.smile_sb .smile_pd a:hover .box_ud{bottom:20px; opacity:1}

.smile_sb .box_bi{position:absolute; z-index:9; width:100%; bottom:20px; text-align:center; transition:all 0.3s ease}
.smile_sb .box_bg{min-width:300px; transition:all 0.3s ease}
.smile_sb .box_bg img{display:block; width:100%; min-width:300px}
.smile_sb .box_ud{position:absolute; z-index:1; width:100%; bottom:5px; opacity:0; transition:all 0.3s ease}
.smile_sb .box_ud h3{font-weight:500; color:#fff}
.smile_sb .box_ud p{color:#fff; font-size:14px; font-weight:300; letter-spacing:-1px; margin-top:5px}

.policy{position:relative; width:1100px; height:300px; margin:0 auto}
.policy>div{position:absolute; background:#f0f0f0; width:260px; height:300px; transition:all 0.6s ease}
.policy h4{font-size:16px; font-weight:500; color:#444; margin-bottom:15px}
.policy p{font-size:14px; line-height:22px}
.policy .smile_i{margin:40px 0 20px 0}
.policy .pbox1{left:0;}
.policy .pbox2{left:280px}
.policy .pbox3{left:560px}
.policy .pbox4{left:840px}

.point_wrap{position:relative; width:1080px; height:170px; margin:30px auto 0 auto}
.point{position:absolute; width:180px; height:170px; transition:all 0.6s ease}
.point .point_i{margin-bottom:10px}
.point .point_tab{display:inline-block; width:12px; height:2px; background:#f24f55; margin:10px}
.point h5{font-size:16px; font-weight:400; color:#444}
.point p{font-size:13px}
.point p:last-child{color:#444; font-weight:500}

.point_wrap .pbox2{left:180px}
.point_wrap .pbox3{left:360px}
.point_wrap .pbox4{left:540px}
.point_wrap .pbox5{left:720px}
.point_wrap .pbox6{left:900px}

.proc_wrap{position:relative; width:990px; height:600px; margin:0 auto}
.proc{position:absolute; width:150px; height:150px; border-radius:50%; background:#f0f0f0; transition:all 0.6s ease}
.proc i{position:absolute; top:55px; right:-50px}
.proc:nth-child(5n) i{display:none}
.proc .proc_i{margin-top:40px}

.proc_wrap .pbox2{left:210px}
.proc_wrap .pbox3{left:420px}
.proc_wrap .pbox4{left:630px}
.proc_wrap .pbox5{right:0}
.proc_wrap .pbox6{top:180px}
.proc_wrap .pbox7{top:180px; left:210px}
.proc_wrap .pbox8{top:180px; left:420px}
.proc_wrap .pbox9{top:180px; left:630px}
.proc_wrap .pbox10{top:180px; right:0}

.proc_wrap .pbox0{top:360px; left:50%; margin-left:-95px; width:190px; height:190px; border-radius:50%; background:#ed1c24}
.proc_wrap .pbox0 .proc_i{margin-top:60px}
.proc_wrap .pbox0 h3{font-weight:400; color:#fff}

.smilesquare{position:relative}
.smile_new{position:absolute; top:-2px; left:3px}
.navbar-small .smile_new{top:0px}

.smile_con .smile_contact_bg{
    background:url('../images/common/smile_con_2.jpg') no-repeat center;
    background-size:cover; height:280px; width:100%;
}
.smile_con .btn_contact{
    display:inline-block; width:400px; height:80px; line-height:80px; text-align:center; font-size:24px; font-weight:400; color:#fff;
    background:#ed1c24; box-shadow:3px 3px 3px rgba(0,0,0,0.2); transition:all 0.2s ease;
}
.smile_con .btn_contact:hover{
    box-shadow:none; background:#c90108;
}

/* page button */
.page{clear:both; margin:50px auto 100px auto; text-align:center}
.page a{display:inline-block; border:1px solid #dfdfdf; width:40px; height:40px; line-height:40px; background:#fff;}
.page a.on{border:1px solid #d90125; color:#d90125;}
.page a:hover{border:1px solid #d90125; color:#d90125;}
.page a.none{pointer-events:none; opacity:0.3}

/* footer */
.footer,.blank{height:280px}
.footer{clear:both; position:relative; background:#333; bottom:0; width:100%}
.footer .footer-menu{width:100%; height:70px; border-bottom:1px solid #484848}
.footer .company{position:relative; width:1100px; margin:0 auto}
.footer .company li{float:left; margin-top:25px}
.footer .company li a{font-size:13px; color:#999}
.footer .company li a:hover{color:#f6f6f6}
.footer .company li .tabs{display:block; width:1px; height:12px; background:#555; margin:3px 15px 0 15px; border-bottom:0}

.footer .footer_copy{clear:both; width:1100px; margin:30px auto 0 auto; padding-top:30px}
.footer .footer_copy .foot_ci{margin-bottom:10px}
.footer .footer_copy p{font-size:12px; color:#999; height:22px;}

.footer .sns_btn{position:absolute; z-index:9990; top:18px; right:10px}

/* Editor */
.smartOutput i{color:inherit}