@charset "euc-kr"; @import "admin.css"; /* 상단 */ #header {width:100%;position:absolute;left:0;top:0;background:#fff;border-bottom:1px solid #000000;z-index:99;} #header.on {background:#fff;border-bottom:1px solid #000000;} #header:after {content:'';display:block;position:absolute;top:12.7rem;left:0;width:100%;height:1px;background:#000000;} #header:before {content:'';display:block;position:absolute;top:7rem;left:0;width:100%;height:1px;background:#f0f0f0;} #header .header-wrap {position:relative;width:1260px;margin:auto;padding:0;} #header .logo {display:inline-block;margin:0;} #header .logo h1 {width:97px;margin:0;font-size:0; line-height:1;} #header .logo h1 a {display:block;} #header .logo h1 a img {display:block;width:100%;} #header .logo h1{width:auto;} #header .logo h1 a img{width:50.5rem;} #header .link {display:inline-block;vertical-align:top;margin:27px 0 0 15px;} #header .link > a.btn {display:block;width:180px;height:40px;line-height:40px;font-size:1.4rem;color:#fff;font-weight:bold;text-align:center;border-radius:40px;} #header .link > a.btn.green {background:#0abea2;} #header .link > a.btn.blue {background:#007fd8;} #header .headerRibn {background:#2f5aa6; height:32px; width:100%; top:0; left:0;} #header .headerRibn{display:none;} /* gnb */ #header .gnb-wrap {min-height:12.7rem;} #header .gnb-wrap .inner-wrap {position:relative; z-index:900} #header .gnb-wrap .logo {height:7rem;padding:0; display:flex;align-items: center;} #header .gnb-wrap .gnb .parent {background:#fff;} #header .gnb-wrap .util {position:absolute; top:8.7rem; right:0; z-index:550; } #header .gnb-wrap .util .gnbUtil {zoom:1;} #header .gnb-wrap .util .gnbUtil:after {content:''; display:block; clear:both;} #header .gnb-wrap .util .gnbUtil li {position:relative;float:left;padding:0 1.5rem;margin:0;font-size:0;border-right:1px solid #cecece;} #header .gnb-wrap .util .gnbUtil li.last {padding:0 0 0 1.5rem;border:none;} #header .gnb-wrap .util .gnbUtil li a {display:inline-block;line-height:1;font-family: 'Noto Sans KR';font-size:1.4rem;color:#7c7c7f;vertical-align: bottom; color:#fff;} #header .gnb-wrap .util .gnbUtil li.faq {border:none;padding:0;margin:0 0 0 5px;} #header .gnb-wrap .util .gnbUtil li.faq .faq_btn {width: 80px;height: 29px;line-height: 29px;text-align:center;font-size:1.4rem;color:#fff;border-radius:2px; background:#fdb447; font-weight: 500;} #header .gnb-wrap .util .gnbUtil li.faq+li.faq .faq_btn{background: #e88162; width: 60px;} #header .gnb-wrap .gnb {display:block;width:100%;z-index:10;} #header .gnb-wrap .gnb.pc .parent .gnb_menu {position:relative;display:inline-block;float:left;z-index:50;} #header .gnb-wrap .gnb.pc .parent .gnb_menu .m .depth_gnb {display:none;width:calc(100% + 8rem);margin:0 0 0 -4rem;padding:0 0 3rem;} #header .gnb-wrap .gnb.pc .parent .gnb_menu:hover .m .depth_gnb {display:block;} #header .gnb-wrap .gnb .parent .m {float:left;position:relative;min-height:5.7rem;margin:0 4rem;padding:0;font-size:0;} #header .gnb-wrap .gnb .parent .m:first-child {margin:0 4rem 0 0;} #header .gnb-wrap .gnb .parent .m.m3 {width:5.8rem;} #header .gnb-wrap .gnb .parent .m.m5 {width:8rem;} #header .gnb-wrap .gnb .parent .m > a {display:block;max-height:5.7rem;padding:0;line-height:1.25;padding:1.45rem 0;margin:0;font-size:1.6rem; font-weight:500;color:#111111;box-sizing: border-box; text-align:center;border: 0.4rem solid transparent;border-width:0.4rem 0;} #header .gnb-wrap .gnb.pc .parent .m:hover > a{border-bottom:0.4rem solid #7952df;} #header .gnb-wrap .gnb .parent .m > a br {display:none;} #header .gnb-wrap .gnb.pc .parent .m ul > li {width:100%;line-height:1.5;margin:15px 0 0;padding:0;box-sizing:border-box; /*border-bottom:1px solid #eaeaea;*/} #header .gnb-wrap .gnb.pc .parent .m ul.gnbAlignLeft > li:nth-child(2) {height:4.8rem;} #header .gnb-wrap .gnb.pc .parent .m ul > li a {display:block;width:100%;line-height:1.5;padding:0 2rem;margin:0;text-align:left;font-size:1.6rem;color: #5c5c5c; font-weight:600;box-sizing:border-box;} #header .gnb-wrap .gnb.pc .parent .m ul > li a br {display:block;} #header .gnb-wrap .gnb.pc .parent .m ul > li a > br.tb {display:none;} #header .gnb-wrap .gnb.pc .parent .m ul > li a:hover {color:#7952df; text-decoration:underline; text-underline-offset: 2px;} #header .gnb-wrap .gnb.pc .parent .m ul > li a.mbtn{font-size:1.8rem; font-weight:normal; color:#111111; /*transform: translateX(2rem);*/ text-align:center;} #header .gnb-wrap .gnb.pc .parent .m ul li a.mbtn{font-size:1.6rem; font-weight:400; color:#111111; padding:0;opacity: 0.8;} #header .gnb-wrap .gnb.pc .parent .m ul > li a span {display:block;margin-top:5px;} #header .gnb-wrap .gnb .parent .my {position:relative;padding:0;margin:0;font-size: 0;text-align:center;box-sizing:border-box;} #header .gnb-wrap .gnb .parent .my:before {content:'';display:inline-block;position:absolute;left:0;top:50%;width:1px;height:18px;margin-top:-9px;background:#000;} #header .gnb-wrap .gnb .parent .my .menu {position:relative;display:inline-block;vertical-align: top;margin-top:1.6rem;padding:0;} #header .gnb-wrap .gnb .parent .my .menu > a {position:relative;display:inline-block;line-height:40px;padding:0 2rem;margin-left:2rem;box-sizing:border-box; color:#111;} #header .gnb-wrap .gnb .parent .my .menu > a:first-child {margin-left:0;} #header .gnb-wrap .gnb .parent .my .menu > a:before {content:'';display:inline-block;width:2.6rem;height:2.6rem;margin:0 1rem 0 0;background:url('/images/gnb_menu_icon.png') no-repeat;background-size:2.8rem;background-position: 0.4rem 0.8rem;vertical-align:top;} #header .gnb-wrap .gnb .parent .my .menu > a.member, #header .gnb-wrap .gnb .parent .my .menu > a.my_page{padding:0;} #header .gnb-wrap .gnb .parent .my .menu > a.member:before, #header .gnb-wrap .gnb .parent .my .menu > a.my_page:before {background-position:-0.1rem 0rem;} #header .gnb-wrap .gnb .parent .my .menu > a.my_page:before {line-height:3.5rem;} #header .gnb-wrap .gnb .parent .my .menu > a.partners {padding:0;} #header .gnb-wrap .gnb .parent .my .menu > a.partners:before {background-position: -0.1rem -9.4rem;} #header .gnb-wrap .gnb .parent .my .menu > a.enroll:before, #header .gnb-wrap .gnb .parent .my .menu > a.appli:before {display:none;} #header .gnb-wrap .gnb .parent .my .my_box {display:none;position:absolute;top:20px;right:0;width:270px;padding:17px 0 0;box-sizing:border-box; border-top:1px solid #fff;z-index:10;} #header .gnb-wrap .gnb .parent .my .my_box:before {content:'';position:absolute;right:13px;top:10px;width:15px;height:15px;background:#fff;border:1px solid #dcdcdc;border-width:1px 1px 0 0;-ms-transform: rotate(-45deg);-webkit-transform: rotate(-45deg);transform: rotate(-45deg);} #header .gnb-wrap .gnb .parent .my .my_box > ul {display:block;position: initial;width:100%;padding:0 6px;margin:0;background:#fff;border:1px solid #dcdcdc;border-width:0 1px 1px;border-radius:0;box-sizing:border-box;} #header .gnb-wrap .gnb .parent .my .my_box > ul > li {width:100%;height:40px;margin:0 !important;;padding:0;text-align:left;border-bottom:1px solid #dcdcdc;background: #fff;} #header .gnb-wrap .gnb .parent .my .my_box > ul > li:last-child {border-bottom:none;} #header .gnb-wrap .gnb .parent .my .my_box > ul > li > a {width:100%;display:block;height:40px;line-height:40px;padding:0 10px;font-size:1.5rem;color:#333;box-sizing:border-box;} #header .gnb-wrap .gnb .parent .my .my_box > div {display:block;padding:25px 20px 15px;border:1px solid #dcdcdc;background:#fff;} #header .gnb-wrap .gnb .parent .my .my_box > div > p {line-height:1;padding:0 0 15px;font-size:1.6rem;color:#333;} #header .gnb-wrap .gnb .parent .my .my_box > div > .btn_area > .btn {display:inline-block;width:108px;height:36px;line-height:36px;margin:0;padding:0;margin-right:7px;font-weight:normal;font-size:1.4rem;color:#fff;text-align:center;} #header .gnb-wrap .gnb .parent .my .my_box > div > .btn_area.logoutCustom > .btn{width:228px; height:35px; line-height:35px;} #header .gnb-wrap .gnb .parent .my .my_box > div > .btn_area > .btn.blue {background:#e4007f;} #header .gnb-wrap .gnb .parent .my .my_box > div > .btn_area > .btn.gray {background:#999;} #header .gnb-wrap .gnb .parent .my .my_box > div > .btn_area > .btn.black {background:#444444;} #header .gnb-wrap .gnb .parent .my .my_box > div > .btn_area > .btn:last-child {margin:0;} #header .gnb-wrap .gnb .parent .my .my_box > .info {text-align:left;} #header .gnb-wrap .gnb .parent .my .my_box > .info p {display:inline-block;line-height:36px;padding:0;font-size:1.5rem;} #header .gnb-wrap .gnb .parent .my .my_box > .info p > span {font-size:2rem;} #header .gnb-wrap .gnb .parent .my .my_box > .info .btn_area {float:right;display:inline-block;display:block; padding:0;margin:0;} #header .gnb-wrap .gnb .parent .my .my_box > .info .btn_area.logoutCustom {float:unset;display:block;} #header .gnb-wrap .gnb .parent .my .my_box > .info .btn_area .btn {margin:0;} #header .gnb-wrap .gnb .header_menu {display:none;position: absolute;top:2.6rem;right:2.6rem;} #header .gnb-wrap .gnb .header_menu ul:after {content: '';display: block;clear: both;} #header .gnb-wrap .gnb .header_menu ul {padding:0;font-size:0;} #header .gnb-wrap .gnb .header_menu ul li {float: left;margin:0;padding:0;} #header .gnb-wrap .gnb .header_menu ul li > a {display:block;width:4.2rem;height:3rem;font-size: 0;color:#243d92;background:#adebf4;border-radius:1rem;} #header .gnb-wrap .gnb.open .depth_gnb {} #header .gnb-wrap .gnb.open .depth_gnb .menu {height: 4rem; display: none;position: absolute;left:0;width: 100%; background: #eeeeee;z-index:10;} #header .gnb-wrap .gnb.open .m.active .depth_gnb .menu {display: block;} #header .gnb-wrap .gnb.open .depth_gnb .menu ul.ulPosition_1 {padding-left:1rem; text-align:left;} #header .gnb-wrap .gnb.open .depth_gnb .menu ul.ulPosition_2 {padding-left:1rem; text-align:left;} #header .gnb-wrap .gnb.open .depth_gnb .menu ul.ulPosition_3 {padding-left:1rem; text-align:left;} #header .gnb-wrap .gnb.open .depth_gnb .menu ul.ulPosition_4 {padding-left:1rem; text-align:left;} #header .gnb-wrap .gnb.open .depth_gnb .menu ul li{position:relative;display: inline-block;margin-left:4.5rem;} #header .gnb-wrap .gnb.open .depth_gnb .menu ul li:first-child {margin-left:0;} #header .gnb-wrap .gnb.open .depth_gnb .menu ul li.linPadding{padding-left: 0;margin-left:0;} #header .gnb-wrap .gnb.open .depth_gnb .menu ul li a {font-size:1.3rem;height:4rem;line-height:4rem;color:#fff; font-family:"Noto Sans KR"; font-weight:400;} #header .gnb-wrap .gnb.open .depth_gnb .menu ul li.active a{color: #d6d58b;} #header .gnb-wrap .gnb.open>.inner>.tp.active .depth_gnb .menu{display: block;} #header .gnb-wrap .gnb .parent {display: flex;justify-content: space-between;background: none; padding-top:0;} #header .gnb-wrap .gnb .parent .my .menu > a{color:#033954; font-size:1.7rem;} #header .gnb-wrap .gnb .parent .my .menu{border-radius:8px; width: auto; cursor: pointer;} #header .gnb-wrap .gnb .parent .my .menu:nth-of-type(2) { margin-left: 5rem;} #header .gnb-wrap .gnb .parent .my:before{background:none;} #header .gnb-wrap .gnb .parent .my .my_box{border-top:0;top:4rem;} #header .gnb-wrap .gnb .parent .my .my_box > div > .btn_area > .btn.blue{background:#7952df;} #header .gnb-wrap .util .gnbUtil li.my .my_area {display: block; width: 13.5rem; position: absolute; right: -0.5rem; top: 2.3rem; padding: 2rem 1rem; background: #fff; border: 1px solid #dcdcdc; z-index: 550; text-align:left;} #header .gnb-wrap .util .gnbUtil li.my .my_area a:first-child {margin-top: 0;} #header .gnb-wrap .util .gnbUtil li.my .my_area a {display: block;line-height:1.2; font-size: 1.4rem; color: #57585a; margin-top: 1rem;word-break: keep-all;} #header .gnb-wrap .util .gnbUtil li.my .my_area button {position: absolute; left: 15.6rem; top: -0.1rem; width: 2.5rem; height: 2.5rem; font-size: 0; background: #fff url(/images/common/cancle_black.png) no-repeat 50% 50%; border: none; cursor: pointer;} #header .gnb-wrap .util .gnbUtil li a{color:#7c7c7f; cursor:pointer;} #header .gnb-wrap .gnb .parent .my .menu > a{width: auto; height:2.6rem; line-height:2.6rem; margin:0; color:#111;vertical-align:top;} #header .gnb-wrap .gnb .parent .my .menu > a.my_page{line-height:2.6rem;} #header .gnb-wrap .gnb .parent .my .menu > a.logout:before {display:none;} #header .gnb-wrap .gnb .parent .my .menu > a[href*="logout"]{font-weight:500;} #header.new:after{top: 18.7rem;} #header.new:before{top: 6rem;} #header.new .header-wrap{padding-top:6rem; position:relative;} #header.new .header-wrap .gnb-wrap .logo_upper{display:flex; align-items:center; gap:0 2.7rem; font-size: 1.8rem; position: absolute; top: 0; left: 0; height: 5.5rem; display: flex; align-items: center; line-height:1; vertical-align:middle;} #header.new .header-wrap .gnb-wrap .logo_upper .txt:after{content:''; display:inline-block; background:#111; width:1px; height:1.5rem; vertical-align: sub; margin:0 2.2rem .3rem 2.2rem;} #header.new .header-wrap .gnb-wrap .logo_upper .txt, #header.new .header-wrap .gnb-wrap .logo_upper img{display:inline-block; vertical-align:middle;} #header.new .header-wrap .gnb-wrap .logo_upper .mo_img{display:none;} .visual_wrap.new{position:relative;padding: 18.7rem 0 0 0;} .visual_wrap.new:before{content:''; display:block; position:absolute; left:0; top:13rem; height:1px; width:100%; background:#f0f0f0; z-index:100;} /* contents sub visual */ #contents .sub_visual {overflow:hidden;width:100%;height:auto;} #contents .sub_visual .visual_area {position: relative; display: block; max-width: 1260px; height: 30rem; margin: auto; text-align: right; margin-top: 0;} #contents .sub_visual .visual_area h2 {position: absolute;width:100%;left:50%;top: 50%;transform: translate(-50%, -50%);line-height:1.1;font-size:5.8rem;text-align:left;color:#000;word-break: keep-all;font-weight:bold; font-family:'Noto Sans KR';z-index:2;box-sizing:border-box;} #contents .sub_visual .visual_area:after {content:'';display:inline-block;clear:both;position:absolute;background-size:100% !important;} #contents .sub_visual .visual_area > img {position:absolute;width:auto;} #contents .sub_visual.menu1 {background: #cff0f7 url(/images/gnb_back_1.jpg) no-repeat right center;} #contents .sub_visual.menu2 {background: #d9ecba url(/images/gnb_back_2.jpg) no-repeat right center;} #contents .sub_visual.menu3 {background: #d2d8ff url(/images/gnb_back_3.jpg) no-repeat right center;} #contents .sub_visual.menu4 {background: #f8ebdd url(/images/gnb_back_4.jpg) no-repeat right center;} #contents .sub_visual.menu5 {background: #f3f6d2 url(/images/gnb_back_5.jpg) no-repeat right center;} #contents .sub_visual .visual_area > img {top:0;right:0;} #contents .sub_visual.menu5 .visual_area > img {bottom:0;right:3rem;} #contents .sub_visual.menu6 {background:#dae7fa;} /* info notice*/ .infoNotice {margin-top:77px; width:100%;} .infoNotice .infoNoticeWrap{background:#f7f7f8 url('/images/infoicon.png')no-repeat 3% center; font-size:1.8rem; font-family:"Noto Sans KR"; width:1260px; height:120px; position:relative; border-radius:5px;} .infoNotice .infoNoticeWrap .txt{position:absolute; left:140px; top:35px; line-height:1.4;} /* footer */ #footer {background:#333333; margin:0; padding:4rem 0;border-top:1px solid #efefef; position:relative; z-index:2;} #footer .footer-wrap {position:relative;overflow:hidden;width:1260px;margin:auto;min-width:1260px; font-family:"Noto Sans KR";} #footer .footer-wrap .privacyArea {float:left;padding:0 30rem 0 0.5rem;} #footer .footer-wrap .privacyArea .footer_logo{display:none;} #footer .footer-wrap .privacyArea a {display:inline-block;line-height:1;font-weight:300;margin:0 1rem 0 0;padding:0px; color:#aeaeae;} #footer .footer-wrap .privacyArea .footerBtn {display:block; line-height:1;font-weight:600;margin:0 1rem 2rem 0;padding:0;color:#fff; font-size:1.4rem;} #footer .footer-wrap .privacyArea .bar {padding:0px 1rem;} #footer .footer-wrap .privacyArea p {line-height:1.6;font-size:1.3rem;color:#aeaeae; font-weight:300; display:inline-block;} #footer .footer-wrap .privacyArea .colorBlack {color:#888888;} #footer .footer-wrap .privacyArea .company_info, #footer .footer-wrap .privacyArea .copyright {color:#aeaeae;} #footer .footer-wrap .InternetSafe {float:left;margin:1.5rem 0 1.5rem 0;padding:2rem 0 2rem 13.5rem;} #footer .footer-wrap .InternetSafe > strong {display:block;line-height:1;padding:0 0 5px;font-size:1.3rem;font-weight:400;color:#aeaeae;} #footer .footer-wrap .InternetSafe > p {line-height:1.5;font-size:1.3rem;color:#aeaeae;} #footer .footer-wrap br.mo {display:none;} #footer .topBtn {display:none;width:7.2rem; height:7.2rem; border-radius:50%; background:url('/images/topbtn.png')no-repeat; position:absolute; right:6rem; bottom:10.5rem;} /* 모바일 메뉴 */ #menu-toggle{position:absolute;top:0;left:0;z-index:1;} #close-toggle #menu-icon{padding:2rem;font-size:2.5rem;cursor:pointer;} #menu-overlay{display:none;position:fixed;width:100%;top:0;bottom:0;left:0;z-index:3001;background:rgba(0,0,0,.0);} #menu-overlay.open{display:block;background:rgba(0,0,0,.7);} #m-nav{position:fixed;background:#fff;width:48rem;top:0;bottom:0;right:-48rem;z-index:9000;-webkit-transition:.3s ease-in-out;-moz-transition:.3s ease-in-out;-o-transition:.3s ease-in-out;transition:.3s ease-in-out;} #m-nav.open{right:0;} #m-nav .navi_logo {width: 9rem;display: block;position: absolute;top: 1.5rem;left: 1rem;} #m-nav .topline {position:relative;display:flex; justify-content: center;align-items: flex-start;flex-direction: column;height:12rem;color:#333;zoom:1;padding:0 3rem 0 6rem;border-bottom:1px solid #dcdcdc;background:#7a51e0;} #m-nav .topline img.m_logo {position:absolute;left:50%;top:1.2rem;margin-left:-4.9rem;} #m-nav .topline:after{content:'';display:block;clear:both} #m-nav .topline .login_box {display: block;position:relative;width:100%;padding: 0;text-align:left;box-sizing: border-box;} #m-nav .topline .login_box .img {position:absolute;top:-2rem;left:0;width:4.9rem;height:4.9rem;border-radius:4.9rem;} #m-nav .topline .login_box .img span {position:relative;width:100%;height:100%;display:block;background:url('/images/login_img.png?<%=publishUpdateDt%>') no-repeat 50%;background-size:3rem; border-radius: 50%;} #m-nav .topline .login_box .img span img {position:absolute;left:-5%;top:-5%;width:110%;} #m-nav .topline .login_box .login_info {vertical-align:middle;position: relative;} #m-nav .topline .login_box .login_info .txts {position: relative;top: 0;} #m-nav .topline .login_box .login_info p.name {line-height:1;font-size:1.1rem;color:#fff;} #m-nav .topline .login_box .login_info p.name > span {margin:0 0.5rem 0 0;font-size:1.4rem;font-weight:bold;} #m-nav .topline .login_box .login_info .ads {margin:4px 0 0 0;font-size:1.2rem;font-weight:bold; color: #fff; display: block;} #m-nav .topline .login_box .login_info .l_btnsWrap{position: absolute; right: 0; top: 50%; width: calc(9.889rem - 10px); transform: translateY(-50%);} #m-nav .topline .login_box .login_info .l_btnsWrap.auto{width: auto;} #m-nav .topline .login_box .login_info .l_btnsWrap .ls_btns{display: block; width: 100%; line-height: 2.556rem; text-align: center; font-weight: bold; font-size: 1.278rem; border-radius: 2.556rem; color: #fff; border: 0.056rem solid #fff;} #m-nav .topline .login_box .login_info .l_btnsWrap .txt{white-space: nowrap; text-align: right; color: #fff; font-size: 1.278rem; display: block;} #m-nav .topline .login_box .login_info a.view {display:block;width:8rem;line-height:2rem;margin:0.5rem 0 0;font-size:1rem;color:#fff;text-align:center;border:1px solid #fff;border-radius:2rem;} #m-nav .topline button.btn {border:none;} #m-nav .topline button.btn.close {position: absolute;right:4rem;top:50%;width:5.5rem;height:5.5rem;margin-top:-2.75rem;font-size:0;background:url('/images/mobile_close.png')no-repeat 50%;background-size:5.5rem;position: absolute;} #m-nav .topline button.btn.login, #m-nav .topline button.btn.logout {max-width:17rem;height:3.6rem;line-height:3.6rem;padding:0;font-size:3.2rem;font-weight:bold;color:#fff;background:#2f5aa6; font-family:"Noto Sans KR"; text-align:left;} #m-nav .topline button.btn.login {padding-right:2.7rem;background: url('/images/detail_nextS.png')no-repeat 100% 50%; background-size:9%; font-family:"Noto Sans KR";} #m-nav > .btn_area {position:absolute;bottom:0;left:0;width:100%;display:block;padding:0; font-family:"Noto Sans KR";} #m-nav > .btn_area ul {width:calc(100% + 1px);padding:0 0 0 1px; background-color: #dfdfdf;} #m-nav > .btn_area ul:after{content:'';display:block;clear:both} #m-nav > .btn_area ul li {float:left;width:50%;margin-left:-1px;border:1px solid #ccc;box-sizing:border-box;} #m-nav > .btn_area ul li > a {display:block;width:100%;line-height:5rem;font-size:1.5rem; font-weight: bold; color: #000;} #m-gnb {position:relative;height: calc(100% - 6.1rem);overflow-y:auto;margin:0;padding:3rem 0 5rem 4rem;box-sizing:border-box; font-family:"Noto Sans KR";} #m-gnb ul li:hover .depth1 a {color:#999;background:#fff;font-weight:bold;} #m-gnb ul li.on {background:#fff;} #m-gnb ul li.on a.menu {color:#999;font-weight:bold;} #m-gnb ul li.on a.menu .arrow_ico {filter:flipv();} #m-gnb ul li.active, #m-gnb ul li.on ul, #m-gnb ul li.on li{display:block;background:#fff;} #m-gnb ul li .depth1{display:block;border-bottom:1px solid #e4e4e4; width:calc(100% - 4rem);} #m-gnb ul li .depth1 a {position:relative;display:block;line-height:1;padding:3rem 0;font-size:1.1rem;color:#666;} #m-gnb ul li .depth1 a > span {display:block;line-height:1;padding:0 0 1rem;margin:0;font-size:2.8rem;font-weight:bold;color:#000;} #m-gnb ul li .depth1 a > .tsm{font-size: 2.2rem; color: #999; margin-top: 1rem; font-weight: bold; margin-left:-7px;} #m-gnb ul li .depth1 a.menu, #m-gnb ul li .depth1 a.menus{text-transform:uppercase} #m-gnb ul li .depth1 a .arrow_ico{position:absolute;top:0;right:1rem;color:#666;display: list-item;} #m-gnb ul li .depth1 a .arrow_ico img {width:1.8rem;} #m-gnb ul li .depth1 a:hover .arrow_ico {color:#666;} #m-gnb ul li ul{display:none;padding:1rem 2rem;border-bottom:1px solid #e4e4e4;} #m-gnb ul li li{border:none} #m-gnb ul li li a{display:block;font-size:1.8rem;height:2.6rem;line-height:2.6rem;font-weight:normal;color:#555;background:none;} #m-gnb ul li.on li a:hover, #m-gnb ul li.on li.on a{color:#7f0000;text-decoration:underline} #m-gnb > .btn_area {padding:1.5rem 2rem 1.5rem 0;} #m-gnb > .btn_area .btn.blue {height:4.5rem;line-height:4.5rem;font-size:1.2rem;color:#fff;font-weight:bold;border-radius:1rem;} #m-gnb > .btn_area .btn.blue span {line-height:1;padding-right:1.5rem;background:url('/images/m-gnb_btn_bg.jpg')no-repeat 100% 60%;} #m-gnb-sub{} #m-gnb-sub ul li{width:50%} #m-gnb-sub ul li a{display:block;text-align:center;font-size:1.9rem;color:#222;font-weight:bold} #m-gnb-sub ul li:last-child a{border-left:0.1rem;} /* 반응형 css */ @media all and (min-width:1920px) {https://defensejobfair.net/images/visualbg001_t.jpg?20230515_002 #contents .sub_visual {background-size:100% !important;} } @media all and (max-width:1300px) { #header .gnb-wrap .util{top:1.5rem;} body#main, #header, #header .header-wrap, .visual-wrap, #contents .sub_visual .visual_area, #contents .content, #footer .footer-wrap {width:100%;min-width:100%;} #header.new .header-wrap{padding-top:10rem;} #header.new:before {top: 10rem;} #header .gnb-wrap {padding:0 2rem; min-height: 12.2rem;} #header .gnb-wrap .gnb .parent .m {margin:0 !important;} #header .gnb-wrap .gnb .parent .m.m3, #header .gnb-wrap .gnb .parent .m.m5 {width:auto;} #header .gnb-wrap .gnb .parent .m.my {margin:0.7rem 0 0 4rem;} #header .gnb-wrap .gnb .parent .m a {font-size:1.5rem;} #header .gnb-wrap .gnb .parent .m:first-child > a {min-width:6.5rem;} #header .gnb-wrap .gnb .parent .my .menu{width:auto;height:4rem;padding: 0;margin:1rem 0 0;border-radius: 50%; } #header .gnb-wrap .gnb .parent .my .menu:nth-of-type(2) {margin-left:1.5rem;} #header .gnb-wrap .gnb .parent .m a{padding: 1.35rem 0;font-size:1.8rem;} #header .gnb-wrap .gnb .parent .my .menu > a[href*="resume_regist"]{font-size:2rem; color:#111111; margin-right: 1rem;} #header .gnb-wrap .gnb .parent .my .menu > a[href*="resume_regist"]:before{background:none;} #header .gnb-wrap .gnb .parent .my .menu.logoutBox{width:9rem; margin-left:1rem;} #header .gnb-wrap .gnb .parent .my .menu.logoutBox a{font-size: 1.8rem; color: #033954 !important; background: #9fd9f6 !important; padding: 1rem; line-height: 2rem !important;} #header .headerRibn{heiht:auto;} #header .gnb-wrap .util .gnbUtil li.my .my_area{right:3.5rem;} #header .gnb-wrap .gnb .parent .my .menu > a.member {font-size: 0; border-radius: 50%; width: 4rem;height:4rem;padding: 0; background: url(/images/gnb_menu_icon_t.png) no-repeat 0 0; background-size: 9.5rem; min-width: unset;} #header .gnb-wrap .gnb .parent .my .menu > a.member:before{display:none;} #header .gnb-wrap .gnb .parent .my .menu > a.partners{font-size: 0; border-radius: 50%; width: 4rem;height:4rem;padding: 0; background: url(/images/gnb_menu_icon_t.png) no-repeat -5.5rem 0; background-size: 9.5rem; min-width: unset;} #header .gnb-wrap .gnb .parent .my .menu > a.partners:before{display:none;} #header .gnb-wrap .gnb .parent .my .menu > a.my_page{font-size: 0; border-radius: 50%; width: 4rem;height:4rem;padding: 0; background: url(/images/gnb_menu_icon_t.png) no-repeat .5rem .4rem; background-size: 9.5rem; min-width: unset; background-size:8rem;} #header .gnb-wrap .gnb .parent .my .menu > a.my_page:before{display:none;} #header .gnb-wrap .gnb .parent .m > a br {display: block;} #header .gnb-wrap .gnb .parent .m > a br.mo {display: none;} #header .gnb-wrap .gnb .parent .m:first-child > a {min-width:6.5rem;} #header .gnb-wrap .gnb.pc .parent .m.m3 ul > li a > br {display:block;} #header .gnb-wrap .gnb.pc .parent .m ul > li a > br.tb {display:block;} #header .gnb-wrap .gnb .parent {margin:0 0 0 -3rem;} #header .gnb-wrap .gnb .parent .m.my {margin:0;} #header .gnb-wrap .gnb .parent .m > a{margin: 0 3rem;} #header .gnb-wrap .gnb .parent .my .menu > a[href*="logout"]{padding: 0 1rem; line-height:4rem; height:4rem;} #header .gnb-wrap .gnb.pc .parent .gnb_menu .m .depth_gnb {width: calc(100% + 6rem);margin: 0 0 0 -3rem;} #footer {padding:3rem 2.5rem;} #footer .footer-wrap {overflow:hidden;width:100%;min-width:100%;} #footer .footer-wrap .privacyArea {padding:0;} #footer .footer-wrap .privacyArea .footerBtn {padding:0 0 0.5rem;} #footer .footer-wrap .InternetSafe {float:right;} .main_page a.joblistLink{top: 42.3%; left: 15.7%; width: 69%; height: 5.3rem;} #header.new .gnb-wrap .logo{justify-content: space-between; height:6.5rem;} #header.new .header-wrap .gnb-wrap .logo_upper{top:1.5rem; display: flex; align-items: flex-start; margin-left: 2rem; flex-direction: column; gap:1rem 0; height:auto;} #header.new .header-wrap .gnb-wrap .logo_upper_box{display: flex; align-items: center; flex:1;} #header.new .header-wrap .gnb-wrap .logo_upper .txt{min-width:7.6rem;} #header.new .header-wrap .gnb-wrap .logo_upper img{width:calc(100% - 5.5rem); max-width:100%;} .visual_wrap.new{padding: 22.2rem 0 0 0;} .visual_wrap.new:before{top:16.5rem;} #header.new:after{top:22.2rem;} } @media all and (min-width: 1024px) { #header .gnb-wrap .gnb.pc .parent .m:hover ul {max-height:500px;opacity: 1;} } @media all and (max-width: 1023px) { scroll::-webkit-scrollbar {display: none;} #header:before, #header:after {display:none;} #header .headerRibn, #header .gnb-wrap .util {display:none;} #header .gnb-wrap .gnb .header_menu {display:block;} #header .gnb-wrap {height:auto;padding:0;} #header .gnb-wrap .gnb {width:100%;float:initial;overflow: hidden;padding:0;box-sizing:border-box;} #header .gnb-wrap .gnb .parent {padding:0 2rem;margin:0;text-align:center;border-top:1px solid #ebebeb;} #header .gnb-wrap .gnb .parent::-webkit-scrollbar {display: none;} #header .gnb-wrap .gnb .parent .m.my {display:none !important;} #header .gnb-wrap .gnb .parent .m {position: static;height:auto;display:inline-flex;align-items: center;padding:0;margin:0;text-align:center;} #header .gnb-wrap .gnb .parent .m:last-child a {width:auto;} #header .gnb-wrap .gnb .parent .gnb_menu {width:100%;display:flex;align-items: stretch;justify-content:space-between;flex-direction: row;flex-wrap: nowrap;background:#fff;} #header .gnb-wrap .gnb.mo .parent .menu {height:auto;display: none;position: absolute;left: 0;top:100%;width: 100%;background: #eeeeee;} #header .gnb-wrap .gnb.mo .parent .m.active > a {position:relative;color: #243d92;} #header .gnb-wrap .gnb.mo .parent .m .depth_gnb .menu ul {display: flex;flex-wrap: wrap;align-items: center;padding-left:0rem;text-align:left;} #header .gnb-wrap .gnb.mo .parent .m .depth_gnb .menu ul::-webkit-scrollbar {display: none;} #header .gnb-wrap .gnb.mo .parent .m .depth_gnb .menu ul > li {float:left;display:inline-block;width:50%;margin:0;padding:0;} #header .gnb-wrap .gnb.mo .parent .m .depth_gnb .menu ul > li > a {line-height:1.5;padding:0;margin-left: 1rem;text-indent: -1rem;font-size: 2.2rem;height:auto;color: #111;font-weight: 400;} #header .gnb-wrap .gnb.mo .parent .m .depth_gnb .menu ul > li > a br {display:none;} #header .gnb-wrap .gnb.mo .parent .m .depth_gnb .menu ul > li > a br.tb {display:none;} #header .gnb-wrap .gnb.mo .parent .m.m4 .depth_gnb .menu ul > li > a br.tb {display:block;} #header .gnb-wrap .gnb.mo .parent .m .depth_gnb .menu ul {padding:1.3rem 3rem;} #header .gnb-wrap .gnb.mo .parent .m .depth_gnb .menu ul > li > a.mbtn:before{content:'·'; display:inline-block; color:#111111; font-size:1.8rem; margin-right: 1rem; vertical-align: top; padding-top: 0.4rem;} #header .gnb-wrap .gnb.mo.open {padding-bottom:0;} #header .gnb-wrap .logo {width:100%;padding:0 2rem;box-sizing:border-box;} #header .gnb-wrap .logo h1 {display:inline-block;width:auto;margin:0;} #header .gnb-wrap .gnb{display:block;} #header .headerRibn, #header .gnb-wrap .util{display:block; height:auto;right:8rem;} #header .gnb-wrap .gnb .header_menu{top:1.5rem; right:3rem;} #header .gnb-wrap .gnb .header_menu ul li {margin-left:2em;} #header .gnb-wrap .gnb .header_menu ul li > a.logout {display:none;width: auto;height: 4rem;line-height: 4rem;padding:0 2rem;font-size:1.8rem;} #header .gnb-wrap .gnb .header_menu ul li > button.logoutBtn{display:none;} #header .gnb-wrap .gnb.mo .header_menu ul li > button.logoutBtn{font-size: 1.8rem;display: block; position: absolute; left: -12rem; top: -0.2rem; line-height: 3.5rem; height:3.5rem; color: #111111; border-radius: 4rem; width: 10rem; font-weight:500;} #header .gnb-wrap .gnb .parent .m > a {display:inline-flex;align-items: center;height:100%;max-height:initial;line-height:1.2;padding:1rem 0;margin:0;font-size:2.2rem;color:#111; font-weight:400;} #header .gnb-wrap .gnb .parent .m > a > br.mo {display:block;} #header .gnb-wrap .gnb .header_menu ul li > a.my {position:relative;width:4.2rem;height: 4rem;line-height: 4rem;padding:0;font-size:0;background:none;} #header .gnb-wrap .gnb .header_menu ul li > a.my:before {display:none;} #header .gnb-wrap .gnb .header_menu ul li > a.my span {display:block;position:absolute;top:1.8rem;right:0;width:100%;height:0.4rem;margin:0;background:none;background:#000;} #header .gnb-wrap .gnb .header_menu ul li > a.my span:before {content: '';display:block;position:absolute;top:-1.2rem;right:0;width:100%;height:0.4rem;background:none;background:#000;} #header .gnb-wrap .gnb .header_menu ul li > a.my span:after {content: '';display:block;position:absolute;bottom:-1.2rem;right:0;width:100%;height:0.4rem;background:none;background:#000;} #header .gnb-wrap .gnb .parent .m.active > a.mbtn {color:#7952df !important; border-bottom:0.4rem solid #7952df;} #contents .content {overflow:hidden;} #contents .sub_visual .visual_area{margin-top:0;} #header.new .header-wrap{padding-top:12rem;} #header.new .header-wrap .gnb-wrap .logo_upper{margin:0 0; display:block; font-size:2.4rem; height:10rem; position:absolute; align-items: flex-start; top:2.5rem; left:2.5rem;} #header.new .header-wrap .gnb-wrap .logo_upper .logo_upper_box{width:100%;} #header.new .header-wrap .gnb-wrap .logo_upper .logo_upper_box:last-of-type{margin:2rem 0 0 0;} #header.new .header-wrap .gnb-wrap .logo_upper .logo_upper_box:last-of-type:before{display:none;} #header.new .header-wrap .gnb-wrap .logo_upper .txt:after{height:2.3rem; margin:0 1.5rem .3rem 1.5rem;} #header.new .header-wrap .gnb-wrap .logo_upper .mo_img{display:inline-block;} #header.new .header-wrap .gnb-wrap .logo_upper .pc_img{display:none;} #header.new .header-wrap .gnb-wrap .logo_upper .logo_upper_box img{width:auto;} #header.new .header-wrap .gnb-wrap .logo_upper .logo_upper_box:first-of-type img{max-width:max-content;} #header.new .header-wrap .gnb-wrap .logo_upper .logo_upper_box:last-of-type img{max-width:max-content;} #header.new .gnb-wrap .util{right:8rem;} .visual_wrap.new {padding: 24.3rem 0 0 0;} .visual_wrap.new:before{top: 11.9rem;} #footer {padding:5rem 4.5rem 6rem;} #footer .footer-wrap .privacyArea {float: initial;text-align:center;} #footer .footer-wrap .privacyArea .footerBtn {padding:0 0 0;margin:0 0 2rem;font-size:2.2rem; /* background: url('/images/safe_img_m.png') no-repeat 50% 0;*/background-size:12.2rem;} #footer .footer-wrap .privacyArea p {font-size:2.2rem;word-break: keep-all;} #footer .footer-wrap .privacyArea .bar{font-size: 1.3rem; vertical-align: middle; display: inline-block; margin-bottom: .4rem;} #footer .footer-wrap .InternetSafe {display:none;} #footer .topBtn {display:none;width:7.2rem;height:7.2rem;right:6rem;bottom:10.5rem;background-size:100%;} } @media all and (max-width:768px) { #header .logo h1 a img{width:43.7rem;} #header .gnb-wrap .gnb .header_menu{top:13rem;} #header .gnb-wrap .logo {height:10rem;} #header .gnb-wrap .logo_upper{position: absolute; top:0; left:0;} #header.new .header-wrap .gnb-wrap .logo_upper .logo_upper_box:first-of-type img{max-width:38.9rem;} #header.new .header-wrap .gnb-wrap .logo_upper .logo_upper_box:last-of-type img{max-width:48.3rem;} #header.new .gnb-wrap .util{right:3rem; top:1rem;} .visual_wrap.new {padding: 24.3rem 0 0 0; display:block;} .visual_wrap .visual_area{background:transparent !important;} #contents .sub_visual .visual_area h2 {font-size: 6.2rem; text-align: center; top: 6rem; padding-left:0 !important; padding-top:4rem;} #contents .sub_visual .visual_area > img {position: unset; width: 100%; display: block; height: auto;} #contents .sub_visual.menu1 {background:transparent url(/images/gnb_back_1_mo.jpg) no-repeat center center} #contents .sub_visual.menu2 {background:transparent url(/images/gnb_back_2_mo.jpg) no-repeat center center} #contents .sub_visual.menu3 {background:transparent url(/images/gnb_back_3_mo.jpg) no-repeat center center} #contents .sub_visual.menu4 {background:transparent url(/images/gnb_back_4_mo.jpg) no-repeat center center} #contents .sub_visual.menu5 {background:transparent url(/images/gnb_back_5_mo.jpg) no-repeat center center} #contents .sub_visual{height:42rem; background-size:100% !important;} #contents .sub_visual .visual_area{height:auto;} #footer {padding:11rem 4.5rem;} #footer .footer-wrap .privacyArea .copyright {margin:5.5rem 0 0;} #footer .footer-wrap br.mo {display:block;} #footer .footer-wrap br.mo + .bar {display:none;} }