@charset "utf-8";
/* CSS Document */
@import url("fonts.css");
@import url("reset.css");

/** layout **/
/** button style **/
/** text style **/
/** box style **/
/** form style **/
/** list style **/
/** table style **/
/** tab style **/
/** contents style **/
/** board style **/
/** popup style **/

/* css default setting */
.blind {display:block;overflow:hidden;position:absolute !important;left:-9999px;width:1px;height:1px;font-size:0;line-height:0;text-indent:-9999px;}
.blank {margin:0;padding:0;border:none;background:none;}
.dnone {display:none !important;}
.clearfix:before,
.clearfix:after {content:"";display:table;padding:0;}
.clearfix:after {clear:both;}
.tct {text-align:center;}
.tlt {text-align:left;}
.trt {text-align:right;}
.vam {vertical-align:middle;}
.vat {vertical-align:top;}
.vab {vertical-align:bottom;}
.fl {float:left;}
.fr {float:right;}
.ib {display:inline-block;}
.keep {word-break:keep-all;}
.poinherit {position:inherit;}
.btn {position:relative;display:inline-block;vertical-align:top;cursor:pointer;-webkit-transition:0.2s ease-out;transition:0.2s ease-out;}
a:focus,
input:focus,
button:focus {outline:none;} /* 250717 수정 */
.btn:hover,
.btn:focus,
.btn.underline {text-decoration:underline;}
/* ::-webkit-scrollbar{width:5px;height:10px;}
::-webkit-scrollbar-thumb{background-color:#ccc;border-radius: 10px;}
::-webkit-scrollbar-track{background-color:rgba(0,0,0,0);} */

.mt8 {margin-top:8px;}

