html, body { overflow-x: hidden; }

/* 스크롤바 커스텀 */ 
#wrap *{ scrollbar-arrow-color: #e2e4ee; scrollbar-Track-Color: #e2e4ee; scrollbar-base-color: #595972; scrollbar-Face-Color: #595972; scrollbar-3dLight-Color: #595972; scrollbar-DarkShadow-Color: #595972; scrollbar-Highlight-Color: #595972; scrollbar-Shadow-Color: #595972; }
#wrap ::-webkit-scrollbar { width: 5px; height:3px; }
#wrap ::-webkit-scrollbar-thumb { background-color: #595972; }
#wrap ::-webkit-scrollbar-track { background-color: #e2e4ee; } 

#container { margin-top: -7rem; }
.container { position: relative; max-width: 80rem; margin: 0 auto; }

#header { position: relative; width: 100%; height: 7rem; z-index: 10; }
#header .header_util { position: relative; display: flex; align-items: center; justify-content: space-between; height: 2.5rem; }
#header .header_util::before { position: absolute; bottom: 0; left: -100%; width: 200vw; height: 1px; background: rgba(255, 255, 255, 0.2); content: ""; }
#header .header_util a { font-size: 0.85rem; font-weight: 600; color: #fff; }
#header .header_util .util ul { display: flex; align-items: center; gap: 2rem; }
#header .header_util .util ul li a.fullmenu { display: block; }
#header .header_wrap { position: relative; display: flex; height: 4.5rem; gap: 1.5rem; }
#header .header_wrap::before { position: absolute; bottom: 0; left: -100%; width: 200vw; height: 1px; background: rgba(255, 255, 255, 0.2); content: ""; }
#header .header_wrap .logo { display: flex; align-items: center; height: 4.5rem; }
#header .header_wrap .logo a { display: block; width: 15.95rem; height: 1.8rem; line-height: 0; }
#header .header_wrap .logo a img { max-width: 100%; }

#webNavi { flex: 1; display: flex; justify-content: end; }
#webNavi #gnb { display: flex; }
#webNavi #gnb > li > a { position: relative; display: flex; justify-content: center; align-items: center; color: #fff; font-size: 1.05rem; height: 4.5rem; font-weight: 600; padding: 0 1.6rem; text-align: center; }
#webNavi #gnb > li > a::before { position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 0; height: 2px; background: #1E288B; content: ""; transition: 0.3s; }
#webNavi #gnb > li > a::after { position: absolute; top: 37px; left: 50%; transform: translateX(-50%); width: 5px; height: 5px; background: #1E288B; border-radius: 50%; opacity: 0; transition: 0.3s; content: ""; }
#webNavi #gnb > li.on .box { display: flex; flex-wrap: wrap; gap: 1.5rem 2rem; }
#webNavi #gnb .box { position: absolute; left: 50%; transform: translateX(-50%); width: 100%; max-width: 60rem; display: none; padding: 2.5rem 0; }
#webNavi #gnb .box::before { position: absolute; top: 0; left: -100%; width: 200vw; height: 100%; background: #fff; box-shadow: 0 15px 10px rgba(0, 0, 0, 0.05); z-index: -1; content: ""; }
#webNavi #gnb .box > li { width: calc((100% - 6rem) / 4); }
#webNavi #gnb .box > li > a { display: block; color: #1E288B; font-size: 0.85rem; font-weight: 600; border: 1px solid rgba(30, 40, 139, 0.4); border-radius: 5px; text-align: center; padding: 0.5rem; transition: 0.3s; word-break: keep-all; }
#webNavi #gnb .depth03 { padding: 0.9rem 0.4rem; }
#webNavi #gnb .depth03 > li + li { margin-top: 0.8rem; }
#webNavi #gnb .depth03 > li > a { position: relative; padding-left: 0.6rem; color: #555; font-size: 0.8rem; transition: 0.3s; }
#webNavi #gnb .depth03 > li > a::before { position: absolute; top: 7px; left: 0; width: 4px; height: 4px; background: #999; border-radius: 50%; content: ""; transition: 0.3s; }
#webNavi #gnb > li.on > a::before,
#webNavi #gnb > li > a:hover::before,
#webNavi #gnb > li > a:focus::before { width: calc(100% - 3.2rem); }
#webNavi #gnb > li.on > a::after,
#webNavi #gnb > li > a:hover::after,
#webNavi #gnb > li > a:focus::after { top: 18px; opacity: 1; }
#webNavi #gnb .box > li > a:hover,
#webNavi #gnb .box > li > a:focus { background: #1E288B; color: #fff; }
#webNavi #gnb .depth03 > li > a:hover,
#webNavi #gnb .depth03 > li > a:focus { color: #1E288B; font-weight: 600; }
#webNavi #gnb .depth03 > li > a:hover::before,
#webNavi #gnb .depth03 > li > a:focus::before { background: #1E288B; }
#webNavi #gnb .depth03 > li > a:hover span,
#webNavi #gnb .depth03 > li > a:focus span { text-decoration: underline; }

