@charset "UTF-8";

/* Copy Code */
.copyBtn {position: absolute; right: 100%; top: 0; padding-right: 1rem;}
.full-width .copyBtn{right: calc(100% - 10rem);}
.copyBtn span {display: inline-block; background: #fff; padding: .7rem 1.5rem; border: 1px solid #d1d1d1; border-radius: 1rem; font-family: ppb; white-space: nowrap; opacity: 0; transition: opacity .45s;}
.copyBtn.on span {opacity: 1;}
.copyBtn:hover span {background: #00508F; border: 1px solid #00508F; color: #fff;}
@media screen and (max-width: 1100px) {
  .copyCode .copyBtn {display: none;}
}


/* [S] 폰트 */
.pl {font-family: pl;}
.pr {font-family: pr;}
.pm {font-family: pm;}
.pb {font-family: pb;}
.c0 {color:#000;}
.c1 {color:#006CB0;}
.c2 {color:#FF0054;}
.c3 {color: #006fc6}
/* [E] 폰트 */

/* [S] 정렬 */
.align-left{text-align: left;}
.align-center{text-align: center;}
.align-right{text-align: right;}
/* [E] 정렬 */

/* [S] 배경 리스트 디자인 */
.background-dots{background-color: #f7f7f7; padding: 2.6rem 3rem;}
.background-dots ul{display: flex; flex-wrap: wrap; margin-top: -1rem;}
.background-dots li{width: calc(100%/3); margin-top: 1rem !important;}

@media screen and (max-width: 1000px) {
  .background-dots li{width: 50%;}
}

@media screen and (max-width: 768px) {
  .background-dots li{width: 100%;}
}
/* [E] 배경 리스트 디자인 */

/* [S] 4뎁스 탭 */
.tab_div.div_4{position:relative;margin-top:3rem;background:none;border-bottom:0;}
.tab_div.div_4 .mobile-tab{position:relative;display:none;width:100%;min-height:6rem;padding:0.5rem 6rem 0.5rem 4rem;background:linear-gradient(to top left, #0064A3 49%, #0064A3 43%, #005B95 50%, #005B95 90%);font-family:sm;font-size:1.8rem;text-align:left;color:#fff;}
.tab_div.div_4 .mobile-tab::after{content:'';position:absolute;right:4rem;top:50%;width:1.8rem;height:1rem;margin-top:-0.5rem;background:url(../../images/guide/ic-tab-arrw.png) no-repeat center;transition:transform .3s;}
.tab_div.div_4 .mobile-tab.on::after{transform:rotate(180deg);}
.tab_div .ul_4{position:relative;display:flex;flex-wrap:wrap;}
/* .tab_div .ul_4::after{content:'';position:absolute;left:0;bottom:0;width:100%;height:0.1rem;background:#ddd;} */
.tab_div .ul_4 > li{position:relative;width:20%;min-height:6rem;text-align:center;}
.tab_div .ul_4 > li > a{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:1rem 2rem;background:none;border:.1rem solid transparent;border-right:.1rem solid #ddd;border-bottom:.1rem solid #ddd;font-family:sl;font-size:1.8rem;color:#111;transition:all .3s; overflow: hidden;}
.tab_div .ul_4 > li:first-child > a{border-top-left-radius: 10px;}
.tab_div .ul_4 > li:last-child > a{border-bottom-right-radius: 10px;}
.tab_div .ul_4 > li:nth-child(5n+1) > a{border-left: .1rem solid #ddd;}
.tab_div .ul_4 > li:nth-child(-n+5) > a{border-top: .1rem solid #ddd;}
/* .tab_div .ul_4 > li > a::after{content:'';position:absolute;right:-0.1rem;top:0;width:0.1rem;height:100%;background:#ddd;} */
.tab_div .ul_4 > li > a:hover{border:0.1rem solid #0064A3;color:#fff;}
.tab_div .ul_4 > li > a._active{font-family:sm;border-bottom:0.1rem solid #0064A3; border-top:0.1rem solid #005B95; border-right:0.1rem solid #0064A3; border-left:0.1rem solid #005B95; color:#fff;}
.tab_div .ul_4 > li > a:hover::before,
.tab_div .ul_4 > li > a._active::before{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:linear-gradient(to top left, #0064A3 49%, #0064A3 43%, #005B95 50%, #005B95 90%);border-right:0.1rem solid #0064A3;color:#fff;z-index: -1;}
.tab_div .ul_4 > li > a > span{position:relative;}

@media screen and (max-width:768px) {
  .tab_div.div_4 .mobile-tab{position:relative;display:block;width:100%;min-height:6rem;padding:0.5rem 6rem 0.5rem 4rem;background:linear-gradient(to top left,#0064A3 49%,#0064A3 43%,#005B95 50%,#005B95 90%);border-radius: .5rem;font-family:sm;font-size:1.8rem;text-align:left;color:#fff;z-index: 2; transition: border-radius .3s;}
  /* .tab_div.div_4 .mobile-tab.on {border-radius:.5rem .5rem 0 0;} */
  .tab_div .ul_4{overflow:hidden;position:absolute;display:block;width:100%;max-height:0;padding:0;border:0.2rem solid #fff;background:#fff;top:calc(100% - 0.5rem);transition:all .5s ease;}
  .tab_div .ul_4.on{overflow-y:auto;overflow-x:hidden;z-index:10;max-height:14rem;padding:1rem 0;border:0.2rem solid #005B95;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;}
  .tab_div .ul_4::after{display:none;}
  .tab_div .ul_4::-webkit-scrollbar{width:1rem;height:1rem;}
  .tab_div .ul_4::-webkit-scrollbar-thumb{background:#DDDDDD;}
  .tab_div .ul_4::-webkit-scrollbar-track{background-color:transparent;}
  .tab_div .ul_4 > li{display:block;width:100%;min-height:4rem;}
  .tab_div .ul_4 > li > a{display:block;width:auto;padding:0.5rem 4rem;background:#fff;border: 0 !important;font-size:1.8rem;text-align:left;color:inherit;justify-content:start;}
  .tab_div .ul_4 > li > a._active{color: #00abe6}
  .tab_div .ul_4 > li > a::after{display:none;}
  .tab_div .ul_4 > li > a:hover{background:#F3F8FC;border-bottom:0;color:#005B95;}
  .tab_div .ul_4 > li > a._
  active{background:#F3F8FC;border-bottom:0;border-right:0;font-family:sl;color:#005B95;}
  .tab_div .ul_4 > li > a._active::before{display:none;background:#F3F8FC;border-right:0;}
}
/* [E] 4뎁스 탭 */

/* [S] 5뎁스 탭 */
.tab_div.div_5{position:relative;margin-top:3rem;padding:1.3rem 1.5rem 0.8rem 1.5rem;background:#F3F4F0;border-radius:1rem;}
.tab_div.div_5 .mobile-tab{display: none;}
.tab_div .ul_5{position:relative;display:flex;flex-wrap:wrap;}
.tab_div .ul_5 > li{position:relative;width:auto;margin-right:3rem;text-align:center;}
.tab_div .ul_5 > li > a{position:relative;display:flex;align-items:center;justify-content:center;width:100%;margin-bottom:0.5rem;padding-left:1.5rem;background:none;border:none;font-family:sl;font-size:1.6rem;color:#A3AAAA;transition:all .3s;}
.tab_div .ul_5 > li > a::before{content:'';position:absolute;left:0;top:0.8rem;width:0.6rem;height:0.6rem;background:#A3AAAA;border-radius:0.3rem 0 0.3rem 0;transition:background .3s;}
.tab_div .ul_5 > li > a:hover{color:#009E96;}
.tab_div .ul_5 > li > a._active{color:#009E96;}
.tab_div .ul_5 > li > a:hover::before,
.tab_div .ul_5 > li > a._active::before{background:#009E96;}
.tab_div .ul_5 > li > a > span{position:relative;}

@media screen and (max-width:768px) {
  .tab_div.div_5{padding: 0; background: none; border-radius: 0;}
  .tab_div.div_5 .mobile-tab{position:relative;display:block;width:100%;min-height:6rem;padding:0.5rem 6rem 0.5rem 4.2rem;background:white url(../../images/guide/ic-tab-arrw2.png) no-repeat right 2.8rem center;border:.2rem solid #009e96;border-radius: .5rem;font-family:sm;font-size:1.8rem;text-align:left;color:#009e96;z-index: 2;}
  .tab_div.div_5 .mobile-tab::after{content:'';position:absolute;left:2.8rem;top:50%;width:0.6rem;height:0.6rem;margin-top:-.3rem;background:#009E96;border-radius:0.3rem 0 0.3rem 0;transition:background .3s;}
  .tab_div.div_5 .mobile-tab.on{background:white url(../../images/guide/ic-tab-arrw2-on.png) no-repeat right 2.8rem center}
  .tab_div .div_5 {padding:1.3rem 1.5rem 0.3rem 1.5rem}
  .tab_div .ul_5{overflow:hidden;position:absolute;display:block;width:100%;max-height:0;padding:0;border:0.2rem solid #fff;border-top:0;background:#fff;top:calc(100% - .5rem);transition:all .5s ease; z-index: 1;}
  .tab_div .ul_5.on{overflow-y:auto;overflow-x:hidden;z-index:10;max-height:14rem;padding:1rem 0;background:#fff;border:0.2rem solid #009E96;border-top: 0;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;}
  .tab_div .ul_5::after{display:none;}
  .tab_div .ul_5::-webkit-scrollbar{width:1rem;height:1rem;}
  .tab_div .ul_5::-webkit-scrollbar-thumb{background:#DDDDDD;}
  .tab_div .ul_5::-webkit-scrollbar-track{background-color:transparent;}
  .tab_div .ul_5 > li{display:block;width:100%;margin-right: 0;}
  .tab_div .ul_5 > li > a{justify-content: start;margin: 0; padding: .65rem 4.4rem; font-size: 1.8rem}
  .tab_div .ul_5 > li > a::before{left: 2.8rem; top: 1.6rem;}
  .tab_div .ul_5 > li > a:hover{background: rgba(204,235,228,0.25);}
}
/* [E] 5뎁스 탭 */

/* [S] objHeading_h 제목 */
.objHeading_h2{margin-top:6rem;font-family:sm;font-size:3rem;line-height:1.2;color:#000;}
.objHeading_h2.bridge{margin-top:6rem;}
.objHeading_h3{position:relative;margin-top:3.2rem;padding-left:2rem;font-family:sm;font-size:2.6rem;line-height:1.2;color:#0F2F5B;}
.objHeading_h3.bridge{margin-top:3.2rem;}
.objHeading_h3::before{content:'';position:absolute;left:0;top:0.3rem;width:0.9rem;height:2.2rem;background:url(../../images/guide/ic-h2.png) no-repeat center / .9rem;}
.objHeading_h4{position:relative;margin-top:3.2rem;padding-left:1.8rem;background:none;font-family:sl;font-size:2.2rem;color:#006FC6;}
.objHeading_h4::before{content:'';position:absolute;left:0;top:0.9rem;width:1rem;height:1rem;background:#006FC6;border-radius:50%;}
.objHeading_h5{position:relative;margin-top:3.2rem;padding-left:1.1rem;background:none;font-family:sl;font-size:2rem;color:#009E96;}
.objHeading_h5::before{content:'';position:absolute;left:0;top:0.5rem;width:0.3rem;height:1.6rem;background:#009e96;}

.objHeading_h2.no-margin,
.objHeading_h3.no-margin,
.objHeading_h4.no-margin,
.objHeading_h5.no-margin {margin-top: 0;}

.no-margin .objHeading_h2,
.no-margin .objHeading_h3,
.no-margin .objHeading_h4,
.no-margin .objHeading_h5 {margin-top: 0;}

@media screen and (max-width: 768px) {
  .objHeading_h2 {font-size: 2.8rem;}
  .objHeading_h3 {font-size: 2.4rem;}
  .objHeading_h4 {font-size: 2.2rem;}
  .objHeading_h5 {font-size: 2rem;}
}
/* [E] objHeading_h 제목 */

/* [S] con-desc */
.con-desc {font-family:pr; font-size:1.8rem; color:#444444; line-height:3rem;}

@media screen and (max-width:768px) {
  .con-desc {font-size: 1.6rem; line-height: 1.5;}
}
/* [E] con-desc */

/* [S] alert-text */
.alert-text {position:relative;}
.alert-text p {position:relative; padding-left:2rem; font-family:pm; font-size:1.4rem; color:#FF0054; line-height:1.5;}
.alert-text p::before {content:'*'; position:absolute; left:0; top:-0.2rem; font-family:pl; font-size:2.2rem; color:#FF0054; line-height:1.4;}
/* [E] alert-text */

/* [S] con-list */
.con-list1 > ul > li {position:relative; margin-top:1rem; padding-left:1.8rem; font-family:pr; font-size:1.8rem; color:#444; line-height:2.5rem;}
.con-list1 > ul > li:first-child {margin-top:0;}
.con-list1 > ul > li::after {content:''; position:absolute; left:0.1rem; top:.9rem; width:0.4rem; height:0.4rem; background:#666; transform:rotate(45deg);}

.con-list2 > ul > li {position:relative; margin-top:1.5rem; padding-left:1.8rem; font-family:pr; font-size:1.8rem; color:#666; line-height:1.2;}
.con-list2 > ul > li:first-child {margin-top:0;}
.con-list2 > ul > li::after {content:''; position:absolute; left:0.1rem; top:0.7rem; width:0.7rem; height:0.5rem; background:url(../../images/guide/ic-bul.png) no-repeat center / .7rem;}

@media screen and (max-width:768px) {
  .con-list1 > ul > li {font-size: 1.6rem; line-height: 1.5;}
  .con-list1 > ul > li::after {top:0.9rem;}

  .con-list2 > ul > li {font-size: 1.6rem;}
}

/* [E] con-list */

/* [S] circle-num-list */
.circle-num-list{position:relative;}
.circle-num-list > ul > li{position:relative;margin-top:1.2rem;padding-left:3rem;font-family:pr;font-size:1.8rem;color:#444;}
.circle-num-list > ul > li:first-child{margin-top:0;}
.circle-num-list > ul > li > .num{position:absolute;left:0;top:0.45rem;display:flex;align-items:center;justify-content:center;width:1.7rem;height:1.7rem;background:#00508F;border-radius: .2rem;font-family:pm;font-size:1rem;color:#fff;}
/* [E] circle-num-list */

/* [S] circle-text-list */
.circle-text-list{position:relative;}
.circle-text-list > ul > li{position:relative;margin-top:1.2rem;padding-left:3rem;font-family:pr;font-size:1.8rem;color:#444;}
.circle-text-list > ul > li:first-child{margin-top:0;}
.circle-text-list > ul > li > .text{position:absolute;left:0;top:0.45rem;display:flex;align-items:center;justify-content:center;width:1.7rem;height:1.7rem;background:#fff;border:0.1rem solid #111;border-radius:.2rem;font-family:pm;font-size:1.2rem;color:#111;}
/* [E] circle-text-list */

/* [S] noti-text */
.noti-text1{position:relative;}
.noti-text1 > p{position:relative;display:inline-flex;align-items:center;padding-left:2.5rem;font-family:pm;font-size:1.7rem;color:#42AAA6;}
.noti-text1 > p::before{content:'!';position:absolute;left:0;top:0.5rem;display:inline-flex;align-items:center;justify-content:center;width:1.6rem;height:1.6rem;margin-right:0.6rem;background:#42AAA6;border-radius:0.6rem 0 0.6rem 0;font-family:pb;font-size:1.2rem;color:#fff;line-height:1.4;}
.noti-text1 > p > a {display: contents;}

.noti-text2{position:relative;}
.noti-text2 > p{position:relative;display:inline-flex;align-items:center;padding-left:2.5rem;font-family:pm;font-size:1.7rem;color:#7CBA28;}
.noti-text2 > p::before{content:'?';position:absolute;left:0;top:0.2rem;display:inline-flex;align-items:center;justify-content:center;width:1.6rem;height:1.6rem;margin-right:0.6rem;background:#7CBA28;border-radius:0.6rem 0 0.6rem 0;font-family:pb;font-size:1.2rem;color:#fff;line-height:1.4;}

.noti-text3{position:relative;}
.noti-text3 > p{position:relative;display:inline-flex;align-items:center;padding-left:2.5rem;font-family:pm;font-size:1.7rem;color:#006FC6;}
.noti-text3 > p::before{content:'*';position:absolute;left:0;top:0.55rem;display:inline-flex;justify-content:center;width:1.6rem;height:1.6rem;margin-right:0.6rem;background:#155FBB;border-radius:0.6rem 0 0.6rem 0;font-family:sl;font-size:2rem;color:#fff;line-height:1.4;}
/* [E] noti-text */

/* [S] con-table */
/* Table */
.con-table {position: relative; line-height: 1.6;}
.con-table:after {content: ''; position: absolute; right: 0px; top: 0px; width: 1px; height: 100%; background: #fff;}
.con-table table {position: relative;}
.con-table table::after {content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 2px; background: #000000;}
.con-table table.align-c td {text-align: center;}
.con-table thead {position: relative;}
.con-table thead::after {content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #000000;}
.con-table thead th {padding: 1.6rem 1rem; background: #F5F7F9; border-right: 1px solid #dddee0; border-bottom: 1px solid #555555; font-weight: normal; font-family: psb; font-size: 1.8rem; color: #222; line-height: 1.5;}
.con-table tbody {display: table-header-group;}
.con-table tbody::after {content:''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #8a8a8a;}
.con-table tbody th {padding:1.6rem 2rem; background:#F9F9F9; border-right: 1px solid #c5c5c5; border-bottom: 1px solid #c5c5c5; font-family: pm; font-weight: 400; font-size: 1.8rem; color: #555; line-height: 1.5;}
.con-table tbody td {padding:1.6rem 2rem; background:#fff; border-right: 1px solid #c5c5c5; border-bottom: 1px solid #c5c5c5; font-family: pr; font-size: 1.8rem; text-align: left; color: #555555; line-height: 1.5;}
.con-table.center tbody td {text-align: center;}
.con-table.mini thead th,
.con-table.mini tbody th,
.con-table.mini tbody td {padding: .7rem; font-size: 1.5rem;}
.con-table .align-l {text-align: left !important;}
.con-table .align-c {text-align: center !important;}
.con-table .align-r {text-align: right !important;}
.con-table .align-t {vertical-align: top !important;}

.con-table .con-link {color:#555; transition:all .3s; display: inline-block;}
.con-table .con-link::after {content: ''; position: relative; display: inline-block; width: 2.4rem; height: 2.4rem; background-repeat:no-repeat; background-position:center; border:0.1rem solid #999999; border-radius: .3rem; margin-left: 0.5rem; vertical-align: middle; top:-0.3rem;}
.con-table .con-link:hover {color:#192939;}
.con-table .con-link span {background: linear-gradient(to bottom, transparent 95%, #192939 0) left center no-repeat; background-size:0; transition: background-size .5s;}
.con-table .con-link span:hover {background-size:100% auto;}
.con-table .con-link.home::after {background-image: url(../../images/guide/ic-home.png);background-size: 1.4rem;background-color:#fff;}
.con-table .con-link.home:hover::after {background-image: url(../../images/guide/ic-home-on.png);background-size: 1.4rem;background-color:#EDF9FE; border:0.1rem solid #00A5E3;}
.con-table .con-link.down::after {background-image: url(../../images/guide/ic-down.png);background-size: 1.4rem;background-color:#fff;}
.con-table .con-link.down:hover::after {background-image: url(../../images/guide/ic-down-on.png);background-size: 1.4rem;background-color:#ECF4FA; border:0.1rem solid #00508F;}
.con-table .con-link.blank::after {background-image: url(../../images/guide/ic-blank.png);background-size: 1.4rem;background-color:#fff;}
.con-table .con-link.blank:hover::after {background-image: url(../../images/guide/ic-blank-on.png); background-color:#E8F2FA; border:0.1rem solid #006FC6;}

.con-table .con-link2 {color:#555; transition:all .3s; display: block;}
.con-table .con-link2::after {content: ''; position: absolute; right: 0; display: inline-block; width: 2.4rem; height: 2.4rem; background-repeat:no-repeat; background-position:center;}
.con-table .con-link2:hover {color:#192939;}
.con-table .con-link2 span {background: linear-gradient(to bottom, transparent 95%, #192939 0) left center no-repeat; background-size:0; transition: background-size .5s;}
/* .con-table .con-link2 span:hover {background-size:100% auto;} */
.con-table .con-link2.home::after {background-image: url(../../images/guide/ic-home2.png); background-size: 1.75rem;}
.con-table .con-link2.home:hover::after {background-image: url(../../images/guide/ic-home2-on.png);background-size: 1.75rem;}
.con-table .con-link2.down::after {background-image: url(../../images/guide/ic-down2.png);background-size: 1.6rem;}
.con-table .con-link2.down:hover::after {background-image: url(../../images/guide/ic-down2-on.png);background-size: 1.6rem;}
.con-table .con-link2.blank::after {background-image: url(../../images/guide/ic-blank2.png);background-size: 1.65rem;}
.con-table .con-link2.blank:hover::after {background-image: url(../../images/guide/ic-blank2-on.png);background-size: 1.65rem;}

@media screen and (max-width: 768px){
  .con-table {overflow-x: hidden; min-height: 13rem;}
  .con-table.on {min-height: auto;}
  .con-table.no-scroll {min-height: auto;}
  .con-table table {width: 150rem;}
  .con-table.no-scroll table {width: 100%;}
  /* .con-table:after {content: ''; position: absolute; right: 0px; top: 0px; z-index: 1; width: 100%; height: 100%; background: rgba(31,59,101,0.1) url(../../images/guide/img_mobile_text.png) no-repeat center 2rem;} */
  .con-table:after {content: ''; position: absolute; right: 0px; top: 0px; z-index: 1; width: 100%; height: 100%; background: rgba(31,59,101,0.1) url(../../images/guide/img_mobile_text.png) no-repeat center;}
  .en .con-table:after {background: rgba(31,59,101,0.1) url(../../images/guide/img_mobile_text_en.png) no-repeat center 2rem;}
  .con-table.on:after,
  .con-table.no-scroll:after {display: none;}
  .con-table thead th,
  .con-table tbody th,
  .con-table tbody td {font-size: 1.7rem;}
}
/* [E] con-table */

/* [S] wrap-banner-box */
.wrap-banner-box1 {position:relative; padding:3.5rem 10.5rem 4rem 2.5rem; background:#F7F7F7; border-top:0.2rem solid #00508F;}
.wrap-banner-box1.size {padding: 3.5rem 4rem 4rem 2.5rem;}
.wrap-banner-box1 .frame {display:flex;}
.wrap-banner-box1 .img-box {position:relative; margin-right:3rem; width:10rem; flex-shrink:0;}
.wrap-banner-box1 .img-box img {position:relative;margin: .6rem 2rem;z-index:1;}
.wrap-banner-box1 .img-box::before {content:''; position:absolute; left:0; top:2.8rem; width:3rem; height:3rem; background:#00508F; border-radius:50%; opacity:0.15;}
.wrap-banner-box1 .img-box::after {content:''; position:absolute; right:0; top:0; width:5.8rem; height:5.8rem; background:#00BAFF; border-radius:50%; opacity:0.15;}
.wrap-banner-box1 .text-box.horizon {display: flex; justify-content: space-between; align-items: center; flex-grow: 1;}
.wrap-banner-box1 .text-box strong {font-family:sm; font-size:2.2rem; color:#111;}
.wrap-banner-box1 .text-box p {margin-top:0.5rem; padding:0; font-family:pr; font-size:1.8rem; line-height:3rem; color:#444;}
.wrap-banner-box1 .text-box .alert-text p {padding-left: 2rem; font-family: pm; font-size: 1.4rem; color: #FF0054; line-height: 1.5;}

.wrap-banner-box1 .img-box.ic0 img {width: 5.4rem;}
.wrap-banner-box1 .img-box.ic1 img {width: 6.1rem;}
.wrap-banner-box1 .img-box.ic2 img {width: 4.5rem;}
.wrap-banner-box1 .img-box.ic3 img {width: 6.3rem;}
.wrap-banner-box1 .img-box.ic4 img {width: 4.9rem;}
.wrap-banner-box1 .img-box.ic5 img {width: 4.3rem;}
.wrap-banner-box1 .img-box.ic6 img {width: 4.6rem;}
.wrap-banner-box1 .img-box.ic7 img {width: 4.7rem;}
.wrap-banner-box1 .img-box.ic8 img {width: 5.2rem;}
.wrap-banner-box1 .img-box.ic9 img {width: 6.4rem;}
.wrap-banner-box1 .img-box.ic10 img {width: 5.5rem;}
.wrap-banner-box1 .img-box.ic11 img {width: 5.55rem;}
.wrap-banner-box1 .img-box.ic12 img {width: 6rem;}
.wrap-banner-box1 .img-box.ic13 img {width: 4.4rem;}

.wrap-banner-box2 {padding:0.3rem; background:url(../../images/guide/bg-pattern.png) repeat; background-color:#F5F8FB; border-radius: 1rem;}
.wrap-banner-box2 .frame {padding:3.5rem 3.8rem 4rem 3.8rem; background:#F5F8FB;}
.wrap-banner-box2 strong {font-family:sm; font-size:2.2rem; color:#003B69;}
.wrap-banner-box2 p {margin-top:0.5rem; font-family:pr; font-size:1.8rem; color:#444; line-height:3rem;}

@media screen and (max-width: 1320px) {
  .wrap-banner-box1 .text-box.horizon {flex-direction: column; align-items: flex-start;}
  .wrap-banner-box1 .text-box.horizon .right {margin-top: 2rem;}
}

@media screen and (max-width:768px) {
  .wrap-banner-box1 {padding-right:2.5rem;}
  .wrap-banner-box1 .frame {flex-direction:column;}
  .wrap-banner-box1 .text-box {margin-top:2rem;}
  .wrap-banner-box1 .text-box strong {font-size:2rem;}
  .wrap-banner-box1 .text-box p {font-size:1.6rem; line-height:1.5;}

  .wrap-banner-box2 .frame {padding:3.5rem 2.5rem 4rem 2.5rem;}
  .wrap-banner-box2 strong {font-size:2rem;}
  .wrap-banner-box2 p {font-size:1.6rem; line-height:1.5;}
}
@media screen and (max-width:600px) {
  .wrap-banner-box1 .text-box.horizon .right {display: flex; flex-direction: column; align-items: flex-start;}
  .wrap-banner-box1 .text-box.horizon .right a {margin-left: 0; margin-top: 1rem;}
}

/* [E] wrap-banner-box */


/* [S] down-list */
.down-list{position:relative;border:0.1rem solid #ccc; border-radius: 1rem;}
.down-list .frame{padding:2rem 0;}
.down-list ul{display:flex;flex-wrap:wrap;}
.down-list ul li{position:relative;display:flex;align-items:center;justify-content:space-between;width:calc(50% - 3rem);margin-left:3rem;padding:1rem 3rem 1.5rem 0;border:0;font-family:psb;font-size:2rem;color:#333;}
.down-list ul li:hover{color:#006FC6;}
.down-list ul li:nth-child(odd){border-right:0.1rem solid #ccc;}
.down-list ul li strong{position:relative;padding-left:1.8rem;word-break: break-all !important;}
.down-list ul li strong::before{content:'';position:absolute;width:0.5rem;height:0.5rem;left:0.1rem;top:1.1rem;background:#666;transform:rotate(45deg);}
.down-list ul li:hover strong::before{background:#006FC6;}
.down-list ul li > a {margin-left: 2.5rem;}

@media screen and (max-width:1200px) {
  .down-list ul li {width:100%; border-right:0 !important;}
}
@media screen and (max-width:768px) {
  .down-list ul li strong {font-size: 1.6rem;}
  .down-list ul li strong::before {top:0.9rem;}
}

/*IOS 대응*/
@supports (-webkit-touch-callout: none) {
  .down-list ul li strong{word-break: break-all !important;}
}

/* [E] down-list */

/* [S] btn-style */

.btn-style1{position:relative;display:inline-flex;align-items:center;min-width:21.5rem;min-height:5rem;padding:1rem 3.5rem 1rem 1.5rem;background:#fff;border:0.1rem solid #033054;border-radius:.5rem;font-family:pm;font-size:1.6rem;color:#033054;transition:all .3s;}
.btn-style1.ico1 {color: #033054}
.btn-style1.ico2 {color: #033054}
.btn-style1.ico1::after{content:'';position:absolute;top:50%;right:1.5rem;width:1.2rem;height:0.9rem;margin-top:-0.4rem;background:url(../../images/guide/ic-btn-arrw1.png) no-repeat right center / 2.4rem;transition:all .3s;}
.btn-style1:hover{background:#006FC6;border:0.1rem solid #006FC6;color:#fff;}
.btn-style1.ico1:hover::after{background-position:left center;}

.btn-style2{position:relative;display:inline-flex;align-items:center;min-width:16rem;min-height:4.5rem;padding:1rem 5.2rem 1rem 1.5rem;background:#fff;border:0.1rem solid #033054;border-radius:.5rem;font-family:pm;font-size:1.6rem;color:#033054;transition:all .3s;}
.btn-style2.ico1 {color: #033054;}
.btn-style2.ico2 {color: #033054;}
.btn-style2.ico1::after{content:'';position:absolute;top:50%;right:1.5rem;width:1.2rem;height:0.9rem;margin-top:-0.4rem;background:url(../../images/guide/ic-btn-arrw1.png) no-repeat right center / 2.4rem;transition:all .3s;}
.btn-style2.ico2::after{content:'';position:absolute;top:50%;right:1.5rem;width:1.4rem;height:1.4rem;margin-top:-0.8rem;background:url(../../images/guide/ic-btn-down.png) no-repeat right center / 1.4rem;transition:all .3s;}
.btn-style2:hover{background:#006FC6;border:0.1rem solid #006FC6;color:#fff;}
.btn-style2.ico1:hover::after{background-position:left center;}
.btn-style2.ico2:hover::after{background:url(../../images/guide/ic-btn-down-on.png) no-repeat right center / 1.4rem;}
.btn-style2.hover{background:#006FC6;border:0.1rem solid #006FC6;color:#fff;}
.btn-style2.ico1.hover::after{background-position:left center;}

.btn-style3{position:relative;display:inline-flex;align-items:center;min-width:10rem;min-height:3.5rem;padding:0.5rem 3.7rem 0.5rem 0.8rem;background:#fff;border:0.1rem solid #033054;border-radius:.5rem;font-family:pm;font-size:1.4rem;color:#033054;transition:all .3s;}
.btn-style3.ico1::after{content:'';position:absolute;top:50%;right:0.8rem;width:0.6rem;height:0.9rem;margin-top:-0.5rem;background:url(../../images/guide/ic-btn-arrw2.png) no-repeat right center / 1.2rem;transition:all .3s;}
.btn-style3.ico2::after{content:'';position:absolute;top:50%;right:0.8rem;width:1.4rem;height:1.4rem;margin-top:-0.7rem;background:url(../../images/guide/ic-btn-down.png) no-repeat right center / 1.4rem;transition:all .3s;}
.btn-style3.ico1:hover{background:#006FC6;border:0.1rem solid #006FC6;color:#fff;}
.btn-style3.ico2:hover{background:#042E6F;border:0.1rem solid #042E6F;color:#fff;}
.btn-style3.ico1:hover::after{background-position:left center;}
.btn-style3.ico2:hover::after{background:url(../../images/guide/ic-btn-down-on.png) no-repeat right center / 1.4rem;}
.btn-style3.ico1.hover{background:#006FC6;border:0.1rem solid #006FC6;color:#fff;}
.btn-style3.ico2.hover{background:#042E6F;border:0.1rem solid #042E6F;color:#fff;}
.btn-style3.ico1.hover::after{background-position:left center;}
.btn-style3.ico2.hover::after{background:url(../../images/guide/ic-btn-down-on.png) no-repeat right center / 1.4rem;}

@media screen and (max-width:768px) {
  .btn-style {flex-direction: column;}

  .btn-style1 {min-width:19rem; min-height:4.5rem;}
  .btn-style2 {min-width:15rem; min-height:4rem; padding:0.5rem 3.5rem 0.5rem 1.5rem;}
  .btn-style2.ico2 {padding: 0.5rem 4.5rem 0.5rem 1.5rem;}
}
/* [E] btn-style */

/* [S] step-box */
/* step1 */
.step-box1{position:relative;margin: 0 -3rem;padding:2.5rem 0 0 0;}
.step-box1 .box{position:relative;width:25%;padding:0 3rem;flex: 1;}
.step-box1 .type2 .box{width: 33.3333%;}
.step-box1 .box::after{content:'';position:absolute;top:50%;right:-0.7rem;width:1.5rem;height:2.4rem;margin-top:-1.2rem;background:url(../../images/guide/ic-step-arrw.png) no-repeat center / 1.5rem;}
.step-box1 .box:last-child::after{display:none;}
.step-box1 .box .box-line{display:flex;align-items:center;height: 100%;border:.1rem solid #000000;border-radius:1rem;padding: 4.1rem 4rem;}
.step-box1 .img-box{margin-right:3rem;flex-shrink: 0;}
.step-box1 .text-box{display:flex;flex-direction:column;}
.step-box1 .text-box em{margin-bottom:0.5rem;font-family:pb;font-size:1.4rem;color:#009E96;}
.step-box1 .text-box strong{font-family:psb;font-size:1.8rem;line-height:2rem;color:#121212;}
.step-box1 .text-box span{font-family:pr;font-size:1.4rem;line-height:2rem;color:#555555;}
.step-box1 .line{display:flex;flex-wrap:wrap;justify-content: stretch;}
.step-box1 .line:nth-child(even){flex-direction:row-reverse;margin-top:7rem;}
.step-box1 .line:nth-child(even) .box::after{left:-0.7rem;right:unset;transform:rotate(180deg);}
.step-box1 .line:nth-child(1n+2) .box:first-child::before{content:'';position:absolute;bottom:100%;left:50%;width:7rem;height:7rem;margin-left:-3.5rem;background:url(../../images/guide/ic-step-arrw.png) no-repeat center;transform:rotate(90deg);}

.step-box1 .img-box.ic1 img {width: 5.7rem;}
.step-box1 .img-box.ic2 img {width: 3.8rem;}
.step-box1 .img-box.ic3 img {width: 3.9rem;}
.step-box1 .img-box.ic4 img {width: 5rem;}
.step-box1 .img-box.ic5 img {width: 4rem;}
.step-box1 .img-box.ic6 img {width: 4.4rem;}
.step-box1 .img-box.ic7 img {width: 5.4rem;}
.step-box1 .img-box.ic8 img {width: 6.1rem;}
.step-box1 .img-box.ic9 img {width: 5rem;}
.step-box1 .img-box.ic10 img {width: 4.1rem;}
.step-box1 .img-box.ic11 img {width: 4.2rem;}
.step-box1 .img-box.ic12 img {width: 7.2rem;}
.step-box1 .img-box.ic13 img {width: 5.1rem;}
.step-box1 .img-box.ic14 img {width: 4.2rem;}

/* step2 */
.step-box2{position:relative;padding:4rem 0;border:0.1rem solid #000;border-radius: 1rem;}
.step-box2 .step-list{margin:0 -2.5rem;}
.step-box2 .box-wrap{position:relative;width:20%;}
.step-box2 .box-wrap::after{content:'';position:absolute;top:50%;right:-0.7rem;width:1.5rem;height:2.4rem;margin-top:-1.2rem;background:url(../../images/guide/ic-step-arrw.png) no-repeat center / 1.5rem;}
.step-box2 .box-wrap:last-child::after{display:none;}
.step-box2 .box{width:15rem;height:15rem;margin:0 auto;padding:2.7rem 1rem 3rem;background:#F2F2F2;border-radius:50%;text-align:center;}
.step-box2 .text-box{display:flex;align-items:center;flex-direction:column;}
.step-box2 .text-box em{margin-bottom:1.5rem;font-family:pb;font-size:1.4rem;color:#009E96;}
.step-box2 .text-box strong{font-family:pm;font-size:1.6rem;line-height:2.5rem;color:#121212;}
.step-box2 .text-box span{font-family:pl;font-size:1.4rem;line-height:2.2rem;color:#777;}
.step-box2 .line{display:flex;}
.step-box2 .line:nth-child(1n+2){margin-top:7rem;}
.step-box2 .line:nth-child(1n+2) .box-wrap:first-child::before{content:'';position:absolute;bottom:100%;left:50%;width:7rem;height:7rem;margin-left:-3.5rem;background:url(../../images/guide/ic-step-arrw.png) no-repeat center / 1.5rem;transform:rotate(90deg);}
.step-box2 .line:nth-child(even){flex-direction:row-reverse;}
.step-box2 .line:nth-child(even) .box-wrap::after{left:-0.7rem;right:unset;transform:rotate(180deg);}

@media screen and (max-width:1200px) {
  .step-box1 .box{display:flex;justify-content:start;width:50%;margin-bottom:2rem;flex: none;}
  .step-box1 .box:nth-child(2n)::after{display:none;}
  .step-box1 .img-box{display:flex;align-items:center;justify-content:center;width:7.2rem;height:7.5rem;margin-right:1rem;}
  .step-box1 .box .box-line{width: 100%;}
  .step-box1 .box .box-line {padding: 4.1rem 1.5rem;}
  .step-box1.type2 .box {width: 25%;flex: 1;}
  .step-box1.type2 .box:nth-child(2n)::after {display: block;}
  .step-box2 .box-wrap{width:33.3333%;}
}
@media screen and (max-width:768px) {
  .step-box1{margin: 0;}
  .step-box1 .line{display:block;}
  .step-box1 .box{display:flex;flex-direction:column;width:100%;margin-bottom:0;padding-left:0;padding-right:0;padding-bottom:5rem;text-align:center;}
  .step-box1 .box::after{display:block !important;left:50%;top:unset;right:unset;bottom:0;width:5rem;height:5rem;margin-left:-2.5rem;transform:rotate(90deg);}
  .step-box1 .box:last-child{padding-bottom:0 !important;}
  .step-box1 .box:last-child::after{display:none !important;}
  .step-box1 .img-box{margin-right:0;}
  .step-box1 .text-box strong{font-size:1.6rem;}
  .step-box1 .box .box-line{flex-direction: column; align-items: center;padding: 2rem;}
  .step-box1.type2 .box {width: 100%;}
  .step-box2 .step-list{margin:0;}
  .step-box2 .box-wrap{width:50%;}
  .step-box2 .text-box span {word-break: break-all;}
}

/* [E] step-box */

/* [S] ready-wrap */
.alert-box{position:relative;background:linear-gradient(80deg, #fff 0%, #EBF1FF 36%);}
.alert-box .frame{display:flex;align-items:center;height:100%;min-height:58.2rem;padding:0 83rem 0 17.5rem;background:url(../../images/guide/bg-noti.png) no-repeat right 4rem center;border:0.6rem solid #DCE6F5;}
.alert-box.ready .frame{background:url(../../images/guide/bg-ready.png) no-repeat right 3rem center;}
.alert-box strong{position:relative;font-family:sm;font-size:3.6rem;color:#006FC6;}
.alert-box strong::before{content:'';position:absolute;width:6.8rem;height:6rem;left:-3.5rem;top:-4rem;background:url(../../images/guide/ic-qu1.png) no-repeat center;}
.alert-box strong::after{content:'';position:absolute;width:6.8rem;height:6rem;right:-5rem;top:-3rem;background:url(../../images/guide/ic-qu2.png) no-repeat center;}
.alert-box strong span{position:relative;z-index:1;}
.alert-box p{margin-bottom:7.5rem;margin-top:3rem;font-family:pr;font-size:1.8rem;color:#333;}

@media screen and (max-width:1400px) {
  .alert-box .frame {padding-left:8rem; padding-right: 65rem;}
}
@media screen and (max-width:1200px) {
  .alert-box .frame {background-size:50%; min-height:45rem; padding-right:60%;}
  .alert-box.ready .frame {background-size: 60%;}
  .alert-box strong {font-size:3rem;}
  .alert-box p {margin-bottom:3.5rem; margin-top:2rem;}
}
@media screen and (max-width:950px) {
  .alert-box { background: linear-gradient(to top, #fff 0%, #EBF1FF 40%)}
  .alert-box .frame { padding: 78.7% 4rem 4.7rem 4rem; background-position: top center !important; background-size: 100% !important; }
  .alert-box.ready .frame { background-position: top 2rem center !important; }
}
@media screen and (max-width:768px) {
  .alert-box .frame { padding: 85.7% 2rem 4.7rem 4rem; background-size: contain !important; }
  .alert-box strong::before, 
  .alert-box strong::after { width: 5rem; height: 4.4rem; background-size: cover; }
  .alert-box strong::before { left: -1.2rem; top: -2.8rem; }
  .alert-box strong::after { left: calc(100% - 1rem); top: -2rem; }
  .alert-box strong { display: inline-block; margin-right: 5rem; font-size: 2.8rem; }
  .alert-box p { margin-top: 3.5rem; margin-bottom: 4.5rem; font-size: 1.6rem; }
}
/* [E] ready-wrap */


/* 스타일가이드2 - 이미지 배너 */
/* [S] wrap-img-banner1 */
.wrap-img-banner1 {position: relative;}
.wrap-img-banner1 .img-box{max-width:123.8rem; margin-left:auto;}
.wrap-img-banner1 .img-box img {min-height: 30rem;object-fit: cover;object-position: center;border-radius: 2rem;}
.wrap-img-banner1 .text-box {position: absolute; left:0; top:4rem;}
.wrap-img-banner1 .text-box::before {content:''; width:100%; height:calc(100% - 10rem); background:url(../../images/guide/bg-pattern2.png); position: absolute; left:3rem; bottom:-2.5rem;}
.wrap-img-banner1 .text-box p { border-radius:0 4rem 0 2rem; background:rgba(0,111,198,1); font-size: 2.2rem; color:#fff; line-height: 3rem; font-family: sl; width: 60rem; padding:4.5rem 3.5rem 5rem 5rem; position: relative;}
.wrap-img-banner1 .text-box p span {color:#36FFDC}

@media screen and (max-width: 1200px) {
  .wrap-img-banner1 .text-box {position: relative;top: auto; margin-top: -5rem;}
  .wrap-img-banner1 .text-box::before{display: none;}
  .wrap-img-banner1 .text-box p {width: 45rem;padding: 4.5rem 3.5rem 5rem 4rem; width: 100%;}
}

@media screen and (max-width: 768px) {
  .wrap-img-banner1 .text-box p {padding: 3.5rem 2.5rem 3rem 2.5rem;font-size: 1.9rem;border-radius: 0 0rem 4rem 2rem;}
  .wrap-img-banner1 .img-box img {border-radius: 2rem 2rem 0 0;}
}

@media screen and (max-width: 500px) {
  .wrap-img-banner1 .text-box p {padding: 2.5rem;font-size: 1.7rem;}
  .wrap-img-banner1 .img-box img {min-height: 24rem; object-position: 66% 50%;}
}

/* [E] wrap-img-banner1 */


/* [S] wrap-img-banner2 */
.wrap-img-banner2 .frame{position:relative;}
.wrap-img-banner2 .img-box{overflow:hidden;position:relative;padding-bottom:43rem;background:none;border-radius:2rem;}
.wrap-img-banner2 .img-box img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;}
.wrap-img-banner2 .text-box{position:absolute;left:7rem;bottom:-5rem;display:block;width:70rem;background:url(../../images/guide/img-banner2-2-bg2.jpg) no-repeat right bottom/cover;border-top-left-radius:8rem;border-bottom-right-radius:8rem;}
.wrap-img-banner2 .text-box .tit-wrap{position:relative;padding:4.2rem 5rem 3.7rem;}
.wrap-img-banner2 .text-box .tit-wrap::after{position:absolute;left:-2rem;bottom:0;display:block;width:calc(100% - 3rem);height:0.2rem;background-color:#00508f;content:"";}
.wrap-img-banner2 .text-box .tit-wrap strong{font-family:"sm";font-size:3.6rem;color:#00508f;}
.wrap-img-banner2 .text-box .desc{padding:4.5rem 5rem 8.9rem;}
.wrap-img-banner2 .text-box .desc dl{display:flex;margin-bottom:0.7rem;flex-wrap:wrap;}
.wrap-img-banner2 .text-box .desc dl:last-child{margin-bottom:0;}
.wrap-img-banner2 .text-box .desc dt{position:relative;left:0;margin-right:0.5rem;padding-left:1.8rem;font-size:1.8rem;color:#000000;}
.wrap-img-banner2 .text-box .desc dt::before{position:absolute;top:1.1rem;left:0;width:0.4rem;height:0.4rem;transform:rotate(45deg);background-color:#666666;content:"";display:block;}
.wrap-img-banner2 .text-box .desc dd{font-size:1.8rem;color:#444444;}
@media screen and (max-width:1200px){
  .wrap-img-banner2 .img-box{padding-bottom:30rem;}
  .wrap-img-banner2 .text-box{position:relative;left:2rem;bottom:auto;display:block;width:calc(100% - 4rem);margin-top:-5rem;z-index:2;}
  .wrap-img-banner2 .text-box .tit-wrap{padding:2rem 5rem 1.5rem;}
  .wrap-img-banner2 .text-box .tit-wrap strong{font-size:2.8rem;}
  .wrap-img-banner2 .text-box .desc{padding:3rem 5rem 5rem;}
}
@media screen and (max-width:768px){
  .wrap-img-banner2 .img-box{padding-bottom:20rem;}
  .wrap-img-banner2 .text-box{border-top-left-radius:3rem;border-bottom-right-radius:3rem;}
  .wrap-img-banner2 .text-box .tit-wrap{padding:2rem 3rem 1.5rem;}
  .wrap-img-banner2 .text-box .tit-wrap strong{font-size:2.4rem;}
  .wrap-img-banner2 .text-box .desc{padding:3rem 3rem 5rem;}
  .wrap-img-banner2 .text-box .desc dt{font-size:1.6rem;}
  .wrap-img-banner2 .text-box .desc dt::before{top:0.9rem;}
  .wrap-img-banner2 .text-box .desc dd{font-size:1.6rem;}
}
/* [E] wrap-img-banner2 */


/* [S] wrap-img-banner3 */
.wrap-img-banner3 {margin-bottom: 16rem;}
.wrap-img-banner3 .frame{position:relative;display:flex;width:auto;height:auto;margin:0;padding:4.5rem 5rem 7rem;border:1rem solid #ccc;overflow:visible;flex-wrap:wrap;justify-content:start;flex-direction:row-reverse;}
.wrap-img-banner3 .tit-wrap {padding-right: 9rem;}
.wrap-img-banner3 .tit-wrap strong{font-family:"sm";font-size:2.6rem;color:#00508f;}
.wrap-img-banner3 .tit-wrap>p{margin-top:1.2rem;font-family:"pr";font-size:1.8rem;line-height:3rem;color:#444;}
.wrap-img-banner3 .btn-box{margin-top:10.7rem;}
.wrap-img-banner3 .btn-box a{margin-right:0.7rem;}
.wrap-img-banner3 .btn-box a:last-child{margin-right:0;}
.wrap-img-banner3 .img-box{overflow:hidden;position:absolute;top:5rem;right:5rem;width:47.3%;padding-bottom:43rem;border-radius:2rem;}
.wrap-img-banner3 .img-box img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;}
.wrap-img-banner3 .text-box{width:49%;}
@media screen and (max-width:1200px){
  .wrap-img-banner3 {margin-bottom: 14rem;}
  .wrap-img-banner3 .frame{padding:2.5rem 3rem 4rem;}
  .wrap-img-banner3 .text-box{padding-right: 3rem;}
  .wrap-img-banner3 .tit-wrap {padding-right: 4rem;}
  .wrap-img-banner3 .tit-wrap>p{font-size:1.6rem;line-height:2.5rem;}
  .wrap-img-banner3 .btn-box{display:inline-flex;margin-top:5rem;flex-direction:column;gap:1.5rem;}
  .wrap-img-banner3 .img-box{top:3rem;right:3rem;padding-bottom:35rem;}
}
@media screen and (max-width:768px){
  .wrap-img-banner3 {margin-bottom: 2rem;}
  .wrap-img-banner3 .frame{flex-direction:column;padding:2rem;}
  .wrap-img-banner3 .img-box{overflow:hidden;position:relative;top:0;right:0;width:100%;padding-bottom:30rem;border-radius:2rem;}
  .wrap-img-banner3 .text-box{width:100%;margin-top:2rem; padding-right: 0;}
  .wrap-img-banner3 .tit-wrap {padding-right: 0;} 
  .wrap-img-banner3 .tit-wrap strong{font-size:2.2rem;}
  .wrap-img-banner3 .tit-wrap>p{font-size:1.4rem;line-height:2.2rem;margin-top:0.5rem;}
  .wrap-img-banner3 .btn-box{display:flex;margin-top:3rem;gap:0.5rem;}
  .wrap-img-banner3 .btn-box a{margin-right:0;}
}
/* [E] wrap-img-banner3 */

/* [S] wrap-img-banner4 */
.wrap-img-banner4 .frame{display:flex;width:auto;height:auto;margin:0;padding:0;flex-wrap:wrap;justify-content:space-between;}
.wrap-img-banner4 .frame .banner-box{width: calc(50% - 3rem);margin-bottom: 4rem;}
.wrap-img-banner4 .banner-box .banner-header{display:flex;padding:3rem 3rem 2.5rem;background-color:#edf3f8;border-radius:2rem;flex-wrap:wrap;justify-content:space-between;}
.wrap-img-banner4 .banner-box .banner-image{overflow:hidden;width:41.7%;border-radius:0.5rem;}
.wrap-img-banner4 .banner-box .banner-image img{width: 100%;}
.wrap-img-banner4 .banner-box .banner-text{width:58.3%;padding-left:2.6rem;padding-top:0.7rem;}
.wrap-img-banner4 .banner-box .banner-title{display:flex;margin-bottom:1.2rem;justify-content:space-between;align-items:center;}
.wrap-img-banner4 .banner-box .banner-title strong{font-family:"sm";font-size:2rem;color:#000;}
.wrap-img-banner4 .banner-box .banner-title .banner-link{display:block;width:2.1rem;height:2rem;font-size:0;background:url(../../images/guide/ic-banner-home-default.png) no-repeat center center/cover;}
.wrap-img-banner4 .banner-box .banner-title .banner-link:hover {background:url(../../images/guide/ic-banner-home.png) no-repeat center center/cover;}
.wrap-img-banner4 .banner-box .desc dl{display:flex;margin-bottom:0.5rem;flex-wrap:wrap;}
.wrap-img-banner4 .banner-box .desc dl:last-child{margin-bottom:0;}
.wrap-img-banner4 .banner-box .desc dt{position:relative;width:7.2rem;font-family:"psb";font-size:1.6rem;color:#00508f;}
.wrap-img-banner4 .banner-box .desc dt::after{position:absolute;top:0.5rem;right:0;width:0.2rem;height:1rem;background-color:#00508f;content:"";display:block;}
.wrap-img-banner4 .banner-box .desc dd{font-family:"pl";font-size:1.6rem;color:#000;padding-left:1.6rem;}
.wrap-img-banner4 .banner-box .banner-content{min-height: 7rem;margin-top:2.5rem;}
.wrap-img-banner4 .banner-box .banner-content>p{font-family:"pr";font-size:1.8rem;line-height:3rem;color:#444;}
.wrap-img-banner4 .banner-box .alert-text{margin-top:1.9rem;}
.wrap-img-banner4 .banner-sub-content{padding:2.1rem 3rem;}
.wrap-img-banner4 .banner-sub-content li{position:relative;margin-bottom:0.6rem;padding-left:1.8rem;font-family:"pr";font-size:1.8rem;color:#444;}
.wrap-img-banner4 .banner-sub-content li:last-child{margin-bottom:0;}
.wrap-img-banner4 .banner-sub-content li::before{position:absolute;top:1.1rem;left:0;width:0.5rem;height:0.5rem;background-color:#666;transform:rotate(45deg);content:"";display:block;}
.wrap-img-banner4 .banner-sub-content li span{font-family:"pm";color:#000;}
@media screen and (max-width:1200px){
  .wrap-img-banner4 .frame{gap:3rem;}
  .wrap-img-banner4 .frame .banner-box {margin-bottom: 2rem;}
  .wrap-img-banner4 .banner-box .banner-header{flex-direction:column;}
  .wrap-img-banner4 .banner-box .banner-image{width:100%;}
  .wrap-img-banner4 .banner-box .banner-image img{width:100%;}
  .wrap-img-banner4 .banner-box .banner-text{width:100%;padding-left:0;padding-top:2rem;}
  .wrap-img-banner4 .banner-box .banner-content {min-height: auto;}
}
@media screen and (max-width:768px){
  .wrap-img-banner4 .frame{flex-direction:column;}
  .wrap-img-banner4 .frame .banner-box{width: 100%;}
  .wrap-img-banner4 .banner-box .banner-content{height: auto !important; margin-top:1.5rem;}
  .wrap-img-banner4 .banner-box .banner-content>p{font-size:1.6rem;line-height:2.5rem;}
  .wrap-img-banner4 .banner-sub-content{padding:1.5rem 2rem;}
  .wrap-img-banner4 .banner-sub-content li{font-size:1.6rem;}
  .wrap-img-banner4 .banner-sub-content li::before{top:0.8rem;}
}
/* [E] wrap-img-banner4 */

/* [S] wrap-img-banner5 */
.wrap-img-banner5 .banner-header{position:relative;}
.wrap-img-banner5 .banner-back{position:absolute;top:0;left:0;width:51rem;padding-bottom:26.67%;background-color:#005b94;border-top-right-radius:6rem;z-index:1;}
.wrap-img-banner5 .banner-back span{position:absolute;bottom:36%;left:-14%;font-family:"sm";font-size:2rem;color:#fff;opacity:0.3;transform:rotate(-90deg);display:block;}
.wrap-img-banner5 .banner-img{position:relative;margin-left:8rem;text-align:right;z-index:2;}
.wrap-img-banner5 .banner-img>span{font-family:"sm";font-size:4rem;color:#000;opacity:0.1;display:block;}
.wrap-img-banner5 .banner-image{overflow:hidden;position:relative;padding-bottom:28.88%;border-top-left-radius:12rem;border-bottom-right-radius:6rem;}
.wrap-img-banner5 .banner-image img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;}
.wrap-img-banner5 .banner-text{margin-top:4.4rem;padding-left:8rem;}
.wrap-img-banner5 .banner-text p{font-family:"sl";font-size:2.8rem;line-height:4.5rem;color:#000;}
.wrap-img-banner5 .banner-text p span{color:#006fd5;}
.wrap-img-banner5 .banner-content{display:flex;margin-top:5.4rem;gap:4rem;flex-wrap:wrap;justify-content:space-between;}
.wrap-img-banner5 .banner-content .banner-box{flex:1;}
.wrap-img-banner5 .banner-box h2{margin-top:0;}
.wrap-img-banner5 .banner-box .banner-list{margin-top:2.5rem;border:0.1rem solid #dedede;border-radius:0.7rem;}
.wrap-img-banner5 .banner-box .banner-list ul{padding:2.4rem 2.6rem 2.7rem;}
.wrap-img-banner5 .banner-box .banner-list li{position:relative;margin-bottom:1.3rem;padding-left:1.5rem;display:flex;justify-content:space-between;}
.wrap-img-banner5 .banner-box .banner-list li:last-child{margin-bottom:0;}
.wrap-img-banner5 .banner-box .banner-list li::before{position:absolute;top:1.3rem;left:0;width:0.4rem;height:0.4rem;background-color:#008fe8;content:"";display:block;}
.wrap-img-banner5 .banner-box .banner-list li p{font-size:1.8rem;color:#000001;}
.wrap-img-banner5 .banner-box .banner-list .half{display:flex;padding:2.4rem 2.6rem;flex-wrap:wrap;justify-content:space-between;}
.wrap-img-banner5 .banner-box .banner-list .half li{width:calc(50% - 1.3rem);margin-top:1rem;margin-bottom:0;align-items:center;}
.wrap-img-banner5 .banner-box .banner-list .half li:nth-child(-n+2){margin-top:0;}
.wrap-img-banner5 .banner-box .banner-list .half li .btn-style3{color:#033054;padding:0.35rem 1rem 0.35rem 0.8rem;min-height:3rem;}
.wrap-img-banner5 .banner-box .banner-list .half li .btn-style3:hover {color: #fff;}
@media screen and (max-width:1200px){
  .wrap-img-banner5 .banner-back{width:40rem;}
  .wrap-img-banner5 .banner-back span{font-size:1.6rem;left:-18%;bottom:38%;}
  .wrap-img-banner5 .banner-img{margin-left:5rem;}
  .wrap-img-banner5 .banner-img>span{font-size:2.2rem;}
  .wrap-img-banner5 .banner-text{margin-top:3.5rem;padding-left:5rem;}
  .wrap-img-banner5 .banner-text p{font-size:2.2rem;line-height:3.2rem;}
  .wrap-img-banner5 .banner-content{margin-top:4rem;gap:2rem;}
  .wrap-img-banner5 .banner-box .banner-list{margin-top:1rem;height:calc(100% - 4.6rem);}
  .wrap-img-banner5 .banner-box .banner-list li::before{top:0.9rem;}
  .wrap-img-banner5 .banner-box .banner-list li p{font-size:1.6rem;}
  .wrap-img-banner5 .banner-box .banner-list .half li{flex-direction:column;align-items:start;justify-content:start;gap:0.5rem;}
}
@media screen and (max-width:768px){
  .wrap-img-banner5 .banner-back{width:calc(100% - 2rem);padding-bottom:50%;border-top-right-radius:3rem;}
  .wrap-img-banner5 .banner-back span{font-size:1.2rem;transform:rotate(0);top:2rem;left:2rem;}
  .wrap-img-banner5 .banner-img{margin-left:2rem;padding-top:4rem;padding-bottom:3rem;}
  .wrap-img-banner5 .banner-image img{object-position: 72% 50%;}
  .wrap-img-banner5 .banner-img>span{font-size:1.6rem;position:absolute;right:0;bottom:0;}
  .wrap-img-banner5 .banner-image{padding-bottom:70%;border-top-left-radius:6rem;border-bottom-right-radius:3rem;}
  .wrap-img-banner5 .banner-text{margin-top:2rem;padding-left:2rem;}
  .wrap-img-banner5 .banner-text p{font-size:1.8rem;line-height:2.5rem;}
  .wrap-img-banner5 .banner-content{margin-top:0.5rem;flex-direction:column;gap:0;}
  .wrap-img-banner5 .banner-content .banner-box{margin-top:1.5rem;}
  .wrap-img-banner5 .banner-box .banner-list{margin-top:0.5rem;}
}
/* [E] wrap-img-banner5 */

/* [S] wrap-img-banner6 */
.wrap-img-banner6 .banner-header{position:relative;}
.wrap-img-banner6 .banner-header::after{position:absolute;left:0;bottom:0;display:block;width:100%;height:41rem;background:url(../../images/guide/img-banner6-1-bg.jpg) no-repeat center center/cover;z-index:1;content:"";}
.wrap-img-banner6 .banner-top{position:relative;margin:0 auto;z-index:2;max-width:150rem;}
.wrap-img-banner6 .banner-image{overflow:hidden;position:relative;width:auto;height:auto;margin:0;padding-bottom:30%;background:none;border:none;font-family:inherit;font-size:inherit;line-height:inherit;text-align:inherit;color:inherit;text-indent:0;transform:none;transition:none;opacity:1;border-radius:3rem;}
.wrap-img-banner6 .banner-image img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;}
.wrap-img-banner6 .banner-top .banner-content{position:relative;display:flex;width:auto;height:auto;margin:0;padding:3.8rem 0 4.7rem;background:none;border:none;font-family:inherit;font-size:inherit;line-height:inherit;text-align:inherit;color:inherit;text-indent:0;transform:none;transition:none;opacity:1;flex-wrap:wrap;justify-content:space-between;align-items:center;}
.wrap-img-banner6 .banner-top .banner-content::before{position:absolute;top:-1.8rem;left:2.2rem;display:block;width:4rem;height:4rem;background:url(../../images/guide/ic-textdots1.png) no-repeat center center/cover;content:"";}
.wrap-img-banner6 .banner-top .banner-content h1{font-family:"sl";font-size:3.6rem;color:white;}
.wrap-img-banner6 .banner-top .banner-content h1 span{color:#8ddeff;}
.wrap-img-banner6 .banner-top .banner-content .btn-style1{padding-right:7.4rem;}
.wrap-img-banner6 .banner-contents{position:relative;margin:3.4rem auto;z-index:2;max-width:150rem;}
.wrap-img-banner6 .banner-contents .con-desc{color:#111111;}
.wrap-img-banner6 .banner-contents .number-box{margin-bottom:4.8rem;padding-top:1.1rem;padding-bottom:4.3rem;border-bottom:0.1rem solid #000;}
.wrap-img-banner6 .banner-contents .num-list li{position:relative;margin-bottom:1rem;padding-left:2.8rem;font-family:"sl";font-size:2rem;color:#222;}
.wrap-img-banner6 .banner-contents .num-list li:last-child{margin-bottom:0;}
.wrap-img-banner6 .banner-contents .num-list li .num{position:absolute;top:0.6rem;left:0;display:inline-block;width:1.7rem;height:1.7rem;background-color:#00508f;text-align:center;line-height:1.7rem;font-family:"pm";font-size:1rem;color:white;}

@media screen and (max-width:1800px) {
  .wrap-img-banner6 .banner-header::after {left: -2rem;width: calc(100% + 4rem)}
}

@media  screen and (max-width: 1600px) {
  .wrap-img-banner6 .banner-image {width: calc(100% - 4rem);margin: 0 auto;}
  .wrap-img-banner6 .banner-top .banner-content {padding: 3.8rem 2rem 4.7rem;}
}

@media screen and (max-width:1200px){
  .wrap-img-banner6 .banner-header::after{height:30rem;}
  .wrap-img-banner6 .banner-top .banner-content{flex-direction:column;align-items:flex-start;padding:3rem 2rem;gap:1rem;}
  .wrap-img-banner6 .banner-top .banner-content::before{top:-1rem; left:3rem; width: 2rem; height: 2rem;}
  .wrap-img-banner6 .banner-top .banner-content h1{font-size:3rem;}
}

@media screen and (max-width:768px){
  .wrap-img-banner6 .banner-image{padding-bottom:80%;}
  .wrap-img-banner6 .banner-top .banner-content h1{font-size:2.2rem;}
  .wrap-img-banner6 .banner-contents{margin:2rem auto;}
  .wrap-img-banner6 .banner-contents .number-box{padding:1rem 0 2rem;margin-bottom:2.5rem;}
  .wrap-img-banner6 .banner-contents .num-list li{font-size:1.6rem;}
  .wrap-img-banner6 .banner-contents .num-list li .num{top:0.3rem;}
}
/* [E] wrap-img-banner6 */ 

/* [S] wrap-img-banner7 */ 
.wrap-img-banner7 {margin-bottom: 6rem;}
.wrap-img-banner7 .banner-list ul{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6rem;}
.wrap-img-banner7 .banner-list li{width: calc((100% / 3) - 4rem);}
.wrap-img-banner7 .banner-list .banner-image{overflow:hidden;position:relative;border-radius:1rem;}
.wrap-img-banner7 .banner-list .banner-image img{width: 100%;}
.wrap-img-banner7 .banner-list .banner-image.no-img::after{content:"";overflow:unset;position:absolute;top:0;left:0;display:block;width:100%;height:100%;border:0.1rem solid #cccccc;border-radius:1rem;}
.wrap-img-banner7 .banner-list .banner-content{overflow:unset;position:relative;margin-top:2.8rem;border:0.2rem solid #dddddd;background:url(../../images/guide/img-banner7-bg.png) no-repeat right bottom;border-radius:1rem;}
.wrap-img-banner7 .banner-list .banner-content h1{overflow:unset;position:absolute;top:-1.6rem;right:1.8rem;z-index:2;padding:0 1rem;background-color:white;font-family:"sm";font-size:2.2rem;color:#000000;}
.wrap-img-banner7 .banner-list .banner-content h2{overflow:unset;position:relative;padding:2.1rem 2.3rem 1.4rem;font-family:"sl";font-size:1.8rem;color:#333333;}
.wrap-img-banner7 .banner-list .banner-content h2::after{content:"";overflow:unset;position:absolute;bottom:0;left:0;display:block;width:100%;height:0.1rem;background-color:#dddddd;}
.wrap-img-banner7 .banner-list .banner-cont{overflow:unset;padding:1.9rem 2.4rem 1.3rem;}
.wrap-img-banner7 .banner-list .banner-content dl{display:flex;flex-wrap:wrap;margin-bottom:0.7rem;}
.wrap-img-banner7 .banner-list .banner-content dl:last-child{margin-bottom:0;}
.wrap-img-banner7 .banner-list .banner-content dt{overflow:unset;position:relative;width:6.7rem;font-family:"psb";font-size:1.6rem;color:#00508f;}
.wrap-img-banner7 .banner-list .banner-content dt::after{content:"";overflow:unset;position:absolute;top:0.6rem;right:0;display:block;width:0.2rem;height:1rem;background-color:#00508f;}
.wrap-img-banner7 .banner-list .banner-content dd{overflow:unset;width:calc(100% - 6.7rem);padding-left:1.1rem;font-family:"pl";font-size:1.6rem;color:#111111;}

@media screen and (max-width: 1200px){
  .wrap-img-banner7 .banner-list ul{margin-top:-2rem;gap:0;}
  .wrap-img-banner7 .banner-list li{width:calc(50% - 1rem);flex:none;margin-top:2rem;}
}

@media screen and (max-width: 768px){
  .wrap-img-banner7 .banner-list li{width:100%;}
  .wrap-img-banner7 .banner-list .banner-content h1{top:-1.3rem;font-size:1.8rem;}
}
/* [E] wrap-img-banner7 */ 

/* [S] wrap-img-banner8 */
.wrap-img-banner8 {margin-bottom: 9.5rem;}
.wrap-img-banner8 .banner-image{position:relative;}
.wrap-img-banner8 .banner-main-image{overflow:hidden;position:relative;display:block;width:89.8%;padding-bottom:21%;border-top-right-radius:8rem;z-index:2;}
.wrap-img-banner8 .banner-main-image img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;}
.wrap-img-banner8 .banner-image::after{position:absolute;top:10%;right:0;display:block;width:28.51%;padding-bottom:20.53%;background:url(../../images/guide/img-banner8-bg.png) no-repeat center center/cover;z-index:1;content:"";}
.wrap-img-banner8 .banner-header-text-inner{position:absolute;top:5.3rem;left:50%;width:100%;text-align:center;z-index:2;transform:translateX(-50%);}
.wrap-img-banner8 .banner-header-text-box{display:inline-block;width:100%;padding-right:2.897%;max-width:150rem;}
.wrap-img-banner8 .banner-header-text{padding:17.17% 3.47% 6.44%;background:none;border:1px solid #dddddd;border-top-left-radius:6rem;border-bottom-right-radius:6rem;}
.wrap-img-banner8 .banner-header-text h1{font-family:"sm";font-size:4rem;text-align:right;color:#ffffff;}
.wrap-img-banner8 .banner-content{position:relative;margin:0 auto;margin-top:9.2rem;max-width:150rem;z-index:3;}
.wrap-img-banner8 .banner-link > ul{display:flex;margin:-2.7rem 0 0 -1.5rem;flex-wrap:wrap;align-items:center;}
.wrap-img-banner8 .banner-link > ul > li{display:flex;width:33.3333%;margin-top:2.7rem;padding:0 1.5rem;flex-wrap:wrap;justify-content:space-between;}
.wrap-img-banner8 .banner-link > ul > li > a{position:relative;padding-left:2.2rem;font-family:"sl";font-size:2.2rem;color:#111111;}
.wrap-img-banner8 .banner-link > ul > li > a:hover {color: #009e96;}
.wrap-img-banner8 .banner-link > ul > li > a::before{position:absolute;top:1rem;left:0;width:0.6rem;height:0.6rem;background-color:#555555;border-radius:50%;display:block;content:"";}
.wrap-img-banner8 .banner-link > ul > li > ul{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;}
.wrap-img-banner8 .banner-link > ul > li > ul > li{margin-right:3rem;}
.wrap-img-banner8 .banner-link > ul > li > ul > li:last-child{margin-right:0;}
.wrap-img-banner8 .banner-link > ul > li ul a{display:block;width:2rem;height:2rem;font-size:0;background-repeat:no-repeat;background-position:center center;background-size: cover;}
.wrap-img-banner8 .banner-link > ul > li ul a.home-link{background-image:url(../../images/guide/ic-banner8-home.png);}
.wrap-img-banner8 .banner-link > ul > li ul a.home-link:hover{background-image:url(../../images/guide/ic-banner8-home-hover.png);} 
.wrap-img-banner8 .banner-link > ul > li ul a.page-link{background-image:url(../../images/guide/ic-banner8-page.png);}
.wrap-img-banner8 .banner-link > ul > li ul a.page-link:hover{background-image:url(../../images/guide/ic-banner8-page-hover.png);}

/*
.wrap-img-banner8 .banner-link > ul > li:hover p {color: #009e96;}
.wrap-img-banner8 .banner-link > ul > li:hover p::before {background-color: #009e96;}
.wrap-img-banner8 .banner-link > ul > li:hover a.home-link{background-image:url(../../images/guide/ic-banner8-home-hover.png);}
.wrap-img-banner8 .banner-link > ul > li:hover a.page-link{background-image:url(../../images/guide/ic-banner8-page-hover.png);}
*/

@media screen and (max-width:1800px){
  .wrap-img-banner8 .banner-image {left: -2rem;}
  .wrap-img-banner8 .banner-image::after {width:calc(28.51% + 2rem);right: -2rem;}
  .wrap-img-banner8 .banner-main-image{width: calc(89.8% + 2rem);padding-bottom:25%;}
  .wrap-img-banner8 .banner-header-text-inner{padding:0 2rem;text-align:left;}
  .wrap-img-banner8 .banner-header-text-box{width:92%;}
}

@media screen and (max-width:1450px){
  .wrap-img-banner8 .banner-link > ul > li > a {max-width: 28rem;}
}


@media screen and (max-width:1200px){
  .wrap-img-banner8 .banner-image::after {display: none;}
  .wrap-img-banner8 .banner-main-image{width:calc(100% + 2rem);}
  .wrap-img-banner8 .banner-header-text-box{width:104%;}
  .wrap-img-banner8 .banner-header-text{padding:13% 2% 7%;}
  .wrap-img-banner8 .banner-header-text h1{font-size:3rem;}
  .wrap-img-banner8 .banner-link > ul{margin:-2.7rem -1.5rem 0;}
  .wrap-img-banner8 .banner-link > ul > li{width:50%;}
  .wrap-img-banner8 .banner-link > ul > li > a {max-width: 100%;} 
}



@media screen and (max-width:900px){
  .wrap-img-banner8 {margin-bottom: 6rem;}
  .wrap-img-banner8 .banner-main-image{padding-bottom:50%;border-top-right-radius:3rem;}
  .wrap-img-banner8 .banner-image::after{width: calc(98% + 2rem);padding-bottom:48%;}
  .wrap-img-banner8 .banner-header-text{padding:32% 7.5% 10% 9%;border-top-left-radius:2rem;border-bottom-right-radius:2rem;}
  .wrap-img-banner8 .banner-header-text h1{font-size:4vw;}
  .wrap-img-banner8 .banner-content{margin-top:5rem;}
  .wrap-img-banner8 .banner-link > ul{margin:-1.5rem -1.5rem 0;}
  .wrap-img-banner8 .banner-link > ul > li{width:100%;margin-top:1.5rem;}
  .wrap-img-banner8 .banner-link > ul > li > a{font-size:1.8rem;}
  .wrap-img-banner8 .banner-link > ul > li > a::before{top:0.8rem;}
}

@media screen and (max-width:500px){
  .wrap-img-banner8 .banner-header-text h1{font-size:2rem;}
  .wrap-img-banner8 .banner-header-text-inner {top: 4rem;}
}


/* 가이드에서만 다르게 보이게 */
#menu139_obj182 .wrap-img-banner8 .banner-main-image{padding-bottom:25%;}
#menu139_obj182 .wrap-img-banner8 .banner-header-text-inner{left: 48%;}
#menu139_obj182 .wrap-img-banner8 .banner-header-text-box{width:85%;}

#menu138_obj110 .icon-box {align-items: flex-start;}
#menu138_obj110 .icon-box img:nth-child(1) {width: 6.1rem;}
#menu138_obj110 .icon-box img:nth-child(2) {width: 4.5rem;}
#menu138_obj110 .icon-box img:nth-child(3) {width: 6.3rem;}
#menu138_obj110 .icon-box img:nth-child(4) {width: 4.9rem;}
#menu138_obj110 .icon-box img:nth-child(5) {width: 4.3rem;}
#menu138_obj110 .icon-box img:nth-child(6) {width: 4.6rem;}
#menu138_obj110 .icon-box img:nth-child(7) {width: 4.7rem;}
#menu138_obj110 .icon-box img:nth-child(8) {width: 5.2rem;}
#menu138_obj110 .icon-box img:nth-child(9) {width: 6.4rem;}
#menu138_obj110 .icon-box img:nth-child(10) {width: 5.5rem;}
#menu138_obj110 .icon-box img:nth-child(11) {width: 5.55rem;}
#menu138_obj110 .icon-box img:nth-child(12) {width: 6rem;}
#menu138_obj110 .icon-box img:nth-child(13) {width: 4.4rem;}

#menu138_obj127 .icon-box img:nth-child(1) {width: 5.7rem;}
#menu138_obj127 .icon-box img:nth-child(2) {width: 3.8rem;}
#menu138_obj127 .icon-box img:nth-child(3) {width: 3.9rem;}
#menu138_obj127 .icon-box img:nth-child(4) {width: 5rem;}
#menu138_obj127 .icon-box img:nth-child(5) {width: 4rem;}
#menu138_obj127 .icon-box img:nth-child(6) {width: 4.4rem;}
#menu138_obj127 .icon-box img:nth-child(7) {width: 5.4rem;}
#menu138_obj127 .icon-box img:nth-child(8) {width: 6.1rem;}
#menu138_obj127 .icon-box img:nth-child(9) {width: 5rem;}
#menu138_obj127 .icon-box img:nth-child(10) {width: 4.1rem;}
#menu138_obj127 .icon-box img:nth-child(11) {width: 4.2rem;}
#menu138_obj127 .icon-box img:nth-child(12) {width: 7.2rem;}
#menu138_obj127 .icon-box img:nth-child(13) {width: 5.1rem;}
#menu138_obj127 .icon-box img:nth-child(14) {width: 4.2rem;}

@media screen and (max-width: 1200px) {
  #menu139_obj182 .wrap-img-banner8 .banner-header-text-inner{padding:0 2rem;text-align:left; left: 50%;}
  #menu139_obj182 .wrap-img-banner8 .banner-header-text-box{width:100%;}
}

@media screen and (max-width: 768px) {
  #menu139_obj182 .wrap-img-banner8 .banner-main-image{padding-bottom:50%;}
}

/* [E] wrap-img-banner8 */ 

/* [S] wrap-img-banner9 */ 
.wrap-img-banner9 .frame{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;}
.wrap-img-banner9 .banner-slider{overflow:hidden;position:relative;display:block;width:46.67%;border-radius:1rem;}
.wrap-img-banner9 .banner-slider::after{content:""; display: block; position: absolute; right: 0; bottom: 0; width: 20%; background-color: rgba(0,0,0,.5); height: 6rem; z-index: 2;}
.wrap-img-banner9 .banner-slider .swiper-slide{position:relative;}
.wrap-img-banner9 .banner-slider .swiper-slide img{width:100%;}
.wrap-img-banner9 .banner-slider .text-swiper{width: 80%; position: absolute; left: 0; bottom: 0; overflow: hidden;}
.wrap-img-banner9 .banner-slider .swiper-pagination{position:absolute;bottom:2.4rem;left:auto;right:3.5rem;display:flex;flex-wrap:wrap;align-items:center;width:auto;}
.wrap-img-banner9 .banner-slider .swiper-pagination .swiper-pagination-bullet{display:block;width:1rem;height:1rem;background-color:#a4a4a4;opacity:1;margin:0 .5rem;}
.wrap-img-banner9 .banner-slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:#009e96;}
.wrap-img-banner9 .banner-slider .swiper-text{padding:1.65rem 4rem; background-color:rgba(0,0,0,.5);}
.wrap-img-banner9 .banner-slider .swiper-text p{font-family:"psb";font-size:1.8rem;color:#ffffff;}
.wrap-img-banner9 .banner-slider .swiper-button-prev,
.wrap-img-banner9 .banner-slider .swiper-button-next{width:6rem;height:6rem;margin-top:-3rem;background:none;background-repeat:no-repeat;background-position:center center;background-color:rgba(0,0,0,.3);border:.2rem solid #ffffff;border-radius:50%;}
.wrap-img-banner9 .banner-slider .swiper-button-prev:hover,
.wrap-img-banner9 .banner-slider .swiper-button-next:hover{border:2px solid #aadf35;}
.wrap-img-banner9 .banner-slider .swiper-button-prev{left:3rem;background-image:url(../../images/guide/btn-banner9-prev.png);}
.wrap-img-banner9 .banner-slider .swiper-button-prev:hover{background-image:url(../../images/guide/btn-banner9-prev-hover.png);}
.wrap-img-banner9 .banner-slider .swiper-button-next{right:3rem;background-image:url(../../images/guide/btn-banner9-next.png);}
.wrap-img-banner9 .banner-slider .swiper-button-next:hover{background-image:url(../../images/guide/btn-banner9-next-hover.png);}
.wrap-img-banner9 .banner-content{width:53.33%;padding-left:6rem;padding-top:2.2rem;}
.wrap-img-banner9 .banner-content .banner-title h1{font-family:"sm";font-size:3rem;padding-left:4.8rem;color:#00508f;background:url(../../images/guide/ic-bus.png) no-repeat left top .3rem;}
.wrap-img-banner9 .banner-content .banner-content-text{margin-top:1.5rem;}
.wrap-img-banner9 .banner-content .banner-content-text > ul{display:flex;flex-wrap:wrap;border:.5rem solid #edf3f8;border-radius:1rem;}
.wrap-img-banner9 .banner-content .banner-content-text > ul > li{position:relative;flex:1;padding:2.6rem 3.5rem 3.2rem 3rem;}
.wrap-img-banner9 .banner-content .banner-content-text > ul > li::after{position:absolute;top:2.5rem;right:0;width:1px;height:calc(100% - 5rem);background-color:#b2cadd;display:block;content:"";}
.wrap-img-banner9 .banner-content .banner-content-text > ul > li:last-child::after{display:none;}
.wrap-img-banner9 .banner-content .banner-content-text > ul > li p{font-family:"pb";font-size:1.8rem;text-align:center;color:#222222;}
.wrap-img-banner9 .banner-content .banner-content-text > ul > li p span{display:inline-block;width:5rem;margin-right:1.3rem;padding:.2rem 0;font-size:1.4rem;text-align:center;color:#ffffff;}
.wrap-img-banner9 .banner-content .banner-content-text > ul > li p span.type1{background-color:#80ba00;}
.wrap-img-banner9 .banner-content .banner-content-text > ul > li p span.type2{background-color:#009e96;}
.wrap-img-banner9 .banner-content .banner-content-text > ul > li h2{font-family:"pr";font-size:1.8rem;text-align:center;margin-top:1.5rem;padding:2.15rem 0;color:#222222;background-color:#f5f5f5;border-radius:.5rem;}
.wrap-img-banner9 .banner-content .banner-sub-text{display:flex;flex-wrap:wrap;margin-top:2.5rem;}
.wrap-img-banner9 .banner-content .banner-sub-text h2{font-family:"psb";font-size:2rem;width:15.2rem;margin-bottom:0;color:#111111;}

@media screen and (max-width:1200px){
  .wrap-img-banner9 .banner-slider{width:100%;}
  .wrap-img-banner9 .banner-content{width:100%;padding-left:0;padding-top:3rem;}
}
@media screen and (max-width:768px){
  .wrap-img-banner9 .banner-slider::after{height: 4.1rem;}
  .wrap-img-banner9 .banner-slider .swiper-text{padding:1rem 2rem;}
  .wrap-img-banner9 .banner-slider .swiper-text p{font-size:1.4rem;}
  .wrap-img-banner9 .banner-slider .swiper-pagination{right:2rem;bottom:1.6rem;}
  .wrap-img-banner9 .banner-slider .swiper-button-prev,
  .wrap-img-banner9 .banner-slider .swiper-button-next{width:4rem;height:4rem;margin-top:-2rem;}
  .wrap-img-banner9 .banner-content .banner-title h1{font-size:2.5rem;background-position:left top;}
  .wrap-img-banner9 .banner-content .banner-content-text > ul > li{flex:none;width:100%;padding:2rem 3rem;}
  .wrap-img-banner9 .banner-content .banner-content-text > ul > li::after{top:auto;bottom:0;right:1rem;width:calc(100% - 2rem);height:1px;}
  .wrap-img-banner9 .banner-content .banner-content-text > ul > li h2{font-size:1.6rem;padding:1.5rem 0;}
  .wrap-img-banner9 .banner-content .banner-sub-text{flex-direction:column;}
  .wrap-img-banner9 .banner-content .banner-sub-text h2{margin-bottom:1rem;}
}
/* [E] wrap-img-banner9 */ 

/* [S] wrap-img-banner10 */ 
.wrap-img-banner10 .frame{position:relative;padding:0 0 5rem;}
.wrap-img-banner10 .frame::before{position:absolute;left:0;bottom:0;display:block;width:100%;height:76.86%;background-color:#f7f7f7;z-index:-1;content:"";}
.wrap-img-banner10 .banner-top{position:relative;margin:0 auto;max-width:150rem;}
.wrap-img-banner10 .banner-top-image{position:relative;padding-bottom:36.7%;}
.wrap-img-banner10 .banner-top-image img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;}
.wrap-img-banner10 .banner-top-text{position:absolute;left:5rem;bottom:-3.3rem;z-index:2;}
.wrap-img-banner10 .banner-top-text::before{position:absolute;top:-2rem;left:5rem;display:block;width:4rem;height:4rem;background:url(../../images/guide/ic-textdots1.png) no-repeat center center/cover;z-index:3;content:"";}
.wrap-img-banner10 .banner-top-text::after{position:absolute;bottom:-2.5rem;right:-3rem;display:block;width:98.53%;height:42.2%;background:url(../../images/guide/bg-pattern2.png);z-index:1;content:"";}
.wrap-img-banner10 .banner-top-textbox{position:relative;width:67rem;padding:4.7rem 5rem 4rem;background-color:rgba(0,111,198,1);border-radius:2rem;z-index:2;}
.wrap-img-banner10 .banner-top-text h1{font-family:"sm";font-size:5.5rem;line-height:7rem;color:#ffffff;}
.wrap-img-banner10 .banner-top-text h1::after{position:absolute;top:3rem;right:2.2rem;display:block;width:9.4rem;height:6.6rem;background:url(../../images/guide/ic-textdots2.png) no-repeat center center/cover;content:"";}
.wrap-img-banner10 .banner-sub-text{position:relative;display:flex;margin-top:2.9rem;padding-top:1rem;align-items:end;flex-wrap:wrap;}
.wrap-img-banner10 .banner-sub-text::before{position:absolute;top:0;left:0;display:block;width:3rem;height:0.3rem;background-color:#88b8de;content:"";}
.wrap-img-banner10 .banner-sub-text span{position:relative;top:-0.3rem;display:inline-block;margin-right:1.8rem;font-family:"sl";font-size:1.8rem;color:#ffffff;}
.wrap-img-banner10 .banner-sub-text h2{font-family:"sm";font-size:2.5rem;color:#ffffff;}
.wrap-img-banner10 .banner-bottom{margin:0 auto;margin-top:10.6rem;max-width:150rem;}
.wrap-img-banner10 .banner-bottom-right{display:flex;text-align:right;align-items:center;justify-content:end;gap:3rem;}
.wrap-img-banner10 .banner-bottom-right span{font-size:2.2rem;color:#004c88;}
.wrap-img-banner10 .banner-bottom-right span b{font-family:"pb";font-weight:normal;}

@media screen and (max-width:1800px){
  .wrap-img-banner10 .frame::before {left: -2rem;width: calc(100% + 4rem);}
}
@media screen and (max-width:1540px){
  .wrap-img-banner10 .banner-top,
  .wrap-img-banner10 .banner-bottom{padding:0 2rem;}
}
@media screen and (max-width:1200px){
  .wrap-img-banner10 .banner-top-text{left:3rem;bottom:-2rem;}
  .wrap-img-banner10 .banner-top-text::after{display: none;}
  .wrap-img-banner10 .banner-top-textbox{width:50rem;}
  .wrap-img-banner10 .banner-bottom{margin-top:8rem;}
  .wrap-img-banner10 .banner-top-text h1{font-size:4rem;line-height:5rem;}
  .wrap-img-banner10 .banner-sub-text{margin-top:1.5rem;}
}
@media screen and (max-width:768px){
  .wrap-img-banner10 .banner-top,
  .wrap-img-banner10 .banner-bottom{padding: 0;}
  .wrap-img-banner10 .banner-top-image{padding-bottom:100%;}
  .wrap-img-banner10 .banner-top-image img{object-position: 95% 50%;}
  .wrap-img-banner10 .frame::before{height: 87%;}
  .wrap-img-banner10 .banner-top-text{position:relative;left:0;bottom:0;margin-top:-10rem;}
  .wrap-img-banner10 .banner-top-text h1::after{top:1.5rem;right:1rem;width:4.5rem;height:3.2rem;}
  .wrap-img-banner10 .banner-top-text::before{top:-1rem;width:2rem;height:2rem;}
  .wrap-img-banner10 .banner-top-textbox{width:100%;border-top-right-radius:0;border-bottom-left-radius:0;padding:2rem 3rem;}
  .wrap-img-banner10 .banner-top-text h1{font-size:2rem;line-height:3rem;}
  .wrap-img-banner10 .banner-sub-text span{font-size:1.4rem;}
  .wrap-img-banner10 .banner-sub-text h2{font-size:2rem;}
  .wrap-img-banner10 .banner-bottom{margin-top:4rem;padding:0 2rem;}
  .wrap-img-banner10 .banner-bottom-right span{font-size: 1.6rem;}
}

/* [E] wrap-img-banner10 */

/*[S] wrap-img-banner11 */
.wrap-img-banner11 {position: relative;padding: 4.5rem 0 0;margin-bottom: 7rem;}
.wrap-img-banner11::before {content: '';position: absolute;left: 0;top: 0;width: 39.3%;height: 60rem;background: #00508f url(../../images/guide/img-banner11-deco3.png) no-repeat left top / 22.3rem;border-radius: 0 6rem 0 0;}
.wrap-img-banner11 .frame {position: relative;display: flex;justify-content: space-between;width: 100%;max-width: 150rem;margin: 0 auto;gap: 6rem;}
.wrap-img-banner11 .banner-image {width: 73rem;}
.wrap-img-banner11 .banner-image .img-box {position: relative;min-width: 43rem;}
.wrap-img-banner11 .banner-image .img-box img {width: 100%;border-radius: 20rem 0 0 0;}
.wrap-img-banner11 .banner-image .bottom {position: relative;display: flex;justify-content: space-between;align-items: center;;padding: 2.9rem 2.5rem;background: #f5f5f5;}
.wrap-img-banner11 .banner-image .bottom > div {margin-right: 2rem;}
.wrap-img-banner11 .banner-image .bottom strong {position: relative;margin-right: .9rem;padding: 0 1.3rem 0 3.5rem;font-size: 2rem;color: #00a5e3;font-family: sm;}
.wrap-img-banner11 .banner-image .bottom strong::before {content: "";position: absolute;left: 0;top: -.4rem;width: 2.6rem;height: 2.6rem;background: url(../../images/guide/ic-banner11-cal.png) no-repeat center / contain;}
.wrap-img-banner11 .banner-image .bottom strong::after {content: "";position: absolute;right: 0;top: .2rem;height: 1.5rem;width: 2px;background: #c0c0c0;}
.wrap-img-banner11 .banner-image .bottom span {font-size: 2rem;color: #444;font-family: pr;}

.wrap-img-banner11 .banner-content {width: 76.5rem;padding-top: 2.2rem;}
.wrap-img-banner11 .banner-content .sub-tit {margin-bottom: .5rem;font-size: 3.2rem;color: #006fc6;font-family: sl;line-height: 1.25;}
.wrap-img-banner11 .banner-content .tit {position: relative;display: block;padding-bottom: 1.7rem;margin-bottom: 2rem;font-size: 6rem;color: #111;font-family: sm;line-height: 1.25;}
.wrap-img-banner11 .banner-content .tit::before {content: "";position: absolute;left: 0;bottom: 0;width: 4rem;;height: 3px;background: #000;}
.wrap-img-banner11 .banner-content .desc em {display: block;margin-bottom: 1rem;font-size: 2.6rem;font-family: pb;color: #111;}
.wrap-img-banner11 .banner-content .desc p {font-size: 1.8rem;font-family: p4;color: #444;line-height: 1.65;}
.wrap-img-banner11 .banner-content .desc p i {display: block;height: 3rem;}

@media screen and (max-width: 1800px) {
  .wrap-img-banner11::before {left: -2rem;width: calc(39.3% + 2rem);background-size: 35%;}
}

@media screen and (max-width: 1600px) {
  .wrap-img-banner11::before {max-height: 38vw;}
}

@media screen and (max-width: 1650px) {
  .wrap-img-banner11 {padding: 4.5rem 0 0 4rem;}
}

@media screen and (max-width: 1300px) {
  .wrap-img-banner11::before {max-height: 43vw;}
  .wrap-img-banner11 .banner-image .bottom {flex-direction: column;align-items: flex-start;}
  .wrap-img-banner11 .banner-image .bottom a {margin-top: 1.5rem;}
  .wrap-img-banner11 .banner-content {padding-top: 1.6rem;}
  .wrap-img-banner11 .banner-content .desc p br {display: none;}
}

@media screen and (max-width: 1200px) {
  .wrap-img-banner11 {margin-bottom: 5rem;}
  .wrap-img-banner11 .frame {gap: 4rem;}
  .wrap-img-banner11 .banner-image .bottom {padding: 2.5rem 2rem;}
  .wrap-img-banner11 .banner-image .img-box img  {border-radius: 15rem 0 0 0;}
  .wrap-img-banner11 .banner-image .bottom strong {margin-right: .6rem;padding: 0 1.2rem 0 3.3rem;font-size: 1.8rem;}
  .wrap-img-banner11 .banner-image .bottom strong::before {content :"";width: 2.4rem;height: 2.4rem;}
  .wrap-img-banner11 .banner-image .bottom strong::after {height: 1.3rem;}
  .wrap-img-banner11 .banner-image .bottom span {display: inline-block;font-size: 1.8rem;}
  .wrap-img-banner11 .banner-content .sub-tit {font-size: 2.6rem;}
  .wrap-img-banner11 .banner-content .tit {font-size: 4.7rem;}
  .wrap-img-banner11 .banner-content .desc em {font-size: 2.2rem;}
  .wrap-img-banner11 .banner-content .desc p {font-size: 1.7rem;}
}

@media screen and (max-width: 1024px) {
  .wrap-img-banner11 .banner-content .desc p {padding-right: 0;}
}

@media screen and (max-width: 950px) {
  .wrap-img-banner11 {padding: 6.8% 0 0;} 
  .wrap-img-banner11 .frame {gap: 0;}
  .wrap-img-banner11::before {width: calc(82% + 2rem);height: 100%;max-height: 83.5vw;}
  .wrap-img-banner11 > .frame {flex-direction: column;}
  .wrap-img-banner11 .banner-image {width: 100%;}
  .wrap-img-banner11 .banner-image .img-box {max-width: 100%;}
  .wrap-img-banner11 .banner-image .img-box img  {border-radius: 15rem 0 0 0;}
  .wrap-img-banner11 .banner-content {width: 100%;padding-top: 3.4rem;}
}

@media screen and (max-width: 768px) {
  .wrap-img-banner11::before {background-size: 38%;}
  .wrap-img-banner11 .banner-image {width: 100%;margin-bottom: .8rem;}
  .wrap-img-banner11 .banner-image .bottom strong {padding: 0 1.2rem 0 3rem;font-size: 1.7rem;}
  .wrap-img-banner11 .banner-image .bottom span {font-size: 1.7rem;}
  .wrap-img-banner11 .banner-content {width: 100%;padding-top: 2.2rem;}
  .wrap-img-banner11 .banner-content .sub-tit {margin-bottom: .7rem;font-size: 2rem;}
  .wrap-img-banner11 .banner-content .tit {padding-bottom: 1.4rem;margin-bottom: 1.7rem;font-size: 3.1rem;}
  .wrap-img-banner11 .banner-content .tit::before {width: 3.4rem;}
  .wrap-img-banner11 .banner-content .desc em {margin-bottom: .7rem;font-size: 1.8rem;}
  .wrap-img-banner11 .banner-content .desc p {font-size: 1.6rem;line-height: 1.5;}
  .wrap-img-banner11 .banner-content .desc p i {display: block;height: 2rem;}
}

/*[E] wrap-img-banner11 */

/* [S] wrap-img-banner12 */ 
.wrap-img-banner12 {background-image: url(../../images/guide/img-banner11-deco1.png), url(../../images/guide/img-banner11-deco2.png);background-position: left bottom -32rem, right top;background-repeat: no-repeat, no-repeat;background-color: #f0f8fb;background-size: 50.1rem, 23.3rem;}
.wrap-img-banner12 .frame {display:flex;justify-content:space-between;max-width: 150rem;margin: 0 auto;}
.wrap-img-banner12 .banner-slider {overflow:hidden;position:relative;display:block;align-self: center;width: 50%;}
.wrap-img-banner12 .banner-slider .swiper-slide{position:relative;}
.wrap-img-banner12 .banner-slider .swiper-slide img{width:100%;}
.wrap-img-banner12 .banner-slider .text-swiper{width: 80%; position: absolute; left: 0; bottom: 0; overflow: hidden;}
.wrap-img-banner12 .banner-slider .swiper-pagination{position:absolute;bottom:1.5rem;left:auto;left: 50%;transform: translateX(-50%);display:flex;flex-wrap:wrap;align-items:center;width:auto;padding: .7rem .8rem;background-color: rgba(0,0,0,.5);border-radius: 1rem;}
.wrap-img-banner12 .banner-slider .swiper-pagination .swiper-pagination-bullet{display:block;width:.6rem;height:.6rem;background-color:#c2c2c2;opacity:1;margin:0 .25rem;}
.wrap-img-banner12 .banner-slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:#a4e020}
.wrap-img-banner12 .banner-slider .swiper-text{padding:1.65rem 4rem; background-color:rgba(0,0,0,.5);}
.wrap-img-banner12 .banner-slider .swiper-text p{font-family:"psb";font-size:1.8rem;color:#ffffff;}
.wrap-img-banner12 .banner-slider .swiper-button-prev,
.wrap-img-banner12 .banner-slider .swiper-button-next{width:6rem;height:6rem;margin-top:-3rem;background:none;background-repeat:no-repeat;background-position:center center;background-color:rgba(0,0,0,.3);border:.2rem solid #ffffff;border-radius:50%;}
.wrap-img-banner12 .banner-slider .swiper-button-prev:hover,
.wrap-img-banner12 .banner-slider .swiper-button-next:hover{border:2px solid #aadf35;}
.wrap-img-banner12 .banner-slider .swiper-button-prev{left:3rem;background-image:url(../../images/guide/btn-banner9-prev.png);}
.wrap-img-banner12 .banner-slider .swiper-button-prev:hover{background-image:url(../../images/guide/btn-banner9-prev-hover.png);}
.wrap-img-banner12 .banner-slider .swiper-button-prev::after {display: none;}
.wrap-img-banner12 .banner-slider .swiper-button-next{right:3rem;background-image:url(../../images/guide/btn-banner9-next.png);}
.wrap-img-banner12 .banner-slider .swiper-button-next:hover{background-image:url(../../images/guide/btn-banner9-next-hover.png);}
.wrap-img-banner12 .banner-slider .swiper-button-next::after {display: none;}
.wrap-img-banner12 .banner-content {width: 50%;padding: 4.8rem 6rem 4.8rem 0;}
.wrap-img-banner12 .banner-content .tit {position: relative;display: block;margin-bottom: 1.5rem;padding-left: 2rem;font-size: 2.6rem;color: #0f2f5b;font-family: sm; }
.wrap-img-banner12 .banner-content .tit::before {content:'';position:absolute;left:0;top:0.6rem;width:0.9rem;height:2.2rem;background:url(../../images/guide/ic-h2.png) no-repeat center;}
.wrap-img-banner12 .banner-content .desc {min-height: 25rem;font-size: 1.8rem;color: #444;font-family: 'pr';line-height: 1.65;}
.wrap-img-banner12 .banner-content .desc i {display: block;height: 1rem;}

@media screen and (max-width: 1800px) {
  .wrap-img-banner12 {background-size: 43rem, 20rem;}
}

@media screen and (max-width: 1650px) {
  .wrap-img-banner12 .frame {padding-right: 4rem;}
  .wrap-img-banner12 .banner-slider {margin: 4rem 0;}
  .wrap-img-banner12 .banner-content {padding: 4.8rem 5rem 4.8rem 4rem;}
}

@media screen and (max-width: 1200px) {
  .wrap-img-banner12 .banner-content {padding: 4.8rem 3rem 4.8rem 4rem;}
}

@media screen and (max-width: 950px){
  .wrap-img-banner12 {background-size: 30rem, 20rem;background-image: none;}
  .wrap-img-banner12 .frame {padding-right: 0;flex-direction: column-reverse;gap: 3.5rem}
  .wrap-img-banner12 .banner-slider {margin: 0;}
  .wrap-img-banner12 .banner-content  {width: 100%;padding: 0 2rem 6rem;}
  .wrap-img-banner12 .banner-content .tit {margin-bottom: 1rem;}
  .wrap-img-banner12 .banner-content .desc  {min-height: auto;}
  .wrap-img-banner12 .banner-slider {width: 100%;}
}

@media screen and (max-width:768px){
  .wrap-img-banner12 .frame {gap: 2.5rem;}
  .wrap-img-banner12 .banner-content {padding: 0 2rem 3rem;}
  .wrap-img-banner12 .banner-content .tit {margin-bottom: 1rem;padding-left: 1.7rem;font-size: 2.2rem;}
  .wrap-img-banner12 .banner-content .tit::before {top: 0.5rem;width: 0.7rem;height: 2rem;}
  .wrap-img-banner12 .banner-content .desc {font-size: 1.6rem;line-height: 1.6;}
  .wrap-img-banner12 .banner-slider .swiper-button-prev,
  .wrap-img-banner12 .banner-slider .swiper-button-next{width:4rem;height:4rem;margin-top:-2rem;}
}
/* [E] wrap-img-banner12 */

/* [S] 게시판 디자인 공통*/
@media screen and (max-width: 1100px) {
  ._paging ._pageState span {font-size: 2rem;font-family: pr;}
}
/* [E] 게시판 디자인 공통*/