/** layout **/
body {font-family:'Pretendard', sans-serif;color:#111;font-size:16px;letter-spacing:-0.025em;line-height:1.5;}

/* .wrap */
.wrap {position:relative;}

/* .skip-nav */
.skip-nav {z-index:9999;position:fixed;top:0;left:0;width:100%;}
.skip-nav a {position:absolute;top:0;left:0;width:100%;height:0;font-size:0;color:#fff;text-align:center;}
.skip-nav a:focus {height:30px;line-height:30px;background:#111;font-size:20px;}

/* #header */
#header {z-index:1000;position:fixed;top:0;left:0;right:0;background-color:#fff;height:132px;border-bottom:1px solid #eee;}
#header > .inner {position:relative;width:calc(100% - 40px);max-width:1420px;margin:0 auto;}

#header .hd-top {display:flex;justify-content:space-between;align-items:start;padding:10px 0 28px;}
#header .hd-top > .right {display:flex;}

#header .hd-notice-01 {display:flex;width:495px;gap:8px;}
#header .hd-notice-01 .title {width:90px;height:32px;line-height:32px;font-size:16px;font-weight:500;color:#c82613;padding-left:28px;background:url(../../images/front/ico_alert_01.svg) left center no-repeat;}
#header .hd-notice-01 .hd-notice-slide {position:relative;display:flex;gap:8px;width:calc(100% - 98px);height:32px;}
#header .hd-notice-01 .hd-notice-slide .swiper {position:relative;margin:0;}
#header .hd-notice-01 .hd-notice-slide .swiper-wrapper {width:calc(100% - 57px);height:32px;}
#header .hd-notice-01 .hd-notice-slide .swiper-wrapper .swiper-slide .btn {width:100%;height:32px;line-height:32px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;outline:0;}
#header .hd-notice-01 .hd-notice-slide .swiper-navigation {position:absolute;z-index:10;right:0;top:0;display:flex;padding:4px 0;}
#header .hd-notice-01 .hd-notice-slide .swiper-navigation .btn {z-index:0;width:24px;height:24px;border:1px solid #ddd;}
#header .hd-notice-01 .hd-notice-slide .swiper-navigation .btn:before {content:'';position:absolute;top:0;right:0;bottom:0;left:0;}
#header .hd-notice-01 .hd-notice-slide .swiper-navigation .btn + .btn {margin-left:-1px;}
#header .hd-notice-01 .hd-notice-slide .swiper-navigation .btn:hover,
#header .hd-notice-01 .hd-notice-slide .swiper-navigation .btn:focus {z-index:1;border-color:#111;}
#header .hd-notice-01 .hd-notice-slide .swiper-navigation .btn-prev {border-radius:4px 0 0 4px;}
#header .hd-notice-01 .hd-notice-slide .swiper-navigation .btn-next {border-radius:0 4px 4px 0;}
#header .hd-notice-01 .hd-notice-slide .swiper-navigation .btn:before {background:url(../../images/front/arr_01.svg) center 9px no-repeat;}
#header .hd-notice-01 .hd-notice-slide .swiper-navigation .btn-next:before {transform:rotate(180deg);background-position:center 7px;}
#header .hd-notice-01 .hd-notice-slide .swiper-navigation .btn.swiper-button-disabled:before {opacity:0.5;}

#header .hd-notice-02 {height:32px;border-radius:16px;overflow:hidden;background-color:#F4F4F4;}
#header .hd-notice-02 .hd-notice-slide {position:relative;height:32px;line-height:32px;padding:0 31px 0 10px;}
#header .hd-notice-02 .hd-notice-slide .swiper-wrapper {height:32px;}
#header .hd-notice-02 .hd-notice-slide .swiper-slide {display:flex;gap:8px;width:100%;height:32px;line-height:32px;}
#header .hd-notice-02 .hd-notice-slide .swiper-slide .btn {display:flex;gap:8px;width:100%;}
#header .hd-notice-02 .hd-notice-slide span {height:32px;color:#026abf;font-weight:500;}
#header .hd-notice-02 .hd-notice-slide .text-02 {font-weight:600;}
#header .hd-notice-02 .hd-notice-slide .btn-reset {position:absolute;top:4px;right:4px;width:24px;height:24px;overflow:hidden;background:url(../../images/front/ico_refresh_01.svg) center no-repeat;border-radius:50%;}
#header .hd-notice-02 .hd-notice-slide .btn-reset:hover,
#header .hd-notice-02 .hd-notice-slide .btn-reset:focus {transform:rotate(270deg);}

#header .hd-zoomset {display:flex;margin-left:8px;}
#header .hd-zoomset .btn {z-index:0;position:relative;width:32px;height:32px;border:1px solid #ddd;}
#header .hd-zoomset .btn:before,
#header .hd-zoomset .btn:after {content:'';position:absolute;top:50%;left:50%;display:block;width:12px;height:2px;background-color:#555;margin:-1px -6px;}
#header .hd-zoomset .btn-zoomin:before {transform:rotate(90deg);}
#header .hd-zoomset .btn + .btn {margin-left:-1px;}
#header .hd-zoomset .btn:hover,
#header .hd-zoomset .btn:focus {z-index:1;border-color:#111;}
#header .hd-zoomset .btn-zoomin {border-radius:4px 0 0 4px;}
#header .hd-zoomset .num-zoom {width:56px;height:32px;line-height:32px;border:1px solid #ddd;border-left:0;border-radius:0 4px 4px 0;color:#767676;font-weight:500;text-align:center;}

#header .hd-sns {display:flex;margin-left:16px;gap:16px;}
#header .hd-sns .btn {width:32px;height:32px;border-radius:50%;}
#header .hd-sns .btn.blog {background:url(../../images/front/ico_sns_blog.svg) center no-repeat;}
#header .hd-sns .btn.blog:hover,
#header .hd-sns .btn.blog:focus {background:url(../../images/front/ico_sns_blog_on.svg) center 5px no-repeat;}
#header .hd-sns .btn.yutube {background:url(../../images/front/ico_sns_yutube.svg) center no-repeat;}
#header .hd-sns .btn.yutube:hover,
#header .hd-sns .btn.yutube:focus {background:url(../../images/front/ico_sns_yutube_on.svg) center 5px no-repeat;}

#header h1 img {vertical-align:top;}

#header .temp_noti{position: absolute; left: 320px; right: 0; bottom: -80px; height: 80px; background: rgba(0,0,0,0.5); z-index: -1;}
#header .temp_noti p{color: #fff; font-size: 32px; line-height: 80px; text-align: center; height: 100%; overflow: hidden;}
@media screen and (max-width:1024px) {
  #header .temp_noti{left: 0; bottom: -140px;}
}

/* #gnb */
#gnb {position:absolute;top:70px;right:112px;word-break:keep-all;}
#gnb.active .gnb-bg {z-index:-1;position:fixed;top:132px;left:0;bottom:0;right:0;background-color:#696E82;opacity:0.7;}
#gnb .gnb-depth1 {list-style:none;display:flex;}
#gnb .gnb-depth1 > li > .btn {position:relative;padding:10px 16px 28px;line-height:24px;font-size:20px;font-weight:600;}
#gnb .gnb-depth1 > li > .btn:before {content:'';position:absolute;left:16px;bottom:0;display:block;width:0;height:3px;background-color:#026abf;transition:.2s ease-out;}
#gnb .gnb-depth1 > li > .btn:hover,
#gnb .gnb-depth1 > li > .btn:focus,
#gnb .gnb-depth1 > li > .btn.active {color:#026abf;text-decoration:none;}
#gnb .gnb-depth1 > li > .btn:hover:before,
#gnb .gnb-depth1 > li > .btn:focus:before,
#gnb .gnb-depth1 > li > .btn.active:before {width:calc(100% - 32px);}
#gnb .gnb-depth2 {z-index:0;display:none;position:fixed;top:132px;left:0;right:0;background-color:#fff;padding:32px 0 64px;height:0;overflow:hidden;transition:.2s ease-out;}
#gnb .gnb-depth1 > li > .btn.active + .gnb-depth2 {display:block;height:auto;}
#gnb .gnb-depth2 > ul {list-style:none;display:flex;justify-content:center;align-items:start;width:100%;max-width:1460px;padding:0 20px;margin:0 auto;gap:24px;}
#gnb .gnb-depth2 > ul.flex-end {justify-content:end;}
#gnb .gnb-depth2 > ul > li {width:calc(25% - 18px);}
#gnb .gnb-depth2 > ul > li > .btn {width:100%;line-height:21px;padding:16px 16px 15px;background-color:#F1F3FA;border-radius:8px;text-align:left;font-size:18px;font-weight:600;}
#gnb .gnb-depth2 > ul > li:hover > .btn,
#gnb .gnb-depth2 > ul > li:focus > .btn {background-color:#d3dcfa;text-decoration:none;}
#gnb .gnb-depth2 > ul > li > .btn:hover,
#gnb .gnb-depth2 > ul > li > .btn:focus,
#gnb .gnb-depth2 > ul > li > .btn.on {background-color:#026abf;color:#fff;text-decoration:none;}
#gnb .gnb-depth2 > ul > li > .btn-external:after {content:'';display:inline-block;width:20px;height:21px;background:url(../../images/front/ico_new_01.svg) center 1px no-repeat;margin-left:4px;vertical-align:top;}
#gnb .gnb-depth3 {list-style:none;margin-top:8px;}
#gnb .gnb-depth3 > li > .btn {position:relative;width:100%;padding:10px 10px 9px 28px;text-align:left;font-size:18px;line-height:21px;}
#gnb .gnb-depth3 > li > .btn:before {content:'';position:absolute;top:18px;left:16px;display:block;width:4px;height:4px;border-radius:50%;background-color:#bbb;}
#gnb .gnb-depth3 > li > .btn-external:after {content:'';display:inline-block;width:20px;height:21px;background:url(../../images/front/ico_new_01.svg) center 1px no-repeat;margin-left:4px;vertical-align:top;}

/* #hd-search */
#hd-search {position:absolute;top:76px;right:56px;}
#hd-search .btn-popup-open {position:absolute;top:0;right:0;width:32px;height:32px;background:url(../../images/front/ico_glass_01.svg) center no-repeat;}
#hd-search .btn-popup-open:hover,
#hd-search .btn-popup-open:focus {top:-6px;height:38px;}
#hd-search .popup-wrap {z-index:2000;position:absolute;top:0;right:0;width:282px;border:2px solid #111;border-radius:8px;background-color:#fff;overflow:hidden;}
#hd-search .popup-wrap .btn-popup-close {position:absolute;top:-2px;right:-2px;width:32px;height:32px;border-radius:0 8px 0 8px;background-color:#111;}
#hd-search .popup-wrap .btn-popup-close:before,
#hd-search .popup-wrap .btn-popup-close:after {content:'';position:absolute;top:50%;left:50%;display:block;width:16px;height:2px;background-color:#fff;margin:-1px 0 0 -8px;}
#hd-search .popup-wrap .btn-popup-close:before {transform:rotate(-45deg);}
#hd-search .popup-wrap .btn-popup-close:after {transform:rotate(45deg);}
#hd-search .popup-wrap .btn-popup-close:hover,
#hd-search .popup-wrap .btn-popup-close:focus {transform-origin:top right;transform:scale(1.1);}
#hd-search .popup-wrap .input-search {width:100%;line-height:48px;padding:0 70px 0 40px;border-bottom:1px solid #eee;}
#hd-search .popup-wrap .btn-input-delete {display:none;position:absolute;top:12px;right:40px;width:24px;height:24px;background:url(../../images/front/ico_x_01.svg) center no-repeat;text-indent:-9999px;overflow:hidden;}
#hd-search .popup-wrap .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;}
#hd-search .popup-wrap .list-search {list-style:none;padding:10px;}
#hd-search .popup-wrap .list-search > li > .btn {display:flex;padding:11px 16px 10px;text-align:left;line-height:19px;border-radius:4px;}
#hd-search .popup-wrap .list-search > li > .btn .num {width:20px;font-weight:600;}
#hd-search .popup-wrap .list-search > li > .btn .name {width:calc(100% - 20px);}
#hd-search .popup-wrap .list-search > li > .btn:hover,
#hd-search .popup-wrap .list-search > li > .btn:focus {text-decoration:none;background-color:#F8F9FD;font-weight:600;}
#hd-search .popup-wrap .list-search > li > .btn:hover .name,
#hd-search .popup-wrap .list-search > li > .btn:focus .name {text-decoration:underline;}

/* #gnb-all */
#gnb-all {position:absolute;top:76px;right:0;word-break:keep-all;}
#gnb-all .btn-popup-open {position:absolute;top:0;right:0;width:32px;height:32px;}
#gnb-all .btn-popup-open:before,
#gnb-all .btn-popup-open:after,
#gnb-all .btn-popup-open .bar {content:'';position:absolute;top:50%;left:50%;display:block;width:18px;height:2px;background-color:#111;margin:-1px 0 0 -9px;}
#gnb-all .btn-popup-open:before {margin-top:-7px;}
#gnb-all .btn-popup-open:after {margin-top:5px;}
#gnb-all .btn-popup-open .bar {width:12px;transition:.2s ease-out;}
#gnb-all .btn-popup-open:hover .bar,
#gnb-all .btn-popup-open:focus .bar {width:18px;}

/* .container */
.container {margin-top:132px;}

/* .sub-contents */
.sub-contents {display:flex;width:calc(100% - 40px);max-width:1420px;margin:0 auto;justify-content:space-between;padding:80px 0 120px;}
.sub-left {width:280px;}
.sub-right {width:calc(100% - 340px);}

/* .snb */
.snb .title {position:relative;line-height:29px;font-size:24px;font-weight:600;padding-bottom:20px;border-bottom:4px solid #E5E5E5;}
.snb .title:before,
.snb .title:after {content:'';position:absolute;bottom:-4px;display:block;height:4px;}
.snb .title:before {left:0;width:57%;background-color:#0A3974;}
.snb .title:after {left:57%;width:28.2%;background-color:#A6937C}
.snb ul {list-style:none;}
.snb .snb-depth1 > li {border-bottom:1px solid #ddd;}
.snb .snb-depth1 > li > .btn {width:100%;padding:18px 20px;font-size:18px;font-weight:500;line-height:21px;word-break:keep-all;}
.snb .snb-depth1 > li > .btn:before {content:'';position:absolute;top:20px;left:0;display:block;width:16px;height:16px;background:url(../../images/front/br_01.svg) center no-repeat;opacity:0;transition:.2s ease-out;}
.snb .snb-depth1 > li > .btn-external:after {content:'';display:inline-block;width:20px;height:21px;background:url(../../images/front/ico_new_01.svg) center 1px no-repeat;margin-left:4px;vertical-align:top;}
.snb .snb-depth1 > li > .btn.btn-toggle {padding-right:40px;}
.snb .snb-depth1 > li > .btn.active {padding-left:40px;color:#A47E4F;font-weight:600;}
.snb .snb-depth1 > li > .btn.active:before {opacity:1;left:20px;}
.snb .snb-depth1 > li > .btn.btn-toggle:after {content:'';position:absolute;top:16px;right:10px;display:block;width:24px;height:24px;background:url(../../images/front/arr_03.svg) center no-repeat;transition:.2s ease-out;}
.snb .snb-depth1 > li > .btn.btn-toggle:hover:after,
.snb .snb-depth1 > li > .btn.btn-toggle:focus:after {background-image:url(../../images/front/arr_03_on.svg);}
.snb .snb-depth1 > li > .btn.btn-toggle.active:after {background-image:url(../../images/front/arr_03_on.svg);transform:rotate(-180deg);}
.snb .snb-depth2 {display:none;padding:8px 20px;background-color:#F8F9FD;}
.snb .btn.active + .snb-depth2 {display:block;}
.snb .snb-depth2 .btn {position:relative;width:100%;padding:8px 12px;color:#767676;line-height:19px;}
.snb .snb-depth2 .btn:before {content:'';position:absolute;top:15px;left:0;display:block;width:4px;height:4px;background-color:#bbb;border-radius:50%;}
.snb .snb-depth2 .btn-external:after {content:'';display:inline-block;width:20px;height:21px;background:url(../../images/front/ico_new_01.svg) center 1px no-repeat;margin-left:4px;vertical-align:top;}

/* .sub-head */
.sub-head {position:relative;padding-right:100px;margin-bottom:24px;}
.sub-head .page-title {line-height:38px;font-size:32px;font-weight:600;margin-top:18px;}

.breadcrumb {list-style:none;display:flex;line-height:24px;}
.breadcrumb .home {width:24px;height:24px;background:url(../../images/front/ico_home.svg) center no-repeat;margin-right:8px;}
.breadcrumb li + li {position:relative;margin-right:24px;}
.breadcrumb li + li .btn {color:#767676;}
.breadcrumb li:nth-of-type(n+2):before {content:'';position:absolute;right:-24px;top:0;display:block;width:24px;height:24px;background:url(../../images/front/arr_04.svg) center no-repeat;}
.breadcrumb li:last-child:before {display:none;}

.sub-function {list-style:none;position:absolute;right:0;bottom:0;display:flex;gap:16px;}
.sub-function .btn {width:40px;height:40px;text-indent:-9999px;overflow:hidden;}
.sub-function .btn.share {background:url(../../images/front/ico_share.svg) center no-repeat;}
.sub-function .btn.print {background:url(../../images/front/ico_print.svg) center no-repeat;}

/* .sub-satisfaction */
.sub-satisfaction {display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;margin-top:52px;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,0.04);padding:15px 24px;}
.sub-satisfaction .title {font-weight:600;}
.sub-satisfaction .choice-wrap {display:flex;align-items:center;}
.sub-satisfaction .choice-wrap .radio-01 {margin-right:24px;}
.sub-satisfaction .choice-wrap .radio-01:last-of-type {margin-right:32px;}

/* #footer */
#footer {border-top:1px solid #ccc;}
#footer > .inner {position:relative;width:calc(100% - 40px);max-width:1420px;margin:0 auto;padding:32px 0 52px;}
#footer .ft-familysite {position:absolute;top:32px;right:0;width:240px;}
#footer .ft-familysite .btn-toggle {width:100%;padding:10px 32px 9px 15px;border:1px solid #ddd;border-radius:4px;line-height:19px;background-color:#fff;}
#footer .ft-familysite .btn-toggle:before {content:'';position:absolute;top:8px;right:8px;display:block;width:24px;height:24px;background:url(../../images/front/arr_02.svg) center no-repeat;transition:.2s ease-out;}
#footer .ft-familysite .btn-toggle:hover,
#footer .ft-familysite .btn-toggle:focus {text-decoration:none;border-color:#111;}
#footer .ft-familysite .btn-toggle:hover:before,
#footer .ft-familysite .btn-toggle:focus:before {animation: infinite arrBounce .8s;}
#footer .ft-familysite .list-site {display:none;z-index:2000;list-style:none;position:absolute;bottom:45px;left:0;width:100%;border:1px solid #ddd;border-radius:4px;padding:7px;background-color:#fff;max-height:190px;overflow-y:auto;}
#footer .ft-familysite .list-site .btn {width:100%;padding:11px 8px 10px;line-height:19px;}
#footer .ft-familysite .list-site .btn:hover,
#footer .ft-familysite .list-site .btn:focus {background-color:#F1F3FA;}
#footer .ft-familysite .btn-toggle.active:before {transform:rotate(-180deg);background-position:center 6px;}
#footer .ft-familysite .btn-toggle.active + .list-site {display:block;}
@keyframes arrBounce {
    0% {top:8px;}
    30% {top:11px;}
    80% {top:6px;}
    100% {top:8px;}
}

#footer .ft-links {list-style:none;display:flex;gap:20px;}
#footer .ft-links > li {position:relative;}
#footer .ft-links > li + li:before {content:'';position:absolute;top:18px;left:-12px;display:block;width:4px;height:4px;background-color:#bbb;border-radius:50%;}
#footer .ft-links .btn {padding:10px 0;font-weight:500;}
#footer .ft-links .btn-privacy {color:#476ED4;}
#footer .ft-links .btn-external:after {content:'';display:inline-block;width:20px;height:21px;background:url(../../images/front/ico_new_01.svg) center 1px no-repeat;margin-left:4px;vertical-align:top;}
#footer address {padding-top:16px;color:#767676;}
#footer .copy {padding-bottom:29px;color:#767676;}
#footer .ft-callcenter {display:flex;gap:16px;}
#footer .ft-callcenter .title {padding:5px 0 4px;line-height:19px;font-weight:500;}
#footer .ft-callcenter p {display:flex;}
#footer .ft-callcenter p .name {padding:5px 10px 4px;line-height:19px;font-weight:500;margin-right:16px;background-color:#476ED41A;border-radius:16px;color:#476ED4;}
#footer .ft-callcenter p .num {padding:5px 0 4px;line-height:19px;font-weight:500;color:#476ED4;}
#footer .ft-app-sns {position:absolute;right:0;bottom:52px;display:flex;gap:24px;}
#footer .ft-app-sns .ft-app {display:flex;gap:4px;}
#footer .ft-app-sns .ft-app .btn {padding:4px 12px 4px 8px;border:1px solid #ddd;border-radius:4px;line-height:24px;}
#footer .ft-app-sns .ft-app .btn:before {content:'';display:inline-block;vertical-align:top;width:24px;height:24px;}
#footer .ft-app-sns .ft-app .btn.appstore:before {background:url(../../images/front/ico_app_appstore.svg) center no-repeat;}
#footer .ft-app-sns .ft-app .btn.playstore:before {background:url(../../images/front/ico_app_playstore.svg) center no-repeat;}
#footer .ft-app-sns .ft-sns {display:flex;gap:16px;}
#footer .ft-app-sns .ft-sns .btn {width:32px;height:32px;}
#footer .ft-app-sns .ft-sns .btn.blog {background:url(../../images/front/ico_sns_blog.svg) center no-repeat;}
#footer .ft-app-sns .ft-sns .btn.blog:hover,
#footer .ft-app-sns .ft-sns .btn.blog:focus {background:url(../../images/front/ico_sns_blog_on.svg) center 5px no-repeat;}
#footer .ft-app-sns .ft-sns .btn.yutube {background:url(../../images/front/ico_sns_yutube.svg) center no-repeat;}
#footer .ft-app-sns .ft-sns .btn.yutube:hover,
#footer .ft-app-sns .ft-sns .btn.yutube:focus {background:url(../../images/front/ico_sns_yutube_on.svg) center 5px no-repeat;}

/** button style **/
.btn-blue-01 {position:relative;min-width:160px;padding:18px 16px 17px;font-size:18px;line-height:21px;background-color:#0A3974;color:#fff;border-radius:4px;font-weight:600;text-align:center;}
.btn-blue-01:before {content:'';position:absolute;top:0;right:0;bottom:0;left:0;border-radius:4px;border:2px solid #0A3974;}
.btn-blue-01:hover,
.btn-blue-01:focus {background-color:#fff;color:#0A3974;text-decoration:none;}
input.btn-blue-01 {padding:16px 14px 15px;border:2px solid #0A3974;}
.btn-blue-02 {position:relative;min-width:80px;padding:11px 18px 10px;background-color:#0A3974;border-radius:4px;line-height:19px;font-weight:600;color:#fff;text-align:center;}
.btn-blue-02:before {content:'';position:absolute;top:0;right:0;bottom:0;left:0;border-radius:4px;border:2px solid #0A3974;}
.btn-blue-02:hover,
.btn-blue-02:focus {background-color:#fff;color:#0A3974;text-decoration:none;}
input.btn-blue-02 {padding:9px 18px 8px;border:2px solid #0A3974;}
.btn-white-01 {min-width:80px;padding:17px 16px 16px;font-size:18px;line-height:21px;background-color:#fff;color:#111;border-radius:4px;border:1px solid #CCCCCC;text-align:center;font-weight:500;}
.btn-white-01:hover,
.btn-white-01:focus {border-color:#111;text-decoration:none;}
.btn-white-02 {min-width:60px;padding:10px 16px 9px;font-size:16px;line-height:19px;background-color:#fff;color:#111;border-radius:4px;border:1px solid #CCCCCC;text-align:center;}
.btn-white-02:hover,
.btn-white-02:focus {border-color:#111;text-decoration:none;}
.btn-out-01 {position:relative;min-width:60px;padding:10px 34px 9px 16px;font-size:16px;line-height:19px;background-color:#fff;color:#026abf;border-radius:4px;border:1px solid #CCCCCC;text-align:center;font-weight:500;}
.btn-out-01:before {content:'';position:absolute;top:50%;right:10px;transform:translateY(-50%);display:inline-block;width:20px;height:20px;background:url(../../images/front/ico_new_02.svg) center no-repeat;}
.btn-out-01:hover,
.btn-out-01:focus {border-color:#026abf;text-decoration:none;}
.btn-quick-01 {position:relative;min-width:60px;padding:10px 34px 9px 16px;font-size:16px;line-height:19px;background-color:#fff;color:#026abf;border-radius:4px;border:1px solid #CCCCCC;text-align:center;font-weight:500;}
.btn-quick-01:before {content:'';position:absolute;top:50%;right:10px;transform:translateY(-50%);display:inline-block;width:20px;height:20px;background:url(../../images/front/arr_05.svg) center no-repeat;}
.btn-quick-01:hover,
.btn-quick-01:focus {border-color:#026abf;text-decoration:none;}
.btn-download-01 {position:relative;min-width:60px;padding:10px 34px 9px 16px;font-size:16px;line-height:19px;background-color:#fff;color:#026abf;border-radius:4px;border:1px solid #CCCCCC;text-align:center;font-weight:500;}
.btn-download-01:before {content:'';position:absolute;top:50%;right:10px;transform:translateY(-50%);display:inline-block;width:20px;height:20px;background:url(../../images/front/ico_download_01.svg) center no-repeat;}
.btn-download-01:hover,
.btn-download-01:focus {border-color:#026abf;text-decoration:none;}
.btn-download-02 {color:#026abf;font-weight:500;padding-right:24px;background:url(../../images/front/ico_download_01.svg) right center no-repeat;}
.btn-download-03 {position:relative;padding:7px 34px 6px 8px;border-radius:5px;color:#026abf;font-weight:500;background:#F8F9FD url(../../images/front/ico_download_01.svg) right 6px center no-repeat;}
.btn-download-03:before {content:'';position:absolute;top:0;right:0;bottom:0;left:0;border:2px solid #f8f9fd;transition:.2s ease-out;border-radius:4px;}
.btn-download-03:hover:before,
.btn-download-03:focus:before {border-color:#026abf;}
.btn-download-03:hover,
.btn-download-03:focus {text-decoration:none;}
.btn-more-01 {position:relative;min-width:60px;padding:10px 34px 9px 16px;font-size:16px;line-height:19px;background-color:#fff;color:#026abf;border-radius:4px;border:1px solid #CCCCCC;text-align:center;font-weight:500;}
.btn-more-01:before {content:'';position:absolute;top:50%;right:10px;margin-top:-10px;display:inline-block;width:20px;height:20px;background:url(../../images/front/arr_05.svg) center no-repeat;transform:rotate(90deg);}
.btn-more-01:hover,
.btn-more-01:focus {border-color:#026abf;text-decoration:none;}
.btn-more-01.active:before {transform:rotate(-90deg);}
.btn-text-01 {color:#026abf;text-decoration:underline;font-weight:500;}
.btn-text-02 {color:#c82613;text-decoration:underline;font-weight:500;}
.btn-out-02 {color:#026abf;font-weight:500;padding-right:24px;background:url(../../images/front/ico_new_02.svg) right center no-repeat;}
.btn-gray-01 {position:relative;padding:11px 18px 10px;background-color:#696E82;border-radius:4px;line-height:19px;font-weight:600;color:#fff;}
.btn-gray-01:before {content:'';position:absolute;top:0;right:0;bottom:0;left:0;border:2px solid #696E82;border-radius:4px;}
.btn-gray-01:hover,
.btn-gray-01:focus {background-color:#fff;color:#696E82;text-decoration:none;}
.btn-reset-01 {position:relative;width:40px;height:40px;background-color:#fff;border:1px solid #ccc;border-radius:4px;text-indent:-9999px;overflow:hidden;}
.btn-reset-01:before {content:'';position:absolute;top:0;right:0;bottom:0;left:0;background:url(../../images/front/ico_refresh_01.svg) center no-repeat;transition:.2s ease-out;}
.btn-reset-01:hover,
.btn-reset-01:focus {border-color:#111;}
.btn-reset-01:hover:before,
.btn-reset-01:focus:before {transform:rotate(180deg);}
.btn-googleplay-01 {position:relative;border:1px solid #ddd;border-radius:4px;width:190px;height:67px;background:#fff url(../../images/front/ico_app_playstore.svg) left 18px center no-repeat;background-size:30px;}
.btn-googleplay-01 img {position:absolute;top:50%;left:65px;transform:translateY(-50%);}
.btn-googleplay-01:hover,
.btn-googleplay-01:focus {border-color:#111;}
.btn-googleplay-02 {position:relative;border-radius:8px;width:150px;height:52px;background:#fff url(../../images/front/ico_app_playstore.svg) left 15px center no-repeat;background-size:24px;}
.btn-googleplay-02 img {position:absolute;top:50%;left:51px;transform:translateY(-50%);width:74px;}
.btn-googleplay-02:hover,
.btn-googleplay-02:focus {border-color:#111;}
.btn-appstore-01 {position:relative;border:1px solid #ddd;border-radius:4px;width:190px;height:67px;background:#fff url(../../images/front/ico_app_appstore.svg) left 18px center no-repeat;background-size:30px;}
.btn-appstore-01 img {position:absolute;top:50%;left:65px;transform:translateY(-50%);}
.btn-appstore-01:hover,
.btn-appstore-01:focus {border-color:#111;}
.btn-appstore-02 {position:relative;border-radius:8px;width:150px;height:52px;background:#fff url(../../images/front/ico_app_appstore.svg) left 18px center no-repeat;background-size:24px;}
.btn-appstore-02 img {position:absolute;top:50%;left:65px;transform:translateY(-50%);width:72px;}
.btn-appstore-02:hover,
.btn-appstore-02:focus {border-color:#111;}
.btn-kakao-01 {position:relative;width:100%;max-width:320px;line-height:52px;padding-left:56px;background-color:#FAE100;border-radius:8px;font-weight:600;}
.btn-kakao-01:before {content:'';position:absolute;top:50%;left:16px;width:32px;height:32px;transform:translateY(-50%);background:url(../../images/front/ico_kakao.svg) center no-repeat;}
.btn-kakao-01:after {content:'';position:absolute;top:50%;right:10px;width:32px;height:32px;transform:translateY(-50%);background:url(../../images/front/arr_14.svg) center no-repeat;transition:.2s ease-out;}
.btn-kakao-01:hover,
.btn-kakao-01:focus {text-decoration:none;}
.btn-kakao-01:hover:after,
.btn-kakao-01:focus:after {right:5px;}
.btn-wechat-01 {position:relative;width:100%;max-width:320px;line-height:52px;padding-left:56px;background-color:#44C669;border-radius:8px;font-weight:600;}
.btn-wechat-01:before {content:'';position:absolute;top:50%;left:16px;width:32px;height:32px;transform:translateY(-50%);background:url(../../images/front/ico_wechat_01.svg) center no-repeat;}
.btn-wechat-01:after {content:'';position:absolute;top:50%;right:10px;width:32px;height:32px;transform:translateY(-50%);background:url(../../images/front/arr_14.svg) center no-repeat;transition:.2s ease-out;}
.btn-wechat-01:hover,
.btn-wechat-01:focus {text-decoration:none;}
.btn-wechat-01:hover:after,
.btn-wechat-01:focus:after {right:5px;}
.btn-line-01 {position:relative;width:100%;max-width:320px;line-height:52px;padding-left:56px;background-color:#5BC754;border-radius:8px;font-weight:600;}
.btn-line-01:before {content:'';position:absolute;top:50%;left:16px;width:32px;height:32px;transform:translateY(-50%);background:url(../../images/front/ico_line_01.svg) center no-repeat;}
.btn-line-01:after {content:'';position:absolute;top:50%;right:10px;width:32px;height:32px;transform:translateY(-50%);background:url(../../images/front/arr_14.svg) center no-repeat;transition:.2s ease-out;}
.btn-line-01:hover,
.btn-line-01:focus {text-decoration:none;}
.btn-line-01:hover:after,
.btn-line-01:focus:after {right:5px;}

.btns-wrap-01 {display:flex;gap:8px;flex-wrap:wrap;margin-top:16px;list-style:none;}
.btns-wrap-01.mt0 {margin-top:0;}
.btns-wrap-02 {display:flex;gap:4px;flex-wrap:wrap;margin-top:8px;list-style:none;}
.btns-wrap-02.mt0 {margin-top:0;}
.btns-wrap-03 {display:flex;gap:8px;flex-wrap:wrap;margin-top:24px;list-style:none;justify-content:right;}

/** text style **/
h1 {font-size:32px;font-weight:600;}
h2 {font-size:24px;font-weight:600;}
h3 {font-size:20px;font-weight:600;}
h4 {font-size:18px;font-weight:600;}
h5 {font-size:16px;font-weight:600;}

.text-info-01 {min-height:24px;padding-left:30px;background:url(../../images/front/ico_bubble_01.svg) left top no-repeat;line-height:21px;font-size:18px;font-weight:600;color:#c82613;margin:32px 0 16px;}
.text-info-01:nth-of-type(1) {margin-top:0;}
.text-info-02 {min-height:24px;padding-left:20px;background:url(../../images/front/ico_infomation_01.svg) left 4px no-repeat;line-height:24px;color:#c82613;margin-top:5px;}

.text-sm {font-size:0.9em;}

.color-red-01 {color:#c82613;}
.color-gray-01 {color:#767676;}
.color-orange-01 {color:#E56400;}
.color-blue-01 {color: #026abf;;}

/** box style **/
.box-tag-01 {display:inline-block;min-width:75px;padding:4px 8px;line-height:16px;font-size:14px;border-radius:12px;text-align:center;font-weight:600;background-color:#EBEFFB;color:#026abf;}
.box-tag-01.t02 {background-color:#FEF2D5;color:#A47E4F;}
.box-tag-01.t03 {background-color:#FDEBF0;color:#c82613;}
.box-tag-01.t04 {background-color:#EBEFF2;color:#292929;}
.box-tag-01.t05 {background:url(../../images/front/bg_pattern_01.png) left top repeat;color:#333;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;}

.box-tag-02 {display:inline-block;padding:7px 12px 6px;line-height:19px;font-weight:600;background-color:#EBEFFB;color:#026abf;border-radius:16px;}

.box-tag-03 {display:inline-block;padding:4px 8px;line-height:16px;font-size:14px;border-radius:12px;text-align:center;font-weight:600;background-color:#EBEFFB;color:#026abf;}
.box-tag-03.t02 {background-color:#FEF2D5;color:#A47E4F;}
.box-tag-03.t03 {background-color:#FDEBF0;color:#c82613;}
.box-tag-03.t04 {background-color:#EBEFF2;color:#292929;}
.active > .box-tag-03 {display:inline-block;padding:4px 8px;line-height:16px;font-size:14px;border-radius:12px;text-align:center;font-weight:600;background-color:#026abf;color:#fff;}
.active > .box-tag-03.t02 {background-color:#A47E4F;color:#fff;}
.active > .box-tag-03.t03 {background-color:#c82613;color:#fff;}
.active > .box-tag-03.t04 {background-color:#292929;color:#fff;}

.box-nodata-01 {border-top:1px solid #111;border-bottom:1px solid #eee;padding:43px 8px 42px;text-align:center;color:#767676;margin-top:16px;}

.box-style-01 {position:relative;border-radius:8px;border:1px solid #0A3974;padding:4px;background-color:#F1F3FA;margin-bottom:24px;overflow:hidden;}
.box-style-01:before,
.box-style-01:after {z-index:0;content:'';position:absolute;display:block;border:20px solid #0A3974;}
.box-style-01:before {top:-1px;left:-1px;border-right-color:transparent;border-bottom-color:transparent;}
.box-style-01:after {right:-1px;bottom:-1px;border-top-color:transparent;border-left-color:transparent;}
.box-style-01 .inner {position:relative;z-index:1;background-color:#fff;min-height:156px;padding-left:156px;display:flex;align-items:center;border:3px solid #f1f3fa;border-radius:4px;}
.box-style-01 .img {position:absolute;position:absolute;top:26px;left:26px;display:block;width:100px;height:100px;}
.box-style-01 .img img {width:100%;height:100%;object-fit:cover;}
.box-style-01 .text-wrap .text-01 {line-height:24px;font-size:20px;font-weight:600;color:#0A3974;}
.box-style-01 .text-wrap .text-01 + .text-02 {margin-top:8px;}

.box-style-01.t02 .inner {padding:30px 10px 30px 156px;}

.box-style-02 {background-color:#F1F3FA;border-radius:8px;padding:32px;}
.box-style-02 > .text-01 {line-height:27px;font-size:18px;font-weight:600;}
.box-style-02 > .text-01:nth-of-type(1) {margin-top:0;}
.box-style-02 > p {margin-top:16px;}
.box-style-02 > p + .list-dot-01 {margin-top:8px;}

.box-style-03 {display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;border-radius:8px;background-color:#F1F3FA;padding:24px 32px;}
.box-style-03 .img {width:120px;height:120px;}
.box-style-03 .img img {width:100%;height:100%;object-fit:cover;}
.box-style-03 .text-wrap {width:calc(100% - 144px);}
.box-style-03 .text-wrap .text-01 {line-height:24px;font-size:20px;font-weight:600;}
.box-style-03 .text-wrap .text-02 {line-height:24px;margin-top:8px;}

.box-style-04 {display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px;border-radius:8px;background-color:#F8F9FD;padding:32px;}
.box-style-04 .img {width:96px;height:96px;}
.box-style-04 .img img {width:100%;height:100%;object-fit:cover;}
.box-style-04 .img.atop {align-self:start;}
.box-style-04 .text-wrap {width:calc(100% - (96px + 24px));}
.box-style-04 .text-wrap .text-01 {line-height:24px;font-size:20px;font-weight:600;}
.box-style-04 .text-wrap .text-02 {line-height:24px;margin-top:8px;}
.box-style-04 .text-wrap > .list-dot-01:nth-of-type(1) {margin-top:0;}

.box-style-05 {display:flex;border-radius:8px;border:5px solid #F8F9FD;padding:29px;gap:24px;margin-top:21px;}
.box-style-05 > .left {width:244px;background:url(../../images/front/ico_qmark.svg) right 3px no-repeat;font-size:18px;font-weight:600;line-height:27px;}
.box-style-05 > .left > span {display:block;}
.box-style-05 > .right {width:calc(100% - 268px);color:#767676;}
.box-style-05 > .right > .list-dash-01 {margin-top:0;}

.box-style-06 {display:flex;background-color:#FAF8F5;margin-bottom:25px;}
.box-style-06 > .left {display:flex;width:314px;border-radius:8px 0 0 8px;border:4px solid #0A3974;border-right:0;padding:28px;align-items:center;justify-content:center;}
.box-style-06 > .left .title {position:relative;display:flex;align-items:center;justify-content:center;width:100%;max-width:206px;min-height:84px;margin:0 auto;text-align:center;font-size:20px;font-weight:500;}
.box-style-06 > .left .title:before,
.box-style-06 > .left .title:after {content:'';position:absolute;top:50%;width:34px;height:84px;margin-top:-42px;background:url(../../images/front/bg_leaf_01.svg) center no-repeat;opacity:.3;}
.box-style-06 > .left .title:before {left:0;}
.box-style-06 > .left .title:after {right:0;transform:scaleX(-1)}
.box-style-06 > .right {width:calc(100% - 314px);border-radius:0 8px 8px 0;border:4px solid #A47E4F;border-left:0;padding:36px;}

.box-bg-01 {background-color:#F8F9FD;border-radius:8px;padding:24px;margin-top:52px;}
.box-bg-01 .link{color: #026abf; text-decoration: underline;}
.tit-01 + .box-bg-01 {margin-top:0;}
.box-style-05 + .box-bg-01 {margin-top:24px;}

/** form style **/
.radio-01 {position:relative;display:inline-block;vertical-align:top;overflow:hidden;}
.radio-01 input[type=radio] {position:absolute;top:0;left:-9999px;width:1px;height:1px;background:transparent;color:transparent;}
.radio-01 label {position:relative;display:inline-block;vertical-align:top;padding-left:28px;line-height:20px;cursor:pointer;}
.radio-01 label:before,
.radio-01 label:after {content:'';position:absolute;top:0;left:0;display:block;width:20px;height:20px;border-radius:50%;background-color:#ccc;}
.radio-01 label:after {top:1px;left:1px;width:18px;height:18px;background-color:#fff;}
.radio-01 input[type=radio]:checked + label:before {background-color:#111;}
.radio-01 input[type=radio]:checked + label:after {top:2px;left:2px;width:10px;height:10px;background:none;border:3px solid #fff;}
.radio-01 input[type=radio]:focus + label,
.radio-01 label:hover {text-decoration:underline;}

.radio-set-01 {position:relative;display:flex;}
.radio-set-01 .radio + .radio {margin-left:-1px;}
.radio-set-01 input[type=radio] {position:absolute;top:0;left:-9999px;width:1px;height:1px;background:transparent;color:transparent;}
.radio-set-01 label {z-index:0;position:relative;display:inline-block;padding:10px 11px 9px;line-height:19px;background-color:#fff;border:1px solid #ddd;cursor:pointer;margin-left:-1px;text-align:center;}
.radio-set-01 input[type=radio]:focus + label,
.radio-set-01 label:hover {text-decoration:underline;}
.radio-set-01 input[type=radio]:checked + label {z-index:1;border-color:#111;font-weight:600;}
.radio-set-01 input:nth-of-type(1) + label {border-radius:4px 0 0 4px;}
.radio-set-01 input:last-of-type + label {border-radius:0 4px 4px 0;}

.radio-set-03 {display:flex;margin:24px 0 16px;gap:8px;flex-wrap:wrap;}
.radio-set-03 input[type=radio] {position:absolute;top:0;left:-9999px;width:1px;height:1px;background:transparent;color:transparent;}
.radio-set-03 .radio label {position:relative;display:inline-block;line-height:20px;padding-right:20px;background:url(../../images/front/ico_sort_off.svg) right center no-repeat;cursor:pointer;color:#767676;}
.radio-set-03 .radio input[type=radio]:focus + label,
.radio-set-03 .radio label:hover {text-decoration:underline;}
.radio-set-03 .radio label span {position:relative;display:inline-block;width:20px;height:20px;margin-right:4px;vertical-align:top;}
.radio-set-03 .radio label span:before {content:'';position:absolute;top:3px;left:3px;display:block;width:14px;height:14px;border-radius:50%;background-color:#ddd;}
.radio-set-03 .radio input[type=radio]:checked + label {background:url(../../images/front/ico_sort_on.svg) right center no-repeat;color:#111;font-weight:600;}
.radio-set-03 .radio label span.t01:before {background-color:#026abf;}
.radio-set-03 .radio label span.t02:before {background-color:#fcc33c;}
.radio-set-03 .radio label span.t03:before {background-color:#c82613;}
.radio-set-03 .radio label span.t04:before {background-color:#292929;}
.radio-set-03 .radio label span.t05:before {background:url(../../images/front/bg_pattern_02.png);}

.check-facilities-01 {position:relative;}
.check-facilities-01 input[type=checkbox] {position:absolute;top:0;left:-9999px;width:1px;height:1px;background:transparent;color:transparent;}
.check-facilities-01 label {position:relative;display:inline-block;padding:10px 11px 9px 33px;border:1px solid #ddd;border-radius:4px;line-height:19px;cursor:pointer;}
.check-facilities-01 label:before {content:'';position:absolute;top:10px;left:10px;display:block;width:20px;height:20px;}
.check-facilities-01.t01 label:before {background:url(../../images/front/ico_map_popup_01.svg) center no-repeat;}
.check-facilities-01.t02 label:before {background:url(../../images/front/ico_map_popup_02.svg) center no-repeat;}
.check-facilities-01.t03 label:before {background:url(../../images/front/ico_map_popup_03.svg) center no-repeat;}
.check-facilities-01.t04 label:before {background:url(../../images/front/ico_map_popup_04.svg) center no-repeat;}
.check-facilities-01.t05 label:before {background:url(../../images/front/ico_map_popup_05.svg) center no-repeat;}
.check-facilities-01.t01 input[type=checkbox]:checked + label {background-color:#E6EBF1;border-color:#0A3974;}
.check-facilities-01.t02 input[type=checkbox]:checked + label {background-color:#FDEBF0;border-color:#c82613;}
.check-facilities-01.t03 input[type=checkbox]:checked + label {background-color:#EBEFFB;border-color:#026abf;}
.check-facilities-01.t04 input[type=checkbox]:checked + label {background-color:#E8F6F8;border-color:#2DA5B5;}
.check-facilities-01.t05 input[type=checkbox]:checked + label {background-color:#FEF2D5;border-color:#fcc33c;} 

.input-01 {width:100%;padding:10px 16px 9px;line-height:19px;background-color:#fff;border-radius:4px;border:1px solid #ddd;}
.input-01.wm240 {max-width:240px;}

.input-search-01 {width:100%;padding:10px 16px 9px 36px;line-height:19px;background:#fff url(../../images/front/ico_glass_02.svg) 10px center no-repeat;border-radius:4px;border:1px solid #ddd;}
.input-search-01.btn-popup-open {cursor:pointer;}

.input-btn-01 {display:flex;gap:4px;}

input::placeholder {color:#999;}
input:-ms-input-placeholder {color:#999;}

textarea::placeholder {color:#999;}
textarea:-ms-input-placeholder {color:#999;}

.textarea-01 {width:100%;height:400px;padding:10px 16px 9px;line-height:19px;background-color:#fff;border-radius:4px;border:1px solid #ddd;}

.datepicker-01 {position:relative;width:100%;max-width:150px;}
.datepicker-01 .input-datepicker-01 {width:100%;padding:10px 30px 9px 16px;line-height:19px;background:#fff;border-radius:4px;border:1px solid #ddd;cursor:pointer;}
.datepicker-01 .ui-datepicker-trigger {position:absolute;top:8px;right:8px;display:block;width:24px;height:24px;text-align:center;line-height:24px;}

.datepicker-set-01 {display:flex;flex-wrap:wrap;gap:8px 4px;}
.datepicker-set-01 .bar {width:10px;text-align:center;line-height:40px;}
.datepicker-set-01 span + .datepicker-01 {margin-right:4px;}

.select-01 {width:100%;padding:10px 40px 9px 16px;line-height:19px;border-radius:4px;border:1px solid #ddd;appearance:none;background:#fff url(../../images/front/arr_02.svg) right 13px center no-repeat;}
.select-01::-ms-expand {display:none;}

.select-input-01 {display:flex;gap:8px 4px;}
.select-input-01 .select-01 {width:100%;max-width:150px;}
.select-input-01 .input-01 {width:calc(100% - 154px);}

.input-select-input-01 {display:flex;gap:8px 4px;flex-wrap:wrap;}
.input-select-input-01 .input-search-01 {max-width:150px;}
.input-select-input-01 .select-01 {width:100%;max-width:150px;}
.input-select-input-01 .input-01 {width:calc(100% - 308px);}

.form-style-01 {position:relative;background-color:#F8F9FD;border-radius:8px;border:1px solid #ddd;padding:32px;padding-right:160px;}
.form-style-01 > ul {list-style:none;}
.form-style-01 > ul > li {display:flex;}
.form-style-01 > ul > li + li {margin-top:16px;}
.form-style-01 > ul > li > .form-title {padding:8px 5px 8px 0;line-height:24px;width:70px;padding-right:5px;}
.form-style-01 > ul > li > .form-con {width:calc(100% - 70px);}
.form-style-01 li.last {position:absolute;right:32px;bottom:32px;display:flex;gap:4px;}

.form-style-02 {background-color:#F8F9FD;border-radius:4px;border:1px solid #ddd;padding:24px;}
.form-style-02 > ul {list-style:none;width:100%;max-width:420px;margin:0 auto;}

.form-style-03 {border-top:1px solid #111;border-bottom:1px solid #eee;padding:12px 0;margin-top:5px;}
.form-style-03 > li {display:flex;padding:8px 0;}
.form-style-03 .form-title {width:150px;padding-top:11px;line-height:19px;font-weight:600;}
.form-style-03 .form-con {width:calc(100% - 150px);}

/** list style **/
.list-dot-01 {list-style:none;margin-top:16px;}
.list-dot-01 > li {position:relative;line-height:24px;padding-left:12px;}
.list-dot-01 > li:before {content:'';position:absolute;top:9px;left:0;display:block;width:4px;height:4px;border-radius:50%;background-color:#bbb;}
.list-dot-01 > li + li {margin-top:21px;}
.list-dot-01 > li > .text-01 {margin-top:5px;}
.list-dot-01 > li > .list-dash-01 + .text-01 {margin-top:13px;}
.list-dot-01 > li > .btns-wrap-01 {margin-top:5px;}
.list-dot-01.limt8 > li + li {margin-top:5px;}
.list-dot-01.limt16 > li + li {margin-top:13px;}

.list-dot-02 {list-style:none;margin-top:16px;color:#026abf;}
.list-dot-02 > li {position:relative;line-height:19px;padding-left:12px;}
.list-dot-02 > li:before {content:'';position:absolute;top:7px;left:0;display:block;width:4px;height:4px;border-radius:50%;background-color:#026abf;}
.list-dot-02 > li + li {margin-top:8px;}

.list-dash-01 {list-style:none;text-indent:0;margin-top:8px;color:#767676;line-height:22px;}
.list-dash-01 > li {text-indent:-10px;padding-left:12px;}
.list-dash-01 > li + li {margin-top:8px;}
.list-dash-01 > li > span {margin-right:4px;}
.list-dash-01 > li > * {text-indent:0;}
.list-dash-01 > li > p {margin-top:5px;}
.list-dash-01 + .text-01 {margin-top:5px;}

.list-caution-01 {list-style:none;color:#767676;margin-top:5px;text-indent:0;}
.list-caution-01 > li + li {margin-top:5px;}
.list-caution-01 > li {text-indent:-18px;padding-left:18px;line-height:1.5;}
.list-caution-01 > li > span {font-family:'NotoSansKR', sans-serif;margin-right:4px;}
.list-caution-01 > li > * {text-indent:0;}
.list-caution-01.color-red-01 {color:#c82613;}
.list-dot-01 .list-caution-01 > li + li {margin-top:5px;}
.list-caution-01.ib {margin-top:0;}

.list-country-01 {list-style:none;display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:16px;background-color:#fff;border:1px solid #DDDDDD;border-radius:8px;padding:20px;}
.list-country-01 > li {width:calc(33.3% - (60px/3));}
.list-country-01 .btn {width:100%;padding:16px;line-height:19px;border-radius:8px;}
.list-country-01 .btn-external:after {content:'';display:inline-block;width:20px;height:20px;background:url(../../images/front/ico_new_01.svg) center no-repeat;vertical-align:top;margin-left:4px;}
.list-country-01 .btn:hover,
.list-country-01 .btn:focus {background-color:#F8F9FD;}
.list-country-01 .btn .caution {position:relative;display:inline-block;width:20px;height:20px;text-indent:-9999px;overflow:hidden;vertical-align:top;margin:-1px 0 0 4px;}
.list-country-01 .btn .caution + .caution {margin-left:0;}
.list-country-01 .btn .caution:before {content:'';position:absolute;top:3px;left:3px;display:block;width:14px;height:14px;background-color:#ddd;border-radius:50%;}
.list-country-01 .btn .caution.t01:before {background-color:#026abf;}
.list-country-01 .btn .caution.t02:before {background-color:#fcc33c;}
.list-country-01 .btn .caution.t03:before {background-color:#c82613;}
.list-country-01 .btn .caution.t04:before {background-color:#292929;}
.list-country-01 .btn .caution.t05:before {background:url(../../images/front/bg_pattern_02.png);}

.list-country-02 {list-style:none;display:flex;flex-wrap:wrap;gap:8px;padding-right:3px;}
.list-country-02 > li {width:calc(25% - (24px/4));}
.list-country-02 .btn {width:100%;height:100%;background-color:#fff;border-radius:4px;padding:16px;line-height:19px;}
.list-country-02 span.btn{cursor: auto;}
.list-country-02 .btn:hover,
.list-country-02 .btn:focus {text-decoration:none;background-color:#0A3974;color:#fff;outline:none;}
.list-country-02 span.btn:hover,
.list-country-02 span.btn:focus{text-decoration:none;background-color:#fff;color:#111;outline:none;}
.list-country-02 .info {display:none;}

.list-country-03 {list-style:none;display:flex;flex-wrap:wrap;}

.list-style-01 {list-style:none;border:1px solid #ddd;padding:32px;border-radius:8px;}
.list-style-01 > li + li {position:relative;margin-top:64px;}
.list-style-01 > li + li:before {content:'';position:absolute;top:-32px;left:0;right:0;border-top:1px dashed #ddd;}
.list-style-01 .title {line-height:28px;margin-top:-3px;font-size:20px;font-weight:600;color:#026abf;}
.list-style-01 .text-01 {margin-top:5px;}
.list-style-01 > li > .box-bg-01 {margin-top:16px;}
.list-style-01 > li > .box-bg-01 > .list-dot-01:nth-of-type(1) {margin-top:0;}

.list-style-02 {list-style:none;padding:32px;border-radius:8px;background-color:#F8F9FD;margin-top:24px;}
.list-style-02 > li + li {position:relative;margin-top:64px;}
.list-style-02 > li + li:before {content:'';position:absolute;top:-32px;left:0;right:0;border-top:1px dashed #ddd;}
.list-style-02 .title {line-height:27px;margin-top:-3px;font-size:18px;font-weight:600;color:#026abf;}
.list-style-02 .text-01 {margin-top:13px;}
.list-style-02 .text-01 .ico {vertical-align:top;}
.list-style-02 > li > .box-bg-01 {margin-top:16px;}
.list-style-02 > li > .box-bg-01 > .list-dot-01:nth-of-type(1) {margin-top:0;}

.list-num-01 {list-style:none;}
.list-num-01 > li {position:relative;line-height:24px;padding-left:32px;}
.list-num-01 > li + li {margin-top:13px;}
.list-num-01 .num {position:absolute;top:0;left:0;display:block;width:24px;height:24px;line-height:24px;text-align:center;background-color:#c82613;color:#fff;border-radius:50%;font-weight:500;}
.list-num-01 .num.t01 {background-color:#A47E4F;}
.list-num-01 .num.t02 {background-color:#0A3974;}
.list-num-01.limt8 > li + li {margin-top:5px;}

.list-num-02 {list-style:none;padding:32px;border:4px solid #F1F3FA;padding:28px;border-radius:8px;}
.list-num-02 > li {display:flex;}
.list-num-02 > li + li {margin-top:16px;padding-top:16px;border-top:1px solid #eee;}
.list-num-02 .num {width:30px;font-weight:bold;color:#026abf;line-height:19px;}
.list-num-02 .text-wrap {width:calc(100% - 30px);}
.list-num-02 .text-01 {font-weight:500;line-height:19px;}
.list-num-02 .text-01 span {font-weight:400;color:#767676;}
.list-num-02 .text-02 {margin-top:5px;color:#767676;line-height:24px;}
.list-num-02 .text-02 strong {color:#111;font-weight:400;}

.list-anchor-02 {list-style:none;display:flex;justify-content:center;background-color:#F8F9FD;border-radius:4px;border:1px solid #ddd;}
.list-anchor-02 > li {position:relative;}
.list-anchor-02 > li + li:before {content:'';position:absolute;top:24px;left:0;bottom:24px;width:1px;background-color:#eee;}
.list-anchor-02 .btn {width:100%;padding:24px;font-weight:600;font-size:18px;text-align:center;}

.list-accordion-01 {list-style:none;border-top:1px solid #111;}
.list-accordion-01 > li {border-bottom:1px solid #eee;}
.list-accordion-01 .btn-toggle {position:relative;display:flex;width:100%;padding:20px 40px 20px 17px;gap:8px;font-size:18px;font-weight:600;}
.list-accordion-01 .btn-toggle .question {width:calc(100% - 32px);}
.list-accordion-01 .btn-toggle:before {content:'';position:absolute;top:50%;right:16px;width:24px;height:24px;margin-top:-12px;background:url(../../images/front/arr_03.svg) center no-repeat;transition:.2s ease-out;}
.list-accordion-01 .btn-toggle.active:before {transform:rotate(-180deg);background:url(../../images/front/arr_03_on_02.svg) center no-repeat;}
.list-accordion-01 .con {display:none;padding:32px 24px 32px 48px;background-color:#F8F9FD;gap:8px;color:#767676;}
.list-accordion-01 .con .answer-wrap {display:flex;width:calc(100% - 32px);gap:8px;}
.list-accordion-01 .con .answer {width:calc(100% - 32px);}
.list-accordion-01 .alphabet {width:24PX;height:24px;line-height:24px;}
.list-accordion-01 .alphabet img {vertical-align:top;}
.list-accordion-01 .con .list-dot-01:nth-last-of-type(1) {margin-top:0;}

/** table style **/
.table-style-01 {width:100%;border-top:1px solid #111;margin-top:24px;background-color:#fff;}
.table-style-01 > table {width:100%;table-layout:fixed;}
.table-style-01 > table > thead > tr >th,
.table-style-01 > table > tbody > tr >th {padding:16px;background-color:#F9FAFC;border-bottom:1px solid #eee;line-height:1.2;font-weight:500;}
.table-style-01 > table > thead > tr> th + th,
.table-style-01 > table > tbody > tr> th + th,
.table-style-01 > table > thead > tr> th.bdl,
.table-style-01 > table > tbody > tr> th.bdl {border-left:1px solid #eee;}
.table-style-01 > table > tbody > tr> td {padding:16px;border-bottom:1px solid #eee;}
.table-style-01 > table > tbody > tr> td + td,
.table-style-01 > table > tbody > tr> td.bdl {border-left:1px solid #eee;}
.table-style-01 .wbreak {word-break:break-all;}
.date + .table-style-01 {margin-top:8px;}

.table-style-02 {border-top:1px solid #111;margin-top:16px;}
.table-style-02 > table {width:100%;table-layout:fixed;}
.table-style-02 > table > thead th {padding:15px 5px 15px;line-height:24px;border-bottom:1px solid #ccc;font-weight:600;}
.table-style-02 > table > tbody > tr:hover {background-color:#F8F9FD;}
.table-style-02 > table > tbody > tr > td {height:52px;text-align:center;border-bottom:1px solid #eee;color:#767676;}
.table-style-02 > table > tbody > tr > td.tlt {text-align:left;}
.table-style-02 > table > tbody .btn.title {color:#111;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.table-style-02 > table > tbody > tr.notice {background-color:#F8F9FD;}
.table-style-02 > table > tbody > tr.notice .title {font-weight:600;}
.table-style-02.tlt > table > thead > tr > th,
.table-style-02.tlt > table > tbody > tr > th,
.table-style-02.tlt > table > tbody > tr > td {padding-left:16px;text-align:left;}

.table-style-03 {width:100%;border-top:1px solid #111;margin-top:24px;background-color:#fff;text-align:center;}
.table-style-03 > table {width:100%;table-layout:fixed;}
.table-style-03 > table > thead > tr >th,
.table-style-03 > table > tbody > tr >th {padding:16px;background-color:#F9FAFC;border-bottom:1px solid #eee;line-height:1.2;font-weight:500;}
.table-style-03 > table > thead > tr> th + th,
.table-style-03 > table > tbody > tr> th + th,
.table-style-03 > table > thead > tr> th.bdl,
.table-style-03 > table > tbody > tr> th.bdl {border-left:1px solid #eee;}
.table-style-03 > table > tbody > tr> td {padding:16px;border-bottom:1px solid #eee;}
.table-style-03 > table > tbody > tr> td + td,
.table-style-03 > table > tbody > tr> td.bdl {border-left:1px solid #eee;}

/** tab style **/
.tab-wrap .tab-contents .tab-con {display:none;}
.tab-wrap .tab-contents .tab-con.active {display:block;}

.tab-link-01 {display:flex;background-color:#F8F9FD;border:1px solid #eee;border-radius:4px;margin-bottom:24px;}
.tab-link-01 .btn {width:100%;text-align:center;padding:16px 12px 15px;line-height:21px;font-size:18px;border-radius:4px;}
.tab-link-01 .btn:after {content:'';position:absolute;bottom:0;left:10px;width:0;height:1px;background-color:#111;transition:.2s ease-out;border-radius:4px;}
.tab-link-01 .btn:hover,
.tab-link-01 .btn:focus {text-decoration:none;}
.tab-link-01 .btn:hover:after,
.tab-link-01 .btn:focus:after {width:calc(100% - 20px);}
.tab-link-01 .btn.active {background-color:#fff;font-weight:600;}
.tab-link-01 .btn.active:before {content:'';position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid #111;border-radius:4px;}

/** contents style **/
.ico-file-01 {display:inline-block;width:24px;height:24px;text-indent:-9999px;overflow:hidden;background:url(../../images/front/ico_file_01.svg) center no-repeat;}

.toggle-con {display:none;}

/** board style **/
.board-top {display:flex;margin:32px 0 16px;}

.paging-01 {display:flex;justify-content:center;margin-top:24px;gap:8px;}
.paging-01 .btn {width:32px;height:32px;text-align:center;padding:6px 0 7px;line-height:19px;border-radius:4px;}
.paging-01 .btn:hover,
.paging-01 .btn:focus {border-color:#111;}
.paging-01 .btn.active,
.paging-01 .btn.active {background-color:#F1F3FA;font-weight:600;}
.paging-01 span {width:32px;height:32px;text-align:center;padding:6px 0 7px;line-height:19px;text-indent:-9999px;overflow:hidden;background:url(../../images/front/ico_dots_01.svg) center no-repeat;}
.paging-01 .btn-prev,
.paging-01 .btn-next {position:relative;border:1px solid #ddd;text-indent:-9999px;overflow:hidden;}
.paging-01 .btn-prev:hover,
.paging-01 .btn-prev:focus,
.paging-01 .btn-next:hover,
.paging-01 .btn-next:focus {border-color:#111;}
.paging-01 .btn-prev:before,
.paging-01 .btn-next:before {content:'';position:absolute;top:0;right:0;bottom:0;left:0;background:url(../../images/front/arr_10.svg) center no-repeat;}
.paging-01 .btn-prev:before {transform:rotate(180deg);}

.board-view {border-top:1px solid #111;padding-top:24px;}
.board-view .view-top {display:flex;flex-wrap:wrap;padding-bottom:40px;}
.board-view .view-top .board-title {width:100%;line-height:32px;font-size:24px;}
.board-view .view-top .box-tag-02 {align-self:start;}
.board-view .view-top .box-tag-02 + .board-title {width:calc(100% - 60px);margin-left:8px;}
.board-view .view-top .list-info {list-style:none;margin-top:16px;display:flex;flex-wrap:wrap;width:100%;gap:4px 16px;}
.board-view .view-top .list-info > li {display:flex;gap:8px;}
.board-view .view-top .list-info .title {color:#767676;}
.board-view .view-top .list-file {list-style:none;margin-top:24px;display:flex;flex-wrap:wrap;gap:4px;width:100%;}
.board-view .view-body {padding-bottom:40px;border-bottom:1px solid #ddd;}
.board-view .view-body img {width:auto;max-width:100%; height: auto !important;}
.board-view .view-bottom {display:flex;padding-top:24px;}
.board-view .view-bottom > div {width:100%;}
.board-view .view-video {width:100%;max-width:800px;margin:40px auto;}
.board-view .video-script {list-style:none;word-break:keep-all;}
.board-view .video-script > li {display:flex;flex-wrap:wrap;}
.board-view .video-script > li + li {margin-top:16px;}
.board-view .video-script > li.t02 + li {margin-top:52px;}
.board-view .video-script .name {width:120px;font-weight:600;}
.board-view .video-script .text {width:calc(100% - 120px)}
.board-view .video-script .t01 .text {font-weight:600;}
.board-view .video-script .t02 .name {color:#026abf;}

.board-country-top .input-right {display:flex;justify-content:right;}
.board-country-top .input-right .input-btn-01 {max-width:360px;}

.gallery-list-01 {list-style:none;display:flex;flex-wrap:wrap;gap:32px 16px;}
.gallery-list-01 > li {width:calc(33.33% - (32px / 3))}
.gallery-list-01 .btn {width:100%;}
.gallery-list-01 .img {position:relative;width:100%;padding-top:56.16%;border-radius:8px;overflow:hidden;}
.gallery-list-01 .img img {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;object-fit:cover;transition:.2s ease-out;}
.gallery-list-01 .title {width:100%;margin-top:16px;line-height:22px;}
.gallery-list-01 .date {margin-top:8px;color:#999;}
.gallery-list-01 .btn:hover {text-decoration:none;}
.gallery-list-01 .btn:hover .img img {transform:translate(-50%, -50%) scale(1.1);}
.gallery-list-01 .btn:hover .title {text-decoration:underline;}

.gallery-list-02 {list-style:none;display:flex;flex-wrap:wrap;gap:32px;}
.gallery-list-02 > li {width:calc(25% - (96px / 4))}
.gallery-list-02 .btn {width:100%;}
.gallery-list-02 .img {position:relative;width:100%;padding-top:138.21%;border-radius:8px;overflow:hidden;}
.gallery-list-02 .img img {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;object-fit:cover;transition:.2s ease-out;}
.gallery-list-02 .title {width:100%;margin-top:16px;line-height:22px;}
.gallery-list-02 .date {margin-top:8px;color:#999;}
.gallery-list-02 .btn:hover {text-decoration:none;}
.gallery-list-02 .btn:hover .img img {transform:translate(-50%, -50%) scale(1.1);}
.gallery-list-02 .btn:hover .title {text-decoration:underline;}

/** popup style **/
.popup-wrap {display:none;}
.popup-wrap.active {display:block;}

.popup-style-01 .popup-box {z-index:100;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:calc(100% - 40px);max-width:700px;background-color:#fff;border-radius:8px;padding:24px 40px 40px;box-shadow:0 8px 40px rgba(0,0,0,0.08);}
.popup-style-01 .popup-head {position:relative;margin-bottom:24px;}
.popup-style-01 .popup-head .popup-title {padding:8px 0 3px 24px;background:url(../../images/front/br_02.svg) left 14px no-repeat;font-size:24px;line-height:29px;}
.popup-style-01 .popup-head .btn-popup-close {position:absolute;top:0;right:0;width:40px;height:40px;text-indent:-9999px;overflow:hidden;background:url(../../images/front/ico_x_02.svg) center no-repeat;}

.popup-main-01 {z-index:2000;position:fixed;display:block;border:1px solid #111;background-color:#fff;}
.popup-main-01 .popup-head .btn-popup-close {z-index:10;position:absolute;top:8px;right:8px;width:40px;height:40px;background:url(../../images/front/ico_x_04.svg) center no-repeat;overflow:hidden;text-indent:-9999px;}
.popup-main-01 .popup-body img {width:100%;vertical-align:top;}
.popup-main-01 .popup-bottom {display:flex;justify-content:space-between;}
.popup-main-01 .popup-bottom .btn {padding:16px 20px;font-weight:500;line-height:19px;}


@media screen and (max-width:1320px) {
    /** layout **/
    /* #hd */
    #header h1 img {height:40px;}
    #hd-search {right:48px;}

    /* #gnb */
    #gnb {right:90px;}
    #gnb .gnb-depth1 > li > .btn {padding:10px 8px 28px;font-size:18px;}

    /* .sub-contents */
    .sub-contents {padding-top:40px;}

    /* #footer */
    #footer .ft-familysite {width:160px;}

    /** button style **/
    /** text style **/
    /** box style **/
    /** form style **/
    /** list style **/
    /** table style **/
    /** tab style **/
    /** contents style **/
    /** board style **/
    /** popup style **/
} /* (max-width:1320px) */

@media screen and (max-width:1200px) {
    /** layout **/
    /* #gnb */
    #gnb .gnb-depth1 > li > .btn {font-size:16px;}

    /* .sub-contents */
    .sub-left {width:200px;}
    .sub-right {width:calc(100% - 240px);}

    .snb .snb-depth1 > li > .btn {padding:18px 10px;}
    .snb .snb-depth1 > li > .btn.btn-toggle {padding:18px 30px 18px 10px;}
    .snb .snb-depth1 > li > .btn.active {padding-left:30px;}
    .snb .snb-depth1 > li > .btn.active:before {left:10px;}

    /** button style **/
    /** text style **/
    /** box style **/
    /** form style **/
    /** list style **/
    .list-country-02 > li {width:calc(50% - 4px);}
    /** table style **/
    /** tab style **/
    /** contents style **/
    /** board style **/
    /** popup style **/
} /* (max-width:1200px) */

@media screen and (min-width:1025px) {
    .mo-only {display:none !important;}

    /** layout **/
    /* #gnb-all */
    #gnb-all .popup-wrap {z-index:2000;position:fixed;top:0;right:0;bottom:0;left:0;}
    #gnb-all .popup-wrap .gnb-bg {z-index:-1;position:absolute;top:0;left:0;right:0;bottom:0;background-color:#696E82;opacity:0.7;}
    #gnb-all .popup-wrap .popup-box {position:relative;width:calc(100% - 40px);max-width:1420px;height:80%;margin:108px auto 0;background-color:#fff;border-radius:8px;overflow:hidden;}
    #gnb-all .popup-wrap .btn-popup-close {z-index:10;position:absolute;top:24px;right:24px;width:40px;height:40px;}
    #gnb-all .popup-wrap .btn-popup-close:before,
    #gnb-all .popup-wrap .btn-popup-close:after {content:'';position:absolute;top:50%;left:50%;display:block;width:26px;height:2.5px;background-color:#111;margin:-1px 0 0 -13px;}
    #gnb-all .popup-wrap .btn-popup-close:before {transform:rotate(45deg);}
    #gnb-all .popup-wrap .btn-popup-close:after {transform:rotate(-45deg);}
    #gnb-all .popup-wrap .btn-popup-close:hover,
    #gnb-all .popup-wrap .btn-popup-close:focus {transform:scale(1.3);}
    #gnb-all .popup-wrap .gnb-depth1 {z-index:0;position:absolute;top:0;right:0;bottom:0;left:0;overflow-y:auto;}
    #gnb-all .popup-wrap .gnb-depth1 > li {display:flex;}
    #gnb-all .popup-wrap .gnb-depth1 > li > .btn {width:25%;padding:24px 52px;background-color:#026abf;color:#fff;border-bottom:1px solid #6186DE;line-height:29px;font-size:24px;font-weight:600;}
    #gnb-all .popup-wrap .gnb-depth2 {width:75%;border-bottom:1px solid #eee;padding:24px 52px 52px;}
    #gnb-all .popup-wrap .gnb-depth2 > ul {list-style:none;display:flex;flex-wrap:wrap;align-items:start;gap:24px;}
    #gnb-all .popup-wrap .gnb-depth2 > ul > li {width:calc(33.33% - 16px);}
    #gnb-all .popup-wrap .gnb-depth2 > ul > li > .btn {width:100%;line-height:21px;padding:16px 16px 15px;background-color:#F1F3FA;border-radius:8px;text-align:left;font-size:18px;font-weight:600;}
    #gnb-all .popup-wrap .gnb-depth2 > ul > li:hover > .btn,
    #gnb-all .popup-wrap .gnb-depth2 > ul > li:focus > .btn {background-color:#d3dcfa;text-decoration:none;}
    #gnb-all .popup-wrap .gnb-depth2 > ul > li > .btn:hover,
    #gnb-all .popup-wrap .gnb-depth2 > ul > li > .btn:focus,
    #gnb-all .popup-wrap .gnb-depth2 > ul > li > .btn.on {background-color:#026abf;color:#fff;text-decoration:none;}
    #gnb-all .gnb-depth2 > ul > li > .btn-external:after {content:'';display:inline-block;width:20px;height:21px;background:url(../../images/front/ico_new_01.svg) center 1px no-repeat;margin-left:4px;vertical-align:top;}
    #gnb-all .popup-wrap .gnb-depth3 {list-style:none;margin-top:8px;}
    #gnb-all .popup-wrap .gnb-depth3 > li > .btn {position:relative;width:100%;padding:10px 10px 9px 28px;text-align:left;font-size:18px;line-height:21px;}
    #gnb-all .popup-wrap .gnb-depth3 > li > .btn:before {content:'';position:absolute;top:18px;left:16px;display:block;width:4px;height:4px;border-radius:50%;background-color:#bbb;}
    #gnb-all .gnb-depth3 > li > .btn-external:after {content:'';display:inline-block;width:20px;height:21px;background:url(../../images/front/ico_new_01.svg) center 1px no-repeat;margin-left:4px;vertical-align:top;}
    #gnb-all .popup-wrap .gnb-depth1 > li:nth-of-type(1) > .btn {padding-top:64px;}
    #gnb-all .popup-wrap .gnb-depth1 > li:nth-of-type(1) .gnb-depth2 {padding-top:64px;}
    #gnb-all .popup-wrap .gnb-depth2 > ul > li.double {width:calc(66.66% - 8px);}
    #gnb-all .popup-wrap .gnb-depth2 > ul > li.double .gnb-depth3 {display:flex;flex-wrap:wrap;}
    #gnb-all .popup-wrap .gnb-depth2 > ul > li.double .gnb-depth3 > li {width:50%;}

    /** button style **/
    /** text style **/
    /** box style **/
    /** form style **/
    .check-alarm-all input[type=checkbox] {position:absolute;top:0;left:-9999px;width:1px;height:1px;background:transparent;color:transparent;}
    .check-alarm-all label {position:relative;display:inline-block;padding:13px 20px 12px;background-color:#fff;border-radius:4px;font-weight:500;line-height:19px;box-shadow:0 2px 6px rgba(0,0,0,0.16);cursor:pointer;}
    .check-alarm-all input[type=checkbox]:checked + label {background-color:#0A3974;color:#fff;}
    .check-alarm-all input[type=checkbox]:focus + label,
    .check-alarm-all label:hover {text-decoration:underline;}

    .check-alarm-01 input[type=checkbox] {position:absolute;top:0;left:-9999px;width:1px;height:1px;background:transparent;color:transparent;}
    .check-alarm-01 label {position:relative;display:inline-block;padding:10px 20px 10px 16px;background-color:#fff;font-weight:500;line-height:24px;cursor:pointer;}
    .check-alarm-01 label span {display:inline-block;vertical-align:top;padding:0 7px;border-radius:12px;font-size:14px;font-weight:600;margin-right:4px;background-color:#EBEFFB;color:#026abf;}
    .check-alarm-01 input[type=checkbox]:checked + label {background-color:#026abf;color:#fff;}
    .check-alarm-01 input[type=checkbox]:checked + label span {background:#11111133;color:#fff;}
    .check-alarm-01.t05 input[type=checkbox]:checked + label span{color: #111; background: #FF0000; text-shadow: none;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;}
    .check-alarm-01 input[type=checkbox]:focus + label,
    .check-alarm-01 label:hover {text-decoration:underline;}

    .check-alarm-01.t02 label span {background-color:#FEF2D5;color:#A47E4F;}
    .check-alarm-01.t02 input[type=checkbox]:checked + label {background-color:#fcc33c;color:#111;}
    .check-alarm-01.t02 input[type=checkbox]:checked + label span {background:#1111114d;}

    .check-alarm-01.t03 label span {background-color:#FDEBF0;color:#c82613;}
    .check-alarm-01.t03 input[type=checkbox]:checked + label {background-color:#c82613;}

    .check-alarm-01.t04 label span {background-color:#EBEFF2;color:#292929;}
    .check-alarm-01.t04 input[type=checkbox]:checked + label {background-color:#292929;}

    .check-alarm-01.t05 label span {background:url(../../images/front/bg_pattern_01.png) center repeat;color:#111; text-shadow: -1px 0px #fff, 0px 1px #fff, 1px 0px #fff, 0px -1px #fff;}
    .check-alarm-01.t05 input[type=checkbox]:checked + label {background:url(../../images/front/bg_pattern_01.png) center repeat; 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;}

    .radio-set-02 {position:relative;margin-top:16px;border:1px solid #ddd;background-color:#F8F9FD;border-radius:8px;padding-left:calc(100%/6);}/* 250717 수정 */
    .radio-set-02 .swiper-wrapper {display:flex;flex-wrap:wrap;}
    .radio-set-02 .swiper-wrapper .swiper-slide {width:20%;margin:0 !important;}
    .radio-set-02 .swiper-wrapper .swiper-slide:nth-of-type(n+7) {border-top:1px solid #ddd;}/* 250717 수정 */
    .radio-set-02 .swiper-wrapper .swiper-slide + .swiper-slide {border-left:1px solid #ddd;}/* 250717 수정 */
    .radio-set-02 .swiper-wrapper .swiper-slide:nth-child(4n + 1) {border-left:0;}
    .radio-set-02 .swiper-wrapper .swiper-slide:nth-child(5){border-left: 1px solid #ddd;}/* 250717 수정 */
    .radio-set-02 .swiper-wrapper .swiper-slide:nth-child(6){border-bottom: 1px solid #ddd;}/* 250717 수정 */
    .radio-set-02 .swiper-wrapper .swiper-slide:nth-child(9){border-left: 1px solid #ddd;}/* 250717 수정 */
    .radio-set-02 .swiper-wrapper .swiper-slide:nth-child(10){border-right: 1px solid #ddd;}/* 250717 수정 */
    .radio-set-02 .radio input[type=radio] {position:absolute;top:0;left:-9999px;width:1px;height:1px;background:transparent;color:transparent;}
    .radio-set-02 .radio label {position:relative;display:inline-block;width:100%;padding:16px 15px 15px;text-align:center;font-size:18px;line-height:21px;cursor:pointer;}
    .radio-set-02 .radio label:before {content:'';position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid #F8F9FD;border-radius:7px;}
    .radio-set-02 .radio label:focus {outline:0;}
    .radio-set-02 .radio label:hover,
    .radio-set-02 .radio input[type=radio]:focus + label {text-decoration:underline;}
    .radio-set-02 input[type=radio]:checked + label {background-color:#fff;font-weight:600;}
    .radio-set-02 input[type=radio]:checked + label:before {border-color:#111;}
    .radio-set-02 .swiper-wrapper .swiper-slide.radio-all {position:absolute;top:0;left:-20%;bottom:0;}
    .radio-set-02 .swiper-wrapper .swiper-slide.radio-all .radio {height:100%;}
    .radio-set-02 .swiper-wrapper .swiper-slide.radio-all .radio label {display:flex;height:100%;justify-content:center;align-items:center;}

    /** list style **/
    /** table style **/
    /** tab style **/
    .tab-style-01 {position:relative;margin-top:24px;}
    .tab-style-01 .tab-head {border:1px solid #EEEEEE;background-color:#F8F9FD;border-radius:8px;}
    .tab-style-01 .tab-head .swiper-wrapper {display:flex;flex-wrap:wrap;}
    .tab-style-01 .tab-head .swiper-wrapper .swiper-slide {width:25%;margin:0 !important;}
    .tab-style-01 .tab-head .swiper-wrapper .swiper-slide:nth-of-type(n+5) {border-top:1px solid #eee;}
    .tab-style-01 .tab-head .swiper-wrapper .swiper-slide + .swiper-slide {border-left:1px solid #eee;}
    .tab-style-01 .tab-head .swiper-wrapper .swiper-slide:nth-child(4n + 1) {border-left:0;}
    .tab-style-01 .tab-head .btn {position:relative;width:100%;padding:16px 15px 15px;text-align:center;font-size:18px;line-height:21px;}
    .tab-style-01 .tab-head .btn:before {content:'';position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid #F8F9FD;border-radius:7px;}
    .tab-style-01 .tab-head .btn:focus {outline:0;}
    .tab-style-01 .tab-head .btn.active {background-color:#fff;font-weight:600;}
    .tab-style-01 .tab-head .btn.active:before {border-color:#111;}
    .tab-style-01 .tab-contents {margin-top:16px;}

    .tab-style-01.t02 .tab-head .swiper-wrapper .swiper-slide:nth-of-type(n+5) {border-top:0;}
    .tab-style-01.t02 .tab-head .swiper-wrapper .swiper-slide {width:calc(100% / 7);}
    .tab-style-01.t02 .tab-contents {margin-top:32px;}

    .tab-style-01.t03 .tab-head .swiper-wrapper .swiper-slide {width:20%;}
    
    .tab-style-02 {position:relative;margin-top:24px;}
    .tab-style-02 .tab-head {display:flex;flex-wrap:wrap;border:1px solid #EEEEEE;background-color:#F8F9FD;border-radius:8px;}
    .tab-style-02 .tab-head .btn {position:relative;display:flex;align-items:center;justify-content:center;width:25%;padding:16px 15px 15px;text-align:center;font-size:18px;line-height:21px;}
    .tab-style-02 .tab-head .btn:before {content:'';position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid #F8F9FD;border-radius:7px;}
    .tab-style-02 .tab-head .btn:hover,
    .tab-style-02 .tab-head .btn:focus {text-decoration:nnone;outline:0;}
    .tab-style-02 .tab-head .btn.active {background-color:#fff;font-weight:600;}
    .tab-style-02 .tab-head .btn.active:before {border-color:#111;}
    .tab-style-02 .tab-head .btn .box-tag-03 {margin-right:4px;}
    .tab-style-02 .tab-contents {margin-top:16px;}

    /** contents style **/
    /** board style **/
    /** popup style **/
} /* (min-width:1025px) */

@media screen and (max-width:1024px) {
    .pc-only {display:none !important;}
    .mo-trt {text-align:right;}
    
    /** layout **/
    body {font-size:14px}

    /* #header */
    #header {height:56px;padding-top:12px;}
    #header .hd-top {display:none;}

    /* #gnb */
    #gnb {display:none;}
    #gnb-all {top:0;}

    /* #hd-search */
    #hd-search {top:0;right:40px;}
    #hd-search .popup-wrap {position:fixed;top:0;right:0;bottom:0;left:0;width:auto;border:0;border-radius:0;padding:50px 40px;}
    #hd-search .popup-wrap .btn-popup-close {top:12px;right:12px;background-color:#fff;}
    #hd-search .popup-wrap .btn-popup-close:before, 
    #hd-search .popup-wrap .btn-popup-close:after {width:20px;background-color:#111;margin-left:-10px;}
    #hd-search .popup-wrap .input-search {border-bottom:2px solid #111;padding-left:28px;background-position:left center;}
    #hd-search .popup-wrap .input-search:focus {outline:none;}

    /* #gnb-all */
    #gnb-all .popup-box {position:Fixed;top:56px;left:0;right:0;bottom:0;background-color:#fff;}
    #gnb-all .btn:hover,
    #gnb-all .btn:focus {outline:0;}
    #gnb-all .btn-popup-close {position:fixed;top:12px;right:20px;width:32px;height:32px;background-color:#fff;}
    #gnb-all .btn-popup-close:before,
    #gnb-all .btn-popup-close:after {content:'';position:absolute;top:50%;left:50%;display:block;width:18px;height:2px;background-color:#111;margin:-1px 0 0 -9px;}
    #gnb-all .btn-popup-close:before {transform:rotate(45deg);}
    #gnb-all .btn-popup-close:after {transform:rotate(-45deg);}
    #gnb-all .gnb-depth1 {list-style:none;width:129px;height:calc(100vh - 52px);padding:8px 0 0 8px;overflow-y:auto;}
    #gnb-all .gnb-depth1:before {z-index:-1;content:'';position:absolute;top:0;left:0;bottom:0;width:125px;background-color:#F1F3FA;}
    #gnb-all .gnb-depth1 > li + li {margin-top:4px;}
    #gnb-all .gnb-depth1 > li > .btn {position:relative;width:121px;padding:12px;line-height:16px;font-size:14px;border-radius:4px;overflow:hidden;}
    #gnb-all .gnb-depth1 > li > .btn.active {background-color:#0A3974;color:#fff;}
    #gnb-all .gnb-depth1 > li > .btn.active:before {content:'';position:absolute;right:0;bottom:0;border:7px solid #A47E4F;border-top-color:transparent;border-left-color:transparent;}
    #gnb-all .gnb-depth1 > li > .btn.active:focus {text-decoration:none;}
    #gnb-all .gnb-depth1 > li:nth-of-type(4) .btn {padding-right:40px;}
    #gnb-all .gnb-depth2 {display:none;position:absolute;top:0;left:125px;bottom:0;width:calc(100% - 125px);overflow-y:auto;padding-bottom:40px;}
    #gnb-all .active + .gnb-depth2 {display:block;}
    #gnb-all .gnb-depth2 > ul {list-style:none;}
    #gnb-all .gnb-depth2 > ul > li > .btn {padding:12px 16px;font-weight:600;}
    #gnb-all .gnb-depth2 > ul > li > .btn.on{text-decoration:underline;}
    #gnb-all .gnb-depth2 > ul > li > .btn-external:after {content:'';display:inline-block;width:16px;height:16px;background:url(../../images/front/ico_new_01.svg) center no-repeat;margin-left:4px;vertical-align:top;background-size:16px;}
        #gnb-all .gnb-depth3 {list-style:none;}
    #gnb-all .gnb-depth3 .btn {position:relative;padding:8px 8px 8px 23px;color:#767676;line-height:16px;}
    #gnb-all .gnb-depth3 .btn:before {content:'';position:absolute;top:14px;left:16px;display:block;width:4px;height:4px;background-color:#BBBBBB;border-radius:50%;}
    #gnb-all .gnb-depth3 .btn.on{text-decoration:underline;}
    #gnb-all .gnb-depth3 > li > .btn-external:after {content:'';display:inline-block;width:16px;height:16px;background:url(../../images/front/ico_new_01.svg) center no-repeat;margin-left:4px;vertical-align:top;background-size:16px;}

    /* .container */
    .container {margin-top:56px;}

    /* .sub-head */
    .sub-head .page-title {line-height:29px;font-size:24px;}

    /* .sub-contents */
    .sub-contents {padding:16px 0;}
    .sub-left {display:none;}
    .sub-right {width:100%;}
    .sub-head {padding-right:40px;}
    .sub-function {right:0;top:0;bottom:auto;}
    .sub-function .btn {width:24px;height:24px;}
    .sub-function .btn.share {background-size:14px;}
    .breadcrumb {flex-wrap:wrap;line-height:16px;}
    .breadcrumb .home {width:16px;height:16px;background-size:10px;}
    .breadcrumb li {padding:4px 0;}
    .breadcrumb li + li {margin-right:16px;}
    .breadcrumb li:nth-of-type(n+2):before {top:4px;right:-16px;width:16px;height:16px;background:url(../../images/front/arr_04_mo.svg) center 4px no-repeat;}

    .sub-head h2 {margin-top:8px;line-height:29px;font-size:24px;}

    /* .sub-satisfaction */
    .sub-satisfaction {position:relative;padding:24px 20px 20px;}
    .sub-satisfaction .title {width:100%;line-height:16px;}
    .sub-satisfaction .choice-wrap {margin-top:8px;flex-wrap:wrap;padding:4px 60px 4px 0;}
    .sub-satisfaction .choice-wrap .radio-01 {margin-top:4px;margin-bottom:4px;margin-right:16px;}
    .sub-satisfaction .choice-wrap .btn-gray-01 {margin:0;position:absolute;right:20px;bottom:20px;}

    /* footer */
    #footer > .inner {padding:20px 0;}
    #footer .ft-familysite {position:relative;top:0;width:100%;}
    #footer .ft-links {flex-wrap:wrap;gap:0;margin-top:16px;}
    #footer .ft-links > li {width:25%;}
    #footer .ft-links > li + li:before {display:none;}
    #footer .ft-links .btn {padding:8px 0;}
    #footer .ft-callcenter {margin-top:24px;flex-wrap:wrap;gap:8px 12px;}
    #footer .ft-callcenter .title {width:100%;padding:0;}
    #footer .ft-callcenter p .name {padding:4px 8px;margin-right:4px;}
    #footer .copy {padding:8px 0 30px;}
    #footer .ft-app-sns {position:relative;bottom:0;flex-direction:row-reverse;justify-content:start;}

    /** button style **/
    .btn-blue-01 {min-width:120px;padding:14px 15px;line-height:16px;font-size:14px;}
    .btn-blue-02 {min-width:64px;padding:13px 16px 11px;}
    .btn-white-01 {min-width:64px;padding:13px 16px;line-height:16px;font-size:14px;}
    .btn-white-02 {min-width:52px;padding:7px 12px;line-height:16px;font-size:14px;}
    .btn-out-01 {padding:7px 28px 7px 12px;font-size:14px;line-height:16px;}
    .btn-out-01:before {width:16px;height:16px;background-size:16px;}
    .btn-gray-01 {padding:8px 16px;line-height:16px;}
    .btn-quick-01 {padding:7px 27px 7px 11px;line-height:16px;font-size:14px;}
    .btn-quick-01:before {right:8px;width:16px;height:16px;background-size:7px;}
    .btn-download-01 {padding:7px 27px 7px 11px;line-height:16px;font-size:14px;}
    .btn-download-01:before {right:8px;width:16px;height:16px;background-size:16px;}
    .btn-googleplay-01,
    .btn-googleplay-02 {width:40px;height:40px;text-indent:-9999px;overflow:hidden;background-size:18px !important;background-position:center !important;}
    .btn-appstore-01,
    .btn-appstore-02 {width:40px;height:40px;text-indent:-9999px;overflow:hidden;background-size:18px !important;background-position:center !important;}
    .btn-more-01 {padding:7px 27px 7px 11px;line-height:16px;font-size:14px;}
    .btn-more-01:before {right:8px;width:16px;height:16px;background-size:7px;margin-top:-8px;}
    .btn-kakao-01 {line-height:40px;padding-left:44px;}
    .btn-kakao-01:before,
    .btn-kakao-01:after {width:24px;height:24px;background-size:100%;}
    .btn-wechat-01 {line-height:40px;padding-left:44px;}
    .btn-wechat-01:before,
    .btn-wechat-01:after {width:24px;height:24px;background-size:100%;}
    .btn-line-01 {line-height:40px;padding-left:44px;}
    .btn-line-01:before,
    .btn-line-01:after {width:24px;height:24px;background-size:100%;}

    .mo-only + .btns-wrap-01.mt0 {margin-top:5px;}


    /** text style **/
    h1 {font-size:24px;}
    h2 {font-size:20px;}
    h3 {font-size:18px;}
    h4 {font-size:16px;}
    h5 {font-size:14px;}

    .text-info-01 {font-size:16px;line-height:22px;background-size:20px;background-position:left 1px;padding-left:24px;}

    /** box style **/
    .box-tag-02 {padding:4px 8px;line-height:16px;font-size:14px;}
    
    .box-style-01 {border-radius:4px;}
    .box-style-01:before,
    .box-style-01:after {border-width:15px;}
    .box-style-01 .inner {min-height:88px;padding:12px 12px 12px 92px;border-radius:2px;}
    .box-style-01 .img {left:20px;top:50%; transform: translateY(-50%); width:62px;height:62px;}
    .box-style-01.t02 .img{left:50%; transform: translateX(-50%); top:20px;}
    .box-style-01 .text-wrap .text-01 {line-height:19px;font-size:16px;}
    .box-style-01 .text-wrap .text-01 + .text-02 {margin-top:5px;line-height:21px;}

    .box-style-02 {padding:20px;}
    .box-style-02 > .text-01 {line-height:21px;font-size:14px;}

    .box-style-03 {padding:20px;}
    .box-style-03 .img {width:72px;height:72px;}
    .box-style-03 .text-wrap {width:100%;margin-top:16px;}
    .box-style-03 .text-wrap .text-01 {line-height:24px;font-size:16px;}
    .box-style-03 .text-wrap .text-02 {line-height:21px;}

    .box-style-04 {padding:20px;gap:16px;}
    .box-style-04 .img {width:72px;height:72px;}
    .box-style-04 .text-wrap {width:100%;}
    .box-style-04 .text-wrap .text-01 {line-height:27px;font-size:18px;}
    .box-style-04 .text-wrap .text-02 {line-height:21px;}

    .box-style-05 {flex-wrap:wrap;gap:16px;}
    .box-style-05 > .left {width:100%;font-size:16px;line-height:24px;}
    .box-style-05 > .right {width:100%;}

    .box-style-06 {flex-wrap:wrap;}
    .box-style-06 > .left {width:100%;border-radius:8px 8px 0 0;border-right:4px solid #0A3974;border-bottom:0;padding:32px 24px 16px;}
    .box-style-06 > .right {width:100%;border-radius:0 0 8px 8px;border-left:4px solid #A47E4F;border-top:0;padding:16px 24px 32px;}
    .box-style-06 > .left .title {font-size:18px;}
    .box-style-06 > .left .title:before,
    .box-style-06 > .left .title:after {width:30px;height:74px;margin-top:-37px;background-size:100%;}

    /** form style **/
    .radio-01 label {line-height:16px;padding-left:20px;}
    .radio-01 label:before {width:16px;height:16px;}
    .radio-01 label:after {width:14px;height:14px;}
    .radio-01 input[type=radio]:checked + label:after {width:8px;height:8px;border:2px solid #fff;}

    .radio-set-01 {width:100%;}
    .radio-set-01 label {width:100%;}

    .radio-set-02 {position:relative;margin:16px -20px;width:calc(100% + 40px);border-bottom:1px solid #EEEEEE;padding:0 20px;}
    .radio-set-02 .radio-slide-01 {overflow:hidden;}
    .radio-set-02 input[type=radio] {position:absolute;top:0;left:-9999px;width:1px;height:1px;background:transparent;color:transparent;}
    .radio-set-02 .swiper-slide {width:auto;}
    .radio-set-02 label {position:relative;display:inline-block;padding:14px 8px;line-height:14px;}
    .radio-set-02 label:before {content:'';position:absolute;left:0;bottom:0;display:block;width:0;height:1px;background-color:#111;transition:.2s ease-out;}
    .radio-set-02 input[type=radio]:checked + label:before {width:100%;}

    .radio-set-02 .radio-slide-more .btn-more-toggle {z-index:10;position:absolute;top:8px;right:8px;width:28px;height:28px;text-indent:-9999px;overflow:hidden;border:1px solid #ddd;background:#fff url(../../images/front/arr_11_b.svg) center no-repeat;border-radius:50%;transform:rotate(90deg);}
    .radio-set-02 .radio-slide-more .btn-more-toggle:focus {outline:0;}
    .radio-set-02 .radio-slide-more .btn-more-toggle.active {background:#111 url(../../images/front/arr_11_w.svg) center no-repeat;transform:rotate(-90deg);border-color:#112;}
    .radio-set-02 .radio-slide-more > ul {z-index:10;list-style:none;position:absolute;top:44px;left:0;right:0;display:none;flex-wrap:wrap;gap:4px;background-color:#fff;padding:14px 20px;}
    .radio-set-02 .radio-slide-more > ul.active {display:flex;}
    .radio-set-02 .radio-slide-more > ul:before {z-index:10;content:'';position:absolute;bottom:-10px;left:0;right:0;display:block;height:10px;background:linear-gradient(#111, transparent);opacity:0.1;}
    .radio-set-02 .radio-slide-more > ul > li {width:calc(50% - 2px);}
    .radio-set-02 .radio-slide-more > ul label {display:inline-block;width:100%;padding:11px 12px;text-align:center;border:1px solid #eee;border-radius:4px;line-height:16px;}
    .radio-set-02 .radio-slide-more > ul label.active {border-color:#111;font-weight:600;}

    .check-alarm-all input[type=checkbox] {position:absolute;top:0;left:-9999px;width:1px;height:1px;background:transparent;color:transparent;}
    .check-alarm-all label {display:inline-block;vertical-align:top;padding:7px 11px;border:1px solid #ddd;line-height:16px;border-radius:16px;}
    .check-alarm-all input[type=checkbox]:checked + label {border-color:#111;font-weight:600;}

    .check-alarm-01 input[type=checkbox] {position:absolute;top:0;left:-9999px;width:1px;height:1px;background:transparent;color:transparent;}
    .check-alarm-01 label {display:inline-block;vertical-align:top;padding:7px 11px 7px 23px;border:1px solid #ddd;line-height:16px;border-radius:16px;}
    .main-map .map-alarm .list-check li label::after{display: none;}
    .check-alarm-01 label:before {content:'';position:absolute;top:11px;left:10px;display:block;width:10px;height:10px;background-color:#026abf;border-radius:50%;}
    .check-alarm-01 label span {display:none;}
    .check-alarm-01.t02 label:before {background-color:#fcc33c;}
    .check-alarm-01.t03 label:before {background-color:#c82613;}
    .check-alarm-01.t04 label:before {background-color:#292929;}
    .check-alarm-01.t05 label:before {background:url(../../images/front/bg_pattern_01.png) left top;background-size:100%;}
    .check-alarm-01 input[type=checkbox]:checked + label {border-color:#026abf;background-color:#EBEFFB;font-weight:600;}
    .check-alarm-01.t02 input[type=checkbox]:checked + label {border-color:#fcc33c;background-color:#FEF2D5;}
    .check-alarm-01.t03 input[type=checkbox]:checked + label {border-color:#c82613;background-color:#FDEAF0;}
    .check-alarm-01.t04 input[type=checkbox]:checked + label {border-color:#292929;background-color:#EBEFF2;}
    .check-alarm-01.t05 input[type=checkbox]:checked + label {border-color:#D98683;background-color:#FAEDEC;}

    .textarea-01 {height:160px;}

    .datepicker-set-01 .datepicker-01 {width:calc(50% - 9px);max-width:100%;margin:0 !important;}

    .form-style-01 {padding:20px;border-radius:4px;}
    .form-style-01 > ul > li + li {margin-top:8px;}
    .form-style-01 > ul > li > .form-title {position:absolute;top:0;left:0;width:0;height:0;overflow:hidden;text-indent:-9999px;}
    .form-style-01 > ul > li > .form-con {width:100%;}
    .form-style-01 li.last {position:static;right:0;bottom:0;}
    .form-style-01 li.last .btn-blue-02 {width:calc(100% - 44px);}

    .form-style-02 {padding:16px 20px;}

    .form-style-03 > li {flex-wrap:wrap;}
    .form-style-03 .form-title {width:100%;padding-top:0;margin-bottom:5px;}
    .form-style-03 .form-con {width:100%;}
    .form-style-03 .input-01.wm240 {max-width:100%;}

    /** list style **/
    .list-country-01 {padding:10px;}
    .list-country-01 > li {width:calc(50% - 10px)}
    .list-country-01 .btn {padding:12px 8px;line-height:16px;}
    .list-country-01 .btn-external:after {width:16px;height:16px;}
    .list-country-01 .btn .caution {width:16px;height:16px;}
    .list-country-01 .btn .caution:before {width:10px;height:10px;}
    
    .list-country-02 {padding-right:28px;}
    .list-country-02 > li {width:100%;}
    .list-country-02 .anchor-point {padding:16px 16px 4px;line-height:19px;color:#767676;}

    .list-dot-01 > li {line-height:21px;padding-left:8px;}
    .list-dot-01 > li:before {top:9px;}
    .list-dot-01.limt32 > li + li {margin-top:24px;}

    .list-caution-01 > li {padding-left:14px;text-indent:-14px;}
    .list-caution-01 > li > span {font-size:12px;}

    .list-dash-01 > li {padding-left:10px;}

    .list-style-01 {padding:0;border-radius:0;border:0;}
    .list-style-01 .text-wrap {padding:20px;}
    .list-style-01 > li {border:1px solid #ddd;border-radius:4px;overflow:hidden;}
    .list-style-01 > li > .box-bg-01 {margin-top:0;padding:20px;border-radius:0;}
    .list-style-01 > li + li {margin-top:8px;}
    .list-style-01 > li + li:before {display:none;}
    .list-style-01 .title {font-size:16px;line-height:24px;}

    .list-style-02 {padding:20px;}
    .list-style-02 .title {font-size:16px;line-height:24px;}
    .list-style-02 .text-01 {margin-top:5px;}
    .list-style-02 > li + li {margin-top:41px;}
    .list-style-02 > li + li:before {top:-21px;}

    .list-num-01 > li {line-height:20px;padding-left:28px;}
    .list-num-01 .num {width:20px;height:20px;line-height:20px;}

    .list-num-02 {padding:20px;}
    .list-num-02 .num {width:28px;line-height:16px;}
    .list-num-02 .text-wrap {width:calc(100% - 28px);}
    .list-num-02 .text-01 {line-height:16px;}
    .list-num-02 .text-02 {line-height:21px;}

    .list-anchor-02 {flex-wrap:wrap;padding:12px;}
    .list-anchor-02 > li {width:100%;}
    .list-anchor-02 .btn {text-align:left;padding:8px;font-size:16px;line-height:19px;}

    .list-accordion-01 .btn-toggle {font-size:14px;line-height:21px;padding-left:0;}
    .list-accordion-01 .con {padding:20px 20px 20px 32px;}
    

    /** table style **/
    .table-scroll-x > div {overflow-x:auto;}
    .table-scroll-x table {min-width:800px;}
    .table-scroll-x .guide-scroll {margin-top:24px;text-align:right;color:#767676;}
    .table-scroll-x .guide-scroll + div {margin-top:8px;}

    .table-style-01 > table > tbody > tr> td {padding:10px 8px;}

    .table-style-02 thead {display:none;}
    .table-style-02 td {height:48px;}
    .table-style-02 tr .box-tag-02 + .title {width:calc(100% - 120px);line-height:24px;}
    .table-style-02.tlt th, .table-style-02.tlt td {padding-left:0 !important;}

    .table-style-03 {text-align:left;margin-top:8px;}
    .table-style-03 colgroup {display:none;}
    .table-style-03 thead {display:none;}
    .table-style-03 tr {display:block;}
    .table-style-03 > table > tbody > tr> td {display:block;padding:13px 0;}
    .table-style-03 > table > tbody > tr> td + td,
    .table-style-03 > table > tbody > tr> td.bdl {border-left:0;}
    .table-style-03 .mo-title {line-height:21px;font-weight:600;color:#999;}
    .table-style-03 .val {line-height:24px;font-weight:500;margin-top:8px;}
    .table-style-03.t02 > table > tbody > tr {display:flex;flex-wrap:wrap;}
    .table-style-03.t02 td {width:50%;}

    /** tab style **/
    .tab-style-01 {position:relative;}
    .tab-style-01 .tab-head {overflow:hidden;margin:16px -20px;width:calc(100% + 40px);border-bottom:1px solid #EEEEEE;padding:0 60px 0 20px;}
    .tab-style-01 .tab-head .swiper-slide {width:auto;}
    .tab-style-01 .tab-head .btn {position:relative;padding:14px 8px;line-height:14px;}
    .tab-style-01 .tab-head .btn:focus {outline:0;}
    .tab-style-01 .tab-head .btn:before {content:'';position:absolute;left:0;bottom:0;display:block;width:0;height:1px;background-color:#111;transition:.2s ease-out;}
    .tab-style-01 .tab-head .btn.active:before {width:100%;}
    .tab-style-01 .tab-head-more .btn-more-toggle {z-index:10;position:absolute; top:14px; right:0;width:28px;height:28px;text-indent:-9999px;overflow:hidden;border:1px solid #ddd;background:#fff url(../../images/front/arr_11_b.svg) center no-repeat;border-radius:50%;transform:rotate(90deg);}
    .tab-style-01 .tab-head-more .btn-more-toggle:focus {outline:0;}
    .tab-style-01 .tab-head-more .btn-more-toggle.active {background:#111 url(../../images/front/arr_11_w.svg) center no-repeat;transform:rotate(-90deg);border-color:#112;}
    .tab-style-01 .tab-head-more > ul {z-index:10;list-style:none;position:absolute;top:44px;left:-20px;right:-20px;display:none;flex-wrap:wrap;gap:4px;background-color:#fff;padding:14px 20px;}
    .tab-style-01 .tab-head-more > ul.active {display:flex;}
    .tab-style-01 .tab-head-more > ul:before {z-index:10;content:'';position:absolute;bottom:-10px;left:0;right:0;display:block;height:10px;background:linear-gradient(#111, transparent);opacity:0.1;}
    .tab-style-01 .tab-head-more > ul > li {width:calc(50% - 2px);}
    .tab-style-01 .tab-head-more > ul .btn {width:100%;height:100%;padding:11px 12px;text-align:center;border:1px solid #eee;border-radius:4px;line-height:16px;}
    .tab-style-01 .tab-head-more > ul .btn.active {border-color:#111;font-weight:600;}
    
    .tab-style-02 {position:relative;}
    .tab-style-02 .tab-head {display:flex;overflow:hidden;margin:16px -20px;width:calc(100% + 40px);border-bottom:1px solid #EEEEEE;padding:0 20px;}
    .tab-style-02 .tab-head .btn {position:relative;display:flex;justify-content:center;align-items:center;width:25%;padding:14px 8px;line-height:14px;}
    .tab-style-02 .tab-head .btn:focus {outline:0;}
    .tab-style-02 .tab-head .btn:before {content:'';position:absolute;left:0;bottom:0;display:block;width:0;height:1px;background-color:#111;transition:.2s ease-out;}
    .tab-style-02 .tab-head .btn.active:before {width:100%;}
    .tab-style-02 .tab-head .btn .box-tag-03 {text-indent:-9999px;width:10px;height:10px;padding:0;margin-right:3px;}

    /** contents style **/
    /** board style **/
    .paging-01 {gap:4px;}
    .paging-01 .btn {width:24px;height:24px;line-height:24px;padding:0;}

    .board-view .view-top {padding-bottom:32px;}
    .board-view .view-top .board-title {line-height:24px;font-size:18px;}
    .board-view .view-body {padding-bottom:52px;}
    .board-view .view-bottom {padding-top:16px;}

    .board-view .video-script > li + li {margin-top:24px;}
    .board-view .video-script .name {width:100%;}
    .board-view .video-script .text {width:100%;margin-top:8px;}

    /** popup style **/
    #hd-search .popup-wrap .input-keyword {position:relative;}
    #hd-search .popup-wrap .input-search {padding-right:30px;}
    #hd-search .popup-wrap .btn-input-delete {right:0;}
    #hd-search .popup-wrap .btn_search{left: 0;}
    #hd-search .popup-wrap .list-search {padding:16px 0;}
    #hd-search .popup-wrap .list-search > li > .btn {padding-left:0;}

    .popup-style-01 .popup-box {padding:16px 20px 20px;}
    .popup-style-01 .popup-head .btn-popup-close {width:32px;height:32px;background-image:url(../../images/front/ico_x_03.svg);}
    .popup-style-01 .popup-head {margin-bottom:16px;}

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

@media screen and (max-width:780px) {
    /** layout **/
    /* #footer */
    #footer .ft-links > li {width:50%;}
    #footer .ft-app-sns {gap:16px;flex-wrap:wrap;}

    /** button style **/
    /** text style **/
    /** box style **/
    .box-style-01.t02 .inner {padding:96px 20px 32px;}

    /** form style **/
    .select-input-01 .select-01 {width:100px;}
    .select-input-01 .input-01 {width:calc(100% - 104px);}

    .input-select-input-01 .input-search-01,
    .input-select-input-01 .select-01 {width:calc(50% - 2px);max-width:100%;}
    .input-select-input-01 .input-01 {width:100%;}

    /** list style **/
    .list-country-01 > li {width:100%;}
    .board-country-result .list-country-01 > li {width:calc(50% - 10px);}
    /** table style **/
    /** tab style **/
    /** contents style **/
    /** board style **/
    .gallery-list-01 {gap:24px 10px;}
    .gallery-list-01 > li {width:calc(50% - 5px);}

    .gallery-list-02 {gap:24px 10px;}
    .gallery-list-02 > li {width:calc(50% - 5px);}
    /** popup style **/ 
    .popup-main-01 {top:100px !important;left:27px !important;max-width:calc(100% - 54px);}
    .popup-main-01 .popup-body a {width:100%;}
    .popup-main-01 .popup-head .btn-popup-close {top:4px;right:4px;background-size:32px;}
    .popup-main-01 .popup-bottom .btn {padding:12px 14px;line-height:16px;}
} /* (max-width:780px) */

@media screen and (max-width:380px) {
    /** layout **/
    /* #footer */
    #footer .ft-app-sns {flex-direction:column-reverse;gap:8px;}

    /** button style **/
    /** text style **/
    /** box style **/
    /** form style **/
    /** list style **/
    .board-country-result .list-country-01 > li {width:100%;}
    /** table style **/
    /** tab style **/
    /** contents style **/
    /** board style **/
    /** popup style **/ 
} /* (max-width:380px) */