.sub01 .titlebox .meta-num { font-family:'Noto Serif KR', serif; color:#efefef; font-size:7.3125rem; font-weight:400; }
.sub01 .titlebox h5 { margin-bottom:1.875rem; transition-delay:.15s; }
.sub01 .titlebox .txt01 { color:#000; letter-spacing:0; transition-delay:.3s; }
.sub01 .titlebox .txt03 { color:#212121; transition-delay:.45s; }

/**************************************************
* sub01-01 (리더스소개)
**************************************************/
.sub-sect-visual.sub01-01-visual { height:70vh; }
.sub01-01-item-bg01 { background:url("/img/sub01-01-visual01.jpg") center / cover no-repeat; }
.sub01-01-visual .titlebox { top:50%; }
.sub01-01-visual .titlebox .subtit { margin-bottom:0.625rem; color:#000; }
.sub01-01-visual .titlebox h2 { font-family:'Sorts Mill Goudy', serif; color:#000; font-weight:400; }
.sub01-01-visual .titlebox .txt01 { margin-bottom:1.875rem; font-size:1.6875rem; font-weight:400; color:#000; letter-spacing:0; }

/**************************************************
* sub01-01-video
**************************************************/
.sub-sect-video.sub01-01-video { margin-top:-20vh; padding-bottom:7%; }
.sub01-01-video .container-xs { padding:0; max-width:900px; }
.sub01-01-video .txtbox { margin-top:4.375rem; }
.sub01-01-video .txtbox .txt02 { font-weight:400; }

/**************************************************
* sub01-01-cont01
**************************************************/
.sub01-01-cont01 { padding:3.125rem 0; border-top:1px solid #cbccc6; border-bottom:1px solid #cbccc6; }
.sub01-01-cont01 .container-fluid { max-width:1700px; }
.sub01-01-cont01 .swiper-container { height:750px; }
.sub01-01-cont01 .swiper-slide { position:relative; }

.sub01-01-cont01 .titlebox02 { position:absolute; left:0; right:0; top:0; opacity:0; visibility:hidden; -webkit-transition:all 1.5s cubic-bezier(0.23, 1, 0.320, 1); -moz-transition:all 1.5s cubic-bezier(0.23, 1, 0.320, 1); -ms-transition:all 1.5s cubic-bezier(0.23, 1, 0.320, 1); -o-transition:all 1.5s cubic-bezier(0.23, 1, 0.320, 1); transition:all 1.5s cubic-bezier(0.23, 1, 0.320, 1); }
.sub01-01-cont01 .titlebox02.is-active { opacity:1; visibility:visible; }
.sub01-01-cont01 .titlebox02 h6 { font-family:'Sorts Mill Goudy', serif; color:#4c4c4c; letter-spacing:0.05em; font-weight:400; }
.sub01-01-cont01 .titlebox02 .txt03 { color:#7d7d7d; font-weight:300; }

.sub01-01-cont01 .swiper-slide .d-flex { height:100%; }
.sub01-01-cont01 .titlebox03 h2 { font-family:'Sorts Mill Goudy', serif; font-size:3.75rem; font-weight:400; color:#454545; letter-spacing:0.05em; line-height:1.2; }
.sub01-01-cont01 .titlebox03 .txt02 { margin-top:0.625rem; font-family:'Noto Serif KR', serif; font-size:1.5rem; font-weight:400; color:#212121; }

/* slide01 */
.sub01-01-cont01 .swiper-slide01 { display:flex; justify-content:center; align-items:center; }
.sub01-01-cont01 .swiper-slide01 .titlebox01 { position:relative; }
.sub01-01-cont01 .swiper-slide01 .titlebox01:after { content:""; display:inline-block; position:absolute; left:50%; top:110%; width:1px; height:5.875rem; background-color:#cbccc6; }
.sub01-01-cont01 .swiper-slide01 .titlebox01 h3 { font-family:'Sorts Mill Goudy', serif; font-size:2.312rem; font-weight:400; color:#cbccc6; letter-spacing:-0.02em; line-height:1.3; }
.sub01-01-cont01 .swiper-slide01 .titlebox01 h2 { font-family:'Sorts Mill Goudy', serif; font-size:4.375rem; font-weight:400; color:#b1c117; letter-spacing:-0.02em; line-height:1.3; }

.sub01-01-cont01 .swiper-slide01 .txtbox { margin-top:10rem; }
.sub01-01-cont01 .swiper-slide01 .txtbox .tit { margin-bottom:1.875rem; font-family:'Sorts Mill Goudy', serif; font-size:2.25rem; letter-spacing:0.05em; }
.sub01-01-cont01 .swiper-slide01 .txtbox .txt02 { color:#212121; }

.sub01-01-cont01 .swiper-slide01 .imgbox { position:absolute; -webkit-transition:all 1.8s cubic-bezier(0.25, 0.47, 0.12, 0.99); -moz-transition:all 1.8s cubic-bezier(0.25, 0.47, 0.12, 0.99); -ms-transition:all 1.8s cubic-bezier(0.25, 0.47, 0.12, 0.99); -o-transition:all 1.8s cubic-bezier(0.25, 0.47, 0.12, 0.99); transition:all 1.8s cubic-bezier(0.25, 0.47, 0.12, 0.99); opacity:0; }
.sub01-01-cont01 .swiper-slide01 .imgbox01 { left:50%; bottom:50%; }
.sub01-01-cont01 .swiper-slide01 .imgbox02 { right:50%; top:50%; }
.sub01-01-cont01 .swiper-slide01 .imgbox03 { left:50%; top:50%; }

/* is-active */
.sub01-01-cont01.is-active .swiper-slide01 .imgbox { opacity:1; }
.sub01-01-cont01.is-active .swiper-slide01 .imgbox01 { left:10rem; bottom:3.125rem; }
.sub01-01-cont01.is-active .swiper-slide01 .imgbox02 { right:1.125rem; top:0; }
.sub01-01-cont01.is-active .swiper-slide01 .imgbox03 { left:2.625rem; top:6.25rem; }

/* slide02 */
.sub01-01-cont01 .swiper-slide02 .d-flbox { width:50%; }
.sub01-01-cont01 .swiper-slide02 .d-frbox { width:50%; text-align:left; }

/* slide03 */
.sub01-01-cont01 .swiper-slide03 .titlebox { position:absolute; left:0; right:0; }

/* slide04 */
.sub01-01-cont01 .swiper-slide04 .d-flbox { width:50%; text-align:right; }
.sub01-01-cont01 .swiper-slide04 .d-frbox { width:50%; }

/* slide05 */
.sub01-01-cont01 .swiper-slide05 .d-flbox { width:50%; }
.sub01-01-cont01 .swiper-slide05 .d-frbox { width:50%; text-align:left; }

/* slide06 */
.sub01-01-cont01 .swiper-slide06 .titlebox { position:absolute; left:0; right:0; }

/* slide07 */
.sub01-01-cont01 .swiper-slide07 .titlebox { position:absolute; left:0; right:0; }

/* slide08 */
.sub01-01-cont01 .swiper-slide08 .titlebox { position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); }

#sub01-01-cont01-slide .swiper-slide .txt-ani-wrap { overflow:hidden; }
#sub01-01-cont01-slide .swiper-slide .txt-ani-wrap .txt-ani { transition-property:transform; transition-duration:1.65s; transform:translateY(-100%); opacity:0; display:block; animation:none; animation-delay:inherit; }
#sub01-01-cont01-slide .swiper-slide-active .txt-ani-wrap .txt-ani { transform:translateY(0); opacity:1; }
#sub01-01-cont01-slide .swiper-slide .txt-ani-wrap:nth-child(1) .txt-ani { transition-delay:.1s; }
#sub01-01-cont01-slide .swiper-slide .txt-ani-wrap:nth-child(2) .txt-ani { transition-delay:.3s; }
#sub01-01-cont01-slide .swiper-slide .txt-ani-wrap:nth-child(3) .txt-ani { transition-delay:.4s; }
#sub01-01-cont01-slide .swiper-slide .txt-ani-wrap:nth-child(4) .txt-ani { transition-delay:.5s; }
#sub01-01-cont01-slide .swiper-slide .txt-ani-wrap:nth-child(5) .txt-ani { transition-delay:.6s; }
#sub01-01-cont01-slide .swiper-slide .txt-ani-wrap:nth-child(6) .txt-ani { transition-delay:.7s; }

#sub01-01-cont01-slide-pagination { bottom:0; }
#sub01-01-cont01-slide-pagination .swiper-pagination-bullet { width:8px; height:8px; margin:4px 4px; background-color:#cacaca; opacity:1; }
#sub01-01-cont01-slide-pagination .swiper-pagination-bullet-active { width:12px; height:12px; margin:2px 4px; background-color:#b1c117; }

/**************************************************
* sub01-01-cont02
**************************************************/
.sub01-01-cont02 .container-sm { max-width:1145px; }
.sub01-01-cont02 .titlebox { margin-bottom:2.5rem; }
.sub01-01-cont02 .titlebox .subtit { color:#000; letter-spacing:0; }
.sub01-01-cont02 .titlebox h2 { margin-bottom:0.938rem; font-family:'Sorts Mill Goudy', serif; font-size:2.812rem; color:#000; letter-spacing:0.05em; }
.sub01-01-cont02 .titlebox .txt03 { color:#000; }

.sub01-01-cont02 .branch-list { display:flex; flex-wrap:wrap; margin:0 -15px -15px; }
.sub01-01-cont02 .branch-list li { position:relative; flex:0 calc(16.6666% - 30px); margin:0 15px 15px; border:1px solid #c5c5c5; border-radius:10px; text-align:left; }
.sub01-01-cont02 .branch-list li a { display:inline-block; width:100%; padding:0.625rem 0.625rem; font-weight:400; }
.sub01-01-cont02 .branch-list li i { position:absolute; right:0.625rem; top:50%; margin-top:-8px; }

.sub01-01-cont02 .cont-wrap { text-align:center; }
.sub01-01-cont02 .imgbox { position:relative; margin-top:2.5rem; }

.sub01-01-cont02 .imgbox .network-point { width:20px; height:20px; position:absolute; }

.sub01-01-cont02 .imgbox .network-point .network-imgbox { opacity:0; visibility:hidden; pointer-events:none; position:absolute; left:50%; bottom:7px; width:104px; margin-left:-52px; }
.sub01-01-cont02 .imgbox .network-point:hover .network-imgbox { display:inline-block; }

.sub01-01-cont02 .imgbox .network-point.dogok { left:59.95%; top:50.45%; }
.sub01-01-cont02 .imgbox .network-point.myeongdong { left:51.5%; top:32.5%; }
.sub01-01-cont02 .imgbox .network-point.mokdongTrapalace { left:35.5%; top:43%; }		/* 2023-06-29 변경전 left:36%; top:42.5%;*/
.sub01-01-cont02 .imgbox .network-point.mokdongHyundai { left:37%; top:43%; }		/* 2023-06-29 변경전 left:37.8%; top:38.5%;*/
.sub01-01-cont02 .imgbox .network-point.apgujeong { left:56.55%; top:44.5%; }
.sub01-01-cont02 .imgbox .network-point.cheongdamDosan { left:58%; top:47%; }		/* 2023-06-29 변경전  left:58.7%; top:46.5%;*/
.sub01-01-cont02 .imgbox .network-point.cheongdamStreet { left:58.7%; top:44%; }		/* 2023-06-29 변경전 left:58.7%; top:42.5%;*/
.sub01-01-cont02 .imgbox .network-point.pangyo { left:68.5%; top:68%; }		/* 2023-06-29 변경전 left:62.7%; top:78.8%;*/
.sub01-01-cont02 .imgbox .network-point.konkukUniv { left:62%; top:39%; }		/* 2023-06-29 변경전 left:62%; top:38%;*/
.sub01-01-cont02 .imgbox .network-point.bucheonHyundai { left:25.8%; top:47%; }		/* 2023-06-29 변경전 */
.sub01-01-cont02 .imgbox .network-point.songdo { left:24.2%; top:68.9%; }		/* 2023-06-29 변경전  */
.sub01-01-cont02 .imgbox .network-point.wirye { left:70%; top:57%; } /* 2023-06-29 변경전 left:67.6%; top:64.6%; */

.sub01-01-cont02 .imgbox .network-point .network-marker { display:inline-block; width:20px; height:20px; background:url("/img/network-marker.png") no-repeat center/ 100% auto; }
.sub01-01-cont02 .imgbox .network-point.marker-hover { z-index:1; }

/**************************************************
* sub01-01-video02
**************************************************/
.sub01-01-video02 { background:url("/img/sub01-01-video02-bg.png") no-repeat center/100% auto; }
.sub01-01-video02 .container-xs { max-width:860px; }
.sub01-01-video02 .titlebox { margin-bottom:4.375rem; }
.sub01-01-video02 .titlebox h5 { margin-bottom:0.938rem; }
.sub01-01-video02 .titlebox .txt01 { font-size:1.312rem; letter-spacing:0; color:#000; }

.sub01-01-video02 .txtbox { margin-top:3.75rem; }
.sub01-01-video02 .txtbox .txt02 { font-weight:400; }

/**************************************************
* sub01-01-cont03
**************************************************/
.sub01-01-cont03 { }
.sub01-01-cont03 .titlebox h5 { margin-bottom:1.875rem; letter-spacing:0; }
.sub01-01-cont03 .titlebox .txt01 { margin-bottom:1.25rem; font-size:1.312rem; color:#000; font-weight:500; letter-spacing:0.02em; }
.sub01-01-cont03 .titlebox .txt03 { color:#000; letter-spacing:0; }
.sub01-01-cont03 .titlebox .btn { margin-top:2.5rem; }
.sub01-01-cont03 .d-flbox { width:50%; }
.sub01-01-cont03 .d-frbox { width:50%; text-align:center; }
.sub01-01-cont03 .imgbox-wrap { display:flex; align-items:center; justify-content:center; }
.sub01-01-cont03 .imgbox-wrap .imgbox { margin:0 5px; }
.sub01-01-cont03 .imgbox-wrap .imgbox:nth-child(2) { margin-top:2.187rem; }

/**************************************************
* sub01-01-cont04
**************************************************/
.sub01-01-cont04 { padding-bottom:15%; }
.sub01-01-cont04 .titlebox h5 { margin-bottom:1.875rem; letter-spacing:0; }
.sub01-01-cont04 .titlebox .txt01 { margin-bottom:1.875rem; font-size:1.312rem; color:#000; font-weight:500; letter-spacing:0.02em; }
.sub01-01-cont04 .titlebox .txt02 { color:#000; letter-spacing:0; }
.sub01-01-cont04 .titlebox .txt02 + .txt02 { margin-top:1.875rem; }

.sub01-01-cont04 .d-flbox { width:50%; text-align:center; }
.sub01-01-cont04 .d-frbox { width:50%; }

.sub01-01-cont04 .imgbox-wrap { position:relative; }
.sub01-01-cont04 .imgbox-wrap .imgbox { }
.sub01-01-cont04 .imgbox-wrap .imgbox:nth-child(1) { position:absolute; left:46%; top:72%; }
.sub01-01-cont04 .imgbox-wrap .imgbox:nth-child(2) { position:relative; left:-14%; top:0; }
.sub01-01-cont04 .imgbox-wrap .imgbox:nth-child(3) { position:absolute; left:58%; top:15%; }

/**************************************************
* sub01-01-cont05
**************************************************/
.sub01-01-cont05 { padding:12% 0; background:url("/img/sub01-01-cont05-bg.jpg") no-repeat center /cover; }
.sub01-01-cont05 .titlebox h5 { margin-bottom:2.5rem; color:#fff; }
.sub01-01-cont05 .titlebox .txt01 { margin-bottom:1.875rem; }

/**************************************************
* sub01-01-cont06
**************************************************/
/*.sub01-01-cont06 { padding-bottom:7%; }*/
.sub01-01-cont06 .d-flbox { width:50%; text-align:center; }
.sub01-01-cont06 .d-frbox { width:50%; }

.sub01-01-cont06 .titlebox h5 { margin-bottom:1.875rem; }
.sub01-01-cont06 .titlebox .txt01 { margin-bottom:1.875rem; color:#000; }
.sub01-01-cont06 .titlebox .txt02 { color:#000; }

/**************************************************
* sub01-02 (히스토리)
**************************************************/
.sub01-02-visual .sub-visual-view { width:100vw; height:56.25vw; }

/**************************************************
* sub01-02-cont01
**************************************************/
.sub01-02-cont01 .container { max-width:1300px; }
.sub01-02-cont01 .titlebox { margin-bottom:6.25rem; }
.sub01-02-cont01 .titlebox .subtit { font-family:'Sorts Mill Goudy', serif; font-size:1.875rem; font-weight:400; color:#a5a5a5; letter-spacing:0.05em; }
.sub01-02-cont01 .titlebox h2 { position:relative; margin-bottom:10rem; font-family:'Noto Serif KR', serif; font-size:2.812rem; color:#000; letter-spacing:0.05em; }
.sub01-02-cont01 .titlebox h2:after { content:""; display:inline-block; position:absolute; left:50%; top:calc(100% + 2.5rem); width:1px; height:5.625rem; background-color:#505050; }
.sub01-02-cont01 .titlebox .txt02 { font-family:'Sorts Mill Goudy', serif; font-size:2.25rem; font-weight:400; color:#000; letter-spacing:0.05em; }
.sub01-02-cont01 .titlebox .txt03 { color:#212121; font-size:1.188rem; }

.sub01-02-cont01 .cont-wrap { text-align:center; }
.sub01-02-cont01 .tabbox { position:relative; margin-bottom:4.375rem; }
.sub01-02-cont01 .tabbox li { position:relative; padding:0 9px 0 8.5px; }
.sub01-02-cont01 .tabbox li:after { content:""; display:inline-block; position:absolute; top:40px; left:0; width:100%; height:2px; background-color:#ddd; }

.sub01-02-cont01 .tabbox li a { position:relative; display:block; padding-bottom:40px; font-family:'Sorts Mill Goudy', serif; font-size:1.5rem; color:#c1c1c1; font-weight:400; letter-spacing:0.05em; background-image:url("/img/icon-history-off.png"); background-repeat:no-repeat; background-position:center calc(50% + 3px); z-index:1; }

.sub01-02-cont01 .tabbox li:nth-child(2n) a { padding-top:40px; background:url("/img/icon-history-off.png"); background-repeat:no-repeat; background-position:center calc(50% - 17px); z-index:1; }

.sub01-02-cont01 .tabbox li.active a { color:#b1c117; }
.sub01-02-cont01 .tabbox li.active a { background-image:url("/img/icon-history-on.png"); }


.sub01-02-cont01 .his-header { position:relative; background:#b1c117; padding:1.5rem 3.437rem; display:flex; align-items:center; }
.sub01-02-cont01 .his-header h4 { font-family:'Noto Serif KR', serif; font-size:2.812rem; font-weight:500; color:#fff; letter-spacing:0.05em; }
.sub01-02-cont01 .his-header .innerbox { position:absolute; left:0; right:0; text-align:center; }
.sub01-02-cont01 .his-header .txt01 { font-family:'Sorts Mill Goudy', serif; font-size:2rem; font-weight:400; color:#fff; letter-spacing:0.05em; }
.sub01-02-cont01 .his-header .txt02 { font-size:1.063rem; color:#fff; }

.sub01-02-cont01 .his-content { position:relative; }
.sub01-02-cont01 .his-content .his-track { position:absolute; left:50%; top:0; width:1px; height:100%; background-color:#dfdfdf; }
.sub01-02-cont01 .his-content .his-thumb { position:absolute; left:50%; top:0; width:1px; height:100%; background-color:#b1c117; }
.sub01-02-cont01 .his-content .his-thumb:after { content:""; position:absolute; left:-5px; bottom:0; display:inline-block; width:11px; height:11px; background:url("/img/history-marker.png") no-repeat center/ 100% auto; }

.sub01-02-cont01 .his-content .d-flbox { width:50%; }
.sub01-02-cont01 .his-content .d-frbox { width:50%; }



.sub01-02-cont01 .his-content .year { display:block; margin:3.75rem 0; font-family:'Noto Serif KR', serif; font-size:2.812rem; color:#b1c117; letter-spacing:0.05em; font-weight:500; }
.sub01-02-cont01 .his-content .d-flbox .year { text-align:right; padding-right:3.75rem; }
.sub01-02-cont01 .his-content .d-frbox .year { padding-left:3.75rem; }


.sub01-02-cont01 .his-content dl { margin-top:9.375rem; }

.sub01-02-cont01 .his-content dl dt { margin-bottom:0.625rem; font-weight:500; }
.sub01-02-cont01 .his-content dl dd { position:relative; font-size:0.938rem; color:#a1a1a1; font-weight:300; }

.sub01-02-cont01 .his-content .d-flbox dl dd:first-of-type:before { content:"-"; position:absolute; font-size:0.938rem; color:#a1a1a1; font-weight:300; }
.sub01-02-cont01 .his-content .d-frbox dl dd:first-of-type:before { content:"-"; position:absolute; font-size:0.938rem; color:#a1a1a1; font-weight:300; }

.sub01-02-cont01 .his-content .d-flbox dd { padding-right:15px; }
.sub01-02-cont01 .his-content .d-frbox dd { padding-left:15px; }
.sub01-02-cont01 .his-content .d-flbox dd:before { right:3px; }
.sub01-02-cont01 .his-content .d-frbox dd:before { left:3px; }
.sub01-02-cont01 .his-content .d-flbox dl { text-align:right; padding-right:3.75rem; background:url("/img/his_left.png") no-repeat right 10px/ auto; }
.sub01-02-cont01 .his-content .d-frbox dl { padding-left:3.75rem; background:url("/img/his_right.png") no-repeat left 10px/ auto; }



/**************************************************
* sub01-04 (지점 소개)
**************************************************/
.sub01-04-visual { position:relative; height:45vh; }
.sub01-04-visual .sub-visual-view { display:flex; align-items:center; justify-content:center; background:url("/img/sub01-04-visual01.jpg") center top / auto no-repeat; background-attachment:fixed; }
.sub01-04-visual .titlebox h4 { font-family:'Noto Serif KR', serif; color:#000; }
.sub01-04-visual .sub-visual-view .titlebox { top:50%; }

/**************************************************
* sub01-04-cont01
**************************************************/
.sub01-04-cont01 .txtbox { margin-bottom:2.5rem; }
.sub01-04-cont01 ul { display:flex; flex-wrap:wrap; margin:0 -12px -36px; }
.sub01-04-cont01 li { width:calc(25% - 24px); margin:0 12px 36px; }

.sub01-04-cont01 li .imgbox { position:relative; border-radius:10px; overflow:hidden; }
.sub01-04-cont01 li figcaption { position:absolute; left:0; right:0; bottom:24px; padding:0 30px; color:#fff; font-family:'Noto Serif KR', serif; font-size:1.687rem; font-weight:500; }
.sub01-04-cont01 li i { position:absolute; right:30px; top:50%; transform:translate(0,-50%); }