@charset "UTF-8";

.wrapper {overflow: hidden;position: relative; }
.layout {max-width: 140rem;width: 100%;margin: 0 auto;position: relative;}
.subcontents {position: relative;min-height: 90rem;height: 100%;}
.sublayout {max-width: 140rem;width: 100%;margin: 0 auto;position: relative;}
/*****header*******/
#header {position: fixed;top: 0px; left: 0;right: 0;width: 100%;min-width: 360px;z-index: 1000; } 
.header_wrap {position: relative; background: rgba(255, 255, 255, 0.3);}
.header_wrap {position: relative; background: rgba(255, 255, 255, 0.3);}
.header_wrap.on {animation:slide-down 1s;background: #fff;border-bottom: 1px solid #f4f4f4;}
.header_wrap.sub {background: #fff;border-bottom: 1px solid #f4f4f4;}  
.header_wrap .layout {display: flex;align-items: center;justify-content: space-between;max-width: 140rem;margin: 0 auto;height: 10.6rem;position: relative;}  
.header_wrap .logo {margin-top: -5px;  width: 23.9rem;height: 3.5rem;background-image: url(../images2025/common/h1_logo.png);background-size:100% auto;background-repeat: no-repeat;background-position: center center;} 
.header_wrap .logo a {display: block;height: 100%; }
.nav {margin-left: auto;} 
.nav .gnbwrap {display: flex;}
.nav .gnbwrap li a {font-size: 2rem;padding: 1.5rem 3.5rem;color: #000;font-weight: 500;transition: .5s;} 
.nav .gnbwrap li a:hover {font-size: 2.2rem;font-weight: 600;letter-spacing: -1px;}   
.utilmenu {display: flex;align-items: center;}
.modecntl {margin-left:2rem;background: #c6cdd7;height: 2.8rem;border-radius: 1.4rem;}
.switch_mode {min-width: 6.5rem;font-size: 1.4rem;font-weight: 500;color: #000;line-height: 2.8rem;margin: 0 0;letter-spacing: -1px;text-align: center;transition: .5s;}
.switch_mode.on {background: #000;color: #fff;border-radius: 1.4rem;} 
.open_mnbbtn {display: none;margin-left: 2rem;}
#mobile-wrap {display:none;}  
.utilmenu .btns .btlogin, .utilmenu .btns .btjoin {margin-right: 5px;display: inline-block;height: 2.6rem;padding: 0 1.5rem;text-align: center;color: #fff;border-radius: 4px;font-size: 1.5rem;font-weight: 600;line-height: 2.6rem;transition: .3s;}
.utilmenu .btns .btlogin {background: #0b8d8b;}
.utilmenu .btns .btlogin:hover {background: #005655;}
.utilmenu .btns .btjoin {background: #093048;}
.utilmenu .btns .btjoin:hover {background: #1f5e85;}
.utilmenu_mob {display: none;}
.utilmenu_mob .btlogin, .utilmenu_mob .btjoin {margin-right: 5px;display: inline-block;height: 2.6rem;padding: 0 1.5rem;text-align: center;color: #fff;border-radius: 4px;font-size: 1.5rem;font-weight: 600;line-height: 2.6rem;transition: .3s;}
.utilmenu_mob .btlogin {background: #0b8d8b;}
.utilmenu_mob .btlogin:hover {background: #005655;}
.utilmenu_mob .btjoin {background: #093048;}
.utilmenu_mob .btjoin:hover {background: #1f5e85;}
/*날씨 위젯 (기상청 초단기실황). 데이터 수신 후 .on 부여로 노출*/
.weather {display: none;align-items: center;margin-left: 1.4rem;}
.weather.on {display: flex;}
.weather .weather_icon {width: 3.4rem;height: 3.4rem;flex: 0 0 auto;}
.weather .weather_val {display: flex;flex-direction: column;justify-content: center;min-width: 6.2rem;margin-left: .4rem;line-height: 1.35;}
.weather .wlabel {font-size: 1.3rem;font-weight: 400;color: #333;font-style: normal;}
.weather .wval {display: flex;align-items: center;height: 1.9rem;font-size: 1.5rem;font-weight: 700;color: #111;}
.weather .wvane {display: block;color: #111;transform-origin: 50% 50%;}
.badge_ai   {position: relative;margin-right: 5.8rem; }
.badge_ai::after {content: ''; background-image: url(../images2025/common/text_ai.png);background-position: 0 0;background-repeat: no-repeat; position: absolute;top: -2.3rem;left: 6rem; background-size: 100% auto;width: 4.8rem;height: 4.8rem;   }
.badge_ai em {display: none;}
/* AI모드(시험중) 안내 레이어 */
.ai_test_tip {position: fixed;transform: translateX(-50%);background: rgba(16,16,16,0.92);color: #fff;padding: 1.2rem 1.8rem;border-radius: 1rem;font-size: 1.4rem;font-weight: 400;line-height: 1.5;text-align: center;white-space: pre-line;z-index: 20000;opacity: 0;pointer-events: none;transition: opacity .25s;box-shadow: 0 .4rem 1.2rem rgba(0,0,0,0.3);}
.ai_test_tip.active {opacity: 1;}
.ai_test_tip::before {content: '';position: absolute;top: -.7rem;left: 50%;transform: translateX(-50%);border-left: .7rem solid transparent;border-right: .7rem solid transparent;border-bottom: .7rem solid rgba(16,16,16,0.92);}
/*전체메뉴모드*/
/*.totalmnwrap {position: fixed;top: 10.6rem;left: 0;right: 0;width: 100%;z-index: 1000;background: #fff;display: none;visibility: hidden;opacity: 0;} */
/*.totalmnwrap.active {display: block;visibility: visible;opacity: 1;} */
.totalmnwrap {padding-top: 12rem;}
.totalmnwrap .mnmodebox {max-width: 140rem;width: 100%; margin: 0 auto; position: relative; }
.totalmnwrap .mnmodebox .mnlist {display: flex;justify-content: space-between;}
.totalmnwrap .mnmodebox .depth01 {border-right:1px solid #ebebeb;margin: 0 auto;flex: 1;padding: 3rem 0;} 
.totalmnwrap .mnmodebox .depth01:first-child {border-left:1px solid #ebebeb;}
.totalmnwrap .mnmodebox .depth01 .heading {font-size: 2.4rem;font-weight: 600;color: #010101; text-align: center;height: 9.5rem;display: block;}
.totalmnwrap .mnmodebox .depth02 {margin-left: 0rem;}
.totalmnwrap .mnmodebox .depth02 > li {padding: .5rem 0 .5rem 0;} 
.totalmnwrap .mnmodebox .depth02 > li > a {padding-left: 2rem;font-size: 1.8rem;font-weight: 500;color: #010101;letter-spacing: -1px;transition: .3s;position: relative;}
.totalmnwrap .mnmodebox .depth02 > li > a:hover {color: #000;font-weight: 600;}
.totalmnwrap .mnmodebox .depth02 > li > a:hover::before {content: '\EB7A';font-family: 'remixicon';position: absolute;top: 2px;left: .5rem;font-size: 1.2rem;}
.totalmnwrap .mnmodebox .depth03 {margin: 1rem 0 1rem 0rem;} 
.totalmnwrap .mnmodebox .depth03 > li {padding: .2rem 0 0 -2rem;}
.totalmnwrap .mnmodebox .depth03 > li a {font-weight: normal;color: #414141;padding: .25rem 0 0 3.5rem;position: relative;transition: .3s;display: block;}
.totalmnwrap .mnmodebox .depth03 > li a::before{content: '';width: 4px;height: 1px;background-color: #414141;position: absolute;top: 12px;left: 2.5rem;}
.totalmnwrap .mnmodebox .depth03 > li a:hover {background-color: #f4f4f4;color: #000;} 
.totalmnwrap .mnmodebox .mnclose {position: absolute;right: 3rem;bottom: 5rem;}
.totalmnwrap .mnmodebox .mnclose .closemn {width: 4.5rem;height: 4.5rem;border-radius: 100%;background: #053663;color: #fff;font-weight: 600;transition: .3s;}
.totalmnwrap .mnmodebox .mnclose .closemn:hover {background: #002140;} 
/*Footer*/
#footer {background: #101010; }
#footer .footer_top {height: 6.3rem;line-height: 6.3rem;border-bottom: 1px solid rgba(255, 255, 255, 0.3)}
#footer .footerlink {max-width: 140rem;width: 100%;margin: 0 auto;display: flex;justify-content: space-between;} 
#footer .footerlink .link01 {color: #fff;font-weight: 300;}
#footer .footerlink .link01 ul {display: flex;justify-content: space-between;gap: 2.5rem; }
#footer .footerlink .link01 li a.privacy {color: #fff001;}
#footer .footerlink .link02 {display: flex;justify-content: space-between;}
#footer .footerlink .sns ul {display: flex;color: #fff;gap: 1rem;align-items: center;margin: 1.5rem 4rem 0 0; }
#footer .footerlink .sns li a {background:rgba(155, 166, 178, 0.3);width: 3.2rem;height: 3.2rem;border-radius: .8rem;display: block;text-align: center;line-height: 3.2rem;}
#footer .footerlink .barogo { padding: 0 1.5rem;} 
.barogo .relatesite { width: 21rem;border-bottom: 1px solid #989898;cursor: pointer;position: relative;}
.barogo .relatesite .title {color: #fff; font-size: 1.4rem;position: relative;    padding-left: 1.25rem;}
.barogo .relatesite .title:after {content: "\ea50";font-family: "remixicon";position: absolute;right: 5px;font-size: 2.7rem;}
.barogo .relatesite .title.active {background-color: #272727;}
.barogo .relatesite .title.active:after {transform: rotate(180deg);}
.barogo .relatesite .list {position: absolute;left: 0;bottom: 100%;width: 100%;display: none;z-index: 10000;}
.barogo .relatesite .list li {border-bottom: 1px solid #3c3c3c;}
.barogo .relatesite .list li a {color: #fff;display: block;line-height: 4.5rem;padding-left: 1rem;background-color: #272727;font-weight: 200;font-size: 1.4rem; }
.barogo .relatesite .list li a:last-child {border: none;}
.barogo .relatesite .list li a:hover {background-color: #333;}
#footer .copyright {max-width: 140rem;width: 100%;margin: 0 auto;display: flex;padding: 3rem 0;}
#footer .copyright .logo {width: 22rem; }
#footer .copyright .logo p {margin-bottom: .5rem;}
#footer .copyright address {color: #aaaaaa;font-weight: 200;font-size: 1.5rem;}
#footer .copyright address p {padding-bottom: 1rem;}
/*#footer .btntopnav {position: absolute;right: 1rem;bottom:4rem;}
#footer .btntopnav .gototop {color: #fff;width: 4.7rem;height: 4.7rem;background: transparent;border: 2px solid #fff;border-radius: 50%;position: relative;display: block;}
#footer .btntopnav .gototop i {position: absolute;color: #fff;font-size: 2.2rem;animation: updown 1s alternate-reverse ease-in-out infinite;display: block;} */
#footer.subpage {position: relative;}
/*TOP*/ 
a.gototop {position: fixed;bottom: 6rem;right: 4rem;color: #fff;z-index: 62;width:  4.7rem;height:  4.7rem;border-radius: 100%;text-align: center;display: block;background: #143F92;opacity: 0;transition: .5s; }
a.gototop span {display: block;font-size: .7rem}
a.gototop i {color: #fff;font-size: 2.2rem;animation: updown 1s alternate-reverse ease-in-out infinite;display: block;transition: all .4s;margin:1.65rem 0 0 2.35rem;}
a.gototop.active {opacity: 1; }  
/**Modal Popup**/
.modal_wrap { background: #fff;height: calc(100vh - 15rem); max-width: 140rem;width: 95%;z-index: 9999;position: fixed;top: 50%;left: 50%;border-radius: 4rem;box-shadow: 4px 0 20px rgba(9,37,84, 0.45);opacity: 0;visibility: hidden;transition: .5s;transform: translate(-50%, -50%) scale(0.7);}
.modal_wrap.active {opacity: 1;visibility: visible;transform: translate(-50%, -50%) scale(1);}
.modal_wrap.modal_layer { z-index: 10010; }
.modal_overlay {background-color: rgba(0, 0, 0, .15);position: fixed;width: 100%;height: 100%;top: 0;left: 0;opacity: 0;transition: .5s;pointer-events: none; display: none;z-index: 9998;  }
.modal_overlay.active {display: block; opacity: 1;pointer-events: all;}
.modal_overlay_layer {background-color: rgba(0, 0, 0, .25);position: fixed;width: 100%;height: 100%;top: 0;left: 0;opacity: 0;transition: .5s;pointer-events: none; display: none;z-index: 10005;}
.modal_overlay_layer.active {display: block; opacity: 1;pointer-events: all;}  
.modal_wrap.wid50 {max-width: 50rem;width: 90%;}
.modal_wrap.wid_webtoon {max-width: 90rem;}
body.modal_open {overflow: hidden;}
.modal_wrap .modal_content {padding: 3rem 1rem 3rem 4rem;}
.modal_wrap.wid50 .modal_content {padding: 3rem 3rem;}
.modal_wrap .modal_content .modal_toptit {font-size: 3.2rem;color: #000;margin-bottom: 2rem;word-break: keep-all;}
.modal_wrap .modal_content .modal_toptit2 {font-size: 3.2rem;color: #000; border-bottom: 1px solid #000;padding-bottom: 1.5rem;word-break: keep-all;}
.modal_wrap .modal_content .historybtn {position: absolute;right: 8rem;top: 2.7rem;}
.modal_wrap .modal_content .historybtn2 {position: absolute;right: 19rem;top: 2rem;}
.modal_wrap .modal_content .modal_scroll {height: calc(100vh - 26rem);overflow-y: auto;overscroll-behavior: contain;padding:0 2rem 0rem 0;background: #fff;}
/* .modal_wrap .modal_content .modal_scrollalbum {height: calc(100vh - 26rem);overflow-y: auto;padding-right: 2rem;margin-top: 5rem;} */
/* 다이얼로그 링크, top 처리때문에 추가 start */
.modal_wrap .modal_content .topbtn {position: absolute;top: 2rem;right: 2rem;display: flex;gap: 0.8rem;align-items: center;}
/*.modal_wrap .modal_content .topbtn .modal_link_copy {width: 4.5rem;height: 4.5rem;border-radius: 100%;background: #053663;color: #fff;font-weight: 600;transition: .3s;font-size: 1.8rem;line-height: 1;}
.modal_wrap .modal_content .topbtn .modal_link_copy:hover {background: #002140;}*/
.cms_copy_toast {position: fixed;left: 50%;bottom: 5rem;transform: translateX(-50%);min-width: 24rem;text-align: center;white-space: pre-line;background: rgba(0,0,0,0.85);color: #fff;padding: 1.2rem 2.4rem;border-radius: 3rem;font-size: 1.5rem;z-index: 20000;opacity: 0;pointer-events: none;transition: opacity .3s;}
.cms_copy_toast.active {opacity: 1;}
/* 다이얼로그 링크, top 처리때문에 추가 end */
.modal_wrap .modal_content .topbtn .modal_close {width: 4.5rem;height: 4.5rem;border-radius: 100%;background: #053663;color: #fff;font-weight: 600;transition: .3s;}
.modal_wrap .modal_content .topbtn .modal_close:hover {background: #002140;}
.modal_wrap .modal_content .topbtn .bbs_modal_close {width: 4.5rem;height: 4.5rem;border-radius: 100%;background: #053663;color: #fff;font-weight: 600;transition: .3s;}
.modal_wrap .modal_content .topbtn .bbs_modal_close:hover {background: #002140;}
.modal_wrap .modal_content .topbtn .layer_modal_close {width: 4.5rem;height: 4.5rem;border-radius: 100%;background: #053663;color: #fff;font-weight: 600;transition: .3s;}
.modal_wrap .modal_content .topbtn .layer_modal_close:hover {background: #002140;}
/**BBS iframe Modal**/
.modal_wrap.bbs_modal_wrap .modal_content.modal_content_lg {/*padding: 3rem 1rem 1rem 1rem;*/}
.modal_wrap.bbs_modal_wrap .modal_iframe_wrap {height: calc(100vh - 22rem);overflow: hidden;padding: 0;}
.modal_wrap.bbs_modal_wrap .modal_iframe_wrap iframe {border: none;border-radius: 1rem;}
/*BackBTN*/
.modal_wrap .modal_content .backbtn {position: absolute;top: 2rem;right: 7rem;}
.modal_wrap .modal_content .backbtn .backlist {width: 4.5rem;height: 4.5rem;border-radius: 100%;background: #5b41bb;color: #fff;font-weight: 600;transition: .3s;}
.modal_wrap .modal_content .backbtn .backlist:hover {background: #2c1488;}
.modalani {position: relative;max-width: 800px;margin: 0 auto;}
.modalani .moviebox {position: relative;padding: 56.25% 0 0 0;overflow: hidden}
.modalani .animbox {position: relative;padding: 74.8% 0 0 0;overflow: hidden}
.modalani .moviebox .viedoplay, 
.modalani .animbox .viedoplay {position: absolute;top: 0;left: 0;width: 100%;height: 100%;border: 0; }
/*사진팝업*/
.popup_album { }
.popup_album .list_album {display: flex; flex-wrap: wrap;margin: 0 -10px; row-gap: 20px; }
.popup_album .list_album li {width: calc(100% / 4);padding: 0 10px;} 
.popup_album .list_album .thumbox {position: relative;}
.popup_album .list_album .photo {overflow: hidden;aspect-ratio: 4 / 3;position: relative;cursor: pointer;background: #E5E5E5;}  
.popup_album .list_album .photo img {object-fit: contain;width: 100%;height: 100%;/*z-index: -1;*/transition: .5s;} 
.popup_album .list_album .photo:hover>img {transform: scale(1.35);}
.popup_album .list_album .btns {position: absolute;bottom: 1rem;width: calc(100% - 0px);display: flex;justify-content: space-between;padding: 0 1rem;} 
.recommdata .tit02 {color: #cee2f5;font-weight: 300;padding-left: 5rem;position: relative;}
.recommdata .tit02::before {font-family: "remixicon";content: "\f568";position: absolute;top: 50%;left: 2.25rem;transform: translateY(-50%);}
.popup_album .list_album .desc {text-align: center;color: #000;margin: 1.5rem 1rem;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
/* .popup_scithum {margin-top: 5rem;} */
.thum_type.list4  {display: flex;flex-wrap: wrap;margin: 0 -10px; row-gap: 20px;}
.thum_type.list4 li {position: relative;width: calc(100% / 4);padding: 0 10px;} 
.thum_type.list4 li a {transition: .3s;border: 3px solid transparent;display: block;}
.thum_type.list4 li a:hover {border: 3px solid #044a8a;}
.thum_type.list1  {display: flex;justify-content: center;flex-wrap: wrap;flex-direction: column; }
.thum_type.list1 li {position: relative;margin-bottom: 2rem;} 
.thum_type .photo {overflow: hidden; position: relative;cursor: pointer;display: flex;align-items: center;justify-content: center;background: #E5E5E5;} 
.thum_type .photo>img {object-fit: cover;width: 100%;max-height: 100%;/*z-index: -1;*/transition: .5s;} 
.thum_type .btns {position: absolute;bottom: 1rem;width: 100%;padding: 0 .8rem; display: flex;justify-content: space-between;}
.thum_type .photo .icon {position: absolute;
top: 50%;left: 50%;transform: translate(-50%, -50%);background: rgba(0, 0, 0, 0.45);
width: 5.3rem;height: 5.3rem;border-radius: 100%;display: flex;align-items: center;justify-content: center;transition: .3s;z-index: 2;}
.thum_type .photo:hover .icon  {background: #08406c;}
.thum_type .desc {text-align: center;color: #000;margin: 1.5rem 1rem;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.thum_type.list2  {display: flex;gap: 20px;justify-content: space-between;flex-wrap: wrap; }
.thum_type.list2 li {position: relative;width: calc(100% / 2 - 20px);transition: .3s;border: 3px solid transparent;} 
.thum_type.list2 li:hover {border: 3px solid #044a8a;}
/*20260227*/
.photo_tab_wrap > .tab_content { display: none; }
.photo_tab_wrap > .tab_content.active { display: block; }
.photo_tab_wrap .list_album .photo > img {/*width: initial;*/max-height: 100%;max-width: 100%;}
.modal_wrap .modal_content .btnmove {position: absolute;bottom: 2rem;right: 2rem;}
.modal_wrap .modal_content .btnmove .modal_moveup {width: 4.3rem;border-radius: 2.2rem;background: #4e47a1;color: #fff; transition: .3s;font-size: 1.4rem;padding: 1rem 0;}
.modal_wrap .modal_content .btnmove .modal_moveup:hover {background: #1a136c;} 
.sub09_ctitle {width: 75%;word-break: keep-all; font-size: 1.8rem;margin-top: 2rem;}
.pvlabel {display: flex;flex-flow:row wrap;gap: 3rem;justify-content: space-between;}
.pvlabel .pv_box {width: calc(33.3333% - 3rem);height: 285px;display: flex;flex-flow: column;justify-content: center;align-items: center;cursor: pointer;border: 1px solid #dadada;border-radius: 2rem;padding: 2rem 4rem;
position: relative;text-align: center;}
.pvlabel_tit {font-size: 2rem;color: #000;margin-top: 3rem;}
.label_layer{display: none; position: absolute;border-radius: 2rem;padding: 1.5rem 2rem;background-color: #fff;box-shadow: 2px 5px 20px rgb(19, 15, 94, .45); width: 30rem; z-index: 999; left:70%}
.label_heading {width: 100%;text-align: left;font-size: 2.1rem;color: #000;}
.label_conts {width: 100%;margin-top: 1rem; background: #f1f3f7;padding:1.5rem 1.5rem;text-align: left;font-size: 1.8rem;color: #000;}
.label_layer#label_layer_2,.label_layer#label_layer_5{left:-35%;}  
.privacy_index ul {display: flex;flex-wrap: wrap;gap: 1rem 2rem;justify-content: space-between;}
.privacy_index ul li {position: relative;padding:1.25rem 2rem 1.25rem 5rem;width: calc(50% - 1rem);font-size: 1.8rem;background: #f1f3f7;border-radius: 1.5rem;transition: .3s;border: 1px solid transparent;}
.privacy_index ul li:hover {border: 1px solid #e0e0e0;background: #fff;}
.privacy_index ul li .labeling {position: absolute;left:1.5rem;top: 1.2rem;width: 25px;height: 25px;}
.privacy_index ul li:nth-child(2) {padding-left: 7.5rem;}
.privacy_index ul li:nth-child(2) .labeling {display: flex;left: 1.25rem; }
.privacy_index ul li a {display: block;}
.sect_prwrap {margin: 4rem 0; font-size: 1.9rem;}
.sect_prwrap p .sitemap_label {padding: 0;width: 40px;}
[id^='prvitem'] {margin-top: -13rem; padding-top:13rem}
.pvfocus {display:flex;flex-wrap:wrap; gap: 5px;}
.pvfocus a {width:calc(25% - 10px);position: relative;}
.pvfocus a > i {position: absolute;right: 1rem;top: 0;}
#labelwrap {display: block;}
.heading01 {font-size: 2.8rem;color: #000;font-weight: 600;} 
.heading01.blueround {color: #08235b;position: relative;padding-left: 3rem; }
.heading01.blueround::before {content: '';width: 2rem;height: 2rem;background: #fff;border: 1px solid #4e6189;position: absolute;top: 1rem;left: 0;border-radius: 100%; }
.heading01.blueround::after {content: '';width: 1.4rem;height: 1.4rem;background: #08235b;border: none;position: absolute;top: 1.3rem;left: .3rem;border-radius: 100%;}
/*bull type*/
.bul1 {display: flex;flex-direction: column;gap: .8rem;}
* + .bul1 {margin-top: 1.2rem;}
.bul1 > li {position: relative;padding-left: 1.4rem;}
.bul1 > li::before {display: block;content: "";width: .4rem;height: .4rem;background: #464646;position: absolute;left: 0;top: .8rem;border-radius: 100%;}
.bul1 > li > span.widtxt {width: 8rem;display: inline-block;} 
.bul2 {display: flex;flex-direction: column;gap: 0.8rem;}
* + .bul2 {margin-top: 1.2rem;}
.bul2 > li {position: relative;padding-left: 12px; }
.bul2 > li::before {display: block;content: "";width: 4px;height: 2px;background: #464646;position: absolute;left: 0;top: 12px;}
/* Number List */  
.number_list1 {counter-reset: number1;}
.number_list1> li {margin-top:14px; padding-left:30px; position:relative;}
.number_list1> li:before {content: counter(number1); counter-increment: number1 1; width:2.2rem; height: 2.2rem; background: #084990; color:#fff; font-weight: 500; font-size:1.4rem; display:inline-block; text-align:center; line-height:2.2rem; border-radius:50%; margin-right:.5rem; position:absolute; left:0; top:.25rem;}
.roundurl {height: 4.5rem;border-radius: 100%;border-radius: 2.25rem;background: #e7ebf0;padding: 0 1.5rem;border: 1px solid #c6cace;display:inline-block;vertical-align: middle;transition: .3s;color: #053663; }
.roundurl:hover {background: #fff;}

/*Animation*/
@keyframes slide-down {
  0% {opacity:0;transform:translateY(-80px);} 
  100% {opacity:1;transform:translateY(0);} 
} 
@keyframes slide-up {
  0% {opacity: 0;transform: translateY(30px);} 
  30% {opacity: 0;transform: translateY(30px);}    
}
@keyframes slide-up2 {
  0% {opacity: 0;transform: translateY(150);} 
  30% {opacity: 0;transform: translateY(150px);}
}
@keyframes updown {
  0% {transform: translate(-50%, -50%);top: 50%;left: 50%;}
  100% {transform: translate(-50%, -20%);top: 50%;left: 50%;}
}
/*Loading Animation*/
.obs-loading-mask {display: none;position: fixed;top: 0; left: 0; right: 0; bottom: 0;background: rgba(255, 255, 255, 0.55);z-index: 9999;}
.obs-loading-mask.is-show {display: block;}
.obs-loading-mask.obs-loading-mask--scope {position: absolute; border-radius: inherit; z-index: 1; background: rgba(255, 255, 255, 0.75);}
.obs-loading-mask.obs-loading-mask--scope .loadwrap {height: 100%; min-height: 240px;}
.loadwrap {height: 100vh;display: flex;align-items: center;justify-content: center;}
.loadwrap .loading  {width: 250px;height: 250px;border-radius: 50%;position: absolute;}
.loadwrap .loading .bar {position: absolute;width: 6px;height: 12px; background: #e8e8e8;left: 50%; transform: rotate(calc(6deg * var(--i)));transform-origin: 0 125px;z-index: 1;}
.loadwrap .loading .bar:after {content: " ";background: #e8e8e8;width: 6px;height: 12px;position: absolute;}
.loadwrap .loading .circle {position: relative}
.loadwrap .loading .circle .bar2 {position: absolute;width: 6px;height: 12px; background: transparent;left: 50%; transform: rotate(calc(6deg * var(--i)));transform-origin: 0 125px;animation: circle 1s linear infinite;animation-delay: calc(0.03s * var(--i));z-index: 1;}
.loadwrap .loading .circle .bar2:after {content: " ";background: transparent;width: 6px;height: 12px;position: absolute;}
@keyframes circle {
    0%,100% {opacity: 0;}
    10% {opacity: 1;background: #2b539f;}
    20% {opacity: 1;background: #2b539f;}
    30% {opacity: 1;background: #2b539f;}
    40% {opacity: 1;background: #54c0f1;}
    50% {opacity: 1;background: #54c0f1;}
    60% {opacity: 1;background: #54c0f1;}
}
.loadwrap .imgbox {position: relative;}
.loadwrap .imgbox p {text-align: center;font-size: 2rem;margin-top: 1rem;} 
.sprit_img {background-image: url(../images2025/common/sprit_icons.png);background-repeat: no-repeat;display: inline-block;}
.sprit_img.arrow {background-position: 0 0;width: 40px;height: 26px;}
.sprit_img.prevbl {background-position:-74px 0;width: 17px;height: 31px;}
.sprit_img.nextbl {background-position:-91px 0;width: 17px;height: 31px;}
/*20260224*/
.list_album .photo>img {width: initial;max-height: 100%;max-width: 100%;}

/******Respond******/
@media(max-width:1400px){ 
    .layout {padding: 0 2rem;}
    {padding: 0 2rem;}
    #footer .footerlink {padding: 0 5%;}
    #footer .copyright {padding: 3rem 5%;} 
    .subcontents {min-height: 100vh;height: 100%;}
} 
@media(max-width:1024px){ 
    .nav {display: none;} 
    .open_mnbbtn {display:flex; align-items:center; justify-content:center; width:40px; height:40px; border:0; background:url(../images2025/common/open_mnbbtn.png) no-repeat center center; background-size:28px 19px;}
    #mobile-wrap {display:block;} 
    #mobile-nav {position:fixed; top:0; right:-320px; width:100%; max-width:320px; height:100%; background:#ffffff; z-index:9999;opacity: 0;display: none;visibility: hidden;transition: .5s;}
    #mobile-nav.active {right: 0;display: block;opacity: 1;visibility: visible;}
    .mobiledim {display:none; position:fixed; top:0; left:0; right:0; bottom:0; width:100%; height:100%; background:rgba(0,0,0,0.60); z-index:9000;} 
    #mobile-nav .mnb_inner {height:100%; overflow-y:auto; overflow-x:hidden;}
    #mobile-nav .mnb_top {display:flex;justify-content:space-between;align-items: center; position:relative;border-bottom: 1px solid #e7e7e7;height: 10.6rem; }
    #mobile-nav .mnb_top .logo {margin-top: -5px;margin-left: 1.5rem;  width: 23.9rem;height: 3.5rem;background-image: url(../images2025/common/h1_logo.png);background-size:100% auto;background-repeat: no-repeat;background-position: center center;} 
    #mobile-nav .mnb_top .logo a {display: block;height: 100%; }
    #mobile-nav .close_mnbbtn {display:flex; align-items:center; justify-content:center; width:40px; height:40px; border:0; background:url(../images2025/common/close_mnbbtn.png) center center no-repeat; background-size:18px 18px;} 
    .mnb .mbmenu ul li {border-bottom: 1px solid #e7e7e7;}
    .mnb .mbmenu ul li a {padding: 1.5rem 0 1.5rem 2.5rem;font-size: 2.3rem;font-weight: 300;color: #010101;display: block;transition: 0.3s;}
    .mnb .mbmenu ul li a:hover {font-weight: 600;background: #f8f8f8;}  
    .utilmenu .btns {display: none;}
    .weather, .weather.on {display: none;}
    .utilmenu_mob {display: block;padding: 2.5rem 1rem 2.5rem 0;text-align: right;border-bottom: 1px solid #e7e7e7;}
    .utilmenu_mob .btlogin, .utilmenu_mob .btjoin {margin-right: 0;}
    .badge_ai::after {top: -1rem;left: 8rem;}
    #footer .footer_top {height: auto;}    
    #footer .footerlink {flex-direction: column;padding: 0;} 
    #footer .footerlink .link01 {order: 2;padding-left: 0rem;}
    #footer .footerlink .link01 ul {justify-content: center;gap: 1.5rem;}
    #footer .footerlink .link02 {order: 1; display: flex;justify-content: flex-end;border-bottom: 1px solid rgba(255, 255, 255, 0.3);padding-right: 2rem;}
    /*전체메뉴모드*/
    .totalmnwrap .mnmodebox .mnlist {flex-direction: column;}
    .totalmnwrap .mnmodebox .depth01 {width: 100%;border-right: 0px;padding: 0 0;border-bottom: 1px solid #ebebeb;} 
    .totalmnwrap .mnmodebox .depth01 .heading {height: auto;text-align: left;padding:1rem 0 1rem 5rem;}
    .totalmnwrap .mnmodebox .depth01 .heading {position: relative;display: block;}
    .totalmnwrap .mnmodebox .depth01 .heading::after {content: '\ea4e';font-family: 'remixicon';position: absolute;top: 8px;right: 2.5rem;font-size:2.5rem;}    
    .totalmnwrap .mnmodebox .depth02 {margin: 1rem 0; display: none;} 
    .totalmnwrap .mnmodebox .depth02.on {display: block;}
    .totalmnwrap .mnmodebox .depth02 > li > a {padding-left: 8rem;display: block;}
    .totalmnwrap .mnmodebox .depth02 > li > a:hover::before {left: 6rem;} 
    .totalmnwrap .mnmodebox .depth03 {display: none;}
    .totalmnwrap .mnmodebox .depth03.on {display: block;}
    .totalmnwrap .mnmodebox .depth03 > li a {padding: .25rem 0 0 10rem;}
    .totalmnwrap .mnmodebox .depth03 > li a::before {left: 9rem;}   
    .modal_wrap .modal_content .modal_toptit {margin-top: 4rem;font-size: 2.8rem;}
    .modal_wrap .modal_content .modal_toptit2 {font-size: 2.8rem;}
    .modal_wrap .modal_content .modal_scroll {height: calc(100vh - 33rem);}
    .popup_album .list_album li {width: calc(100% / 3);} 
    .popup_thum .control_btn>button {width: 5rem;height: 5rem;}
    .popup_thum .control_btn .prev_thum {left: .5rem;}
    .popup_thum .control_btn .next_thum {right: .5rem;} 
    .thum_type.list4 li {width: calc(100% / 3);} 
    
    a.gototop {display: none;}
} 
@media(max-width:768px){
  #footer .copyright .logo {display: none;}  
  .popup_album .list_album li {width: calc(100% / 2);} 
  .thum_type.list4 li {width: calc(100% / 2);} 
  .modal_wrap .modal_content .modal_scroll {height: calc(100vh - 36rem);}
}
@media(max-width:640px){
  .popup_album .list_album li {width: 100%;}
  .thum_type.list2  {flex-direction: column; }
  .thum_type.list2 li {width: 100%;}
}
@media(max-width:480px){
  .modecntl {margin-left: 0;}  
  .switch_mode {min-width: 5.2rem;}
  .open_mnbbtn {margin-left: .5rem;}
  #footer .btntopnav {display: none;}
  #footer .footerlink .link01 ul {flex-wrap: wrap;gap: 0.5rem;}
  #footer .footerlink .link01 ul li {line-height: 2rem;}
  #footer .footerlink .link01 ul li  a {display: inline-block;padding: 1rem 0;}
  #footer .footerlink .barogo {padding: 0 0;}   
  .thum_type.list4 li {width: 100%;} 
}