@charset "UTF-8";

/*subContents*/
#sub {word-break: keep-all;}
.subtopnav {position: relative;top: 10.6rem;width: 100%; background: transparent;height: 16rem; }
.subtopnav .subtit {padding-top: 5rem;max-width: 140rem;width: 100%; margin: 0 auto;position: relative;animation:slide-up 1s;color: #000;}
.subtopnav .subtit .htitle {font-size: 4.8rem;font-weight: 300; }
.subtopnav .subtit .htitle span {font-weight: 500;}
.subtopnav .subtit .ctitle  {font-weight: 300;color: #737373;font-size: 1.6rem;} 
.subtopnav.sub02 {background: #001d3b;height: 14rem; z-index: 100;display: none;}
.subtopnav.sub02 .htitle {color: #fff;}
.subtopnav.sub02 .ctitle {width: 53%;word-break: keep-all;color: #fff;font-size: 1.7rem;margin-top: 2.5rem;}
.subtopnav.sub04 {background-color: #0c9ac9;height: 29rem;}
.subtopnav.sub04 .htitle {color: #fff;}
.subtopnav.sub04 .ctitle {width: 53%;word-break: keep-all;color: #fff;font-size: 1.7rem;margin-top: 2.5rem;}
.subtopnav.sub04 .subtit::before {content: '';background: url(../images2025/sub/subbg_04be.png) no-repeat 100% 100%;position: absolute;right: 0;top: 6rem;width: 62.5rem;height: 32.6rem;}
.subtopnav.sub04 .subtit::after {content: '';background: url(../images2025/sub/subbg_04.png) no-repeat 100% 100%;position: absolute;right: 12rem;top:8.5rem;width: 37.6rem;height: 22.8rem;}
[class^="subbg0"] {position: absolute;top: 0;left: 0;bottom: 0;z-index: -1; width: 100%; height: 100%;background-size: cover;background-repeat: no-repeat;background-position: center;animation: subimg 2s ease-in-out;}
.subcontents .subbg01 {background-image: url(../images2025/sub/subbg_01.jpg);} 
.subcontents .subbg02 {background-image: url(../images2025/sub/subbg_02.jpg);} 
/*.subcontents .subbg03 {background-image: url(../images2025/sub/Untitled-2.gif);}  */
.subcontents .subbg03 video {position: absolute;left: 0;right: 0;bottom: 0;top: 0; width: 100%;height: 100%;object-fit: cover;}
.subcontents .subbg05 {background-image: url(../images2025/sub/subbg_05.jpg);} 
.subcontents .subbg06 {background-image: url(../images2025/sub/subbg_06.jpg);} 
.subcontents .subbg07 {background-color: #f1f3f7; background-image: url(../images2025/sub/bgjoin01.png);background-size: auto;background-position: top 18rem right;} 
.subcontents .subbg08 {background-color: #f1f3f7;}
.subcontents .subbg09 {background-color: #f1f3f7; background-image: url(../images2025/sub/subbg_09.png);background-size: auto;background-position: top 18rem right;} 
/*ICON*/
.roundmu {width: 4.5rem;height: 4.5rem;border-radius: 100%;background: #989898; display:inline-block;vertical-align: middle;transition: .3s; }
.roundmu:hover, .roundmu.active {background: #005372;}
.roundmu.mid {width: 3.7rem;height: 3.7rem;}
.roundmu.blue {background: #00294f;}
.roundmu.blue:hover, .roundmu.blue.active {background: #00172d;}
.roundmu.purple {background: rgba(59, 29, 87, .45);}
.roundmu.purple:hover, .roundmu.purple.active {background: rgba(59, 29, 87, .75);}
.roundmu.orange {background: #d97031;}
.roundmu.orange:hover, .roundmu.orange.active {background: #803f19;}
.roundmu.gray {background: #989898;}
.roundmu.gray:hover, .roundmu.gray.active {background: #7f7f7f;}
.roundmu i {display: block;margin: auto;}  
[class^="icon_"] {background-position: center center;background-repeat: no-repeat;background-size: 100% auto;} 
.icon_thumbig {width: 2.2rem;height: 2.3rem;background-image: url(../images2025/sub/icon_bigimg.png);}
.icon_album {width: 2rem;height: 2rem;background-image: url(../images2025/sub/icon_album.png);} 
/*.icon_yusa {width: 2.7rem;height: 2.7rem;background-image: url(../images2025/sub/icon_similar.png);} 
.icon_cart {width: 2.9rem;height: 2.5rem;background-image: url(../images2025/sub/icon_cart.png);} */
.icon_yusa {width: 2.1rem;height: 2rem;background-image: url(../images2025/sub/icon_similar2.png);} 
.icon_cart {width: 2.2rem;height: 1.9rem;background-image: url(../images2025/sub/icon_cart2.png);} 
.icon_remove  {width: 2.6rem;height: 1.9rem;background-image: url(../images2025/sub/icon_cartrem.png);}
.icon_disdown  {width: 2.7rem;height: 2.0rem;background-image: url(../images2025/sub/icon_cartdis.png);}
.icon_cartadd {width: 2.4rem;height: 2.6rem;background-image: url(../images2025/sub/icon_cartadd.png);} 
.roundmu.remove {background: #c79443}
.roundmu.disdown {background: #b7b7b7}
.roundmu.remove:hover {background: #c36408}
.roundmu.disdown:hover {background: #7f7f7f}
.icon_photo {width: 2.2rem;height: 1.9rem;background-image: url(../images2025/sub/icon_photo.png);} 
.icon_movie {width: 2.4rem;height: 1.6rem;background-image: url(../images2025/sub/icon_mov.png);} 
.popup_thum .control_btn i {display: block;margin: auto;} 
.icon_previmg {width: 2rem;height: 3.5rem;background-image: url(../images2025/sub/icon_previmg.png); } 
.icon_nextimg {width: 2rem;height: 3.5rem;background-image: url(../images2025/sub/icon_nextimg.png); } 
.expdig_list .cntl_expbtn i,
.expdig_list2 .cntl_expbtn2 i,
.expdig_list3 .cntl_expbtn3 i {display:block;display: flex;align-items: center;justify-content: center;margin: auto;}
.icon_uparr {width: 2.4rem;height: 1.4rem;background-image: url(../images2025/sub/btn_arrup.png);}
.icon_downarr {width: 2.5rem;height: 1.4rem;background-image: url(../images2025/sub/btn_arrdown.png);}
.icon_playarr {width: .9rem;height: 1.6rem;background-image: url(../images2025/sub/btn_arrplay.png);}
.icon_stoparr {width: 1.3rem;height: 1.2rem;background-image: url(../images2025/sub/btn_arrstop.png);} 
.viewall {height: 5.3rem;background: transparent;padding: 0 4rem;border: 2px solid #4876aa;font-size: 1.9rem;color: #fff;display: inline-block;line-height: 5.3rem;border-radius: 2.65rem;transition: .3s;}
.viewall:hover {border: 2px solid #fff;}
.viewall i {font-size: 2rem;}
/*BTN*/
[class^='btn'] {position: relative;display: inline-flex;justify-content:center;align-items: center;padding: 0 2.5rem;border-radius: 2.5rem;min-width: 10rem;height: 5rem;line-height: 5.3rem;color: #fff;font-size: 1.9rem;transition: .2s;}
.btn_blue {background: #0078cc;}
.btn_royalbl {background: #4b5dac;}
.btn_darkbl {background: #0e3d70;}
.btn_gray {background: #52759a;}
.btn_purple {background: #7d5de3;} 
.btn_alarm {background: #fb2f00;} 
.btn_green  {background: #4d951d;}
.btn_blue:hover {background: #0061a4;}
.btn_royalbl:hover {background: #2a3a82;}
.btn_darkbl:hover {background: #04274e;}
.btn_gray:hover {background: #3e6287;}
.btn_purple:hover {background: #4928b5;}
.btn_alarm:hover {background: #9d1d00;}
.btn_green:hover {background: #265e00;}
[class^='btn'].middle {position: relative;display: inline-flex;justify-content:center;align-items: center;padding: 0 2rem;border-radius:  2rem;min-width: 10rem;height: 4rem;line-height: 3.8rem;color: #fff;font-size: 1.5rem;transition: .2s;}
[class^='btn'].small {position: relative;display: inline-flex;justify-content:center;align-items: center;padding: 0 1rem;border-radius:  1.65rem;min-width: 10rem;height: 3.3rem;line-height: 3.1rem;color: #fff;font-size: 1.5rem;transition: .2s;}
[class^='btn'].tiny {position: relative;display: inline-flex;justify-content:center;align-items: center;padding: 0 1.2rem;border-radius:  .5rem;min-width: 10rem;height: 3.4rem;line-height: 3.2rem;color: #fff;font-size: 1.5rem;transition: .2s;}
[class^='btnline'] {position: relative;display: inline-flex;justify-content:center;align-items: center;padding: 0 1.2rem;border-radius:  .5rem;min-width: 10rem;height: 3.1rem;line-height: 3rem;color: #000;font-size: 1.5rem;border: 1px solid #5d5d5d; transition: .2s;background: #fff;}
[class^='btnline'] i {margin-left: .5rem;}
[class^='btnline']:hover {border: 1px solid #000;box-shadow: inset 0px 0px 0px 1px #000;}
.btnline_blue {background: #eff6ff;}
.btnline_blue:hover {background: #ffffff;}
[class^='btnmid'] {position: relative;display: inline-flex;justify-content:center;align-items: center;padding: 0 2rem;border-radius:  2rem;min-width: 10rem;height: 4rem;line-height: 3.8rem;color: #fff;font-size: 1.5rem;transition: .2s;} 
[class^='btnsm'] {position: relative;display: inline-flex;justify-content:center;align-items: center;padding: 0 1.2rem;border-radius:  .5rem;min-width: 10rem;height: 3.4rem;line-height: 3.2rem;color: #fff;font-size: 1.5rem;transition: .2s;}
.btnsm_blue {background: #4154b9;}
.btnsm_purple {background: #6756bd;}
.btnsm_blue:hover {background: #24389b;}
.btnsm_purple:hover {background: #4e3ea0;}
.list_back {position: relative;display: inline-flex;justify-content:center;align-items: center;padding: 0 1rem;border-radius: .5rem;min-width: 10rem;height: 3.4rem;line-height: 3.2rem; font-size: 1.5rem;color: #08235b;border: 1px solid #08235b;transition: .3s;}
.list_back i {margin-right: .5rem;font-size: 1.7rem;}
.list_back:hover {background: #08235b;color: #fff;}
.flex_rows {display: flex;justify-content: space-between; align-items: center;}
.flex_rows .infodesc button:nth-of-type(1) {margin-left: 1rem;} 
.flex_rows2 {display: flex;  justify-content: start;align-items: flex-start;} 
.boxshadow_desc {width: 50%;box-shadow: 0 1px 16px rgba(0, 0, 0, .2);background: #fff;padding:2rem 2rem;margin: 0 2rem;}
.thum_bdr>img {border: 1px solid #d9d9d9;} 
.boxshadow_desc.wid10 {width: 10%;}
/**TEXT*/
.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%;}
.heading02 {font-size: 2.4rem;color: #000;font-weight: 600;} 
.heading03 {font-size: 2rem;color: #000;font-weight: 600;} 
.fz18 {font-size: 1.8rem;font-weight: 500;}
.txt_privacy {font-size: 1.7rem;color: #000;}
.heading01_intro {font-size: 3.2rem;color: #000;font-weight: 500;} 
/*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;}
/* COLOR */
.col_yellow {color: #ffea00;}
.col_orange {color: #ff3000;} 
.col_blue {color: #164a82;} 
.bgcolor_blue {background: #39a6e2;}
.bgcolor_green {background: #00c59f;}
.bgcolor_ryblue {background: #4769f0;}
.bgcolor_evgreen {background: #8ada00;}
.bgcolor_darkblue {background: #0a418d;}
.bgcolor_gray {background: #c6cad7;} 
.bgcolor_lemon {background: #fffbf3 !important;}
.bgcolor_pastel {background: #f8fff1 !important;} 
.bgcolor_yellow {background: #ffffee;}
/*Sub01 독도알기*/
.aichatbot {position: absolute;right: 0;top: 0rem;display: flex;/*height: auto;max-height: 100vh;*/}
.aichatbot .heading {margin-top: 15rem;padding-right: 4rem;}
.aichatbot .ai_tit {color: #fff;font-size: 2.5rem;font-weight: 300;animation: slide-left 1s ease-in;}
.aichatbot .ai_tit span {display: block;}
.aichatbot .ai_tit strong {font-size: 3.2rem;color: #fff;font-weight: 600;}
.aichatbot .ai_icon {text-align: right;animation: slide-left 1s ease-in;}
.aichatbot .sectchat {height: 100vh;}
.aichatbot .sectchat .bgbluebox {padding: 2rem 2rem; background: #083b6a;border-radius: 3.5rem;width: 72.5rem;max-height: calc(100% - 25rem);}
.bgbluebox .message {height: 7rem;background: #fff;border-radius: 3.5rem;padding: 0 1.2rem 0 3rem;display: flex;justify-content: space-between;align-items: center;margin-bottom: 3rem;box-shadow: 0px 0px 20px rgba(12,0,36, .45);margin: 2rem 2rem;}
.bgbluebox .message .inputform {width: calc(100% - 5rem);}
.bgbluebox .message .inputform>input {width: 100%;border: none;height: 3.5rem;}
.bgbluebox .message .send {background: #0f9b00;width: 4.6rem;height: 4.6rem;border-radius: 100%;display: flex;align-items: center;justify-content: center;transition: .3s;}
.bgbluebox .message .send:hover {background: #0d8401;} 
.faqai.hide {display: none;} 
.faqai {margin: 0 auto;padding: 2rem 0rem; }
.faqai .faq_tit {color: #fff;font-size: 2.5rem; margin: 1rem 2.5rem;}
.faq_tabwrap {position: relative;display: flex;flex-direction: column;gap: 1rem; overflow: hidden;}
.faq_tabwrap .swiper {margin: 0 4.5rem;width: calc(100% - 9rem);overflow: hidden;} 
.faq_tabwrap .swiper >div>div {display: inline-flex;width: 33.333%;max-width: 100%;}
.faq_tabwrap .swiper >div>div>a {display: flex;position: relative;width: 100%;height: 5rem;flex-wrap: wrap;justify-content: center;align-items: center;min-width: 0;background: #134777;word-break: keep-all;padding: 2rem 2rem;text-align: center;color: #fff;font-size: 1.8rem;font-weight: 300; border-radius: 1.8rem;transition: .3s;} 
.faq_tabwrap .swiper >div>div>a:hover {background: #042a4e;}  
.faqai .ctrl_faq {position: static;}
.faqai .ctrl_faq > button {display: block;width: 3.8rem;height: 3.8rem;border-radius: 100%;color: #fff;  font-size: 2.5rem;font-weight: 100;transition: .2s;position: absolute;top: 50%;transform: translateY(-50%);}
.faqai .ctrl_faq > button:hover {background: #042a4e;}
.faqai .ctrl_faq > button.prev {left: 0;}
.faqai .ctrl_faq > button.next {right: 0;}
.talkwrap {display: none;}
.talkwrap.active {display: block;height: 100vh;}
.talkwrap .talkconts {height: calc(100% - 40rem); overflow-y: auto; }
.talkwrap .talkconts::-webkit-scrollbar {width: 8px;background-color: #06345d;}
.talkwrap .talkconts::-webkit-scrollbar-track	{background-color: #06345d;} 
.talkwrap .talkconts::-webkit-scrollbar-thumb {background-color: #255a8b;border-radius: 4px;} 
.talkwrap .talkconts .heading {font-size: 2.7rem;color: #fff;margin-top: 1rem;text-align: right;}
.talkwrap .talkconts .faqinfo {background: #afcde7;padding: 2.5rem 2.5rem;border-radius: 0 2.3rem 2.3rem 2.3rem;position: relative;margin: 1rem 1rem 3rem 2rem;} 
.talkwrap .talkconts .faqinfo::before {content: '';width: 0;height: 0;border-style: solid;border-width: 0 12px 24px 0;border-color: transparent #afcde7 transparent transparent;position: absolute;left: -12px;top: 0;}
.viewcenter {margin-top: 2rem;text-align: center;}
.viewcenter .moreview {width: 4rem;height: 4rem;border-radius: 100%;background: #7ca4c7;display: block;margin: 0 auto;color: #fff;font-size: 2.5rem;line-height: 4rem;}
.viewcenter .moreview:hover {background: #6e98bd;}
.recommdata { margin: 2.5rem -2.5rem -2.5rem -2.5rem; }
.recommdata .tit {width: 16rem;color: #fff;font-weight: 500;height: 4rem;border-radius: 1.8rem 1.8rem 0 0; background: #002343; display: flex;align-items: center;justify-content: center;margin: auto;}
.recom_more {position: relative;padding-right:1.8rem;}
.recom_more::after {display: block;font-family: "remixicon";content: "\ea4e";position: absolute;top: 50%;right: 0;transform: translateY(-50%) rotate(0);color: #fff;}
/*추천자료더보기*/
.recom_more.active::after {transform: translateY(-50%) rotate(180deg);}
.recommdata .databoxbg {background: #002343;border-radius: 0 0 2.3rem 2.3rem;display: none;opacity: 0;visibility: hidden;transition: .5s;}
.recommdata.active .databoxbg {display: block;opacity: 1;visibility: visible;width: 100% !important;}
.recommdata .datalist {padding-top: 1.5rem;margin-bottom: 1rem;}
.recommdata .datalist li a {border-bottom: 1px solid rgba(255,255,255, 0.15);display: flex;justify-content: space-between;align-items: center; padding: .5rem 2.25rem;} 
.recommdata .datalist li:hover {background: #062e53;}
.recommdata .datalist .icon {width: 3rem;}
.recommdata .datalist .subject {width: calc(100% - 6rem);color: #cee2f5;font-weight: 300;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.recommdata .datalist .roundbox {width: 2.5rem;height: 2.5rem;background: #003c62;border-radius: 100%;color: #fff;font-size: 1.5rem;text-align: center;line-height: 2.5rem;} 
.recommdata .thum_width {margin: 0 auto;padding: .5rem 0 2rem 0rem;}  
.recommdata .thumwrap {position: relative;display: flex;flex-direction: column;gap: 1rem; overflow: hidden;}
.recommdata .thumwrap .swiper {margin: 0 6.5rem;width: calc(100% - 13rem);overflow: hidden;}   
.recommdata .thumwrap .swiper >ul>li {display: inline-flex;width: 33.333%;max-width: 100%;}
.recommdata .thumwrap .swiper >ul>li a {display: flex;position: relative;width: 100%; flex-wrap: wrap;justify-content: center;align-items: center;min-width: 0; } 
.recommdata .thumwrap .ctrl_thum {position: static;  }
.recommdata .thumwrap .ctrl_thum > button {font-size: 2.5rem;color: #fff;width: 4rem;height: 4rem;border-radius: 50%;position: absolute;top: 50%;transform: translateY(-50%); transition: .2s;}
.recommdata .thumwrap .ctrl_thum > button:hover {background: #005e99;}
.recommdata .thumwrap .ctrl_thum .prev {left: 1rem;}
.recommdata .thumwrap .ctrl_thum .next {right: 1rem;}
.recommdata .thumwrap .photo {display: block;}
.recommdata .thumwrap .photo>img {width: 100%;height: auto;border: 2px solid transparent;transition: .3s;}
.recommdata .thumwrap .swiper >ul>li a:hover .photo>img {border: 2px solid #fff;}  
.recommdata .thumwrap .icon {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);background: rgba(0,0,0, 0.15);width: 4.5rem;height: 4.5rem;border-radius: 100%;display: flex;align-items: center;justify-content: center;}  
.recommdata .btnwrap {margin: 2rem 0 0 0rem;display: flex;padding-bottom: 3rem;}
.recommdata .btnwrap a {display: inline-block;height: 4rem;color: #fff;font-size: 1.7rem;font-weight: 300;background: #0068a9;margin-right: 5px;border-radius: 2rem;padding: 0 1.5rem;line-height: 4rem;transition: .2s;}
.recommdata .btnwrap a:hover {background: #00568c;}
.open_nuri {display: flex;gap: 6px;margin-bottom: .7rem;}
.open_nuri .imgbox {width: 8.3rem;height: 3rem;}
.open_nuri .desc {position: relative;}
.open_nuri .desc .btn_view {background: #204883;color: #fff;font-weight: 300;height: 3rem;border-radius: 3px;font-size: 1.6rem;padding: 0 1.5rem;display: inline-block;line-height: 3rem;position: relative;z-index: 11;}
.open_nuri .desc .btn_view:after {content: '';width: 0;height: 0;border-style: solid;border-width: 1.5rem 0 1.5rem 1.5rem;border-color: transparent transparent transparent #204883;position: absolute;right: -1.3rem;top: 0;}
.open_nuri .desc .boxinfo {border: 1px solid #d6d6d6;border-radius: 1rem;background: #fff;padding: 2rem 2rem;width: 26rem;position: absolute;left: 8.2rem;top: 0;z-index: 10;opacity: 0;visibility: hidden;transition: .3s;}
.open_nuri .desc:hover .boxinfo {opacity: 1;visibility: visible;}
.open_nuri .desc .boxinfo dt {color:#000000;font-size: 1.7rem;}
.open_nuri .desc .boxinfo dd {color:#606060;margin-top: 1rem;}
.popup_thum {position: relative;background: #E5E5E5; }
.popup_thum .imgbox {text-align: center;max-height: 64rem;overflow: hidden; }
/*.popup_thum .imgbox img {object-fit: contain;width: 100%;height: auto; }*/ 
.popup_thum .imgbox img {width: initial;}    
.popup_thum .control_btn {position: static; }
.popup_thum .control_btn>button {width: 6.8rem;height: 6.8rem;border-radius: 100%;background: rgba(0, 0, 0, 0.4);transition: .3s;display: block;}
.popup_thum .control_btn>button:hover {background: rgba(8, 20, 49, 0.7);}
.popup_thum .control_btn>button.disabled {opacity: .4;pointer-events: none;cursor: default;}
.popup_thum .control_btn .prev_thum {position: absolute; left: 1rem;top: 50%;transform: translateY(-50%);}
.popup_thum .control_btn .next_thum {position: absolute;right: 1rem;top: 50%;transform: translateY(-50%);}
/* 이전/다음 게시물이 없을 때 (disabled) 비활성 표시 */
.popup_thum .control_btn .prev_thum.disabled,
.popup_thum .control_btn .next_thum.disabled {opacity: .3; cursor: default;}
.popup_thum .mypages {position: absolute;left: 3rem;bottom: 1rem; }
.popup_thum .usawrap {position: absolute;bottom: 0rem;left: 0;right: 0;width: 100%;height: 20rem; background: rgb(7, 14, 40, .9); }
.usaimg {display: flex;justify-content: space-between;}
.usaimg .title {width: 17rem;color: #fff;font-size: 1.9rem; padding: 7rem 0 0 0;text-align: center;}
.usaimg .imglist {padding: 3rem 0;width: calc(100% - 22rem);}
.usaimg .imglist ul {display: flex;gap: 10px;}
.usaimg .imglist .photo {height: 11rem;width: 16rem;}
.usaimg .imglist .photo>img {object-fit: cover;height: 100%;width: 100%;}
.usaimg .imglist .cartbox {display: flex;justify-content: flex-end; padding-top: .5rem; }
.cartadd, .cartdelete {color: #fff;width: 3.5rem;height: 3.5rem;border-radius: 100%;display: inline-block;display: flex;justify-content: center;align-items: center;}
.cartadd i, .cartdelete i {font-size: 2rem;}
.usaimg .close {width: 5rem;color: #fff;font-size: 1.9rem;padding: 2rem 2rem 0 0;}
.cartadd {background: #04254b;border: 1px solid #344b66;}
.cartdelete {background-color: #c79443;border: 1px solid #c79443;}
/*Sub02 디지털체험*/
.experience {display: flex;justify-content: space-between;height: 100%;}
.experience .tit_area {padding: 0 10rem; text-align: center; transform: translateY(25%);}
.experience .tit_area .htitle {color: #fff;font-size: 4rem;font-weight: 100;animation:slide-up 1s; }
.experience .tit_area .htitle span {font-weight: 500;}
.experience .tit_area .ctitle {color: #6f829c;font-size: 1.6rem;margin-top: 5rem;animation:slide-up 1s;}
.experience .tit_area .btns {margin-top: 8rem;animation:slide-up 1s;}
.experience .left_aside {width: 34rem;margin-right: 3rem; margin-top: 10rem;  }
.experience .right_aside {width: 34rem;margin-top: 10rem;}
[class^="expdig_list"] {width: 100%;height: 100vh;position: relative;overflow: hidden;min-height: 90rem;}
[class^="expdig_list"] .swiper-wrapper {-webkit-transition-timing-function: linear !important;transition-timing-function: linear !important;}
[class^="expdig_list"] .swiper-slide {position: relative;min-height: 38rem;}
[class^="expdig_list"] .exper_items a{width: 34rem;height: 38rem;border-radius: 3.4rem; position: relative;z-index: 1;display: block;overflow: hidden;}
[class^="expdig_list"] .exper_items a::before {content: '';background:linear-gradient(#1189c7 50%, rgba(255,255,255, 0.15) 80%);width: 0%;height: -100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%); z-index: 1;transition: .5s;border-radius: 3.4rem;overflow: hidden;backdrop-filter: blur(5px)} 
[class^="expdig_list"] .exper_items a .title {font-size: 3rem;color: #000;position: absolute;top: 25%;left: 50%;transform: translate(-50%, -25%);text-align: center;width: 100%;transition: .5s;} 
[class^="expdig_list"] .exper_items a .title span {display: block;color: #949494;font-size: 1.5rem;}
[class^="expdig_list"] .exper_items a .imgbox {position: absolute;top: 0;left: 0;width: 100%;/*opacity: 0;display: none;*/z-index: -1;transition: .5s;border-radius: 3.4rem; } 
[class^="expdig_list"] .exper_items a .imgbox>img {overflow: hidden;}
[class^="expdig_list"] .exper_items a .btns {position: absolute;bottom:1rem;right: -1rem;transition: .5s; opacity: 0;display: none;}
[class^="expdig_list"] .exper_items a .btnview {background: #001934;height: 4rem;color: #fff;border-radius: 2rem;font-size: 1.5rem;padding: 0 .5rem;}
[class^="expdig_list"] .exper_items a:hover::before {width: 100%;height: 100%;display: block;z-index: 1;}  
[class^="expdig_list"] .exper_items a:hover .title {transform: translate(-50%, -80%); color: #fff;z-index: 2; }
[class^="expdig_list"] .exper_items a:hover .title span {color: #98c6de;} 
[class^="expdig_list"] .exper_items a:hover .imgbox {opacity: 1;display: block;} 
[class^="expdig_list"] .exper_items a:hover .btns {opacity: 1;display: block;z-index: 10;}
/*슬라이드 Controls*/
.expdig_list .cntl_expbtn, 
.expdig_list2 .cntl_expbtn2,
.expdig_list3 .cntl_expbtn3 {position: absolute;bottom: 0;left: 0;width: 100%;z-index: 1000;height: 7.6rem;border-radius: 3.5rem 3.5rem 0 0;background: rgb(0, 30, 60, .85);display: flex;justify-content: center;align-items: center;gap: 10px;box-shadow: inset 0 6px 6px rgb(255, 255, 255, .1);}
.expdig_list .cntl_expbtn > button,
.expdig_list2 .cntl_expbtn2 > button,
.expdig_list3 .cntl_expbtn3 > button {color: #fff; width: 4.7rem;height: 4.7rem;border: 1px solid transparent;border-radius: 100%;transition: .3s;background: transparent;}
.expdig_list .cntl_expbtn > button:hover, 
.expdig_list2 .cntl_expbtn2 > button:hover,
.expdig_list3 .cntl_expbtn3 > button:hover {background: #021f3d;}
.expdig_list .cntl_expbtn .play_slider,
.expdig_list2 .cntl_expbtn2 .play_slider2, 
.expdig_list3 .cntl_expbtn3 .play_slider3,
.expdig_list .cntl_expbtn .stop_slider,
.expdig_list2 .cntl_expbtn2 .stop_slider2,
.expdig_list3 .cntl_expbtn3 .stop_slider3 {border: 1px solid rgb(255, 255, 255, .3);display: none; } 
.expdig_list .cntl_expbtn .play_slider:hover, 
.expdig_list2 .cntl_expbtn2 .play_slider2:hover,
.expdig_list3 .cntl_expbtn3 .play_slider3:hover,
.expdig_list .cntl_expbtn .stop_slider:hover,
.expdig_list2 .cntl_expbtn2 .stop_slider2:hover,
.expdig_list3 .cntl_expbtn3 .stop_slider3:hover{border: 1px solid #194772;background: rgb(0, 0, 0, .3);} 
.expdig_list .cntl_expbtn .play_slider.on,
.expdig_list2 .cntl_expbtn2 .play_slider2.on,
.expdig_list3 .cntl_expbtn3 .play_slider3.on,
.expdig_list .cntl_expbtn .stop_slider.on,
.expdig_list2 .cntl_expbtn2 .stop_slider2.on,
.expdig_list3 .cntl_expbtn3 .stop_slider3.on {display:  block;}
.expdig_thum {display: flex;gap: 15px; }
.expdig_thum .heading {width: 20%;text-align: right;color: #000;font-size: 2.1rem;font-weight: 600;word-break: keep-all;}
.expdig_thum .items {position: relative;width: calc(100% / 5 - 15px);margin-bottom: 3.5rem;}
.flex_digital {display: flex; }
.flex_digital>div {width: 40%;}
.expdig_thum2 {display: flex;gap: 15px; }
.expdig_thum2 .heading {width: 50%;text-align: right;color: #000;font-size: 2.1rem;font-weight: 600;word-break: keep-all;}
.expdig_thum2 .items   {position: relative;width: calc(100% / 2 - 15px);margin-bottom: 3.5rem;}
.thum_exphoto {overflow: hidden; position: relative;cursor: pointer;display: flex;align-items: center;justify-content: center; }
.thum_exphoto::before {content: '';  background: #fff;position: absolute;z-index: -1;width: 100%;height: 100%;  }
.thum_exphoto::after {content: '';  background: rgba(0, 24, 51, .6);position: absolute;z-index: 1;width: 100%;height: 0;transition: .3s;top: 0;left: 0; }
.thum_exphoto:hover::after {width: 100%;height: 100%; }  
.thum_exphoto>img {object-fit: cover;width: 100%; max-width: 100%;max-height: 100%;/*z-index: -1;*/transition: .5s;} 
.expdig_thum .btns {position: absolute;bottom: 1rem;width: 100%;padding: 0 .8rem; display: flex;justify-content: space-between;}
.thum_exphoto .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_exphoto:hover .icon  {background: #08406c;}
.expdig_thum .desc, .expdig_thum2 .desc {text-align: center;color: #7f7f7f;margin-top: 1.5rem;}
.mob_digital {display: none;}
/*Sub03 과학데이터*/
.sciwrap {padding: 15rem 0; height: 100%;}
.sciwrap .data_list {display: flex;justify-content: space-between;gap: 16px; }
.sciwrap .data_list li {position: relative;flex: 1;cursor: pointer;transition: .5s;}
.card_datas {background: rgba(255,255,255,.3);backdrop-filter: blur(10px);border: 1px solid #fff;border-radius: 3rem; min-height: 45.6rem;height: auto; display: flex;flex-direction: column;align-items: center;justify-content: center; }
.card_datas .front .icon {height: 10rem;text-align: center;} 
.card_datas .front .subject {margin-top: 6rem;}
.card_datas .front .subject .title {font-size: 2.7rem;color: #000;}
.card_datas .front .subject .desc {display: none;color: #737373;font-weight: 300;}
.card_datas .back {opacity: 0;display: none;visibility: hidden;transition: 2s;}
.card_datas .back .iconbox {height: 15rem;position: relative;text-align: center;} 
.card_datas .back .iconbox::after {content: '';width: 25.9rem;height: 13.5rem;background-image: url(../images2025/sub/cardbg_sci.png);background-position: 0 0;background-repeat: no-repeat;background-size: 100% auto; position: absolute;top: 0;left: 50%;transform: translateX(-50%); }
.card_datas .back dl {padding: 0 2rem;word-break: keep-all;text-align: center;}
.card_datas .back dt {font-size: 2.7rem;color: #000;margin-top: 2rem; }
.card_datas .back dd {color: #737373;font-weight: 300;margin-top: 2rem;  }
/* .card_datas .back .btmbox {position: absolute;bottom: -6.5rem;left:50%;transform: translateX(-50%);display: none;opacity: 0; transition: .3s; }
.card_datas .back .btmbox > span {width: 13rem;height: 13rem;background: rgb(67, 161, 5, .8);border-radius: 100%;text-align: center;color: #fff;font-size: 1.8rem;font-weight: 500;}
.card_datas .back .btmbox .btnview {display: flex;flex-direction: column;justify-content: center;align-items: center;}
.card_datas .back .btmbox .btnview i {display: block;transform: translate(1.8rem, -.5rem);transition: .3s;}
.card_datas .back .btmbox .btnview:hover i {transform: translate(2.8rem, -.5rem);} */
.sciwrap .data_list:hover li {flex: 1;}
.sciwrap .data_list li:hover {flex: 2;} 
.sciwrap .data_list li:hover .card_datas {background: #fff;box-shadow: 0 0px 20px rgba(15, 20, 127, 0.4);}
.sciwrap .data_list li:hover .card_datas .front {opacity: 0;display: none;}
.sciwrap .data_list li:hover .card_datas .back {opacity: 1;display: block;visibility: visible;} 
/* .sciwrap .data_list li:hover .card_datas .back .btmbox 
{opacity: 1;display: block;visibility: visible;} */
.sci_cursor {position: fixed;top: 0; left: 0; transform: translate(-50%, -50%);pointer-events: none;opacity: 0;transition: opacity .2s ease;z-index: 9999;}
.sci_cursor > span {width: 13rem;height: 13rem;background: rgb(67, 161, 5, .8);border-radius: 100%;text-align: center;color: #fff;font-size: 1.8rem;font-weight: 500;}
.sci_cursor .btnview {display: flex;flex-direction: column;justify-content: center;align-items: center;}
.sci_cursor .btnview i {display: block;transform: translate(1.8rem, -.5rem);transition: .3s;}
.sci_cursor.active {opacity: 1;}
/*Sub04 누구나활용*/
.subutils {padding: 15rem 0 1rem 0;}
.subutils .maindata_btns {margin-top: 2rem;}
.subutils .maindata_btns a {margin-bottom: 1rem;}
.requestdata {display: flex;justify-content: space-between;margin-top: 4rem;}
.requestdata>div {flex: 1;}
.requestdata .right_sect {display: flex;}  
.utils_btn {display: inline-flex;background: #1b4d92;color: #fff; transition: .3s;position: relative;z-index: 1;overflow: hidden;height: 7rem;border-radius: 2rem;padding: 0 3rem;font-size: 1.85rem;font-weight: 500;line-height: 7rem;} 
.utils_btn.purple {background: #7161b7;} 
.utils_btn.skyblue {background: #009bbc;} 
.utils_btn i {display: inline-block;margin-left: 1rem;transition: .2s;}
.utils_btn:before{content:'';position:absolute;left:-160%;top:0;width:150%;height:100%;background:rgb(0, 0, 0, .25);transform:skew(140deg);transition:all .5s;z-index:-1}
.utils_btn:hover:before,
.utils_btn:focus:before{left:-10%}
.utils_btn:hover i {transform: translateX(1rem);}
.utils_btn:hover i.ri-download-fill {transform: translateY(1rem);} 
.piebox {padding: 0 6rem;animation: slide-left 1s ease-in-out;}
.barchart {padding:3rem 0 0rem 0;animation: slide-right 1s ease-in-out;}
.barchart .barbox {display: flex;margin-bottom: .5rem;}
.barchart .barbox .icon {width: 3.4rem;height: 3.4rem;border-radius: 100%;display: flex;justify-content: center;align-items: center;z-index: 1;}
.barchart .barbox .icon> i {display: block;background-repeat: no-repeat;background-position: center center;}
.gr_icon01 {background-image: url(../images2025/sub/icon_graph01.png);width: 1.8rem;height: 1.1rem;}
.gr_icon02 {background-image: url(../images2025/sub/icon_graph02.png);width: 1.6rem;height: 1rem;}
.gr_icon03 {background-image: url(../images2025/sub/icon_graph03.png);width: 1.8rem;height: 1.6rem;}
.gr_icon04 {background-image: url(../images2025/sub/icon_graph04.png);width: 1.4rem;height: 1.4rem;}
.gr_icon05 {background-image: url(../images2025/sub/icon_graph05.png);width: 2rem;height: 1.4rem;}
.gr_icon06 {background-image: url(../images2025/sub/icon_graph06.png);width: 1.2rem;height: 1.2rem;}
.bar_item {width: 24rem;}
.bar_item p {color: #000;font-size: 1.5rem;font-weight: 500;padding-left: 1rem;}
.bar_item .progress{height: 1rem;width: 21.4rem;background: #eff2f2;border-radius: .4rem;padding: .2rem 0;margin-left: -1rem;z-index: -1;}
.bar_item .progress .level {height: .6rem; border-radius: .3rem; animation: bar_ani 1s;animation-fill-mode: both; }
@keyframes bar_ani {0% {width: 0;}} 
.barchart .barbox:nth-of-type(1) .level {animation-delay: 0s;}
.barchart .barbox:nth-of-type(2) .level {animation-delay: .2s;}
.barchart .barbox:nth-of-type(3) .level {animation-delay: .4s;}
.barchart .barbox:nth-of-type(4) .level {animation-delay: .6s;}
.barchart .barbox:nth-of-type(5) .level {animation-delay: .8s;}
.barchart .barbox:nth-of-type(6) .level {animation-delay: 1s;}
/*Sub05 menu*/ 
.mnmode {padding-top: 10rem;}
.mnmode.web {display: block;}
.mnmode.mobile {display: none;}
.mnmode .menubox {max-width: 140rem;width: 100%; margin: 0 auto; position: relative; }
.mnmode .menubox .mnlist25 {display: flex;justify-content: space-between;gap: 2rem;}
.mnmode .menubox .depth01 {margin: 0 auto;flex: 1;padding: 3rem 0;}  
.mnmode .menubox .depth01 .heading {font-size: 2.4rem;font-weight: 600;color: #010101; height: 9.5rem;display: block;position: relative;padding-left: 3rem;}
.mnmode .menubox .depth01 .heading::before {content: ''; top: .7rem;left: 0;position: absolute;background-repeat: no-repeat;background-position: 0 0; width: 4rem;height: 3rem;}
.mnmode .menubox .depth01 .heading.icon01::before {background-image:url(../images2025/sub/icon_menu01.png);}
.mnmode .menubox .depth01 .heading.icon02::before {background-image:url(../images2025/sub/icon_menu02.png);}
.mnmode .menubox .depth01 .heading.icon03::before {background-image:url(../images2025/sub/icon_menu03.png);}
.mnmode .menubox .depth01 .heading.icon04::before {background-image:url(../images2025/sub/icon_menu04.png);}
.mnmode .menubox .depth01 .heading.icon05::before {background-image:url(../images2025/sub/icon_menu05.png);}
.mnmode .menubox .depth01 .heading.icon06::before {background-image:url(../images2025/sub/icon_menu06.png);}
.mnmode .menubox .depth01 .heading.icon07::before {background-image:url(../images2025/sub/icon_menu07.png);}
.mnmode .menubox .depth02 {background: #fff;border-radius: 1rem;/*height: calc(100% - 10rem);*/min-height: 50rem; display: flex;flex-direction: column;padding: 1.5rem 0;}
.mnmode .menubox .depth02 > li {padding: .5rem 0 .5rem 0;} 
.mnmode .menubox .depth02 > li > a {padding-left: 2rem;font-size: 1.8rem;font-weight: 500;color: #010101;letter-spacing: -1px;transition: .3s;position: relative;}
.mnmode .menubox .depth02 > li > a:hover {color: #000;font-weight: 600;}
.mnmode .menubox .depth02 > li > a:hover::before {content: '\EB7A';font-family: 'remixicon';position: absolute;top: 2px;left: .5rem;font-size: 1.2rem;}
.mnmode .menubox .depth03 {margin: 1rem 0 1rem 0rem;} 
.mnmode .menubox .depth03 > li {padding: .2rem 0 0 -2rem;}
.mnmode .menubox .depth03 > li a {font-weight: normal;color: #414141;padding: .25rem 1rem 0 3.5rem;position: relative;transition: .3s;display: block;word-break: keep-all;}
.mnmode .menubox .depth03 > li a::before{content: '';width: 4px;height: 1px;background-color: #414141;position: absolute;top: 12px;left: 2.5rem;}
.mnmode .menubox .depth03 > li a:hover {background-color: #f4f4f4;color: #000;} 
.mnmode .menubox .mnclose {position: absolute;right: 3rem;bottom: 5rem;}
.mnmode .menubox .mnclose .closemn {width: 4.5rem;height: 4.5rem;border-radius: 100%;background: #053663;color: #fff;font-weight: 600;transition: .3s;}
.mnmode .menubox .mnclose .closemn:hover {background: #002140;}
/*TAB*/
.tab_content.active {display: block;}
.tab_content {display: none;}
.tab_btns.brdblue  > button {margin:0;}
.tabdepth1 {height: 6rem;color: #000;padding: 0 4rem;font-size: 2.1rem;font-weight: 600;border: 1px solid #d4d4d4;border-radius: .9rem;}
.tabdepth1.active {background: #08235b;color: #fff;}
/*.tabdepth1:nth-of-type(1) {border-radius: .9rem 0 0 .9rem;border-right: none;}
.tabdepth1:nth-of-type(2) {border-radius: 0rem 0 0 0rem;}
.tabdepth1:last-child {border-radius: 0 .9rem .9rem 0;}*/
.tabdepth2 {height: 5rem;background: #eef0f5;color: #000;padding: 0 4rem;font-size: 1.8rem;font-weight: 500;border:2px solid transparent;transition: all .3s;}
.tabdepth2.active, .tabdepth2:hover {background: #fff; border: 2px solid #092d77;color: #000;font-size: 2rem;font-weight: 600;} 
.boxbrdline {border: 1px solid #dadada;border-radius: 1.4rem;padding: 2rem 2rem;margin-top: 1rem;}
.boxbglue {background: #f4f8fc; border: 1px solid #dadada;border-radius: 1.4rem;padding: 2rem 2rem;margin-top: 1rem;}
.infotxtbox {margin: 3rem 0;position: relative;padding-left: 14rem;min-height: 8rem;}
.infotxtbox::before {content: '';background: url(../images2025/sub/icon_api.png) no-repeat top left;position: absolute;top: 0;left: 0;width: 9.9rem;height: 7.8rem;background-size: 100% auto;}
.resultbox {margin: 3rem 0;position: relative;padding-left: 20%;min-height: 8rem; }
.resultbox::before {content: '';background: url(../images2025/sub/icon_docu.png) no-repeat top left;position: absolute;top: 0;left: 3rem;width: 6.3rem;height: 5.8rem;background-size: 100% auto;}
.infotxtbox2 {position: relative;padding-left: 7rem;min-height: 8rem;}
.infotxtbox2::before {content: '';background: url(../images2025/sub/icon_text.png) no-repeat top left;position: absolute;top: .5rem;left: 0;width: 4.4rem;height: 3.6rem;background-size: 100% auto;}
.subutils2 {padding: 15rem 0;}
.boardinfo2 {display: flex;align-items: center;justify-content: space-between;}
.searchbbs {display: flex;gap: 5px;}
.searchbbs span {display: inline-block;}
.searchbbs .form_input > input[type=text]{border: 1px solid #d4d4d4;height:34px;border-radius: 3px;width:100%;display: inline-block;}
.searchbbs .sch_rnd  {background: #0f9b00;width: 34px;height:34px;border-radius: 100%;display: flex;align-items: center;justify-content: center;transition: .3s;color: #fff; }
.searchbbs .sch_rnd:hover {background: #0d8401;} 
.searchbbs span.wid150 {width: 150px;}
/*사진보관함 추가*/
.arch_wrap {display: flex;justify-content: space-between;}
.arch_wrap .cart_list {width: calc(70% - 3.5rem);}
.arch_wrap .cart_info {width: 30%}
.archive_list {border-top: 1px solid #424242}
.archive_list li {display: flex;padding: 1.8rem 1.8rem;border-bottom: 1px solid #dfdfdf} 
.archive_list li .fltchk {width: 4.5rem}
.archive_list li .photo {width: 27rem;margin-right: 3rem;background: #E5E5E5;overflow: hidden;aspect-ratio: 4 / 3; cursor: pointer;}  
.archive_list li .photo img {object-fit: contain;width: 100%;height: 100%;transition: .5s;}
.archive_list li .photo:hover>img {transform: scale(1.35);}
.chk_cart input[type=checkbox] {display: none}
.chk_cart label {display: inline-block;cursor: pointer;font-size: 0;vertical-align: middle}
.chk_cart label:before {content: '\eb7b';font-family: 'remixicon';border: 2px solid #1f1f1f;width: 18px;
height: 18px;font-size: 17px;vertical-align: middle;display: inline-block;text-align: center;line-height: 15px;color: transparent;transition: .2s}
.chk_cart input[type=checkbox]:checked+label:before {background-color: #07386f;color: #fff;border-color: transparent}
.chk_cart input[type=checkbox]+label:active:before {transform: scale(0)}
.archive_list .no_data {text-align: center;color: #000;font-size: 1.8rem;padding: 5rem 0;vertical-align: middle;width: 100%;}
.archive_list .icon_data {position: relative;display: inline-block;vertical-align: middle;margin-right: 100px}
.archive_list .icon_data::before {content: '';background: url(../images2025/sub/icon_nodata.png) top left no-repeat;position: absolute;top: -36px;left: 0;width: 72px;height: 72px}
.downinfo {border: 2px solid #eaeaea;padding: 1.5rem .85rem}
.downinfo .title {font-size:2rem;color: #000;text-align: center}
.downinfo .textbox {background: #f7f7f7;color: #000;padding: 2rem 2rem;margin: 1rem 0}
.downinfo .textbox p {position: relative;padding: 0rem 0 0 6.5rem;font-size: 1.8rem;}
.downinfo .textbox p::before {content: '';background: url(../images2025/sub/icon_mobile.png) no-repeat top left;
position: absolute;top: 0;left: 0;width: 41px;height: 65px}
.downinfo .textbox p.icon_down::before {content: '';background: url(../images2025/sub/icon_download.png) no-repeat top left;position: absolute;top: .5rem;left: 0;width: 46px;height: 46px}
.downinfo .textbox span {display: block;font-size: 1.95rem; }
.acrh_login {border: 1px solid #e5e7e7;padding: 2rem 2rem;margin-top: 2.5rem}
.acrh_login .title {font-size: 2rem;color: #000;text-align: center}
.acrh_login ul {margin: 1rem 0}
.acrh_login li {position: relative;padding: 0 0 0 1rem; }
.acrh_login li::before {content: '';width: 4px;height: 1px;background: #000;position: absolute;top: .8rem;left: 0}
.boxline {display: flex;padding: 3rem 3rem;border: 1px solid #dadada;border-radius: 1.5rem;justify-content: space-around;margin-top: 1rem;}
.mainexp_thum {display: flex;gap: 15px; }
.mainexp_thum .heading {width: 20%;text-align: right;color: #000;font-size: 2.1rem;font-weight: 600;word-break: keep-all;}
.mainexp_thum .list {width: 80%; margin-bottom: 3.5rem;display: flex;gap: 15px;flex-wrap: wrap;}
.mainexp_thum .list>div {width: calc(25% - 15px);text-align: center;}
.thum_mainimg {overflow: hidden; position: relative;cursor: pointer;}
.thum_mainimg::before {content: '';  background: #fff;position: absolute;z-index: -1;width: 100%;height: 100%;  }
.thum_mainimg::after {content: '';  background: rgba(0, 24, 51, .6);position: absolute;z-index: 1;width: 100%;height: 0;transition: .3s;top: 0;left: 0; }
.thum_mainimg:hover::after {width: 100%;height: 100%; }   
.mainexp_thum .list .desc {margin-top : 1rem;letter-spacing: -1px;}
/*sci_banner*/
.sci_banner {display: flex;justify-content: space-between;gap: 1.5rem;}
.sci_banner > div  {flex: 1;background: rgba(255,255,255, .6);backdrop-filter: blur(10px);border: 1px solid #fff;border-radius: 3rem; min-height: 22rem;height: auto; display: flex;justify-content: space-between; margin: 5rem 0;padding: 3rem 3rem; transition: .5s;}
.sci_banner > div:hover {background: #fff;box-shadow: 0 0px 20px rgba(15, 20, 127, 0.4);}
.sci_banner > div .icon {width: 17.5rem;padding-top: 2rem;}
.sci_banner > div .icon .back {opacity: 0;display: none;visibility: hidden;transition: .5s;position: relative;}
.sci_banner > div .icon .back::after    {content: '';width: 14.2rem;height: 9.2rem;background-image: url(../images2025/sub/icon_bgdatasci.png);background-position: 0 0;background-repeat: no-repeat;background-size: 100% auto; position: absolute;top: 0;left: 0; }
.sci_banner > div:hover .icon .front {opacity: 0;display: none;}
.sci_banner > div:hover .icon .back {opacity: 1;display: block;visibility: visible;} 
.sci_banner .title {color: #000;font-size: 2.7rem;font-weight: 600;margin-bottom: 3rem;}
.sci_banner .txtinfo {color: #737373;margin-bottom: 2rem;}
/*Join*/
.joinboxwrap {display: flex;justify-content: space-between;margin-top: 7rem;padding-bottom: 15rem;}
.joinboxwrap > div {width: calc(50% - 15px);}
.joinboxwrap > div.wid100 {width: 100%;}
.joinboxwrap .bgbox {background: #fff;background: #fff;border-radius: 1rem;padding: 4rem 4rem;margin-top: 2rem;}
[class^="memsect_"] {position: relative;padding-left: 18rem;}
[class^="memsect_"]::before {content: '';position: absolute;left: 6rem;top: 1rem;width: 10rem;height: 8rem;background-repeat: no-repeat;background-position: 0 0; } 
.joinboxwrap .bgbox .memsect_login::before  {top: 2rem; background-image: url(../images2025/sub/icon_join01.gif);}
.joinboxwrap .bgbox .memsect_phone::before  {background-image: url(../images2025/sub/icon_join02.gif);}
.joinboxwrap .bgbox .memsect_pwd::before  {background-image: url(../images2025/sub/icon_join03.gif);}
.joinboxwrap .bgbox .memsect_join01::before  {background-image: url(../images2025/sub/icon_join04.gif);}
.joinboxwrap .bgbox .memsect_join02::before  {background-image: url(../images2025/sub/icon_join05.gif);}
.joinboxwrap .bgbox .formwrap {display: flex;align-content: space-between;flex-direction: column;gap: 5rem;}
.joinboxwrap .bgbox .formwrap p.pwd {margin-top: 2rem;}
.joinboxwrap .bgbox .formwrap p.id, .joinboxwrap .bgbox .formwrap p.pwd {position: relative;padding-left: 1rem;}
.joinboxwrap .bgbox .formwrap p.id::before, .joinboxwrap .bgbox .formwrap p.pwd::before {content: '';width: 3px;height: 3px;background: #000;border-radius: 2px;position: absolute;left: 0;top: 1.5rem;}
.joinboxwrap .bgbox .formwrap label {width: 13rem;display: inline-block;margin-top: .7rem;}
.joinboxwrap .bgbox .formwrap span.int {display: inline-block;width: calc(100% - 14rem);}
.joinboxwrap .bgbox .formwrap input[type=text], 
.joinboxwrap .bgbox .formwrap input[type=password] {border: 1px solid #d4d4d4;border-radius: 4px;height: 3.4rem;width: 100%;padding-left: 1rem;}
.joinboxwrap .bgbox .memsect_phone {position: relative;padding-left: 18rem; }
.joinboxwrap .bgbox .formwrap .info {min-height: 10rem;font-size: 1.8rem;color: #000;}
.joinboxwrap .bgbox .formwrap .info.height15 {min-height: 15rem;}
.joinboxwrap .memtext {display: flex; align-items: center; }
.joinboxwrap .memtext p {margin: .5rem 0;position: relative;padding-left: 1rem;}
.joinboxwrap .memtext p:nth-child(1) {width: 25rem;}
.joinboxwrap .memtext p:nth-child(1)::before  {content: '';width: 4px;height: 4px;background: #000;border-radius: 2px;position: absolute;left: 0;top: 1rem;}
.agreewrap {padding: 11rem 0 15rem 0;} 
.bgbox_wht {background: #fff;padding: 4rem 4rem;border-radius: 1rem;}
.memterms {padding:0rem 1rem;height: 25rem;overflow:auto;}
.memterms.heightjoin {height: 6rem;} 
.memterms .title04 {font-size:2rem;color: #000;font-weight: 600;margin:2rem 0;}
.memterms .title05  {font-size: 1.8rem;color: #000;font-weight: 600;margin:2rem 0 1rem 0;}
.memterms .title05 + ol {margin-top: .5rem;} 
.bul_privacy1  {counter-reset: ol;}
.bul_privacy1 > li {padding:.5rem 0 .5rem 3rem;position:relative;font-weight: normal; }
.bul_privacy1 > li:before {content: counter(ol); counter-increment: ol 1;   border: 1px solid #4c4c4c; font-size:1.5rem; width:2rem; height:2rem; display:inline-block; text-align:center; line-height:1.9rem; border-radius:50%; margin-right:.8rem; position:absolute; left:0; top:.7rem;}
.bul_privacy2 {counter-reset: ol2;}
.bul_privacy2 > li {padding:.5rem 0 .5rem 2.5rem; position:relative;}
.bul_privacy2 > li:before {content: counter(ol2) ". "; counter-increment: ol2 1;position:absolute; left:0; top:.5rem;}  
.memcheck {position: relative;padding-left: 18rem;}
.memcheck .iconchk::before {content: '';position: absolute;left: 6rem;top: 1rem;width: 10rem;height: 7rem;background-repeat: no-repeat;background-position: 0 0; } 
.memcheck .iconchk::before  {top: 2rem; background-image: url(../images2025/sub/icon_join06.gif);}
.box_topbrd {border-top: 1px solid #d7dbe1;}
.memsect_form::before  {background-image: url(../images2025/sub/icon_join07.gif);}
/*소개미디어*/
.intromedia {display:flex;justify-content: space-between;margin-top:13rem;}
.intromedia .introduce {width: 38%;}
.intromedia .mediasight {width:56%;}
.intromedia .title {font-size: 2.6rem;}
.slider_intro .slider {display: flex;}
.slider_intro .slider .photo {width: 80%;}
.slider_intro .slider .photo img {max-width: 100%;height: auto;}
.slider_intro .slider .desc {width: 43%;height: 15.2rem;background: #fff;border-radius: 2rem;margin-top: 5rem; margin-left: -5.8rem;display: flex;align-items: center;flex-direction: column;justify-content: center;}
.slider_intro .slider .desc .heading {font-size: 2.2rem;color: #000;margin-bottom: 2rem;}
.slider_intro .ctrlwrap {z-index: 2;height: 4rem;text-align: right}
.slider_intro .ctrlwrap .swp_ctrl {position: relative;}
.slider_intro .ctrlwrap .swp_ctrl .swiper-pagination {position: static;width: auto;height: 4rem;display: inline-block;color: #646464;font-size: 1.6rem;line-height: 3rem}
.slider_intro .ctrlwrap .swp_ctrl .swiper-pagination-current {color: #000;font-size: 1.6rem;font-weight: 600}
.slider_intro .ctrlwrap .swp_ctrl button {width: 2.5rem;height:2.5rem;text-indent: -999px;overflow: hidden;background-repeat: no-repeat;background-position: center center;transition: all .2s ease;cursor: pointer;border: none}
.slider_intro .ctrlwrap .swp_ctrl .prevslide {background-image: url(../images2025/main/mslider_prev.png);}
.slider_intro .ctrlwrap .swp_ctrl .nextslide {background-image: url(../images2025/main/mslider_next.png);}
.slider_intro .ctrlwrap .swp_ctrl .stopslide,.slider_intro .ctrlwrap .swp_ctrl .playslide {display: none}
.slider_intro .ctrlwrap .swp_ctrl .stopslide {background-image: url(../images2025/main/mslider_stop.png);}
.slider_intro .ctrlwrap .swp_ctrl .playslide {background-image: url(../images2025/main/mslider_play.png)}
.slider_intro .ctrlwrap .swp_ctrl .stopslide.on,.slider_intro .ctrlwrap .swp_ctrl .playslide.on {display: inline-block;}
.mediasight .list_boxrnd {background: #fff;border-radius: 2rem;padding: 3rem 3rem;margin-top: 3rem; }
.mediasight ul {display: flex;flex-wrap: wrap;}
.mediasight li {width: calc((100% - 60px) / 6);margin-right: 10px;text-align: center;}
.mediasight li:nth-child(6) {margin-right: 0;}
.mediasight span {color: #010101;font-size: 1.7rem;display: block;margin-top: 2rem;letter-spacing: -2px;transition: .3s;}
.mediasight .iconbox {width: 106px;height: 106px;background: #f2f3f7;border-radius: 50%;line-height:102px;margin: 0 auto;transition: .4s}
.mediasight .iconbox i {display: inline-block;background: url(../images2025/main/icon_media.png) 0 0 no-repeat;vertical-align: middle;width: 66px;height:65px;transition: .4s;}
.mediasight .iconbox i.icon01 {background-position: 0 0;}
.mediasight .iconbox i.icon02 {background-position: -66px 0;}
.mediasight .iconbox i.icon03 {background-position: -132px 0;}
.mediasight .iconbox i.icon04 {background-position: -198px 0;}
.mediasight .iconbox i.icon05 {background-position: -264px 0;}
.mediasight a:hover .iconbox {background: #d3d8eb; }
.mediasight a:hover span {font-weight: 500} 
.mediasight a:hover .iconbox i.icon01 {background-position: 0 -65px;}
.mediasight a:hover .iconbox i.icon02 {background-position: -66px -65px;}
.mediasight a:hover .iconbox i.icon03 {background-position: -132px -65px;}
.mediasight a:hover .iconbox i.icon04 {background-position: -198px -65px;}
.mediasight a:hover .iconbox i.icon05 {background-position: -264px -65px;}
.mediasight li:nth-child(6) a:hover .iconbox {background: #ff0c00; } 
.mediasight .viewlive {position: relative;background: #ff0c00;font-size: 1.5rem;color: #fff;font-weight: 600;height: 3.5rem;padding: 0 2.5rem 0 1.5rem;line-height: 3.5rem;border-radius: 1.75rem;}
.mediasight .viewlive::after {font-family: "remixicon";content: "\ea6d";font-size: 2rem;position: absolute;right: .5rem;}
.mediasight a:hover .viewlive {background: #fff;color: #ff0c00; }
.mediasight a:hover .viewlive::after {color: #ff0c00;}
/*AI*/
.sect_aiwrap {display: flex;justify-content: space-between;}
.sect_aiwrap .asideleft {width: 70%; }
.sect_aiwrap .asidebann {width: 27%; }
.aichatbot2 {display: flex;/*height: auto;max-height: 100vh;*/}
.aichatbot2 .heading {margin-top:5rem;padding-right: 4rem;}
.aichatbot2 .ai_tit {color: #fff;font-size: 2.5rem;font-weight: 300;animation: slide-left 1s ease-in;}
.aichatbot2 .ai_tit span {display: block;}
.aichatbot2 .ai_tit strong {font-size: 3.2rem;color: #fff;font-weight: 600;}
.aichatbot2 .ai_icon {text-align: right;animation: slide-left 1s ease-in;}
.aichatbot2 .sectchat {height: 100vh;}
.aichatbot2 .sectchat .bgbluebox {padding: 2rem 2rem; background: #083b6a;border-radius: 3.5rem;width: 72.5rem;max-height: calc(100% - 25rem);}
.sci_banner2 > div  {display: flex;justify-content: space-between;flex: 1;align-items: center; background: #fff;border-radius: 3rem; min-height: 16.5rem;height: auto;padding: 0rem 2.5rem; transition: .5s;}
.sci_banner2 > div {margin-bottom: 2rem;}
.sci_banner2 > div:hover {box-shadow: 0 0px 20px rgba(15, 20, 127, 0.4);}
.sci_banner2 > div .icon .back {opacity: 0;display: none;visibility: hidden;transition: .5s;position: relative;}
.sci_banner2 > div .icon .back::after    {content: '';width: 14.2rem;height: 9.2rem;background-image: url(../images2025/sub/icon_bgdatasci.png);background-position: 0 0;background-repeat: no-repeat;background-size: 100% auto; position: absolute;top: 0;left: 0; }
.sci_banner2 > div:hover .icon .front {opacity: 0;display: none;}
.sci_banner2 > div:hover .icon .back {opacity: 1;display: block;visibility: visible;} 
.sci_banner2 .title {color: #000;font-size: 2.7rem;font-weight: 600;margin-bottom: 1rem;}
.sci_banner2 .txtinfo {color: #737373;margin-bottom: 1rem;}
.joindesc {padding: 10rem 0 1rem 0;}
.graybgbox {background: #f1f3f7;padding: 2rem 2.5rem;border-radius: 1rem;}
.joindesc p {font-size: 1.8rem; color: #000;line-height: 2.4rem;}
/*20260204*/
.memberout {text-align: center;margin: 0 auto;padding: 5rem 0;}
.memberout .heading {font-size: 1.8rem;position: relative;padding-top: 15rem;}
.memberout .heading strong {font-size: 2.6rem;font-weight: 500;}
.memberout .heading::before {content: '';width: 10rem;height: 20rem;background-repeat: no-repeat;background-position: 0 0;position: absolute;top:0;left: 50%; transform: translate(-50%);}
.memberout .heading.icon01::before {background-image: url(../images2025/sub/icon_memout1.png);}
.memberout .heading.icon02::before {background-image: url(../images2025/sub/icon_memout2.png); }
.form_memedit {border: 1px solid #d4d4d4;height: 3.4rem;border-radius: 3px;padding: 0 1rem;width: 100%;}
.txt_w120 {width: 120px !important;display: inline-block;}
.rowcol {display: flex;flex-wrap: wrap;  }
.list2col li {width: 50%; max-width:50%;} 
.list3col li {width: 33.333%; max-width:33.333%;} 
.list4col li {width: 25%; max-width:25%;} 
.list5col li {width: 20%; max-width:20%;} 
.list6col li {width: 16.666%; max-width:16.666%;} 
.list7col li {width: 14.285%; max-width:14.285%;} 
.list8col li {width: 12.5%; max-width:12.5%;} 
.list9col li {width: 11.111%; max-width:11.111%;}  
.list10col li {width: 10%; max-width: 10%;} 
.camerawrap {max-width: 120rem;width: 100%;}
.infomarket {margin: 3rem 0;position: relative;padding-left: 26rem;min-height: 20rem;}
.infomarket::before {content: '';background: url(../images2025/sub/bg_markico.png) no-repeat top left;position: absolute;top: 0;left: 0;width: 20.6rem;height: 19.1rem;background-size: 100% auto;}
.memberout .error {font-size: 2.6rem;position: relative;padding-top: 30rem;}
.memberout .error strong {font-size: 3.6rem;font-weight: 500;}
.memberout .error::before {content: '';width:38.7rem;height: 23.1rem;background-repeat: no-repeat;background-position: 0 0;position: absolute;top:0;left: 50%; transform: translate(-50%);}
.memberout .error.icon01::before {background-image: url(../images2025/sub/bg_error.png);}

/* loading */
.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;}
.obs-confirm-mask {display: none;position: fixed;top: 0; left: 0; right: 0; bottom: 0;background: rgba(20, 30, 50, 0.45);z-index: 9998;align-items: center;justify-content: center;  }
.obs-confirm-mask.is-show { display: flex; }
.obs-confirm-card {background: #ffffff;border-radius: 18px;border: 3px solid #5d5d5d; padding: 4rem 4rem;text-align: center;min-width: 360px;max-width: 90%;  }
.obs-confirm-title {position: relative;font-size: 2.4rem; font-weight: 700; color: #000; padding: 0 0 0 4rem;line-height: 7rem;margin-bottom: 2rem;min-height: 7rem; }
.obs-confirm-title::before {content: '';background: url(../images2025/sub/icon_popinfo.png) no-repeat 0 0; width: 8rem;height: 7rem;position: absolute;left: 0;top: 0;}
.obs-confirm-desc { font-size: 1.7rem; color: #3e3e3e;   }
.obs-confirm-detail {background: #fffade;border: 1px solid #eddeaf;border-radius: 8px;padding: 1rem 0;text-align: center;color: #b64020;font-size: 1.8rem;font-weight: 500; margin: 2rem 0;  }
.obs-confirm-foot { font-size: 1.7rem; color: #3e3e3e; margin-bottom: 2rem; }

/*20260527*/
.sci_dokdosea {display: flex;gap: 15px;justify-content: space-between;}
.sci_dokdosea .boxsect {background: #fff;border-radius: 1rem;padding: 2.5rem 3rem;display: flex;justify-content: space-between;}
.sci_dokdosea .boxsect.widnar {width: 42%;}
.sci_dokdosea .boxsect.widexp {width: 58%;}
.sci_dokdosea .heading {}
.sci_dokdosea .heading .tit {font-size: 2.5rem;font-weight: 500;color: #000;}
.sci_dokdosea .desclist {width: 18rem;  }
.sci_dokdosea .desclist a {font-size: 1.7rem;display: block;font-weight: 500;padding:.4rem .5rem;position: relative;transition: .3s;}
.sci_dokdosea .desclist a:hover {background: #f1f3f7;font-weight: 600;}
.sci_dokdosea .desclist a::after {content: '\ea13';font-family: "remixicon";width: 2.7rem;height: 2.7rem;background: #f0f2f6;color: #000;position: absolute;right: .3rem;top: 50%;transform: translateY(-50%); border-radius: 100%;text-align: center;line-height: 2.7rem;}
.sci_dokdosea .desclist a:hover::after {background: #262e6e;color: #fff;font-weight: 500;}
.sci_dokdosea .desclist.wid50 {width: 36rem;display: flex;gap: 4rem;}
.sci_dokdosea .desclist.wid50 > div {flex: 1;}
.sci_dokdosea .iconimg {padding-top: 1rem;} 
.sliderknow01 .slider {display: flex;}
.sliderknow01 .slider .photo {width: 60%;}
.sliderknow01 .slider .photo img {max-width: 100%;height: auto;}
.sliderknow01 .slider .desc {width: 60%;height: 10rem; background: #fff;border-radius: 2rem;margin-top: 5rem; margin-left: -5.8rem;display: flex;gap: 5rem;padding: 3rem 3rem; }
.sliderknow01 .slider .desc .sect_left > a {margin-top: 2rem;}
.sliderknow02 .slider {height: 15rem; display: flex;gap: 2rem;justify-content: space-between;background: #fff;border-radius: 2rem;padding: 3rem 3rem;}
.sliderknow02 .slider .photo {width: 24rem; }
.sliderknow02 .slider .photo img {max-width: 100%;height: auto;} 
.sliderknow02 .slider .infotxt {margin:2rem 0;}
.sliderknow02 .slider .desc {background: #fff;}
[class^="sliderknow0"] .ctrlwrap  {z-index: 2;height: 4rem;text-align: right}
[class^="sliderknow0"] .ctrlwrap .swp_ctrl {position: relative;}
[class^="sliderknow0"] .ctrlwrap .swp_ctrl .swiper-pagination {position: static;width: auto;height: 4rem;display: inline-block;color: #646464;font-size: 1.6rem;line-height: 3rem}
[class^="sliderknow0"] .ctrlwrap .swp_ctrl .swiper-pagination-current {color: #000;font-size: 1.6rem;font-weight: 600}
[class^="sliderknow0"] .ctrlwrap .swp_ctrl button {width: 2.5rem;height:2.5rem;text-indent: -999px;overflow: hidden;background-repeat: no-repeat;background-position: center center;transition: all .2s ease;cursor: pointer;border: none}
[class^="sliderknow0"] .ctrlwrap .swp_ctrl .prevslide {background-image: url(../images2025/main/mslider_prev.png);}
[class^="sliderknow0"] .ctrlwrap .swp_ctrl .nextslide {background-image: url(../images2025/main/mslider_next.png);}
[class^="sliderknow0"] .ctrlwrap .swp_ctrl .stopslide,[class^="sliderknow0"] .ctrlwrap .swp_ctrl .playslide {display: none}
[class^="sliderknow0"] .ctrlwrap .swp_ctrl .stopslide {background-image: url(../images2025/main/mslider_stop.png);}
[class^="sliderknow0"] .ctrlwrap .swp_ctrl .playslide {background-image: url(../images2025/main/mslider_play.png)}
[class^="sliderknow0"] .ctrlwrap .swp_ctrl .stopslide.on,[class^="sliderknow0"] .ctrlwrap .swp_ctrl .playslide.on {display: inline-block;}
[class^="sliderknow0"] .slider .desc .heading {font-size: 2.2rem;color: #000;} 
.intromuseum {display:flex; margin-top:3rem; justify-content: space-between; }
.intromuseum .introduce {width: 55%;}
.intromuseum .museum {width:41%;  }
.intromuseum .title {font-size: 2.6rem;}
.mediavr {display:flex;margin-top:3rem; justify-content: space-between;}
.mediavr .sightitem {width: 55%;}
.mediavr .watervr {width:41%;  }
.mediavr .title {font-size: 2.6rem;}
.sightitem .list_boxrnd {background: #fff;border-radius: 2rem;padding: 2rem 2rem;margin-top: 2rem; }
.sightitem ul {display: flex;flex-wrap: wrap;}
.sightitem li {width: calc((100% - 60px) / 6);margin-right: 10px;text-align: center;}
.sightitem li:nth-child(6) {margin-right: 0;}
.sightitem span {color: #010101;font-size: 1.7rem;display: block;margin-top: 2rem;letter-spacing: -2px;transition: .3s;}
.sightitem .iconbox {width: 106px;height: 106px;background: #f2f3f7;border-radius: 50%;line-height:102px;margin: 0 auto;transition: .4s}
.sightitem .iconbox i {display: inline-block;background: url(../images2025/main/icon_media.png) 0 0 no-repeat;vertical-align: middle;width: 66px;height:65px;transition: .4s;}
.sightitem .iconbox i.icon01 {background-position: 0 0;}
.sightitem .iconbox i.icon02 {background-position: -66px 0;}
.sightitem .iconbox i.icon03 {background-position: -132px 0;}
.sightitem .iconbox i.icon04 {background-position: -198px 0;}
.sightitem .iconbox i.icon05 {background-position: -264px 0;}
.sightitem a:hover .iconbox {background: #d3d8eb; }
.sightitem a:hover span {font-weight: 500} 
.sightitem a:hover .iconbox i.icon01 {background-position: 0 -65px;}
.sightitem a:hover .iconbox i.icon02 {background-position: -66px -65px;}
.sightitem a:hover .iconbox i.icon03 {background-position: -132px -65px;}
.sightitem a:hover .iconbox i.icon04 {background-position: -198px -65px;}
.sightitem a:hover .iconbox i.icon05 {background-position: -264px -65px;}
.sightitem li:nth-child(6) a:hover .iconbox {background: #ff0c00; } 
.sightitem .viewlive {position: relative;background: #ff0c00;font-size: 1.5rem;color: #fff;font-weight: 600;height: 3.5rem;padding: 0 2.5rem 0 1.5rem;line-height: 3.5rem;border-radius: 1.75rem;}
.sightitem .viewlive::after {font-family: "remixicon";content: "\ea6d";font-size: 2rem;position: absolute;right: .5rem;}
.sightitem a:hover .viewlive {background: #fff;color: #ff0c00; }
.sightitem a:hover .viewlive::after {color: #ff0c00;} 
.rsh_outcome {margin-top: 3rem;padding-bottom: 9rem;}
.rsh_outcome .title {font-size: 2.6rem;}
.rsh_outcome .boxwht {background: #fff;border-radius: 2rem;padding: 1rem 1rem;margin-top: 2rem; }
.rsh_outcome .boxwht .items {display: flex;justify-content: space-between;height: 7rem;gap: 1rem;}
.rsh_outcome .boxwht .items .item {display: flex;align-items: center;width: 22%;padding: 1rem 1.5rem; border-radius: 2rem; background: #f2f3f7;border: 1px solid transparent;transition: .3s;}
.rsh_outcome .boxwht .items .item:nth-child(3) {width: 34%; }
.rsh_outcome .boxwht .items .item:hover {background: #fff;border: 1px solid #e1e1e5;}
.rsh_outcome .icon {background: #686fb3;width: 5rem;height: 5rem;border-radius: 100%;text-align: center;line-height: 5rem;margin-right: 3rem;}
.rsh_outcome .info {font-size: 2rem;color: #010101;}
.rsh_outcome .boxwht .items .item a:hover {font-weight: 500;text-decoration: underline;}
.rsh_outcome .info.list {display: flex;}
.rsh_outcome .info.list ul {display: flex;margin-left: 3rem;} 
.rsh_outcome .info.list li a {font-size: 1.8rem;display: block;padding: 0 1rem;}
.mediavr .watervr .sect_vr {display: flex; }
.mediavr .watervr .sect_vr .nav_left {width: 21rem;margin-top: 2rem;}
.mediavr .watervr .sect_vr .nav_right  {width: calc(100% - 19rem); }
.sliderknow03 {margin-top: -1rem;}
.sliderknow03 .slider {display: flex; }
.sliderknow03 .slider .photo {width: 30rem;}
.sliderknow03 .slider .photo img {max-width: 100%;height: auto;}
.sliderknow03 .slider .desc {width: 40%; background: #fff;height: 8rem;line-height: 2.5rem; border-radius: 2rem;margin-top: 5rem; margin-right: -2rem; padding: 2rem 3rem;z-index: 10; }
.sliderknow03 .slider .desc .heading {margin-bottom: 2rem;}
.sect_digitvr {width: 80%;display: flex;gap: 15px;flex-wrap: wrap;}
.sect_digitvr .items {width: calc(100% / 4 - 15px);}

/*Animation*/
@keyframes slide-down {
  0% {opacity:0;transform:translateY(-80px);} 
  100% {opacity:1;transform:translateY(0);} 
}
@keyframes slide-up {
  0% {opacity:0;transform:translateY(80px);} 
  100% {opacity:1;transform:translateY(0);} 
}
@keyframes slide-right {
  0% {opacity:0;transform:translateX(100px);} 
  100% {opacity:1;transform:translateX(0);} 
}
@keyframes slide-left {
  0% {opacity:0;transform:translateX(-100px);} 
  100% {opacity:1;transform:translateX(0);} 
}  

/******Respond******/
@media(max-width:1400px){ 
  .mnmode {padding-top: 7rem;}
  .mnmode .menubox .mnlist25 {flex-wrap: wrap;}
  .mnmode .menubox .depth01 {flex: auto;width: 20%;}
  .mnmode .menubox .depth01 .heading {height: auto;margin-bottom: 2rem;}
  .aichatbot2 .heading {display: none;}
  .sect_aiwrap .asidebann {width: calc(100% - 75rem);}
}  
@media(max-width:1280px){ 
  .subtopnav .subtit {padding-left: 2rem;}
  .subtopnav.sub04 .subtit::before {right: -14rem;background-size: 100% auto;}
  .subtopnav.sub04 .subtit::after {right:  0rem;background-size: 100% auto;}
  .subutils {padding: 15rem 0rem 2rem 0;} 
  .requestdata>div:nth-of-type(1) {flex: 1;}
  .requestdata>div:nth-of-type(2) {flex: 2;} 
  .experience .tit_area {padding: 0 2rem;}
  .sci_banner2 > div {padding: 0rem 1rem;}
  .joinboxwrap .bgbox {padding: 3rem 2rem;}
  [class^="memsect_"]::before {left: 2rem;}
  [class^="memsect_"] {padding-left: 12rem;}
  .joinboxwrap .bgbox .memsect_phone {padding-left: 12rem;}  
  .rsh_outcome .icon {margin-right: 0rem;margin-bottom: 1rem;}
  .rsh_outcome .boxwht .items {height: auto;}
  .rsh_outcome .info.list ul {margin-left: 0;}
  .rsh_outcome .info.list {flex-direction: column;align-items: center;}
  .rsh_outcome .boxwht .items .item {padding: 1rem .5rem;flex-direction: column;}
  .sci_dokdosea .boxsect {flex-direction: column;min-height: 25rem;}
  .sci_dokdosea .boxsect.widnar, .sci_dokdosea .boxsect.widexp {width: 50%;position: relative;}
  .sci_dokdosea .desclist {width: 50%;position: absolute;right: 3rem;top: 7rem;}
  .sci_dokdosea .iconimg.mob {display: none;}
  .sci_dokdosea .desclist.wid50 {width: calc(100% - 6rem);}
}
@media(max-width:1024px){
  .subtopnav .subtit {padding-top: 3rem;} 
  .aichatbot {position: relative;padding: 0rem 2rem}
  .aichatbot .sectchat {padding-top: 5rem;} 
  .aichatbot .heading {padding-right: 2rem;}
  .aichatbot .sectchat .bgbluebox {max-height: calc(100% - 20rem);}  
  .subtopnav.sub02 {display: block;padding-top: 4rem;}
  .subtopnav.sub02 .subtit {display: flex;justify-content: space-between;padding: 0 2rem;}
  .experience .tit_area {display: none;} 
  .experience .tit_area .ctitle {display: none;}  
  .expdig_thum {flex-wrap: wrap;}
  .expdig_thum .heading {width: 100%;text-align: left;}
  .expdig_thum .items {width: calc(100% / 4 - 15px);}
  .expdig_thum2 {flex-wrap: wrap;}
  .flex_digital>div {width: 100%;}
  .boardinfo2 {flex-direction: column;align-items: flex-start;gap: 10px;}
  .expdig_thum2 .heading {width: 100%;text-align: left;}
  .sciwrap {padding: 15rem 1rem;}
  .sciwrap .data_list {flex-direction: column;gap: 10px;}
  .sciwrap .data_list li:hover {flex: auto;}
  .card_datas {height: 15rem;padding: 2rem 0;min-height: auto;}
  .card_datas .front {display: flex;align-items: center;width: 100%; padding: 0 5rem;}
  .card_datas .front .icon {height: auto;text-align: left;margin-right: 4rem;}   
  .card_datas .front .subject {margin-top: 0;display: flex;align-items: center;}
  .card_datas .front .subject .title {width: 25rem;}
  .card_datas .front .subject .desc {display: block; }   
  .card_datas .back a {display: flex;align-items: center;width: 100%;}
  .card_datas .back .iconbox {height: auto;text-align: left; } 
  .card_datas .back .iconbox>img {width: 80%;height: auto;}
  /* .card_datas .back .iconbox::after {top: -1rem; left: 100%; overflow: hidden; z-index: -1;height: 90%;} */
  .card_datas .back .iconbox::after {content: '';width: 20rem;height:10rem;top: 0;left: 0%;transform: translateX(0%); }
  .card_datas .back dl {padding: 0 0rem;word-break: keep-all;display: flex;align-items: center;justify-content: flex-start;}
  .card_datas .back dt {font-size: 2.7rem;color: #000; width: 25rem;text-align: left;}
  .card_datas .back dd {color: #737373;font-weight: 300;text-align: left;  }
  .sciwrap .data_list li:hover .card_datas {background: #fff;box-shadow: none;}
  .sciwrap .data_list li:hover .card_datas .back .btmbox {display: none;}
  .sciwrap .data_list li:hover .card_datas .front {opacity: 0;display: none;}
  .sciwrap .data_list  li:hover .card_datas .back {opacity: 1;display: block;visibility: visible;display: flex;width: 100%;padding: 0 5rem;}
  .sciwrap .data_list li:hover .card_datas .back dl {padding: 0 2rem;word-break: keep-all;text-align: left;display: flex;align-items: center;}
  .sciwrap .data_list li:hover .card_datas .back dt {font-size: 2.7rem;color: #000;margin-top: 2rem; }
  .sciwrap .data_list li:hover .card_datas .back dd {color: #737373;font-weight: 300;margin-top: 2rem;  }
  .barchart {display: none;}
  .piebox {padding: 0 1rem 0 3rem;}
  .requestdata .right_sect {justify-content: flex-end;}    
  .sci_banner {flex-direction: column;margin-top: 4rem;}
  .sci_banner > div {margin: 2rem 0 0 0;justify-content: flex-start}
  .mainexp_thum {flex-direction: column;}
  .mainexp_thum .heading {width:100%;text-align: left;}
  .mainexp_thum .list {width:100%;}
  .flex_rows2 {display: flex;flex-direction: column;} 
  .boxshadow_desc {width: calc(100% - 2rem);margin:1rem 1rem;} 
  .intromedia {flex-direction: column;}
  .intromedia .introduce {width: 100%;}
  .intromedia .mediasight {width: 100%;margin-top: 4rem;}
  .slider_intro .slider .desc {width: 110%; align-items: flex-start;padding: 2rem 4rem;}
  .mnmode .menubox .depth01 .heading {height: 7rem;}
  .slider_intro .slider .photo {width: 100%;}
  .sect_aiwrap {flex-direction: column;}
  .sect_aiwrap .asideleft {width: 100%;}
  .sect_aiwrap .asidebann {width: 100%;}
  .sci_banner2 > div {padding: 0 2rem;}
  .sect_aiwrap .asidebann {margin: 5rem 0;}
  .aichatbot2 .sectchat {width: 100%;height: 100%;}
  .aichatbot2 .sectchat .bgbluebox {width: 100%;}
  .talkwrap.active {height: 100%;}
  .subcontents .subbg07, .subcontents .subbg09 {background-image: none;}
  .joinboxwrap {flex-direction: column;margin-top: 3rem;}
  .joinboxwrap > div {width: 100%;}
  .joinboxwrap .bgbox {margin: 2rem 0;}
  [class^="memsect_"]::before {height: 10rem;}
  .bgbox_wht {padding: 3rem 2rem;}
  .memcheck  {padding-left: 12rem;}
  .memcheck .iconchk::before {left: 2rem; padding-left: 12rem;height: 11rem;}    
  .memsect_form {padding-left: 0;}
  .memsect_form::before {display: none;} 
  [class^="memsect_"] {padding-left: 0;}
  .joinboxwrap .bgbox .memsect_phone {padding-left: 0;}
  [class^="memsect_"]::before {display: none;} 
  .list2col li {width: 100%; max-width: 100%;} 
  .list3col li {width: 50%; max-width:50%;} 
  .list4col li {width: 33.333%; max-width:33.333%;} 
  .list5col li {width: 25%; max-width:25%;} 
  .list6col li {width: 20%; max-width:20%;} 
  .list7col li {width: 16.666%; max-width:16.666%;} 
  .list8col li {width: 14.285%; max-width:14.285%;} 
  .list9col li {width: 12.5%; max-width:12.5%;} 
  .list10col li {width: 11.111%; max-width:11.111%;}   
  .sub09_ctitle {width: 100%;}
  #labelwrap {display: none;}
  .pvfocus a {width: calc(50% - 10px);}
  .intromuseum {flex-direction: column;}
  .intromuseum .introduce, .intromuseum .museum {width: 100%;} 
  .intromuseum .museum {margin-top: 3rem;}
  .mediavr {flex-direction: column;} 
  .mediavr .sightitem, .mediavr .watervr {width: 100%;}
  .intromuseum .museum, .mediavr .watervr {margin-top: 3rem;}  
  .sliderknow02 .slider .photo {width: auto;}
  .sliderknow03 .slider .photo {width: auto;}
  .mediavr .watervr .sect_vr .nav_left {width: 30%;margin-top: 2rem;}
  .mediavr .watervr .sect_vr .nav_right  {width: 70%; }
  .sect_digitvr {width: 100%;}
  .arch_wrap {flex-direction: column;}
  .arch_wrap .cart_list, .arch_wrap .cart_info {width:100%;margin-top: 2rem;}  
  .downinfo .textbox p {min-height: 7rem;}
}

@media(max-width:768px){  
  .aichatbot .heading {display: none;}
  .aichatbot .sectchat {width: 100%;padding-top: 6rem;}
  .aichatbot .sectchat .bgbluebox {width: 100%;}
  .experience  {padding: 0 5rem;}  
  .subtopnav.sub04  {height: auto;padding:1rem 0 4rem 0;}
  .subtopnav.sub04 .ctitle {width: 100%;}
  .subtopnav .subtit {padding: 3rem 2rem;}
  .subtopnav.sub04 .subtit::before {display: none;}
  .subtopnav.sub04 .subtit::after {display: none;}
  .requestdata {flex-direction: column;} 
  .requestdata>div:nth-of-type(1) {width: 100%;}
  .requestdata>div:nth-of-type(2) {width: 100%;} 
  .requestdata .right_sect {justify-content: flex-start;}
  .piebox {padding: 5rem 0;}
  .expdig_thum .items {width: calc(100% / 3 - 15px);margin-bottom: .5rem;}
  .expdig_thum .heading {margin-top: 2rem;}
  .expdig_thum .heading > br {display: none;}
  .flex_digital  {flex-wrap: wrap;}
  .expdig_thum2 {flex-direction: column;}
  .expdig_thum2 .items {width: calc(100% / 3 - 15px);}  
  .mainexp_thum .list>div {width: calc(33.333% - 15px);} 
  .mediasight li {width: calc((100% - 60px) / 3);margin-bottom: 3rem;}
  .slider_intro .slider .photo {width: 350%;}
  .slider_intro .slider .desc {width: 230%;}
  .slider_intro .slider .desc {padding: 0rem 2rem;} 
  .mnmode {padding-bottom: 10rem;}
  .mnmode.web {display: none;}
  .mnmode.mobile {display: block;}
  .mnmode .menubox {background: #f2f3f7;border-top: 1px solid #d7d7d7;}
  .mnmode .menubox .mnlist25 {flex-direction: column;justify-content: flex-start;gap: 0;}
  .mnmode .menubox .depth01 {width: 100%;padding: 0 0;border-bottom: 1px solid #d7d7d7;}
  .mnmode .menubox .depth01 .heading {height: auto;padding:2rem 2rem;margin-bottom: 0;}
  .mnmode .menubox .depth01 .heading::before {display: none;}
  .mnmode .menubox .depth01 .heading::after {font-family: "remixicon";content: "\ea4e";position: absolute;top: 50%;right: 2rem;transform: translateY(-50%) rotate(0);color: #000;}
  .mnmode .menubox .depth01> a.on .heading::after {content: "\ea78";}
  .mnmode .menubox .depth02 {display: none;min-height: auto;}
  .mnmode .menubox .depth02 > li > a {padding-left: 4rem;}
  .mnmode .menubox .depth02 > li > a:hover::before {left: 2rem;font-size: 1.5rem;}
  .mnmode .menubox .depth03 {margin: 1rem 2rem;}
  .mnmode .menubox .depth03 > li a {padding: .3rem 1rem .3rem 3.5rem;}  
  .tabdepth1 {padding: 1.5rem 3rem;font-size: 1.9rem;height: auto;}
  .joinboxwrap .bgbox .formwrap {gap: 3rem;}
  .joinboxwrap .bgbox .formwrap .info.height15 {min-height: auto;} 
  .list2col li, .list3col li {width: 100%; max-width: 100%;} 
  .list4col li {width: 50%; max-width:50%;} 
  .list5col li {width: 33.333%; max-width:33.333%;} 
  .list6col li {width: 25%; max-width:25%;} 
  .list7col li {width: 20%; max-width:20%;} 
  .list8col li {width: 16.666%; max-width:16.666%;} 
  .list9col li {width: 14.285%; max-width:14.285%;} 
  .list10col li {width: 12.5%; max-width:12.5%;}    
  .privacy_index ul li {width: 100%;} 
  .joinboxwrap .memtext {flex-direction: column;justify-content: flex-start;align-items: flex-start;}
  .sci_dokdosea {flex-direction: column;}
  .sci_dokdosea .boxsect {padding: 2rem 2rem;}
  .sci_dokdosea .boxsect.widnar, .sci_dokdosea .boxsect.widexp {width: 100%;}
  .sightitem li {width: calc((100% - 60px) / 3);margin-bottom: 3rem;} 
  .sliderknow01 .slider .desc .sect_right {display: none;}
  .sliderknow01 .slider .photo {width: 100%;} 
  .sliderknow01 .slider .desc .sect_left {width: 100%;}
  .sliderknow02 .slider .infotxt {display: none;}  
  .sliderknow02 .slider .desc > a {margin-top: 4rem;}
  .rsh_outcome .boxwht .items   {flex-wrap: wrap;}
  .rsh_outcome .boxwht .items .item, .rsh_outcome .boxwht .items .item:nth-child(3) {width: 48%;}
  .rsh_outcome .info.list ul {flex-wrap: wrap;} 
  .mediavr .watervr .sect_vr .nav_left {display: none;}
  .mediavr .watervr .sect_vr .nav_right  {width: 100%; }
  .sliderknow03 .slider .desc {margin-top: 7rem;}
}
@media(max-width:640px){
  .experience .left_aside, 
  .experience .right_aside {display: none;}
  .mob_digital {display: block;margin: auto;}
  .viewall {padding: 0 2rem;}   
  .recommdata .btnwrap {flex-wrap: wrap;justify-content: flex-start;gap: 10px;height: auto;}   
  .thumwrap .thumlist li  {width: calc(100% / 2 - 10px);}
  .mainexp_thum .list>div {width: calc(50% - 15px);}
  .expdig_thum .items {width: calc(100% / 2 - 15px); }
  .expdig_thum2 .items {width: calc(100% / 2 - 15px);}       
  .tabdepth1 {padding: 1rem 2rem;}
  .memcheck {padding-left: 0;}
  .memcheck .iconchk::before {display: none;}  
  .searchbbs {flex-wrap: wrap;}
  .pvfocus {gap: 0;}
   .pvfocus a {width: 100%;display: inline-block;margin-bottom: 10px;}
}
@media(max-width:480px){
  .expdig_thum .items {width: 100%; }
  .expdig_thum2 .items {width: 100%;}
  .card_datas .front .subject .desc {display: none; }
  .card_datas .back dd {display: none;}
  .card_datas .back .iconbox::after { width: 17rem;height:10rem;  }
  /* .card_datas .back .iconbox>img {width: 150%;height: auto;} */
  .faqai .faq_tabwrap .faqlist li a {padding: 1rem 1rem;}
  .thumwrap .thumlist li  {width: 100%;}
  .flex_rows {flex-wrap: wrap;gap: 1rem;}
  .recommdata .btnwrap {margin: 2rem 0 0 0rem;}
  /*.mnmode .menubox .depth01 {width: 40%;}*/  
  .sci_banner .txtinfo {display: none;}
  .sci_banner > div {padding: 2.5rem 1.5rem;}
  .sci_banner > div .icon {width: 15rem;}
  .mainexp_thum .list>div {width: 100%;} 
  .mediasight ul {gap: 10px;}
  .mediasight .list_boxrnd {padding: 2rem 0rem 2rem 1rem;}  
  .tabdepth1 {padding: .7rem .7rem;} 
  .list2col li, .list3col li, .list4col li {width: 100%; max-width: 100%;} 
  .list5col li, .list6col li {width: 50%; max-width:50%;} 
  .list7col li, .list8col li {width: 33.333%; max-width:33.333%;} 
  .list9col li {width: 25%; max-width:25%;} 
  .list10col li {width: 20%; max-width:20%;}   
  .sightitem ul {gap: 10px;}
  .sightitem .list_boxrnd {padding: 2rem 0rem 2rem 1rem;}  
}