.header_btn { display: flex; }

/* 통합검색 */
.searchOpen { color: #fff; font-size: 1.8rem; padding: 0; }
.box_search_0 { position: absolute; left: 0; width: 100%; background: #fff; display: none; border-radius: 0 0 4rem 4rem; box-shadow: 0 15px 15px rgba(0, 0, 0, 0.05); z-index: 99; }
.box_search_0 .inner { position: relative; display: flex; flex-direction: column; justify-content: center; align-items: center; max-width: 76rem; margin: 0 auto; padding: 2rem 1.5rem 2rem; }
.box_search_0 .inner::before { position: absolute; top: 0.9rem; left: 50%; transform: translateX(-50%); font-size: 4rem; font-weight: 700; color: #F8F8FF; content: "SEARCH"; }
.box_search_0 .inner h3 { position: relative; display: inline-block; text-align: center; padding: 0 3.4rem; font-size: 1.6rem; font-weight: 300; color: #1B298C; }
.box_search_0 .inner h3 em { font-weight: 700; }
.box_search_0 .inner #searchForm { position: relative; display: flex; gap: 0.75rem; margin-top: 0.75rem; width: 40rem; max-width: 100%; text-align: center; }
.box_search_0 .inner #searchForm #total_search { position: relative; flex: 1; width: calc(100% - 3rem); height: 3rem; margin: 0 auto; color: #111; font-size: 1rem; padding: 0 1rem; border: 3px solid #1B298C; border-radius: 0.5rem; }
.box_search_0 .inner #searchForm #total_search::placeholder { color: #111; }
.box_search_0 .inner #searchForm .srch_btn { width: 3rem; height: 3rem; border-radius: 0.5rem; display: flex; justify-content: center; align-items: center; background: linear-gradient(#025ADF, #1B298C); color: #fff; font-size: 1.2rem; box-shadow: 4px 4px 10px rgba(12, 73, 194, 0.25); z-index: 1; }
.box_search_0 .btnSearchClose { position: absolute; top: 2.5rem; right: 0; font-size: 2rem; padding: 0; }

/* 전체메뉴 */
.fixBody { position: fixed; top: 0; left: 0; width: 100%; }
#fullmenuOpen { display: none; }
.popFullmenu { display: none; position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; z-index: 100; }

#header.gnb-open { background: #fff; }
#header.gnb-open .header_util::before { background: rgba(0, 0, 0, 0.2); }
#header.gnb-open .header_util a { color: #000; }
#header.gnb-open .header_wrap::before { background: rgba(0, 0, 0, 0.2); }
#header.gnb-open .header_wrap .logo a { background: url('/images/web/sanhak/layout/blue_logo.png') no-repeat center / contain; }
#header.gnb-open .header_wrap .logo a img { display: none; }
#header.gnb-open #webNavi #gnb > li > a { color: #000; }
#header.gnb-open .searchOpen { color: #000; }

#header.header_on { background: #fff; }
#header.header_on .header_util::before { background: rgba(0, 0, 0, 0.2); }
#header.header_on .header_util a { color: #000; }
#header.header_on .header_wrap::before { background: rgba(0, 0, 0, 0.2); }
#header.header_on .header_wrap .logo a { background: url('/images/web/sanhak/layout/blue_logo.png') no-repeat center / contain; }
#header.header_on .header_wrap .logo a img { display: none; }
#header.header_on #webNavi #gnb > li > a { color: #000; }
#header.header_on .searchOpen { color: #000; }

#quickMenu { position: fixed; top: 12.4rem; right: 0; width: 5.5rem; z-index:101; overflow: hidden; border-radius: 1rem 0 0 1rem; cursor: pointer; box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); }
#quickMenu dl dt { display: flex; justify-content: center; align-items: center; height: 4rem; background: url('/images/web/sanhak/main/quick_bg.png') no-repeat top right, linear-gradient( #52B7FF 0%, #025ADF 100%); color: #fff; font-size: 0.75rem; font-weight: 600; }
#quickMenu dl dd { background: #fff; }
#quickMenu dl dd ul li + li { border-top: 1px dashed #D8D8D8; }
#quickMenu dl dd ul li a { display: flex; justify-content: center; align-items: center; height: 3rem; text-align: center; font-size: 0.7rem; color: #111; padding: 0 0.5rem; word-break: keep-all; line-height: 1.4; font-weight: 500; transition: 0.3s; }
#quickMenu dl dd #quickCloseBtn { display: none; }
#quickMenu dl dd ul li a:hover,
#quickMenu dl dd ul li a:focus { font-weight: 600; background: #eee; }

#footer { position: relative; background: #F8F8F8; }
#footer .foot_link { display: flex; justify-content: space-between; align-items: center; padding: 2.5rem 0 2rem; border-bottom: 1px solid #E8EBEE; }
#footer .foot_link .f_logo a { display: block; line-height: 0; }
#footer .foot_link .f_logo a img { max-width: 100%; }
#footer .foot_link ul { display: flex; flex-wrap: wrap; align-items: center; gap: 0.2rem 1.6rem; }
#footer .foot_link ul li a { display: block; font-size: 0.8rem; }
#footer .foot_crtfc { padding: 1.5rem 0 3.4rem; }
#footer .foot_crtfc .adres { font-size: 0.8rem; font-weight: 600; }
#footer .foot_crtfc .tel { display: flex; flex-wrap: wrap; gap: 0.2rem 1.25rem; margin: 0.5rem 0 0.9rem; font-size: 0.8rem; }
#footer .foot_crtfc .tel p em { font-weight: 700; }
#footer .foot_crtfc .copy { color: #666; }

.moveTop { position: absolute; display: flex; justify-content: center; align-items: center; bottom: 2.5rem; right: 0; width: 3rem; height: 3rem; background: #1E288B; color: #fff; font-size: 1rem; border-radius: 50%; }


/* 서브 */
.sub_container #header .header_util::before { background: rgba(0, 0, 0, 0.2); }
.sub_container #header .header_util a { color: #000; }
.sub_container #header .header_wrap::before { background: rgba(0, 0, 0, 0.2); }
.sub_container #header .header_wrap .logo a { background: url('/images/web/sanhak/layout/blue_logo.png') no-repeat center / contain; }
.sub_container #header .header_wrap .logo a img { display: none; }
.sub_container #header #webNavi #gnb > li > a { color: #000; }
.sub_container #header .searchOpen { color: #000; }

#sub_container { position: relative; padding: 4rem 0 6.5rem; }
#sub_container .container { display: flex; justify-content: space-between; }
#sub_container .container::before { position: absolute; top: -4rem; left: -4rem; width: 300vw; height: 11rem; background: url('/images/web/sanhak/layout/subHeader_bg.png') no-repeat left 6.3rem top -15rem, linear-gradient(#EEF5FF, #E4F0FF); content: ""; border-radius: 0 0 0 2.5rem; z-index: -1; }

#snb { width: 14rem; }
#snb h2 { display: flex; justify-content: center; align-items: center; height: 8rem; background: url('/images/web/sanhak/layout/snb_tit_bg.png') no-repeat bottom right, linear-gradient(#025ADF, #1B298C); color: #fff; border-radius: 1rem 3rem 1rem 1rem; font-size: 1.3rem; }
#snb .snb_wrap { margin-top: 1rem; }
#snb .snb_wrap li,
#snb .snb_wrap a { position: relative; }
#snb .snb_wrap .dep01 > li + li { margin-top: 0.5rem; }
#snb .snb_wrap .dep01 > li > a { display: block; padding: 0.7rem 1.2rem; border: 1px solid #D5D5D5; border-radius: 0.6rem; font-size: 1rem; }
#snb .snb_wrap .dep01 > li.dep > a::before { position: absolute; top: 0.9rem; right: 1.2rem; display: flex; justify-content: center; align-items: center; content: "\ea4e"; width: 1rem; height: 1rem; border-radius: 50%; border: 1px solid #D5D5D5; color: #D5D5D5; font-family: 'remixicon'; }
#snb .snb_wrap .dep01 > li.open > a { color: #1B298C; font-weight: 700; border-color: #1B298C; }
#snb .snb_wrap .dep01 > li.dep.open > a::before { transform: rotate(180deg); background: #1B298C; color: #fff; border-color: #1B298C; }
#snb .snb_wrap .dep01 > li.dep.open .dep02 { display: block; }
#snb .snb_wrap .dep02 { display: none; margin-top: 0.5rem; border: 1px solid #D5D5D5; border-radius: 0.6rem; padding: 1rem; }
#snb .snb_wrap .dep02 > li > a { display: block; padding: 0.6rem 1.4rem; font-size: 0.9rem; }
#snb .snb_wrap .dep02 > li > a::before { position: absolute; top: 1.2rem; left: 0.7rem; width: 4px; height: 4px; border-radius: 50%; background: #999; content: ""; }
#snb .snb_wrap a,
#snb .snb_wrap a::before { transition: 0.3s; }
#snb .snb_wrap .dep02 > li.open > a{background: rgba(27, 41, 140, 0.05); border-radius: 0.5rem; }
#snb .snb_wrap .dep02 > li.open > a {color: #1B298C; font-weight: 600; }
#snb .snb_wrap .dep02 > li.open > a::before { background: #4B4C4C; }

.subContent { width: calc(100% - 18rem); }

.subContent .subHeader { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 1rem; }
.subContent .subHeader .location { display: flex; flex-wrap: wrap; color: #666; width: 100%; }
.subContent .subHeader .location span { position: relative; padding-left: 1.6rem; }
.subContent .subHeader .location span::before { position: absolute; top: 0; left: 8px; font-family: 'remixicon'; content: "\ea6e"; color: #666; }
.subContent .subHeader .location span.active { color: #111; font-weight: 600; }
.subContent .subHeader #pageTitle { font-size: 1.75rem; font-weight: 700; color: #111; flex: 1rem; }
.subContent .subHeader .snsBox { position: relative; display: flex; gap: 0.5rem; }
.subContent .subHeader .snsBox button { width: 2rem; height: 2rem; display: flex; justify-content: center; align-items: center; background: #fff; color: #1E288B; box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); border-radius: 0.5rem; font-size: 1rem; }
.subContent .subHeader .snsBox .sns_more { display: none; position: absolute; top: calc(100% + 5px); right: 2.5rem; background: #fff; border-radius: 0.5rem; padding: 0.5rem 0.35rem; box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); gap: 5px; z-index: 10; }
.subContent .subHeader .snsBox .sns_more.active { display: flex !important; }
.subContent .subHeader .snsBox .sns_more a { display: flex; justify-content: center; align-items: center; width: 1.25rem; height: 1.25rem; color: #fff; border-radius: 5px; }
.subContent .subHeader .snsBox .sns_more a.snsF { background: #0866FF; }
.subContent .subHeader .snsBox .sns_more a.snsT { background: #040404; }
.subContent .subHeader .snsBox .sns_more a.snsK { background: linear-gradient(#FED900, #FCC800); }
.subContent .subHeader .snsBox .sns_more a.snsN { background: #21C531; }
.subContent .subHeader .snsBox .sns_more #snsClose { position: absolute; top: -45px; right: 0; width: 2rem; height: 2rem; background: #333; color: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); border-radius: 0.5rem; margin-top: 0; }

.subContent .subCntBody { margin-top: 5.5rem; min-height: 30rem; word-break: break-all; }

#sub_container .satisfaction { border: 1px solid #DADADA; border-radius: 1rem; overflow: hidden; margin-top: 2rem;}
#sub_container .satisfaction .satisfaction_list { position: relative; padding: 1.5rem; font-family:'Pretendard';}
#sub_container .satisfaction .satisfaction_list .question { padding:0; background:none; color: #111; font-size: 0.8rem; }
#sub_container .satisfaction .satisfaction_list .opinion { display: flex; gap: 0.5rem; }
#sub_container .satisfaction .satisfaction_list .opinion > input{ font-family:'Pretendard';}
#sub_container .satisfaction .satisfaction_list .opinion .csnstOpinion { flex: 1; width: 100%; height: 2.5rem; border: 1px solid #555; padding: 0 0.8rem; font-size: 0.8rem; color: #666; border-radius: 0.4rem; }
#sub_container .satisfaction .satisfaction_list .opinion .csnstSubmit { display: flex; justify-content: center; align-items: center; width: 7.5rem; height: 2.5rem; flex: none; background: #1B298C; color: #fff; border-radius: 0.4rem; border: none; }
#sub_container .satisfaction .satisfaction_list .input_radio { float:none; position: absolute; width:auto; top: 1.55rem; right: 1.5rem; display: flex; flex-wrap: wrap; gap: 0.5rem 1.2rem; line-height:normal; }
#sub_container .satisfaction .satisfaction_list .input_radio span { position: relative; margin-right:0;}
#sub_container .satisfaction .satisfaction_list .input_radio input { position: absolute; top: 0; left: 0; width: 0; height: 0; border: none; }
#sub_container .satisfaction .satisfaction_list .input_radio label { position: relative; margin-right:0; padding-left: 1.3rem; font-size:0.85rem; color:#111; line-height:1;}
#sub_container .satisfaction .satisfaction_list .input_radio label::before { position: absolute; top: 0; left: 0; width: 0.9rem; height: 0.9rem; border: 1px solid #58616A; border-radius: 50%; content: ""; }
#sub_container .satisfaction .satisfaction_list .input_radio label::after { position: absolute; top: 4px; left: 4px; width: 0.5rem; height: 0.5rem; background: #025ADF; border-radius: 50%; content: ""; opacity: 0; }
#sub_container .satisfaction .satisfaction_list .input_radio input:focus + label::before,
#sub_container .satisfaction .satisfaction_list .input_radio input:checked + label::before { border-color: #025ADF; }
#sub_container .satisfaction .satisfaction_list .input_radio input:focus + label::after,
#sub_container .satisfaction .satisfaction_list .input_radio input:checked + label::after { opacity: 1; }
#sub_container .satisfaction .satisfaction_list .opinion { display: flex; float:none; margin-top: 1rem; }
#sub_container .satisfaction .satisfaction_list .opinion label{display:none;}
#sub_container .satisfaction .satisfaction_list + .satisfaction_info { border-top: 1px solid #DADADA; }
#sub_container .satisfaction .satisfaction_info { padding: 1.5rem; background: #F8F8F8; font-size: 0.8rem; }
#sub_container .satisfaction .satisfaction_info ul { display: flex; flex-wrap: wrap; overflow: hidden; }
#sub_container .satisfaction .satisfaction_info ul li { position: relative; padding: 0 0.8rem; left: -0.8rem; }
#sub_container .satisfaction .satisfaction_info ul li + li::before { position: absolute; top: 0.2rem; left: 0; width: 1px; height: 0.6rem; background: #D8D8D8; content: ""; }
#sub_container .satisfaction .satisfaction_info p { margin-top: 0.5rem; padding-top: 0.5rem; border-top: 1px dashed #E4E4E4; color: #666; }

@media (min-width:1241px){
    .popFullmenu { background: #fff; padding: 5rem; }
    .popFullmenu::before { position: absolute; top: 0; left: 0; width: 15rem; height: 100%; background: #EEF5FF; content: ""; z-index: -1; }
    .popFullmenu .fullmenu_wrap { position: relative; height: 100%; }
    .popFullmenu .util { display: none; }
    .popFullmenu .fullmenu_group { height: 100%; overflow-y: auto; overflow-x: hidden; padding-right: 5px; }
    .popFullmenu .fullmenu_group #gnb > li { display: flex; }
    .popFullmenu .fullmenu_group #gnb > li + li { border-top: 1px dashed rgba(30, 40, 139, 0.15); padding-top: 1.5rem; margin-top: 1.5rem; }
    .popFullmenu .fullmenu_group #gnb > li > a { width: 10rem; flex: none; font-size: 1.3rem; color: #111; font-weight: 700; padding-top: 8px; }
    .popFullmenu .fullmenu_group #gnb > li > a > span { position: relative; }
    .popFullmenu .fullmenu_group #gnb > li > a > span::after { position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 5px; height: 5px; background: #1E288B; border-radius: 50%; opacity: 0; transition: 0.3s; content: ""; }
    .popFullmenu .fullmenu_group .box { padding-left: 2.5rem; width: 100%; display: flex; flex-wrap: wrap; gap: 1.8rem; }
    .popFullmenu .fullmenu_group .box > li { width: calc((100% - 3.6rem) / 3); }
    .popFullmenu .fullmenu_group .box > li > a { display: block; border: 1px solid rgba(30, 40, 139, 0.4); font-size: 0.85rem; font-weight: 700; color: #1E288B; padding: 0.5rem; border-radius: 5px; text-align: center; word-break: break-all; }
    .popFullmenu .fullmenu_group .depth03 { margin-top: 0.5rem; }
    .popFullmenu .fullmenu_group .depth03 > li > a { position: relative; display: block; padding: 0.3rem 1.4rem; }
    .popFullmenu .fullmenu_group .depth03 > li > a::before { position: absolute; top: 0.75rem; left: 0.7rem; width: 4px; height: 4px; border-radius: 50%; background: #999; content: ""; }
    .popFullmenu .fullmenu_group #gnb a,
    .popFullmenu .fullmenu_group #gnb a::before,
    .popFullmenu .fullmenu_group #gnb a::after { transition: 0.3s; }
    .popFullmenu .fullmenu_group #gnb > li.active > a,
    .popFullmenu .fullmenu_group #gnb > li > a:hover,
    .popFullmenu .fullmenu_group #gnb > li > a:focus { color: #1E288B; }
    .popFullmenu .fullmenu_group #gnb > li.active > a > span::after,
    .popFullmenu .fullmenu_group #gnb > li > a:hover > span::after,
    .popFullmenu .fullmenu_group #gnb > li > a:focus > span::after { top: -8px; opacity: 1; }

    .popFullmenu .fullmenu_group .box > li > a:hover,
    .popFullmenu .fullmenu_group .box > li > a:focus { background: #1E288B; color: #fff; }
    .popFullmenu .fullmenu_group .depth03 > li > a:hover,
    .popFullmenu .fullmenu_group .depth03 > li > a:focus { color: #1B298C; font-weight: 600; text-decoration: underline; }
    .popFullmenu .fullmenu_group .depth03 > li > a:hover::before,
    .popFullmenu .fullmenu_group .depth03 > li > a:focus::before { background: #1E288B; }
    
    .popFullmenu .fullmenuClose { position: absolute; top: -4.2rem; right: 0; color: #111; font-size: 2.5rem; line-height: normal; }
}

@media (min-width:1600px){
    .popFullmenu::before { width: 20rem; }
    .popFullmenu .fullmenu_group #gnb > li > a { width: 15rem; }
    .popFullmenu .fullmenu_group .box > li { width: calc((100% - 5.4rem) / 4); }
}

@media (min-width:1900px){
    .popFullmenu { padding: 5rem 10rem; }
    .popFullmenu::before { width: 25rem; }
}

@media (max-width:1640px){
    .container { padding: 0 1rem; }
    
    .moveTop { right: 1rem; }
    
    .box_search_0 .btnSearchClose { right: 1rem; }
}

@media (max-width:1480px){
    #header .header_wrap .logo a { width: 13rem; }
    #footer .foot_link .f_logo a { width: 13rem; }
}

@media (max-width:1380px){
    #webNavi #gnb > li > a { padding: 0 1rem; }
}

@media (max-width:1240px){
    #container { margin-top: 0; }

    #header { height: auto; }
    #header .container { padding: 0; }
    #header .header_util { display: none; }
    #header .header_wrap { height: 3.5rem; justify-content: space-between; gap: 0.5rem; }
    #header .header_wrap .logo { height: 100%; background: url('/images/web/sanhak/layout/blue_logo.png') no-repeat center / contain; margin-left: 1rem; }
    #header .header_wrap .logo a { height: 100%; }
    #header .header_wrap .logo a img { display: none; }

    #webNavi { display: none; }
    
    .searchOpen { width: 3.5rem; color: #000; }
    .box_search_0 { border-radius: 0 0 2rem 2rem; }
    .box_search_0 .inner { padding: 1.5rem 1.5rem 1.5rem; }
    .box_search_0 .btnSearchClose { top: -3.5rem; right: 0; display: flex; justify-content: center; align-items: center; width: 3.5rem; height: 3.5rem; background: #1B298C; color: #fff; font-size: 1.8rem; }

    .fullmenu { display: flex; }

    #sub_container { padding: 0; }
    #sub_container .container { display: block; }
    #sub_container .container::before { display: none; }
    .subContent .subHeader { position: relative; padding: 1.5rem 0; }
    .subContent .subHeader::before { position: absolute; top: 0; left: -1rem; width: calc(100% + 2rem); height: 100%; background: #EEF5FF; content: ""; z-index: -1; }
    .subContent .subHeader #pageTitle { font-size: 1.3rem; }
    .subContent .subHeader .snsBox button.btnPrint { display: none; }
    .subContent { width: 100%; }
    .subContent .subCntBody { margin: 1.5rem 0; }

    #snb { display: none; }

    #fullmenuOpen { display: flex; justify-content: center; align-items: center; width: 3.5rem; height: 100%; background: #1B298C; color: #fff; font-size: 1.8rem; }
    .popFullmenu { top: 3.5rem; height: calc(100vh - 3.5rem);}
    .popFullmenu .util ul { display: flex; height: 2.25rem; background: #040A32; }
    .popFullmenu .util ul li { position: relative; flex: 1; }
    .popFullmenu .util ul li + li::before { position: absolute; top: 50%; transform: translateY(-50%); width: 1px; height: 0.75rem; background: rgba(255, 255, 255, 0.5); content: ""; }
    .popFullmenu .util ul li a { display: flex; justify-content: center; align-items: center; height: 100%; color: #fff; gap: 0.4rem; font-size: 13px;}
    .popFullmenu .fullmenuClose { position: absolute; top: -3.5rem; right: 0; display: flex; justify-content: center; align-items: center; width: 3.5rem; height: 3.5rem; background: #1B298C; color: #fff; font-size: 1.8rem; }

    .popFullmenu .fullmenu_group { height: 100vh; background: #1B298C; }
    .popFullmenu .fullmenu_group #gnb { position: relative; }
    .popFullmenu .fullmenu_group #gnb > li + li { margin-top: 1.5rem; }
    .popFullmenu .fullmenu_group #gnb > li { width: 100%; }
    .popFullmenu .fullmenu_group #gnb > li:first-child { padding-top: 1.5rem; }
    .popFullmenu .fullmenu_group #gnb > li > a { position: relative; display: block; width: 15rem; padding: 0 0.75rem; color: #fff; font-size: 0.8rem; }
    .popFullmenu .fullmenu_group #gnb > li > a > span { position: relative; }
    .popFullmenu .fullmenu_group #gnb > li > a > span::before { position: absolute; bottom: -2px; left: 0; width: 0; height: 2px; background: #fff; content: ""; transition: 0.3s; }
    .popFullmenu .fullmenu_group #gnb > li > a > span::after { position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 5px; height: 5px; background: #fff; border-radius: 50%; opacity: 0; transition: 0.3s; content: ""; }
    .popFullmenu .fullmenu_group #gnb > li .box { display: none; position: absolute; width: calc(100% - 15rem); height: calc(100vh - 5.7rem); top: 0; right: 0; overflow-y: auto; background: #fff; padding: 1.5rem 0.75rem; }
    .popFullmenu .fullmenu_group #gnb > li.active .box { display: block; }
    .popFullmenu .fullmenu_group .box > li + li { margin-top: 0.5rem; }
    .popFullmenu .fullmenu_group .box > li > a { position: relative; display: block; padding: 0.7rem; border: 1px solid #D5D5D5; border-radius: 0.6rem; color: #333; }
    .popFullmenu .fullmenu_group .box > li > a { padding-right: 1.2rem; }
    .popFullmenu .fullmenu_group .box > li.dep > a::before { position: absolute; top: 0.75rem; right: 1.2rem; display: flex; justify-content: center; align-items: center; content: "\ea4e"; width: 1rem; height: 1rem; border-radius: 50%; border: 1px solid #D5D5D5; color: #D5D5D5; font-family: 'remixicon'; }
    .popFullmenu .fullmenu_group .box > li.dep.active > a { color: #1B298C; font-weight: 600; border-color: #1B298C; }
    .popFullmenu .fullmenu_group .box > li.dep.active > a::before { transform: rotate(180deg); background: #1B298C; color: #fff; border-color: #1B298C; }
    .popFullmenu .fullmenu_group .box > li.active .depth03 { display: block; }
    .popFullmenu .fullmenu_group .depth03 { display: none; margin-top: 0.5rem; border: 1px solid #D5D5D5; padding: 0.5rem; border-radius: 0.6rem; }
    .popFullmenu .fullmenu_group .depth03 > li > a { position: relative; display: block; padding: 0.3rem 1.4rem; }
    .popFullmenu .fullmenu_group .depth03 > li > a::before { position: absolute; top: 0.75rem; left: 0.7rem; width: 4px; height: 4px; border-radius: 50%; background: #999; content: ""; }
    .popFullmenu .fullmenu_group #gnb a,
    .popFullmenu .fullmenu_group #gnb a::before,
    .popFullmenu .fullmenu_group #gnb a::after { transition: 0.3s; }

    .popFullmenu .fullmenu_group .box > li > a:hover,
    .popFullmenu .fullmenu_group .box > li > a:focus { color: #1B298C; font-weight: 600; }
    .popFullmenu .fullmenu_group #gnb > li.active > a > span::before,
    .popFullmenu .fullmenu_group #gnb > li > a:hover > span::before,
    .popFullmenu .fullmenu_group #gnb > li > a:focus > span::before { width: 100%; }
    .popFullmenu .fullmenu_group #gnb > li.active > a > span::after,
    .popFullmenu .fullmenu_group #gnb > li > a:hover > span::after,
    .popFullmenu .fullmenu_group #gnb > li > a:focus > span::after { top: -8px; opacity: 1; }
    .popFullmenu .fullmenu_group .depth03 > li > a:hover,
    .popFullmenu .fullmenu_group .depth03 > li > a:focus { background: rgba(27, 41, 140, 0.05); color: #1B298C; font-weight: 600; border-radius: 5px; }
    .popFullmenu .fullmenu_group .depth03 > li > a:hover::before,
    .popFullmenu .fullmenu_group .depth03 > li > a:focus::before { background: #4B4C4C; }

} 

@media (max-width:890px){
    #sub_container .satisfaction .satisfaction_list .input_radio { position: relative; top: auto; right: auto; margin-top: 0.5rem; }
}

@media (max-width:768px){
    .searchOpen { font-size: 1.3rem; }

    .fullmenu { font-size: 1.3rem; }
    .popFullmenu .fullmenu_group #gnb > li > a { width: 10rem; }
    .popFullmenu .fullmenu_group #gnb > li .box { width: calc(100% - 10rem); }

    #quickMenu dl dd #quickCloseBtn { display: flex; justify-content: center; align-items: center; width: 100%; height: 2rem; background: #000; color: #fff; font-size: 0.7rem; gap: 5px; }
    
    #footer .foot_link { display: block; padding: 1rem 0; }
    #footer .foot_link ul { margin-top: 0.8rem; }
    #footer .foot_crtfc { padding: 1rem 0; }
    #footer .foot_crtfc .tel { margin: 0.4rem 0; }

    .moveTop { bottom: auto; top: 1rem; width: 2rem; height: 2rem; }

    .box_search_0 { border-radius: 0 0 1rem 1rem; }
    .box_search_0 .inner h3 { font-size: 1.3rem; padding: 0 2rem; }
    .box_search_0 .inner #searchForm #total_search { font-size: 0.8rem; width: calc(100% - 2.5rem); height: 2.5rem; }
    .box_search_0 .inner #searchForm .srch_btn { width: 2.5rem; height: 2.5rem; }
    .box_search_0 .btnSearchClose { font-size: 1.3rem; }
    
    #sub_container .satisfaction .satisfaction_list .opinion .csnstSubmit{margin-top:0;}
}

@media (max-width:580px){
    #header .header_wrap .logo a { width: 10rem; }
    #footer .foot_link .f_logo a { width: 10rem; }

    .popFullmenu .fullmenu_group #gnb > li > a { width: 7rem; }
    .popFullmenu .fullmenu_group #gnb > li .box { width: calc(100% - 7rem); }
    
    #sub_container .satisfaction .satisfaction_list .opinion .csnstSubmit { width: 5rem; }
    
    #quickMenu{width:5rem;}
    #quickMenu dl dt{height:3rem; line-height:1.3;}
    #quickMenu dl dd ul li a{line-height:1.2;}
}


@media (max-width:360px){
    #header .header_wrap .logo a { width: 8rem; }
    
    #quickMenu{width:4.5rem;}
}