@charset "UTF-8";


#menu15071_obj646 { margin: -523px auto 0px; left: 0px; top: 0px; height: auto; position: relative; z-index: 1; width: 100%; max-width: 1400px; } 
#multipleDiv_hufstmp02_1485 { background: url(../../images/main/section_back1.jpg)no-repeat; background-size: cover; } 
#multipleDiv_hufstmp02_1487 { background-color: #fff; background: url(../../images/main/section_back1.jpg)no-repeat; background-size: cover; } 
#multipleDiv_hufstmp02_1488 { background: linear-gradient(183deg, #c5baaa8c, transparent 20%); } 
#multipleDiv_hufstmp02_1486,#multipleDiv_hufstmp02_1489 { display: none; } 
#multipleDiv_hufstmp02_1486 { background: url(../../images/main/section_back2.jpg)no-repeat; background-size:cover; } 
#multipleDiv_hufstmp02_1489 { background-color: #e2e2e2; } 
@media all and (min-width:1025px) and (max-width:1484px){
 #multipleContentsDiv_hufstmp02_1444 { width:96%; } 
 }
@media all and (min-width:1025px) and (max-width:1484px){
 #multipleContentsDiv_hufstmp02_1456, 
 #multipleContentsDiv_hufstmp02_1485 , 
 #multipleContentsDiv_hufstmp02_1486, 
 #multipleContentsDiv_hufstmp02_1488, 
 #multipleContentsDiv_hufstmp02_1489 { width:96%; margin:0 auto; } 
 }
@media all and (min-width:1025px) and (max-width:1484px){
 #multipleContentsDiv_hufstmp02_1487 { width:100%; margin:0 auto; } 
 }
