/* BASIC css start */
#blk_scroll_wings { position:fixed; top:0;left:0;  }

.rightA {width:180px;height:650px; transition:all 0.7s; } 

.right_sub {width:180px;height:166px;}

.tok {position:relative;height:180px;}
.tok #tocplusWindow {position:absolute; top:0px !important; left:0 !important; z-index:9999;}

.btn_favorite {
    overflow:hidden;
    width:80px;
    height:80px;
    margin-top:50px;
    
    position:fixed;left:300px;bottom:20px;
    z-index:9;
	padding: 0 0 0px;
    transition:all 0.5s;
}

.btn_favorite > a {overflow:hidden;}

.btn_favorite > a> img {width:100%; cursor:pointer;}

.cscent {overflow:hidden;}








/* 어사이드 : Chajangnim's pick > konesafe.co.kr 어사이드 벤치마킹 */

.aside {

  /* 디폴트 기본상태 */
  
  width:250px;height:100%;
  
  position:fixed; top:0;right:-250px;
  
  background:#f9f9f9;
  
  box-shadow: 1px 0 10px 5px rgba(156,156,156,0.3);
  
  border-right:0;
  
  z-index:9999;
  
}
.aside.open {

right:-250px;

}



button {border:0;outline:0;background:transparent; }


.asBtn {
  width:50px;height:50px;
  position:absolute;
  top:50%; margin-top:-35px;
  left:-60px;
  border-radius: 100%;
  overflow:hidden;
  text-align: center;
}


.asBtn > button {width:100%; opacity: 0.8;cursor:pointer;}

.asBtn > button:hover {opacity: 1;}


/*20-06-03 어사이드 탑버튼 수정*/
.top { 

width:50px;height:50px;
position:absolute;
top:90%;left:-65px;
border-radius: 100%;
  overflow:hidden;
  text-align: center;

}


.top > button { width:100%; opacity: 0.8;cursor:pointer;}

.top > button:hover {opacity:1; }

/*20-06-03 어사이드 탑버튼 수정*/


.aside_wrap {
  width:210px;height:100%;
  /* background:yellow; */
  margin:0 auto;
}

.prd_slider {
  padding-top:30px;
  height:280px;
 background:transparent;
}

.arrow { margin-left:105px;}

.arrow > img {vertical-align: middle; opacity: 0.5;}

.slick_box03 {position: relative;}

.slick_slider03 > .item {

  width:200px;
  
  overflow:hidden; position:absolute; top:20px; left:4px;
  
  box-shadow:1px 1px 10px 3px rgba(215,215,215,0.5);
  
}

.slick_slider03 > .item > img {width:100%;}


.rightA .lst {
  width:200px;
  margin:0 auto;
  text-align: center;
}
.unbar {width:200px;height:40px; text-align: center; font-weight:bold;}
.unbar > span {font-size:14px;color:#333;}

.unbar > .borb {width:20px;height:1px; background:#777; margin:0 auto; margin-top:3px;}

.lst > ul {display:inline-block;}
.lst > ul > li {float:left; margin-right:4px; margin-bottom:8px;}

.lst > ul > li:nth-child(4n+4) {margin-right:0;}

.lst > ul > li > a {

  display:block; width:47px;height:47px;
  overflow:hidden; text-align: center;
  border-radius: 15px;

  background:rgba(235,235,235,0.8);
  font-size:10px; letter-spacing: -1px;
  line-height:2.0;
  color:#555;

  box-sizing: border-box;
  padding:3px 1px;
  padding-top:5px;
}

.lst > ul > li > a > img {width:40%; opacity:0.6;}

.lst > ul > li > a:hover {color:#555;  background:rgba(190,190,190,0.8);}

.lst > ul > li > a:hover > img {opacity:0.7;}

.latest {

 width:200px;
 margin-top:30px;
 margin-left:7px;
 /*background:orange;*/
 font-weight:bold;
 
}



.latest_pro {margin-top:10px;width:52px;height:52px; float:left;   overflow:hidden;border:1px solid #bbb; margin-right:7px; margin-left:5px; background:#444; }

/*.latest_pro:nth-child(3n+3) {margin-right:0;}*/

.latest_pro img {width:100%;}




/* 어사이드 */




/* fixbox 하단 */
.fixed_box{width:100%; height:50px; position:fixed; bottom:0; left:0; border:px solid red; z-index:99999; background-color: #f0f0f0; padding-top:10px; padding-bottom:10px;}
.in_fixed{width:1100px; height:50px; border:px solid blue;  margin:auto; display:flex; flex-direction:center; justify-content:center; }

.in_fixed>.fi_box1{width:360px; height:50px; border:px solid red;}
.in_fixed>.fi_box2{width:485px; height:50px; border:px solid red; padding-left:20px; padding-right:40px; border-left: 2px solid #828282; border-right:2px solid #828282;}
.in_fixed>.fi_box3{width:160px; height:50px; border:px solid red;}
.in_fixed>.fi_box4{width:100px; height:50px; border:px solid red;}


.btn_favorite {
	padding: 0 0 0px;
}
#layerTodayView2 { width:;  border:px solid red;}
#layerTodayView2 .list {display:flex; justify-content:left; align-items:center;}
#layerTodayView2 .list li { padding: 5px 0; text-align: center; padding:0 !important;  margin-right:10px;}
#layerTodayView2 .list img { width: 48px; border: px solid black; }
.fi_box3{display:flex; align-items:center; justify-content:center;}

.fi_login{width:160px; height:50px; border:px solid red; background:white;margin-left:40px;}
.fi_gaip{width:160px; height:50px; border:px solid red;background:white; }

.login_in{width:100%; height:50%; border:px solid blue; display:flex; align-content:center;; justify-content:center; position:relative; }
.gaip_in{width:100%; height:50%; border:px solid blue; display:flex; align-content:center;; justify-content:center; position:relative;}


.fi_box4{display:flex; align-items:center; justify-content:center;}
.fi_box1>div{width:calc(100%/5); border:px solid red; height:50px; float:left; box-sizing:border-box; background:none;box-sizing:border-box;}
.fi_box4>div{width:calc(100%/2); border:px solid red; height:50px; float:left; box-sizing:border-box;}

.today{padding:0 !important;}
.today>img{width:60px; height:50px;}

.hide_BTN{border:1px solid red; width:50px; height:50px; position:absolute; top:0; right:0;}

.fi_box_fake1{display:none; width:310px;}
.fi_box_fake2{display:none; width:345px;}
.fi_box_fake3{display:none; width:345px;}

.tob_btn{padding-left:50px;}

.btn_favorite2{height:277px}






















@media screen and (min-width:1600px) and (max-width:1852px){

.rightA {position:fixed;right:50px;transition:all 0.5s;}
.btn_favorite {position:fixed;left:100px;transition:all 0.5s;}
    
}


@media screen and (min-width:1300px) and (max-width:1599px){

.rightA {position:fixed;right:20px; transition:all 0.5s;}
.btn_favorite { position:fixed; left:50px;transition:all 0.5s;}
    
}

@media screen and (min-width:320px) and (max-width:1299px){

.rightA {display:none;}

.btn_favorite { display:none;}
    
}

















/* BASIC css end */