@charset "utf-8";

/* ====================================== [우측 퀵메뉴] ====================================== */
#sect_cjw_quick{
    position:fixed;z-index:500;
    top:18rem; right:calc( ( (100vw - 1200px) / 2) - 130px );
    width:8rem;
    text-align:center;}
#ul_cjw_quick{
	position:relative;width:100%;
	border-radius:10px 10px 0 0;
	background:var(--bg-gray);
	}
#ul_cjw_quick li{
    position:relative;width:100%;}
#ul_cjw_quick li + li:before {
	content:"";
	position:absolute;top:0;left:50%;margin-left:-1rem;
	width:2rem;height:1px;
	background:#ddd;}
#ul_cjw_quick li a{
    display:block;position:relative;
    font-size:1.2rem;
    padding:2rem 1rem;
    transition:all .3s;}
#ul_cjw_quick li a .txt {margin:0;}
#ul_cjw_quick li .ico {
	display:block;
	width:100%;height:25px;margin:0 auto 0.5rem;
	transition:all .3s;
	background-repeat:no-repeat;background-position:center center;}
#ul_cjw_quick li.myMoney .ico {background-image:url(../../images/img_gres/icon/ic_quick_myMoney.svg);}
#ul_cjw_quick li.terms .ico {background-image:url(../../images/img_gres/icon/ic_quick_terms.svg);}
#ul_cjw_quick li.content .ico {background-image:url(../../images/img_gres/icon/ic_quick_content.svg);}
#ul_cjw_quick li.notice .ico {background-image:url(../../images/img_gres/icon/ic_quick_notice.svg);}
	
	@media screen and (min-width:1200px)
	{
		#ul_cjw_quick li a:hover,
		#ul_cjw_quick li a:focus {color:var(--point-color);}
		
		#ul_cjw_quick li.myMoney a:hover .ico,
		#ul_cjw_quick li.myMoney a:focus .ico {background-image:url(../../images/img_gres/icon/ic_quick_myMoney_on.svg);}
		#ul_cjw_quick li.terms a:hover .ico,
		#ul_cjw_quick li.terms a:focus .ico {background-image:url(../../images/img_gres/icon/ic_quick_terms_on.svg);}
		#ul_cjw_quick li.content a:hover .ico, 
		#ul_cjw_quick li.content a:focus .ico {background-image:url(../../images/img_gres/icon/ic_quick_content_on.svg);}
		#ul_cjw_quick li.notice a:hover .ico,
		#ul_cjw_quick li.notice a:focus .ico {background-image:url(../../images/img_gres/icon/ic_quick_notice_on.svg);}
	}
	
#cjw_to_top{
	cursor:pointer;border-radius:0px 0px 10px 10px;
	background:var(--point-color);
	height:4rem;line-height:4rem;
	color:#fff;
	font-size:1.2rem;}
#cjw_to_top span {
	display:inline-block;
	width:7px;height:9px;margin-left:0.3em;
	background:url(../../images/img_gres/icon/ic_totop.svg) no-repeat center center;}


/* --------------- 스크롤 애니메이팅 추가 ---------------*/
#sect_cjw_quick {transition:all .5s;}
#sect_cjw_quick.scroll {transform:translateY(-8rem)}


/*  =============================== 추진경과관리 =============================== *//* 20200811 */
.cjw_step{
    position:relative;width:100%;
    padding:1rem;
    background-color:#6271a1; border-radius:5px;
    text-align:center;font-weight:bold;color:#fff;}
    
    
    
/*  =============================== 반응형 =============================== */
@media screen and (max-width:1200px)
{
	#sect_cjw_quick {display:none;}	
}