@charset "utf-8";
/* Linqle.com UI Developer Seung-tae, Nang 20140209 start */

/* container */
.container .sub_event{overflow:hidden; width:1100px; height:184px; margin:0 auto 12px;}
.container .sub_event ul{*zoom:1;}
.container .sub_event ul:after{content:""; display:block; clear:both;}
.container .sub_event li{float:left;}
.container .sub_event li + li + li + li{position:relative;}
.container .sub_event li + li + li + li .count{position:absolute; left:16px; top:71px; width:109px; height:23px; background:url('http://imageisoi.cafe24.com/renewal_2014/bg/bg_main_count.png') no-repeat;}
.container .sub_event li + li + li + li .count .cnt{position:absolute; top:0;}
.container .sub_event li + li + li + li .count .cnt1{left:0;}
.container .sub_event li + li + li + li .count .cnt2{left:17px;}
.container .sub_event li + li + li + li .count .cnt3{left:38px;}
.container .sub_event li + li + li + li .count .cnt4{left:55px;}
.container .sub_event li + li + li + li .count .cnt5{left:76px;}
.container .sub_event li + li + li + li .count .cnt6{left:93px;}
.container .sub_event li:first-child{border:none;}
.container .sub_banner{overflow:hidden; width:1100px; height:77px; margin:0 auto 39px;}
.container .sub_banner ul{*zoom:1;}
.container .sub_banner ul:after{content:""; display:block; clear:both;}
.container .sub_banner li{float:left;}
.container .sub_banner li a { width: 220px; height: 77px; display: block;}
.container .sub_banner li img { width: 220px; height: 77px; z-index: 99;}
.container .twoW{overflow:hidden; width:1100px; margin:0 auto 30px; *zoom:1;}
.container .twoW:after{content:""; display:block; clear:both;}
.container .twoW .md_choice, .container .twoW .isoi_stroy{float:left; width:440px;}
.container .twoW .md_choice strong{display:block; padding-bottom:8px; border-bottom:2px solid #f72f56;}
.container .twoW .isoi_stroy strong{display:block; padding-bottom:6px; border-bottom:2px solid #f72f56;}
.container .twoW .md_choice .inner, .container .twoW .isoi_stroy .inner{width:438px; height:259px; border:1px solid #e5e5e5; border-top:none;}
.container .twoW .md_choice .inner ul, .container .twoW .isoi_stroy .inner ul{*zoom:1;}
.container .twoW .md_choice .inner ul:after, .container .twoW .isoi_stroy .inner:ul:after{content:""; display:block; clear:both;}
.container .twoW .md_choice .inner li, .container .twoW .isoi_stroy .inner li{float:left;}
.container .twoW .md_choice .inner li:first-child, .container .twoW .isoi_stroy li:first-child{border-right:1px solid #e5e5e5;}
.container .twoW .rvtk{float:left; position:relative; width:650px; margin-left:10px;}
.container .twoW .rvtk > strong{display:block; padding-bottom:8px; border-bottom:2px solid #f72f56;}
.container .twoW .rvtk .menu{float:left; position:absolute; right:0; top:6px;}
.container .twoW .rvtk .menu li{float:left;}
.container .twoW .rvtk .menu li a{position:relative; top:-2px;}
.container .twoW .rvtk .inner{clear:both; width:648px; height:259px; overflow:hidden; border:1px solid #e5e5e5; border-top:none;}
.container .twoW .rvtk .inner li{border-top:1px solid #e5e5e5;}
.container .twoW .rvtk .inner li:first-child{border:none;}
.container .twoW .rvtk .inner li .cont{display:none;}
.container .twoW .rvtk .inner li .title{background:url('http://imageisoi.cafe24.com/renewal_2014/common/ico_rvtk.gif') no-repeat 605px 50%;}
.container .twoW .rvtk .inner li .title a{
    display:block; padding:14px 50px 14px 22px; font-size:12px; color:#353535;
    width:570px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
.container .twoW .rvtk .inner li .title a span{margin-right:10px; color:#f72f56; font-weight:bold;}
.container .twoW .rvtk .inner li.selected .title{display:none;}
.container .twoW .rvtk .inner li.selected .cont{display:block; padding:16px 20px 17px; *zoom:1;}
.container .twoW .rvtk .inner li.selected .cont:after{content:""; display:block; clear:both;}
.container .twoW .rvtk .inner li.selected .cont img{float:left; height:103px; margin-right:25px;}
.container .twoW .rvtk .inner li.selected .cont .contxt{float:left; width:467px;}
.container .twoW .rvtk .inner li.selected .cont span{display:block; margin:7px 0 5px; color:#565656; font-weight:bold;}
.container .twoW .rvtk .inner li.selected .cont strong{display:block; margin-bottom:5px; font-size:20px; color:#f72f56; font-weight:bold;}
.container .twoW .rvtk .inner li.selected .cont p{max-height:48px; overflow:hidden; color:#616161; line-height:16px;}

/* main full width rolling banner */
/*.container .pd_rolling{overflow:hidden; position:relative; width:100%; height:115px; margin-bottom:36px; background:#f72f56;}*/
.container .pd_rolling{position:fixed; left:0; bottom:0; z-index:1; width:100%; height: 185px}
.container .pd_rolling ul:first-child{*zoom:1; }
.container .pd_rolling ul:after{content:""; display:block; clear:both;}
.container .pd_rolling ul:first-child li{float:left; width:100%;}
.container .pd_rolling li .inner{width:1100px; height:100%; margin:0 auto; position: relative;}
.container .pd_rolling .rolling_indi{*zoom:1; position:absolute; left:50%; bottom:10px; margin-left:412px;}
.container .pd_rolling .rolling_indi:after{content:""; display:block; clear:both;}
.container .pd_rolling .rolling_indi li{float:left;}
.container .pd_rolling .rolling_indi li a{display:block; width:15px; height:14px; background:url('http://imageisoi.cafe24.com/renewal_2014/common/roll_indicator.png') no-repeat;}
.container .pd_rolling .rolling_indi li a.selected{background-position:0 -14px;}
.container .pd_rolling li .inner button{position: absolute; top: 32px; right: 0px; width: 40px; height: 40px; z-index:4545;}
.container .pd_rolling li .inner .subimg{position: absolute; bottom: 0px;right: 0px ; z-index:4544;}

/* best product, sos solution, isoi keyword */
.bpsskWrap{width:1100px; margin:0 auto 35px; *zoom:1;}
.bpsskWrap:after{content:""; display:block; clear:both;}
.bpsskWrap .bpssk{float:left; margin-left:10px;}
.bpsskWrap .bpssk strong{display:block; padding-bottom:4px; border-bottom:2px solid #f72f56;}
.bpsskWrap .bpssk.bp{width:440px; margin-left:0;}
.bpsskWrap .bpssk.bp .inner{border:1px solid #e5e5e5; border-top:none;}
.bpsskWrap .bpssk.bp .inner ul{*zoom:1; border-top:1px solid #e5e5e5;}
.bpsskWrap .bpssk.bp .inner ul:after{content:""; display:block; clear:both;}
.bpsskWrap .bpssk.bp .inner li{float:left; position:relative;}
.bpsskWrap .bpssk.bp .inner li:first-child{border-right:1px solid #e5e5e5;}
.bpsskWrap .bpssk.bp .inner li a{display:block; width:218px; height:199px; text-align:center;}
.bpsskWrap .bpssk.bp .inner li a img{height:160px;}
.bpsskWrap .bpssk.bp .inner li a span{display:block; text-align:center; padding:0 20px; color:#444; font-size:11px;}
.bpsskWrap .bpssk.ss{width:418px;}
.bpsskWrap .bpssk.ss .inner{position:relative; border:1px solid #e5e5e5; border-top:none;}
.bpsskWrap .bpssk.ss .inner .menu .btn{
    display:block; position:absolute; width:62px; height:62px; font-size:0; text-indent:-9999px; background:url('http://imageisoi.cafe24.com/renewal_2014/product/bpssk_s_menu.png');
}
.bpsskWrap .bpssk.ss .inner .menu .btn.btn01{left:19px; top:50px; background-position:0 0;}
.bpsskWrap .bpssk.ss .inner .menu .btn.btn02{left:19px; top:134px; background-position:-62px 0;}
.bpsskWrap .bpssk.ss .inner .menu .btn.btn03{left:19px; top:218px; background-position:-124px 0;}
.bpsskWrap .bpssk.ss .inner .menu .btn.btn04{left:19px; top:302px; background-position:-186px 0;}
.bpsskWrap .bpssk.ss .inner .menu .btn.btn05{right:19px; top:50px; background-position:-248px 0;}
.bpsskWrap .bpssk.ss .inner .menu .btn.btn06{right:19px; top:134px; background-position:-310px 0;}
.bpsskWrap .bpssk.ss .inner .menu .btn.btn07{right:19px; top:218px; background-position:-372px 0;}
.bpsskWrap .bpssk.ss .inner .menu .btn.btn08{right:19px; top:302px; background-position:-434px 0;}
.bpsskWrap .bpssk.ss .inner .menu .btn.btn01.on, .bpsskWrap .bpssk.ss .inner .menu .btn.btn01:hover{background-position:0 -62px;}
.bpsskWrap .bpssk.ss .inner .menu .btn.btn02.on, .bpsskWrap .bpssk.ss .inner .menu .btn.btn02:hover{background-position:-62px -62px;}
.bpsskWrap .bpssk.ss .inner .menu .btn.btn03.on, .bpsskWrap .bpssk.ss .inner .menu .btn.btn03:hover{background-position:-124px -62px;}
.bpsskWrap .bpssk.ss .inner .menu .btn.btn04.on, .bpsskWrap .bpssk.ss .inner .menu .btn.btn04:hover{background-position:-186px -62px;}
.bpsskWrap .bpssk.ss .inner .menu .btn.btn05.on, .bpsskWrap .bpssk.ss .inner .menu .btn.btn05:hover{background-position:-248px -62px;}
.bpsskWrap .bpssk.ss .inner .menu .btn.btn06.on, .bpsskWrap .bpssk.ss .inner .menu .btn.btn06:hover{background-position:-310px -62px;}
.bpsskWrap .bpssk.ss .inner .menu .btn.btn07.on, .bpsskWrap .bpssk.ss .inner .menu .btn.btn07:hover{background-position:-372px -62px;}
.bpsskWrap .bpssk.ss .inner .menu .btn.btn08.on, .bpsskWrap .bpssk.ss .inner .menu .btn.btn08:hover{background-position:-434px -62px;}
.bpsskWrap .bpssk.k{width:218px;}
.bpsskWrap .bpssk.k .inner{position:relative; height:369px; padding:20px; border:1px solid #e5e5e5; border-top:none;overflow:hidden}
.bpsskWrap .bpssk.k .inner ul{border-top:1px solid #e5e5e5;}
.bpsskWrap .bpssk.k .inner li{width:178px; text-align:center; border-bottom:1px solid #e5e5e5;}
.bpsskWrap .bpssk.k .inner li a{display:block; padding:17px 0 19px; font-size:14px;}
.bpsskWrap .bpssk.k .inner .focus{position:absolute; left:10px; top:174px; width:188px; text-align:center; border:5px solid #f72f56; background:#fff;}
.bpsskWrap .bpssk.k .inner .focus a{display:block; padding:15px 0; font-size:20px; font-weight:bold; color:#494949; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.bpsskWrap .bpssk.k .inner .focus a span{font-size:20px;}

/* recommend step */
.recom_stp{width:1100px; margin:0 auto;}
.recom_stp strong{display:block; padding-bottom:5px; border-bottom:2px solid #f72f56;}
.recom_stp .inner{height:279px; margin-bottom:34px;}
.recom_stp .inner ul{position:relative; *zoom:1;}
.recom_stp .inner ul:after{content:""; display:block; clear:both;}
.recom_stp .inner li{float:left;}
.recom_stp .inner li a{display:block; height:39px; font-size:0; line-height:0; text-indent:-9999px; background-image:url('http://imageisoi.cafe24.com/renewal_2014/common/recom_tab.gif');}
.recom_stp .inner li a{width:219px; background-position:0 0;}
.recom_stp .inner li + li a{width:220px; background-position:-219px 0;}
.recom_stp .inner li + li + li a{width:220px; background-position:-439px 0;}
.recom_stp .inner li + li + li + li a{width:220px; background-position:-659px 0;}
.recom_stp .inner li + li + li + li + li a{width:221px; background-position:-879px 0;}
.recom_stp .inner li a.selected{background-position:0 -39px;}
.recom_stp .inner li + li a.selected{width:220px; background-position:-219px -39px;}
.recom_stp .inner li + li + li a.selected{width:220px; background-position:-439px -39px;}
.recom_stp .inner li + li + li + li a.selected{width:220px; background-position:-659px -39px;}
.recom_stp .inner li + li + li + li + li a.selected{width:221px; background-position:-879px -39px;}
.recom_stp .inner li .step{display:none; position:absolute; left:0; top:39px;}
.recom_stp .inner li a.selected + .step{display:block;}

/* hot item */
.hot_item{position:relative; width:1100px; margin:0 auto 22px; border-top:2px solid #f72f56;}
.hot_item ul{overflow:hidden; border:1px solid #e5e5e5; border-top:none; *zoom:1;}
.hot_item ul:after{content:""; display:block; clear:both;}
.hot_item li{float:left; position:relative;}
.hot_item li:first-child{border-right:1px solid #e5e5e5;}
.hot_item li img.hotitem_num{position:absolute; left:40px; top:40px;z-index:11}
.hot_item li .info{margin-top:5px; text-align:center;}
.hot_item li .info em, .hot_item li .info span{display:block;}
.hot_item li .info em{margin-bottom:7px; color:#4c4c4c; font-size:12px;}
.hot_item li .info span{color:#f72f56; font-size:16px; font-weight:bold;}
.hot_item li + li{width:220px;}
.hot_item li + li a{width:220px; height:182px; display:block; text-align:center;}
.hot_item li + li a img{max-height:127px; position:absolute;left:48px;top:57px;z-index:10;}
.hot_item li + li + li + li{width:219px;}
.hot_item .step{position:absolute; left:660px; top:111px;}
.hot_item .step ul{*zoom:1; border:none;}
.hot_item .step ul:after{content:""; display:block; clear:both;}
.hot_item .step li{float:left; border:none;}
.hot_item .step li:first-child{margin-right:200px;}

/* marketing_bannerA */
.marketing_bannerA{width:1098px; height:145px; margin:0 auto 22px; border:1px solid #e5e5e5; background:url('http://imageisoi.cafe24.com/renewal_2014/bg/bg_marketing.gif');}
.marketing_bannerA ul{*zoom:1;}
.marketing_bannerA ul:after{content:""; display:block; clear:both;}
.marketing_bannerA li{float:left;}

/* noti_area */
.noti_area{overflow:hidden; width:1098px; height:155px; margin:0 auto 20px; border:1px solid #e5e5e5;}
.noti_area ul{*zoom:1;}
.noti_area ul:after{content:""; display:block; clear:both;}
.noti_area li{float:left;}
.noti_area > ul > li{height:155px; border-left:1px solid #e5e5e5;}
.noti_area > ul > li:first-child{border-left:none;}
.noti_area li.news{position:relative;}
.noti_area li.news ul{width:390px; padding:7px 20px 20px;}
.noti_area li.news li{float:none;}
.noti_area li.news li a{
    display:block; padding:1px 0 2px 10px; background:url('http://imageisoi.cafe24.com/renewal_2014/banner/noti_area/dot.gif') no-repeat left 6px;
    white-space:nowrap; text-overflow:ellipsis; overflow:hidden;
}
.noti_area li.news a.btn_go{position:absolute; right:16px; top:24px;}
.kfhi {width:1100px; margin:0 auto 10px;}