@charset "utf-8";

/* 공통 */
.cont_group {margin:50px 0; font-size: 1.1rem;}

.box {padding:40px 50px;}
.box.light_blue{background: #f1f4fa;}
.box.gray {background: #fafafa !important;}
.box.line {background:none !important; border:1px solid #ddd;}

.con_box + .con_box {margin-top: 50px;}
.con_box p {line-height: 1.6; margin: 5px 0;}
.con_tit {font-family: 'GmarketSans'; font-size: 1.3rem; font-weight: 500; margin-bottom: 20px; color: #222; position: relative;}
.con_tit::before {content: ""; display: inline-block; width:15px; height:10px; background:url("/resources/images/contents/icon_bullet.png")0 center no-repeat; margin-right:10px; vertical-align: middle;}
.con_tit + .con_tit {margin-top: 50px;}

.con_sub_tit {font-size: 1.2rem;font-weight: 500;padding-bottom: 15px;margin-top: 15px;color: #333;position: relative;font-family: 'GmarketSans';}

.con_img {text-align: center;}
ul.dot_list li {line-height: 1.5; padding-left: 17px; position: relative; text-align: left;}
ul.dot_list li::before {content: ""; width: 3px; height: 3px; border-radius: 50%; background: #333441; position: absolute; left: 4px; top: 10px;}
ul.dot_list li + li {margin-top: 5px;}
ul.chk_list li {font-size: .9rem; line-height: 1.5; padding-left: 17px; position: relative; text-align: left; margin: 5px 0;}
ul.chk_list li::before {content: ""; position: absolute; left: 0; top: 5px; width: 8px; height: 8px; padding: 2px; background: #0091ea url(/resources/images/contents/ico_check.svg) center center no-repeat; background-size: 80%; border-radius: 50%;}
ul.chk_list li + li {margin-top: 5px;}
ul.dot_list li strong {font-weight:600;}
.box_wrap {padding: 25px 30px; background: #f9f9f9; border-radius: 4px;}
.box_wrap * {line-height: 1.5;}
ul.num_list > li + li {margin-top: 10px;}
ul.num_list > li {display: flex; flex-wrap: wrap; align-items: flex-start;}
ul.num_list > li span.num {width: 20px; height: 20px; padding-top: 2px; background: #555; border-radius: 50%; color: #fff; display: inline-flex; justify-content: center; align-items: center; font-size: .8rem; margin-right: 8px; vertical-align: middle; line-height: 1;}
ul.num_list > li span:nth-child(2) {width: calc(100% - 30px); display: inline-block;}
ul.sub_list {width: 100%; padding-left: 15px; margin: 5px 0;}
ul.sub_list li {font-size: .9375rem;}

.dot_list li p {font-size:.9rem; position:relative; color:#666; line-height: 1.3rem; margin-top:5px;}
.dot_list li p:before {content: ""; display: inline-block; margin-right:5px; width:5px; height:1px; background: #aaa; vertical-align: 4px;}
.dot_list li p:last-child {margin-bottom:10px;}
.dot_list li:last-child p:last-child {margin-bottom:0;}

.num_list li p {font-size:.9rem; position:relative; color:#666; line-height: 1.3rem; margin-top:5px;}
.num_list li p:before {content: ""; display: inline-block; margin-right:5px; width:5px; height:1px; background: #aaa; vertical-align: 4px;}
.num_list li p:last-child {margin-bottom:10px;}
.num_list li:last-child p:last-child {margin-bottom:0;}

.dot_list li > ul {margin-top:10px;}
.dot_list li > ul > li {padding-left:0;}
.dot_list li > ul > li + li {margin-top:5px;}
.dot_list li > ul.num_list > li:before {background: none;}
.dot_list li > ul.num_list > li span.num {width:18px; height:18px; font-size: .7rem;}


.info_box {width: 100%; margin-bottom: 50px;}
.info_box .inner {position: relative; padding: 40px 40px 40px 150px;border-radius: 4px;background:#f5f9fd;}
.info_box .inner::before {content: ""; background: url(/resources/images/contents/img_info.png) no-repeat; width: 100px; height: 100px; border-radius: 50%; position: absolute; left: 24px; top: 50%; transform: translateY(-50%);}
.info_box .inner h5 {font-size: 1.2rem; line-height: 1.7; margin-bottom: 10px; font-weight: bold; color:#324299;}
.info_box .inner p {font-size: 1rem; line-height: 1.5; color: #333;}
.info_box .inner p span {color: #d32f2f;}
.info_box .inner p + p {margin-top: 5px;}
.info_box .inner ul.info_list {margin-top: 10px;}
.info_box .ineer ul.dot_list li {font-size:1rem;}
ul.info_list li {font-size: .875rem; color: #555; padding-left: 12px; position: relative; line-height: 1.5; text-align: left;}
ul.info_list li + li {margin-top: 3px;}
ul.info_list li::before {content: "※"; position: absolute; left: 0; top: 0;}
ul.down_list {display: flex; align-items: center; flex-wrap: wrap; margin: 20px 0; width: 100%;}
ul.down_list li + li {margin-left: 20px;}
a.down, a.link {display: block; background: #fff; border: 1px solid #443816; border-radius: 50px; padding: 15px 80px 15px 20px; font-size: 1rem; position: relative; transition: .3s;}
a.down::after {content: ""; background: #f7f5ef url(/resources/images/contents/ico_down.svg) center center no-repeat; background-size: 50%; width: 32px; height: 32px; border-radius: 50%; position: absolute; right: 20px; top: 50%; transform: translateY(-50%);}
a.down:hover, a.link:hover {background: #443816; color: #fff; transition: .3s;}
a.link::after {content: ""; background: #f7f5ef url(/resources/images/contents/ico_link.svg) center center no-repeat; background-size: 50%; width: 32px; height: 32px; border-radius: 50%; position: absolute; right: 20px; top: 50%; transform: translateY(-50%);}


/*탭메뉴*/
.tab_menu ul {position:relative; display: flex; flex-wrap: wrap; align-items: stretch; gap:.5rem;}
.tab_menu li {width: calc(100%/3 - .5rem); padding:20px; background: #f4f5f9; border:1px solid #f4f5f9; display: flex; align-items: center;justify-content: center; cursor: pointer; transition: ease-in-out .2s;}
.tab_menu li.active {border:1px solid #1473e7;  background:#1473e7; box-shadow: 0px 0px 10px 2px #2196F3;}
.tab_menu li a {display: block; font-size: 1rem; font-weight: 500; line-height: 1.5rem; text-align: center; color:#444;}
.tab_menu li.active a {color:#fff; font-weight: 600;}
.tab_menu li:hover {border:1px solid #1473e7;}
.tab_menu li:hover a:not(.active a) { color:#1473e7 !important;}
.tab_contents_s {margin-top:50px;}


/*서비스준비중*/
.service {text-align: center; padding:30px 0;}
.service img {display: block; margin: 0 auto 30px auto; width:100px;}
.service h1 {font-family:"GmarketSans"; font-size:1.7rem; color:#333; font-weight:500; margin-bottom: 20px;}
.service h1 span {display: inline-block; font-weight: bolder; color:#000;}
.service p {font-size:1rem; margin-top:7px; color:#666;}


/*절차*/
.process  {display: flex; flex-wrap: wrap; padding: 40px;border: 6px solid #efefef; border-radius: 30px 0 0 0;}
.process dd {position:relative;padding:20px 20px 0 20px;border-radius: 10px;text-align: center;}
.process dd:first-child:after {display: none;}
.process dd img {display:block;margin:20px auto;height: 55px;}
.process dd strong {display:inline-block; color:#00518a;font-size: .8rem;font-weight: 500;padding:5px 15px;border-radius: 30px; background:#e1f6ff;}
.process dd h1 {font-size: 1.1rem;color:#222;font-weight: 500;margin:30px 0 20px 0;font-family: 'GmarketSans';}
.process dd span {position:relative;display: block;width:8px;height:8px;background:#328d81;border-radius: 100%;margin:30px auto;}
.process dd span:before {content: "";display: block;position: absolute;top:50%;left:50%; background:#cfe5e2; transform: translate(-50%,-50%);width:18px;height:18px;border-radius: 100%;z-index: -1;}
.process dd:after {content: "";position: absolute;top:66%;left:0%;transform: translate(-50%,0%);display: block;width: 100%;height:1px;/* background: #ddd; */z-index: -1;border-bottom: 1px dashed #ddd;}
.process dd ul {padding: 30px;background: #fafafa;}

.process dd:first-child span {background: #6fbe46;}
.process dd:first-child span:before {background:#ddf1d3;}
.process dd:nth-child(2) span {background: #56aa5e;}
.process dd:nth-child(2) span:before {background: #d0f0d4;}
.process dd:last-child span {background:#0268af;}
.process dd:last-child span:before {background: #d7efff;}


.floor_img > span {display: flex; align-items: center; justify-content: center; text-align: center; color: #fff; width: 25px; height: 25px; background: #15875f; border-radius: 50%; position: absolute;}
.floor_img > span span {position: relative; z-index: 2; font-size: .8125rem;}
.process dd span:after {content: ""; display: block; opacity: 0.6; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 50%; background: #56aa81; animation: ping 1.5s ease-in-out infinite both; z-index: -9;}


/*.process dd:first-child strong {color:#3d9677; background:#eaf7e4;}*/
/*.process dd:nth-child(2) strong {color:#3d9677; background:#ddf4ed;}*/
/*.process dd:last-child strong {color:#0066b1; background: #e7f2ff;}*/


/*박스*/
.box_wrap {flex-wrap: wrap; justify-content: space-between; gap:2rem; background: none; padding:0;}
.box_wrap .box {background: #f4f5f9;}
.box_wrap .box h2 {font-family: 'GmarketSans'; font-weight: 500; margin-bottom: 20px; font-size: 1.3rem;}


/* 상설전시 */
.hall_map {padding: 40px; background: #f9f9f9; border-radius: 4px; margin-bottom: 30px; display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center;}
.hall_map img {width: 100%; margin-top: 20px;}
.hall_map .hall_floor {font-size: 1.75rem; font-weight: 700; line-height: 1; position: relative; transition: .3s;}
.hall_map > a {padding: 15px 30px; border: 1px solid #333; border-radius: 50px; transition: .3s;}
.hall_map > a:hover {background: #33306E; color: #fff;}
/*.hall_map > a {padding: 15px 80px 15px 20px; border: 1px solid #33306E; border-radius: 4px; background: #fff; font-size: .9375rem; display: inline-block; position: relative; transition: .3s;}*/
/*.hall_map > a::after {content: ""; background: #eae9ff  url(/resources/images/layout/ico_vr.png) center center no-repeat; border-radius: 50%; background-size: 75%; width: 32px; height: 32px; position: absolute; right: 20px; top: 50%; transform: translateY(-50%);}*/
/*.hall_map > a:hover {background: #33306E; color: #fff;}*/
.floor_img {position: relative;}
.floor_img > span {display: flex; align-items: center; justify-content: center; text-align: center; color: #fff; width: 28px; height: 28px; background: #15875f; border-radius: 50%; position: absolute;}
.floor_img > span span {position: relative; z-index: 2;}
.floor_img > span::before {content: ""; display: block; opacity: 0.3; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 50%; background: #15875f; transform: scale(1.45); animation: ping 2s ease-in-out infinite both;}
.floor_img > span#hall1_1 {left: 24%; top: 42.3%;}
.floor_img > span#hall1_2 {left: 30.2%; top: 53%;}
.floor_img > span#hall1_3 {left: 33.6%; top: 46%;}
.floor_img > span#hall1_4 {left: 37%; top: 39.5%;}
.floor_img > span#hall1_5 {left: 42.9%; top: 52%;}
.floor_img > span#hall2_1 {left: 57.5%; top: 65%;}
.floor_img > span#hall2_2 {left: 40%; top: 54%;}
.floor_img > span#hall2_3 {left: 26.7%; top: 46%;}
.floor_img > span#hall3_1 {left: 30.8%; top: 46%;}
.floor_img > span#hall3_2 {left: 31%; top: 24%;}
.floor_img > span#hall3_3 {left: 37%; top: 14.3%;}
.floor_img > span#hall4 {left: 69%; top: 16.3%;}
.floor_img > span::after {content: ""; background: url(/resources/images/contents/ico_pin.svg) center center no-repeat; width: 30px; height: 39px; position: absolute; left: 60%; transform: translate(-50%, 0); top: -45px; background-size: cover; animation: upDown 1s infinite alternate;}
.hall_list.swiper-container {padding-bottom: 40px!important;}
.hall_list.swiper-container .swiper-slide {flex-wrap: wrap; overflow: hidden;}
.hall_list.swiper-container-horizontal > .swiper-pagination-bullets {text-align: center; position: absolute; bottom: 0;}
.hall_list.swiper-container .swiper-pagination-bullet.swiper-pagination-bullet-active {background: linear-gradient(90deg, rgba(0,102,177,1) 0%, rgba(113,191,69,1) 100%)!important; width: 16px!important; border-radius: 30px!important;}
.hall_list .hall_img {padding-top: 75%; position: relative; margin-bottom: 15px;}
.hall_list .hall_img img {width: 100%; height: 100%; object-fit: cover; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.hall_list .hall_txt {text-align: center;}
.hall_list .hall_txt span {font-size: .9375rem; color: #555; line-height: 1.5;}
.hall_exhibit {display: flex; flex-wrap: wrap; gap: 30px;}
.hall_exhibit li {width: calc(100% / 4 - 22.5px);}
.hall_exhibit li .exhibit_img {width: 100%; height: auto; overflow: hidden; margin-bottom: 15px;}
.hall_exhibit li .exhibit_img img {width: 100%; height: 100%;}
.hall_exhibit li .exhibit_txt h4.con_sub_tit {font-size: 1.125rem; padding-bottom: 5px; color: #333;}
.hall_exhibit li .exhibit_txt h4.con_sub_tit small {display: block; margin-top: 3px; color: #555;}
.hall_exhibit li .exhibit_txt span {font-size: .9375rem; line-height: 1.5; color: #555; word-break: break-all;}


/* 인사말 */
.greeting {border-radius: 50px 0 0 0; overflow: hidden;}
.greeting_img {position:relative;background: url("/resources/images/contents/img_greeting.jpg")no-repeat 0 90%;width:100%;height:400px;background-size: cover;padding:50px;box-sizing: border-box;align-items: center;}
.greeting_img .title {position: absolute; right:50px; top:40%; font-size: 1.1rem;padding: 50px;background:linear-gradient(90deg, #1565c7, #3F51B5);color: #fff;overflow: hidden;}
.greeting_img .title:before {content:"";display:block;width:100%;height: 100%;background: url("/resources/images/contents/lnb_bg.png")center no-repeat;background-size: cover;position: absolute;/* top: 50%; */left: 0;transform: translate(0px, -50%);}
.greeting_img .title span.s_tit {position:relative;display: block;color:rgba(255,255,255,.5);font-size:1rem;padding-bottom: 40px;}
.greeting_img .title span.s_tit:before {content: "";display:block;width: 20px;height: 1px;background:rgba(255,255,255,.5);margin: 5px 0;position: absolute;top: 50%;right: 0;transform: translate(0,-50%);}
.greeting_img .title h1 {font-family: 'GmarketSans'; margin-bottom:40px;font-size: 1.4rem;font-weight: 300;line-height: 2.3rem;}
.greeting_img p span {display: inline-block;font-family: 'GmarketSans'; font-size:1.2rem; font-weight:  lighter;margin-left:15px;vertical-align: 0px; }
.greeting .txt {margin:50px 0;}
.greeting .txt h1 {font-size:1.5rem; font-weight:600; color:#222; width:60%; margin-bottom:40px; line-height: 2.3rem;}
.greeting .txt p {font-size: 1.1rem; line-height: 1.5rem; margin-top:20px;}
.greeting .person {width:350px; position: absolute; left:0;}
.greeting .person img {width:100%; height:100%; object-fit: cover;}

/* 인사말2 */
/*.greeting02 {display: flex; justify-content: space-between;}*/
/*.greeting02 .txt h1 {font-family: 'GmarketSans'; font-size:1.8rem; font-weight:500; line-height: 2.8rem; border-bottom:1px solid #DDD; padding-bottom:20px; margin-top:20px;}*/
/*.greeting02 .txt .s_tit {color:#1473e7;}*/
/*.greeting_img {width:60%;}*/
/*.greeting_img .img {border-radius: 50px 0 0 0; overflow: hidden;}*/
/*.greeting_img .img img {width:100%; height:100%; object-fit: cover;}*/

/*센터소개*/
.introduce {position: relative; margin:70px 0;}
.introduce .top .title span.sm_tit {display:block;color:#1473e7;/* font-weight:bold; */margin-bottom: 20px;font-size:.9rem;}
.introduce .top .title {font-family:"GmarketSans"; margin-bottom: 50px;}
.introduce .top .title h1 {display: block;font-size:1.8rem;color: #333;font-weight: 400;margin-bottom: 5px;/* font-weight: 500; */letter-spacing: -2px;}
.introduce .top .title h1 strong {position:relative; font-weight: 500;color: #fff; margin:0 5px 0 10px;}
.introduce .top .title h1 strong:before {content:""; display:block; position: absolute; top:50%; left:50%; transform: translate(-50%,-55%); width:100%; height:100%; padding:5px 8px; background:linear-gradient(90deg, rgba(0,102,177,1) 0%, rgba(113,191,69,1) 100%); background-size: 200% 200%; animation: gradient 1s ease infinite;  animation-direction:alternate; z-index: -1;}

.introduce .bottom {justify-content:space-between;width:100%;min-height: 400px;background:#f2f5f5;padding: 70px 60px;}
.introduce .bottom .txt {width: 50%;word-break: break-all;}
.introduce .bottom .txt p{font-size: 1.1rem;margin-bottom: 15px;line-height: 1.8rem;}
.introduce .bottom .txt b {display: block; font-size: 1.2rem; margin-bottom: 10px;}
.introduce .bottom .img {position: absolute; top:0; right:50px; width:40%; height:500px; border-radius: 10px; overflow: hidden;}
.introduce .bottom .img img {width:100%; height:100%; object-fit: cover; transform: scale(1); animation: zoomIn 5s;}


/*조직도*/
.orz {padding-top:50px;}
.orz_img {position: relative; width:870px; margin:0 auto; color:#fff;}
.orz_img h1 {font-size: 1.5rem;}
.orz_img .lv00,.orz_img .lv01 {margin: 0 auto; text-align: center;}
.orz_img .lv00 {position:relative;width: 140px;height: 140px;background:linear-gradient(90deg, rgba(0,102,177,1) 0%, rgba(113,191,69,1) 100%);border-radius: 100%;margin-bottom:85px;}
.orz_img .lv00:before {content: "";display: block;width:1px;height: 100px;background: #ccc;position: absolute;left:50%;transform: translate(-50%,0%);z-index: -1;top: 100%;}
.orz_img .lv00::after {content: "";position: absolute;width: 170px;height: 170px;background: linear-gradient(90deg, rgba(0,102,177,1) 0%, rgba(113,191,69,1) 100%);border-radius: 100%;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: -1;opacity: .2;}
.orz_img .lv01::after,.orz_img .lv02 li:after,.orz_img .lv03 li:after {content: "";position: absolute;width: 7px;height: 7px;border: 3px solid #fff;border-radius: 100%;background: #666;}
.orz_img .lv01::after,.orz_img .lv03 li:after {left: 50%; top: -6.5px; transform: translate(-50%, 0);}
.orz_img .lv01::after {background: #008099;}
.orz_img .lv02 li:after {background: #f8b62c;}
.orz_img .lv02 li:first-child:after {right:-6px; top:50%; transform: translate(0,-50%);}
.orz_img .lv02 li:last-child:after {left:-6px; top:50%; transform: translate(0,-50%);}
.orz_img .lv00 h1 {width: 100%;height: 100%;position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);cursor: pointer;}
.orz_img .lv00 h1 a {position:relative; display: block;color:#fff;width: 100%;height: 100%;line-height: 140px;font-size:1.3rem;}
.orz_img .lv00 h1:before {content: ""; position: absolute; top:50%; left:50%; transform: translate(-50%,-50%); width:230px; height:230px; background: url("/resources/images/contents/orz_bg.png")no-repeat; background-size: cover; animation: rotate 20s infinite linear;}
.orz_img .lv01 {position: relative; width:200px; }
.orz_img .lv01 h1 a {display:block;border: 3px solid #008099;color:#fff; font-size:1.2rem; font-weight:500; background: #008099;border-radius: 3px;padding:15px 0;}
.orz_img .lv01:hover a,.orz_img .lv02 li:hover a { background: #fff; color:#333; transition: .3s;}
.orz_img .lv03 li a:hover {background:#fff; color:#666; transition: .3s;}
.orz_img .lv02 {position:relative; display: flex;justify-content: space-between;align-items: center;margin: 50px 0;}
.orz_img .lv02 li {position:relative;width:220px;text-align: center;}
.orz_img .lv02:before {content: "";display: block;position: absolute;width: 100%;height: 1px;background: #ccc;z-index: -1; left: 50%;top: 50%; transform: translate(-50%,0%);}
.orz_img .lv02 li a {display: block; background: #f8b62c;  color:#000; font-weight: 500; font-size:1.2rem; transition: all .5s; padding:15px 0; box-sizing: border-box; border-radius: 3px; border:3px solid #f8b62c;}
.orz_img .lv03 {position:relative; display: flex;justify-content: space-between;align-items: center;margin-top: 50px;}
.orz_img .lv03 li {position:relative;width:200px;text-align: center;margin: 60px 0; }
.orz_img .lv03 li:before {content: "";display: block;position: absolute;left:50%;top:-50%;transform: translate(-50%,-50%);width:1px;height: 66px;background: #ccc;z-index: -1;}
.orz_img .lv03 li a {display: block; background: #666;  color:#fff; transition: all .5s; padding:15px 0; box-sizing: border-box; border-radius: 3px; border:3px solid #666;}
.orz_img .lv03:first-child li:nth-child(2):before {display: none;}
.orz_img .lv03:last-child {position: relative;}
.orz_img .lv03:last-child:after {content: "";display: inline-block;position: absolute;top: -25%;left:50%;transform: translate(0,-50%);width: 1px;height: 50%;background:#ccc;z-index: -1;}
.orz_img .lv03:before {content: "";display: block;position: absolute;left:50%;top: 0;transform: translate(-50%,0);width:77%;height:1px;background: #ccc;}
.orz .box_wrap .box {width:calc(100%/2 - 1rem);}


/*서비스안내*/
.device_service .box_wrap {margin-top:50px;}
.device_service .box_wrap.qualification .box {padding:0; min-height: 100px; background: none; border:1px solid #ddd;}
.device_service .box_wrap.qualification .box h2,.device_service .box_wrap.qualification .box > div{display: flex; align-items: center; padding:20px;}
.device_service .box_wrap.qualification .box h2 {font-family:'Pretendard'; font-weight: 600; padding:0 50px; font-size:1.1rem; background: #f5f9fd;margin:0; justify-content: center;color: #324299;}
.device_service .box_wrap.qualification .box p,.device_service .box_wrap.qualification .box .dot_list li {font-size:1rem; color:#444;}
.device_service ul.chk_list li {font-size: 1rem;}

.device_service .division .box_wrap {margin:0;}
.device_service .division .box_wrap .box {width:100%;}
.device_service .division .box_wrap .box + .box {margin-top:20px;}


/*정부지원제도*/
.cont_bg {position:relative; padding:80px;}
.cont_bg:before {content: ""; position: absolute; top:50%; left:50%; transform: translate(-50%,-50%); display: block; width:100%; height:100%; background: rgba(0,0,0,.7);}
.government .cont_bg {background: url("/resources/images/main/main_visual03.jpg")no-repeat center; background-size: cover;}
.government .cont_bg .btn {position:relative; display: flex; gap:2rem 0; justify-content: space-between; flex-wrap: wrap;}
.government .cont_bg .btn li {position:relative; top:0; align-items: center;justify-content: center;border:1px solid rgba(255,255,255,.4);width:calc(100%/3 - 1.5rem);height:200px; transition: ease-in-out .2s;}
.government .cont_bg .btn li a {display: block;padding:30px;color:#fff;text-align: center;width: 100%;height: 100%;/* line-height: 1.5rem; */font-family: 'GmarketSans';font-size: 1rem;}
.government .cont_bg .btn li a img {display: block; max-height: 55px; margin:0 auto 30px auto; transition: .3s ease-in-out;}
.government .cont_bg .btn li:hover {top:-10px;}
.government .cont_bg .btn li:hover a img {transform:rotateY( 360deg );}
.government .cont_bg .btn li span {display: block;}
.government .cont_bg .btn li span:after {font-family:'Bootstrap-icons'; content: "\F1C5"; color:#fff; font-size:.8rem; margin-left:5px;}


/*보조기기서비스*/
.device_service .process dd {width:calc(100%/5);}
.device_service .tab_menu li {width:calc(100%/5 - .5rem);}
.device_service .tab_menu li a span {display: block; font-weight: 300; font-size:.9rem; opacity: .9;}
.device_service .tab_contents_s {padding:50px; border:1px solid #eee;}
.device_service .box_wrap .box {width:calc(100%/2 - 1rem);}
.device_service .box_wrap .box.alone {width:100%;}
.device_service .box_wrap .box h2 span {display: block; font-size:.9rem; margin-bottom: 5px; color:#1473e7; margin-bottom: 10px;}
.device_service .img_box {margin-top:0;padding:50px;justify-content: space-between;}
.device_service .img_box .img {margin-top:0px;width: auto;height:300px;}
.device_service .img_box .txt {margin: 0 3rem 0 0;max-width: 50%;}
.device_service .img_box .txt h2 {font-family: 'GmarketSans'; font-weight: 500;}
.device_service .img_box .txt p {font-size: 1.1rem; line-height: 1.8rem;}
.device_service .img_box .txt li {color:#fff;}
.device_service .img_box .txt li:before {background: #fff;}
.device_service .img_box .txt li p {font-size: .9rem;line-height: 1.4rem;opacity: .8;}

/*약관동의*/
.user_policy .box_wrap .box {padding:30px; border:1px solid #ddd;}
.user_policy .box_wrap .box h1 {font-size:1.3rem; font-family: 'GmarketSans'; font-weight: 500; margin-bottom:20px;}
.user_policy .box_wrap .box .txt {background:#fff; border:1px solid #ddd; padding:20px; height:300px; overflow-y: auto; font-size: 1rem !important;}
.user_policy .box_wrap .box .txt .con_tit {font-size: 1.1rem; margin-bottom:10px;}
.user_policy .box_wrap .box label {margin-top:20px; font-weight: 500; font-size:1.1rem; color:#1d52b2; cursor:pointer;}


/*신청완료*/
.complete {text-align: center; padding:50px; border:1px solid #ddd;}
.complete h1 {font-size:1.8rem; margin: 20px 0 30px 0;}
.complete h1 span {display:block;}
.complete h1 span:first-child {color:#134aa9; margin-bottom:5px;}
.complete h1 span:last-child {color:#1473e7;}
.complete img {display:block; margin:0 auto; max-width: 100px;}
.complete p {padding:30px; border-radius: 3px; background:#f8fcff; font-size:1.1rem; line-height: 1.8rem; margin-bottom:30px;}


/*나의예약*/
.mypage_login .login {display: block; max-width: inherit; margin:0 auto;}
.mypage_login .login .field_box {width:60%;}
.mypage_login .login .field_box .inp_box input {max-width: 100%;}

.mypage_list{border-top:2px solid #333; }
.mypage_list .con .title {display: none;}
.mypage_list .con li {width:12%; text-align: center; border-bottom:1px solid #e9ecee; border-right:1px solid #e9ecee;}
.mypage_list .con li:first-child {width:10%; }
.mypage_list .con li:nth-child(5) {width:30%; }
.mypage_list .con li strong,.mypage_list .con li span {display: block; padding:20px;  }
.mypage_list .con li strong {background:#f4f6f8; font-size: 1.1rem;  border-bottom:1px solid #e9ecee;}
.mypage_list .con li span {height: 100px;align-items: center;display: flex;justify-content: center;}
.mypage_list .con ul span.blue {color:#0044a0;}
.mypage_list .con ul span.gray {color:#888;}
.mypage_list .con ul span.green {color:green;}

.mypage_list .con li:last-child {border-right:0;}
.mypage_list .btn {display:block; width:100%; padding:15px 0; border:1px solid #ccc; color:#ccc; cursor: default;  border-radius: 3px; text-align: center;}
.mypage_list .btn.cancel {background: #0071cd; border:1px solid #0071cd; color:#fff; cursor: pointer;}
.mypage_list .btn.cancel:hover {ansition: .3s; background: #0062b1; border:1px solid #0062b1;}
.mypage_list .con ul li strong {display: none;}
.mypage_list .con:first-child ul li strong {display: block;min-height: 62px;}

.mypage_user {padding:50px; border:1px solid #ddd; margin-bottom:50px;}
.mypage_user h1 {text-align: center; font-weight: 500; font-size:1.5rem; margin-bottom:30px;}
.mypage_user h1 span {display: inline-block; font-weight: bold; color:#0071cd; margin-right:5px;}
.mypage_user ul {gap:0 1rem;}
.mypage_user ul li {width:calc(100%/4); background: #f7f7f7; padding:30px; text-align: center;}
.mypage_user ul li span i {display: block; font-size:2rem; color:#434b5f;}
.mypage_user ul li span img {width:30px;}
.mypage_user ul li span strong {display:block; margin:20px 0; font-size: 1.1rem;}
.mypage_user ul li p span {display: inline-block; color:#0071cd; font-weight:bold; font-size:1.5rem; margin-right:5px;}



/* 찾아오시는 길 */
.map .root_daum_roughmap_landing {width: 100%!important; margin-top:0 !important;}
.map .inform {margin-top: 40px;border-bottom: 1px dashed #ddd;padding-bottom: 30px;}
/*.map .inform .txt {width:55%;}*/
.map .inform dl {display: flex; align-items: center; margin-bottom:15px;}
.map .inform dl dt {font-size:1.2rem; font-weight: 500; margin-right:10px; min-width: 140px;}
.map .inform dl dt span {position:relative; display:inline-block; width:30px; height:30px; background: #ecf2f7; border-radius: 100%; margin-right:10px; vertical-align: -7px;}
.map .inform dl dt i {position:absolute; top:50%; left:50%; transform: translate(-50%,-50%); color:#0c5e9e; font-size:.9rem;}
.map .inform dl dd {font-size:1.1rem; color:#444;}

.map .img {display:flex; gap:2rem; width:100%; overflow: hidden; }
.map .img li {width: calc(100%/2);}
.map .img img {width: 100%; height:100%; object-fit: cover;}

.map .box h3 {min-width:130px; font-size: 1.3rem;}
.map .box .subway li {align-items: center; margin-bottom:20px;}
.map .box .subway li:last-child {margin-bottom:0;}
.map .box span {display:inline-block;  text-align: center;  color:#fff; font-size: .9rem; margin-right:10px;}
.map .box .subway span {background: #02a94e; border-radius: 100%; width:20px; height:20px; line-height: 20px;}
.map .box .subway strong {font-size:1.1rem; margin-right:20px;}
.map .box .subway li p {font-size: 1rem; font-weight: normal;}
.map .box .bus li p {font-size:1rem; margin-bottom: 20px; font-weight: normal;}
.map .box .bus span {background: #2871c0; border-radius: 30px; padding:6px 15px;}



/**/
.business .img_box:before {content: "BUSINESS";position: absolute;bottom: -6%;display: block;color:#d4d4d4;right: 0%;font-size: 5rem;font-weight: bold;opacity: .1;/* z-index: -1; *//* transform: translate(-50%, 0); */letter-spacing: -2px;}
.business ul.division > li {width:calc(100% / 3 - 20px);}

.img_box {position:relative;display: flex;background: linear-gradient(90deg, rgba(0,102,177,1) 0%, rgba(113,191,69,1) 100%);margin-bottom: 50px;/* border-radius: 50px 0 0 0; *//* overflow: hidden; */margin-top: 120px;padding: 60px 50px;}
.img_box .img {overflow: hidden;margin-top: -130px;height: 350px;width: 500px;box-shadow: -2px 2px 13px 5px #576b6957;border-radius: 50px 0 0;}
.img_box .img img {width:100%; height:100%; object-fit: cover;}
.img_box .txt {margin-left: 4rem;}
.img_box .txt h2 {font-size: 1.5rem;line-height: 1.7;margin-bottom:20px;font-weight: bold;color: #fff;}
.img_box .txt p {font-size: 1rem;line-height: 1.6rem;color: #fff;opacity: .9;font-weight: 300;}



/* 기증안내 */
.pro_list {display: flex; flex-wrap: wrap;}
.pro_list li {width: calc(100% / 3); position: relative; margin: 15px 0;}
.pro_list.col6 li {width: calc(100% / 6);}
.pro_list li + li::before {content: ""; background: url(/resources/images/contents/ico_arrow01.png) center center no-repeat; width: 19px; height: 31px; background-size: 75%; position: absolute; left: -4px; top: 25%;}
.pro_list li:nth-child(3n+1) {}
.pro_list li span {display: block; text-align: center;}
.pro_list li span.img {width: 100px; height: 100px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: #fff; margin: 0 auto;}
.pro_list li span.img img {width: 50px; height: auto;}
.pro_list li span.txt {margin-top: 10px;}


/* 관람안내 */
span.important {color: #d32f2f; font-size: 1.375rem; font-weight: 700;}
.guide {display: flex; justify-content: center; margin-top: 10px;}
.guide > li {width: calc(100% / 3 - 15px); padding: 150px 20px 20px 20px; border-radius: 4px; background: #f9f9f9; position: relative;}
.guide > li::before {content: ""; width: 100px; height: 100px; border-radius: 50%; border: 1px solid #e6e6e6; position: absolute; top: 30px; left: 50%; transform: translateX(-50%);}
.guide > li.time::before {content: ""; background: #fff url(/resources/images/contents/ico_guide01.png) center center no-repeat; background-size: 60px;}
.guide > li.fee::before {content: ""; background: #fff url(/resources/images/contents/ico_guide02.png) center center no-repeat; background-size: 60px;}
.guide > li.close::before {content: ""; background: #fff url(/resources/images/contents/ico_guide03.png) center center no-repeat; background-size: 60px;}
.guide > li + li {margin-left: 20px;}
.guide > li > span {display: block;}
.guide > li > span.guide_tit {text-align: center; font-size: 1.25rem; font-weight: 700; margin-bottom: 20px; position: relative;}
.guide > li > span.guide_tit::after {content: ""; width: 20px; height: 2px; background: #555; position: absolute; bottom: -10px; left: 50%; transform: translateX(-50%);}
.guide > li > span.guide_txt {text-align: center;}
.guide > li > ul.chk_list {margin-top: 5px;}
.guide > li > ul.chk_list li {font-size: .9375rem; display: inline-block; position: relative; left: 50%; transform: translateX(-50%);}
.img_list {display: flex; flex-wrap: wrap; gap: 30px;}
.img_list li {display: flex; flex-wrap: wrap; width: calc(100% / 2 - 15px); height: 300px; overflow: hidden; position: relative;}
.img_list li img {width: 100%; height: 100%; object-fit: cover; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.img_list li span {display: inline-block; position: absolute; left: 0; bottom: 0; right: 0; width: 100%; padding: 15px; background: rgba(0,0,0,.5); color: #fff; font-size: 1rem; font-weight: 700; z-index: 2; text-align: center;}
.img_list + ul {margin-top: 10px;}
ul.division {display: flex; flex-wrap: wrap; gap: 30px;}
ul.division > li {width: calc(100% / 2 - 15px);}
ul.division > li .img_list li {width: 100%;}


/* 개인정보처리방침 */
.privacy .info_box .inner {padding: 20px;}
.privacy .info_box .inner * {line-height: 1.6; font-size: 1rem;}
.privacy .info_box .inner::before, .privacy .info_box .inner::after {display: none;}


/* 섬유창작소 */
.place_img {width: 100%; height: 320px; overflow: hidden; position: relative; margin-bottom: 50px;}
.place_img img {width: 100%; height: 100%; object-fit: cover; z-index: 1;}
.place_img span {display: inline-block; position: absolute; right: 0; bottom: 0; padding: 17px 50px; background: rgba(0,0,0,.5); color: #fff; font-size: 1.125rem; letter-spacing: .05rem; z-index: 2;}
.time_list {display: flex; margin: 0 -10px; overflow: overlay;}
.time_list li {margin: 10px; padding: 5px 20px; border: 7px solid #f9f9f9; border-radius: 4px; font-size: .9375rem; font-weight: 700; white-space: nowrap;}


/* 자주묻는질문 */
.faq {border-top: 1px solid #443816;}
.faq .faq_box {border-bottom: 1px solid #dedede;}
.faq .faq_box .faq_tit {display: flex; justify-content: space-between; padding: 30px 40px; cursor: pointer;}
.faq .faq_box .faq_tit.on .plus {transform: rotate(45deg);}
.faq .faq_box .faq_tit .plus {width: 22px; transition: .3s;}
.faq .faq_box .faq_cont {display: flex; justify-content: space-between; padding: 30px 40px; border-top: 1px dashed #dedede; background: #f7f5ef69; cursor: pointer; transition: border .1s;}
.faq .faq_box dl {display: flex;}
.faq .faq_box dl dt {min-width: 50px; font-size: 1rem; font-weight: 900; color: #cf0d61; line-height: 1.8;}
.faq .faq_box dl dd {font-size: 1rem; line-height: 1.8; color: #333;}
.faq .faq_box .faq_tit dl dd {font-weight: 700; font-size: 1.0625rem;}


/*!* 사이트맵 *!*/
/*.sitemap a {transition: .3s; display: inline-block; position: relative;}*/
/*.sitemap ul.depth1 {padding:30px;}*/
/*.sitemap ul.depth1 > li {font-family:"GmarketSans"; display: flex;justify-content: space-between;border-top:1px dashed #ddd;padding: 50px 0;margin-top: 50px;position: relative;}*/
/*.sitemap ul.depth1 > li .sm_tit {position: relative;margin-right:5rem;font-size: 1.4rem; font-weight: 500; width: 20%;}*/
/*.sitemap ul.depth1 > li .sm_tit:before {content: "";position: absolute;top: -52px;left:0;display: inline-block;width:100%;height:4px;background:linear-gradient(90deg, rgba(0,102,177,1) 0%, rgba(113,191,69,1) 100%);}*/
/*.sitemap ul.depth1 > li ul.depth2 {display: flex;flex-wrap: wrap;width: 80%;gap: 1rem;}*/
/*.sitemap ul.depth1 > li ul.depth2 > li {position:relative;width: calc(100%/3 - 1rem); border:1px solid #ddd; }*/
/*.sitemap ul.depth1 > li ul.depth2 > li a {position:relative; display: flex; align-items: center; width:100%; height:100%; color: #333; transition: .3s;font-size: 1rem; padding: 20px;}*/
/*.sitemap ul.depth1 > li ul.depth2 > li a:before {font-family:"Bootstrap-icons";content: "\F285"; position:absolute; top:50%; right:20px; transform:translate(0,-50%); display: inline-block; font-size:.8rem; color:#999;}*/
/*.sitemap ul.depth1 > li ul.depth2 > li a[target=_blank]::before {content: "\F1C5";}*/
/*.sitemap ul.depth1 > li ul.depth2 > li:hover {border:1px solid #1565c7;  transition: .3s; background:#f1f4fa;}*/
/*.sitemap ul.depth1 > li ul.depth2 > li:hover > a,.sitemap ul.depth1 > li ul.depth2 > li:hover > a:before {color: #1565c7;}*/



/* 사이트맵 */
.sitemap .title {position:relative; width: 100%;padding:100px 60px; background:url("/resources/images/contents/img_sitemap.jpg")right 57% no-repeat;background-size: cover; color:#fff;margin-bottom: 50px; z-index: -1;}
.sitemap .title:after {content: ""; position:absolute; top:0; left:0; display: block; width:100%; height:100%; background: rgba(0,0,0,.2); z-index: -1;}
.sitemap .title h1 { font-family: 'GmarketSans';}
.sitemap .title p {opacity: .8;margin-top:25px;line-height: 1.5rem;font-size: 1.1rem;}

.sitemap a {transition: .3s; display: inline-block; position: relative;}

.sitemap ul.depth1 > li {font-family:"GmarketSans"; justify-content: space-between;border-top:1px dashed #ddd;padding: 50px 0; position: relative;}
.sitemap ul.depth1 > li:last-child {padding-bottom:0;}
.sitemap ul.depth1 > li .sm_tit {position: relative;/* margin-right:5rem; */font-size:1.5rem;font-weight: 500;width: 20%;margin-bottom: 30px;padding-left: 25px;}
.sitemap ul.depth1 > li .sm_tit:before {content: "";position: absolute;top: -52px;left:0;display: inline-block;width:100%;height:4px;background:linear-gradient(90deg, rgba(0,102,177,1) 0%, rgba(113,191,69,1) 100%);}
.sitemap ul.depth1 > li .sm_tit:after {content: "";display: inline-block;width: 13px;height: 2px;background: #333333;margin-right:5px;transition: .3s ease-in-out;position: absolute;left: 0;top: 50%;}

.sitemap ul.depth1 > li ul.depth2 {display: flex;flex-wrap: wrap;/* width: 80%; */gap: 1rem;}
.sitemap ul.depth1 > li ul.depth2 > li {position:relative;width: calc(100%/4 - 1rem);}
.sitemap ul.depth1 > li ul.depth2 > li a {position:relative;display: flex;align-items: center;width:100%;height:100%;color: #333;transition: .3s;font-size: 1rem;padding: 15px 20px; background: #f7f7f7;}
.sitemap ul.depth1 > li ul.depth2 > li:hover a {background: #f1f4fa; transition: .3s;}
.sitemap ul.depth1 > li ul.depth2 > li a:before {font-family:"Bootstrap-icons";content: "\F285"; position:absolute; top:50%; right:20px; transform:translate(0,-50%); display: inline-block; font-size:.8rem; color:#999;}
.sitemap ul.depth1 > li ul.depth2 > li a[target=_blank]::before {content: "\F1C5";}
.sitemap ul.depth1 > li ul.depth2 > li:hover {transition: .3s; background:#f1f4fa;}
.sitemap ul.depth1 > li ul.depth2 > li:hover > a,.sitemap ul.depth1 > li ul.depth2 > li:hover > a:before {color: #1565c7;}

/* confirm */
.overlay {display: none; background: rgba(0,0,0,.6); position: fixed; width: 102vw; height :102vh; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 99998;}
.overlay.open {display: block;}
.confirm {display: none; max-width: 600px; width: 90%; position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 99999;}
.confirm.open {display: flex; align-items: center; justify-content: center;}
.confirm .confirm_box {width: 100%; padding: 40px; background: #fff; border-radius: 14px;}
.confirm .confirm_box .confirm_cnt {font-size: 1rem; color: #333; line-height: 1.5;}
.confirm .confirm_box .confirm_cnt .cnt_box {max-height: 300px; overflow-y: overlay;}
.confirm .confirm_box .confirm_cnt h5 {font-size: 1.375rem; margin-bottom: 20px; text-align: center; padding-top: 65px; position: relative;}
.confirm .confirm_box .confirm_cnt h5::before {content: ""; background: #fffbf3 url(/resources/images/layout/ico_alert.svg) center center no-repeat; background-size: 25px; padding: 25px; border-radius: 50%; position: absolute; left: 50%; top: 0; transform: translateX(-50%);}
.confirm .confirm_box .confirm_cnt p + p {margin-top: 5px;}
.confirm .confirm_box .confirm_cnt ul.dot_list {margin-top: 5px;}
.confirm .confirm_box .confirm_cnt ul.dot_list li + li {margin-top: 0;}
.confirm .confirm_box .confirm_btn {display: flex; justify-content: center; align-items: center; gap: 15px; margin-top: 30px;}
.confirm .confirm_box .confirm_btn > * {font-size: .9375rem; letter-spacing: .05rem; padding: 8px 24px; border-radius: 4px;}
.confirm .confirm_box .confirm_btn a {background: #15875f; color: #fff;}
.confirm .confirm_box .confirm_btn button {background: #f4f4f4; color: #333;}


/* organ */
.organ_list {display: inline-block; position: relative; padding-left: 15px;}
.organ_list::before {content: ""; width: 3px; height: 3px; border-radius: 50%; background: #555; position: absolute; left: 5px; top: -7px;}


@media (max-width: 1300px) {


    /* 인사말 */
    .greeting_img {height:350px;}
    .greeting_img .title {padding: 30px; right:30px; }
    .greeting_img .title h1 {font-size:1.5rem;}


    /*센터소개*/
    .introduce .top {max-width:55%;}
    .introduce .bottom .img {right:30px; height:400px;}


    /*사업안내*/
    .img_box {padding:0; margin-top:0;}
    .img_box .img {width:40%; margin-top: 0;border-radius: 0;box-shadow: none;}
    .img_box .txt {width:55%; margin-left:0rem; padding:50px;}


    /*보조기기서비스*/

    .device_service .tab_contents_s {padding:30px;}
    .device_service .img_box .txt {padding:0; margin:0 4rem 0 0;}
    .device_service .img_box .txt h2 {font-size:1.3rem; margin-bottom:10px;}
    .device_service .img_box .txt p {font-size:1rem; line-height: 1.6rem;}
    .device_service .img_box .img {width:auto; height:250px;}




}


@media (max-width: 1200px) {

    /* 기증안내 */
    .pro_list.col6 li {width: calc(100% / 3);}

    /* 상설전시 */
    .hall_map {padding: 30px;}
    .hall_exhibit li {width: calc(100% / 3 - 20px);}


    /*나의예약*/
    .mypage_list{border-top:0; }
    .mypage_list .con {border:1px solid #ddd; border-top:2px solid #333; padding:30px; margin-bottom:50px;}
    .mypage_list .con:last-child {margin-bottom:0;}
    .mypage_list .con .title {display: block; width:100%; margin-bottom:30px;}
    .mypage_list .title h1 {font-size: 1.3rem; text-align: center;}
    .mypage_list .con ul {display: block; padding:20px; background: #f4f6f8;}
    .mypage_list .con li {display:flex; width:100%; border:0; margin-top:15px;}
    .mypage_list .con li:first-child {display: none; }
    .mypage_list .con li:nth-child(2) {margin-top:0px;}
    .mypage_list .con li:nth-child(5) {width:100%; }
    .mypage_list .con li strong, .mypage_list .con li span {padding:0px; text-align: left;}
    .mypage_list .con li strong {min-width:130px; background:none;  min-height: auto;  border-bottom:0;}
    .mypage_list .con li:last-child {display: block; margin:0;}
    .mypage_list .con ul li.name {display: none;}
    .mypage_list .con li span {height:auto;}
    .mypage_list .con:first-child ul li strong {display: block;min-height:auto;}
    .mypage_list .con ul li strong {display: block;}
    .mypage_list .con ul li:last-child strong {display: none;}
    .mypage_list .btn {margin-top:30px;}







}


@media (max-width: 900px) {

    /*절차*/
    .process {padding:20px;}
    .process dd {padding:20px 10px 0 10px;}


    /*인사말*/
    .greeting_img {background-position: 10% 0;}
    .greeting_img .title {bottom: 0;/* padding:0; */transform:translate(0px, 0px);top:auto;/* background:none; */right: 0;padding: 30px;border-radius: 20px 0 0 0;}
    .greeting_img .title:before {display: none;}
    .greeting_img .title h1,.greeting_img .title span.s_tit {display: none;}
    .greeting .txt h1 {width:100%;}


    /*센터소개*/
    .introduce {margin:0;}
    .introduce .top {max-width:100%; text-align: center;}
    .introduce .top .title {margin-bottom: 30px;}
    .introduce .bottom {flex-wrap: wrap; flex-direction:column-reverse; min-height: auto; padding:0; background: none;}
    .introduce .bottom .img {position: relative; right:0; width:100%; height:300px;}
    .introduce .bottom .txt {width:100%; margin-top:30px;}
    .introduce .bottom .txt b {display: inline-block; font-weight:normal; font-size: 1rem; margin-bottom: 0;}
    .introduce .bottom .txt p {line-height: 1.5rem;}
    .introduce .top .title h1 {line-height: 2.5rem; margin-bottom:0;}


    /*조직도*/
    .orz_img {width:100%;}
    .orz_img .lv00 {margin-bottom:40px; }
    .orz_img .lv01 {width:50%;}
    .orz_img .lv01 h1 a {font-size:1.1rem;}
    .orz_img .lv01:before,.orz_img .lv02:before,.orz_img .lv02 li:before,.orz_img .lv03 li:before,.orz_img .lv03:before {display: none;}
    .orz_img .lv02,.orz_img .lv03 {border:1px solid #ddd; padding:15px;  background: #fff;}
    .orz_img .lv02 li {width:100%; margin:5px; box-sizing: border-box;}
    .orz_img .lv03 {flex-wrap: wrap; gap:.5rem; justify-content:center; margin-top:40px;}
    .orz_img .lv03 li {width:calc(100%/2 - .5rem); margin:0;}
    .orz_img .lv02:last-child {margin-top:20px;}
    .orz_img .lv01::after, .orz_img .lv02 li:after,.orz_img .lv03 li:after {display: none;}

    .box_wrap {display:block;}
    .box_wrap .box {width:100% !important; margin-bottom:20px;}
    .box_wrap .box:last-child {margin-bottom:0;}


    /*정부지원제도*/
    .cont_bg {padding:50px;}
    .government .cont_bg .btn li {width:calc(100%/2 - 1rem);}


    /*보조기기 서비스*/
    .device_service .process dd {width:calc(100%/3);}
    .device_service .process dd:nth-child(4):after {display: none;}


    /*사업안내*/
    .business ul.division > li {width:calc(100% / 2 - 15px);}


    /*사이트맵*/
    .sitemap ul.depth1 {padding:0;}
    .sitemap ul.depth1 > li ul.depth2 > li {width:calc(100%/2 - 1rem);}


    /*나의예약*/
    .mypage_user ul {gap:1rem; flex-wrap:wrap;}
    .mypage_user ul li {width:calc(100%/2 - 1rem); padding:30px; }


}



@media (max-width: 767px) {
    .m_hide {display: none;}

    .con_tit {font-size: 1.25rem;}
    .con_sub_tit {font-size: 1.125rem;}
    .con_img img {width: 100%;}

    /*박스*/
    .box_wrap {padding:0px;}
    .box {padding:30px;}


    .privacy .info_box .inner {padding: 10px}



    /*사업안내*/
    .img_box {padding:60px; flex-wrap: wrap; }
    .img_box .img {width:100%; max-height: 300px;}
    .img_box .txt {width:100%; margin-top:2rem; padding:0px;}
    .business ul.division > li {width:100%;}


    /*안내사항*/
    .info_box {margin-bottom:30px;}
    .info_box .inner {padding: 40px 30px;}
    .info_box .inner::before {position: absolute; left:auto; right: 15px; top: 25px;}

    ul.down_list li {width: 100%;}
    ul.down_list li + li {margin-left: 0; margin-top: 10px;}
    a.down {width: 100%;}


    /* 상설전시 */
    .hall_map {padding: 0; background: none;}
    .hall_map img {padding: 10px; background: #f9f9f9;}
    .hall_exhibit li {width: calc(100% / 2 - 15px);}
    .floor_img > span {background: transparent; font-size: 0;}
    .floor_img > span::before {display: none;}
    .floor_img > span::after {background-size: 50%; top: -22px; left: 35%;}
    .floor_img > span span {position: relative; z-index: 2;}


    /* 찾아오시는 길 */
    .map .inform dl {display: block;}
    .map .inform dl dt {font-size:1.1rem;min-width: auto;margin:0;}
    .map .inform dl dd {font-size:1rem;padding-left: 52px; margin-top:10px;}
    .map .img {flex-wrap: wrap; gap:1rem;}
    .map .img li {width: 100%;}

    .map .box {display: block;}
    .map .box h3 {font-size: 1.2rem; margin-bottom:20px;}
    .map .box .subway li {flex-wrap: wrap;}
    .map .box .subway li p {width:100%; margin-top:10px;}
    .map .box .subway strong {font-size:1rem;}

    .map .box .bus li > div {display: flex; align-items: center;}



    /* 기증안내 */
    .pro_list li, .pro_list.col6 li {width: calc(100% / 2);}

    /* 관람안내 */
    .guide {flex-wrap: wrap;}
    .guide > li {width: 100%;}
    .guide > li + li {margin-left: 0;}
    .img_list li {width: 100%;}
    ul.division > li {width: 100%;}

    /* 인사말 */
    .greeting_img img {left: -100px; right: -100px; width: calc(100% + 200px);}
    .greeting_img .greeting_tit {width: 100%; height: 250px; top: 100px; padding: 25px;}
    .greeting_txt li {width: 100%;}
    .greeting_img {background-position:0}


    /*보조기기서비스*/
    .device_service .tab_menu li {width:calc(100%/3 - .5rem);}
    .device_service .tab_contents_s {padding:0; border:0;}
    .device_service .img_box {padding:40px;  flex-direction: column-reverse;}
    .device_service .img_box .txt {margin:0; max-width:100%;}
    .device_service .img_box .txt h2 {margin-top:20px;}



    /*정부지원제도*/
    .cont_bg {padding:30px;}
    .cont_bg .btn li a {padding:25px;}
    .government .cont_bg .btn {gap:1rem; justify-content: center;}
    .government .cont_bg .btn li {width:calc(100%/2 - 1rem);}
    .government .cont_bg .btn li a {font-size:1rem;}


    /* 박물관 로고 */
    .logo > .img {padding: 30px 0;}
    .logo .box01 > li:first-child, .logo .box01 > li:last-child {width: 100%;}
    .logo .box01 > li h5 {margin-top: 10px;}
    .logo .box02 {margin-top: 30px;}
    .logo .box02 > li {width: 100%;}
    .logo .box02 > li + li {margin-left: 0;}
    .logo .box02 > li:not(:first-child) {margin-top: 30px;}

    /* 자주묻는질문 */
    .faq .faq_box .faq_tit {padding: 20px;}
    .faq .faq_box .faq_cont {padding: 20px;}
    .faq .faq_box dl dt {min-width: 40px;}
    .faq .faq_box dl dd {line-height: 1.5; font-size: .9375rem;}


    /*사이트맵*/
    .sitemap .title {padding:60px 30px;}
    .sitemap .title h1 {font-size: 1.5rem;}
    .sitemap .title p {font-size: 1rem;}
    .sitemap ul.depth1 > li {display: block;}
    .sitemap ul.depth1 > li .sm_tit {width:auto; margin:0 0 30px 0; font-size:1.2rem;}
    .sitemap ul.depth1 > li ul.depth2 {width:100%;}
    .sitemap ul.depth1 > li ul.depth2 > li {width:calc(100%/2 - 1rem);}
    .sitemap ul.depth1 > li ul.depth2 > li a {padding:15px;}



    /*나의예약*/
    .mypage_login .login {padding:30px;}
    .mypage_login .login .field_box {width:100%;}
    .mypage_login .login .btn_area {gap:0 10px;}
    .mypage_login .login .btn_area .btn {padding:15px 20px; font-size:1rem; margin-top:0;}
    .mypage_user {padding:50px 30px;}


    /*약관동의*/
    .user_policy .con_tit {margin-bottom:10px;}
    .user_policy .box_wrap .box {padding:15px;}
    .user_policy .box_wrap .box p,.user_policy .box_wrap .box li {font-size:.9rem;}
    .user_policy .box_wrap .box .txt .con_tit,.user_policy .box_wrap .box .txt .con_sub_tit {font-size:1rem;}
    .user_policy .box_wrap .box .txt ul.num_list > li {align-items: baseline;}
    .user_policy .box_wrap .box .txt ul.num_list > li span.num {width: 15px;height: 15px;padding-top: 3px; font-size: .7rem;margin-right: 5px;}
    .user_policy .box_wrap .box label {font-size:1rem;}
}

@media (max-width: 500px) {

    .cont_group { font-size: 1rem;}


    /*인사말*/
    .greeting_img {height:400px; background-position: -80px;}
    .greeting_img .title {border-radius:0; transform: translate(-50%, 0px);top:auto;background:none;right: auto;left: 50%;width: 100%;text-align: center;background:linear-gradient(90deg, #1565c7, #3F51B5);bottom: 0;padding: 20px}
    .greeting_img .title p {color: #fff; font-size: 1rem;}
    .greeting .txt {margin-top:30px;}
    .greeting .txt h1 {font-size:1.3rem; margin-bottom: 20px; line-height:2rem;}
    .greeting .txt p {font-size: 1rem;}


    /*센터소개*/
    .introduce .top .title h1 {font-size: 1.5rem;}


    /* 인사말 */
    .greeting_img .greeting_tit span {font-size: .875rem;}
    .greeting_img .greeting_tit h4 {font-size: 1.25rem;}


    /*정부지원제도*/
    .cont_bg {padding:30px;}
    .cont_bg .btn li a {padding:25px;}
    .government .cont_bg .btn {gap:1rem; justify-content: center;}
    .government .cont_bg .btn li {width:100%; height:auto;}
    .government .cont_bg .btn li a img {max-height:40px;}
    .government .cont_bg .btn li:hover {top:0;}


    /*사업안내*/
    .img_box {padding:30px;}
    .img_box .txt {text-align: center;}
    .business ul.division > li {width:100%;}



    /*보조기기 서비스*/
    .device_service .process dd {width:calc(100%/2);}
    .process dd span {margin:20px auto;}

    .device_service .process dd h1 {margin:15px 0 20px 0;}
    .device_service .process dd:after {transform: translate(0%,0%); right:0; top:68%; left:auto;}
    .device_service .process dd:first-child:after,.device_service .process dd:nth-child(4):after {display:block;}
    .device_service .process dd:first-child:after,.device_service .process dd:last-child:after {width:50%;}
    .device_service .process dd:last-child:after {right:auto; left:0;}


    /* 상설전시 */
    .hall_exhibit li {width: 100%;}

    /* 기증안내 */
    .pro_list li, .pro_list.col6 li {width: 100%;}
    .pro_list li + li {margin-top: 50px;}
    .pro_list li + li::before {left: 50%; top: -46px; transform: translateX(-50%) translateY(0) rotate(90deg);}

    /* 관람안내 */
    .guide .con_box {padding: 20px;}


    /* 사이트맵 */
    .sitemap ul.depth1 > li {padding:30px 0;}
    .sitemap ul.depth1 > li .sm_tit:before {top:-32px;}
    .sitemap ul.depth1 > li ul.depth2 > li {width:100%;}

    /* confirm */
    .confirm .confirm_box {padding: 15px;}



    /*나의예약*/
    .mypage_user {padding:30px;}
    .mypage_user ul li {width:100%;}

    .mypage_list .con {border:0; padding:30px 0; border-top:2px solid #333; border-bottom: 1px solid #ddd;}
    .mypage_list .con li {margin-top:20px;}
    .mypage_list .con li,.mypage_list .con li span {display: block;}
    .mypage_list .con li span {margin-top:10px;}


}



@media (max-width: 450px) {
    .info_box .inner {padding:30px;}
    .info_box .inner::before {display: none;}
    .info_box .inner h5 {font-size: 1.1rem;}

    .cont_group {margin:30px 0;}


    /*센터소개*/
    .introduce .top .title h1 {font-size: 1.3rem; line-height: 2.3rem;}
    .introduce .bottom .txt p {font-size:1rem;}


    /*조직도*/
    .orz_img h1 {font-size:1.3rem;}
    .orz_img .lv00 {width:130px; height:130px;}
    .orz_img .lv00 h1 a {line-height: 130px;}
    .orz_img .lv00::after {width:160px; height:160px;}
    .orz_img .lv01 {width:90%;}
    .orz_img .lv02 {flex-wrap: wrap; margin:40px 0;}
    .orz_img .lv02 li {margin:5px 0;}
    .orz_img .lv02 li a,.orz_img .lv01 h1 a {font-size:1rem;}
    .orz_img .lv03 {margin-top:30px;}
    .orz_img .lv03 li {width:100%;}

    .orz_img .lv03:last-child:after {height:100%;}

    .box_wrap .box {padding:25px;}
    .box_wrap .box h2 {font-size:1.1rem; margin-bottom:10px;}


    /*찾아오시는길*/
    .wrap_map {height:300px !important;}
    .map .inform {padding-bottom:20px;}
    .map .inform dl dt {font-size: 1rem;}
    .map .inform dl dt span {width:25px; height:25px; vertical-align: middle; margin-right:5px;}
    .map .inform dl dd {padding-left:35px;}


    /*절차*/
    .process dd h1 {font-size: 1rem;}


    /*보조기기서비스*/
    .device_service .tab_menu li {width:calc(100%/2 - .5rem);}


    /*서비스안내*/
    .device_service .box_wrap.qualification .box {min-height:auto;}
    .device_service .box_wrap.qualification .box h2 {padding:0 30px; font-size: 1rem;}


}