.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:600px; }
.sub01-01-cont01 .swiper-slide { position:relative; }

.sub01-01-cont01 .titlebox02 { position:absolute; left:0; right:0; top:0; opacity:0; z-index: 2; 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:2.564rem; 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.15rem; font-weight:400; color:#212121; }

/* slide01 */
.sub01-01-cont01 .swiper-slide01 .innerbox { position:absolute; left:0; right:0; top:30%; z-index: 3;}
.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:3.125rem; background-color:#cbccc6; }
.sub01-01-cont01 .swiper-slide01 .titlebox01 h3 { font-family:'Sorts Mill Goudy', serif; font-size:1.846rem; 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:2.564rem; font-weight:400; color:#b1c117; letter-spacing:-0.02em; line-height:1.3; }

.sub01-01-cont01 .swiper-slide01 .txtbox { margin-top:4.5rem; }
.sub01-01-cont01 .swiper-slide01 .txtbox .tit { margin-bottom:1.25rem; font-family:'Sorts Mill Goudy', serif; font-size:1.75rem; 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 { max-width:40%; right:50%; top:50%; }
.sub01-01-cont01 .swiper-slide01 .imgbox02 { max-width:75%; bottom:50%; }
.sub01-01-cont01 .swiper-slide01 .imgbox03 { max-width:35%; left:50%; top:50%; }

/* is-active */
.sub01-01-cont01.is-active .swiper-slide01 .imgbox { opacity:1; }
.sub01-01-cont01.is-active .swiper-slide01 .imgbox01 { right:0; top:18%; opacity:0.5; }
.sub01-01-cont01.is-active .swiper-slide01 .imgbox02 { left:0; right:0; margin:0 auto; bottom:3.125rem; }
.sub01-01-cont01.is-active .swiper-slide01 .imgbox03 { left:3%; top:0; }

/* slide02 */
.sub01-01-cont01 .swiper-slide02 .d-flex { flex-direction:column-reverse; }
.sub01-01-cont01 .swiper-slide02 .titlebox { margin-top:3.75rem; }
.sub01-01-cont01 .swiper-slide02 .imgbox { max-width:80%; margin:0 auto; }

/* slide03 */
.sub01-01-cont01 .swiper-slide03 .titlebox { position:absolute; left:0; right:0; }
.sub01-01-cont01 .swiper-slide03 .d-flbox { align-self:flex-start; margin-top:4.5rem; }
.sub01-01-cont01 .swiper-slide03 .d-frbox { align-self:flex-end; }
.sub01-01-cont01 .swiper-slide03 .imgbox05 { margin-top:1.25rem; }
.sub01-01-cont01 .swiper-slide03 .imgbox06 { margin-bottom:4.75rem; }

/* slide04 */
.sub01-01-cont01 .swiper-slide04 .d-flex { flex-direction:column-reverse; }
.sub01-01-cont01 .swiper-slide04 .imgbox { max-width:80%; margin:0 auto; }
.sub01-01-cont01 .swiper-slide04 .titlebox { margin-bottom:3.75rem; }

/* slide05 */
.sub01-01-cont01 .swiper-slide05 .d-flex { flex-direction:column-reverse; }
.sub01-01-cont01 .swiper-slide05 .imgbox { max-width:80%; margin:0 auto; }
.sub01-01-cont01 .swiper-slide05 .titlebox { margin-top:3.75rem; }

/* slide06 */
.sub01-01-cont01 .swiper-slide06 .d-flex { max-width:95%; margin:8rem auto 0; }
.sub01-01-cont01 .swiper-slide06 .d-flbox { padding-right:1%; }
.sub01-01-cont01 .swiper-slide06 .d-frbox { padding-left:1%; }
.sub01-01-cont01 .swiper-slide06 .titlebox { position:absolute; left:0; right:0; bottom:6.25rem; }

/* slide07 */
.sub01-01-cont01 .swiper-slide07 .titlebox { position:absolute; left:0; right:0; }
.sub01-01-cont01 .swiper-slide07 .d-flbox { align-self:flex-start; margin-top:4.5rem; }
.sub01-01-cont01 .swiper-slide07 .d-frbox { align-self:flex-end; }
.sub01-01-cont01 .swiper-slide07 .imgbox11 { margin-top:1.25rem; }
.sub01-01-cont01 .swiper-slide07 .imgbox12 { margin-bottom:4.75rem; }

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

#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 -4px -15px; }
.sub01-01-cont02 .branch-list li { position:relative; flex:0 calc(50% - 8px); margin:0 4px 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 { margin-top:2.5rem; }

/**************************************************
* 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:720px; }
.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:4.375rem; }
.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-flex { flex-direction:column; }
.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-flex { flex-direction:column-reverse; }
.sub01-01-cont04 .d-flbox { margin-top:2.5rem; }

.sub01-01-cont04 .imgbox-wrap { position:relative; }
.sub01-01-cont04 .imgbox-wrap .imgbox { }

/**************************************************
* 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-flex { flex-direction:column; }
.sub01-01-cont06 .d-flbox { padding:3.33rem 0; }
.sub01-01-cont06 .d-frbox { margin-bottom:7%; }

.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 (히스토리)
**************************************************/
.sub-sect-visual.sub01-02-visual { }
.sub01-02-visual .sub-visual-view { width:100vw; height:56.25vw; min-height:141vh; min-width:56.25vh; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); }
.sub01-02-visual .sub-visual-view iframe { width:100%; height:100%; }

/**************************************************
* 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; overflow:hidden; overflow-x:scroll; height:90px; margin-bottom:2.5rem; }
.sub01-02-cont01 .tabbox { position:relative; display:inline-flex; 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.25rem 1.25rem 1.5rem; display:flex; flex-direction:column; }
.sub01-02-cont01 .his-header h4 { font-family:'Noto Serif KR', serif; font-size:2.25rem; font-weight:500; color:#fff; letter-spacing:0.05em; }
.sub01-02-cont01 .his-header .txt01 { font-family:'Sorts Mill Goudy', serif; font-size:1.437rem; font-weight:400; color:#fff; letter-spacing:0.05em; }
.sub01-02-cont01 .his-header .txt02 { font-size:1rem; color:#fff; }

.sub01-02-cont01 .his-content .year { display:block; margin:1.875rem 0 1.125rem; font-family:'Noto Serif KR', serif; font-size:2.25rem; color:#b1c117; letter-spacing:0.05em; font-weight:500; }

.sub01-02-cont01 .his-content dl:nth-child(1) { margin-top:1.875rem; }
.sub01-02-cont01 .his-content dl { margin-bottom:1.875rem; }

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

.sub01-02-cont01 .his-content dl dd:first-of-type:before { content:"-"; position:absolute; margin-left:-10px; font-size:0.938rem; color:#a1a1a1; font-weight:300; }
.sub01-02-cont01 .his-content dd { padding-left:15px; }

/**************************************************
* 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 -6px -15px; }
.sub01-04-cont01 li { width:calc(50% - 12px); margin:0 6px 15px; }

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