/* 탑메뉴 */ #Top { position:sticky; top:0; background:#fff; border-bottom:1px solid #ddd; z-index:100; } #Top .wrap > div+div:not(.gnb_new) { position:relative; } #Top .wrap > div+div:not(.gnb_new):after { content:''; width:calc(100vw - 17px); min-width:1100px; height:1px; background:#ddd; position:absolute; left:50%; top:0; transform:translate(-50%,0); z-index:-1; } #Top .sub { display:flex; justify-content:space-between; align-items:center; } #Top .sub .logo { display:flex; gap:5px; } #Top .sub .logo .box01 { padding:5px 0; display:flex; justify-content:center; align-items:center; } #Top .sub .logo .box01 a img { width:auto; height:24px; } #Top .sub .btn01 .mem_name { color:#333; font-size:13px; position:relative; left:-20px;} #Top .sub .btn01 .mem_name:after { content:''; position:absolute; top:50%; right:-24px; width:1px; height:15px; background:#aaa; transform:translate(0,-50%); } #Top .sub .btn01 p { display:inline-block; font-size:14px; color:#666; } #Top .sub .btn01 a { font-size:13px; color:#595959; font-weight:400; padding:0 13px; position:relative; } #Top .sub .btn01 a.left { padding-right:20px;} #Top .sub .btn01 a:first-child { } #Top .sub .btn01 button { font-size:13px; color:#595959; font-weight:400; position:relative; padding-left:13px; } #Top .sub .btn01 button { padding-right:17px; } /* 임시 추가 */ #Top .sub .btn01 button:after { content:''; position:absolute; top:49%; right:0; width:2px; height:13px; background:#dbd5d6; transform:translate(0,-50%); } /* 임시 추가 */ #Top .sub .btn01 .logout { color: #0d6fb8; } #Top .sub .btn01 a:after { content:''; position:absolute; top:49%; right:0; width:2px; height:13px; background:#dbd5d6; transform:translate(0,-50%); } #Top .sub .btn01 a:last-child { padding-right:0; } /* 임시 추가 */ #Top .sub .btn01 a:last-child:after { display:none; } #Top .main { display:flex; justify-content:space-between; padding:20px 0;align-items: center; } #Top .main .logo {display: flex;align-items: center;} #Top .main .logo a { position:relative;display: flex;align-items: center; } #Top .main .logo a img.mgl20 {margin-left: 25px;} #Top .main .btn_box { display:flex; display: flex;justify-content: center;align-items: center;text-align: center; } #Top .main .btn_box .box {padding: 0 0 0 20px;} #Top .main .btn_box .box h1 {font-size: 13px;padding-top: 3px;font-weight: 600;} #Top .main .btn_box .wc > img {margin-right: 10px;} #Top .main .btn_box a { display:flex; align-items:center;width: 48px;background: #fff0b4;height: 48px;border-radius: 50px;justify-content: center; margin: 0 auto; } #Top .main .btn_box a+a { margin-left:20px; } #Top .main .btn_box a h1 { font-size:15px; font-weight:900; color:#000; display:flex; align-items:center; margin-top:9px; } #Top .main .btn_box a h1 img {margin: -2px 0 0 5px;animation: blink 1s linear infinite both; } #Top .main .btn_box a h1 b { font-size:20px; margin-right:8px; margin-top:-1px; } #Top .main .btn_box a h1 b.cl01 { color:#f40000; } #Top .main .btn_box a h1 .cir {margin-left: 5px;color: #f40000; font-size: 11px; font-weight: 800; width: 27px; height: 18px; border-radius: 9px; border: 1px solid #f40000; padding: 3px; animation: blink 1s linear infinite both;} #Top .main .btn_box a h1 b.cl02 { color:#2077ff; } #Top .main .btn_box a h1 b.cl03 { color:#23aa91; } #Top .main .btn_box a p { font-size:12px; font-weight:700; color:#6c6c6c; display:flex; justify-content: space-between;align-items:center; } #Top .main .btn_box a p img { margin-left:20px; } #Top .main .btn_box a p .arrow22 {margin-right: 0;} /* #Top .main .btn_box a, #Top .main .btn_box button { text-align:center; margin:0 8px; position:relative; } #Top .main .btn_box button { margin-right:0; } #Top .main .btn_box a:first-child:after { content:''; width:79px; height:16px; background:url('/rtImages/ns_w/common/top_btn01_af.png') no-repeat; position:absolute; left:0; top:-6px; transform:translate(0,-100%); animation:blink 1s linear infinite both; } #Top .main .btn_box a i, #Top .main .btn_box button i { margin:0 auto 10px; width:27px; height:27px; display:block; transition:0.3s; } #Top .main .btn_box a:nth-child(1) i { background:url('/rtImages/ns_w/common/top_btn01.png') no-repeat; background-size:contain; } #Top .main .btn_box a:nth-child(2) i { background:url('/rtImages/ns_w/common/top_btn02.png') no-repeat; background-size:contain; } #Top .main .btn_box a:nth-child(3) i { background:url('/rtImages/ns_w/common/top_btn03.png') no-repeat; background-size:contain; } #Top .main .btn_box button.full_more i { background:url('/rtImages/ns_w/common/top_btn04.png') no-repeat; background-size:contain; } #Top .main .btn_box button.full_close i { background:url('/rtImages/ns_w/common/top_btn05.png') no-repeat; background-size:contain; } #Top .main .btn_box a:hover:nth-child(1) i { background:url('/rtImages/ns_w/common/top_btn01_hv2.png') no-repeat; background-size:contain; transition:0.3s; } #Top .main .btn_box a:hover:nth-child(2) i { background:url('/rtImages/ns_w/common/top_btn02_hv2.png') no-repeat; background-size:contain; transition:0.3s; } #Top .main .btn_box a:hover:nth-child(3) i { background:url('/rtImages/ns_w/common/top_btn03_hv.png') no-repeat; background-size:contain; transition:0.3s; } #Top .main .btn_box button:hover.full_more i { background:url('/rtImages/ns_w/common/top_btn04_hv.png') no-repeat; background-size:contain; transition:0.3s; } #Top .main .btn_box button:hover.full_close i { background:url('/rtImages/ns_w/common/top_btn05_hv.png') no-repeat; background-size:contain; transition:0.3s; } #Top .main .btn_box a p, #Top .main .btn_box button span { display:block; font-size:11px; font-weight:600; color:#222; } */ #Top .main .btn_box a.full_more_v2 { background:none; } #Top .menu .dropmenu { display:flex; justify-content:space-between; flex-wrap:wrap; } #Top .menu .dropmenu > li { position:relative; width:calc(100% / 9); text-align:center; border-top:1px solid #ddd; border-left:1px solid #ddd; } #Top .menu .dropmenu > li:nth-child(9n) { border-right:1px solid #ddd; } #Top .menu .dropmenu > li a p { font-size:15px; font-weight:600; color:#222; height:50px; line-height:1; display:flex; justify-content:center; align-items:center; } #Top .menu .dropmenu li a b {font-size:12px; font-weight:600;} #Top .menu .dropmenu > li a span { font-size:12px; font-weight:500; position:absolute; left:50%; top:0; transform:translate(-50%,-50%); background:#fff; border-radius:5px; } #Top .menu .dropmenu > li ul { position:absolute; left:50%; bottom:-1px; transform:translate(-50%,100%); border:1px solid #ddd; background:#fff; width:calc(100% + 2px); display:none; height:auto; position:absolute; z-index:1; } #Top .menu .dropmenu > li:focus-within ul, #Top .menu .dropmenu > li:hover ul { display:block; } #Top .menu .dropmenu > li ul li a { font-size:13px; font-weight:600; color:#999; padding:10px 0; text-align:center; display:block; line-height:1; } #Top .menu .dropmenu > li ul li a:hover { color:#222; } #Top .menu .dropmenu > li.bg { background:#ecf4ff; border-top:1px solid #fff; border-left:1px solid #fff; border-right:1px solid #fff; } #Top .menu .dropmenu > li.bg.af05 {border-top:1px solid #ddd; } #Top .menu .dropmenu > li.bg.col {background:#fff0b4;} #Top .menu .dropmenu > li.bg a p { color:#006FBA; font-weight:700; } #Top .menu .dropmenu > li.af01 a span { width:90px; border:1px solid #ff981e; color:#ff981e; } #Top .menu .dropmenu > li.af02 a span { width:60px; border:1px solid #2678bc; color:#2678bc; } #Top .menu .dropmenu > li.af03 a span { width:68px; border:1px solid #e30066; color:#e30066; } #Top .menu .dropmenu > li.af04 a span { width:48px; border:1px solid #db0000; color:#fff; background: #db0000; } #Top .menu .dropmenu > li.af05 a span { width:60px; border:1px solid #DF0101; color:#fff; background:#DF0101; animation:blink 1s linear infinite both; } @keyframes updown { 0%,100% { transform:translate(-50%,-100%); } 50% { transform:translate(-50%,-110%); } } @keyframes updown2 { 0%,100% { transform:translate(100%,-45%); } 50% { transform:translate(100%,-55%); } } @keyframes blink { 0%,100% { opacity:1; } 50% { opacity:0; } } @media (max-width:1024px){ #Top { min-width:100%; } #Top .sub { justify-content:center; } #Top .sub .btn01 { display:none; } #Top .sub .logo .box01 { padding:0; } #Top .sub .logo .box01+.box01 { padding:0; } #Top .wrap > div+div:not(.gnb_new):after { width:100vw; min-width:auto; } } @media (max-width:768px){ #Top .main .btn_box { display:none; } #Top .main .logo { gap:15px; } #Top a img { height:30px; margin:0 auto; } #Top .sub .logo { width:100%; } #Top .sub .logo .box01 { } #Top .sub .logo .box01 img { height:24px; } #Top .sub .logo .box01 a { width:100%; } #Top .sub .logo .box01 a img { height:18px; } #Top .main { padding:10px 0; justify-content:center; } #Top .sub .logo { display:flex; align-items:center; justify-content:center; gap:5px; padding:5px 0; } #Top .main .logo a img.mgl20 {margin-left: 0;} } /* 전체메뉴 */ #gnb_new { position:absolute; left:50%; bottom:-1px; transform:translate(-50%,100%); width:100%; height:auto; z-index:10; } #gnb_new .full_menu_contain { background:#fff; border-bottom:1px solid #dcdcdc; overflow:hidden; } #gnb_new .full_menu_contain .full_menu { display:flex; justify-content:space-between; width:1100px; margin:0 auto; } #gnb_new .full_menu_contain .full_menu .list { width:calc(100% / 7); padding:10px 5px; } #gnb_new .full_menu_contain .full_menu .list h1 { text-align:center; font-weight:bold; color:#444; border-bottom:1px solid #444; padding-bottom:10px; font-size:18px; } #gnb_new .full_menu_contain .full_menu .list a { display:flex; justify-content:center; align-items:center; font-size:13px; margin-top:10px; } #gnb_new .full_menu_contain .full_menu .list a:hover { text-decoration:underline; } #gnb_new .full_menu_contain .full_menu .list a span { color:#707070; } #gnb_new .full_menu_contain .full_menu .list.sns a { justify-content:flex-start; padding-left:30px; } #gnb_new .full_menu_contain .full_menu .list.sns a span { color:#000; font-weight:bold; } #gnb_new .full_menu_contain .full_menu .list.sns a img { margin-right:10px; } #gnb_new .full_menu_contain .full_menu .list.sns a i { line-height:28px; width:30px; text-align:center; overflow:hidden; margin-right:10px; border:1px solid #dcdcdc; border-radius:50px; color:#e7161a; } #gnb_new .full_menu_contain .full_menu .list.sns a i.fa-youtube:before { content:"\f167"; font-family:Font Awesome\ 5 Brands !important; } #full_menu_contain { display:none;} /* footer */ #foot .foot_menu { border-top:1px solid #ddd; border-bottom:1px solid #ddd; } #foot .foot_menu .wrap { display:flex; justify-content:space-between; align-items:center; } #foot .foot_menu .menu { display:flex; align-items:center; } #foot .foot_menu .menu a { font-size:16px; color:#585858; padding:0 25px 0 20px; position:relative; } #foot .foot_menu .menu a:after { content:''; width:2px; height:13px; background:#9d9d9d; position:absolute; right:0; top:50%; transform:translate(0,-50%); } #foot .foot_menu .menu a:nth-child(1) { padding-left:0; } #foot .foot_menu .menu a:nth-child(2) { color:#0d6fb8; font-weight:700;} #foot .foot_menu .menu a:last-child { color:#0d6fb8; } #foot .foot_menu .menu a:last-child:after { display:none; } #foot .foot_menu .btn01 a.top_btn { display:block; width:50px; height:50px;background:#f9f9f9 url('/rtImages/ns_w/common/foot_btn_ic01_hv.png') no-repeat; background-position:center; transition:0.3s; } #foot .foot_menu .btn01 a.top_btn:hover { background:#ddd url('/rtImages/ns_w/common/foot_btn_ic01.png') no-repeat; background-position:center; transition:0.3s; } #foot .company .wrap { padding:50px 0; } #foot .company .logo { margin-bottom:30px; } #foot .company .text p { font-size:15px; color:#585858; line-height:1.3; } #foot .company .text p.bold { margin-top:25px; color:#222; } @media (max-width:1024px) { #full_menu_contain { padding:5px; } .gnb_new .full_menu_contain .full_menu { width:100%; } .gnb_new .full_menu_contain .full_menu .list { margin-bottom:10px; } .gnb_new .full_menu_contain .full_menu .list h4 { font-size:14px; padding:5px 0; } .gnb_new .full_menu_contain .full_menu .list:last-child ul li a { align-items:center; } .gnb_new .full_menu_contain .full_menu ul li a { padding:5px 0; font-size:11px; } .gnb_new .full_menu_contain .full_menu ul.sns li { line-height:1; } .gnb_new .full_menu_contain .full_menu ul.sns li img { width:20px; height:20px; } .gnb_new .full_menu_contain .full_menu ul.sns li i { width:20px; line-height:20px; height:20px; } #foot .company .wrap { padding:50px 20px; } } @media (max-width:768px) { #gnb_new { display:none; } #foot .foot_menu .wrap { justify-content:center; } #foot .foot_menu .menu { padding:10px 0; } #foot .foot_menu .menu a { font-size:10px; padding:0 5px; } #foot .company .wrap { padding:30px 20px; } #foot .company .text p { font-size:10px; } #foot .foot_menu .btn01 { display:none; } #foot .company .logo { margin-bottom:15px; } #foot .company .logo a img { width:140px; } } @media (max-width:480px) { #foot .foot_menu .menu a:after {content: '';width: 1px;height: 8px;} #foot .foot_menu .menu a {font-size: 10px;padding: 0 8px;} }