.wcw_navbarSpace{height: 60px;}
#wcw_navbar{height: 60px; position: fixed; top: 0px; left: 0px; width: 100%; background: var(--bg_gradient1); z-index: 55;}
#wcw_navbar .nBack{position: absolute; left: 20px; top: 18px; width: 20px; z-index: 30;}
#wcw_navbar .nBack > div{padding-bottom: 100%;}
#wcw_navbar .nLogo{width: 120px; margin-top: 12px;}
#wcw_navbar .nLogo > div{padding-bottom: 27%;}

.wcw_front_canvas{position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background: var(--bg_base_orange);}
.wcw_front_bg{width: 100%; padding-bottom: 33%; background-size: cover;}

.wcw_front_btn{width: 100%; min-width: 965px; position: relative; z-index: 1; margin-bottom: 15px;}
.wcw_front_btn > div{width: 150px; border-radius: 50px; border: 1px solid #FFF; background: linear-gradient(93deg, #F85E1C 3.88%, #FF0F9F 100%); display: grid; grid-template-columns: 20px 1fr; grid-gap: 10px; padding: 10px 15px 11px 15px;}
.wcw_front_btn > div > div{width: 100%;}
.wcw_front_btn > div > div:first-child > div{width: 20px; height: 20px;}
.wcw_front_btn > div > div:nth-child(2){text-align: center; font-weight: bold;}

.wcw_front_section{position: relative; z-index: 1;}
.wcw_front_section.fsNoFirst{margin-top: 20px;}
.wcw_front_section .fsTitle{display: grid; grid-template-columns: 1fr 50px; align-items: center; padding: 10px 15px; box-sizing: border-box;}
.wcw_front_section .fsTitle > div{width: 100%;}
.wcw_front_section .fsTitle > div:first-child{font-weight: bold; font-size: 25px;}

/**PAGE**/
.wcw_page_canvas{position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background: var(--bg_base_orange); z-index: -1;}
.wcw_page_head{padding: 20px 0px; font-size: 20px; text-align: center; font-weight: bold; background-image: url('../../../images/background/page_head.png'); margin-bottom: 25px; background-size: cover;}

/**DETAIL**/
.wcw_detail_canvas{position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background: var(--bg_base_orange); z-index: -1;}
.wcw_detail_layout{max-width: 800px; background: var(--bg_silverdark);}
.wcw_detail_layout .dlCover{height: 430px; background-color: var(--bg_silver);}
.wcw_detail_layout .dlCover > div{width: 65px; height: 65px; position: relative; top: 160px; cursor: pointer;}
.wcw_detail_layout .dlInfo{padding: 25px 35px 40px 35px; background: var(--bg_black); border-radius: 20px 20px 0px 0px; position: relative; top: -15px;}
.wcw_detail_layout .dlInfo > div:first-child{color: var(--text_orange); font-size: 17px; font-weight: bold; margin-bottom: 10px;}
.wcw_detail_layout .dlReview{padding: 25px 35px 40px 35px; background: var(--bg_gradient1); border-radius: 20px 20px 0px 0px; position: relative; top: -30px;}
.wcw_detail_layout .dlReview > div:first-child{font-size: 17px; margin-bottom: 10px;}
.wcw_detail_layout .dlDetail{padding: 25px 35px 40px 35px; background: var(--bg_black); border-radius: 20px 20px 0px 0px; position: relative; top: -45px;}
.wcw_detail_layout .dlDetail .ddTable > div{display: grid; grid-template-columns: 80px 10px 1fr;}
.wcw_detail_layout .dlDetail .ddTable > div:not(:last-child){margin-bottom: 5px;}
.wcw_detail_layout .dlDetail .ddTable > div > div{width: 100%;}
.wcw_detail_layout .dlDetail .ddTable > div > div:first-child{color: var(--text_orange);}
.wcw_detail_layout .dlSuggest{padding: 0px 15px 40px 15px;}
.wcw_detail_layout .dlSuggest > div:first-child{font-size: 17px; margin-bottom: 15px; padding: 0px 25px;}

/**CARD**/
.wcw_card_hzl_work{overflow: auto; position: relative; width: 100%; padding-bottom: 25px;}
.wcw_card_hzl_work:before{content: ''; position: absolute; bottom: 0px; left: 0px; width: 100%; height: 200px;}
.wcw_card_hzl_work .cnt_card{padding: 0px 0px; overflow: auto; margin-left: 0px; white-space: nowrap; font-size: 0px; -ms-overflow-style: none; scrollbar-width: none; display: flex;}
.wcw_card_hzl_work .cnt_card::-webkit-scrollbar{display: none;}
.wcw_card_hzl_work .cnt_card > a{width: 160px; cursor: pointer; display: inline-block; vertical-align: top; margin-right: 20px;}
.wcw_card_hzl_work .cnt_card > a:first-child{margin-left: 20px;}
.wcw_card_hzl_work .cnt_card > a > div{width: 160px; transition: var(--transition); position: relative; border-radius: 10px; overflow: hidden;}
.wcw_card_hzl_work .cnt_card > a:hover > div{box-shadow: inset 0 0 0 2px var(--bg_blue);}
.wcw_card_hzl_work .cnt_card > a > div > div{padding-bottom: 150%; background-color: var(--bg_silvercalm);}
.wcw_card_hzl_work:hover .scroll_card{opacity: 1;}

.wcw_card_hzl_work_simple{overflow: auto; position: relative; width: 100%; padding-bottom: 25px;}
.wcw_card_hzl_work_simple .cnt_card{padding: 0px 0px; overflow: auto; margin-left: 0px; white-space: nowrap; font-size: 0px; -ms-overflow-style: none; scrollbar-width: none; display: flex;}
.wcw_card_hzl_work_simple .cnt_card::-webkit-scrollbar{display: none;}
.wcw_card_hzl_work_simple .cnt_card > a{width: 160px; cursor: pointer; display: inline-block; vertical-align: top;}
.wcw_card_hzl_work_simple .cnt_card > a:not(:last-child){margin-right: 20px;}
.wcw_card_hzl_work_simple .cnt_card > a > div{width: 160px; transition: var(--transition); position: relative; border-radius: 10px; overflow: hidden;}
.wcw_card_hzl_work_simple .cnt_card > a:hover > div{box-shadow: inset 0 0 0 2px var(--bg_blue);}
.wcw_card_hzl_work_simple .cnt_card > a > div > div{padding-bottom: 150%; background-color: var(--bg_silvercalm);}
.wcw_card_hzl_work_simple:hover .scroll_card{opacity: 1;}

.wcw_card_page_work{display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr; grid-gap: 20px;}
.wcw_card_page_work > a{width: 100%;}
.wcw_card_page_work .cpwBox{padding-bottom: 150%; border-radius: 10px; background-color: var(--bg_silvercalm);}

@media screen and (max-width: 1050px) {
	/* .wcw_front_head{padding-bottom: 165px;} */
}