html.k-fixed .k-navigation {position:fixed;top:0px;left:0px;width:100%;height:48px;}
html.k-fixed.down .k-navigation {top:-50px;}
html.k-fixed.up .k-navigation {top:50px;}
html.k-fixed .header {position:fixed;top:0px;left:0px;width:100%;height:50px;z-index:99;transition:all 0.25s}
html.k-fixed.down .header {position:fixed;top:-50px;}
html.k-fixed.up .header {position:fixed;top:0px;}

/*  */
.ico-req {animation: anim1 2s linear infinite;}
@keyframes anim1{
	0% {transform:matrix(1,0,0,1,0,0)}
	50% {transform:matrix(1,0,0,1,0,5)}
	100% {transform:matrix(1,0,0,1,0,0)}
}
/*  */
.k-navigation {height:48px;z-index:98;transition: all 0.25s;}
.k-navigation .inner .navi-wrap {display: block;position: relative;box-sizing: border-box;height: 48px;line-height: 48px;background-color: #fff;;border-top: 1px solid #eee;}
.k-navigation .inner .navi-wrap .page-previus {display: block;position: absolute;left: 0;top: 0;background: url(/cjom/web/images/brand/hetbahn/icon/ico-arrow-left-17x30.png) no-repeat center;width: 50px;height: 48px;line-height: 48px;}
.k-navigation .inner .navi-wrap h1 {line-height: 48px;height:48px;font-size: 16px;font-weight: 700;color: #000;text-align: center;padding: 0 40px;white-space: nowrap;display:flex;justify-content: center;}
.k-navigation .inner .navi-wrap h1 button {display:flex;align-items: center;justify-content: center;background-color: #fff;box-sizing: border-box;height:47px;}
.k-navigation .inner .navi-wrap h1 button .k-text {font-size:18px;font-weight:bold;margin-left:4px;color:#111;}
.k-navigation .inner .navi-wrap h1 img {width:32px;height:32px;}
.k-navigation .inner .navi-wrap h1 span {margin-left:4px;display:inline-block;width:24px;height:24px;background: url(/cjom/web/images/brand/hetbahn/icon/ico-arrow-down-72x72.png) no-repeat center;background-size:contain;}
/*  */
.k-video.horizon video {width:auto;height:100vh;}
.k-video.horizon.gap-w video {width:100vw;height:auto;}
.k-video.vertical video {width:100vw;height:auto;}
.k-video.vertical.gap-h video {width:auto;height:calc(100vh - 98px);}
/*  */
.btn--radius-4 {border-radius: 4px;;}
.btn--radius-8 {border-radius: 8px;;}
.btn--radius-16 {border-radius: 16px;}
.btn--outline.color-red {border:1px solid #c61d23;color:#c61d23;}
.btn--outline.color-grey {border:1px solid #999999;color:#999999;}
.btn--fill.color-red {background-color:#c61d23;color:#fff;}
.btn--fill.color-black {background-color:#222;color:#fff;}
/*  */
.parallax[data-opacity="0"] {opacity:0;transition: opacity 0.5s !important;}
.parallax[data-opacity="0.5"] {opacity:1;transition: opacity 0.5s !important;}
.parallax[data-opacity="1"] {opacity:1;transition: opacity 0.5s !important;}
/*  */
.parallax.fadeInOut {opacity: 0;}
.parallax[data-fadeinout="2"] {opacity:0.5;transition: opacity 0.5s !important;}
.parallax[data-fadeinout="1"] {opacity:1;transition: opacity 0.5s !important;}
.parallax[data-fadeinout="0"] { opacity:1;transition: opacity 0.5s !important;}
.parallax[data-fadeinout="-1"] {opacity:1;transition: opacity 0.5s !important;}
.parallax[data-fadeinout="-2"] {opacity:0.5;transition: opacity 0.5s !important;}

.member-section .k-kv {display:none;}
.member-join-banner {position: relative; height:120px;display:flex;align-items: center;justify-content: center;transition: all 0.5s;}
.member-join-banner .k-inner {width:1920px; height:120px;background-color: #fbf6ef;display:flex;align-items: center;justify-content: center;}
.member-join-banner .k-box {position: relative; width:1060px; display:flex; justify-content: space-between; transition: all 0.25s;}
.member-join-banner .k-box .k-left {width:84px;min-width:84px;}
.member-join-banner .k-box .k-center {padding-left:24px;display:flex; flex:1 auto; align-items: center;}
.member-join-banner .k-box .k-center .k-text {font-size:24px;line-height:40px;color:#3b1f0e;}
.member-join-banner .k-box .k-right {display:flex;align-items: center;}
.member-join-banner.on {position: absolute;top:0px;left:0px;width:100%;;height:0px;overflow:hidden;}
.btn--storyview {font-size:18px;line-height:30px;color:#c61d23;height:40px;width:260px;height:50px;border:1px solid #c61d23;border-radius: 4px;;}

.k-section-list {position: relative;color:#111;}
.k-section-list .k-section,
.k-section-list .k-title,
.k-section-list .k-txts,
.k-section-list .k-txt,
.k-section-list p,
.k-section-list .k-text {letter-spacing: -0.5px;}
html.k-fixed .member-section {padding-top:96px;}
/*  */
.section-01 {position: relative;}
.section-01 .video-wraper {display:none;align-items: center; justify-content: center;  height:calc(100vh - 248px); min-height:700px; box-sizing: border-box;overflow:hidden;}
.section-01 .video-wraper.on {display:flex;}
.section-01 .k-video {position: relative;opacity: 0;  max-width:1920px;overflow:hidden; display:flex; justify-content: center; transition: all 0.5s;}
.section-01 .k-video video {display:block;}
.section-01 .k-video.load {opacity: 1;}
.section-01 .k-vertical  {justify-content: initial;}
/*  */
.section-02 {position: relative;display:flex;justify-content: center;}
.section-02 .section-inner {position: relative; width:1920px; overflow:hidden;}
.section-02 .kv-item {position: relative; display:flex; justify-content: center; height:calc(100vh); flex-direction:column;align-items: center; }
.section-02 .sticky {position: sticky;top:0px; width:1920px; height:100vh; display:flex; justify-content: center; overflow: hidden; }
.section-02 .sticky .k-img {position: relative; width:1920px; height:100vh;background-size:cover; }
.section-02 .sticky .k-img:after {content:"";position: absolute;top:0px;left:0px;width:100%;height:100%;background-color: rgba(0,0,0,0.3);}
.section-02 .k-txts {position: absolute;top:50%;;color:#fff;transition: all 0.25s;}
.section-02 .kv-item .k-txts { position: fixed; opacity: 0; top:0px;left:0px;width:100%;height:100vh;display:none;align-items: center;justify-content: center;text-align:center;z-index:-1}
.section-02 .kv-item.section-mid .k-txts {display:flex;}
.section-02 .kv-item .ico img {}
.section-02 .kv-item dl dt {font-size:54px;line-height:72px;font-weight:bold;margin-top:13px;letter-spacing: -0.5px;}
.section-02 .kv-item dl dd {font-size:24px;line-height:36px;margin-top:26px;letter-spacing: -0.5px;}
.section-02 .kv-item:nth-child(1) {z-index:1;}
.section-02 .kv-item:nth-child(2) {z-index:2;}
.section-02 .kv-item:nth-child(3) {z-index:3;}
.kv-item.section-top .sticky {position: fixed;}
.kv-item .k-img {transform:scale(1);transition: all 2s linear ;}
.kv-item.section-end[data-index="-3"] .k-img {transform:scale(1.00);}
.kv-item.section-end[data-index="-4"] .k-img {transform:scale(1.02);}
.kv-item.section-end[data-index="-5"] .k-img {transform:scale(1.04);}
.kv-item.section-end[data-index="-6"] .k-img {transform:scale(1.06);}
.kv-item.section-end[data-index="-7"] .k-img {transform:scale(1.08);}
.kv-item.section-end[data-index="-8"] .k-img {transform:scale(1.10);}
.kv-item.section-end[data-index="-9"] .k-img {transform:scale(1.12);}
.kv-item.section-end[data-index="-10"] .k-img {transform:scale(1.14);}
.kv-item.section-end[data-index="-11"] .k-img {transform:scale(1.16);}
.kv-item.section-end[data-index="-12"] .k-img {transform:scale(1.18);}
.kv-item.section-out .k-img {transform:scale(1.45);}
.section-02 .kv-item .k-txts.parallax[data-fadeinout="2"] {opacity:0.5;transition: opacity 0.5s !important;z-index:1;}
.section-02 .kv-item .k-txts.parallax[data-fadeinout="1"] {opacity:1;transition: opacity 0.5s !important;z-index:1;}
.section-02 .kv-item .k-txts.parallax[data-fadeinout="0"] { opacity:1;transition: opacity 0.5s !important;z-index:1;}
.section-02 .kv-item .k-txts.parallax[data-fadeinout="-1"] {opacity:1;transition: opacity 0.5s !important;z-index:1;}
.section-02 .kv-item .k-txts.parallax[data-fadeinout="-2"] {opacity:1;transition: opacity 0.5s !important;z-index:1;}
.section-02 .kv-item .k-txts.parallax[data-fadeinout="-3"] {opacity:1;transition: opacity 0.5s !important;z-index:1;}
.section-02 .kv-item .k-txts.parallax[data-fadeinout="-4"] {opacity:1;transition: opacity 0.5s !important;z-index:1;}
.kv-item.section-end .k-txts.parallax {opacity:1;transition: opacity 0.5s !important;z-index:1;}
.kv-item.section-out .k-txts {opacity: 0;z-index:1;display:none;}
/*  */
.section-03 {position: relative; display:flex;justify-content: center; background-color: #fff;padding:140px 0 190px 0;text-align:center;z-index:4;}
.section-03 .section-inner {width:1280px;}
.section-03 .k-title {font-size:48px;line-height:68px;letter-spacing: -0.5px;}
.section-03 .member-info-ctrl {margin-top:46px; display:flex;justify-content: space-between;align-items: center;}
.section-03 .member-info-wrap {display:flex;justify-content: center;margin-top:46px;}
.section-03 .member-info {width:840px;}
.section-03 .member-info-item {display:flex !important;}
.section-03 .member-info .img-wrap { display:flex;justify-content: center;}
.section-03 .member-info .img-wrap .k-img {position: relative;width:384px;height:384px;}
.section-03 .member-info .k-img img {width:384px;height:384px;border-radius: 50% 50% 50% 30px;}
.section-03 .member-info .k-img span {position: absolute;top:21px;right:9px;width:55px;height:57px;background:url(/cjom/web/images/brand/hetbahn/member-img-blit.png) 0 0 no-repeat;background-size:cover;}
.section-03 .member-info dl {padding-left:100px; text-align:left;display:flex;align-items: flex-start;flex-direction: column;justify-content: center;}
.section-03 .member-info dl dt { font-size:24px;line-height:34px;color:#111;transition:all 0.25s 0.25s;}
.section-03 .member-info dl dt strong {color:#c61d23;}
.section-03 .member-info dl dd { font-size:17px;line-height:26px;color:#555;margin-top:20px;transition:all 0.25s 0.25s;}
.section-03 .member-info dl dd strong {font-size:20px;line-height:30px;display:block;margin-top:4px;color:#111;}
.section-03 .member-info .slick-arrow {position: absolute;top:164px; width:56px;height:56px;text-indent:-9999px;z-index:1;}
.section-03 .member-info .slick-arrow.slick-prev {left:-162px;background:url("data:image/svg+xml, %3Csvg width='56' height='56' viewBox='0 0 56 56' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='28' cy='28' r='27.333' stroke='%23222' stroke-width='1.333'/%3E%3Cg clip-path='url(%23w9z9ps3bea)'%3E%3Cpath d='m30.668 35.999-8-8 8-8' stroke='%23222' stroke-width='2.667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='w9z9ps3bea'%3E%3Cpath fill='%23fff' transform='scale(1 -1) rotate(90 38 -.666)' d='M0 0h21.333v21.333H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") 0 0 no-repeat}
.section-03 .member-info .slick-arrow.slick-next {right:-162px;background:url("data:image/svg+xml, %3Csvg width='56' height='56' viewBox='0 0 56 56' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle r='27.333' transform='matrix(-1 0 0 1 28 28)' stroke='%23111' stroke-width='1.333'/%3E%3Cg clip-path='url(%23y060qe0t2a)'%3E%3Cpath d='m25.332 35.999 8-8-8-8' stroke='%23111' stroke-width='2.667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='y060qe0t2a'%3E%3Cpath fill='%23fff' transform='rotate(-90 28.667 10)' d='M0 0h21.333v21.333H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") 0 0 no-repeat}
.section-03 .member-info .slick-arrow.slick-disabled {opacity: 0.5;}
.section-03 .member-info .slick-dots {margin-top:45px;}
.slick-slider .slick-dots li {width:18px;height:18px;}
.slick-slider .slick-dots li button {width:18px;height:18px;}
.section-03 .member-info .slick-dots li button:after {content:"";width:8px;height:8px;}
.section-03 .member-info .slick-dots li.slick-active button:after {content:"";background-color: #c61d23;;}

/*  */
.member-info-status {font-size:18px;line-height:26px;color:#777;margin-top:-4px;}
.member-info-status__current {color:#111;font-weight:bold;}
.member-info-status__total {font-style:normal}
.member-info-status__total em {font-style:normal}
/*  */
.section-04 {position: relative;text-align:center;z-index:4;display:flex;justify-content: center;}
.section-04 .section-inner {position: relative; width:1920px; background-color: #fbf6ef;padding:100px 0 140px 0; }
.section-04 .section-inner:after {content:"";position: absolute;top:0px;left:0px;width:100%;height:884px;background-color: #c61d23;}
.section-04 .section-inner .k-inner {position: relative;z-index:1;}

.section-04 .k-head {position: relative;display:flex;justify-content: center;}
.section-04 .k-head .k-img {}
.section-04 .k-title {font-size:48px;line-height:68px;color:#fff;margin-top:40px;}
.section-04 .mv-list-wrap {display:flex;justify-content: center; margin-top:50px;}
.section-04 .mv-list {width:1100px;}
.section-04 .mv-list .mv-inner { white-space: nowrap;display:block;}
.section-04 .mv-list .mv-list-item {width:326px !important; height:182px;
	background-color: transparent;; display:inline-block;
	position: relative;box-sizing: border-box;
}

.section-04 .mv-list .slick-track {display: flex; justify-content:center;}

.section-04 .mv-list .mv-list-item:last-child {}
.section-04 .mv-list .mv-list-item .k-img {position: relative; border-radius: 4px;overflow:hidden;box-sizing: border-box;}
.section-04 .mv-list .mv-list-item .k-img:after {content:"";position: absolute;top:0px;left:0px;width:100%;height:100%;background-color: rgba(0,0,0,0.2);}
.section-04 .mv-list .mv-list-item .ico {position: absolute;bottom:30px;right:30px;; z-index:1;
	display:inline-block; width:52px;height:52px;
	background:url("data:image/svg+xml, %3Csvg width='52' height='52' viewBox='0 0 52 52' fill='none' xmlns='http://www.w3.org/2000/svg'%3E    %3Cg clip-path='url(%23x758gnn8na)'%3E        %3Cpath d='M26 52c14.36 0 26-11.64 26-26S40.36 0 26 0 0 11.64 0 26s11.64 26 26 26z' fill='%23fff'/%3E        %3Cpath d='m36.5 26-16 9.5v-19l16 9.5z' fill='%23C61D23'/%3E    %3C/g%3E    %3Cdefs%3E        %3CclipPath id='x758gnn8na'%3E            %3Cpath fill='%23fff' d='M0 0h52v52H0z'/%3E        %3C/clipPath%3E    %3C/defs%3E%3C/svg%3E") 0 0 no-repeat;background-size: cover;}
.section-04 .mv-list .mv-list-item .k-text {
	text-align:left; margin-top:16px; font-size:18px;line-height:26px;
	color:#fff;white-space: normal;
	overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;max-height:initial;height:54px;
}
.section-04 .mv-list .mv-list-item .ico-state {position: absolute; z-index:2; 
	top:20px;left:20px;font-size:15px; padding:0 8px; color:#fff;
	height:26px;line-height:26px;border-radius: 4px;;
}
.section-04 .mv-list .mv-list-item .ico-state.ico-ing {background-color: #c61d23;;}
.section-04 .mv-list .mv-list-item .ico-state.ico-end {background-color: #999999;;}

.section-04 .mv-list .slick-current .k-img {overflow:hidden;position: relative; width:326px; height:182px;}
.section-04 .mv-list .slick-current .k-img:after {content:"";position: absolute;top:0px;left:0px;width:100%;height:100%;border:6px solid #fff;box-sizing: border-box;border-radius: 4px;;background-color: transparent;}
/*  */
.section-04 .mv-content {padding:0 16px;display:flex;justify-content: center;margin-top:40px;}
.section-04 .mv-content .k-title {font-size:28px;line-height:40px;font-weight: bold;;color:#111;text-align:center;}
.section-04 .mv-content .k-title strong {color:#c61d23;}
.section-04 .mv-content .cont-item.on {display:block;}
.section-04 .mv-content .cont-item {width:1060px;;text-align:left;display:none;}
.section-04 .mv-content .cont-item .video-box {display:flex;justify-content: center;}
.section-04 .mv-content .cont-item .video-box video {width:100%;}
.section-04 .mv-content .cont-item .video-box .k-img {width:1060px;}
.section-04 .mv-content .cont-item img {max-width:100%;width:100%;}
.section-04 .mv-content .cont-item .txts-wrap {}
.section-04 .mv-content .cont-item .k-text { font-size:15px;line-height:22px;color:#555;margin-top:16px;text-align:center;}
.section-04 .mv-content .cont-item .k-text p {width:840px;display:inline-block;text-align: center;;}
.section-04 .mv-content .cont-item .btn-wrap {text-align:center;margin-top:32px;}
.section-04 .mv-content .cont-item button {margin:0 10px; display:inline-block;border-radius:4px;box-sizing: border-box; font-size:18px;line-height:22px;height:60px;line-height:60px;text-align:center;width:360px;}
.section-04 .mv-content .cont-item button.btn--left {color:#c61d23;border:1px solid #c61d23;}
.section-04 .mv-content .cont-item button.btn--right {color:#fff;background-color: #c61d23;border:1px solid #c61d23;;}
/*  */
.section-04 .mv-info .slick-arrow {position: absolute;top:calc(50%); width:56px;height:56px;text-indent:-9999px;z-index:1;}
.section-04 .mv-info .slick-arrow.slick-prev {top:90px;left:-70px;background:url("data:image/svg+xml, %3Csvg width='40' height='41' viewBox='0 0 40 41' fill='none' xmlns='http://www.w3.org/2000/svg'%3E    %3Cpath d='m27.5 35.334-15-15.056 15-15.055' stroke='%23fff' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E") 0 0 no-repeat}
.section-04 .mv-info .slick-arrow.slick-next {top:90px;right:-70px;background:url("data:image/svg+xml, %3Csvg width='40' height='41' viewBox='0 0 40 41' fill='none' xmlns='http://www.w3.org/2000/svg'%3E    %3Cpath d='m12.5 35.334 15-15.056-15-15.055' stroke='%23fff' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") 0 0 no-repeat}
.section-04 .mv-info .slick-arrow.slick-disabled {opacity: 0.5;}
/*  */
.section-05 {position: relative;background-color: #fff;padding:140px 0 130px 0;text-align:center;z-index:4;}
.section-05 .k-title {font-size:48px;line-height:64px;color:#111;}
.section-05 .mv-change-wrap {display:flex;justify-content: center;position: relative;;}
.section-05 .mv-change {position: relative; width:1100px; margin-top:58px;text-align:center;}
.section-05 .mv-change .mv-change-item {display:flex !important;width:1060px !important;padding:0 20px;}
.section-05 .mv-change .video {position: relative; width:620px; max-height:408px; border-radius: 8px;;  ;display:flex;align-items: center;overflow:hidden;}
.section-05 .mv-change .video video {width:620px;position: relative;z-index:1;vertical-align:top;}
.section-05 .mv-change .txts {text-align:left;display: flex;align-items: center;}
.section-05 .mv-change .slick-slide .txts {display:flex; align-items: center; width:400px;padding-left:40px;height:408px;}
.section-05 .mv-change .slick-slide .txts .txt-inner {}
.section-05 .mv-change .txt1 {font-size:20px;line-height:30px;color:#111;}
.section-05 .mv-change .txt2 {font-size:24px;line-height:36px;color:#c61d23;margin-top:2px;}
.section-05 .mv-change .txt3 {font-size:17px;line-height:26px;color:#555;margin-top:8px;}
.section-05 .mv-change .btn--more {font-size:16px;line-height:24px;color:#222;margin-top:19px;display:block;}
.section-05 .mv-change .btn--more::after {content: '';display: inline-block;vertical-align: middle;margin-top:-3px;margin-left:3px;width: 12px;height: 12px;background: url(/cjom/web/images/brand/hetbahn/icon/ico-more-12x12.png) no-repeat center;background-size: contain;}
.section-05 .bottom-btn {margin-top:50px;}
.section-05 .bottom-btn a {border-radius: 4px; height:60px;width:100%;font-size:18px;display:flex;align-items: center;justify-content: center;}
.section-05 .txt3 + .bottom-btn {margin-top:80px;}
.section-05 .k-page {opacity: 0; padding:0 11px; position: absolute;bottom:16px;right:16px;background-color: rgba(0,0,0,0.4);border-radius: 30px;z-index:10;transition: all 0.25s;}
.section-05 .k-page {color:#fff;font-size:12px;line-height:24px;font-weight:bold;}
.section-05 .k-page em {font-style:normal; color:#fff;opacity: 0.5;font-size:12px;line-height:24px;font-weight:bold;}
.section-05 .slick-current .k-page {opacity: 1;}
/*  */
.section-05 .mv-change .slick-arrow {position: absolute;top:170px; width:56px;height:56px;text-indent:-9999px;z-index:1;}
.section-05 .mv-change .slick-arrow.slick-prev {left:-110px;background:url("data:image/svg+xml, %3Csvg width='56' height='56' viewBox='0 0 56 56' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='28' cy='28' r='27.333' stroke='%23222' stroke-width='1.333'/%3E%3Cg clip-path='url(%23w9z9ps3bea)'%3E%3Cpath d='m30.668 35.999-8-8 8-8' stroke='%23222' stroke-width='2.667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='w9z9ps3bea'%3E%3Cpath fill='%23fff' transform='scale(1 -1) rotate(90 38 -.666)' d='M0 0h21.333v21.333H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") 0 0 no-repeat}
.section-05 .mv-change .slick-arrow.slick-next {right:-110px;background:url("data:image/svg+xml, %3Csvg width='56' height='56' viewBox='0 0 56 56' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle r='27.333' transform='matrix(-1 0 0 1 28 28)' stroke='%23111' stroke-width='1.333'/%3E%3Cg clip-path='url(%23y060qe0t2a)'%3E%3Cpath d='m25.332 35.999 8-8-8-8' stroke='%23111' stroke-width='2.667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='y060qe0t2a'%3E%3Cpath fill='%23fff' transform='rotate(-90 28.667 10)' d='M0 0h21.333v21.333H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") 0 0 no-repeat}
.section-05 .mv-change .slick-arrow.slick-disabled {opacity: 0.5;}
.section-05 .mv-change .slick-dots {margin-top:45px;}
.section-05 .mv-change .slick-dots li {width:16px;height:16px;}
.section-05 .mv-change .slick-dots li button:after {width:8px;height:8px;}
.section-05 .mv-change .slick-dots li.slick-active button:after {content:"";background-color: #c61d23;;}


.section-06 .title{padding:140px 0 50px;text-align:center;font-size:48px;font-weight:300;color:#fff;line-height:68px;word-break:keep-all}
.section-06 .title span{display:block;margin-bottom:10px;font-size:20px;color:#BF9448;font-weight:400;line-height:30px;font-family: 'Roboto', 'Noto Sans KR', sans-serif;letter-spacing:0}
.section-06 .title b{font-weight:700;color:#fff}


.section-06{box-sizing:border-box;height:600px;padding-top:140px;background: #c61d23;}
.section-06>div{position:relative;width:1280px;box-sizing:border-box;margin:0 auto;padding-left:580px}
.section-06 h3.title{position:absolute;left:0;top:50%;margin-top:-260px;text-align:left;color:#fff;letter-spacing:-3px}
.section-06 h3.title b{color:#fff}
.section-06 h3.title span{color: #ffff;display:block;}
.section-06 .board_slider{overflow:Hidden;width:1021px}
.section-06 .board_slider .slick-list{overflow:visible}
.section-06 .board_slider .slick-slide{width:640px;min-width:640px;height:320px;margin:0 40px 0 0;overflow:Hidden;}
.section-06 .board_slider .slick-slide img {border-radius: 4px;overflow:hidden;;width:100%;}
.section-06 .board_slider .slick-dots{position:absolute;top:262px;left:452px;width:120px;height:38px;background: rgba(0, 0, 0, 0.4);border-radius: 40px;text-align:center;}
.section-06 .board_slider .slick-dots li{width:auto;height:38px;line-height:38px;vertical-align:top;padding-right:3px;display:none}
.section-06 .board_slider .slick-dots li.slick-active{display:inline-block}
.section-06 .board_slider .slick-dots span,
.section-06 .board_slider .slick-dots li button{display:inline-block;width:12px;height:38px;line-height:38px;border-radius:0;background:none;font-size:18px;color:#fff;vertical-align:top;text-indent:0;font-weight:500}
.section-06 .board_slider .slick-dots span{width:auto;font-weight:500;letter-spacing:4px;line-height:36px;}
.section-06 .board_slider .slick-dots li.slick-active button:after{display:none}
.section-06 .board_slider .slick-dots .stop{position:absolute;left:128px;width:38px;height:38px;background:rgba(0, 0, 0, 0.4) url(/cjom/web/images/brand/gourmet/icon/stop.svg) no-repeat center;border-radius:50%}
.section-06 .board_slider .slick-dots .stop.play{background-image:url(/cjom/web/images/brand/hetbahn/icon/btn-play.svg)}
.section-06 .board_slider .slick-arrow{position:absolute;top:262px;left:452px;width:38px;height:38px;background:url(/cjom/web/images/brand/hetbahn/icon/btn_prev.svg) no-repeat center;background-size:9px auto;font-size:0;z-index:1}
.section-06 .board_slider .slick-arrow.slick-next{left:532px;background-image:url(/cjom/web/images/brand/hetbahn/icon/btn_next.svg)}




/*  */
.section-07 {position: relative;background-color: #fff;padding:140px 0 120px 0;text-align:center;}
.section-07 .k-title {font-size:48px;line-height:68px;color:#111;}
.section-07 .instagram-wrap {display:flex;justify-content: center;}
.section-07 .instagram-wrap .inner {}
.section-07 .btn-wrap {display:flex;align-items: center;justify-content:space-between;margin-top:50px;}
.section-07 .btn-wrap .k-left {font-size:20px;color:#222;display:flex;align-items: center;font-weight:bold;;}
.section-07 .btn-wrap .k-left img {margin-right:8px;}
.section-07 .btn--instagram-follow {font-size:16px; padding:0 2px 0 18px; color:#222;
	height:40px;display:flex;align-items: center;justify-content: center;}
.section-07 .btn--instagram-follow::after {content: '';display: inline-block;vertical-align: middle;;margin-left:5px;width: 12px;height: 12px;background: url(/cjom/mobile/images/brand/hetbahn/icon/ico-more-12x12.png) no-repeat center;background-size: contain;}


.insta-list {margin-top:24px; margin-right:-20px; display:flex;}
.insta-list ul {position: relative;overflow:hidden; width:540px; }
.insta-list ul li {position: relative; width:250px; margin-right:20px;  margin-bottom:20px; height:fit-content;float:left;box-sizing: border-box;overflow:hidden;}
.insta-list ul li.large {width:520px}
.insta-list ul li span {background-size: cover; background-repeat: no-repeat; background-position: center;display:block;width:100%; opacity: 0; transition:all 0.5s 0.25s ;}
.insta-list ul li span:After {content:"";display:block;padding-bottom:100%;}
.insta-list ul:after {content:"";display:block;clear:both;}
.section-07 .insta-list ul li:nth-child(2n-1) span {transform: matrix(1,0,0,1,100,0);}
.section-07 .insta-list ul li:nth-child(2n) span {transform: matrix(1,0,0,1,0,100);}
.section-07 .insta-list ul li:nth-child(4n-1) span {transform: matrix(1,0,0,1,0,-100);}
.section-07 .insta-list ul li:nth-child(4n) span {transform: matrix(1,0,0,1,0,-100);}
.section-07 .insta-list ul li.on span {transform: matrix(1,0,0,1,0,0) !important;opacity: 1;}
/*  */
.section-08.k-login {position: relative; display:flex; justify-content: center;height:432px;padding-bottom:140px; overflow:hidden; transition: all 0.5s 0.15s;}
.section-08.k-login:after {content:"";position: absolute;top:0px;left:0px;width:100%;height:432px;background-color: #c61d23;}
/* .section-08.k-login.section-start {height:432px;padding-bottom:140px;} */
.section-08.k-login .section-inner {padding:0px 0 140px 0;width:1920px;background-color: #c61d23;}
.section-08.k-login .k-box {position: relative;z-index:1;color:#fff;padding-top:100px;}
.section-08.k-login dl {color:#fff;text-align:center;}
.section-08.k-login dl dt {font-size:24px;line-height:34px;}
.section-08.k-login dl dd {font-size:40px;line-height:56px;font-weight:bold;margin-top:10px;}
.section-08.k-login .btn--more {border:1px solid #fff; border-radius: 4px; text-align:center; width:264px; height:60px;; color:#fff; height:60px;font-size:20px;line-height:30px;margin-top:36px;}
.section-08.k-login .k-img {position: absolute;top:0px;left:calc(50% - 960px);width:1920px;height:512px;;z-index:1;}

/*  */
.section-08 {position: relative;text-align:center;display:flex;justify-content: center;}
.section-08 .section-inner {padding:136px 0 140px 0;width:1920px;background-color: #c61d23;}
.section-08 .k-title {font-size:48px;line-height:68px;color:#fff;}
.section-08 .wiki-list-wrap {margin-top:54px;}
.section-08 .wiki-list {display:flex;justify-content: center;}
.section-08 .wiki-list-item {position: relative;display:flex;justify-content: center;width:1194px;flex-wrap: wrap;}
.section-08 .wiki-list-item .list-item {margin:0 34px 50px 34px; width:320px; display:block; background-color: transparent;  transition: all 0.35s;}
.section-08 .wiki-list-item .list-item.tail.rotate-left {transform:rotate(5deg) !important;transition-delay: 0s !important;}
.section-08 .wiki-list-item .list-item.tail.rotate-right {transform:rotate(-5deg) !important;transition-delay: 0s !important;}
.section-08 .wiki-list-item dl {
	display:flex;justify-content: space-between;flex-direction: column; 
	padding:38px 40px 35px 40px;box-sizing: border-box;text-align: left;; position: relative; width:100px;height:100px;opacity: 0;
	transform:matrix(1,0,0,1,100,100);background-color:#fff;border-radius: 24px;;
	box-shadow: 10px 10px 10px 10px rgba(0,0,0,0.1);transition: all 0.5s ;
}
.section-08 .list-item:nth-child(1) dl {transition-delay:  0.1s;}
.section-08 .list-item:nth-child(2) dl {transition-delay:  0.2s;}
.section-08 .list-item:nth-child(3) dl {transition-delay:  0.3s;}
.section-08 .list-item:nth-child(4) dl {transition-delay:  0.4s;}
.section-08 .list-item:nth-child(5) dl {transition-delay:  0.5s;}

.section-08 .wiki-list-item .list-item:first-child {margin-top:0px;}
.section-08 .wiki-list-item .k-tail {position:absolute;bottom:1px;right:-18px;width:28px;height:28px;background:url(/cjom/web/images/brand/hetbahn/bubble_tail_54x54.png) 0 0 no-repeat;background-size:cover;transform: scale(0);transition:all 0.5s 0.25s}
.section-08 .wiki-list-item .list-item.tail {}
.section-08 .wiki-list-item .list-item.tail dl {opacity: 1; width:320px;height:280px;transform:matrix(1,0,0,1,0,0);}
.section-08 .wiki-list-item .list-item.tail .k-tail {transform: scale(1);}
.section-08 .wiki-list-item dl dt {font-size:28px;line-height:40px;color:#c61d23;min-width:240px;opacity: 0;transition: all 0.25s 0.25s;}
.section-08 .wiki-list-item .list-item.tail dl dt {opacity: 1;}
.section-08 .btn--more {color:#c61d23;font-size:16px;line-height:24px;}
.section-08 .btn--more::after {content: '';display: inline-block;vertical-align: middle;margin-top:-2px;width: 12px;height: 12px;margin-left:3px;background: url(/cjom/web/images/brand/hetbahn/icon/ico-more-red-12x12.png) no-repeat center;background-size: contain;}
.wiki-list .slick-track {padding:20px 0 30px 0; }
.section-08 .slick-dots {background-color: transparent;margin-top:-4px;padding:0px;}
.section-08 .slick-dots li button {width:6px;height:6px;background-color: #ccc;;}
.section-08 .slick-dots li.slick-active {width:18px}
.section-08 .slick-dots li.slick-active button {width:18px;background-color: #fff;;border-radius: 10px;;}
.section-08 .cont-list-title {margin-top:45px;font-size:48px;line-height:68px;}
.k-accordion-wrap {display:Flex;justify-content: center;}
.k-accordion-wrap .k-accordion {width:1280px;}

.section-08 .wiki-list-item .list-item.shake dl,
.section-08 .wiki-list-item .list-item:hover dl {
	animation:faqShake 0.4s ease-in forwards;
}
@keyframes faqShake{
	0%{
		-o-transform:rotate(0deg);
		-ms-transform:rotate(0deg);
		-moz-transform:rotate(0deg);
		-webkit-transform:rotate(0deg);
		transform:rotate(0deg);
	}
	12%{
		-o-transform:rotate(2deg);
		-ms-transform:rotate(2deg);
		-moz-transform:rotate(2deg);
		-webkit-transform:rotate(2deg);
		transform:rotate(2deg);
	}
	36%{
		-o-transform:rotate(-2deg);
		-ms-transform:rotate(-2deg);
		-moz-transform:rotate(-2deg);
		-webkit-transform:rotate(-2deg);
		transform:rotate(-2deg);
	}
	62%{
		-o-transform:rotate(1deg);
		-ms-transform:rotate(1deg);
		-moz-transform:rotate(1deg);
		-webkit-transform:rotate(1deg);
		transform:rotate(1deg);
	}
	86%{
		-o-transform:rotate(-1deg);
		-ms-transform:rotate(-1deg);
		-moz-transform:rotate(-1deg);
		-webkit-transform:rotate(-1deg);
		transform:rotate(-1deg);
	}
	100%{
		-o-transform:rotate(0deg);
		-ms-transform:rotate(0deg);
		-moz-transform:rotate(0deg);
		-webkit-transform:rotate(0deg);
		transform:rotate(0deg);
	}
}
/*  */
.section-08 .k-accordion-wrap {margin-top:56px;}
.section-08 .k-accordion {background-color: #fff;border-radius: 24px;padding: 76px 45px 50px 46px;}
.section-08 .k-accordion ul li {display:none; position: relative; text-align:left;padding-top:26px; padding-bottom:27px;}
.section-08 .k-accordion ul li.on {display:block;}
.section-08 .k-accordion ul li:after {content:"";position: absolute;bottom:0px;left:8px;right:8px;height:1px;background-color: #eee;;}
.section-08 .k-accordion ul li:first-child {padding-top:0px;}
.section-08 .k-accordion ul li .k-head {display:flex;font-size:18px;line-height:26px;padding:0 14px 0 4px;}
.section-08 .k-accordion ul li .k-head .k-left {min-width:23px;color:#c61d23;font-weight: bold;;}
.section-08 .k-accordion ul li .k-head .k-center {flex:1 auto;font-weight: bold;;}
.section-08 .k-accordion ul li .k-head .k-right {min-width:40px;display:flex;align-items: center;justify-content: flex-end;}
.section-08 .k-accordion ul li .k-head .k-right span {display:inline-block; width:20px;height:20px;background:url(/cjom/web/images/brand/hetbahn/icon/ico-dropdown-20x20.png) 0 0 no-repeat;background-size: cover;;}
.section-08 .k-accordion ul li .k-head strong {color:#c61d23;}
.section-08 .k-accordion ul li .k-panel {margin:26px 4px 0 4px; display: flex;background-color: #fbf6ef;padding:24px 32px 28px 24px;  border-bottom:1px solid #eee;border-top:1px solid #eee;}
.section-08 .k-accordion ul li .k-panel .k-left {min-width:19px;font-size:20px;line-height:26px;color:#c61d23;font-weight: 500;}
.section-08 .k-accordion ul li .k-panel .k-right {flex:1 auto;font-size:17px;line-height:26px;;color:#555;padding-left:10px;}
.section-08 .k-accordion ul li.is-active {padding-bottom:0px;;}
.section-08 .k-accordion ul li.is-active  .k-head .k-right span {transform:rotate(180deg)}
.section-08 .k-accordion ul li.is-active:after {content:"";background-color: transparent;;}
.section-08 .btn--list-more {margin-top:30px; border:1px solid #ccc; border-radius: 4px;; width:360px; height:48px;line-height:40px; font-size:15px;line-height:22px;color:#222;}
.section-08 .btn--list-more::after {content: '';display: inline-block;vertical-align: middle;margin-top:-2px; margin-left:5px; width: 16px;height: 16px;background: url(/cjom/web/images/brand/hetbahn/icon/ico-arrow-down-16x16.png) no-repeat center;background-size: contain;}

/*  */
.section-09 {position: relative;display: flex;justify-content: center;}
.section-09 .section-inner {width:1920px;background-color: #fbf6ef;}
.section-09 .k-list .k-item {display:flex;}
.section-09 .k-list .k-item .item-left {position: sticky;top:0px;width:50%;max-height:100vh;display:flex;justify-content: flex-end;padding-right:110px;box-sizing: border-box;}
.section-09 .k-list .k-item .item-left .left-inner {position: absolute;	margin-top:268px; height:100vh;box-sizing: border-box;}
.section-09 .k-list .k-item:first-child .item-left .left-inner {margin-top:268px;}
.section-09 .k-list .k-item:first-child.section-top .item-left .left-inner {position: fixed;top:0px;;}
.section-09 .k-title {z-index:1; position: absolute; top:140px; left:calc(50% - 730px); width:620px; font-size:48px;line-height:68px;color:#111;text-align:center;margin-bottom:60px;}
.section-09.section-top .k-title {position: fixed;}
.section-09 .k-list .k-item .item-left .k-content {opacity: 0;transition: all 0.5s;}
.section-09 .k-list .k-item.section-mid .item-left .left-inner {background-color: #fbf6ef;}
.section-09 .k-list .k-item.section-mid .item-left .k-content {opacity: 1;}
.section-09 .k-list .k-item:first-child .item-left .k-content {opacity: 1;}
/* .section-09 .k-list .k-item.section-end .item-left .k-content {opacity: 0;} */

.section-09 .k-list .k-item:nth-child(2) .item-left .left-inner {position: fixed;top:0px;margin-top:268px;}
.section-09 .k-list .k-item:nth-child(3) .item-left .left-inner {position: fixed;top:0px;margin-top:268px;;}
.section-09 .k-list .k-item .k-content img {width:initial}
.section-09 .k-list .k-item dl {margin-top:12px;text-align:left;border-bottom:1px solid #eee;padding-bottom:16px;}
.section-09 .k-list .k-item dl dt {font-size:24px;line-height:34px;color:#111;font-weight:bold;}
.section-09 .k-list .k-item dl dt strong {color:#c61d23;}
.section-09 .k-list .k-item dl dd {font-size:15px;line-height:22px;color:#555;margin-top:12px;}
.section-09 .prd-wrap {position: relative;overflow: hidden;padding:140px 0 140px 60px;width:50%;background-color: #fff;;}
.section-09 .prd-wrap .photo-review-scroll { width:597px}
.section-09 .prd-wrap .photo-review-scroll .photo-review-list {min-height:100vh;}
.section-09 .prd-wrap .photo-review-scroll .photo-review-item {padding:24px 0 0 0 ; margin-top:24px; border-top:1px solid #eee;background-color:#fff;}
.section-09 .prd-wrap .photo-review-scroll .photo-review-item:first-child {margin-top:0px;border-top:0px;padding-top:0px;}
.section-09 .prd-wrap .wrap-inner {display:flex;justify-content: space-between;;position: relative;}
.section-09 .prd-wrap .k-left {width:140px;min-width:140px;}
.section-09 .prd-wrap .k-left img {width:100%;vertical-align:top;border-radius: 4px;;}
.section-09 .prd-wrap .k-center {position: relative; flex:1 auto;text-align:left;padding: 0px 0 0 20px;display:flex; align-items: flex-start;}
.section-09 .prd-wrap .k-center .k-inner {position: relative;width:100%;}
.section-09 .prd-wrap .k-center .k-name {width:288px; font-size:20px;line-height:30px;white-space: initial;color:#111;}
.section-09 .prd-wrap .k-center .k-price {font-size:16px;line-height:24px;margin-top:4px;color:#999;}
.section-09 .prd-wrap .k-center .k-price span {font-size:13px;text-decoration: line-through;}
.section-09 .prd-wrap .k-center .k-price-discount {font-size:20px;line-height:36px;margin-top:4px;}
.section-09 .prd-wrap .k-center .k-price-discount strong {font-size:24px;}
.section-09 .prd-wrap .k-center .k-price-discount .price {font-size:24px}
.section-09 .prd-wrap .k-center .k-price-discount .per {font-size:24px;color:#1ba774;font-weight:bold}
.section-09 .prd-wrap .k-center .k-name + .k-price-discount {margin-top:6px;}
.section-09 .prd-wrap .k-center .k-price + .k-price-discount {margin-top:0px;}
.section-09 .prd-wrap .k-center .k-prime {color:#c68f35;font-size:14px;line-height:16px;}
.section-09 .prd-wrap .k-center .k-prime + .k-star {margin-top:10px;}
.section-09 .prd-wrap .k-center .k-star {min-width:42px;font-size:16px;line-height:24px;margin-top:2px;color:#333; display:flex;align-items: center;;}
.section-09 .prd-wrap .k-center .k-star svg {width:18px;display:inline-block;margin-right:2px; margin-top:2px;}
.section-09 .prd-wrap .k-center .k-star span {color:#777;margin-left:4px;}
.section-09 .prd-wrap .btn-prd-cart {position: absolute;top:calc(50% - 21px);right:0px;;width:128px;text-align:center; height:42px;font-size:16px;line-height:24px;color:#c61d23;}
.section-09 .prd-wrap .review-wrap {margin-top:22px;}
.section-09 .prd-wrap .review-wrap ul li {position: relative; display: inline-block; background-color:#f8f8f8;border-radius:8px;padding:15px 24px 17px 24px; margin-top:20px;}
.section-09 .prd-wrap .review-wrap ul li:first-child {margin-top:0px;}
.section-09 .prd-wrap .review-wrap ul li div {color:#555;font-size:16px;line-height:24px;white-space: normal;}
.section-09 .prd-wrap .review-wrap ul li div {	overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;	-webkit-box-orient: vertical;max-height:initial;max-height:64px;}
.section-09 .prd-wrap .review-wrap ul li:after {content:"";position: absolute;top:-18px;left:20px;width:24px;height:18px;background: url(/cjom/web/images/brand/hetbahn/icon-review-bubble.png) 0 0 no-repeat;background-size:cover;}
.section-09 .prd-wrap .photo-review-scroll::-webkit-scrollbar {width: 0px;  background: transparent;   }
.section-09.section-end  .k-list .k-item.section-top .item-left .left-inner {position: absolute;}
.section-09.section-end .k-title {opacity: 0;}
/*  */
.section-10 {position: relative;padding:140px 0px 140px 0px;text-align:left;;display:flex; background-color: #fbf6ef; justify-content: center;z-index:1;}
.section-10 .section-inner {position: relative;}
.section-10 .k-img {width:1280px;border-radius: 16px;;overflow:hidden;vertical-align: top;;}
.section-10 .k-img img {vertical-align:  top;}
.section-10 .k-box {position: absolute; top:126px;left:120px;}
.section-10 .k-box .k-title {font-size:40px;line-height:55px;color:#111;}
.section-10 .k-box .btn--more {margin-top:30px; display:block; background-color: #c61d23;; width:264px;height:60px;text-align:center;color:#fff;border-radius: 4px;;font-size:20px;line-height:58px;}
/*  */
.section-11 {position: relative; padding-bottom:140px; z-index: 1; text-align:center;display:flex;justify-content: center;}
.section-11 .section-inner {width:1920px;height:420px; overflow:hidden;display:flex;justify-content: center;background-color: #fbf6ef;}
.section-11 .k-box {position: relative;;width:100%;}
.section-11 .k-box .k-img {position: absolute; top:0px; left:0px; width:100%; height:420px; background-repeat: no-repeat;background-size:cover;;}
.section-11 .k-box .k-img:after {content:"";position: absolute;top:0px;left:0px;width:100%;height:100%;background-color: rgba(0,0,0,0.4);}
.section-11 .k-box .k-txts {position: relative; height:100%;display:flex;align-items: center;justify-content: center;}
.section-11 .k-box .txt01 {font-size:24px;line-height:34px;color:#fff;}
.section-11 .k-box .txt02 {font-size:40px;line-height:56px;color:#fff;font-weight: bold;margin-top:16px;;}
.section-11 .k-box .btn {font-size:18px; width:240px; height:60px;border-radius: 4px;;margin-top:32px;}
.section-11 .k-box .k-img {transform:scale(1);transition: all 1s linear;}
.section-11 .k-box .k-img[data-index="-3"] .k-img {transform:scale(1.00);}
.section-11 .k-box .k-img[data-index="-4"] .k-img {transform:scale(1.01);}
.section-11 .k-box .k-img[data-index="-5"] .k-img {transform:scale(1.02);}
.section-11 .k-box .k-img[data-index="-6"] .k-img {transform:scale(1.03);}
.section-11 .k-box .k-img[data-index="-7"] .k-img {transform:scale(1.04);}
.section-11 .k-box .k-img[data-index="-8"] .k-img {transform:scale(1.05);}
.section-11 .k-box .k-img[data-index="-9"] .k-img {transform:scale(1.06);}
.section-11 .k-box .k-img[data-index="-10"] .k-img {transform:scale(1.07);}
.section-11 .k-box .k-img[data-index="-11"] .k-img {transform:scale(1.08);}
.section-11 .k-box .k-img[data-index="-12"] .k-img {transform:scale(1.09);}
.section-11.section-end .k-img {transform:scale(1.1);}

/*  */
.section-13 { position: relative;background-color: #fff;padding:140px 0 140px 0;text-align:center;}
.section-13 .k-title {font-size:48px;line-height:68px;color:#111;}
.section-13 .k-list-wrap {overflow:hidden;margin-top:65px;}
.section-13 .k-list {position: relative;display:flex;justify-content: center;}
.section-13 .k-list ul {display:flex;padding:0 16px;}
.section-13 .k-list ul li {margin-left:40px; display:inline-block;width:400px;;}
.section-13 .k-list ul li:first-child {margin-left:0px;}
.section-13 .k-list ul li a {display:block;width:400px;height:400px;border-radius: 16px;overflow:hidden;}
.section-13 .k-list ul li {-webkit-perspective:1600px;perspective:1600px}
.section-13 .k-list ul li a {position:relative;display:block;vertical-align:top;width:100%;max-width:800px;opacity: 0;transform:matrix(1,0,0,1,10,10) rotateY(20deg) rotateX(30deg);transition: transform 0.5s , opacity 0.5s linear;}
.section-13 .k-list ul li:nth-child(2) a {transform:matrix(1,0,0,1,0,-10) rotateY(-30deg) rotateX(340deg);}
.section-13 .k-list ul li:nth-child(4) a {transform:matrix(1,0,0,1,0,-10) rotateY(-30deg) rotateX(340deg);}
.section-13 .k-list ul li:nth-child(1) a {transition-delay: 0.1s;}
.section-13 .k-list ul li:nth-child(2) a {transition-delay: 0.12s;}
.section-13 .k-list ul li:nth-child(3) a {transition-delay: 0.14;}
.section-13 .k-list ul li:nth-child(4) a {transition-delay: 0.16s;}
.section-13.section-start .k-list ul li a {opacity: 1;}
.section-13.section-end .k-list ul li a {transform:matrix(1,0,0,1,0,0) rotateY(0deg) rotateX(0deg);}
.section-13.section-end .k-list ul li:nth-child(2) a {transform:matrix(1,0,0,1,0,0) rotateY(0deg) rotateX(360deg);}
.section-13.section-end .k-list ul li:nth-child(4) a {transform:matrix(1,0,0,1,0,0) rotateY(0deg) rotateX(360deg);}
/*  */
.fixed-request {position: fixed;bottom:85px;right:16px;z-index:99;}
.fixed-request.on {transform:none !important;}
.ico-req {position: relative; display:block; width:62px;height:90px;background: url(/cjom/web/images/brand/hetbahn/icon/request-hatbahn.gif) 0 0 no-repeat;background-size:cover;;z-index:1;}
.ico-req:before {content:"";position: absolute;top:0px;left:0px;; display:block; width:62px;height:90px;background: url(/cjom/web/images/brand/hetbahn/icon/request-hatbahn.png) 0 0 no-repeat;background-size:cover;;z-index:2;;}
/*  */
.prd-all-modal {border:0px;padding:0px;}
.prd-all-modal .btn-close {position: absolute; text-indent: -9999px; top:40px;right:40px;width:48px;height:48px;background: url(/cjom/web/images/brand/hetbahn/icon/modal-close.png) no-repeat center;background-size:cover;}
.prd-all-modal .modal-header {padding:100px 0px 0px 0px;margin:0px 0px;}
.prd-all-modal .modal__header-fixed {max-width:840px;}
.prd-all-modal.modal .modal-contents {max-height:calc(100vh - 487px);padding:0px;}
.prd-all-modal.modal .modal-contents .scroll-wrapper {max-height:calc(100vh - 487px) !important;}
.prd-all-modal .k-head .k-title {font-size:40px;line-height:56px;color:#111111;padding:0 60px;}
.prd-all-modal .k-list-wrap {overflow:hidden;margin-top:38px;border-bottom:8px solid #f8f8f8;padding:0 60px;}
.prd-all-modal .k-list {position: relative;padding-bottom:36px;}
.prd-all-modal .k-list ul {display:block;white-space: nowrap;;padding:0 6px;text-align:Center;}
.prd-all-modal .k-list ul li {padding:0 6px; display:inline-block;margin:0px;;position: relative; text-align: left;; box-sizing: border-box; transition: all 0.25s;}
.prd-all-modal .k-list ul li .k-img {position: relative;width:100%;height:114px;border-radius: 8px;overflow:hidden;box-sizing: border-box;transition: all 0.25s;}
.prd-all-modal .k-list ul li .k-text {white-space: normal;font-size:17px;line-height:26px;margin-top:3px;color:#111;}
.prd-all-modal .k-list ul li .k-name { font-size:18px;line-height:26px;color:#111;font-weight: bold;;margin-top:10px;}
.prd-all-modal .k-list ul li.active .k-img {border:4px solid #c61d23;}
.prd-all-modal .k-list ul li .k-img:after {content:"";position: absolute;top:0px;left:0px;width:100%;height:100%;background-color: rgba(0,0,0,0.3);}
.prd-all-modal .k-list ul li.active .k-name {color:#c61d23;font-weight:bold;}
.prd-all-modal .k-list ul li.active .k-text {color:#c61d23;}
.prd-all-modal .k-list .slick-arrow {position: absolute;top:82px; width:40px;height:40px;margin-top:-42px;text-indent:-9999px;z-index:1;}
.prd-all-modal .k-list .slick-arrow.slick-prev {left:-40px;background:url("data:image/svg+xml, %3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E    %3Cpath d='M25 30 15 20l10-10' stroke='%23111' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") 0 0 no-repeat}
.prd-all-modal .k-list .slick-arrow.slick-next {right:-40px;background:url("data:image/svg+xml, %3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E    %3Cpath d='m15 30 10-10-10-10' stroke='%23111' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") 0 0 no-repeat}
.prd-all-modal .k-list .slick-arrow.slick-disabled {opacity: 0.5;}
.prd-all-modal .k-list .slick-dots {margin-top:27px;}
.prd-all-modal .k-list .slick-dots li {width:16px;height:16px;}
.prd-all-modal .k-list .slick-dots li button:after {width:8px;height:8px;}
.prd-all-modal .k-list .slick-dots li.slick-active button:after {content:"";background-color: #c61d23;;}
.prd-all-modal .prd-modal-list .section-item {padding:37px 60px 42px 60px;border-bottom:8px solid #f8f8f8;}
.prd-all-modal .prd-modal-list .section-item:last-child {border-bottom:0px;}
.prd-all-modal .prd-modal-list .section-item .k-name {font-size:32px;line-height:48px;font-weight:bold;padding-left:4px;}
.prd-all-modal .prd-modal-list .section-item .k-subname {margin-top:20px; font-size:24px;line-height:34px;color:#333;font-weight:bold;padding-left:4px;}
.prd-all-modal .prd-modal-list .section-item .k-subname + ul {margin-top:-12px !important;}
.prd-all-modal .prd-modal-list .section-item ul + .k-subname {margin-top:22px;}
.prd-all-modal .prd-modal-list .section-item .k-banner {margin-top:10px;display:none;}
.prd-all-modal .prd-modal-list .section-item .k-banner .k-inner {position: relative;border-radius: 8px;overflow:hidden;;}
.prd-all-modal .prd-modal-list .section-item .k-banner .k-img {position: absolute;top:0px;left:0px;width:100%;height:100%;background-size:cover;}
.prd-all-modal .prd-modal-list .section-item .k-banner .k-img:after {content:"";position: absolute;top:0px;left:0px;width:100%;height:100%;background-color: rgba(0,0,0,0.3);}
.prd-all-modal .prd-modal-list .section-item .k-banner dl {color:#fff;position: relative;z-index:1;;text-align:center;padding:18px 0;}
.prd-all-modal .prd-modal-list .section-item .k-banner dl dt {font-size:16px;line-height:24px;font-weight:bold;}
.prd-all-modal .prd-modal-list .section-item .k-banner dl dd {font-size:14px;line-height:20px;margin-top:4px;}
.prd-all-modal .prd-modal-list .section-item .k-prd-list {margin-top:-8px;}
.prd-all-modal .prd-modal-list .section-item .k-prd-list ul {display:flex;flex-wrap: wrap;margin:0 -4px;}
.prd-all-modal .prd-modal-list .section-item .k-prd-list ul li {width:25%;margin-top:32px;padding:0 10px;box-sizing: border-box;}
.prd-all-modal .prd-modal-list .section-item .k-prd-list ul li a {}
.prd-all-modal .prd-modal-list .section-item .k-prd-list ul li a .k-img {box-sizing: border-box; background-color: #f9f9f9;;border:1px solid #eee;border-radius:8px;overflow:hidden;}
.prd-all-modal .prd-modal-list .section-item .k-prd-list ul li a .k-img img {width:100%;vertical-align:top;}
.prd-all-modal .prd-modal-list .section-item .k-prd-list ul li a .k-text {margin-top:6px; text-align:center; font-size:18px;line-height:26px;color:#222;}
.prd-all-modal .k-list::-webkit-scrollbar {width: 0px;background: transparent;}
/*  */
.modalB {border:0px;}
.modalB .btn-close {position: absolute; text-indent: -9999px; top:40px;right:40px;width:48px;height:48px;background: url(/cjom/web/images/brand/hetbahn/icon/modal-close.png) no-repeat center;background-size:cover;}
.modalB .modal-header {padding:100px 0px 40px 0px;margin:0px 60px;}
.modalB .k-head .k-title {font-size:40px;line-height:56px;color:#c61d23;padding-bottom:32px;padding:0 16px;font-weight:bold; }
.modalB.modal .modal-contents {max-height:calc(100vh - 308px)}
.modalB.modal .modal-contents .scroll-wrapper {max-height:calc(100vh - 308px) !important;}
.modalB .k-cont {margin-top:80px;padding:0 60px 60px 60px;}
.modalB .k-cont .k-img {margin-top:40px;}
.modalB .k-cont .k-img:first-child {margin-top:0px}
.modalB .k-cont .k-text {margin-top:40px;font-size:17px;line-height:26px;color:#555;}
.modalB .k-cont .k-text:first-child {margin-top:0px}
/*  */
.prd-story-modal {border:0px;}
.prd-story-modal .btn-close {position: absolute; text-indent: -9999px; top:40px;right:40px;width:48px;height:48px;background: url(/cjom/web/images/brand/hetbahn/icon/modal-close.png) no-repeat center;background-size:cover;}
.prd-story-modal .modal-header {padding:100px 0px 40px 0px;margin:0px 60px;}
.prd-story-modal .k-head .k-title {font-size:40px;line-height:56px;color:#c61d23;margin-bottom:26px;}
.prd-story-modal .btn--newprd-more {color:#c61d23;height:40px;line-height:40px;font-size:17px;line-height:26px;}
.prd-story-modal .btn--newprd-more::after {content: '';display: inline-block;vertical-align: middle;margin-top:-2px;margin-left:2px;width: 12px;height: 12px;background: url(/cjom/web/images/brand/hetbahn/icon/ico-more-red-12x12.png) no-repeat center;background-size: contain;}
.prd-story-modal.modal .modal-contents {max-height:calc(100vh - 304px)}
.prd-story-modal .k-cont {padding-bottom:100px;}
.prd-story-modal .k-cont .k-video-wrap video {width:100%;}
.prd-story-modal .k-cont .k-editor {padding:70px 60px 0 60px;}
.prd-story-modal .k-cont .k-editor .k-title {font-size:32px;line-height:48px;color:#111}
.prd-story-modal .k-cont .k-editor .video {overflow:hidden;position: relative;}
.prd-story-modal .k-cont .k-editor video {width:100%;}
.prd-story-modal .k-cont .k-editor .k-head {font-size:32px;line-height:48px;margin-top:80px;color: #111;}
.prd-story-modal .k-cont .k-editor .k-head .ico {width:328px;margin-bottom: 40px;}
.prd-story-modal .k-cont .k-editor .k-img {margin-top:40px;}
.prd-story-modal .k-cont .k-editor .k-text {font-size:17px;line-height:26px;color:#555;margin-top:32px;text-align:left;}
.prd-story-modal .k-cont .k-editor .k-img-div {display:flex;margin:0 -4px;}
.prd-story-modal .k-cont .k-editor .k-img-div .k-img {width:50%;padding:4px;}
.prd-story-modal .k-cont .k-editor .k-img-div .k-img img {width:100%;;overflow:hidden;position: relative;}
.prd-story-modal .k-cont .k-editor .k-member {margin-top:80px;text-align:center;}
.prd-story-modal .k-cont .k-editor .k-member .k-img.circle {text-align:center;}
.prd-story-modal .k-cont .k-editor .k-member .k-img.circle img {border-radius: 50%;;width:160px;height:160px;}
.prd-story-modal .k-cont .k-editor .k-member .k-title {font-size:24px;line-height:34px;color:#111;margin-top:20px;}
.prd-story-modal .k-cont .k-editor .k-member .k-title strong {color:#c61d23;}
.prd-story-modal .k-cont .k-editor .k-member .k-title span {font-size:17px;line-height:26px;color:#555;display:block;margin-top:8px;}
.prd-story-modal .k-cont .k-editor .k-member .k-img.box {margin-top:80px;}
.prd-story-modal .k-cont .k-editor .k-img.last {margin-top:80px;text-align:center;}
.prd-story-modal .k-cont .k-editor .k-img.last img {}
.prd-story-modal .k-cont .k-editor .btn-wrap {display:flex;justify-content: center;}
.prd-story-modal .k-cont .k-editor .btn--buy {font-size:20px; width:400px; height:60px;background-color:#222;color:#fff;border-radius:4px;margin-top:40px;}

/**************************************************************************************************  
 * 개인화 common
***************************************************************************************************/
.section-personal {position: relative;text-align:center;display: flex;justify-content: center;}
.section-personal .section-inner {position: relative;width:1920px;}
.section-personal .k-head {padding:100px 0 0px 0;font-size:48px;line-height:68px;color:#fff;padding-bottom:60px;background-color: #c61d23;}
.section-personal .k-head p {font-size:18px;line-height:26px;margin-top:20px;}
.section-personal .k-view-item {border-top:1px solid #ddd;padding:90px 0;}
.section-personal .k-view-item:last-child {padding-bottom:100px;}
.section-personal .k-view-item:first-child {margin-top:0px;border-top:0px;}
.section-personal .k-view-item .item-head dl {text-align:center;position: relative;z-index:1;}
.section-personal .k-view-item .item-head dl dt {box-sizing: border-box;; display:inline-block; height:40px; line-height:42px;	padding:0 20px;font-weight:bold;font-size:20px; color:#c61d23;border-radius:30px;border:1px solid #c61d23;}
.section-personal .k-view-item .item-head dl dt span {display:flex;align-items: center;}
.section-personal .k-view-item .item-head dl dt span svg {margin-right:4px;}
.section-personal .k-view-item .item-head dl dd {font-size:40px;line-height:52px;margin-top:16px;}
.section-personal .item-01 {}
.section-personal .item-01 .k-cont {display:flex;justify-content: center;}
.section-personal .item-01 .k-cont .cont-inner {width:1280px;}
.privacy-form {	margin-top: 17px;	border-top: 1px solid #eee;	border-bottom: 1px solid #eeee;}
.privacy-form label .desc {	position: relative;	display:block;	padding-left:30px;	font-size: 14px;	color: #555;	font-weight: normal;}
.privacy-form [class^=link-underline] {	margin-left: 10px;	font-size: 15px;	line-height: 24px;}
.privacy-form .agree-item {	position: relative;	padding: 23px 30px 14px;	border-top: 1px solid #ddd;}
.privacy-form .agree-item:after {	content: "";	display: block;	clear: both;}
.privacy-form .agree-item:nth-child(1) {	margin: 0;	border-top: none;}
.privacy-form .agree-item label {	display: inline-block;	color: #000;	font-weight: 500;	vertical-align: top;}
.privacy-form .list {	padding: 12px 0 0;}
.privacy-form .list li {	position: relative;	padding: 0 30px 10px 15px;	overflow: hidden;}
.privacy-form .list li:before {	content: '';	display: inline-block;	width: 7px;	height: 7px;	margin: 0 6px 0 0;	background: url('https://www.cjthemarket.com//cjom/web/images/brand/common/spr_common.svg') 0 -150px		no-repeat;	background-size: 510px 210px;	vertical-align: 2px;}
.privacy-form .list label {	display: inline-block;	color: #000;	font-weight: normal;}
.privacy-form .list label strong {color:#c61d23;font-weight: normal;}
.privacy-form .list li:first-child label {	border-top: none;}
.agree-item > label .input-checkbox:after {content:"";width:22px;height:22px;background: url(/cjom/mobile/images/brand/hetbahn/icon/icon_check_all_off.png) 0 0 no-repeat;background-size:cover;;border:0px;}
.agree-item > label .input-checkbox.active:after {content:"";width:22px;height:22px;background: url(/cjom/mobile/images/brand/hetbahn/icon/icon_check_all_on.png) 0 0 no-repeat;background-size:cover;;border:0px;}
.agree-item ul li .input-checkbox:after  {content:"";width:22px;height:22px;background: url(/cjom/mobile/images/brand/hetbahn/icon/icon_check_off.png) 0 0 no-repeat;background-size:cover;;border:0px;}
.agree-item ul li .input-checkbox.active:after {content:"";width:22px;height:22px;background: url(/cjom/mobile/images/brand/hetbahn/icon/icon_check_on.png) 0 0 no-repeat;background-size:cover;;border:0px;}
.agree-item ul li a {color:#c61d23 !important;}
.agree-item ul li a[class^=link-underline] {    display: inline-block;    color: #0c8050 ;}
[class^=link-underline] span, [class^=link-underline] strong {	border-bottom:1px solid #c61d23;}
.section-personal .reple-cont {margin-top:18px;}
/*  */
.section-personal .item-02 {background-color:#fff;}
.section-personal .item-02 .k-cont {margin-top:54px;display:flex;justify-content: center;}
.section-personal .item-02 .k-cont .cont-inner {width:1280px;}
.section-personal .item-02 .k-cont .event {padding-bottom:48px;}
.section-personal .item-02 .k-cont .event img {width:initial}
.section-personal .item-02 .k-cont .cont-bottom {padding:0 110px;}
/*  */
.k-survey-wrap {position: relative;background-color: #f6f8f8;}
.k-survey-wrap .item-head {position: relative;z-index:1;text-align:center;}
.k-survey-wrap .item-head .k-text {box-sizing: border-box; display:inline-block;color:#c61d23; font-weight:bold; padding:0 20px; line-height:38px; height:40px; font-size:20px;border:1px solid #c61d23;border-radius:30px;}
.k-survey-wrap .item-body {display:flex;justify-content: center;margin-top:10px;}
.k-survey-wrap .item-body .body-inner {position: relative;z-index:1;width:1060px;}
.k-survey-wrap:after {content:"";position: absolute;top:0px;left:0px;width:100%;height:353px;background-color: #fff;;}
.k-survey-wrap .k-survey {padding:0 16px;text-align:center;}
.k-survey-wrap .k-survey .k-box {position: relative; border-radius: 16px;color:#000;padding:0px 32px 0px 32px;}
.k-survey-wrap .k-survey .k-box .k-head {position: absolute; left:0px; top:-18px; width:100%; display:flex;justify-content: center;align-items: center;}
.k-survey-wrap .k-survey .k-box .k-head .k-text {display:flex;justify-content: center;align-items: center;border-radius: 30px;; background-color: #000;padding:0 24px;font-size: 16px;;height:37px;;}
.k-survey-wrap .k-survey .k-box .k-top .k-logo {text-align:center;}
.k-survey-wrap .k-survey .k-box .k-top .k-logo .k-text {box-sizing: border-box; display:inline-block; font-weight:bold; padding:0 20px; line-height:38px; height:40px; font-size:20px;border:1px solid #000;border-radius:30px;}
.k-survey-wrap .k-survey .k-box .k-top .k-title { font-weight:bold; font-size:40px;line-height:52px;}
.k-survey-wrap .k-survey .k-box .k-img {text-align:center;margin-top:54px;}
.k-survey-wrap .k-survey .k-box .k-img img {width:400px;}
.k-survey-wrap .k-survey .k-box .k-txt {margin-top:24px;}
.k-survey-wrap .k-survey .k-box .k-txt dl dt {font-size:24px;line-height:26px;font-weight:bold;}
.k-survey-wrap .k-survey .k-box .k-txt dl dt strong {color:#c61d23;}
.k-survey-wrap .k-survey .k-box .k-txt dl dd {font-size:17px;line-height:26px;margin-top:13px;text-align:center;}
.k-survey-wrap .k-survey-info {padding:24px 16px 24px 16px;background-color: #f3fae8;;border-radius: 0 0 24px 24px;}
.k-survey-wrap .k-survey-info .k-text {color:#c61d23;text-align: center;font-size:14px;line-height:24px;}
.k-survey-wrap .survey-list-wrap { margin-top:38px;text-align:left;}
.k-survey-wrap .survey-list-head {padding:0 16px 0px 16px;}
.k-survey-wrap .survey-list-head .k-text {font-size:20px;line-height:30px;font-weight: bold;;padding-left:7px;}
.k-survey-wrap .survey-list {padding:0px 16px 0 16px;border:0px;}
.k-survey-wrap .survey-list .survey-item {position: relative; display:flex; justify-content: space-between; padding:22px 24px 18px 23px;background-color: #fff;border-radius: 4px;;margin-top:20px; border:1px solid #eee; overflow:hidden; }
.k-survey-wrap .survey-list .survey-item:first-child {margin-top:0px;}
.k-survey-wrap .survey-list .survey-item .k-left {padding-right:20px;}
.k-survey-wrap .survey-list .survey-item .k-point {margin-right:7px; font-size:16px;color:#fff; display: inline-block; border-radius: 30px;height:32px; line-height:30px; padding:0 11px 0 10px;background-color: #c61d23;;}
.k-survey-wrap .survey-list .survey-item.disabled .k-point {background-color: #999999;}
.k-survey-wrap .survey-list .survey-item .k-text {font-size:18px;line-height:32px;font-weight:bold;}
.k-survey-wrap .survey-list .survey-item .k-bottom {display:flex;justify-content: space-between;margin-top:14px;}
.k-survey-wrap .survey-list .survey-item .k-date {display:flex;align-items: center;;font-size:16px;line-height:24px;color:#999;}
.k-survey-wrap .survey-list .survey-item .k-state {display:flex;align-items: center;width:78px;}
.k-survey-wrap .survey-list .survey-item .k-state .btn-join {border:1px solid #c61d23; border-radius: 0px; 	  height:32px;font-size:16px;	line-height:20px;color:#c61d23; padding:0 10px; font-weight:bold;}
.k-survey-wrap .survey-list .survey-item.disabled .k-state .btn-join {white-space: nowrap; border:1px solid #999; background-color: #f8f8f8;color:#999;opacity: 1;}
.k-survey-wrap .survey-list .survey-item.disabled .k-text {color:#999;}
.k-survey-wrap .survey-list .survey-item.disabled .k-date {color:#999;}
.k-survey-wrap .survey-list .survey-item.disabled .k-btn {color:#555;}
.k-survey-wrap .survey-list .survey-item.disabled .k-state {padding-right:0px;}
.k-survey-wrap .btn-wrap {display:flex;justify-content: center;margin-top:2px;}
.k-survey-wrap .btn-wrap .btn--more {height:40px;font-size:15px;line-height:22px;color:#222;}
.k-survey-wrap .btn-wrap .btn--more::after {margin:-1px 0 2px 6px}
.k-survey-wrap .paging li span {background-color:#c61d23;}
/*  */
.privacy-form-wrap {padding:0px;text-align:left;}
.privacy-form-wrap .form-head {font-size:20px;line-height:30px;font-weight:bold;color:#111;}
.privacy-form-wrap .check-wrap {border:1px solid #eee;padding:16px 16px 13px 16px;margin-top:8px;}
.privacy-form-wrap .check-wrap .check-head {padding-bottom:11px;}
.privacy-form-wrap .check-wrap .check-head .checkbox__input {padding-left:33px; font-size:15px;line-height:24px;font-weight:bold;min-height:24px;height:initial;}
.privacy-form-wrap .check-wrap .check-body {border-top:1px solid #eee;padding-top:6px;}
.privacy-form-wrap .check-wrap .check-body .checkbox__input {font-size:15px; height:40px;line-height:40px;display:block;padding-left:33px;}
.privacy-form-wrap .check-wrap .check-body .checkbox__input strong {color:#c61d23;}
.privacy-form-wrap .check-wrap .check-body .ck-item {position: relative;display:flex;justify-content: space-between;}
.privacy-form-wrap .check-wrap .check-body .ck-item a {display: block;;width:40px;height:40px;background: url(/cjom/web/images/brand/hetbahn/icon/ico-more-grey-12x12.png) right center no-repeat;background-size: 12px;}
.privacy-form-wrap .check-wrap .check-head .checkbox__input:before {content:"";width:24px;height:24px;background: url(/cjom/web/images/brand/hetbahn/icon/icon_check_all_off.png) 0 0 no-repeat;background-size:cover;;border:0px;margin-top:-12px;}
.privacy-form-wrap .check-wrap .check-head .checkbox__input[aria-checked=true]:after {content:"";width:24px;height:24px;background: url(/cjom/web/images/brand/hetbahn/icon/icon_check_all_on.png) 0 0 no-repeat;background-size:cover;;border:0px;margin-top:-12px;}
.privacy-form-wrap .check-wrap .check-body .checkbox__input:before {content:"";width:24px;height:24px;background: url(/cjom/web/images/brand/hetbahn/icon/icon_check_off.png) 0 0 no-repeat;background-size:cover;;border:0px;margin-top:-12px;}
.privacy-form-wrap .check-wrap .check-body .checkbox__input[aria-checked=true]:after {content:"";width:24px;height:24px;background: url(/cjom/web/images/brand/hetbahn/icon/icon_check_on.png) 0 0 no-repeat;background-size:cover;;border:0px;margin-top:-12px;}
.privacy-form-wrap .check-wrap .check-body .checkbox__input .input-checkbox {display:none;}
/*  */
.reple-wrap {padding:0px;text-align:left;margin-top:50px;}
.reple-wrap .reple-head {font-size:20px;line-height:30px;font-weight:bold;color:#111;}
.reple-wrap .reple-cont .k-textarea {margin-top:18px;}
.reple-wrap .reple-cont .k-textarea textarea {border:0px;outline:1px solid #ddd;padding:16px;width:100%;box-sizing: border-box;min-height:98px;}
.reple-wrap .reple-cont .k-textarea textarea::placeholder {color:#777;}
.reple-wrap .reple-cont .k-textarea textarea:focus {outline:1px solid #c61d23;}
.reple-wrap .reple-cont .form-element__count {font-size:14px;line-height:22px;color:#777;text-align:right;margin-top:2px;}
.reple-wrap .reple-cont .current {color:#111;}
.reple-wrap .reple-cont .btn-wrap {display:flex;justify-content: center;}
.reple-wrap .reple-cont .btn--addreple {font-size:20px;line-height:24px; width:500px; margin-top:34px; height:60px;background-color:#222;color:#fff;border-radius: 4px;;}
.reple-wrap .reple-cont .btn--addreple:disabled {background-color: #999;;opacity: 1;}
.reple-wrap .reple-list-wrap {margin-top:48px;}
.reple-wrap .reple-list-wrap .reple-list-head {font-weight:bold;}
.reple-wrap .reple-list-wrap .reple-list-head .k-title {font-size:20px;line-height:30px;}
.reple-wrap .reple-list-wrap .reple-list-head .k-count {font-size:16px;line-height:24px;}
.reple-wrap .reple-list-wrap .reple-list-head strong {color:#c61d23;}
.reple-wrap .reple-list-wrap .reple-list-head .k-utils {display:flex;justify-content: space-between;margin-top:18px;}
.reple-wrap .reple-list-wrap .reple-list-head .k-utils .btn {position: relative; border:1px solid #c61d23; padding:0px 10px; height:30px;line-height:28px; font-size:14px;color:#c61d23; border-radius: 0px;;}
.reple-wrap .reple-list-wrap .reple-list-head .k-utils .btn:after {	content:"";position: absolute;top:calc(50% - 5px);right:0px;width:12px;height:12px;	background: url(/cjom/web/images/brand/hetbahn/icon/icon-navi-arrow-12x12.png) center no-repeat;background-size:cover;;}
.reple-wrap .reple-list-wrap .btn-wrap {display:flex;justify-content: center;margin-top:35px;}
.reple-wrap .reple-list-wrap .btn-wrap .btn--more {width:360px; border:1px solid #ccc; height:48px;font-size:15px;line-height:22px;color:#222;}
.reple-wrap .reple-list-wrap .btn-wrap .btn--more::after {content: '';display: inline-block;vertical-align: middle;margin-top:-2px;width: 16px;height: 16px;margin-left:5px;background: url(/cjom/web/images/brand/hetbahn/icon/ico-arrow-down-16x16.png) no-repeat center;background-size: contain;}
.reple-wrap .reple-list {border-top:1px solid #eee;margin-top:12px;}
.reple-wrap .reple-list .reple-item {border-bottom:1px solid #eee;display:flex;padding:15px 0 13px 0;}
.reple-wrap .reple-list .reple-item .k-left {min-width:52px;width:52px;}
.reple-wrap .reple-list .reple-item .k-right {flex:1 auto;padding-left:8px;}
.reple-wrap .reple-list .reple-item .k-txt {font-size:16px;line-height:24px;color:#333;word-break: break-all;}
.reple-wrap .reple-list .reple-item .k-member {display:flex; justify-content: space-between; font-size:15px;line-height:20px;color:#777;margin-top:9px;}
.reple-wrap .reple-list .reple-item .k-member .k-date {display:inline-block;position: relative;padding-left:8px;margin-left:8px;}
.reple-wrap .reple-list .reple-item .k-member .k-date:after {content:"";position:absolute;top:calc(50% - 1px);left:0px;width:2px;height:2px;background-color:#777;border-radius:50%;}
.reple-wrap .reple-list .reple-item .k-member .left {}
.reple-wrap .reple-list .reple-item .k-member .right {}
.reple-wrap .reple-list .reple-item .k-member .right ul {display:flex;}
.reple-wrap .reple-list .reple-item .k-member .right ul li {position: relative; margin:0 8px;}
.reple-wrap .reple-list .reple-item .k-member .right ul li .btn {color:#c61d23;font-size:15px;line-height:18px;}
.reple-wrap .reple-list .reple-item .k-member .right ul li:after {content:"";position: absolute;top:calc(50% - 5px);left:-8px;width:1px;height:12px;background-color: #dddddd;;}
.reple-wrap .reple-list .reple-item .k-member .right ul li:first-child:after {content:"";background-color: transparent;}
/*  */
.reple-wrap .reple-list .reple-no-item {text-align:center;padding:90px;}
.reple-wrap .reple-list .reple-no-item .k-img img{width:64px;}
.reple-wrap .reple-list .reple-no-item .k-text {font-size:16px;line-height:24px;color:#111;margin-top:16px;font-weight:bold;}
/*  */
.reple-modify {background-color: #f6f8f8;;border-bottom:1px solid #eee;padding:0 32px;}
.reple-modify .inner {padding:30px 0 32px 0;}
.reple-modify .inner .k-modify-head {display:flex;justify-content: space-between;}
.reple-modify .inner .k-modify-head .k-title {font-size:20px;line-height:30px;color:#111;font-weight:bold;}
.reple-modify .inner .k-modify-head .k-name {display:flex;align-items: center;;color:#777777;font-size:15px;line-height:20px;}
.reple-modify .inner .k-modify-head .k-name .k-date {display:inline-block;position: relative;padding-left:8px;margin-left:8px;color:#777777;}
.reple-modify .inner .k-modify-head .k-name .k-date:after {content:"";position:absolute;top:calc(50% - 1px);left:0px;width:2px;height:2px;background-color:#777;border-radius:50%;}
.reple-modify .inner ul {display:flex;justify-content: center;margin-top:13px;}
.reple-modify .inner ul li {width:245px;}
.reple-modify .inner ul li.gap {width:10px;}
.reple-modify .inner ul li .btn {width:100%;height:60px;border-radius: 4px;;font-size:20px;}
.reple-modify .inner ul li .btn.btn--modify-cancel {border:1px solid #222222;color:#222222;}
.reple-modify .inner ul li .btn.btn--modify-submit {background-color: #222222;color:#fff;;}
.reple-wrap .paging li span {background-color:#c61d23;}



/**************************************************************************************************  
 * 개인화 브랜드별 스타일 추가
***************************************************************************************************/
.k-hatbahn .section-personal .paging [class^=btn-] {position: relative;background-position: 0px 0px;;}
.k-hatbahn .section-personal .paging .btn-first {background-image: url("data:image/svg+xml, %3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E    %3Cpath d='m20 20-5-5 5-5M15 20l-5-5 5-5' stroke='%23555' stroke-linecap='round' stroke-linejoin='round'/%3E    %3Cpath stroke='%23DDD' d='M29.5.5H.5v29h29z'/%3E%3C/svg%3E");}
.k-hatbahn .section-personal .paging .btn-prev {background-image: url("data:image/svg+xml, %3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E    %3Cpath d='m17 20-5-5 5-5' stroke='%23555' stroke-linecap='round' stroke-linejoin='round'/%3E    %3Cpath stroke='%23DDD' d='M29.5.5H.5v29h29z'/%3E%3C/svg%3E");}
.k-hatbahn .section-personal .paging .btn-next {background-image: url("data:image/svg+xml, %3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E    %3Cpath d='m13 20 5-5-5-5' stroke='%23555' stroke-linecap='round' stroke-linejoin='round'/%3E    %3Cpath stroke='%23DDD' d='M.5.5h29v29H.5z'/%3E%3C/svg%3E");}
.k-hatbahn .section-personal .paging .btn-last {background-image: url("data:image/svg+xml, %3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E    %3Cpath d='m10 20 5-5-5-5M15 20l5-5-5-5' stroke='%23555' stroke-linecap='round' stroke-linejoin='round'/%3E    %3Cpath stroke='%23DDD' d='M.5.5h29v29H.5z'/%3E%3C/svg%3E");}


.k-hatbahn .section-personal .paging .btn-first:hover {background-image: url("data:image/svg+xml, %3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E    %3Cpath d='m20 20-5-5 5-5M15 20l-5-5 5-5' stroke='%23c61d23' stroke-linecap='round' stroke-linejoin='round'/%3E    %3Cpath stroke='%23c61d23' d='M29.5.5H.5v29h29z'/%3E%3C/svg%3E");}
.k-hatbahn .section-personal .paging .btn-prev:hover {background-image: url("data:image/svg+xml, %3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E    %3Cpath d='m17 20-5-5 5-5' stroke='%23c61d23' stroke-linecap='round' stroke-linejoin='round'/%3E    %3Cpath stroke='%23c61d23' d='M29.5.5H.5v29h29z'/%3E%3C/svg%3E");}
.k-hatbahn .section-personal .paging .btn-next:hover {background-image: url("data:image/svg+xml, %3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E    %3Cpath d='m13 20 5-5-5-5' stroke='%23c61d23' stroke-linecap='round' stroke-linejoin='round'/%3E    %3Cpath stroke='%23c61d23' d='M.5.5h29v29H.5z'/%3E%3C/svg%3E");}
.k-hatbahn .section-personal .paging .btn-last:hover {background-image: url("data:image/svg+xml, %3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E    %3Cpath d='m10 20 5-5-5-5M15 20l5-5-5-5' stroke='%23c61d23' stroke-linecap='round' stroke-linejoin='round'/%3E    %3Cpath stroke='%23c61d23' d='M.5.5h29v29H.5z'/%3E%3C/svg%3E");}