#wrap { overflow: hidden; }
#wrap ::-webkit-scrollbar { width: 5px; }
#wrap ::-webkit-scrollbar-thumb { background-color: #aaa; border-radius:10px; }
#wrap ::-webkit-scrollbar-track { background-color: #ddd; border-radius:10px; }

.fixBody { position: fixed; }

.container { width: 80rem; max-width: 100%; margin: 0 auto; }

/* header */
#header .h_link { position: relative; background: #0B284E; }
#header .h_link .container { display: flex; justify-content: space-between; align-items: center; height: 3rem; }
#header .h_link .container > ul {display: flex;align-items: center;gap: 1.5rem;}
#header .h_link .container > ul > li > a { display: flex; align-items: center; gap: 0.45rem; color: #fff; font-size: 0.9rem; }
#header .h_link .container > ul > li > a:hover,
#header .h_link .container > ul > li > a:focus { text-decoration: underline; }

/*검색창 260401*/
#header .h_link .container > ul.login {margin-left:auto;}
.SearchWrapMb {display:none;}
.totalSearch {position: relative;width: 10rem;height: 2rem !important;z-index: 9;margin-left: 1rem;}
.totalSearch.subPg {right: 20rem;}
.totalSearch input {border: 1px solid #0b284e;border-radius: 1.5rem;padding-left: 1rem;padding-right: 2rem;width: 100%;height: 2rem !important;line-height: 2rem;font-size: 0.7rem;color: #666; text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.totalSearch a {position: absolute;top: 0;right: 0;padding: 0;width: 2rem;height: 2rem;line-height:2rem;background: #003e8a;color:#fff;border: none;border-radius: 50%;cursor: pointer;text-align: center;}
.totalSearch a i {font-size:1rem;}
.totalSearch input::-webkit-input-placeholder { color: #555; }
.totalSearch input::placeholder { color: #555; text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}


#header .h_main { position: relative; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.16); }
#header .h_main .container { display: flex; justify-content: space-between; gap: 5rem; }

.translated-ltr #header .h_main .container { gap: 3rem; }

/* 로고 */
#header .logo { flex: none; }
#header .logo a { display: flex; align-items: center; width: 20rem; height: 4.2rem; word-break: break-all; }
#header .logo a em { display: flex; align-items: center; gap: 0.3rem; color: #003E8A; font-size: 1.55rem; font-weight: 800; white-space: nowrap; letter-spacing: -1px; }
#header .logo a span { position: relative; color: #003E8A; font-size: 1.2rem; font-weight: 700; padding-left: 0.5rem; margin-left: 0.5rem; }
#header .logo a span::before {position: absolute; top: 50%; transform: translateY(-50%); left: 0; width: 1px; height: 1rem; background: #A5ADB7; content: ""; }

.translated-ltr #header .logo a em { white-space: inherit; font-size: 0.9rem; }
.translated-ltr #header .logo a span { font-size: 0.9rem; }

/* nav */
#nav { flex: 1; z-index: 11; }
#gnb::before { position: absolute; left: 0; top: 100%; width: 100%; height: 100vh; background: rgba(0, 0, 0, 0.3); content: ""; opacity: 0; display: none; }
#gnb.active::before { opacity: 1; display: block; }
#gnb .depth01 > ul { display: flex; gap: 4.5rem; }
#gnb .depth01 > ul > li { flex: auto; }
#gnb .depth01 > ul > li > a { display: flex; justify-content: center; align-items: center; font-size: 1rem; font-weight: 600; color: #111; height: 4.2rem; text-align: center; word-break: keep-all; }
#gnb .depth01 > ul > li.on .depth02 { display: flex; }
#gnb .depth02 { position: absolute; left: 50%; transform: translateX(-50%); display: none; justify-content: center; width: 80rem; max-width: 100%; min-height: 17.25rem; }
#gnb .depth02::before { position: absolute; top: 0; left: -100%; width: 200vw; height: 100%; background: #fff; content: ""; z-index: -1; }
#gnb .depth02 .titBox { position: relative; width: 18rem; color: #fff; padding-top: 2.8rem; z-index: 0; }
#gnb .depth02 .titBox::before { position: absolute; top: 0; right: 0; width: 300%; height: 100%; background: linear-gradient(45deg, #0D3666, #197DB7); border-radius: 0 3rem 0 0; content: ""; z-index: -1; }
#gnb .depth02 .titBox span { font-size: 0.7rem; font-weight: 300; font-family: 'Montserrat'; }
#gnb .depth02 .titBox .tit { font-size: 1.5rem; font-weight: 600; margin-top: 0.8rem; }
#gnb .depth02 > ul { display: flex; flex-wrap: wrap; gap: 2.5rem 1.5rem; width: calc(100% - 18rem); height: fit-content; padding: 2.5rem 0 2.5rem 3rem; }
#gnb .depth02 > ul::before { position: absolute; bottom: 0; right: -6rem; width: 12.2rem; height: 16.25rem; background: url('/images/web/upmc/layout/menu_bg.png') no-repeat center / contain; content: ""; z-index: -1; }
#gnb .depth02 > ul > li { width: calc((100% - 3rem) / 3); }
#gnb .depth02 > ul > li > a { position: relative; display: block; padding: 0.7rem 0.9rem; color: #222; background: #fff; font-size: 0.9rem; border: 1px solid #D5D5D5; border-radius: 6px; }
#gnb .depth02 > ul > li > a[target="_blank"] { padding-right: 2.5rem; }
#gnb .depth02 > ul > li > a[target="_blank"]::before { position: absolute; top: 0.6rem; right: 0.9rem; font-family: 'remixicon'; font-size: 1rem; content: "\ecaf"; color: #bbb; }
#gnb .depth02 > ul > li > a:hover,
#gnb .depth02 > ul > li > a:focus { background: #1672A9; color: #fff; border-color: #1672A9; }
#gnb .depth02 > ul > li > a[target="_blank"]:hover::before,
#gnb .depth02 > ul > li > a[target="_blank"]:focus::before { color: #fff; }
#gnb .depth03 { padding: 0.75rem 0.9rem; }
#gnb .depth03 > ul > li + li { margin-top: 0.5rem; }
#gnb .depth03 > ul > li > a { position: relative; display: block; font-size: 0.85rem; padding-left: 0.7rem; }
#gnb .depth03 > ul > li > a::before { position: absolute; top: 0.35rem; left: 0; width: 6px; height: 6px; border-radius: 50%; background: #C5CDD4; content: ""; }
#gnb .depth03 > ul > li > a:hover,
#gnb .depth03 > ul > li > a:focus { color: #1672A9; text-decoration: underline; font-weight: 600; }
#gnb .depth03 > ul > li > a:hover::before,
#gnb .depth03 > ul > li > a:focus::before { background: #1672A9; }
#gnb a,
#gnb a::before { transition: 0.3s; }

.translated-ltr #gnb .depth01 > ul { gap: 3rem; }

/* 전체메뉴 */
.fullmenu { flex: none; display: flex; align-items: center; justify-content: center; width: 2.2rem; height: 2.2rem; border-radius: 0.2rem; background: #003E8A; color: #fff; font-size: 1rem; margin-top: 1rem; }
.popFullmenu { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: url('/images/web/upmc/layout/fullmenu_bg.png') no-repeat center / cover; padding: 2rem 8rem; z-index: 99; display: none; }
.popFullmenu .fullmenu_wrap { height: 100%; }
.popFullmenu .fullmenu_wrap .logo a { height: 2.2rem !important; }
.popFullmenu .fullmenu_wrap .logo a em,
.popFullmenu .fullmenu_wrap .logo a span { color: #fff !important; }
.popFullmenu .fullmenu_wrap .util { display: none; }
.popFullmenu .fullmenu_group { height: calc(100% - 9.7rem); overflow-y: auto; margin-top: 7.5rem; }
.popFullmenu .fullmenu_group a { position: relative; display: block; color: #fff; }
.popFullmenu .fullmenu_group .depth01 > ul { display: flex; flex-wrap: wrap; gap: 5rem; }
.popFullmenu .fullmenu_group .depth01 > ul > li { flex: 1; }
.popFullmenu .fullmenu_group .depth01 > ul > li > a { height: 5.5rem; border-bottom: 1px solid rgba(2585, 255, 255, 0.1); padding-bottom: 1.5rem; margin-bottom: 1.5rem; font-size: 1.4rem; font-weight: 700; line-height: 140%; }
.popFullmenu .fullmenu_group .depth01 > ul > li > a > span { position: relative; display: inline-block; }
.popFullmenu .fullmenu_group .depth01 > ul > li > a > span::after { display: inline-block; width: 0.5rem; height: 0.5rem; background: #00F3FF; animation: box_shadow 1s infinite; border-radius: 50%; margin-left: 0.7rem; transform: translateY(-5px); opacity: 0; content: ""; }
.popFullmenu .fullmenu_group .depth02 .titBox { display: none; }
.popFullmenu .fullmenu_group .depth02 > ul > li + li { margin-top: 1.2rem; }
.popFullmenu .fullmenu_group .depth02 > ul > li a { font-size: 1rem; }
.popFullmenu .fullmenu_group .depth03 { margin-top: 1rem; padding: 0 0.4rem; }
.popFullmenu .fullmenu_group .depth03 > ul > li + li { margin-top: 0.8rem; }
.popFullmenu .fullmenu_group .depth03 > ul > li > a { padding-left: 0.75rem; font-size: 0.85rem; }
.popFullmenu .fullmenu_group .depth03 > ul > li > a::before { position: absolute; top: 0.4rem; left: 0; width: 5px; height: 5px; border-radius: 50%; background: #fff; content: ""; }
.popFullmenu .fullmenu_group .depth01 > ul > li.on > a,
.popFullmenu .fullmenu_group .depth01 > ul > li > a:hover,
.popFullmenu .fullmenu_group .depth01 > ul > li > a:focus { color: #00F3FF; }
.popFullmenu .fullmenu_group .depth01 > ul > li.on > a > span::after,
.popFullmenu .fullmenu_group .depth01 > ul > li > a:hover > span::after,
.popFullmenu .fullmenu_group .depth01 > ul > li > a:focus > span::after  { opacity: 1; }
.popFullmenu .fullmenu_group .depth02 > ul > li > a:hover,
.popFullmenu .fullmenu_group .depth02 > ul > li > a:focus { text-decoration: underline; }
.popFullmenu .fullmenu_group .depth03 > ul > li > a:hover,
.popFullmenu .fullmenu_group .depth03 > ul > li > a:focus { text-decoration: underline; }
.popFullmenu .fullmenuClose { position: absolute; top: 2rem; right: 8rem; display: flex; justify-content: center; align-items: center; width: 2.2rem; height: 2.2rem; border-radius: 4px; color: #fff; border: 2px solid rgba(255, 255, 255, 0.6); font-size: 1.3rem; }
.popFullmenu .fullmenuClose i { transition: 0.3s; }
.popFullmenu .fullmenuClose:hover i,
.popFullmenu .fullmenuClose:focus i { transform: rotate(180deg); }

@keyframes box_shadow{
    0% { box-shadow: 0 0 0 0 rgba(178, 251, 255, 1); }
    to { box-shadow: 0 0 0 5px transparent; }
}

/* footer */
#footer .f_link { position: relative; background: #172A41; padding: 0.9rem 0; }
#footer .f_link .container { display: flex; justify-content: space-between; align-items: center; }
#footer .f_link .link_map { display: flex; flex-wrap: wrap; align-items: center; gap: 0.5rem 2rem; overflow: hidden; }
#footer .f_link .link_map li { position: relative; }
#footer .f_link .link_map li + li::before { position: absolute; top: 50%; transform: translateY(-50%); left: -1rem; width: 1px; height: 0.5rem; background: rgba(255, 255, 255, 0.6); content: ""; }
#footer .f_link .link_map li a { display: block; color: #fff; font-size: 0.9rem; }
#footer .f_link .link_map li a strong { display: block; background: #0267A7; padding: 0.5rem 1rem; font-weight: 600; border-radius: 2rem; }
#footer .f_link .siteLink { position: relative; }
#footer .f_link .siteLink button { display: flex; justify-content: space-between; align-items: center; gap: 2rem; color: #eee; background: rgba(255, 255, 255, 0.14); border-radius: 2rem; padding: 0.6rem 1rem; font-size: 0.8rem; }
#footer .f_link .siteLink .lst { position: absolute; bottom: calc(100% + 0.5rem); left: 0; width: 100%; height: 132px; background: #1E3A5C; border-radius: 0.4rem; display: none; padding: 0.8rem; overflow: hidden; }
#footer .f_link .siteLink .lst ul { height: 100%; overflow-y: auto; }
#footer .f_link .siteLink .lst ul li + li { margin-top: 0.4rem; }
#footer .f_link .siteLink .lst ul li a { display: block; color: #fff; }
#footer .f_link .siteLink .lst ul li a:hover,
#footer .f_link .siteLink .lst ul li a:focus { text-decoration: underline; }
#footer .f_info { position: relative; background: #1E3A5C; padding: 2rem 0; }
#footer .f_info .container { display: flex; gap: 3rem; }
/* footer 로고 */
#footer .f_logo { flex: none; opacity: 0.75; flex: none; }
#footer .f_logo a { display: flex; align-items: center; }
#footer .f_logo a em { display: flex; align-items: center; gap: 0.3rem; color: #fff; font-size: 1.55rem; font-weight: 800; white-space: nowrap; letter-spacing: -1px; }
#footer .f_logo a span { position: relative; color: #fff; font-size: 1.2rem; font-weight: 700; padding-left: 0.5rem; margin-left: 0.5rem; }
#footer .f_logo a span::before {position: absolute; top: 50%; transform: translateY(-50%); left: 0; width: 1px; height: 1rem; background: #A5ADB7; content: ""; }
#footer .f_info ul { flex: 1; }
#footer .f_info ul li { color: #fff; }
#footer .f_info ul li.tel { margin: 0.4rem 0 0.7rem; display: flex; gap: 1.2rem; }
#footer .f_info ul li.tel p { position: relative; }
#footer .f_info ul li.tel p + p::before { position: absolute; top: 50%; transform: translateY(-50%); left: -0.6rem; width: 1px; height: 0.5rem; background: rgba(255, 255, 255, 0.6); content: ""; }
#footer .f_info ul li.tel p em { font-weight: 500; }
#footer .f_info ul li.copyright { color: rgba(238, 238, 238, 0.7); }

#sub_container .subTitle { height: 13.45rem; background: linear-gradient(to right, #F5F5F5, #B5DBFF); padding: 3rem 1rem 0; text-align: center; }
#sub_container .subTitle h2 { font-size: 2rem; font-family: 'KakaoBigFont'; font-weight: 600; color: #111; margin-bottom: 0.8rem; }
#sub_container .subTitle span { color: #7190AE; font-family: 'Montserrat'; }

#sub_container > .subCntBody { position: relative; display: flex; align-items: center; justify-content: space-between; max-width: 100%; width: 80rem; height: 3.5rem; margin: -3.5rem auto 0; padding: 0 1.8rem 0 0; background: #fff; border-radius: 1.5rem 1.5rem 0 0; box-shadow: 0 -4px 10px rgba(166, 191, 217, 0.2); }

#snb { display: flex; }
#snb .home { font-size: 1rem; display: flex; justify-content: center; align-items: center; width: 3.5rem; height: 3.5rem; }
#snb .snb_wrap { flex: 1; z-index: 10; }

.snsBox { display: flex; position: relative; gap: 0.5rem; }
.snsBox > a { display: flex; justify-content: center; align-items: center; width: 2rem; height: 2rem; border-radius: 50%; background: #ECF0F4; color: #555; z-index: 1; transition: 0.3s; }
.snsBox .sns_more { display: none; position: absolute; top: 0; right: calc(100% - 0.85rem); height: 2rem; background: #ECF0F4; border-radius: 2rem 0 0 2rem; padding: 0 0.85rem; }
.snsBox .sns_more a { display: flex; justify-content: center; align-items: center; width: 2rem; height: 2rem; font-size: 1rem; }
.snsBox .sns_more a.facebookicon { color: #0134AD; }
.snsBox .sns_more a.twitericon { color: #000; }
.snsBox .sns_more a.kakaoicon { color: #FF8E00; }
.snsBox.active .sns_more { display: flex; }
.snsBox > a:hover,
.snsBox > a:focus,
.snsBox.active .btnShare.active { background: #003E8A; color: #fff; }

.subContent .subContent_body { max-width: 70rem; margin: 4rem auto 5.5rem; line-height: 150%; color: #111; font-size: 0.9rem; }


/*언어선택*/
.langWrap {position:relative; font-size:15px; font-family:'NotoR'; margin-left: auto;}
.langWrap a {position:relative; width:100%; }
.langWrap > a{ padding-right: 25px;}
.langWrap > a:after{content:"\EA4D"; position:absolute; right:0; top:2px; line-height:1; font-size: 20px; font-family: 'remixicon'; }
.langBox{position:absolute;width:300px;right:0;top:37px;background:#fff;box-shadow:1px 1px 5px rgba(0,0,0,0.2);z-index: 100;}
.langBox .langIco{ display: flex; flex-wrap: wrap; padding-bottom:10px;}
.langBox .langIco li{ width: 50%; border-bottom:1px solid #ddd;}
.langBox .langIco li:nth-of-type(even){ border-left:1px solid #ddd;}
.langBox .langIco li a{ display: flex; align-items: center; gap: 10px; padding:5px 10px; color: #000 !important;}
.langBox .langLst{ background:#fff; padding:10px; height:200px; overflow-y: auto;}
.langBox .langLst ul {width:100%; z-index:100; }
.langBox .langLst ul li:not(:last-child) {border-bottom: 1px solid #bbb;}
.langBox .langLst ul li a {display:block; position:relative; padding-left:10px; margin:8px 0; color:#000 !important; font-size:14px; line-height:20px; }
.langBox .langLst ul li a:hover {color:#112e67; text-decoration:underline; }
.langWrap a, .langBtn a::before{ transition: all .3s ease; -moz-transition: all .3s ease; -webkit-transition: all .3s ease; -ms-transition: all .3s ease; }

/* 구글번역 전용 */
html:not([lang="ko"]) {}

@media (min-width:1240px) {
    #gnb .depth01 > ul > li > a span{position:relative; transition:padding-left 0.3s ease;}
    #gnb .depth01 > ul > li > a span:before{position:absolute; top:9px; left:0; width:6px; height:6px; background:#0B284E; border-radius:100%; content:''; transform:scale(0); opacity:0; transition:opacity 0.3s ease, transform 0.3s ease;}
    #gnb .depth01 > ul > li.on > a{color:#0B284E; font-weight:700;}
    #gnb .depth01 > ul > li.on > a span{padding-left:0.75rem;}
    #gnb .depth01 > ul > li.on > a span:before{transform:scale(1); opacity:1;}
    
    /* snb */
    #snb h2 { display: none; }
    #snb .snb_wrap { position: relative; }
    #snb .snb_wrap a { position: relative; display: block; line-height: 1.5; font-size: 0.8rem; color: #444; transition: 0.3s; }
    #snb .snb_wrap ul { position: absolute; top: 0; left: 0; padding-top: 4rem; height: 3.5rem; }
    #snb .snb_wrap ul.open { height: auto; }
    #snb .snb_wrap ul.open::before { position: absolute; top: 3.5rem; left: 0; width: 100%; height: calc(100% - 3rem); border: 1px solid #D3D3D3; border-radius: 0.3rem; background: #fff; content: ""; }
    #snb .snb_wrap ul.open > li { visibility: visible; opacity: 1; }
    #snb .snb_wrap ul.open > li.active > a { font-weight: 600; }
    #snb .snb_wrap ul.open > li.active > a span { position: relative; }
    #snb .snb_wrap ul.dep03.open > li.active > a,
    #snb .snb_wrap ul.dep03.open > li.active > a:before { border-top-right-radius: 1.5rem; }
    #snb .snb_wrap ul.open > li.active > a:after { transform: rotate(180deg); opacity: 1; }
    #snb .snb_wrap ul.dep01 { min-width: 17.5rem; }
    #snb .snb_wrap li { position: relative; width: 100%; min-width: 12.5rem; opacity: 0; visibility: hidden; }
    #snb .snb_wrap li.active { position: absolute; top: 0; left: 0; display: table; width: 100%; height: 3.5rem; visibility: visible; opacity: 1; z-index:1; }
    #snb .snb_wrap li.active:before { position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 1px; height: 1rem; background: #cdcdcd; opacity: 0.5; content: ""; }
    #snb .snb_wrap li.active > a { display: table-cell; padding: 0 1.8rem; vertical-align: middle; font-size: 0.9rem; }
    #snb .snb_wrap li.active > a:after { position: absolute; top: 0; right: 1rem; line-height: 3.5rem; font-family: 'remixicon'; font-size: 1.1rem; font-weight: normal; opacity: 0.65; content: "\ea4e"; }
    #snb .snb_wrap li:not(.active) { padding: 0 0.8rem; }
    #snb .snb_wrap li:not(.active) > a { padding: 0.6rem 0.7rem; }
    #snb .snb_wrap li:not(.active) > a:before { position: absolute; top: 50%; right: 0.7rem; transform: translateY(-50%); display: flex; justify-content: center; align-items: center; width: 1.2rem; height: 1.2rem; border-radius: 50%; border: 1px solid #C6DBED; background: #fff; font-family: 'remixicon'; font-weight: 500; content: "\ea6e"; opacity: 0; transition: 0.3s; }
    #snb .snb_wrap li:not(.active) > a:hover,
    #snb .snb_wrap li:not(.active) > a:focus { background: #F0F8FF; color: #143F74; font-weight: 600; padding-right: 2rem; }
    #snb .snb_wrap li:not(.active) > a:hover::before,
    #snb .snb_wrap li:not(.active) > a:focus::before { opacity: 1; }
    #snb .snb_wrap .dep01 { width: calc(100% / 3); z-index: 3; }
    #snb .snb_wrap .dep01 > li { width: 100%; }
    #snb .snb_wrap .dep02,
    #snb .snb_wrap .dep03 { left: 100%; width: 100%; }
}

@media (max-width:1640px) {
    .container { padding: 0 1rem; }
    
    #gnb .depth02 .titBox { padding-left: 1rem; }
    #gnb .depth02 > ul { padding: 2.5rem 1rem 2.5rem 3rem; }
    
    .popFullmenu { padding: 2rem; }
    .popFullmenu .fullmenu_group .depth01 > ul { gap: 3rem 2rem; }
    .popFullmenu .fullmenuClose { right: 2rem; }
}

@media (max-width:1580px) {
    /* header */
    #header .h_main .container { gap: 2.5rem; }
    
    /* 로고 */
    #header .logo a img { height: 26px; }
    #header .logo a em { font-size: 1rem; }
    #header .logo a span { font-size: 1rem; }
    
    /* nav */
    #gnb .depth01 > ul { gap: 1.8rem; }

    .translated-ltr #gnb .depth01 > ul { gap: 1.8rem; }
    
    /* footer 로고 */
    #footer .f_logo a img { height: 26px; }
    #footer .f_logo a em { font-size: 1rem; }
    #footer .f_logo a span { font-size: 1rem; }
}

@media (max-width:1440px) {
    .subContent .subContent_body { padding: 0 1rem; }
}

@media (max-width:1240px) {
    #header .h_main .container { align-items: center; gap: 1rem; }

    #header .logo a { width: auto;}
    
    /* nav */
    #nav { display: none; }
    
    .fullmenu { margin-top: 0; }
    
    .popFullmenu .fullmenu_group { margin-top: 2rem; height: calc(100% - 4.2rem); }
    .popFullmenu .fullmenu_group .depth01 > ul > li { flex: none; width: calc((100% - 4rem) / 3); }
    .popFullmenu .fullmenu_group .depth01 > ul > li > a { font-size: 1.2rem; }
    
    #sub_container > .subCntBody { padding: 0 1rem 0 0; }
    #sub_container > .subCntBody::before { position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: calc(100% - 2rem); height: 1px; background: #cdcdcd; content: ""; opacity: 0.5; }
    
    .snsBox > a.btnPrint { display: none; }
    
    /* snb */
    #snb { flex: 1; }
    #snb h2 { position: relative; display: flex; align-items: center; justify-content: center; line-height: 1.3; width: 100%; height: 3.5rem; font-size: 1rem; font-weight: 700; padding: 0 1rem; }
    #snb h2::before { position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 1px; height: 1rem; background: #cdcdcd; opacity: 0.5; content: ""; }
    #snb h2 span { position: relative; display: block; width: 100%; padding-right: 1rem; }
    #snb h2 span:after { position: absolute; top: 0; right: 0; font-family: 'remixicon'; content: "\ea78"; }
    #snb h2.on span:after { content: "\ea4e"; }
    #snb .snb_wrap { position: absolute; top: 100%; left: 0; width: 100%; display: none; background: #fff; }
    #snb a { position: relative; display: block; transition: 0.3s; }
    #snb .dep01 { padding: 1rem; box-shadow: 0 10px 10px rgba(66, 74, 88, 0.2); }
    #snb .dep01 > li > a { padding: 0.6rem; }
    #snb .dep01 > li.dep > a:before { position: absolute; top: 50%; right: 0.7rem; transform: translateY(-50%); display: flex; justify-content: center; align-items: center; width: 1.2rem; height: 1.2rem; border-radius: 50%; border: 1px solid #C6DBED; background: #fff; font-family: 'remixicon'; font-weight: 500; content: "\ea78"; transition: 0.3s; }
    #snb .dep01 > li.open .dep02 { display: block; }
    #snb .dep02 { border: 1px solid #D3D3D3; border-radius: 0.3rem; padding: 1rem; display: none; margin-top: 0.5rem; }
    #snb .dep02 > li + li { margin-top: 0.5rem; }
    #snb .dep02 > li > a { padding-left: 0.7rem; }
    #snb .dep02 > li > a::before { position: absolute; top: 0.35rem; left: 0; width: 6px; height: 6px; border-radius: 50%; background: #C5CDD4; content: ""; transition: 0.3s; }
    #snb .dep01 > li > a:hover,
    #snb .dep01 > li > a:focus { background: #F0F8FF; color: #143F74; font-weight: 600; padding-right: 2rem; }
    #snb .dep01 > li.dep > a:hover::before,
    #snb .dep01 > li.dep > a:focus::before { content: "\ea4e"; }
    #snb .dep02 > li > a:hover,
    #snb .dep02 > li > a:focus { color: #1672A9; text-decoration: underline; font-weight: 600; }
    #snb .dep02 > li > a:hover::before,
    #snb .dep02 > li > a:focus::before { background: #1672A9; }
}

@media (max-width:1024px) {
    /* footer */
    #footer .f_info .container { display: block }
    #footer .f_info ul { margin-top: 1rem; }

    .subContent .subContent_body { margin: 2rem auto; }

    /*검색창 260401*/
    .totalSearch {width: 7rem;margin-left: 0.5rem;}
    .SearchWrapMb {display: block;padding:1rem 0.5rem}
    .SearchWrapMb .totalSearch {width:100%;margin-left: 0;}
}

@media (max-width:768px) {
    #header .h_link { display: none; }
    
    .popFullmenu { background: #fff; padding: 0; }
    .popFullmenu .fullmenu_wrap .logo { padding: 0 0.75rem; }
    .popFullmenu .fullmenu_wrap .logo a { display: block; height: 3.6rem !important; background: url('/images/web/upmc/layout/logo.png') no-repeat center left / auto 22px; padding-left: 28px; }
    .popFullmenu .fullmenu_wrap .logo a em,
    .popFullmenu .fullmenu_wrap .logo a span { color: #003E8A !important; }
    .popFullmenu .fullmenu_wrap .logo a img { display: none; }
    .popFullmenu .fullmenu_wrap .util { display: flex; align-items: center; height: 2.9rem; background: linear-gradient(#197DB7, #0D3666); }
    .popFullmenu .fullmenu_wrap .util li { position: relative; flex: 1; }
    .popFullmenu .fullmenu_wrap .util li + li::before { position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 1px; height: 0.5rem; background: #fff; opacity: 0.5; content: ""; }
    .popFullmenu .fullmenu_wrap .util li a { display: block; padding: 0 0.75rem; color: #fff; text-align: center; font-size: 1rem; }
    .popFullmenu .fullmenu_wrap .util li a i { margin-right: 5px; }
    .popFullmenu .fullmenu_group { margin-top: 0; height: calc(100% - 6.5rem); }
    .popFullmenu .fullmenu_group a { transition: 0.3s; }
    .popFullmenu .fullmenu_group .depth01 > ul { display: block; }
    .popFullmenu .fullmenu_group .depth01 > ul > li { width: 100%; background: #F5F5F5; }
    .popFullmenu .fullmenu_group .depth01 > ul > li > a { height: auto; color: #111; padding: 0 1rem; font-size: 1rem; margin-bottom: 0; }
    .popFullmenu .fullmenu_group .depth01 > ul > li > a span { display: block; border-bottom: 1px solid #ccc; padding: 0.7rem 0; }
    .popFullmenu .fullmenu_group .depth01 > ul > li > a > span::after { display: none; }
    .popFullmenu .fullmenu_group .depth01 > ul > li.dep > a > span { padding-right: 1.5rem;}
    .popFullmenu .fullmenu_group .depth01 > ul > li.dep > a > span::before { position: absolute; top: 0.7rem; right: 0; display: flex; justify-content: center; align-items: center; width: 24px; height: 24px; background: rgba(7, 46, 92, 0.19); border: 1px solid transparent; border-radius: 50%; color: #72767B; font-family: 'remixicon'; font-weight: 500; content: "\ea4e"; }
    .popFullmenu .fullmenu_group .depth01 > ul > li.dep.active > a > span::before { border-color: rgba(255, 255, 255, 0.6); color: #fff; content: "\ea78"; }
    .popFullmenu .fullmenu_group .depth01 > ul > li.active .depth02 { display: block; }
    .popFullmenu .fullmenu_group .depth02 { display: none; padding: 0.5rem 1.5rem; background: #fff; }
    .popFullmenu .fullmenu_group .depth02 > ul > li + li { margin-top: 0; }
    .popFullmenu .fullmenu_group .depth02 > ul > li > a { padding: 0.8rem 0; color: #222; font-size: 0.9rem; border-bottom: 1px solid #D5D5D5; }
    .popFullmenu .fullmenu_group .depth02 > ul > li:last-child > a { border-bottom: none; }
    .popFullmenu .fullmenu_group .depth02 > ul > li.dep > a { padding-right: 1.5rem;}
    .popFullmenu .fullmenu_group .depth02 > ul > li.dep > a::before { position: absolute; top: 0.7rem; right: 0; display: flex; justify-content: center; align-items: center; width: 24px; height: 24px; color: #888; font-family: 'remixicon'; font-weight: 500; content: "\ea4e"; }
    .popFullmenu .fullmenu_group .depth02 > ul > li.dep.active > a::before { color: #072E5C; content: "\ea78"; }
    .popFullmenu .fullmenu_group .depth02 > ul > li.active .depth03 { display: block; }
    .popFullmenu .fullmenu_group .depth03 { display: none; margin: 1rem 0; }
    .popFullmenu .fullmenu_group .depth03 > ul > li > a { color: #555; font-size: 0.9rem; }
    .popFullmenu .fullmenu_group .depth03 > ul > li > a::before { background: #666665; }
    /* 전체메뉴 hover active */
    .popFullmenu .fullmenu_group .depth01 > ul > li.on > a,
    .popFullmenu .fullmenu_group .depth01 > ul > li > a:hover,
    .popFullmenu .fullmenu_group .depth01 > ul > li > a:focus { color: #0B294F; }
    .popFullmenu .fullmenu_group .depth01 > ul > li.active > a { background: #0B294F; color: #fff; }
    .popFullmenu .fullmenu_group .depth01 > ul > li.active > a > span { border-color: transparent; }
    .popFullmenu .fullmenu_group .depth02 > ul > li.active > a { color: #072E5C; font-weight: 600; border-color: #072E5C; }
    .popFullmenu .fullmenu_group .depth02 > ul > li > a:hover,
    .popFullmenu .fullmenu_group .depth02 > ul > li > a:focus { text-decoration: none; color: #072E5C; font-weight: 600; }
    .popFullmenu .fullmenu_group .depth03 > ul > li > a:hover,
    .popFullmenu .fullmenu_group .depth03 > ul > li > a:focus { color: #111; font-weight: 600; }
    
    .popFullmenu .fullmenuClose { top: 0.8rem; right: 0.75rem; border: none; background: #003E8A; color: #fff; width: 2rem; height: 2rem; }
    
    #sub_container .subTitle h2 { font-size: 1.5rem; }
}

@media (max-width:580px) {
    #header .logo a img { height: 20px; }
    #header .logo a em { font-size: 0.9rem; }
    #header .logo a span { font-size: 0.9rem; }
    
    .popFullmenu .fullmenu_wrap .util li a { font-size: 0.85rem; }
    
    /* footer */
    #footer .f_link .link_map li a { font-size: 0.8rem; }
    #footer .f_link .link_map li a strong { padding: 0.4rem 0.5rem; }
    #footer .f_link .container { display: block; }
    #footer .f_link .siteLink { margin-top: 1rem; }
    #footer .f_link .siteLink button { width: 100%; }

    /* footer 로고 */
    #footer .f_logo a em { font-size: 0.9rem; }
    #footer .f_logo a span { font-size: 0.9rem; }
    
    #sub_container .subTitle h2 { font-size: 1.3rem; }
    
    #snb h2 { font-size: 0.9rem; }
}

@media (max-width:480px) {
    
    #header .logo a { height: 3rem; }
    #header .logo a img { height: 15px; }
    #header .logo a em { font-size: 0.75rem; }
    #header .logo a span { font-size: 0.75rem; }

    /* footer 로고 */
    #footer .f_logo a em { font-size: 0.75rem; }
    #footer .f_logo a span { font-size: 0.75rem; }
    
    .fullmenu { width: 1.8rem; height: 1.8rem; }
}