.main_section_title { font-size: 3.125rem; font-weight:700; letter-spacing:-1px; text-align:center; color: #222; line-height:70px; padding-top:60px; } 
@media all and (max-width:1024px){
 .main_section_title { font-size: 2.2rem; } 
 }
@media all and (max-width:767px){
 .main_section_title { font-size: 1.9rem; padding-top:40px; } 
 }
/* visual */
.visual_slogan { width: 100%; max-width: 1400px; text-align: center; margin: 0 auto; line-height: 2rem; } 
.visual_slogan img { filter:drop-shadow(0 2px 4px rgba(0, 0, 0, 0.8)); } 
.visual_slogan strong { display: block; font-size: 2.438rem; color: #fff; font-family: 'Noto Sans KR'; font-weight: 600; text-shadow: 0 3px 6px rgba(0, 0, 0, 0.7); text-align: center; font-variant: small-caps; } 
.visual_slogan p.detail { display: block; margin: 0.5rem 0 0 0; font-size: 1.2rem; color: #fff; font-family: 'hufs_l'; text-shadow: 0 3px 6px rgba(0, 0, 0, 0.7); } 
.visual_slogan p.detail span { font-weight: 100; } 
@media all and (max-width:1484px) {.visual_slogan { width:65%; margin-right:0px; margin-top:50px; } 
 .visual_slogan strong { margin: 5rem 0 0 0; line-height: 2.8rem; } 
}
@media all and (max-width:767px) {.visual_slogan { width:92%;; text-align:center; margin:0 auto; margin-top:-50px } 
 .visual_slogan img { width:75%; } 
 .visual_slogan strong { font-size: 1.89rem; letter-spacing: -1px; line-height: 0.2rem; } 
 .visual_slogan p.detail { font-size: 1.4rem; } 
 .visual_slogan p.detail span { font-size: 1.5rem; font-family: 'Noto Sans KR'; font-weight: 200; display:none; } 
 }
/* main_link */
.main_link { display: table; width: 99.9%; height: 150px; float: right; } 
.main_link a { display:table-cell; font-size:1.1rem; color:#333; font-weight:500; text-align:center; vertical-align:middle; -webkit-transition:0.4s ease-in-out; transition:0.4s ease-in-out; line-height:1.3; word-break: break-word; padding:10px 10px 10px 10px; letter-spacing:-0.8px; width:calc(100% / 4); } /* a링크 개수에 따라 width값 조정 */
.main_link img { display:block; margin: 0 auto; } 
.main_link .link_01 { background-image: linear-gradient(240deg, rgba(165,124,89,.9), rgba(256,150,0,.6)); } 
.main_link .link_02 { background:linear-gradient(13deg, rgba(256,256,256,.99), rgba(256,256,256,.6) 50%); } 
.main_link .link_03 { background:linear-gradient(12deg, rgba(256,256,256,.99), rgba(256,256,256,.6) 50%); } 
.main_link .link_04 { background:linear-gradient(12deg, rgba(256,256,256,.99), rgba(256,256,256,.6) 50%); } 
.main_link .link_01:hover { background-image: linear-gradient(180deg, rgba(207,128,19,1), rgba(256,150,0,.5)); } 
.main_link .link_02:hover { background:linear-gradient(0deg, #fff, rgba(256,256,256,.8) 50%) } 
.main_link .link_03:hover { background:linear-gradient(0deg, #fff, rgba(256,256,256,.8) 50%) } 
.main_link .link_04:hover { background:linear-gradient(0deg, #fff, rgba(256,256,256,.8) 50%) } 
.main_link .link_01 span { display: block; font-size: .9rem; color: yellow; } 
.main_link a:hover { -webkit-transition:0.4s ease-in-out; transition:0.4s ease-in-out; font-size:1.1rem; } 
.main_link a:hover img { display:block; margin: 0 auto; transform: rotatey(360deg); transition: all 0.7s cubic-bezier(0.2, 0, 0.3, 1); } 
.main_link a:hover strong { display:block; transform: rotatey(360deg); color:#8d7150; transition: all 0.7s cubic-bezier(0.2, 0, 0.3, 1); } 
.main_link a strong { font-size: 1.45rem; color:#222; font-weight: 700; padding:0px; text-shadow:0px 0px 5px rgb(255 255 255 / 50%); } 
@media all and (max-width:1484px){
 .main_link { width:100%; } 
 }
@media all and (max-width:1024px){
 .main_link a { font-size:1.2rem; } 
 }
@media all and (max-width:768px){
 .main_link { display:flex; flex-wrap:wrap; height:auto; } 
 .main_link a { width:50%; line-height:70px; padding:0 10px 0 10px; font-size:1.1rem; } 
 .main_link img { display:block; width:23% } 
 .main_link a:hover img { display:block; transform:none; } 
 .main_link a strong { font-size: 1.3rem; } 
 .main_link a:hover strong { display:block; transform:none; } 
 .main_link .link_01 { line-height:22px; padding:28px 10px 25px 18px; display:inline-block; width:50%; } /* 텍스트가길어두줄인경우 */
 .main_link .link_02 { line-height:22px; padding:28px 10px 25px 18px; display:inline-block; width:50%; background:linear-gradient(180deg, rgba(256,256,256,.9), #ccc); } 
 .main_link .link_03 { line-height:22px; padding:28px 10px 25px 18px; display:inline-block; width:50%; background:linear-gradient(180deg, rgba(256,256,256,.9), #ccc); border-right:1px solid #ccc; height: 105px; } 
 .main_link .link_04 { line-height:22px; padding:28px 10px 25px 18px; display:inline-block; width:50%; background:linear-gradient(180deg, rgba(256,256,256,.9), #ccc); height: 105px; } 
.main_link .link_01 span { display: none; } 
 }
/* guide */
.guide { display:flex; margin-top:0px; } 
.guide a { display:block; width:50%; height:250px; border-radius:0px; position:relative; } 
.guide a:hover { -webkit-transition:0.4s ease-in-out; transition:0.4s ease-in-out; } 
.guide a::before { content:''; position:absolute; top:0; left:0; width:50%; height:100%; -webkit-transition:0.4s; transition:0.4s; } 
.guide .link_01 { background:#0c5097; } 
.guide .link_01::before { background:url('../../images/main/icon_link_fb_bg.jpg') center center; opacity:0.15; } 
.guide .link_02 { background:#8a7f77; margin-left:0px; } 
.guide .link_02::before { background:url('../../images/main/icon_link_brc_bg.jpg') center center; opacity:0.17; } 
.guide a span { position:absolute; top:0; left:0; display:block; width:50%; padding:227px 0 0 0; font-size:1.375rem; font-weight:400; line-height:1.36; text-align:center; color:#fff; z-index:2; } 
.guide .link_01 span { background:url('../../images/main/icon_link_fb.svg') no-repeat center 86px; } 
.guide .link_02 span { background:url('../../images/main/icon_link_brc.svg') no-repeat center 89px; } 
.guide a:hover::before { opacity:0; -webkit-transition:0.4s; transition:0.4s; } 
@media all and (max-width:768px){
 .guide { margin-top:20px; } 
 .guide a { width:48%; height:100px; border-radius:6px; } 
 .guide .link_02 { margin-left:4%; } 
 .guide a span { font-size:1rem; text-align:left; } 
 .guide .link_01 span { padding:25px 0 25px 100px; line-height:50px; background: url('../../images/main/icon_link_fb.svg') no-repeat 20px 25px; background-size:auto 50px; } 
 .guide .link_02 span { padding:25px 0 25px 100px; line-height:50px; background:url('../../images/main/icon_link_brc.svg') no-repeat 20px 25px; background-size:auto 50px; } 
 }
@media all and (min-width:501px) and (max-width:650px){
 .guide .link_02 span { line-height:25px; } /* 텍스트 두줄로 보이기 */}
@media all and (max-width:500px) { /*#multipleDiv_hufstmp02_1486 { height:730px; } 
 #multipleContentsDiv_hufstmp02_1486 { height:670px; } */
 .guide { display:block; } 
 .guide a { width:100%; height:100px; border-radius:0px; } 
 .guide .link_02 { margin-left:0; margin-top:0px; } 
 .guide a span { font-size:1.25rem; } 
 .guide .link_02 span { line-height:50px; } 
 }

/* banner_wrap */
.banner_wrap { height:150px; padding:49px 0 49px 0; background:#e2e2e2; } 
.banner_wrap .banner { width: 1400px; height:52px; margin: 0 auto; overflow:hidden; position:relative; padding-left:61px; padding-right:61px; } 
.banner_wrap .banner ul li { display:block; text-align: center; } 
.banner_wrap .banner ul li a { display:block; color:#666; font-size:1.06rem; font-weight:400; line-height:52px; white-space:nowrap; } 
.banner_wrap .slick-prev { position:absolute; left: -78px; top:0; width:52px; height:52px; background:url('../../images/main/btn_banner_prev.svg') no-repeat center center; font-size:0; } 
.banner_wrap .slick-next { position:absolute; right: -78px; top:0; width:52px; height:52px; background:url('../../images/main/btn_banner_next.svg') no-repeat center center; font-size:0; } 
@media all and (max-width:1484px){
 .banner_wrap .banner { width:100%; } 
 .banner_wrap .slick-prev { left: -60px; } 
 .banner_wrap .slick-next { right: -60px; } 
 }
#menu15071_obj494 {
border: 1px solid #002d56;box-sizing: border-box; } 
/* schedule */
.schedule-wrap { background: linear-gradient(90deg, rgba(0,0,0,.8), transparent); background-position: center center; height: 500px; background-size:cover; } 
.schedule-wrap .schedule-inner { padding: 45px 0px 0px 55px; } 
.schedule-title { position:relative; margin-bottom: 30px; } 
.schedule-title::after { content:''; display: block; clear:both; } 
.schedule-title .fnct-num-title { float:left; display:none; } 
.schedule-title .fnct-num-title::after { content:''; display:block; clear:both; } 
.schedule-title .fnct-num-title2 { float:left; } 
.schedule-title .fnct-num-title2::after { content:''; display:block; clear:both; } 
.schedule-title span { float:left; font-size: 2.5rem; font-family:"hufs_M"; color:#fff; } 
.schedule-title span strong { font-size: 1.5rem; } 
.schedule-title .schedule-more { position:absolute; right: 0; width:50px; height: 50px; top:50%; /*transform: translateY(-50%); */margin-top:-85px } 
.schedule-title .schedule-more-btn { background:url('../../images/main/btn_plus.svg') no-repeat; width:100%; height: 100%; display: inline-block; text-indent: -9999px; transition:all .5s; } 
/*.schedule-title .schedule-more-btn:hover { transition:all .5s; transform:rotate(270deg); } */
.schedule-content > ul > li { margin-bottom: 20px; } 
.schedule-content > ul > li { display: block; color:#fff; overflow: hidden; } 
.schedule-content > ul > li .schedule-date { float: left; font-size: 0px; width: 10px; height: 10px; background-color: rgba(230,180,141,.9); border-radius: 50%; text-align: center; line-height: 55px; color: #fff; margin-top: 10px; } 
.schedule-content > ul > li .schedule-detail { overflow: hidden; font-size: 18px; padding-left: 15px; color: rgba(230,180,141,.9); font-weight: 600; } 
.schedule-content > ul > li .schedule-detail::after { content:''; display: block; clear:both; } 
.schedule-content > ul > li .schedule-detail p:last-child { font-family: 'Noto sans kr'; letter-spacing: -.05em; color: #eeeeee; font-weight: 300; } 
@media all and (max-width:1352px){
 #multipleContentsDiv_temp_04_7 ._objHtml { margin-left:5%; left:0; transform:inherit; top:38% } 
 .schedule-wrap .schedule-inner { padding:38px 0px 10px 30px; } 
 .schedule-title { margin-bottom:20px; } 
 .schedule-content > ul > li { margin-bottom: 26px; } 
 .schedule-content > ul > li .schedule-detail { font-size: 16px; } 
 }
@media all and (max-width:1024px){
 .schedule-wrap .schedule-inner { padding: 20px 10px 20px 50px; } 
 .schedule-content > ul > li .schedule-detail { font-size: 18px; } 
 .schedule-title .schedule-more { margin-top:-75px } 
 }
@media all and (max-width:768px){
 .visual-slogan p.detail { display: none; } 
 #multipleContentsDiv_temp_04_11 { overflow:hidden; width:auto; padding:0 15px; z-index:999; overflow: inherit; } 
 #multipleContentsDiv_temp_04_7 ._objHtml { top: 0%; transform: translateY(-50%); margin-left:0%; } 
 .visual-slogan { margin-right:95px; } 
 .visual-slogan > span { font-size:15px; line-height:20px; } 
 .visual-slogan strong { font-size: 30px; } 
 .visual-slogan strong > span { line-height:50px; } 
 .visual-slogan strong > p { font-size: 35px; } 
 }
@media all and (max-width: 590px) {}
#gra a { color:#fff; font-weight:500; text-align:center; vertical-align:middle; -webkit-transition:0.4s ease-in-out; transition:0.4s ease-in-out; line-height:1.3; word-break: break-word; padding:10px 10px 10px 10px; width:calc(100% / 3); min-width:80px; } /* a링크 개수에 따라 width값 조정 */
.gra.style1 { padding:30px; } 
.gra.style1 .gra_menu { position: relative; overflow: hidden; width: 25%; float: left; background: #000; } 
.gra.style1 .gra_menu img { width: 100%; border-right: 1px solid #fff; border-bottom: 1px solid #fff; transition: 0.4s; opacity: 0.69; filter: grayscale(0.5); } 
.gra.style1 .gra_menu:hover .hide
 {
 font-size:0px; opacity: 0.1; } 
.gra.style1 .gra_menu:hover img
 {
 opacity: 1; } 
 
 .gra.style1 .gra_menu img { width: 100%; } 
.gra.style1 .gra_menu:hover img { transform:scale3D(1.1,1.1,1); } 
 
.gra.style1 .gra_menu .content-part:hover .hide { opacity: 0.1; font-size:0px; } 
.gra.style1 .gra_menu p { position: absolute; top: 40%; left: 0%; font-size: 1.25rem; color: #fff; display: block; width: 100%; text-align: center; font-weight:700; } 
.gra.style1 .gra_menu .content-part { position: absolute; top: 50%; left: 50%; transform: translate(-50%, 50%); text-align: center; z-index: 1; transition: all 0.3s ease; opacity: 0; } 
.gra.style1 .gra_menu .content-part .name { margin-bottom: 8px; font-size: 22px; } 
.gra.style1 .gra_menu .content-part .name a { color: #ffffff; font-size:1.3rem; font-weight:800; } 
.gra.style1 .gra_menu .content-part .name a:hover { color: #111111; } 
.gra.style1 .gra_menu .content-part .gra_subtitle { color: #ffffff; margin-bottom: 16px; display: block; font-size:0.9rem; } 
.gra.style1 .gra_menu .content-part .gra_link li { display: inline; margin-right: 1px; } 
.gra.style1 .gra_menu .content-part .gra_link li a { display: inline-block; color: #fff; font-size:0.8rem !important; border:1px solid rgba(256, 256, 256, .5); } 
.gra.style1 .gra_menu .content-part .gra_link li a:hover { color: #111111; background: rgba(0,0,0,.5); } 
.gra.style1 .gra_menu .content-part .gra_link li:last-child { margin: 0; } 
.gra.style1 .gra_menu:after { position: absolute; content: ''; left: 50%; top: 50%; transform: translate(-25%, 100%) scale(0.1); background: #188bae; opacity: 0; border-radius: 1px; transition: all 0.3s ease; } 
.gra.style1 .gra_menu:hover .content-part { transform: translate(-50%, -50%); opacity: 1; } 
.gra.style1 .gra_menu:hover:after { transform: translate(-50%, -50%) scale(1); opacity: 0.9; } 
.gra.style1.orange-color .gra_menu::after { background:#0487c4; } 
.gra.style1 .gra_menu .content-part .name { margin-bottom: 8px; font-size: 22px; } 
h4 { font-size: 1.25rem; font-weight: 700; } 
.gra.style1 .gra_menu .content-part { position: absolute; top: 50%; left: 50%; transform: translate(-50%, 50%); text-align: center; z-index: 1; transition: all 0.3s ease; opacity: 0; } 
.rs-degree.style1 .degree-wrap .content-part,
.gra.style1 .gra_menu:after { width: calc(100% - 50px); height: calc(100% - 50px); } 
.gra.style1 .gra_menu .content-part { width: calc(100% - 60px); } 
 ::selection { background: #21a7d0; text-shadow: none; color: #ffffff; } 
 .gra.style1 .gra_menu img { width: 100%; } 
 img, svg { vertical-align: middle; } 
*, ::after, ::before { box-sizing: border-box; } 
@media all and (max-width:1400px){
 .gra.style1 .gra_menu:after { width: calc(100% - 30px); height: calc(100% - 30px); } 
 .gra.style1 .gra_menu .content-part .gra_subtitle { display:none; } 
 .gra.style1 .gra_menu .content-part .name a { font-size:0.9rem; line-height:0.5rem !important; padding:0px !important; } 
}
@media all and (max-width:1024px) {
.gra.style1 .gra_menu { width: 33%; } 
}
@media all and (max-width:768px) {.gra.style1 { padding:10px; } 
.gra.style1 .gra_menu { width: 50%; } 
.gra.style1 .gra_menu .content-part .gra_link li a { width:70px !important; padding:10px !important; font-size:0.6rem !important } 
.gra.style1 .gra_menu .content-part .gra_link { margin-top:20px } 
 .gra.style1 .gra_menu .content-part .name { line-height:20px; } 
 .gra.style1 .gra_menu .content-part .name a { font-size:1.1rem; line-height:0.5rem !important; padding:0px !important; } 
 .gra.style1 .gra_menu p { font-size: 1.1rem; line-height:1.1rem; } 
#multipleDiv_hufstmp02_1488 { height: 1200px; } 
 }
@media all and (max-width:688px) {#multipleDiv_hufstmp02_1488 { height: 1110px; } 
 }
@media all and (max-width:565px) {#multipleDiv_hufstmp02_1488 { height: 900px; } 
 }
.popupArea.temp001 { width: 100%; height: 100%; border: 0px dotted #fff; background:#0b427b url(/Web-home/fnct/popup/template/css/new/pop_back5.png)right top no-repeat;border-radius:15px; } 
.popupArea.temp001 .popupTitle,.popupArea.temp001 .popupText { width:97% !important; margin: 0 auto; } 
.popupArea.temp001 .popupTitle { padding-top: 35px; text-align: center; color: #efc296; line-height: 2rem; font-size: 1.7rem; text-decoration: none; font-family: hufs_m; text-shadow: 1px 1px 2px #333; padding-bottom: 5px; margin-bottom: 5px; letter-spacing: -0.6px; } 
.popupArea.temp001 .popupTitle span { color: #efc296; text-align: center; } 
.popupArea.temp001 .popupText { top: 95px; color: #fff; } 
.popupArea.temp001 .popupText span {
 text-align: justify; font-family: noto light; } 
.popupArea.temp001 .popupText .popupData { background-color: rgba(0,0,0,.4); margin: 15px 5px 5px 5px; padding: 10px 2px 10px 2px; text-align: center; border: 1px dotted #07c5fc; } 
.popupArea.temp001 .popupText ul { color: #fff; overflow: hidden; padding: 5px; } 
.popupArea.temp001 .popupText li { color: #e9e9e9; float: left; width: 49%; height: 145px; border: 0px dotted gray; margin: 0px 5px 5px 0px; padding: 5px; text-align: center; background: linear-gradient(180deg, rgba(0,0,0,.2), transparent); border-radius: 10px; } 
.popupArea.temp001 .popupText li:nth-child(1) { height: 168px; } 
.popupArea.temp001 .popupText li:nth-child(2) { height: 168px; } 
.popupArea.temp001 .popupText li h3 { text-align: center; margin-left: 5px; color: aqua; font-family: hufs_m; margin-bottom: 5px; line-height: 2rem; font-size: 1.1rem; } 
.popupArea.temp001 .popupText .t1 { } 
.popupArea.temp001 .popupText .t2 { margin-top: 150px; } 
.popupArea.temp001 .popupText .t3 { margin-top: -150px; } 
.popupArea.temp001 .popupText li a { width: 95%; display: inline-block; background-color: rgba(256,256,256,.15); text-align: center; color: #fff; font-size: 0.79rem; min-height: 20px; padding: 5px 5px; /* margin-bottom: 5px; */
 /* vertical-align: middle; */
 border: 1px solid #002d56; letter-spacing: -0.01rem; } 
.popupArea.temp001 .popupText li a:hover { border: 1px dotted #07c5fc; color:#fff; background-color:skyblue; } 
.popupArea.temp001 .popupText .popupInfo { margin-top:21px } 
.popupArea.temp001 .popupText .popupInfo dd { margin:10px 0 0 15px; height:205px } 
.popupArea { font-size: 14px !important; line-height: 1.5 !important; font-family: noto sans kr!important; float: none!important; margin: 0 auto!important; margin-top: 170px!important; position: relative!important; } 
.PZwindow { position:fixed !important; border: 0px #ccc solid!important; background: rgba(0,0,0,.6) !important; cursor: move!important; width: 100%!important; height: 100%!important; z-index: 2147483647 !important; margin-top: -130px!important; } 
.nomoreOpen { width: 590px; background: none!important; color: #fff; margin: -60px auto; z-index: 9999999999; position: relative; } 
.nomoreOpen form a.PZwindowClose { width: 20px!important; height: 20px!important; } 
.PZwindow .PZwrap, .PZpopup .nomoreOpen, .PZwindow .nomoreOpen { overflow: visible!important; } 
.PZwindow .PZwrap { margin: 0 AUTO; MARGIN-TOP: 10%; } 
.popupArea.temp001 .popbtn { margin-bottom: 20px; text-align:; text-align: center; width:; width: 100%; } 
.popupArea.temp001 .popbtn .poplink { border-radius: 30px; border: 1px solid #95c4f6; display: inline-block; padding: 12px 60px 12px 25px; position: absolute; top: 190px; width: 180px; left: 27%; font-size: 14px; color: #fff; text-align: left; background: url(/Web-home//fnct/popup/template/images.temp001/btn_back5.png)118px 13px no-repeat; } 
.popupArea.temp001 .popbtn .poplink:hover
 {
 background:rgba(256,256,256,.2) url(/Web-home//fnct/popup/template/images.temp001/btn_back5on.png)118px 13px no-repeat; } 
@media all and (max-width:768px) {
.PZwrap, .nomoreOpen { width: 95% !important; height: auto; margin-top: 90px; } 
#PZwrap123 { width:95% !important; height:725px !important; } 
.popupArea { margin-top: 60px !important; height:760px !important; } 
.popupArea.temp001 .popupTitle { margin-bottom:0px; border:none; font-size:1.3rem; } 
.popupArea.temp001 .popupText { top: 50px; } 
.popupArea.temp001 .popupText li h3 { margin-left: 5px; margin-bottom: 5px; float: left; width: 17%; font-size: 1rem; line-height: 20px; margin-bottom: 10px; padding-bottom: 5px; margin-top: 15px; /* height: 35px; */}
.popupArea.temp001 .popupText li { color: #e9e9e9; width: 100%!important; height: auto!important; border: 0px dotted gray; margin: 0px 5px 5px 0px; padding: 5px; text-align: center; background: linear-gradient(180deg, rgba(0,0,0,.2), transparent); border-radius: 10px; } 
.popupArea.temp001 .popupText li a { width: 80%!important; display: inline-block; background-color: rgba(256,256,256,.15); text-align: center; color: #fff; padding: 4px 5px; border: 1px solid #002d56; float: right; } 
.popupArea.temp001 .popupText .t1 { margin-top:100px; width: 100%!important; } 
.popupArea.temp001 .popupText .t2 { margin-top:0px; width: 100%!important; } 
.popupArea.temp001 .popupText .t3 { margin-top:-10px; width: 100%!important; } 
}
@media all and (max-width:500px) {.PZwindow { top: 50px!important; } 
 }

.tab-content-wrapper::marker {color: transparent;}