/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

@charset "UTF-8";
/*****************************************************/
/* shurink */
.shuk_list {background-repeat: no-repeat; background-position: center center; background-size: cover;}
.shuk_list .ds-tit > h5 {font-size: 49px; letter-spacing: -1.96px; font-weight: bold;}
.shuk_list .ds-tit > span {font-size: 22px; font-weight: 300;}

/* shuk_list1,  */
.shuk_list1 {line-height: 1; font-size: 0;}
.shuk_list1 > img {width:100%;}

/* shuk_list2 */
.shuk_list2 {padding:84px 0 74px; background-color:#000; text-align: center;}
.shuk_list2 .cont-tit span {color: #d9d9d9; font-size: 24px; font-weight: 300; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 8px; letter-spacing: -1px;}
.shuk_list2 .cont-tit h5 {color: #61C9FF; font-size: 60px; font-weight: bold; line-height: 1.304;}

/* shuk_list3 */
.shuk_list3 {background-image: url('/imges/package/branch/T00048/pc_03_bg.jpg'); background-color: #393a3c; width: 100%; text-align: center;}
.shuk_list3 {height:712px;}
.shuk_list3 .logo {padding:140px 0 80px;}
.shuk_list3 ul {max-width:825px; margin:0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; gap:30px;}
.shuk_list3 ul > li {width:calc((100% - 90px) / 4);}
.shuk_list3 li p {width:156px; height:156px; margin:0 auto; padding-top: 46px; border-radius:50em; border:3px solid #64CAFF; color:#fff; font-size:23px; line-height:30px;}
.shuk_list3 li span {padding-top: 70px; display:block; position:relative; color:#fff; font-size:20px; line-height:25px; font-weight: 100;}
.shuk_list3 li span::before {content:''; display:block; width:27px; height:2px; position:absolute; background-color:#1BB1FF; top: 40px; left:50%; -webkit-transform: translatex(-50%); -ms-transform: translatex(-50%); transform: translatex(-50%);}

/* shuk_list4 */
.shuk_list4 {padding:160px 0 220px; background-color:#F2F2F2; text-align: center; font-size:19px;}
.shuk_list4 .cont-wrap .tit {margin:60px auto;}
.shuk_list4 .cont-wrap ul {width:1000px; margin:0 auto;}
.shuk_list4 .cont-wrap .cir {display: -webkit-box; display: -ms-flexbox; display: flex; position:relative;}
.shuk_list4 .cont-wrap .cir::after {content:''; display:block; width:100%; height:1px; border-radius: 50em; position:absolute; background-color:#AFAFAF; top: 168px; left:50%; -webkit-transform: translatex(-50%); -ms-transform: translatex(-50%); transform: translatex(-50%);}
.shuk_list4 .cont-wrap .cir p {width:20%;}
.shuk_list4 .cont-wrap .mm {display: -webkit-box; display: -ms-flexbox; display: flex; font-weight: 600; font-size:17px;}
.shuk_list4 .cont-wrap .mm span {padding-top:40px; display:block; width:20%; position:relative;}
.shuk_list4 .mm span:nth-child(1) {color:#00AFAA;}
.shuk_list4 .mm span:nth-child(2) {color:#E51E95;}
.shuk_list4 .mm span:nth-child(3) {color:#858786;}
.shuk_list4 .mm span:nth-child(4) {color:#858786;}
.shuk_list4 .mm span:nth-child(5) {color:#C79210;}
.shuk_list4 .mm span:nth-child(6) {color:#011689;}
.shuk_list4 .cont-wrap .mm span::before {content:''; display:block; width:8px; height:8px; border-radius: 50em; position:absolute; background-color:#1BB1FF; top: 20px; left:50%; -webkit-transform: translatex(-50%); -ms-transform: translatex(-50%); transform: translatex(-50%);}
.shuk_list4 .mm span:nth-child(1)::before {background-color:#00AFAA;}
.shuk_list4 .mm span:nth-child(2)::before {background-color:#E51E95;}
.shuk_list4 .mm span:nth-child(3)::before {background-color:#858786;}
.shuk_list4 .mm span:nth-child(4)::before {background-color:#858786;}
.shuk_list4 .mm span:nth-child(5)::before {background-color:#C79210;}
.shuk_list4 .mm span:nth-child(6)::before {background-color:#011689;}
.shuk_list4 .cont-wrap .desc {padding-top:35px; display: -webkit-box; display: -ms-flexbox; display: flex;}
.shuk_list4 .cont-wrap .desc span {display:block; width:20%; font-size: 20px; line-height: 1.35; letter-spacing: -1.25px;}
.shuk_list4 .cont-wrap .desc span:nth-child(1) {color:#00AFAA;}
.shuk_list4 .cont-wrap .desc span:nth-child(2) {color:#E51E95;}
.shuk_list4 .cont-wrap .desc span:nth-child(3) {width:40%; color:#858786;}
.shuk_list4 .cont-wrap .desc span:nth-child(4) {color:#C79210;}
.shuk_list4 .cont-wrap .desc span:nth-child(5) {color:#011689;}
.shuk_list4 .cont-wrap p {margin:0 auto; text-align: center;}
.shuk_list4 .cont-wrap .img img {width:100%;}
.shuk_list4 .tit_c {background-color:#fff;}

/* 4번에 두번째 세번째 영역 제목 공통작업 */
.shuk_list4 .tit_c .tit {width: 300px; height: 60px; line-height: 60px; margin: 60px auto; color: #fff; font-size: 20px; font-weight: 700; background-color:#00C9DC;}


/* shuk_list5 */
.shuk_list5 {padding:113px 0 139px; text-align: center; background-image: url('/imges/package/branch/T00048/pc_05_bg.jpg');}
.shuk_list5 span {margin:9.7px 0;}
.shuk_list5 .txt {font-size: 26px; line-height: 1.304; color:#fff;}

/* shuk_list6 */
.shuk_list6 {padding:160px 0 136px;}
.shuk_list6 .fix_area {max-width:1370px; width:100%; padding:0;}
.shuk_list6 .ds-tit > h5 > b {color:#349DD4; font-weight:bold;}
.shuk_list6 .ds-tit > img {margin-top: 30px;}
.shuk_list6 .list__ {margin-top:-80px; display: -webkit-box; display: -ms-flexbox; display: flex; gap:39px;}
.shuk_list6 .list__ > li {width:calc((100% - 78px) / 3); text-align: center;}
.shuk_list6 .list__ > li .list-img {position:relative;}
.shuk_list6 .list__ > li .list-img > img {display:inherit;}
.shuk_list6 .list__ .list-txt {margin-top:55.6px;}
.shuk_list6 .list__ .list-txt p {font-size: 22px; line-height: 1.363;}
.shuk_list6 .list__ > li .img-bt-text {width:100%; background-color: rgba(52,157,212,.62); height: 96px; line-height: 96px; position: absolute; bottom:0; left:50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%);}
.shuk_list6 .list__ > li .img-bt-text > p {color:#fff; font-size:32px; font-weight:bold;}

/* shuk_list7 */
.shuk_list7 {background-color: #000; padding: 135px 0 128px; position:relative;}
.shuk_list7:before {content:""; position: absolute; bottom: 211px; left: 70px; background:url('/imges/package/branch/T00048/pc_07_text.png') no-repeat center; width: 91px; height: 594px;}
.shuk_list7 .fix_area {max-width:1622px; width:100%;}
.shuk_list7 .ds-tit > span {color:#fff;}
.shuk_list7 .ds-tit > h5 {color:#fff;}
.shuk_list7 .ds-tit > h5 > b {color:#48BBF7; font-weight: bold;}
.shuk_list7 .cont-wrap {display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap:96px; margin-top:74.2px; position: relative; background:url('/imges/package/branch/T00048/pc_07_bg.png') no-repeat center right #fff; padding: 128px 0; padding-left:143px;}
.shuk_list7 .cont-wrap:before {content:""; position:absolute; top:0; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); background: url('/imges/package/branch/T00048/pc_07_arrow.png') no-repeat center; width:25.13px; height:21.75px;}
.shuk_list7 .list__ {text-align: center;}
.shuk_list7 .list__ > li {margin-bottom:32.4px;}
.shuk_list7 .list__ > li:last-child {margin-bottom:0;}
.shuk_list7 .list__ > li > span {font-family: 'Campton', Sans-serif; color:#fff; font-weight:bold; background-color: #558DAB; display:inline-block; font-size: 22px; width: 144px; height: 70px; line-height: 70px; border-radius: 50%;}
.shuk_list7 .list__ > li:nth-child(2) > span {background-color:#2977A0;}
.shuk_list7 .list__ > li:last-child > span {background-color:#1F5876;}
.shuk_list7 .list__ > li > .txt {margin-top: 16.6px; font-size: 22px; line-height: 1.363;}