/* Top Menu 기본 설정 크기 및 넓이 */
#topmenu_wrapper {position:relative;z-index:99;width:100%;height:130px;margin:0 auto}

/* Logo Top Menu wrap*/
#logo_menu_wrap{position:relative;width:1200px;margin:0 auto}
.top_num{width:100%;padding:15px;border-bottom:1px solid #e1e1e1;font-size:25px;color:#222;text-align:center;background:#fff;font-family:"notokr-bold"}
/* Logo */
#top_logo {position:absolute;top:10%;left:0px;z-index:3}

/* Top Menu */
#top_nav {position:absolute;top:0px;left:202px}
#top_nav>li {display:block;float:left;position:relative;padding:0 24px;font-size:15px;color:#222;letter-spacing:-0.3px;text-align:center;font-family:'notokr-medium'}
#top_nav>li:last-child{padding-right:0}
#top_nav>li>a {display:block;padding:0 0 36px 0;color:#222;zoom:1}
.sub #top_nav>li>a{color:#fff}
#top_nav ul {display:none;position:absolute;top:35px;left:0;background:rgba(0,0,0,.7)}
#top_nav ul li {float:none;margin-left:0;font-size:14px;text-align:center;border-bottom:1px solid rgba(255,255,255,.1)}
#top_nav ul li:last-child{border-bottom:none}
#top_nav ul a {display:block;width:100%;height:100%;font-family:'notokr-regular';color:rgba(255,255,255,.6)}
#top_nav ul a:hover{color: #fff}
#top_nav ul>li>a{padding:13px 20px}

/* 메뉴 가로사이즈 조절 */
#top_nav li:nth-child(1) ul{margin-left:-20px;width:130px}
#top_nav li:nth-child(2) ul{margin-left:-15px;width:142px}
#top_nav li:nth-child(3) ul{margin-left:-51px;width:200px}
#top_nav li:nth-child(4) ul{margin-left:-15px;width:130px}
#top_nav li:nth-child(5) ul{margin-left:-15px;width:130px}

/* 버튼 */
#pfBtn{float:right;position:relative;top:-10%;right:50%;margin-right:-600px;z-index:5003;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);cursor:pointer}
#pfBtn.no_pointer{pointer-events:none;cursor:alias}

/* 버튼오픈 */
#pfWrap{display:none;position:absolute;top:0;right:-100%;z-index:5002;width:100%;height:100%}
.pf_cate{display:none;position:absolute;right:0;top:0;width:0;height:100vh;background: rgb(0,100,200,1);
background: linear-gradient(360deg, rgba(0,100,200,1) 0%, rgba(11,48,86,1) 100%)}
.pf_cate ul{position:absolute;top:50%;left:51%;text-align:center;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.pf_cate ul li{margin:0 0 12px 100px;font-weight:200;opacity:0;font-family:'Montserrat','notokr-light'}
.pf_cate ul li > a{display:inline-block;position:relative;font-size:24px;line-height:1.6;color:#fff;letter-spacing:0;-webkit-transition:all .3s;transition:all .3s}
.pf_cate ul li:nth-child(1){animation-delay:.5s}
.pf_cate ul li:nth-child(2){animation-delay:.6s}
.pf_cate ul li:nth-child(3){animation-delay:.7s}
.pf_cate ul li:nth-child(4){animation-delay:.8s}
.pf_cate ul li:nth-child(5){animation-delay:.9s}
.pf_cate ul li a.off{color:#acb2b9}
.pf_cate ul li a .nav_num{position:absolute;left:0;top:5px;font-size:11px;font-weight:600;color:#fff;opacity:0;letter-spacing:1px;-webkit-transition:all .3s;transition:all .3s;font-family:'Montserrat'}
.pf_cate ul li a:hover{padding-left:30px}
.pf_cate ul li a:hover .nav_num{opacity:1}
.pf_cate .ct_link{position:absolute;bottom:100px;left:50%;transform:translateX(-50%);font-size:40px;font-weight:800;line-height:1;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.2);-webkit-transition:all .3s;transition:all .3s;cursor:pointer;font-family:'Montserrat'}
.pf_cate .ct_link:hover{color:#fff;border:none}
.pf_img{position:absolute;right:0;top:0;width:50%;height:100%}
#pfVisual{overflow:hidden;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:0;height:700px;background-color:#7d3951;opacity:0}
#pfSlide li{position:absolute;left:0;top:0;width:500px;height:700px}
#sh_wrapper.sub #top_nav>li>a{color:#fff}