#wrapper header .top_pos .logo .hanji_logo {background: url(/images/logo_hanji_w.png) no-repeat !important;background-position: center center !important;
    background-size: cover !important;}
section.main {position:fixed; top:0; left:0; width:100%; height:100vh; transform:translateY(0px); transition:all .3s; overflow:hidden;}
section.main.move {transform:translateY(-150px);}
section.main .bg_pic {position:absolute; top:0; left:0; width:100%; height:100%; background:url(/images/sym_bg1.jpg) no-repeat; background-size:cover !important;; background-position:center center !important;backgr ound:#0055a1;  animation: zoom_eff 20s cubic-bezier(.25,.57,.25,.64) infinite;}
section.main .bg_pic:after {content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.45);}
section.main .typo {position:absolute; bottom:150px; right:80px; z-index:1;}
section.main .typo .tp {position:absolute;font-family:var(--GB); text-transform:uppercase;  color:rgba(255,255,255,0.04);}
section.main .typo .tp.t1 {font-size:300px; bottom:180px; right:0px;letter-spacing:-0.4em;color:rgba(255,96,96,0.08);}
section.main .typo .tp.t2 {font-size:300px; bottom:0px; right:0px;letter-spacing:-0.1em;}
section.main .biz_wrap {position:absolute; top:calc(50% + 20px); left:50%; transform:translate(-50%, -50%); max-width:var(--default_wd); width:100%; z-index:1;}
section.main .biz_wrap .mbw_hdbx {position:relative; padding:0 80px 0 650px;}
section.main .biz_wrap .mbw_hdbx > h2 {position:relative; font-size:85px; font-family:var(--neo); font-weight:900; color:#fff; line-height:110%;}
section.main .biz_wrap .mbw_hdbx > h2 span {display:inline-block; width:100%; font-size:17px; font-family:var(--neo); font-weight:800; color:rgba(255,255,255,0.4); line-height:110%; padding-bottom:7px; display:none;}
section.main .biz_wrap .mbw_hdbx > h3 {position:relative; font-size:12px; font-family:var(--neo); font-weight:200; color:rgba(255,255,255,0.6); line-height:110%; text-transform:uppercase; padding:10px 0 0 15px; letter-spacing:0.3em; dis play:none;}
section.main .biz_wrap .mbw_hdbx > p {position:relative; font-size:17px; font-family:var(--neo); font-weight:500; color:#ddd; line-height:180%; padding:20px 0 0 10px;}
section.main .biz_wrap .mbw_hdbx > .sym_main {position:relative; display:inline-block; max-width:570px; width:100%;}
section.main .biz_wrap .mbw_hdbx > .sym_main img {width:100%;}

section.main .biz_wrap .mbw_hdbx .latest_box {position:relative; padding:60px 50px 0 10px; /*margin-top:25px; ba ckground:rgba(0,0,0,0.25); border-radius:20px;*/}
section.main ul.move_page {position:relative; font-size:0; padding:45px 0 0 12px; border:0px solid red; displa y:none;}
section.main ul.move_page li {display:inline-block; vertical-align:middle; margin-right:35px;}
section.main ul.move_page li a {display:block; color:#fff; line-height:110%; padding:0px 0 0 0px; position:relative;}
section.main ul.move_page li a span {display:inline-block; vertical-align:middle; color:#fff; font-size:16px; font-family:var(--neo); font-weight:600; line-height:110%; letter-spacing:0.05em; border-bottom:1px dashed rgba(255,255,255,0.2); padding-bottom:5px; transition:all .3s;transform:translateY(0);}
section.main ul.move_page li a i {position:absolute; top:50%; left:0; transform:translateY(-50%); color:#fff; font-size:15px;  line-height:110%; display:none;}
section.main ul.move_page li a.on {border-color:#007bff; background:#007bff;}
section.main ul.move_page li:hover a span {color:yellow;  border-color:rgba(255,255,255,0.5);transform:translateY(-3px);}
section.main ul.biz_kind {position:absolute; top:50%; left:0; transform:translateY(-50%); width:550px; padding:0 0 0 80px; background:rgba(0,0,0,0.0); }
section.main ul.biz_kind:before {content:""; position:absolute; top:50%; right:0; transform:translateY(-50%); width:1500px; background:#051829;  height:2000px; z-index:1; opacity:0.92;}
section.main ul.biz_kind:after {content:""; position:absolute; top:50%; right:-10px; transform:translateY(-50%); border-left:10px solid #051829; border-top:10px solid transparent; border-bottom:10px solid transparent;  z-index:1; opacity:0.92;}
section.main ul.biz_kind li {position:relative;  font-size:45px; font-family:var(--neo); font-weight:200; color:#fff; line-height:110%; padding:15px 0; z-index:1; cursor:pointer; transition:all .3s; transform:translateX(0);}
section.main ul.biz_kind li:hover {color:#ffca00;  transform:translateX(7px);}
section.main ul.biz_kind li.msg {font-size:19px; font-family:var(--neo); font-weight:200; color:#bbbbbb; line-height:150%; padding:15px 0 30px 0; cursor:default;}
section.main ul.biz_kind li.msg:hover {color:#bbbbbb;  transform:translateX(0);}

@media screen and (max-width: 1300px){
	section.main .biz_wrap .mbw_hdbx {padding:0 80px 0 500px;}
	section.main ul.biz_kind {width:450px; padding:0 0 0 50px;}
	section.main ul.biz_kind li {font-size:35px; }
}

@media screen and (max-width: 1160px){
	section.main {min-height:1000px;}
	section.main .typo {bottom:0px; right:30px;}
	section.main .biz_wrap {top:0; left:0; transform:none; height:100%;}
	section.main .biz_wrap .mbw_hdbx {padding:0 90px; position:absolute;top:calc(50% - 150px); left:50%; transform:translate(-50%, -50%); width:100%;}
	section.main .biz_wrap .mbw_hdbx > h2 {font-size:65px;}
	section.main .biz_wrap .mbw_hdbx .latest_box {padding:30px 0px 0 10px;}
	section.main ul.biz_kind {position:absolute; bottom:0; top:initial; left:0; transform:none; width:100%; padding:90px;}
	section.main ul.biz_kind:before {top:0; right:0; transform:none; width:100%; height:100%;}
	section.main ul.biz_kind:after {display:none;}
	section.main ul.biz_kind li {font-size:30px; padding:10px 0 0 0;}
	section.main ul.biz_kind li.msg {font-size:15px; padding:0px 0 30px 0;}
}

@media screen and (max-width: 650px){
	section.main {height:100%; min-height:650px; position:relative; margin-top:-55px;}
	section.main.move {transform:translateY(0);}
	section.main .typo {bottom:0px; right:30px;}
	section.main .biz_wrap .mbw_hdbx {padding:0 45px;top:calc(50% - 110px);}
	section.main .biz_wrap .mbw_hdbx > h2 {font-size:35px;}
	section.main .biz_wrap .mbw_hdbx > h3 {font-size:10px; padding:10px 0 0 5px; letter-spacing:0.15em;}
	section.main ul.move_page {padding:25px 0 0 0px;}
	section.main ul.move_page li {margin-right:20px;}
	section.main ul.move_page li a span {font-size:13px;}
	section.main .biz_wrap .mbw_hdbx .latest_box {padding:20px 0px 0 0px;}
	section.main ul.biz_kind {padding:60px 45px;}
	section.main ul.biz_kind li {font-size:22px; padding:15px 0 0 0;}
	section.main ul.biz_kind li.msg {font-size:12px; padding:0px 0 5px 0;}
}

@keyframes zoom_eff {
	0%	{transform: scale(1);}
	50%	{transform: scale(1.2);}
	100%	{transform: scale(1);}
}

/**/
section.rest {position:relative;  background:#fff; margin-top:100vh; z-index:2;}
section.rest:after {content:""; position:absolute;  background:#fff; bottom:-30px; left:0; width:100%; height:100px;  z-index:1;}
section.rest .sr_pos {position:relative; left:0; right:0; margin:auto; max-width:var(--default_wd); width:100%; padding:100px 0;  z-index:3;}
section.rest .sr_pos .sp_hdbx		{position:relative; padding:0 25px 35px 25px; text-align:left;}
section.rest .sr_pos .sp_hdbx h2		{position:relative; font-family:var(--neo); line-height:125%; font-weight:900; color:#000;  letter-spacing:-0.05em;  font-size:45px;  margin-bottom:15px;}
section.rest .sr_pos .sp_hdbx h2 span	{color:#a30000;}
section.rest .sr_pos .sp_hdbx p	{position:relative; font-family:var(--neo); line-height:150%; font-weight:500; color:#333; letter-spacing:-0.05em;  font-size:17px; padding:0px 0 0 0px;}
section.rest ul.biz_kind {position:relative; font-size:0; }
section.rest ul.biz_kind > li {display:inline-block; vertical-align:top; width:33.3333%; height:100%; position:relative;padding:0px; border:1px dashed #e9e9e9; border-width:0 1px 0 0;}
section.rest ul.biz_kind > li:last-child {border-width:0;}
section.rest ul.biz_kind > li .bk_wrp {position:relative; padding:35px;/* border:1px solid #eee; background:#fafafa; border-radius:10px;*/}
section.rest ul.biz_kind > li .bk_wrp h2 {position:relative; font-family:var(--neo); line-height:125%; font-weight:900; color:#000;  letter-spacing:-0.05em;  font-size:22px; margin-bottom:20px; }
section.rest ul.biz_kind > li .bk_wrp h2 span	{display:inline-block; padding-right:5px; color:green;}
section.rest ul.biz_kind > li .bk_wrp h2 em	{position:absolute; top:50%; right:0; transform:translateY(-50%); font-style:normal;  background:green; border-radius:3px; line-height:100%; font-size:12px; font-family:var(--bar);font-weight:500; color:#fff; padding:3px; display:none;}
section.rest ul.biz_kind > li .bk_wrp .call_data {position:relative; padding:0px;}
section.rest ul.biz_kind > li .bk_wrp p {position:relative; font-family:var(--bar); line-height:145%; font-weight:normal; color:#bfbfbf;  letter-spacing:0em;  font-size:13px;  padding:30px 10px 0 3px;}

@media screen and (max-width: 1160px){
	section.rest {margin-top:100vh; padding:0 80px; }
	section.rest ul.biz_kind > li {width:calc(50% - 10px); margin:5px; height:auto; border-width:0; background:#fafafa; border-radius:20px;}
	section.rest ul.biz_kind > li.aca {width:calc(100% - 10px);}
	section.rest ul.biz_kind > li .bk_wrp p {display:none;}
}

@media screen and (max-width: 900px){
	section.rest ul.biz_kind > li {width:100%; margin:10px 0 0 0;}
	section.rest ul.biz_kind > li.aca {width:100%;}
	section.rest ul.biz_kind > li .bk_wrp p {display:none;}
}

@media screen and (max-width: 650px){
	section.rest {padding:0;margin-top:0;}
	section.rest .sr_pos {padding:0px; }
	section.rest .sr_pos .sp_hdbx		{padding:35 30px 15px 30px;}
	section.rest .sr_pos .sp_hdbx h2		{font-size:22px;  margin-bottom:10px;}
	section.rest .sr_pos .sp_hdbx p	{line-height:140%; font-size:11px;}
	section.rest ul.biz_kind > li {margin:0; border-radius:0; background:#fff; border-top:1px solid #e9e9e9;}
	section.rest ul.biz_kind > li:last-child {border-width:1px 0 0 0;}
	section.rest ul.biz_kind > li .bk_wrp {padding:30px;}
	section.rest ul.biz_kind > li .bk_wrp h2 {font-size:18px;}
}

/**/
ul.latest_aca_list {position:relative; font-size:0; }
ul.latest_aca_list > li {display:inline-block; vertical-align:top; width:100%; font-size:0; padding:0 0 15px 0; position:relative;}
ul.latest_aca_list > li.none {font-size:12px; padding:30px 5px !important; text-align:left;color:#777;}
ul.latest_aca_list > li a {position:absolute; top:0; left:0; width:100%; height:100%; z-index:1;}
ul.latest_aca_list > li:last-child {padding:0;}
ul.latest_aca_list > li .pic {position:absolute; top:0; right:0; width:35px; height:35px; border-radius:100%; background-size:cover !important; background-position:center center !important;}
ul.latest_aca_list > li .rcv_grp {display:inline-block; width:100%; position:relative;}
ul.latest_aca_list > li .rcv_grp h3 {display:inline-block; width:100%; position:relative; font-family:var(--neo); line-height:125%; font-weight:800; color:#000;  letter-spacing:-0.05em;  font-size:15px; margin-bottom:10px;  transition:all .3s;}
ul.latest_aca_list > li .rcv_grp ul.c_set {display:inline-block; vertical-align:top; width:100%;}
ul.latest_aca_list > li .rcv_grp ul.c_set li {display:inline-block; vertical-align:top; width:100%; font-size:0; margin:1px 0;}
ul.latest_aca_list > li .rcv_grp ul.c_set li span {display:inline-block; vertical-align:top; font-size:12px;  line-height:110%;position:relative;}
ul.latest_aca_list > li .rcv_grp ul.c_set li .tt {width:45px; color:#777;}
ul.latest_aca_list > li .rcv_grp ul.c_set li .tt:before {content:"ㆍ";}
ul.latest_aca_list > li .rcv_grp ul.c_set li .txt {width:calc(100% - 45px); color:#333;text-overflow: ellipsis; white-space: nowrap; overflow:hidden; }
ul.latest_aca_list > li.hj .rcv_grp ul.c_set li .txt.cate {color:orange; }
ul.latest_aca_list > li:hover .rcv_grp h3 {color:orangered;}

@media screen and (max-width: 650px){
	ul.latest_aca_list > li .pic {width:25px; height:25px;}
	ul.latest_aca_list > li .rcv_grp h3 {font-size:14px;}
	ul.latest_aca_list > li .rcv_grp ul.c_set li {margin:0px 0;}
	ul.latest_aca_list > li .rcv_grp ul.c_set li span {font-size:11px;}
	ul.latest_aca_list > li .rcv_grp ul.c_set li .tt {width:40px; color:#777;}
	ul.latest_aca_list > li .rcv_grp ul.c_set li .txt {width:calc(100% - 40px);}
}

/**/
@media screen and (max-width: 1160px){
	#wrapper header {background: linear-gradient( to bottom, rgba(0,0,0,0.35), rgba(0,0,0,0.0) ); border-bottom:0;}
	#wrapper header button i {color:#fff;}

}