strong { font-weight: 700; }
.col_green { color: #0AA464; }
.col_gray3 { color: #63656A; }
.col_gray4 { color: #9B9DA1; }
.col_orange { color: #FF6C0E; }
.col_black { color: #232426; }
.pc_none { display: none; }
.pd_in80 { padding-inline: 5rem; }
.mt_80 { margin-top: 5rem; }
.tag_orange { width: fit-content; background-color: #FF6C0E; color: #fff; padding: .25rem .625rem; border-radius: .5rem; font-size: .875rem; line-height: 1.375rem; }
.bt_line { position: relative; padding-bottom: 5rem; }
.bt_line:after { content: ""; position: absolute; bottom: 0; left: .7143rem; width: calc(100% - 1.4286rem); height: 3px; background: url('../images/dinotaeng/lan_line_blue.png'); background-position: left center; }

.taeng_landing { background: url('../images/dinotaeng/img_bg.png') center #5FD0DF; min-height: 100svh; padding-bottom: 9.375rem; }
.visual_img { height: 64.25rem; background: url('../images/dinotaeng/lan_visual.png') no-repeat center bottom / auto 100%; }
.guide_wrap { max-width: 63.75rem; margin: 0 auto; padding-inline: 1.5rem; }

section img { margin: 0 auto; }
.con_box01 { padding: 3.125rem 1.428rem; margin-block: 5rem 1.5rem; text-align: center; }
.con_box01 img { margin-bottom: 1.25rem; }
.con_box01 p { font-size: 1rem; padding-top: 1.25rem; line-height: 1.6; }

.con_box03 { margin-block: 1.5rem 5rem; padding: 4.8125rem 3.125rem; }
.load_map { display: flex; align-items: center; justify-content: center; gap: 2.5rem; }
.popup_map { width: 50%; }

.con_box04 { padding: 5rem 5rem 4.625rem; text-align: center; line-height: 1.625rem; }
.con_box04 .img_box { display: flex; gap: 3.25rem; padding-top: 5rem; }
.con_box04 > p { font-size: 1.125rem; line-height: 1.625rem; }
.con_box04 .col_gray3 { padding-top: 2.5rem; }

.con_box05 { margin-block: 5rem; padding-block: 5rem 6.25rem; }
.con_box05 .img_box { display: flex; overflow: hidden; border-radius: .5rem; height: 14.375rem; }
.con_box05 .img_box img { object-fit: cover; width: auto; }
.pro_tit { display: block; position: relative; width: 13.5625rem; margin: 0 auto; padding-block: .75rem; text-align: center; background-color: #FFFBEC; font-size: 24px; color: #FF6C0E; margin-block: 7.8125rem 3.75rem; }
.con_box05 .bt_line .img_box { background-color: #F8F9FB; }
.pro_tit:before { content: ""; position: absolute; top: -2.8125rem; left: calc(50% - .9688rem); width: 1.9375rem; height: 2.125rem; background: url('../images/dinotaeng/lan_foot_orange.svg') no-repeat center  / 1.9375rem; }
.flex_box { display: flex; gap: 2.5rem; justify-content: space-between; }
.pro_box { width: calc(50% - 1.25rem); }
.pro_box .pro_name { display: flex; align-items: center; padding-bottom: 1rem; font-size: 1.125rem; gap: .75rem; justify-content: center;}
.pro_box .blue_txt { padding-block: 1.5rem; background-color: #F3F9FF; border-radius: .5rem; margin-top: 1.25rem; text-align: center; }
.pro_item02 p,
.pro_box .blue_txt p { color: #9B9DA1; font-size: 1rem; padding-bottom: .75rem; }
.pro_item02 em,
.pro_box .blue_txt em { display: flex; align-items: center; justify-content: center; gap: 0.4rem; font-size: 1.125rem; }
.pro_item02 em strong,
.pro_box .blue_txt em strong { font-size: 1.5rem; color: #EF4935; margin-top: 0.15rem;}
.pro_box .txt_box { padding-top: 1.25rem; text-align: center; }
.pro_box .txt_box p { font-size: 1rem; color: #48494D; padding-bottom: .5rem; }
.pro_box .txt_box > strong { display: block; font-size: 1.25rem; padding-bottom: .25rem; }
.pro_box .txt_box span { display: block; font-size: .875rem; }

.con_box06 { padding-block: 5rem 6.25rem; }
.con_box06 .titleImg_txt { margin-top: 5.9375rem; margin-bottom: 2.75rem; }
.blue_imgBox { display: flex; padding-block: 2.375rem; background-color: #F3F9FF; border-radius: .75rem; align-items: center; justify-content: center; gap: 2rem; }
.blue_imgBox img { margin: 0; width: 28%; }

.wid_box ~ .wid_box { padding-top: 5rem; }
.wid_box { width: 36.25rem; margin-inline: auto; margin-bottom: 3.75rem; display: flex; flex-direction: column; align-items: center; }
.wid_box .txt { padding-top: .75rem; font-size: 1.5rem; }
.wid_box .col_orange { font-size: .875rem; padding-top: .5rem; }
.bt_line .step_item { padding-block: 1rem; }
.step_item ~ .step_item { margin-top: .75rem; }
.step_item { display: flex; width: 100%; background-color: #F8F9FB; border-radius: .5rem; font-size: 1.125rem; line-height: 1.625rem; }
.step_item > strong { width: 7.5rem; padding-left: 2rem; color: #48494D; }

.wid_box .col_gray4 { font-size: 1rem; padding-bottom: 1rem; }
.wid_box.mt_80 .step_item { flex-direction: column; align-items: center; padding-block: .75rem; }
.wid_box.mt_80 .step_item img { width: 1.25rem; margin-bottom: .5rem; }

.rollingbanner { position: relative; height: 11.875rem; overflow: hidden; }
.rollingbanner:after,
.rollingbanner:before { content: ""; position: absolute;  top: 0; height: 100%; width: 6.375rem; background-image: linear-gradient(to left, transparent 0%, #FFF 100%); z-index: 1; }
.rollingbanner:after { left: 0; }
.rollingbanner:before { right: 0; transform: rotate(180deg); }
.rollingbanner .roller { position: absolute; height: 100%; }
.rollingbanner .roller.roll_01 { animation: aniScroll 15s linear infinite; }
.rollingbanner .roller.roll_02 { animation: aniScroll-2 15s linear infinite; padding-left: .75rem; }
.rollingbanner .roller img { max-width: none; height: 100%; }

@keyframes aniScroll{
    0%{ transform: translateX(0%) }
    100%{ transform: translateX(-100%) }
}
@keyframes aniScroll-2{
    0%{ transform: translateX(100%) }
    100%{ transform: translateX(0%) }
}

.con_box07 { margin-top: 5rem; padding-block: 5rem 6.25rem; }
.con_box07 .titleImg_txt { margin-bottom: 5rem; }
.pro_box .txt_box span:not(.col_orange) { color: #48494D; font-weight: 700; font-size: 1.125rem; }
.con_box07 .bt_line .img_box { display: flex; background-color: #F8F9FB; border-radius: .5rem; height: 13.75rem; overflow: hidden; }
.con_box07 .bt_line .img_box img { object-fit: contain; height: 100%; }
.flex_box.type2 { gap: 3.75rem 1rem; flex-wrap: wrap; }
.flex_box.type2 .pro_box { width: calc(33.33% - .6663rem); }
.flex_box.type2 .img_box { display: flex; align-items: center; padding: 1.6875rem 1.25rem; background-color: #F8F9FB; border-radius: .5rem; }

.bt_itemList { display: flex; gap: .9375rem; padding-top: 5rem; }
.bt_itemList > div { padding: .75rem; background-color: #F8F9FB; border-radius: .5rem; aspect-ratio: 1; }
.bt_itemList img { max-height: 100%; }
.bt_itemList .last { position: relative; overflow: hidden; }
.bt_itemList .last span { display: flex; position: absolute; left: 0; top: 0; background-color: rgba(0, 0, 0, 0.4); width: 100%; height: 100%; color: #fff; font-size: 1rem; align-items: center; justify-content: center; backdrop-filter: blur(2px); }

.pro_item01 { aspect-ratio: 386/356; background: url('../images/dinotaeng/img_price_pc.png') no-repeat center / 100%; }
.pro_item02 { aspect-ratio: 386/356; background-color: #F8F9FB; padding-block: 1.75rem; border-radius: 4.375rem; text-align: center; }
.pro_item02 img { height: calc(100% - 3.9375rem); }
.pro_item02 .txt_price { display: flex; justify-content: space-between; height: 3.9375rem; flex-direction: column; padding-top: 0.5rem; }
.pro_item02 .txt_price p { padding-bottom: 0; }

@media (max-width: 769px) {
    html { font-size: 14px; }
    .pc_none { display: block; }
    .m_lineBtm { position: relative; padding-bottom: 2.8571rem; }
    .bt_line { padding-bottom: 2.8571rem }
    .m_lineBtm:after { content: ""; position: absolute; bottom: 0; left: -0.1411rem; width: calc(100% + .2821rem); height: 3px; background: url('../images/dinotaeng/lan_line_blue_m.png'); background-position: left center; }
    .bt_line:after { background-image: url('../images/dinotaeng/lan_line_blue_m.png'); }

    .visual_img { height: 34.714rem; }
    .con_box01 { padding: 2.8571rem 1.4286rem; margin-block: 2.8571rem 1.4286rem; }
    .con_box01 img { height: 3.7143rem; }

    .con_box03 { padding: 2.8571rem 1.4286rem; margin-bottom: 2.8571rem; }
    .load_map { flex-direction: column; gap: 2.8571rem; }
    .load_map .titleImg_txt { height: 3.7143rem; }
    .popup_map { width: auto; max-width: calc(100% - 5.2857rem); }

    .con_box04 { padding: 2.8571rem .8571rem 2.4286rem; }
    .con_box04 .titleImg_txt { height: 9.5rem; }
    .con_box04 .img_box { gap: .8571rem; padding-top: 2.8571rem; }
    .con_box04 > p { padding-inline: .5714rem; }

    .con_box05 { margin-block: 2.8571rem; padding-block: 2.8571rem 4.2857rem; }
    .con_box05 .titleImg_txt { height: 2.5rem; }
    .con_box05 .flex_box { flex-direction: column; gap: 2.8571rem; }
    .con_box05 .pro_box { width: 100%; }
    .con_box05 .pd_in80 { padding-inline: 2.8571rem; }
    .pro_tit { margin-block: 6.0714rem 2.8571rem; width: 15.5rem; font-size: 1.4286rem; }
    .con_box05 .img_box { display: flex; max-width: 17rem; height: 16.4286rem; margin: 0 auto; }
    .con_box05 .img_box img { object-fit: cover; height: 100%; }
    .pro_box .blue_txt { max-width: 17rem; margin: .8571rem auto 0; }
    .pro_box .txt_box { padding-top: 1.4286rem; }

    .con_box06 { padding-block: 2.8571rem 4.2857rem; }
    .con_box06 .top_titleImg_txt { height: 7.1429rem; }
    .con_box06 .titleImg_txt { height: 4.4571rem; margin-top: 4.2857rem; margin-bottom: 3.5714rem; }
    .wid_box { width: 100%; margin-bottom: 2.8571rem; }
    .wid_box ~ .wid_box { padding-top: 2.8571rem; }
    .con_box06 .pd_in80 { padding-inline: .8571rem; }
    .step_item > strong { width: 4.5714rem; padding-left: .8571rem; }
    .step_item .col_gray3 { max-width: calc(100% - 4.5714rem); }
    .con_box06 .flex_box { gap: .8571rem; }
    .con_box06 .pro_box { width: 100%; }
    .blue_imgBox { padding-block: 1.4286rem; gap: .571rem; }
    .blue_imgBox img { width: calc(50% - 3.125rem); }
    .mt_80 { margin-top: 2.8571rem; }
    .wid_box.mt_80 .step_item { text-align: center; }
    .wid_box.mt_80 { padding-inline: .8571rem; }
    .rollingbanner { height: 6.8571rem; }

    .con_box07 { padding-block: 2.8571rem 4.2857rem; margin-top: 2.8571rem; }
    .con_box07 .pd_in80 { padding-inline: .8571rem; }
    .con_box07 .bt_line .img_box { height: 10rem; }
    .con_box07 .titleImg_txt { height: 3.8571rem; margin-bottom: 2.8571rem; }
    .con_box07 .wid_box { margin-bottom: 1.7143rem; }
    .flex_box.type2 { gap: 1.7143rem 1.142rem; }
    .flex_box.type2 .pro_box { width: calc(50% - .5714rem); }
    .flex_box.type2 .img_box { padding: .4rem; height: 10rem; }
    .flex_box.type2 .img_box img { height: 100%; object-fit: cover; }
    .bt_itemList { flex-wrap: wrap; gap: .5714rem; }
    .bt_itemList > div { width: calc(33.33% - .4rem); padding: 0.42rem; }

    .pro_item01,
    .pro_item02 { max-width: 17rem; margin: 0 auto; aspect-ratio: 238/335; }
    .pro_item01 { background-image: url('../images/dinotaeng/img_price_m.png'); }
}