@charset "utf-8";
/* CSS Document */
/* contents CSS */

/* main-section-01 */
.main-section-01 {position:relative;}

.main-search {z-index:10;position:absolute;top:24px;left:24px;width:282px;background-color:#fff;border-radius:4px;overflow:hidden;box-shadow:0 2px 6px rgba(0,0,0,0.16);}
.main-search .input-keyword .input-search {width:100%;line-height:48px;padding:0 40px;}
.main-search .input-keyword .btn-input-delete {display:none;position:absolute;top:12px;right:12px;width:24px;height:24px;background:url(../../images/front/ico_x_01.svg) center no-repeat;text-indent:-9999px;overflow:hidden;}
.main-search .input-keyword .btn_search{position:absolute;top:12px;left:12px;width:24px;height:24px;background:url(../../images/front/ico_glass_01.svg) center no-repeat;text-indent:-9999px;overflow:hidden;}
.main-search .list-search {display:none;list-style:none;padding:10px;}
.main-search .list-search > li > .btn {display:flex;padding:11px 16px 10px;text-align:left;line-height:19px;border-radius:4px;}
.main-search .list-search > li > .btn .num {width:20px;font-weight:600;}
.main-search .list-search > li > .btn .name {width:calc(100% - 20px);}
.main-search .list-search > li > .btn:hover,
.main-search .list-search > li > .btn:focus {text-decoration:none;background-color:#F8F9FD;font-weight:600;}
.main-search .list-search > li > .btn:hover .name,
.main-search .list-search > li > .btn:focus .name {text-decoration:underline;}

.main-map .btn-skip {display:block;overflow:hidden;position:absolute !important;left:-9999px;width:1px;height:1px;font-size:0;line-height:0;text-indent:-9999px;}
/* .main-map .btn-skip:focus {opacity:1;} */

.main-map .map-area {position:relative;height:720px;}
.main-map .map-area:before {content:'';position:absolute;left:0;right:0;bottom:0;display:block;height:20px;background:linear-gradient(transparent, #111);opacity:0.05;}
.main-map .map-area .map-area-ico {z-index:100;position:absolute;}

.main-map .map-alarm {z-index:20;position:absolute;left:50%;bottom:30px;display:flex;gap:8px;transform:translateX(-50%); white-space: nowrap;}
.main-map .map-alarm .btn-call {z-index:100;position:absolute;left:0;top:-50px;width:40px;height:40px;border-radius:18px;text-indent:-9999px;overflow:hidden;background:#026abf url(../../images/front/ico_phone.svg) center no-repeat;box-shadow:0 2px 6px rgba(0,0,0,0.16);}
.main-map .map-alarm .list-check {list-style:none;display:flex;border-radius:4px;box-shadow:0 2px 6px rgba(0,0,0,0.16); position: relative;}
.main-map .map-alarm .list-check::before{content: ''; position: absolute; left: 0; right: 0; top: -16px; height: 16px;}
.main-map .map-alarm .list-check > li {position:relative;}
.main-map .map-alarm .list-check > li + li {border-left:1px solid #EEE;}
.main-map .map-alarm .list-check li label{position: relative;}
.main-map .map-alarm .list-check li label::after{content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; border: 1px solid #333;}

.main-map .map-alarm .list-countries {display:none;z-index:30;position:absolute;left:50%;bottom:60px;width:250px;margin-left:-125px;background-color:#fff;border-radius:8px;padding:8px;}
.main-map .map-alarm .list-countries > ul {list-style:none;max-height:230px;overflow-y:auto;}
.main-map .map-alarm .list-countries:before {content:'';position:absolute;bottom:-8px;left:50%;display:block;width:16px;height:8px;background:url(../../images/front/tail_01.svg) center no-repeat;}
.main-map .map-alarm .list-countries .btn {width:100%;padding:11px 8px 10px;line-height:19px;border-radius:4px; position: relative;}
.main-map .map-alarm .list-countries .btn:focus,
.main-map .map-alarm .list-countries .btn:hover {background-color:#F1F3FA;}
.main-map .map-alarm .list-countries .btn span{padding: 4px 12px; border-radius: 16px; font-size: 14px; line-height: 16px; position: absolute; right: 8px; top: 8px;}
.main-map .map-alarm .list-countries .btn span.pink_tag{color: #c82613; background: #FDEBF0;}
.main-map .map-alarm .list-countries .btn span.sky_tag{color: #2DA5B5; background: #E8F6F8;}

.main-map .map-control {z-index:30;position:absolute;top:24px;right:24px;}
.main-map .map-control > ul {list-style:none;background-color:#fff;border-radius:4px;box-shadow:0 2px 6px rgba(0,0,0,0.16);}
.main-map .map-control > ul + ul {margin-top:8px;}
.main-map .map-control > ul > li + li {border-top:1px solid #eee;}
.main-map .map-control > ul .btn {width:40px;height:40px;text-indent:-9999px;overflow:hidden;}
.main-map .map-control > ul .btn-measure {background:url(../../images/front/ico_map_measure.svg) center no-repeat;}
.main-map .map-control > ul .btn-area {background:url(../../images/front/ico_map_area.svg) center no-repeat;}
.main-map .map-control > ul .btn-worldmap {background:url(../../images/front/ico_map_worldmap.svg) center no-repeat;}
.main-map .map-control > ul .btn-here {background:url(../../images/front/ico_map_here.svg) center no-repeat;}
.main-map .map-control > ul .btn-zoomout {background:url(../../images/front/ico_map_zoom-out.svg) center no-repeat;}
.main-map .map-control > ul .btn-zoomin {background:url(../../images/front/ico_map_zoom-in.svg) center no-repeat;}

.main-map .btn-controlsize {position:absolute;left:50%;bottom:0;width:72px;height:20px;margin-left:-36px;text-indent:-9999px;overflow:hidden;border-radius:18px 18px 0 0;background:#292929 url(../../images/front/arr_06.svg) center no-repeat;}
.main-map.cut .btn-controlsize {background:#F1F3FA url(../../images/front/arr_07.svg) center no-repeat;}
.main-map.cut .map-area {height:360px;}

.main-map .btn-fullscreen {position:absolute;right:24px;bottom:24px;padding:10px 16px 10px 36px;line-height:20px;background:#fff url(../../images/front/ico_map_fullscreen.svg) 8px 8px no-repeat;border-radius:4px;}
.main-map .btn-fullscreen.on {background:#fff url(../../images/front/ico_fullscreen_exit.svg) 8px 8px no-repeat;}

.main-map .btn-popup-check {position:absolute;left:24px;bottom:24px;}
.main-map .popup-mapinfo {z-index:100;position:absolute;top:0;right:0;width:564px;background-color:#fff;border-radius:8px;padding:40px;box-shadow:0 8px 40px rgba(0,0,0,0.08);}
.main-map .popup-mapinfo .popup-head {display:flex;}
.main-map .popup-mapinfo .popup-head .img {position:relative;width:42px;height:28px;margin-right:8px;border-radius:2px;overflow:hidden;}
.main-map .popup-mapinfo .popup-head .img:before {content:'';position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid #ddd;border-radius:2px;opacity:0.2;}
.main-map .popup-mapinfo .popup-head .img img {width:100%;height:100%;object-fit:cover;}
.main-map .popup-mapinfo .popup-head .popup-title {line-height:28px;font-size:24px;font-weight:600;}
.main-map .popup-mapinfo .popup-head .btn-popup-close {position:absolute;top:24px;right:24px;width:40px;height:40px;text-indent:-9999px;overflow:hidden;background:url(../../images/front/ico_x_02.svg) center no-repeat;}
.main-map .popup-mapinfo.icon_info .popup-head .btn-popup-close{background-size: 30px;}
.main-map .popup-mapinfo.icon_info .popup-head .link_to{display: inline-block; border: 1px solid #026abf; color: #026abf; padding: 0 8px; border-radius: 4px; margin-left: 4px;}
.main-map .popup-mapinfo .popup-body{padding-top: 20px;}
.main-map .popup-mapinfo .info-01 {display:flex;justify-content:space-between;flex-wrap:wrap;}
.main-map .popup-mapinfo .info-01 .left {display:flex;color:#767676;gap:20px;line-height:24px;}
.main-map .popup-mapinfo .info-01 .left span {position:relative;}
.main-map .popup-mapinfo .info-01 .left span + span:before {content:'';position:absolute;top:11px;left:-12px;display:block;width:4px;height:4px;background-color:#bbb;border-radius:8px;}
.main-map .popup-mapinfo .info-01 .left .name-en {letter-spacing:0;}
.main-map .popup-mapinfo .info-01 .right {display:flex;gap:4px; position: relative;}
.main-map .popup-mapinfo .info-01 .right .link_detail{font-size: 16px; font-weight: 600; position: absolute; right: 0; top: -24px; white-space: nowrap; padding-left: 16px; background: url(../../images/front/ico_glass_01.svg) no-repeat 0 50% / 14px; width: auto !important;}
.main-map .popup-mapinfo .info-02 {background-color:#F8F9FD;padding:20px;border-radius:8px;margin-top:16px;}
.main-map .popup-mapinfo .info-02 > ul {list-style:none;}
.main-map .popup-mapinfo .info-02 > ul > li {display:flex;gap:16px;line-height:22px;}
.main-map .popup-mapinfo .info-02 > ul > li + li {margin-top:8px;}
.main-map .popup-mapinfo .info-02 > ul .title {font-weight:600;width:45px;}
.main-map .popup-mapinfo .info-02 > ul .con {width:calc(100% - 45px);}
.main-map .popup-mapinfo .info-02 .more {margin-top:8px;text-align:right;}
.main-map .popup-mapinfo .info-02 .more .btn-more {padding-top:1px;line-height:19px;padding-right:24px;background:url(../../images/front/arr_08.svg) right center no-repeat;}
.main-map .popup-mapinfo .info-03 {margin:16px 0 32px;}
.main-map .popup-mapinfo .tab-wrap {position:relative;}
.main-map .popup-mapinfo .tab-wrap .tab-head {display:flex;width:calc(100% - 48px);border:1px solid #EEEEEE;background-color:#F8F9FD;border-radius:4px;}
.main-map .popup-mapinfo .tab-wrap .tab-head .btn {z-index:0;width:100%;text-align:center;padding:11px 12px 10px;line-height:19px;border-radius:4px;}
.main-map .popup-mapinfo .tab-wrap .tab-head .btn:focus {outline:0;}
.main-map .popup-mapinfo .tab-wrap .tab-head .btn.active {z-index:1;background-color:#fff;font-weight:600;}
.main-map .popup-mapinfo .tab-wrap .tab-head .btn.active:before {content:"";position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;border:1px solid #111;border-radius:4px;}
.main-map .popup-mapinfo .tab-wrap .tab-contents {padding-top:16px;}
.main-map .popup-mapinfo .tab-wrap .tab-contents .btn-tab-more {position:absolute;top:0;right:0;width:40px;height:40px;border:1px solid #ccc;border-radius:4px;text-indent:-9999px;overflow:hidden;}
.main-map .popup-mapinfo .tab-wrap .tab-contents .btn-tab-more:before,
.main-map .popup-mapinfo .tab-wrap .tab-contents .btn-tab-more:after {content:'';position:absolute;top:50%;left:50%;display:block;width:16px;height:2px;background-color:#555;margin:-1px 0 0 -8px;}
.main-map .popup-mapinfo .tab-wrap .tab-contents .btn-tab-more:after {transform:rotate(90deg);}
.main-map .popup-mapinfo .tab-wrap .tab-contents .btn-tab-more:hover,
.main-map .popup-mapinfo .tab-wrap .tab-contents .btn-tab-more:focus {border-color:#111;}
.main-map .popup-mapinfo .list-board {list-style:none;line-height:19px;}
.main-map .popup-mapinfo .list-board > li + li {margin-top:12px;}
.main-map .popup-mapinfo .list-board .btn {display:flex;width:100%;}
.main-map .popup-mapinfo .list-board .title {display:inline-block;vertical-align:top;width:auto;max-width:calc(100% - 70px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.main-map .popup-mapinfo .list-board .state {font-weight:600;}
.main-map .popup-mapinfo .list-board .state.t01 {color:#c82613;}
.main-map .popup-mapinfo .list-board .state.t02 {color:#026abf;}
.main-map .popup-mapinfo .list-board .new {display:inline-block;width:16px;height:16px;margin:1px 0 0 4px;}
.main-map .popup-mapinfo .info-04 .list-check {list-style:none;display:flex;justify-content:space-between;}
.main-map .popup-mapinfo .info-04 .find_tit{font-size: 16px; font-weight: 600; margin-bottom: 4px;}
.main-map .popup-mapinfo.icon_info::after{content: ''; width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid white; position: absolute; bottom: -8px; left: 50%; transform: translate(-50%);}

/* 임시 안내 영역("테스트용 웹페이지입니다") */
.main-section-01 .temp_noti{position: absolute; left: 0; right: 0; bottom: -80px; height: 80px; background: rgba(0,0,0,0.5); z-index: 1;}
.main-section-01 .temp_noti p{color: #fff; font-size: 32px; line-height: 80px; text-align: center; height: 100%; overflow: hidden;}

/* 250429 지도내 팝업 */
.esri-view-width-xlarge .esri-popup__main-container {width:545px !important;height:595px !important;}
.esri-view-width-large .esri-popup__main-container {width:545px !important;height:595px !important;}
.esri-view-width-medium .esri-popup__main-container {height:300px !important;}
.esri-features__container:not(:empty) {padding:0 !important;}
.esri-view-root .popup-mapinfo {position:static;box-shadow:none;transform:translateX(0) !important;width:100% !important;}
.esri-view-root .popup-mapinfo .popup-body {max-height:100% !important;}

/* 지도 내 마우스 안내팝업("스크롤 해보세요") *//* 250717 수정 */
.mouse_noti{display: flex; position: absolute; left:50%; top: 50%; transform: translate(-50%, -50%); padding: 16px 32px; background: rgba(17,17,17,0.8); z-index: 999; border-radius: 16px; gap: 0 24px; align-items: center;width:100%;max-width:346px;}
.mouse_noti p {font-size: 16px; line-height: 24px; color: #fff;padding-left:10px;text-indent:-10px;}

/* main-section-02 */
.main-section-02 {width:calc(100% - 40px);max-width:1380px;margin:52px auto 80px; position: relative;}

.main-quick {list-style:none;width:100%;display:flex;justify-content:space-between;}
.main-quick > li + li {position:relative;}
.main-quick > li + li:before {content:'';position:absolute;top:0;left:-52px;display:block;width:1px;height:52px;background-color:#ddd;}
.main-quick .btn {display:flex;align-items:center;height:52px;padding-left:68px;}
.main-quick .btn:before {content:'';position:absolute;top:0;left:0;display:block;width:52px;height:52px;}
.main-quick .btn.t01:before {background:url(../../images/front/ico_main_quick_01.svg) center no-repeat;}
.main-quick .btn.t02:before {background:url(../../images/front/ico_main_quick_02.svg) center no-repeat;}
.main-quick .btn.t03:before {background:url(../../images/front/ico_main_quick_03_new.svg) center no-repeat;}
.main-quick .btn.t04:before {background:url(../../images/front/ico_main_quick_03.svg) center no-repeat;}
.main-quick .btn.t05:before {background:url(../../images/front/ico_main_quick_05_new.svg) center no-repeat;}
.main-quick .btn.t06:before {background:url(../../images/front/ico_main_quick_06_new.svg) center no-repeat;}

/* .main-section-03 */
.main-section-03 {display:flex;justify-content:space-between;width:calc(100% - 40px);max-width:1420px;margin:0 auto;}
.main-section-03 h3 {line-height:34px;font-size:28px;font-weight:600;margin-bottom:16px;}
.main-section-03 .left {width:calc(100% - 508px);}
.main-section-03 .right {width:408px;}

.main-board .tab-wrap {position:relative;border-top:1px solid #1A1A1A;}
.main-board .tab-head {position:absolute;top:-51px;right:0;display:flex;}
.main-board .tab-head .btn {padding:8px 11px 7px;line-height:19px;border:1px solid #CCCCCC;}
.main-board .tab-head .btn + .btn {margin-left:-1px;}
.main-board .tab-head .btn:nth-of-type(1) {border-radius:4px 0 0 4px;}
.main-board .tab-head .btn:last-of-type {border-radius:0 4px 4px 0;}
.main-board .tab-head .btn.active {z-index:1;border-color:#111;}
.main-board .tab-contents {padding-top:32px;}
.main-board .tab-con .btn-first {display:flex;justify-content:space-between;}
.main-board .tab-con .btn-first .img {position:relative;width:98px;height:65px;border-radius:2px;overflow:hidden;}
.main-board .tab-con .btn-first .img:before {content:'';position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid #ddd;border-radius:2px;opacity:0.2;}
.main-board .tab-con .btn-first .img img {width:100%;height:100%;object-fit:cover;}
.main-board .tab-con .btn-first .text-wrap {width:calc(100% - 132px);}
.main-board .tab-con .btn-first .title {line-height:24px;font-size:20px;font-weight:600;}
.main-board .tab-con .btn-first .con {margin-top:12px;line-height:22px;color:#767676;}
.main-board .tab-con .btn-first .info {display:flex;margin-top:12px;line-height:19px;gap:8px;}
.main-board .tab-con .btn-first .info .cate {color:#026abf;font-weight:600;}
.main-board .tab-con .btn-first .info .date {color:#999;}
.main-board .tab-con .list-board {list-style:none;margin-top:32px;padding-top:32px;border-top:1px solid #ddd;}
.main-board .tab-con .list-board li + li {margin-top:16px;}
.main-board .tab-con .list-board .btn {display:flex;width:100%;line-height:19px;}
.main-board .tab-con .list-board .btn .cate {width:112px;color:#026abf;font-weight:600;}
.main-board .tab-con .list-board .btn .title {width:calc(100% - 197px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-right:30px;}
.main-board .tab-con .list-board .btn .date11 {width:90;text-align:right;color:#999;}

.main-alarm {position:relative;}
.main-alarm .main-alarm-slide {overflow:hidden;}
.main-alarm .main-alarm-slide .btn {width:408px;height:408px;overflow:hidden;border-radius:8px;}
.main-alarm .main-alarm-slide .btn img{width: 100%; height: 100%; object-fit: cover; object-position: 50% 0;vertical-align:top;}/* 250718 수정 */
.main-alarm .btns-wrap {position:absolute;top:0;right:0;display:flex;gap:8px;}
.main-alarm .btns-wrap .btn {width:32px;height:32px;text-indent:-9999px;overflow:hidden;}
.main-alarm .btns-wrap .btn-start {display:none;background:url(../../images/front/sld_start.svg) center no-repeat;}
.main-alarm .btns-wrap .btn-stop {display:none;background:url(../../images/front/sld_stop.svg) center no-repeat;}
.main-alarm .btns-wrap .btn.active {display:block;}
.main-alarm .btns-wrap .btn-prev,
.main-alarm .btns-wrap .btn-next {position:relative;}
.main-alarm .btns-wrap .btn-prev:before,
.main-alarm .btns-wrap .btn-next:before {content:'';position:absolute;top:0;right:0;bottom:0;left:0;background:url(../../images/front/sld_arr_01.svg) center no-repeat;}
.main-alarm .btns-wrap .btn-prev:before {transform:rotate(180deg);}
.main-alarm .btns-wrap .btn.swiper-button-disabled:before {background:url(../../images/front/sld_arr_02.svg) center no-repeat;}
.main-alarm .btns-wrap .custom-fraction {display:flex;line-height:32px;gap:8px;}
.main-alarm .btns-wrap .custom-fraction .line {width:5px;background:url(../../images/front/sld_bar.svg) center no-repeat;text-indent:-9999px;overflow:hidden;}
.main-alarm .btns-wrap .custom-fraction .all {color:#767676;}

/* .main-section-04 */
.main-section-04 {width:calc(100% - 40px);max-width:1420px;margin:80px auto 0;}
.main-section-04 h3 {line-height:34px;font-size:28px;font-weight:600;margin-bottom:16px;}

/* .main-section-05 */
.main-section-05 {width:calc(100% - 40px);max-width:1420px;margin:80px auto 0;}
.main-section-05 h3 {line-height:34px;font-size:28px;font-weight:600;margin-bottom:16px;}

.main-manual {position:relative;}
.main-manual .main-manual-slide {overflow:hidden;}
.main-manual .swiper-slide {display:flex;flex-wrap:wrap;gap:16px;}
.main-manual .swiper-slide .btn {position:relative;width:calc(33.3% - (32px / 3));height:200px;border:1px solid #ddd;border-radius:8px;overflow:hidden;}
.main-manual .swiper-slide .btn .page01 {display:flex;padding-left:176px;height:200px;align-items:center;}
.main-manual .swiper-slide .btn .page01 .img {position:absolute;top:40px;left:32px;width:120px;height:120px;overflow:hidden;border-radius:50%;background-color:#eee;}
.main-manual .swiper-slide .btn .page01 .img img {width:100%;height:100%;object-fit:cover;}
.main-manual .swiper-slide .btn .page01 .title {display:inline-block;vertical-align:top;padding:7px 12px 6px;line-height:19px;border-radius:18px;background-color:#EAEFFA80;color:#026abf;font-weight:600;}
.main-manual .swiper-slide .btn .page01 .text {width:100%;padding:16px 0 0 8px;}
.main-manual .swiper-slide .btn .page01 .text span {display:block;}
.main-manual .swiper-slide .btn .page02 {position:absolute;top:0;right:0;bottom:0;left:0;padding:32px 32px 0;background-color:#fff;transition:.2s ease-out;transform:translateY(220px);}
.main-manual .swiper-slide .btn .page02 .text-01 {line-height:22px;font-weight:600;}
.main-manual .swiper-slide .btn .page02 .list-01 {list-style:none;display:flex;flex-wrap:wrap;margin:16px 0;line-height:19px;}
.main-manual .swiper-slide .btn .page02 .list-01 > li {position:relative;width:50%;padding-left:12px;color:#026abf;}
.main-manual .swiper-slide .btn .page02 .list-01 > li + li {margin-top:4px;}
.main-manual .swiper-slide .btn .page02 .list-01 > li:before {content:'';position:absolute;top:8px;left:0;display:block;width:4px;height:4px;border-radius:50%;background-color:#026abf;}
.main-manual .swiper-slide .btn .page02 .list-02 {list-style:none;margin-top:16px;line-height:22px;}
.main-manual .swiper-slide .btn .page02 .list-02 > li {position:relative;padding-left:12px;}
.main-manual .swiper-slide .btn .page02 .list-02 > li + li {margin-top:8px;}
.main-manual .swiper-slide .btn .page02 .list-02 > li:before {content:'';position:absolute;top:7px;left:0;display:block;width:4px;height:4px;border-radius:50%;background-color:#bbb;}
.main-manual .swiper-slide .btn .page02 .list-02 > li strong {font-weight:600;}
.main-manual .swiper-slide .btn .page02 .more {position:absolute;right:0;bottom:0;width:32px;height:32px;line-height:21px;background-color:#026abf;color:#fff;font-size:18px;letter-spacing:0;}
.main-manual .swiper-slide .btn .page02 .more:before,
.main-manual .swiper-slide .btn .page02 .more:after {content:'';position:absolute;border:16px solid #026abf;}
.main-manual .swiper-slide .btn .page02 .more:before {top:-32px;right:0;border-top-color:transparent;border-left-color:transparent;}
.main-manual .swiper-slide .btn .page02 .more:after {top:0;left:-32px;border-top-color:transparent;border-left-color:transparent;}
.main-manual .swiper-slide .btn:hover,
.main-manual .swiper-slide .btn:focus {border-color:#111;text-decoration:none;}
.main-manual .swiper-slide .btn:hover .page02,
.main-manual .swiper-slide .btn:focus .page02 {transform:translateY(0);}
.main-manual .btns-wrap {position:absolute;top:0;right:0;display:flex;gap:8px;}
.main-manual .btns-wrap .btn {width:32px;height:32px;text-indent:-9999px;overflow:hidden;}
.main-manual .btns-wrap .btn-start {display:none;background:url(../../images/front/sld_start.svg) center no-repeat;}
.main-manual .btns-wrap .btn-stop {display:none;background:url(../../images/front/sld_stop.svg) center no-repeat;}
.main-manual .btns-wrap .btn.active {display:block;}
.main-manual .btns-wrap .btn-prev,
.main-manual .btns-wrap .btn-next {position:relative;}
.main-manual .btns-wrap .btn-prev:before,
.main-manual .btns-wrap .btn-next:before {content:'';position:absolute;top:0;right:0;bottom:0;left:0;background:url(../../images/front/sld_arr_01.svg) center no-repeat;}
.main-manual .btns-wrap .btn-prev:before {transform:rotate(180deg);}
.main-manual .btns-wrap .btn.swiper-button-disabled:before {background:url(../../images/front/sld_arr_02.svg) center no-repeat;}
.main-manual .btns-wrap .custom-fraction {display:flex;line-height:32px;gap:8px;}
.main-manual .btns-wrap .custom-fraction .line {width:5px;background:url(../../images/front/sld_bar.svg) center no-repeat;text-indent:-9999px;overflow:hidden;}
.main-manual .btns-wrap .custom-fraction .all {color:#767676;}

/* .main-section-06 */
.main-section-06 {display:flex;flex-wrap:wrap;width:calc(100% - 40px);max-width:1420px;margin:80px auto 120px;}
.main-section-06 > .text {width:100%;line-height:34px;font-size:28px;font-weight:600;margin-bottom:16px;}
.main-section-06 > .left,
.main-section-06 > .right {width:50%;}

.main-guidebook {position:relative;background-color:#F1F3FA;padding:40px 52px;border-radius:8px 0 0 8px;}
.main-guidebook h3 {font-size:24px;line-height:29px;}
.main-guidebook .main-guidebook-slide {overflow:hidden;margin-top:32px;}
.main-guidebook .swiper-slide {display:flex;justify-content:space-between;gap:64px;}
.main-guidebook .swiper-slide .btn {width:calc(50% - 32px);text-align:center;}
.main-guidebook .swiper-slide .btn + .btn {position:relative;}
.main-guidebook .swiper-slide .btn + .btn:before {content:'';position:absolute;top:0;left:-32px;bottom:0;display:block;width:1px;background-color:#ddd;}
.main-guidebook .swiper-slide .btn .img {display:flex;width:211px;height:211px;margin:0 auto;overflow:hidden;background-color:#fff;border-radius:50%;align-items:center;justify-content:center;}
.main-guidebook .swiper-slide .btn .img img {max-width:126px;max-height:172px;}
.main-guidebook .swiper-slide .btn .title {margin-top:8px;line-height:24px;font-size:18px;}
.main-guidebook .swiper-slide .btn .date {display:inline-block;vertical-align:top;margin-top:12px;color:#999;}
.main-guidebook .btns-wrap {position:absolute;top:40px;right:52px;display:flex;gap:8px;}
.main-guidebook .btns-wrap .btn {width:32px;height:32px;text-indent:-9999px;overflow:hidden;}
.main-guidebook .btns-wrap .btn-prev,
.main-guidebook .btns-wrap .btn-next {position:relative;}
.main-guidebook .btns-wrap .btn-prev:before,
.main-guidebook .btns-wrap .btn-next:before {content:'';position:absolute;top:0;right:0;bottom:0;left:0;background:url(../../images/front/sld_arr_01.svg) center no-repeat;}
.main-guidebook .btns-wrap .btn-prev:before {transform:rotate(180deg);}
.main-guidebook .btns-wrap .btn.swiper-button-disabled:before {background:url(../../images/front/sld_arr_02.svg) center no-repeat;}
.main-guidebook .btns-wrap .custom-fraction {display:flex;line-height:32px;gap:8px;}
.main-guidebook .btns-wrap .custom-fraction .line {width:5px;background:url(../../images/front/sld_bar.svg) center no-repeat;text-indent:-9999px;overflow:hidden;}
.main-guidebook .btns-wrap .custom-fraction .all {color:#767676;}


/* sub contents style */
.sub-con {word-break:keep-all;}
.sub-con table{word-break:break-all;}

.tit-01 {display:flex;line-height:29px;padding-left:24px;font-size:24px;font-weight:600;background:url(../../images/front/br_02.svg) left 6px no-repeat;margin:52px 0 16px;}
.tit-01.mt32 {margin-top:32px;}
.tit-01 span.img {vertical-align:top;margin-left:14px;display:flex;gap:5px;}
.tab-con .tab-title.blind + .tit-01 {margin-top:32px;}

/* 여행경보제도 */
.caution-step {list-style:none;display:flex;gap:16px;margin-top:24px;}
.caution-step > li {width:100%;}
.caution-step .btn {position:relative;width:100%;height:100%;border-radius:8px;overflow:hidden;background-color:#F1F3FA;}
.caution-step .title {position:relative;display:flex;align-items:center;height:88px;background-color:#111;color:#fff;padding:0 16px;}
.caution-step .title:before {content:'';position:absolute;top:50%;right:16px;display:block;width:40px;height:40px;margin-top:-20px;background:url(../../images/front/arr_12_w.svg) center no-repeat;transition:.2s ease-out;}
.caution-step .title .num {display:inline-block;padding:7px 12px 6px;background-color:#1111111a;border-radius:29px;margin-right:8px;font-weight:600;}
.caution-step .title .name {font-size:18px;font-weight:600;}
.caution-step .btn.t01 .title {background-color:#026abf;}
.caution-step .btn.t02 .title {background-color:#fcc33c;}
.caution-step .btn.t02 .title .num {background-color:#1111114d;}
.caution-step .btn.t02 .title .name {color:#111;}
.caution-step .btn.t03 .title {background-color:#c82613;}
.caution-step .btn.t04 .title {background-color:#292929;}
.caution-step .con {padding:20px;min-height:210px;}
.caution-step .con strong {display:block;font-weight:500;line-height:19px;}
.caution-step .con p {color:#767676;margin-top:8px;line-height:21px;}
.caution-step .con p + strong {margin-top:18px;}
.caution-step .btn:hover,
.caution-step .btn:focus {text-decoration:none;outline:0;box-shadow:0 8px 24px rgba(0,0,0,0.16);}
.caution-step .btn:hover:before,
.caution-step .btn:focus:before {z-index:1;content:'';position:absolute;top:0;right:0;bottom:0;left:0;border-radius:8px;border:1px solid #111;}
.caution-step .btn:hover .title:before,
.caution-step .btn:focus .title:before {right:6px;}

.caution-special {margin-top:24px;}
.caution-special .btn {position:relative;width:100%;display:flex;border-radius:8px;overflow:hidden;background-color:#F1F3FA;}
.caution-special .btn:before {content:'';position:absolute;top:50%;right:16px;display:block;width:40px;height:40px;margin-top:-20px;background:url(../../images/front/arr_12_b.svg) center no-repeat;transition:.2s ease-out;}
.caution-special .title {display:flex;justify-content:center;align-items:center;flex-wrap:wrap;width:272px;min-height:182px;background:url(../../images/front/bg_pattern_01.png);color:#fff;text-align:center;}
.caution-special .title .num {display:inline-block;padding:7px 12px 6px;border-radius:29px;margin-right:8px;font-weight:600; color: #111; background-color:#f00;text-shadow:2px 0px 0px #fff, -2px 0px 0px #fff, 0px 2px 0px #fff, 0px -2px 0px #fff, 1px 1px 0px #fff, -1px -1px 0px #fff, 1px -1px 0px #fff, -1px 1px 0px #fff;}
.caution-special .title .name {font-size:18px;font-weight:600;margin-top:8px;color: #111;text-shadow:2px 0px 0px #fff, -2px 0px 0px #fff, 0px 2px 0px #fff, 0px -2px 0px #fff, 1px 1px 0px #fff, -1px -1px 0px #fff, 1px -1px 0px #fff, -1px 1px 0px #fff;}
.caution-special .con {padding:32px 56px 32px 32px;}
.caution-special .con .name {font-size:18px;font-weight:600;line-height:21px;}
.caution-special .btn:hover,
.caution-special .btn:focus {text-decoration:none;outline:0;box-shadow:0 8px 24px rgba(0,0,0,0.16);}
.caution-special .btn:hover:after,
.caution-special .btn:focus:after {content:'';position:absolute;top:0;right:0;bottom:0;left:0;border-radius:8px;border:1px solid #111;}
.caution-special .btn:hover:before,
.caution-special .btn:focus:before {right:6px;}

.caution-info {display:flex;margin-top:24px;border:4px solid #F1F3FA;background-color:#fff;border-radius:8px;padding:40px 0;}
.caution-info .left {position:relative;display:flex;width:48%;align-items:center;min-height:96px;border-right:1px solid #ddd;padding:0 20px 0 168px;}
.caution-info .left:before {content:'';position:absolute;top:50%;left:40px;display:block;width:96px;height:96px;margin-top:-48px;background:#F1F3FA url(../../images/front/ico_airplane_01.svg) center no-repeat;border-radius:50%;}
.caution-info .left .title {font-size:20px;line-height:24px;color:#026abf;font-weight:600;margin-bottom:16px;}
.caution-info .right {width:52%;padding:0 20px;}
.caution-info .right > ul {list-style:none;display:flex;justify-content:space-between;max-width:408px;margin:0 auto;}
.caution-info .right > ul p {line-height:22px;margin-bottom:8px;}

/* 국가/지역별 정보 */
.country-map {position:relative;}
.country-map .btn-skip {z-index:20;position:absolute;top:24px;left:24px;padding:5px 10px;background-color:#111;color:#fff;border-radius:4px;opacity:0;}
.country-map .btn-skip:focus {opacity:1;}
.country-map .map-area {position:relative;height:360px;}
.country-map .map-area:before {content:'';position:absolute;left:0;right:0;bottom:0;display:block;height:20px;background:linear-gradient(transparent, #111);opacity:0.05;}
.country-map .map-control {z-index:30;position:absolute;top:24px;right:24px;}
.country-map .map-control > ul {list-style:none;background-color:#fff;border-radius:4px;box-shadow:0 2px 6px rgba(0,0,0,0.16);}
.country-map .map-control > ul + ul {margin-top:8px;}
.country-map .map-control > ul > li + li {border-top:1px solid #eee;}
.country-map .map-control > ul .btn {width:40px;height:40px;text-indent:-9999px;overflow:hidden;}
.country-map .map-control > ul .btn-measure {background:url(../../images/front/ico_map_measure.svg) center no-repeat;}
.country-map .map-control > ul .btn-area {background:url(../../images/front/ico_map_area.svg) center no-repeat;}
.country-map .map-control > ul .btn-worldmap {background:url(../../images/front/ico_map_worldmap.svg) center no-repeat;}
.country-map .map-control > ul .btn-here {background:url(../../images/front/ico_map_here.svg) center no-repeat;}
.country-map .map-control > ul .btn-zoomout {background:url(../../images/front/ico_map_zoom-out.svg) center no-repeat;}
.country-map .map-control > ul .btn-zoomin {background:url(../../images/front/ico_map_zoom-in.svg) center no-repeat;}
.country-map .btn-fullscreen {position:absolute;right:24px;bottom:24px;padding:10px 16px 10px 36px;line-height:20px;background:#fff url(../../images/front/ico_map_fullscreen.svg) 8px 8px no-repeat;border-radius:4px;}
.country-map .btn-fullscreen.on {background:#fff url(../../images/front/ico_fullscreen_exit.svg) 8px 8px no-repeat;}

.country-view-top {position:relative;margin-top:32px;}
.country-view-top .title-wrap {display:flex;flex-wrap:wrap;align-items:center;}
.country-view-top .title-wrap .img {position:relative;width:60px;height:40px;margin-right:8px;border-radius:2px;overflow:hidden;margin-right:10px;}
.country-view-top .title-wrap .img:before {content:'';position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid #ddd;border-radius:2px;opacity:0.2;}
.country-view-top .title-wrap .img img {width:100%;height:100%;object-fit:cover;}
.country-view-top .title-wrap .country-name {line-height:40px;font-size:28px;font-weight:500;margin-right:10px;}
.country-view-top .btn-out-01 {position:absolute;top:0;right:0;}
.country-view-top .info-01 {line-height:19px;color:#767676;}
.country-view-top .info-01 .name-en {letter-spacing:0;}
.country-view-top .info-01 span + span {position:relative;margin-left:20px;}
.country-view-top .info-01 span + span:before {content:'';position:absolute;top:8px;left:-12px;display:block;width:4px;height:4px;background-color:#bbb;border-radius:50%;}
.country-view-top .info-02 {list-style:none;width:100%;margin-top:24px;}
.country-view-top .info-02 li {display:flex;align-items:start;}
.country-view-top .info-02 li + li {margin-top:8px;}
.country-view-top .info-02 .box-tag-01 {margin-right:8px;}

.country-board {display:flex;justify-content:space-between;margin:32px 0 64px;padding-top:32px;border-top:1px solid #eee;}
.country-board > div {position:relative;width:46%;}
.country-board .board-title {line-height:24px;font-size:20px;font-weight:600;margin-bottom:16px;}
.country-board .btn-more {position:absolute;top:0;right:0;width:24px;height:24px;text-indent:-9999px;overflow:hidden;}
.country-board .btn-more:before,
.country-board .btn-more:after {content:'';position:absolute;top:50%;left:50%;display:block;width:16px;height:2px;background-color:#555;margin:-1px 0 0 -8px;}
.country-board .btn-more:after {transform:rotate(90deg);}
.country-board ul {list-style:none;line-height:19px;}
.country-board ul > li + li {margin-top:13px;}
.country-board ul .btn {display:flex;width:100%;justify-content:space-between;}
.country-board ul .btn .title {width:calc(100% - 90px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.country-board ul .btn .title .new {vertical-align:top;margin-left:4px;padding-top:2px;}
.country-board ul .btn .date {width:90px;color:#999;font-weight:400;text-align:right;font-size:15px; font-family: 'Roboto';}
.country-board ul .btn:hover,
.country-board ul .btn:focus {text-decoration:none;}
.country-board ul .btn:hover .title,
.country-board ul .btn:focus .title {text-decoration:underline;}

/* 위기상황별 대처매뉴얼 */
.manual-top {border:1px solid #026abf;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #3467CB2A;overflow:hidden;}
.manual-top .title {padding:24px 12px;text-align:center;background-color:#F8F9FD;font-size:20px;line-height:24px;font-weight:600;color:#026abf;}
.manual-top .con {display:flex;padding:32px 0;}
.manual-top .left {width:50%;border-right:1px solid #eee;padding:0 32px;}
.manual-top .left .text-01 {line-height:21px;font-size:18px;font-weight:600;}
.manual-top .left .text-02 {margin-top:16px;line-height:19px;font-weight:600;}
.manual-top .left .text-03 {margin-top:8px;line-height:19px;}
.manual-top .left .btns-wrap-01 {margin-top:8px;}
.manual-top .right {width:50%;padding:0 32px;}
.manual-top .right .text-01 {line-height:21px;font-size:18px;font-weight:600;}
.manual-top .right .text-02 {margin-top:8px;line-height:19px;}
.manual-top .right .btns-wrap-01 {margin-top:16px;}

.cartoon-wrap {border:1px solid #ddd;padding:40px;border-radius:8px;}
.cartoon-wrap .img {width:100%;max-width:778px;margin:0 auto;}
.cartoon-wrap .img img {width:auto;max-width:100%;}
.cartoon-wrap .box-style-02 {max-width:778px;margin:24px auto 0;}

.manual-con {margin:52px auto;border:1px solid #ddd;padding:32px;border-radius:8px;}
.manual-con > ul {list-style:none;}
.manual-con > ul > li {position:relative;padding-left:128px;min-height:96px;}
.manual-con > ul > li .img {position:absolute;top:0;left:0;width:96px;height:96px;}
.manual-con > ul > li .img img {width:100%;height:100%;object-fit:cover;}
.manual-con > ul > li + li {margin-top:64px;}
.manual-con > ul > li + li:before {content:'';position:absolute;top:-32px;left:0;right:0;border-top:1px dashed #ddd;}
.manual-con .title {line-height:27px;font-size:20px;font-weight:600;color:#026abf;}
.manual-con .list-dot-01 {margin-top:8px;}
.manual-con .list-dot-01 .list-caution-01 {margin-top:8px;}
.manual-con .text-01 {margin-top:8px;}

/* 예외적 여권사용 허가 절차 */
.passpoert-permission-01 .top {display:flex;flex-wrap:wrap;padding:30px 30px 30px 47px;border:4px solid #F1F3FA;border-radius:8px;}
.passpoert-permission-01 .top .img {width:96px;height:96px;margin-right:10px;}
.passpoert-permission-01 .top .img img {width:100%;height:100%;object-fit:cover;}
.passpoert-permission-01 .top .text-wrap {width:calc(100% - 106px);}
.passpoert-permission-01 .top .list-dot-01 {margin-top:0;}

.permission-step {list-style:none;margin-top:24px;display:flex;gap:24px;}
.permission-step > li {position:relative;width:calc((100% / 6) - 20px);border:1px solid #ddd;border-radius:8px;padding:20px;}
.permission-step > li:before {content:'';position:absolute;top:50%;right:-16px;display:block;width:32px;height:32px;background:#999DAC url(../../images/front/arr_13.svg) center no-repeat;border-radius:50%;transform:translateY(-50%);}
.permission-step > li:after {content:'';position:absolute;top:50%;right:-16px;display:block;width:32px;height:32px;border-radius:50%;transform:translateY(-50%);box-shadow:0 3px 6px rgba(0,0,0,0.16);}
.permission-step > li:last-of-type:before,
.permission-step > li:last-of-type:after {display:none;}
.permission-step .img {width:32px;height:32px;}
.permission-step .img img {width:100%;height:100%;object-fit:cover;}
.permission-step .title {margin-top:17px;line-height:24px;font-weight:600;}
.permission-step .text {margin-top:5px;line-height:24px;color:#767676;}

.permission-guide {border:1px solid #ddd;border-radius:8px;padding:32px;}
.permission-guide .guide-01 {display:flex;flex-wrap:wrap;}
.permission-guide .guide-01 > div {width:50%;}
.permission-guide .guide-01 .text-01 {margin-top:13px;}
.permission-guide .title {padding:4px 0 4px 40px;line-height:24px;color:#026abf;font-size:20px;font-weight:600;}
.permission-guide .left .title {background:url(../../images/front/ico_permission_01.svg) left center no-repeat;}
.permission-guide .right .title {background:url(../../images/front/ico_permission_02.svg) left center no-repeat;}
.permission-guide .guide-02 .title {background:url(../../images/front/ico_permission_03.svg) left center no-repeat;}
.permission-guide .guide-02 {position:relative;margin-top:48px;display:flex;align-items:center;gap:40px;}
.permission-guide .guide-02:before {content:'';position:absolute;top:-24px;left:0;right:0;border-top:1px dashed #ddd;}
.permission-guide .btns-wrap-01 {margin-top:0;}

/* 단계별 여행경보 */
.issue-current .issue-top {display:flex;border:2px solid #111;border-radius:8px;}
.issue-current .issue-top .title {display:flex;align-items:center;width:25%;background-color:#111;padding:24px;color:#fff;}
.issue-current .issue-top .con {width:75%;}
.issue-current .issue-top .title .num {display:inline-block;padding:7px 12px 6px;background-color:#1111111a;border-radius:29px;margin-right:8px;font-weight:600;}
.issue-current .issue-top .title .name {font-size:18px;font-weight:600;}
.issue-current .issue-top.t05 .title .num{background-color: #f00; color: #111;text-shadow:2px 0px 0px #fff, -2px 0px 0px #fff, 0px 2px 0px #fff, 0px -2px 0px #fff, 1px 1px 0px #fff, -1px -1px 0px #fff, 1px -1px 0px #fff, -1px 1px 0px #fff;}
.issue-current .issue-top.t05 .title .name{text-shadow:2px 0px 0px #fff, -2px 0px 0px #fff, 0px 2px 0px #fff, 0px -2px 0px #fff, 1px 1px 0px #fff, -1px -1px 0px #fff, 1px -1px 0px #fff, -1px 1px 0px #fff;; color: #111;}
.issue-current .issue-top.t01 {border-color:#026abf;}
.issue-current .issue-top.t02 {border-color:#fcc33c;}
.issue-current .issue-top.t03 {border-color:#c82613;}
.issue-current .issue-top.t04 {border-color:#292929;}
.issue-current .issue-top.t05 {border-color:#D98683;}
.issue-current .issue-top.t01 .title {background-color:#026abf;}
.issue-current .issue-top.t02 .title {background-color:#fcc33c;}
.issue-current .issue-top.t02 .title .num {background-color:#1111114d;}
.issue-current .issue-top.t02 .title .name {color:#111;}
.issue-current .issue-top.t03 .title {background-color:#c82613;}
.issue-current .issue-top.t04 .title {background-color:#292929;}
.issue-current .issue-top.t05 .title {background:url(../../images/front/bg_pattern_01.png);}
.issue-current .issue-top .con {display:flex;flex-wrap:wrap;padding:34px 24px;}
.issue-current .issue-top .con .left,
.issue-current .issue-top .con .right {width:50%;}
.issue-current .issue-top .con .text-01 {line-height:21px;}
.issue-current .issue-top .con .text-02 {line-height:24px;color:#767676;margin-top:5px;}
.issue-current .issue-top .con .list-dot-01 {margin-top:8px;}

.issue-con {list-style:none;margin-top:24px;}
.issue-con > li {display:flex;border:1px solid #EEEEEE;border-radius:8px;overflow:hidden;}
.issue-con > li + li {margin-top:8px;}
.issue-con .title {width:25%;padding:24px;background-color:#EBEFFB;color:#026abf; cursor: auto;}
.issue-con .title p {position:relative;line-height:24px;font-size:20px;font-weight:600;padding-right:24px;}
/* .issue-con .title p:before {content:'';position:absolute;top:0;right:0;width:24px;height:24px;background:url(../../images/front/arr_issue_01.svg) center no-repeat;transition:.2s ease-out;} */
.issue-con .btn.title:hover,
.issue-con .btn.title:focus {text-decoration:none;}
.issue-con .btn.title:hover p:before,
.issue-con .btn.title:focus p:before {right:-5px;}
.issue-con.t02 .title {background-color:#F7EDD5;color:#A47E4F;} 
.issue-con.t03 .title {background-color:#FDEBF0;color:#c82613;} 
.issue-con.t04 .title {background-color:#EBEFF2;color:#292929;}
.issue-con.t05 .title {background:url(../../images/front/bg_pattern_03.png);color:#CE635F;}
.issue-con.t02 .title p:before {background:url(../../images/front/arr_issue_02.svg) center no-repeat;}
.issue-con.t03 .title p:before {background:url(../../images/front/arr_issue_03.svg) center no-repeat;}
.issue-con.t04 .title p:before {background:url(../../images/front/arr_issue_04.svg) center no-repeat;}
.issue-con.t05 .title p:before {background:url(../../images/front/arr_issue_05.svg) center no-repeat;}
.issue-con .list-country {list-style:none;width:75%;padding:24px;display:flex;flex-wrap:wrap;gap:8px;}
.issue-con .list-country .btn {padding:9px 15px 10px;border:1px solid #eee;border-radius:8px;line-height:19px;}
.issue-con .list-country .btn:hover,
.issue-con .list-country .btn:focus {text-decoration:none;border-color:#111;}
.issue-con .list-country .btn .name {font-weight:500;}
.issue-con .list-country .btn .text-01 {color:#767676;margin-left:8px;}
.issue-con .list-country .list-caution-01 {margin-top:0;}

/* 해외안전여행 애플리케이션 */
.application-01 {display:flex;flex-wrap:wrap;background-color:#026abf;border-radius:8px;overflow:hidden;color:#fff;}
.application-01 .left {width:363px;background:#0A3974 url(../../images/front/bg_application_01.png) right top no-repeat;padding:52px;}
.application-01 .left .title {line-height:36px;margin-top:-3px;font-size:24px;font-weight:600;}
.application-01 .left .text-01 {margin-top:71px;}
.application-01 .left .btn {width:100%;}
.application-01 .right {width:calc(100% - 363px);padding:52px 68px 0;}
.application-01 .right .list-step {list-style:none;display:flex;gap:54px;height:100%;}
.application-01 .right .list-step > li {width:calc(50% - 27px);position:relative;padding-bottom:616px;}
.application-01 .right .num {line-height:24px;font-size:20px;font-weight:600;}
.application-01 .right .text-01 {margin-top:5px;line-height:24px;color:#B7C8F0;min-height:72px;}
.application-01 .right .text-01 strong {color:#fff;}
.application-01 .right .img {position:absolute;left:0;bottom:52px;width:100%;max-width:264px;}
.application-01 .right .img img {width:100%;height:100%;object-fit:cover;vertical-align:top;}

.application-list {list-style:none;display:flex;flex-wrap:wrap;gap:16px 40px;}
.application-list > li {display:flex;width:calc(50% - 20px);align-items:center;}
.application-list .img {width:72px;height:72px;margin-right:16px;}
.application-list .img img {width:100%;height:100%;object-fit:cover;}
.application-list .text-01 {width:calc(100% - 88px);margin-top:0;}

/* 콜센터 소개 */
.callcenter-list-01 {list-style:none;display:flex;gap:16px;}
.callcenter-list-01 > li {width:calc(25% - (48px/4));border:1px solid #ddd;border-radius:8px;padding:32px 30px 32px 32px;}
.callcenter-list-01 .img {width:52px;height:52px;}
.callcenter-list-01 .img img {width:100%;height:100%;object-fit:cover;}
.callcenter-list-01 .text-01 {margin-top:21px;line-height:28px;font-size:20px;font-weight:600;}

.callcenter-list-02 {list-style:none;background-color:#F8F9FD;padding:32px;border-radius:8px;}
.callcenter-list-02 > li {display:flex;gap:12px;align-items:center;}
.callcenter-list-02 > li + li {margin-top:16px;}
.callcenter-list-02 .img {width:64px;height:64px;}
.callcenter-list-02 .img img {width:100%;height:100%;object-fit:cover;}
.callcenter-list-02 .text-01 {width:calc(100% - 76px);font-size:18px;font-weight:500;}

.callcenter-list-03 {list-style:none;display:flex;flex-wrap:wrap;gap:16px;}
.callcenter-list-03 > li {width:calc(50% - 8px);border:1px solid #ddd;border-radius:8px;padding:32px;}
.callcenter-list-03 > li.li-full {width:100%;}
.callcenter-list-03 .title {display:flex;gap:8px;}
.callcenter-list-03 .title .img {width:24px;height:24px;}
.callcenter-list-03 .title .img img {width:100%;height:100%;object-fit:cover;}
.callcenter-list-03 .title .text-01 {line-height:24px;font-size:20px;font-weight:600;color:#026abf;}

.callcenter-info-01 {display:flex;border:1px solid #111;border-radius:8px;overflow:hidden;}
.callcenter-info-01 .left {width:285px;padding:32px;background:#0A3974 url(../../images/front/bg_callcenter_01.svg) right 40px bottom 32px no-repeat;color:#fff;}
.callcenter-info-01 .left .text-01 {font-size:18px;font-weight:600;line-height:27px;}
.callcenter-info-01 .left .text-02 {margin-top:5px;font-size:24px;font-weight:600;color:#84BAFF;}
.callcenter-info-01 .left .text-02 + .text-01 {margin-top:32px;}
.callcenter-info-01 .right {width:calc(100% - 285px);padding:32px 30px 32px 32px;background-color:#F1F3FA;}
.callcenter-info-01 .right .title {font-size:20px;font-weight:600;line-height:28px;}
.callcenter-info-01 .right .list-ars {list-style:none;display:flex;gap:16px;margin-top:16px;}
.callcenter-info-01 .right .list-ars > li {width:calc(25% - (48px/4));background-color:#fff;border-radius:4px;padding:24px;}
.callcenter-info-01 .right .list-ars .num {display:block;width:40px;height:40px;line-height:40px;background-color:#026abf;color:#fff;border-radius:50%;text-align:center;font-weight:600;}
.callcenter-info-01 .right .list-ars .text-01 {margin-top:16px;line-height:24px;font-weight:600;}
.callcenter-info-01 .right .list-caution-01 {margin-top:13px;}

/* 통역서비스 */
.translation-01 {display:flex;gap:16px;}
.translation-01 > div {width:calc(50% - 8px);border:1px solid #ddd;border-radius:8px;overflow:hidden;}
.translation-01 .title {display:flex;gap:8px;padding:20px 23px;background-color:#eee;align-items:center;}
.translation-01 .title .img {width:32px;height:32px;}
.translation-01 .title .img img {width:100%;height:100%;object-fit:cover;}
.translation-01 .title .text {line-height:24px;font-size:20px;font-weight:600;}
.translation-01 .con .list-dot-01:nth-of-type(1) {margin-top:0;}
.translation-01 .left .title {background-color:#F1F3FA;}
.translation-01 .left .title .text {color:#026abf;}
.translation-01 .left .con {padding:24px;background:url(../../images/front/ico_ox_o.svg) right 24px top 24px no-repeat;}
.translation-01 .right .title {background-color:#FDEBF0;}
.translation-01 .right .title .text {color:#c82613;}
.translation-01 .right .con {padding:24px;background:url(../../images/front/ico_ox_x.svg) right 24px top 24px no-repeat;}

.translation-02 {margin-top:52px;border:1px solid #ddd;border-radius:8px;}
.translation-02 .title {padding:29px 32px;line-height:27px;font-size:18px;font-weight:600;text-align:center;background-color:#F8F9FD;}
.translation-02 .img {text-align:center;}
.translation-02 .img img {width:auto;max-width:100%;}

/* 신속해외송금서비스 */
.img-overseas {margin-top:24px;text-align:center;}
.img-overseas img {width:auto;max-width:100%;}

/* 로밍문자서비스 */
.sms-service-01 {display:flex;border:1px solid #111;border-radius:8px;overflow:hidden;}
.sms-service-01 .left {width:324px;padding:32px;background:#0A3974 url(../../images/front/bg_sms_01.svg) right 40px bottom 32px no-repeat;color:#fff;}
.sms-service-01 .left .text-01 {font-size:24px;font-weight:600;line-height:36px;}
.sms-service-01 .left .text-02 {font-size:24px;font-weight:600;line-height:36px;color:#84BAFF;}
.sms-service-01 .right {width:calc(100% - 324px);padding:32px;background-color:#F1F3FA;}
.sms-service-01 .right .title {font-size:20px;font-weight:600;line-height:28px;}
.sms-service-01 .right .list-ars {list-style:none;display:flex;gap:16px;}
.sms-service-01 .right .list-ars > li {position:relative;width:calc(33.3% - (32px/3));min-height:220px;background-color:#fff;border-radius:4px;padding:32px;}
.sms-service-01 .right .list-ars .text-01 {line-height:28px;font-size:20px;font-weight:600;}
.sms-service-01 .right .list-ars .img {position:absolute;right:24px;bottom:24px;width:64px;height:64px;}
.sms-service-01 .right .list-ars .img img {width:100%;height:100%;object-fit:cover;}
.sms-service-01 + .box-bg-01 {margin-top:24px;}

/* 무료전화앱 */
.freecall-01 {display:flex;flex-wrap:wrap;border-radius:8px;overflow:hidden;border:4px solid #F1F3FA;}
.freecall-01 > .left {position:relative;width:410px;background:#F1F3FA;padding:52px;}
.freecall-01 > .left > .title {line-height:36px;margin-top:-3px;font-size:24px;font-weight:600;margin-bottom:27px;}
.freecall-01 > .left .qrcode {position:absolute;left:52px;right:52px;bottom:112px;display:flex;background-color:#fff;border-radius:8px;}
.freecall-01 > .left .qrcode > div {width:50%;text-align:center;padding:20px 5px;}
.freecall-01 > .left .qrcode > div + div {border-left:1px solid #eee;}
.freecall-01 > .left .qrcode .title {font-weight:600;margin-bottom:8px;}
.freecall-01 > .left .qrcode img {width:auto;max-width:100%;}
.freecall-01 > .left .btns-wrap-01 {position:absolute;left:52px;right:52px;bottom:52px;}
.freecall-01 > .left .btns-wrap-01 .btn {width:calc(50% - 4px);}
.freecall-01 > .right {width:calc(100% - 410px);padding:52px 52px 0;}
.freecall-01 > .right .list-step {list-style:none;display:flex;gap:54px;height:100%;}
.freecall-01 > .right .list-step > li {width:calc(50% - 27px);position:relative;padding-bottom:120%;}
.freecall-01 > .right .num {line-height:24px;font-size:20px;font-weight:600;}
.freecall-01 > .right .text-01 {margin-top:5px;line-height:24px;color:#767676;min-height:72px;}
.freecall-01 > .right .text-01 strong {color:#fff;}
.freecall-01 > .right .img {position:absolute;left:0;bottom:74px;width:100%;}
.freecall-01 > .right .img img {width:100%;height:100%;object-fit:cover;vertical-align:top;}

/* 카카오톡, 위챗, 라인 상담 서비스 */
.advice-service-01 {border-radius:8px;overflow:hidden;border:4px solid #F1F3FA;}
.advice-service-01 > .top {display:flex;justify-content:space-between;align-items:center;background:#F1F3FA;padding:40px 52px;}
.advice-service-01 > .top > .title {line-height:36px;margin-top:-3px;font-size:24px;font-weight:600;}
.advice-service-01 > .top .btns-wrap-01 {margin-top:0;}
.advice-service-01 > .top .qrcode {display:flex;align-items:end;text-align:right;gap:16px;margin-bottom:-10px;}
.advice-service-01 > .top .qrcode img {vertical-align:top;}
.advice-service-01 > .con {padding:52px 0 0;}
.advice-service-01 > .con .list-step {list-style:none;display:flex;gap:64px;width:100%;justify-content:center;}
.advice-service-01 > .con .list-step .left {width:25%;}
.advice-service-01 > .con .list-step .right {width:51%;}
.advice-service-01 > .con .list-step > li {position:relative;padding-bottom:60%;}
.advice-service-01 > .con .num {line-height:24px;font-size:20px;font-weight:600;}
.advice-service-01 > .con .text-01 {margin-top:5px;line-height:24px;color:#767676;min-height:28px;}
.advice-service-01 > .con .text-01 strong {color:#fff;}
.advice-service-01 > .con .img {position:absolute;left:0;bottom:70px;width:100%;}
.advice-service-01 > .con .img img {vertical-align:top;max-width:100%;}

/* 사증면제 */
.visa-wrap {position:relative;margin-top:24px;}
.visa-wrap .date {text-align:right;color:#767676;}
.visa-wrap .tab-wrap {position:relative;display:flex;background-color:#F8F9FD;border-radius:8px;margin-top:8px;padding:24px 21px 24px 24px;gap:16px;align-items:start;}
.visa-wrap .tab-head {display:flex;flex-wrap:wrap;gap:8px;width:196px;}
.visa-wrap .tab-head .btn {position:relative;width:100%;padding:16px 32px 16px 16px;line-height:19px;font-weight:600;border-radius:4px;}
.visa-wrap .tab-head .btn:before {content:'';position:absolute;top:50%;right:8px;width:24px;height:24px;margin-top:-12px;}
.visa-wrap .tab-head .btn:hover,
.visa-wrap .tab-head .btn:focus {background-color:#A6937C;text-decoration:none;outline:0;color:#fff;}
.visa-wrap .tab-head .btn.active {background-color:#0A3974;color:#fff;}
.visa-wrap .tab-head .btn:hover:before,
.visa-wrap .tab-head .btn:focus:before,
.visa-wrap .tab-head .btn.active:before {background:url(../../images/front/arr_13.svg) center no-repeat;}
.visa-wrap .tab-contents {width:calc(100% - 212px);max-height:538px;overflow-y:auto;}
.visa-wrap .popup-style-01 .popup-box {position:absolute;margin-top:12px;}
.visa-wrap .popup-wrap .p-title-01 {margin:21px 0 13px;font-weight:600;}
.visa-wrap .popup-wrap .value-05 {line-height:24px;padding-left:12px;}
.visa-wrap .popup-wrap .value-05 .dot {position:relative;display:inline-block;width:12px;line-height:24px;vertical-align:top;margin-left:-12px;}
.visa-wrap .popup-wrap .value-05 .dot:before {content:"";position:absolute;top:9px;left:0;width:4px;height:4px;border-radius:50%;background-color:#bbb;}
.visa-wrap .popup-wrap .value-06 {line-height:24px;padding-left:12px;}
.visa-wrap .popup-wrap .value-06 .dot {position:relative;display:inline-block;width:12px;line-height:24px;margin-left:-12px;vertical-align:top;}
.visa-wrap .popup-wrap .value-06 .dot:before {content:"";position:absolute;top:9px;left:0;width:4px;height:4px;border-radius:50%;background-color:#bbb;}

@media screen and (max-width:1024px) {
  .visa-wrap .tab-head{width:100px;}
  .visa-wrap .tab-contents {width:calc(100% - 116px);}
}

/* 미국 무비자 */
.esta-01 {border-radius:8px;border:4px solid #F1F3FA;padding:24px;margin-top:24px;}
.esta-01 > div + div {margin-top:24px;padding-top:24px;border-top:1px solid #eee;}
.esta-01 .box-01 {display:flex;justify-content:space-between;align-items:center;}
.esta-01 .box-01 .title {font-weight:600;}
.esta-01 .box-01 .btns-wrap-01 {margin-top:0;}
.esta-01 .box-02 .title {font-weight:600;}

/* 솅겐협약 */
.calc-wrap {display:flex;background-color:#F8F9FD;border-radius:8px;padding:32px;gap:32px;}
.calc-wrap .left {width:calc(60% - 32px);}
.calc-wrap dl {margin-bottom:24px;}
.calc-wrap dl dt {line-height:27px;font-size:18px;font-weight:600;margin-top:-3px;}
.calc-wrap dl dd {margin-top:5px;}
.calc-wrap dl dd + dt {margin-top:19px;}
.calc-wrap .right {width:40%;text-align:right;}
.calc-wrap .img img {width:auto;max-width:100%;}

/* 법령 전문 및 관련 서식 */
.docs-01 {list-style:none;display:flex;gap:24px;}
.docs-01 > li {width:calc(33.3% - (48px / 3));border:1px solid #0A3974;border-radius:8px;overflow:hidden;}
.docs-01 .top {height:248px;padding:40px 32px;background:#0A3974 url(../../images/front/bg_docs_01.png) right -14px bottom -25px no-repeat;}
.docs-01 .top .text-01 {line-height:19px;color:#B7C8F0;}
.docs-01 .top .text-02 {line-height:36px;color:#fff;margin-top:13px;font-size:24px;font-weight:600;}
.docs-01 .bottom {padding:24px 0 32px;background-color:#F1F3FA;}
.docs-01 .bottom .btns-wrap-01 {margin:0;justify-content:center;}

/* 해외안전여행 서포터스 */
.supporter-01 {background:#FAF8F5 url(../../images/front/img_supporter_02.png) right bottom no-repeat;border-radius:8px;padding:78px 52px;}
.supporter-01 .text-wrap {max-width:463px;}
.supporter-01 .text-wrap .text-01 img {width:auto;max-width:100%;}
.supporter-01 .text-wrap .text-02 {margin-top:21px;line-height:24px;}

/* 개인정보처리방침 */
.individual-01 {list-style:none;display:flex;gap:16px;flex-wrap:wrap;margin-bottom:52px;}
.individual-01 > li {display:flex;width:calc(50% - 8px);border:1px solid #ddd;border-radius:8px;padding:32px;}
.individual-01 .img {width:123px;}
.individual-01 .text-wrap {width:calc(100% - 123px);}
.individual-01 .title {line-height:24px;font-size:20px;font-weight:600;color:#026abf;}

.individual-02 .text-01 {line-height:30px;font-size:24px;font-weight:600;margin-bottom:21px;}
.individual-02 .text-02 {line-height:27px;font-size:18px;font-weight:600;margin:21px 0 5px;}
.individual-02 .text-03 {text-indent:-18px;padding-left:18px;}
.individual-02 > * + .text-01 {margin-top:52px;}

/* 배너 다운로드 */
.banner-01 {display:flex;margin-bottom:32px;}
.banner-01 .left {width:calc(100% - 140px);}
.banner-01 .right {width:140px;text-align:right;}

.banner-02 {list-style:none;display:flex;flex-wrap:wrap;gap:24px;}
.banner-02 > li {width:calc(33.3% - (48px / 3));border:1px solid #ddd;border-radius:8px;background:url(../../images/front/bg_graph_line.png);}
.banner-02 .img {position:relative;width:100%;padding-top:100%;}
.banner-02 .img img {position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:auto;max-width:70%;}

@media screen and (max-width:1420px) {
    /* .main-section-02 */
    .main-quick > li + li:before {display:none;}

    /* .main-section-03 */
    .main-section-03 .left {width:calc(100% - 448px);}

    /* sub content style */
    /* 예외적 여권사용 허가 절차 */
    .permission-step {flex-wrap:wrap;}
    .permission-step > li {width:calc((100% / 3) - (48px / 3));}

    /* 해외안전여행 애플리케이션 */
    .application-01 .left {width:300px;}
    .application-01 .right {width:calc(100% - 300px);padding:52px 30px 0;}
    .application-01 .right .list-step {gap:30px;}
    .application-01 .right .list-step > li {width:calc(50% - 15px);}

    /* 콜센터 소개 */
    .callcenter-info-01 .right .list-ars {flex-wrap:wrap;}
    .callcenter-info-01 .right .list-ars > li {width:calc(50% - 8px);}

    /* 무료전화앱 */
    .freecall-01 .left {width:300px;padding:40px 20px;}
    .freecall-01 .left .btns-wrap-01 .btn {width:100%;}
    .freecall-01 .right {width:calc(100% - 300px);padding:52px 30px 0;}
    .freecall-01 .right .list-step {gap:30px;}
    .freecall-01 .right .list-step > li {width:calc(50% - 15px);}
    .freecall-01 > .left .qrcode {left:20px;right:20px;bottom:160px;}
    .freecall-01 > .left .btns-wrap-01 {left:20px;right:20px;bottom:40px;}


} /* (max-width:1420px) */

@media screen and (max-width:1200px) {
    /* .main-section-01 */
    .main-map .map-control > ul .btn {width:36px;height:36px;}
    .main-map .btn-fullscreen {width:36px;height:36px;padding:0;text-indent:-9999px;overflow:hidden;background-position:center;}
    .main-map .btn-fullscreen.on {background-position:center;}

    /* .main-section-02 */
    .main-quick .btn {line-height:15px;font-size:13px;height:32px;padding-left:40px;}
    .main-quick .btn:before {width:32px;height:32px;background-size:32px !important;}

    /* .main-section-05 */
    .main-guidebook {padding:40px 20px;}
    .main-guidebook .swiper-slide .btn .img {width:180px;height:180px;}
    .main-guidebook .swiper-slide .btn .img img {max-height:140px;}

    .main-video {padding:40px 20px;}

    /* sub content style */
    /* 여행경보제도 */
    .caution-step {flex-wrap:wrap;}
    .caution-step > li {width:calc(50% - 8px);}
    .caution-step .con {min-height:0;}
    .caution-step .title {height:52px;}
    .caution-step .con p + strong {margin-top:16px;}

    /* 국가/지역별 정보 */
    .country-map .map-control > ul .btn {width:36px;height:36px;}
    .country-map .btn-fullscreen {width:36px;height:36px;padding:0;text-indent:-9999px;overflow:hidden;background-position:center;}
    .country-map .btn-fullscreen.on {background-position:center;}

    /* 로밍문자서비스 */
    .sms-service-01 .left {width:300px;}
    .sms-service-01 .right {width:calc(100% - 300px);}

} /* (max-width:1200px) */

@media screen and (max-width:1200px) and (min-width:1025px){
    /* 해외안전여행 애플리케이션 */
    .application-01 .right .list-step > li {padding-bottom:480px;}
    .application-01 .right .img {width:200px;}
} /* (max-width:1200px) and (min-width:1025px) */

@media screen and (min-width:1025px) {
    /* .main-section-01 */
    .main-map .map-alarm .list-check > li:nth-of-type(1) label {border-radius:4px 0 0 4px;}
    .main-map .map-alarm .list-check > li:last-of-type label {border-radius:0 4px 4px 0;}

    .main-map .popup-mapinfo.cut {top:30px;}
    .main-map .popup-mapinfo.cut .popup-body {height:120px;overflow-y:auto;}

    /* .main-section-04 */
    .main-system > ul {list-style:none;display:flex;gap:16px;}
    .main-system > ul > li {width:calc(20% - (64px/5));}
    .main-system .btn {position:relative;width:100%;height:260px;background-color:#F1F3FA;border-radius:8px;overflow:hidden;text-align:center;}
    .main-system .btn:hover,
    .main-system .btn:focus {text-decoration:none;}
    .main-system .btn .page01 .title {height:110px;padding-top:28px;background-color:#111;}
    .main-system .btn .page01 .num {padding:7px 12px 6px;line-height:19px;border-radius:29px;background-color:#1111111a;color:#fff;font-weight:600;}
    .main-system .btn.t05 .page01 .num{color: #111; background: /*#EAA9A4*/#ff0000;text-shadow: 2px 0px 0px #fff, -2px 0px 0px #fff, 0px 2px 0px #fff, 0px -2px 0px #fff, 1px 1px 0px #fff, -1px -1px 0px #fff, 1px -1px 0px #fff, -1px 1px 0px #fff;}
    .main-system .btn .page01 .name {padding-top:8px;font-size:18px;font-weight:600;color:#fff;text-shadow:0 1px 0 #000;}
    .main-system .btn.t05 .page01 .name{color: #111; text-shadow: 2px 0px 0px #fff, -2px 0px 0px #fff, 0px 2px 0px #fff, 0px -2px 0px #fff, 1px 1px 0px #fff, -1px -1px 0px #fff, 1px -1px 0px #fff, -1px 1px 0px #fff;}
    .main-system .btn .page01 .con {padding-top:24px;}
    .main-system .btn .page01 .con span {display:block;}
    .main-system .btn .page02 {position:absolute;top:0;right:0;bottom:0;left:0;background-color:#666;padding-top:40px;color:#fff;transform:translateY(300px);transition:.2s ease-out;box-shadow:1px 1px 5px #fff;}
    .main-system .btn.t05 .page02{color: #111; font-weight: 600;}
    .main-system .btn .page02 .title {line-height:19px;font-weight:600;}
    .main-system .btn.t05 .page02 .title {text-shadow: 2px 0px 0px #fff, -2px 0px 0px #fff, 0px 2px 0px #fff, 0px -2px 0px #fff, 1px 1px 0px #fff, -1px -1px 0px #fff, 1px -1px 0px #fff, -1px 1px 0px #fff;}
    .main-system .btn .page02 .title span {position:relative;display:inline-block;}
    .main-system .btn .page02 .title span:before,
    .main-system .btn .page02 .title span:after {content:'';position:absolute;top:2px;display:block;height:16px;width:1px;background-color:#fff;}
    .main-system .btn.t05 .page02 .title span:before,
    .main-system .btn.t05 .page02 .title span:after{background: #111;}
    .main-system .btn .page02 .title span:before {left:-13px;}
    .main-system .btn .page02 .title span:after {right:-13px;}
    .main-system .btn .page02 .con {padding-top:40px;}
    .main-system .btn.t05 .page02 .con {text-shadow: 2px 0px 0px #fff, -2px 0px 0px #fff, 0px 2px 0px #fff, 0px -2px 0px #fff, 1px 1px 0px #fff, -1px -1px 0px #fff, 1px -1px 0px #fff, -1px 1px 0px #fff;}
    .main-system .btn .page02 .con > ul {position:relative;list-style:none;display:flex;width:calc(100% - 40px);margin:0 auto;gap:11px;}
    .main-system .btn .page02 .con > ul:before {content:'';position:absolute;top:0;left:50%;bottom:0;display:block;width:1px;background-color:#fff;opacity:0.1;}
    .main-system .btn .page02 .con > ul > li {position:relative;width:100%;}
    .main-system .btn .page02 .con > ul > li .name {font-weight:600;line-height:19px;}
    .main-system .btn .page02 .con > ul > li .text {margin-top:8px;}
    .main-system .btn .page02 .con span {display:block;line-height:21px;}
    .main-system .btn .page02 .more {position:absolute;left:16px;right:16px;bottom:16px;line-height:44px;background-color:#111;color:#fff;text-align:Center;border-radius:8px;}
    .main-system .btn:hover .page02,
    .main-system .btn:focus .page02 {transform:translate(0);}
    .main-system .btn.t01 .page01 .title {background-color:#026abf;}
    .main-system .btn.t02 .page01 .title {background-color:#fcc33c;}
    .main-system .btn.t02 .page01 .name {color:#111;text-shadow:none;}
    .main-system .btn.t02 .page01 .num {background-color:#1111114d;}
    .main-system .btn.t03 .page01 .title {background-color:#c82613;}
    .main-system .btn.t04 .page01 .title {background-color:#292929;}
    .main-system .btn.t05 .page01 .title {background:url(../../images/front/bg_pattern_01.png);}
    .main-system .btn.t01 .page02 {background-color:#026abf;}
    .main-system .btn.t02 .page02 {background-color:#fcc33c;}
    .main-system .btn.t03 .page02 {background-color:#c82613;}
    .main-system .btn.t04 .page02 {background-color:#292929;}
    .main-system .btn.t05 .page02 {background:url(../../images/front/bg_pattern_01.png);}
    
    /* .main-section-06 */
    .main-video {position:relative;background-color:#486ED4;padding:40px 52px;border-radius:0 8px 8px 0;color:#fff;}
    .main-video h3 {font-size:24px;line-height:29px;}
    .main-video .main-video-slide {overflow:hidden;margin-top:32px;}
    .main-video .swiper-slide .btn {display:flex;width:100%;gap:24px;align-items:center;color:#fff;}
    .main-video .swiper-slide .btn + .btn {position:relative;margin-top:49px;}
    .main-video .swiper-slide .btn + .btn:before {content:'';position:absolute;top:-25px;left:0;right:0;display:block;height:1px;background-color:#fff;opacity:0.2;}
    .main-video .swiper-slide .btn .img {position:relative;display:flex;width:204px;height:125px;overflow:hidden;background-color:#fff;border-radius:8px;align-items:center;justify-content:center;}
    .main-video .swiper-slide .btn .img:before {content:'';position:absolute;top:0;right:0;bottom:0;left:0;}
    .main-video .swiper-slide .btn:hover .img:before,
    .main-video .swiper-slide .btn:focus .img:before {background:rgba(0,0,0,0.16) url(../../images/front/ico_play_01.svg) center no-repeat;}
    .main-video .swiper-slide .btn .img img {width:100%;height:100%;object-fit:cover;}
    .main-video .swiper-slide .btn .text-wrap {width:calc(100% - 228px);}
    .main-video .swiper-slide .btn .title {margin-top:8px;line-height:24px;font-size:18px;}
    .main-video .swiper-slide .btn .date {display:inline-block;vertical-align:top;margin-top:12px;}
    .main-video .btns-wrap {position:absolute;top:40px;right:52px;display:flex;gap:8px;}
    .main-video .btns-wrap .btn {width:32px;height:32px;text-indent:-9999px;overflow:hidden;}
    .main-video .btns-wrap .btn-prev,
    .main-video .btns-wrap .btn-next {position:relative;}
    .main-video .btns-wrap .btn-prev:before,
    .main-video .btns-wrap .btn-next:before {content:'';position:absolute;top:0;right:0;bottom:0;left:0;background:url(../../images/front/sld_arr_03.svg) center no-repeat;}
    .main-video .btns-wrap .btn-prev:before {transform:rotate(180deg);}
    .main-video .btns-wrap .btn.swiper-button-disabled:before {opacity:0.5;}
    .main-video .btns-wrap .custom-fraction {display:flex;line-height:32px;gap:8px;}
    .main-video .btns-wrap .custom-fraction .line {width:5px;background:url(../../images/front/sld_bar_02.svg) center no-repeat;text-indent:-9999px;overflow:hidden;}
    .main-video .btns-wrap .custom-fraction .all {color:#ffffff73;}

} /* (min-width:1025px) */

@media screen and (max-width:1024px) {
    /* .main-section-01 */
    .main-search {top:10px;left:10px;}
    .main-search .input-keyword .input-search {line-height:40px;padding-left:36px;background-position:13px 13px !important;}
    .main-search .input-keyword .btn-input-delete {top:8px;right:8px;}
    .main-search .input-keyword .btn_search{top: 8px; left: 8px;}


    .main-map .map-area,
    .main-map.cut .map-area {height:480px;}
    .main-map .map-control {top:10px;right:10px;}
    .main-map .btn-fullscreen {right:10px;bottom:auto;top:246px;}
    .main-map .btn-controlsize {display:none;}
    .main-map .map-alarm {width:calc(100% - 20px);left:10px;bottom:10px;transform:translateX(0);background-color:#fff;border-radius:4px;box-shadow:0 1px 4px rgba(0,0,0,0.16);padding:10px;}
    .main-map .map-alarm .check-alarm-all {position:absolute;top:10px;left:10px; z-index: 1;}
    .main-map .map-alarm .list-check {box-shadow:none;flex-wrap:wrap;gap:8px;}
    .main-map .map-alarm .list-check > li:nth-of-type(1) {margin-left:98px;}
    .main-map .map-alarm .list-check > li + li {border:none;}
    .main-map .btn-popup-check {bottom:100px;}

    .main-map .popup-mapinfo {right:50%;width:calc(100% - 40px);transform:translateX(50%);max-width:545px;padding:30px 20px;}
    .main-map .popup-mapinfo .popup-body {max-height:calc(100vh - 240px);overflow-y:auto;}
    .main-map .popup-mapinfo .info-01 .right{width: 100%; justify-content: right;}
    .main-map .popup-mapinfo .info-04 .list-check {flex-wrap:wrap;justify-content:start;gap:4px;}
    /* 250429 지도내 팝업 */
    .esri-view-root .popup-mapinfo {padding:20px 10px !important;}
    .esri-view-root .popup-mapinfo .info-02 {padding:10px;}
    .esri-view-root .popup-mapinfo .popup-head .popup-title {font-size:18px;line-height:20px;}
    .esri-view-root .popup-mapinfo .popup-head .img {width:30px;height:20px;}
    .esri-view-root .popup-mapinfo .tab-wrap .tab-head .btn {padding:11px 6px 10px !important;}

    .main-map .popup-mapinfo .popup-head .btn-popup-close{top: 8px; right: 8px;}
    .main-map .popup-mapinfo.icon_info .popup-head .btn-popup-close{top: 0; right: 0;}

    /* .main-section-02 */
    .main-section-02 {margin:24px auto 40px;}

    /* .main-section-03 */
    .main-section-03 {flex-wrap:wrap;}
    .main-section-03 h3 {line-height:21px;font-size:18px;margin-bottom:11px;}
    .main-section-03 .left {width:100%;}
    .main-section-03 .right {width:100%;margin-top:52px;}

    .main-board .tab-head {top:-36px;}
    .main-board .tab-head .btn {padding:5px 11px;line-height:16px;}
    .main-board .tab-contents {padding-top:20px;}
    .main-board .tab-con .btn-first .img {width:52px;height:35px;}
    .main-board .tab-con .btn-first .text-wrap {width:calc(100% - 64px);}
    .main-board .tab-con .btn-first .title {line-height:16px;font-size:14px;}
    .main-board .tab-con .btn-first .con {margin-top:8px;line-height:18px;}
    .main-board .tab-con .btn-first .info {margin-top:8px;}
    .main-board .tab-con .list-board {margin-top:20px;padding-top:20px;}
    .main-board .tab-con .list-board .btn {line-height:16px;}
    .main-alarm .main-alarm-slide .btn {width:100%;height:auto;}
    .main-alarm .btns-wrap {gap:4px;}
    .main-alarm .btns-wrap .btn {width:24px;height:24px;background-size:24px;}
    .main-alarm .btns-wrap .custom-fraction {line-height:24px;}
    .main-alarm .btns-wrap .btn-prev:before,
    .main-alarm .btns-wrap .btn-next:before {background-size:5px !important;}

    /* .main-section-04 */
    .main-section-04 {margin-top:52px;}
    .main-section-04 h3 {line-height:21px;font-size:18px;margin-bottom:11px;}
    .main-section-04 > ul {list-style:none;background-color:#F1F3FA;border-radius:4px;overflow:hidden;}
    .main-section-04 > ul > li + li {border-top:1px solid #eee;}
    .main-section-04 .btn {display:flex;width:100%;padding:16px 20px;gap:8px;background:url(../../images/front/arr_09.svg) right 23px center no-repeat;}
    .main-section-04 .btn .num {min-width:52px;line-height:24px;padding:0 12px;background-color:#026abf;color:#fff;border-radius:12px;text-align:center;}
    .main-section-04 li:nth-of-type(2) .btn .num{background-color: #fcc33c;}
    .main-section-04 li:nth-of-type(3) .btn .num{background-color: #c82613;}
    .main-section-04 li:nth-of-type(4) .btn .num{background-color: #292929;}
    .main-section-04 li:nth-of-type(5) .btn .num{background: url(../../images/front/bg_pattern_01.png); color: #111; font-weight: 600;text-shadow: 2px 0px 0px #fff, -2px 0px 0px #fff, 0px 2px 0px #fff, 0px -2px 0px #fff, 1px 1px 0px #fff, -1px -1px 0px #fff, 1px -1px 0px #fff, -1px 1px 0px #fff;}

    /* .main-section-05 */
    .main-section-05 {margin-top:52px;}
    .main-section-05 h3 {line-height:21px;font-size:18px;margin-bottom:11px;}
    .main-manual .swiper-slide .btn {height:175px;}
    .main-manual .swiper-slide .btn .page01 {height:175px;padding:20px;align-items:start;}
    .main-manual .swiper-slide .btn .page01 .img {top:auto;left:auto;right:20px;bottom:20px;width:64px;height:64px;}
    .main-manual .swiper-slide .btn .page01 .title {background:none;padding:0;line-height:15px;font-size:13px;}
    .main-manual .swiper-slide .btn .page01 .text {padding:0;margin-top:8px;line-height:18px;}
    .main-manual .swiper-slide .btn .page02 {display:none;}
    .main-manual .btns-wrap {gap:4px;}
    .main-manual .btns-wrap .btn {width:24px;height:24px;background-size:24px;}
    .main-manual .btns-wrap .custom-fraction {line-height:24px;}
    .main-manual .btns-wrap .btn-prev:before,
    .main-manual .btns-wrap .btn-next:before {background-size:5px !important;}

    /* .main-section-06 */
    .main-section-06 {width:100%;margin:52px 0;flex-wrap:wrap;}
    .main-section-06 > .text {display:none;}
    .main-section-06 > .left {width:calc(100% - 40px);}
    .main-section-06 > .right {padding-left:20px;width:calc(100% - 20px);}

    .main-guidebook {margin:0 auto;padding:0;background:none;}
    .main-guidebook h3 {line-height:19px;font-size:18px;}
    .main-guidebook .main-guidebook-slide {margin-top:11px;background-color:#F1F3FA;border-radius:4px;padding:20px 0;}
    .main-guidebook .btns-wrap {right:0;top:0;gap:4px;}
    .main-guidebook .btns-wrap .btn {width:24px;height:24px;background-size:24px;}
    .main-guidebook .btns-wrap .custom-fraction {line-height:24px;}
    .main-guidebook .btns-wrap .btn-prev:before,
    .main-guidebook .btns-wrap .btn-next:before {background-size:5px !important;}
    .main-guidebook .swiper-slide {flex-wrap:wrap;gap:33px;}
    .main-guidebook .swiper-slide .btn {width:100%;display:flex;text-align:left;align-items:center;padding-left:20px;}
    .main-guidebook .swiper-slide .btn .img {width:92px;height:92px;margin:0;margin-right:16px;}
    .main-guidebook .swiper-slide .btn .img img {max-height:70px;}
    .main-guidebook .swiper-slide .btn .text-wrap {width:calc(100% - 118px);}
    .main-guidebook .swiper-slide .btn .title {margin-top:0;line-height:18px;font-size:14px;}
    .main-guidebook .swiper-slide .btn .date {margin-top:8px;}
    .main-guidebook .swiper-slide .btn + .btn:before {bottom:auto;width:auto;top:-16px;left:20px;right:20px;height:1px;}

    .main-video {position:relative;padding:0;margin-top:52px;}
    .main-video h3 {line-height:19px;font-size:18px;margin-bottom:11px;}
    .main-video-slide {overflow:hidden;}
    .main-video .btns-wrap {position:absolute;top:0;right:0;display:flex;gap:4px;}
    .main-video .btns-wrap .btn {width:24px;height:24px;text-indent:-9999px;overflow:hidden;}
    .main-video .btns-wrap .btn-prev,
    .main-video .btns-wrap .btn-next {position:relative;}
    .main-video .btns-wrap .btn-prev:before,
    .main-video .btns-wrap .btn-next:before {content:'';position:absolute;top:0;right:0;bottom:0;left:0;background:url(../../images/front/sld_arr_01.svg) center no-repeat;}
    .main-video .btns-wrap .btn-prev:before {transform:rotate(180deg);}
    .main-video .btns-wrap .btn-prev:before,
    .main-video .btns-wrap .btn-next:before {background-size:5px !important;}
    .main-video .btns-wrap .btn.swiper-button-disabled:before {background:url(../../images/front/sld_arr_02.svg) center no-repeat;}
    .main-video .btns-wrap .custom-fraction {display:flex;line-height:24px;gap:8px;}
    .main-video .btns-wrap .custom-fraction .line {width:5px;background:url(../../images/front/sld_bar.svg) center no-repeat;text-indent:-9999px;overflow:hidden;}
    .main-video .btns-wrap .custom-fraction .all {color:#767676;}
    .main-video .swiper-slide {width:70%;}
    .main-video .swiper-slide .btn {width:100%;}
    .main-video .swiper-slide .btn .img {position:relative;width:100%;height:auto;padding-top:61.2%;}
    .main-video .swiper-slide .btn .img img {position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:100%;height:100%;object-fit:cover;}
    .main-video .swiper-slide .btn .title {margin-top:10px;line-height:18px;padding-right:10px;word-break:keep-all;}
    .main-video .swiper-slide .btn .date {margin-top:8px;color:#999;}
    
    /* sub contents style */
    .tit-01 {line-height:21px;padding-left:22px;font-size:18px;background-size:16px;background-position:left 2px;}
    .tit-01 span.img img {width:24px;height:24px;margin-top:-2px;}
    /* 여행경보제도 */
    .caution-step .title .num {padding:5px 11px 4px;line-height:15px;font-size:13px;}
    .caution-step .title .name {font-size:14px;}
    .caution-step .title:before {width:24px;height:24px;background:url(../../images/front/arr_11_w.svg) center no-repeat;margin-top:-12px;}

    .caution-special .btn {flex-wrap:wrap;}
    .caution-special .btn:before {top:16px;right:16px;width:24px;height:24px;background:url(../../images/front/arr_11_w.svg) center no-repeat;margin:0;}
    .caution-special .title {width:100%;min-height:52px;justify-content:start;padding-left:20px;}
    .caution-special .title .text-wrap {display:flex;align-items:center;}
    .caution-special .title .num {padding:5px 11px 4px;line-height:15px;font-size:13px;}
    .caution-special .title .name {font-size:14px;margin-top:0;}
    .caution-special .con {padding:20px;}
    .caution-special .list-dot-01 {margin-top:0;}

    .caution-info {padding:40px 0;}
    .caution-info .left {padding-left:135px;}
    .caution-info .left:before {width:72px;height:72px;margin-top:-36px;background-size:39px;}
    .caution-info .left .title {font-size:18px;line-height:21px;margin-bottom:8px;}

    /* 국가/지역별 정보 */
    .country-map .map-area,
    .country-map.cut .map-area {height:292px;}
    .country-map .map-control {top:10px;right:10px;}
    .country-map .btn-fullscreen {right:10px;bottom:auto;top:246px;}
    .country-map .btn-controlsize {display:none;}

    .board-country-view .title-wrap {display:flex;align-items:center;border:1px solid #ddd;border-radius:4px;margin-bottom:8px;padding:16px;}
    .board-country-view .title-wrap .img {position:relative;width:60px;height:40px;margin-right:8px;border-radius:2px;overflow:hidden;margin-right:10px;}
    .board-country-view .title-wrap .img:before {content:'';position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid #ddd;border-radius:2px;opacity:0.2;}
    .board-country-view .title-wrap .img img {width:100%;height:100%;object-fit:cover;}
    .board-country-view .title-wrap .text-wrap .country-name {font-weight:500;font-size:16px;}
    .board-country-view .title-wrap .info-01 {line-height:19px;color:#767676;}
    .board-country-view .title-wrap .info-01 .name-en {letter-spacing:0;}
    .board-country-view .title-wrap .info-01 span + span {position:relative;margin-left:20px;}
    .board-country-view .title-wrap .info-01 span + span:before {content:'';position:absolute;top:8px;left:-12px;display:block;width:4px;height:4px;background-color:#bbb;border-radius:50%;}

    .country-view-top {margin-top:16px;}
    .country-view-top .btn-out-01 {position:relative;top:auto;right:auto;margin-top:16px;}
    .country-board {position:relative;border-top:0;}
    .country-board:before {content:'';position:absolute;top:0;left:-20px;right:-20px;display:block;height:8px;background-color:#F4F4F4;}

    /* 위기상황별 대처매뉴얼 */
    .manual-top {margin-bottom:24px;}
    .manual-top .title {padding:20px;text-align:left;font-size:14px;line-height:21px;}
    .manual-top .con {flex-wrap:wrap;padding:0 20px;}
    .manual-top .left {width:100%;padding:20px 0;border-right:0;border-bottom:1px solid #ddd;}
    .manual-top .left .text-01 {line-height:21px;font-size:14px;}
    .manual-top .right {width:100%;padding:20px 0;}
    .manual-top .right .text-01 {line-height:21px;font-size:14px;}

    .cartoon-wrap {padding:0;border:0;}

    .manual-con {padding:20px;}
    .manual-con > ul > li {padding-left:80px;}
    .manual-con > ul > li .img {width:64px;height:64px;}
    .manual-con .title {line-height:24px;font-size:16px;}

    /* 예외적 여권사용 허가 절차 */
    .passpoert-permission-01 .top {padding:20px;}
    .passpoert-permission-01 .top .img {width:72px;height:72px;}
    .passpoert-permission-01 .top .text-wrap {width:100%;margin-top:13px;}

    .permission-step {gap:8px;}
    .permission-step > li {width:100%;}
    .permission-step > li > .inner {display:flex;width:100%;max-width:295px;gap:12px;}
    .permission-step > li:before {z-index:5;left:50%;top:auto;bottom:-20px;transform:translate(-50%, 0) rotate(90deg);}
    .permission-step > li:after {left:50%;top:auto;bottom:-20px;transform:translate(-50%, 0);}
    .permission-step .img {position:relative;width:48px;height:48px;background-color:#F4F4F4;border-radius:50%;}
    .permission-step .img img {position:absolute;top:50%;left:50%;width:24px;height:24px;margin:-12px 0 0 -12px;}
    .permission-step  .text-wrap {width:clac(100% - 60px);}
    .permission-step .title {margin:0;line-height:21px;}
    .permission-step .text-01 {margin:0;line-height:21px;}

    .permission-guide {padding:20px;}
    .permission-guide .guide-01 > div {width:100%;}
    .permission-guide .guide-01 .right {margin-top:24px;}
    .permission-guide .title {padding:7px 0 6px 36px;line-height:19px;font-size:16px;}
    .permission-guide .guide-02 {flex-wrap:wrap;gap:8px;}
    .permission-guide .btns-wrap-01 {width:100%;flex-wrap:wrap;}
    .permission-guide .btns-wrap-01 > li {width:100%;}
    
    /* 단계별 여행경보 */
    .issue-current .issue-top {flex-wrap:wrap;border-radius:4px;}
    .issue-current .issue-top .title {width:100%;padding:13px 20px;}
    .issue-current .issue-top .con {width:100%;padding:20px;}
    .issue-current .issue-top .con .left {width:100%;}
    .issue-current .issue-top .con .right {width:100%;margin-top:13px;}

    .issue-con > li {border:0;border-radius:0;flex-wrap:wrap;}
    .issue-con > li + li {margin-top:52px;}
    .issue-con .title {width:100%;padding:11px 8px 10px 10px;border-radius:4px;}
    .issue-con .title p {line-height:19px;font-size:16px;padding-right:24px;}
    .issue-con .title p:before {top:-3px;}
    .issue-con .list-country {padding:0;margin-top:8px;}
    .issue-con .list-country .btn {padding:9px;line-height:16px;}
    .issue-con .list-country .btn .text-01 {margin-left:4px;}

    /* 해외안전여행 애플리케이션 */
    .application-01 .left {display:flex;justify-content:space-between;width:100%;background:#0A3974;padding:32px 20px;}
    .application-01 .left .btn {width:40px;}
    .application-01 .left .title {line-height:24px;margin-top:-2px;font-size:16px;}
    .application-01 .left .btns-wrap-01 {margin-top:0;}
    .application-01 .right {width:100%;max-width:500px;margin:0 auto;padding:24px 20px 0;}
    .application-01 .right .list-step > li {padding-bottom:110%;}
    .application-01 .right .img {bottom:30px;}

    .application-list {flex-wrap:wrap;}
    .application-list > li {width:100%;align-items:start;}
    .application-list .img {width:52px;height:52px;}

    /* 콜센터 소개 */
    .callcenter-list-02 {padding:20px;border-radius:4px;}
    .callcenter-list-02 .img {width:48px;height:48px;}
    .callcenter-list-02 .text-01 {font-size:14px;line-height:21px;}

    .callcenter-info-01 {flex-wrap:wrap;}
    .callcenter-info-01 .left {width:100%;padding:32px;background-position:right 32px bottom 32px;}
    .callcenter-info-01 .left .text-01 {font-size:16px;line-height:24px;}
    .callcenter-info-01 .left .text-02 {font-size:20px;line-height:28px;margin-top:6px;}
    .callcenter-info-01 .right {width:100%;padding:24px 20px 32px;}
    .callcenter-info-01 .right .title {font-size:18px;line-height:27px;}
    .callcenter-info-01 .right .list-ars {gap:8px;}
    .callcenter-info-01 .right .list-ars > li {display:flex;gap:8px;align-items:center;width:100%;padding:16px 20px;}
    .callcenter-info-01 .right .list-ars .text-01 {margin-top:0;}
    .callcenter-info-01 .right .list-caution-01 {margin-top:5px;}

    /* 통역서비스 */
    .translation-01 {flex-wrap:wrap;}
    .translation-01 > div {width:100%;}
    .translation-01 .title {padding:14px 20px;}
    .translation-01 .title .img {width:24px;height:24px;}
    .translation-01 .title .text {line-height:21px;font-size:18px;}
    .translation-01 .left .con,
    .translation-01 .right .con {padding:20px;background-size:72px;background-position:right 20px top 20px;}

    .translation-02 .title {padding:20px;line-height:21px;font-size:14px;}

    /* 로밍문자서비스 */
    .sms-service-01 {flex-wrap:wrap;border-radius:4px;}
    .sms-service-01 .left {width:100%;background-size:72px;background-position:right 32px bottom 32px;}
    .sms-service-01 .left .text-01,
    .sms-service-01 .left .text-02 {font-size:20px;line-height:28px;}
    .sms-service-01 .right {width:100%;padding:24px;}
    .sms-service-01 .right .list-ars {flex-wrap:wrap;}
    .sms-service-01 .right .list-ars > li {display:flex;align-items:center;justify-content:space-between;width:100%;padding:16px 24px;min-height:72px;}
    .sms-service-01 .right .list-ars .text-01 {max-width:calc(100% - 50px);font-size:16px;line-height:24px;}
    .sms-service-01 .right .list-ars .img {position:static;right:auto;bottom:auto;width:40px;height:40px;}

    /* 무료전화앱 */
    .freecall-01 .left {display:flex;justify-content:space-between;width:100%;padding:20px;}
    .freecall-01 .left .btns-wrap-01 .btn {width:40px;}
    .freecall-01 .left .title {line-height:24px;margin-top:-2px;font-size:16px;margin-bottom:0;}
    .freecall-01 .left .btns-wrap-01 {margin-top:0;}
    .freecall-01 .right {width:100%;max-width:500px;margin:0 auto;padding:24px 20px 0;}
    .freecall-01 .left .btns-wrap-01 {position:static;}
    .freecall-01 > .right .list-step > li {padding-bottom:105%;}
    .freecall-01 > .right .img {bottom:20px;}

    /* 카카오톡, 위챗, 라인 상담 서비스 */
    .advice-service-01 {border-radius:4px;}
    .advice-service-01 > .top {padding:20px;flex-wrap:wrap;}
    .advice-service-01 > .top > .title {font-size:16px;line-height:24px;}
    .advice-service-01 > .top .btns-wrap-01 {width:100%;margin-top:16px;}
    .advice-service-01 > .top .btn-kakao-01 {width:100%;}
    .advice-service-01 > .top .btn-wechat-01 {width:100%;}
    .advice-service-01 > .top .btn-line-01 {width:100%;}

    /* 사증면제 */
    .visa-wrap .tab-wrap {position:relative;padding:20px 4px 20px 20px;}
    .visa-wrap .list-anchor-01 {list-style:none;z-index:5;position:absolute;top:20px;right:10px;}
    .visa-wrap .list-anchor-01 .btn {width:24px;height:24px;line-height:24px;text-align:center;color:#999999;}
    .visa-wrap .list-anchor-01 .btn.on {color:#111;}
    .visa-wrap .popup-wrap .p-title-01 {margin-bottom:5px;}

    /* 미국 무비자 */
    .esta-01 {padding:20px;}
    .esta-01 .box-01 {display:block;}
    .esta-01 .box-01 .btns-wrap-01 {margin-top:16px;}
    .esta-01 > div + div {padding-top:20px;margin-top:20px;}

    /* 법령 전문 및 관련 서식 */
    .docs-01 {flex-wrap:wrap;gap:8px;}
    .docs-01 > li {width:100%;}
    .docs-01 .top {padding:20px;height:135px;background-size:120px;background-position:right 10px bottom -15px;}
    .docs-01 .top .text-01 {font-size:14px;line-height:16px;}
    .docs-01 .top .text-02 {font-size:18px;line-height:27px;margin-top:5px;}
    .docs-01 .bottom {padding:20px;}
    .docs-01 .bottom .btns-wrap-01 {justify-content:left;}

    /* 해외안전여행 서포터스 */
    .supporter-01 {padding:32px 20px 0;background:#FAF8F5;}
    .supporter-01 .text-wrap {max-width:100%;}
    .supporter-01 .text-wrap .text-01 img {width:263px;}
    .supporter-01 .img {text-align:center;}
    .supporter-01 .img img {width:auto;max-width:100%;vertical-align:top;}

    /* 개인정보처리방침 */
    .individual-01 > li {padding:20px;}
    .individual-01 .img {width:91px;}
    .individual-01 .img img {width:56px;}
    .individual-01 .text-wrap {width:calc(100% - 91px);}
    .individual-01 .title {line-height:24px;font-size:16px;}
    .individual-01 .list-dot-01 {margin-top:5px;}

    .individual-02 .text-01 {line-height:27px;font-size:18px;margin-bottom:21px;}
    .individual-02 .text-02 {line-height:24px;font-size:14px;}
    .individual-02 .text-03 {text-indent:-15px;padding-left:15px;}
    

} /* (max-width:1024px) */

@media screen and (max-width:780px) {
    /* .main-section-02 */
    .main-quick {flex-wrap:wrap;gap:24px 140px;}
    .main-quick li:nth-of-type(3n){width: 20%;}


    /* .main-section-05 */
    .main-manual .swiper-slide {gap:8px;}
    .main-manual .swiper-slide .btn {width:calc(50% - 4px);}
    .main-manual .swiper-slide .btn .page01 .text span {display:block;}

    /* sub contents style */
    /* 여행경보제도 */
    .caution-step > li {width:100%;}

    .caution-info {padding:20px;flex-wrap:wrap;}
    .caution-info .left {width:100%;padding:88px 0 16px;border-right:0;border-bottom:1px solid #ddd;margin-bottom:16px;}
    .caution-info .left:before {top:0;left:0;margin:0;}
    .caution-info .right {padding:0;}
    .caution-info .right > ul {flex-wrap:wrap;}
    .caution-info .right > ul br {display:none;}
    .caution-info .right > ul > li {width:100%;}
    .caution-info .right > ul > li + li {margin-top:16px;}

    /* 국가/지역별 정보 */
    .country-board {flex-wrap:wrap;margin-bottom:32px;}
    .country-board > div {width:100%;}
    .country-board > div + div {margin-top:32px;}
    .country-board .board-title {line-height:20px;font-size:16px;}

    .board-country-view .tab-head {border-top:8px solid #F4F4F4;}

    /* 콜센터 소개 */
    .callcenter-list-01 {flex-wrap:wrap;gap:8px;}
    .callcenter-list-01 > li {width:calc(50% - 4px);border-radius:4px;padding:20px;}
    .callcenter-list-01 .img {width:40px;height:40px;}
    .callcenter-list-01 .text-01 {margin-top:13px;font-size:16px;font-weight:24px;}
    .callcenter-list-03 {gap:8px;}
    .callcenter-list-03 > li {width:100%;border-radius:4px;padding:20px;}
    .callcenter-list-03 .title .text-01 {font-size:16px;}

    /* 카카오톡, 위챗, 라인 상담 서비스 */
    .advice-service-01 > .con .list-step  {flex-wrap:wrap;width:100%;max-width:310px;margin:0 auto;gap:24px;}
    .advice-service-01 > .con .list-step .left {display:flex;width:100%;padding:0;align-items:center;gap:20px;}
    .advice-service-01 > .con .text-01 {min-height:0;}
    .advice-service-01 > .con .img {position:static;}
    .advice-service-01 > .con .list-step .left {align-items:start;}
    .advice-service-01 > .con .list-step .left .text-wrap {margin-top:25px;}
    .advice-service-01 > .con .list-step .right {width:100%;padding-bottom:0;}
    .advice-service-01 > .con .list-step .right .text-01 {margin-bottom:16px;}

    /* 솅겐협약 */
    .calc-wrap {flex-wrap:wrap;padding:20px;}
    .calc-wrap .left,
    .calc-wrap .right {width:100%;}
    .calc-wrap .right {text-align:center;}
    .calc-wrap dl dt {font-size:16px;line-height:24px;}
    .calc-wrap dl dd + dt {margin-top:13px;}

    /* 개인정보처리방침 */
    .individual-01 > li {width:100%;}

    /* 배너 다운로드 */
    .banner-01 {flex-wrap:wrap;}
    .banner-01 .left {width:100%;}
    .banner-01 .right {width:100%;text-align:left;margin-top:5px;}

} /* (max-width:780px) */

@media screen and (max-width:640px) {
  .main-quick {gap:24px 70px;}
  .main-quick li:nth-of-type(3n){width: 25%;}
} /* (max-width:640px) */

@media screen and (max-width:580px) {
    /* .main-section-02 */
    .main-quick {gap:24px 70px;}
    .main-quick li:nth-of-type(3n){width: 27.5%;}

    /* 배너 다운로드 */
    .banner-02 > li {width:100%;}

} /* (max-width:580px) */

@media screen and (max-width:480px) {
    /* .main-section-02 */
    .main-quick {gap:24px 30px;}
    .main-quick li:nth-of-type(3n){width: 33%;}

    .main-map .popup-mapinfo .info-01 {flex-wrap:wrap;}
    .main-map .popup-mapinfo .info-02 > ul > li {flex-wrap:wrap;gap:4px;}
    .main-map .popup-mapinfo .info-02 > ul > li .title {width:100%;}
    .main-map .popup-mapinfo .info-02 > ul > li .con {width:100%;}

} /* (max-width:480px) */

@media screen and (max-width:404px) {
    .main-quick {gap:24px 0;}
    .main-quick li:nth-of-type(3n){width: 38%;}
} /* (max-width:404px) */

@media screen and (max-width:380px) {
    /* .main-section-01 */
    .main-search {width:220px;}
    /* .main-section-02 */
    .main-quick {gap:24px 0;}
    
    /* 해외안전여행 애플리케이션 */
    .application-01 .right .list-step {flex-wrap:wrap;}
    .application-01 .right .list-step > li {width:100%;padding-bottom:30px;}
    .application-01 .right .text-01 {min-height:0;margin-bottom:16px;}
    .application-01 .right .img {position:static;}

    /* 무료전화앱 */
    .freecall-01 .right .list-step {flex-wrap:wrap;}
    .freecall-01 .right .list-step > li {width:100%;padding-bottom:100%;}
    .freecall-01 .right .text-01 {min-height:0;margin-bottom:16px;}

} /* (max-width:380px) */

/* 국가,지역별정보 - 상세의 소제목*/
h3.tit,
h6.tit{display:flex;line-height:29px;padding-left:24px;font-size:24px;font-weight:600;background:url(../../images/front/br_02.svg) left 6px no-repeat;margin:52px 0 16px;}

@media screen and (max-width:1024px) {
  h3.tit,
  h6.tit{line-height:21px;padding-left:22px;font-size:18px;background-size:16px;background-position:left 2px;}
}