@charset "utf-8";
@import url(ui.setting.css);
/* 2023-04-10 신규 유틸리티 css 추가 */
@import url(utility.css);
/* 2023-04-10 신규 유틸리티 css 추가 */

/**************************************************************************************************************************************************************************************************
                                                                    Layout Setting
***************************************************************************************************************************************************************************************************/

/* FONT size */
html{font-size:62.5%; /* 10px */}
body,h1,h2,h3,h4,h5,h6{font-size:1.5rem; font-weight:normal; letter-spacing:-0.025em;}/* 기본 사이즈 :15px, font-size :rem으로 선언 */
h1,h2,h3,h4,h5,h6{font-family:'hd_head_R';}
th{font-weight:normal;}

/* scroll plugin custom */
.mCSB_inside > .mCSB_container {margin-right:0 !important;}
.mCS-my-theme.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background-color:#000000; opacity:1;}
.mCS-my-theme.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {background-color:#000000; opacity:1;}
.mCS-my-theme.mCSB_scrollTools .mCSB_draggerRail {background-color:#e4dcd3; width:4px;}
.mCS-my-theme.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-my-theme.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
    background-color:#000000; background-color:rgba(0,0,0,1);
    filter:"alpha(opacity=0)"; -ms-filter:"alpha(opacity=0)";
}


/**************************************************************************************************************************************************************************************************
*************************************************** 《《《   Form Tag   》》》    *******************************************************************************************************************
***************************************************************************************************************************************************************************************************/

/* form text */
.form_txt {display:inline-block;}
.form_txt textarea,
.form_txt input {display:inline-block; border:1px solid #bbbbbb; box-sizing:border-box; font-size:1.8rem; line-height:1.1em; letter-spacing:-0.025em; padding:13px 20px; height:48px; width:100%;}
.form_txt textarea,
.form_txt input {transition:0.3s;}
.form_txt textarea:focus,
.form_txt input:focus {border:1px solid #000000; color:#000000; outline:none;}
.form_txt textarea:read-only,
.form_txt textarea:disabled,
.form_txt input:read-only,
.form_txt input:disabled {background-color:#f5f3f0; border:1px solid #dddddd; color:#b8b5b1; cursor:default;}
.form_txt textarea {resize:none;}

.input_icon_wrap {overflow:hidden;}
.input_icon_wrap .input_set ~ .input_set {margin-top:4px;}
.form_select.with_icon,
.form_txt.with_icon {display:flex; overflow:hidden; align-items:center; border:1px solid #bbbbbb; box-sizing:border-box; padding:11px 9px;}
.form_select.with_icon .icon_input,
.form_txt.with_icon .icon_input {display:inline-block; cursor:pointer; position:relative; margin-right:20px; padding-right:10px;}
.form_select.with_icon .icon_input:after,
.form_txt.with_icon .icon_input:after {background-color:#e4dcd3; content:''; position:absolute; right:0; top:1px; height:18px; width:1px;}
.form_select.with_icon .icon_input i,
.form_txt.with_icon .icon_input i {display:block; overflow:hidden; height:20px; width:20px;}
.form_select.with_icon .icon_input i img,
.form_txt.with_icon .icon_input i img {height:100%; width:100%;}
.form_select.with_icon select,
.form_txt.with_icon input {/*background-color:#ccc; */ border:none; font-size:1em; padding:0; height:20px;}
.form_select.with_icon select {line-height:1.1em;}
.form_select.with_icon select:focus {border:none;}

.form_txt.sm_form_txt input[type="text"],
.form_txt.sm_form_txt input[type="password"],
.form_txt.sm_form_txt input[type="tel"],
.form_txt.sm_form_txt input[type="email"],
.form_txt.sm_form_txt textarea {border-color:#bbbbbb; font-family:hd_head_R; font-size:1.5rem; padding:10px 20px; height:40px;}

.form_txt.sm_form_txt input:read-only,
.form_txt.sm_form_txt input:disabled,
.form_txt.sm_form_txt textarea:read-only,
.form_txt.sm_form_txt textarea:disabled {background-color:#f5f3f0; border:1px solid #dddddd; color:#b8b5b1; cursor:default;}

.multi_input .form_txt {width:80px;}
.multi_input .form_txt ~ .form_txt {margin-left:3px;}
.multi_input .form_txt input {text-align:center; padding:13px 18px;}
.multi_input ~ .noti_cmnt {color:#626262; margin-top:10px;}

/* checkbox */
.form_check {display:inline-block; box-sizing:border-box; cursor:pointer; vertical-align:middle; position:relative; padding-left:24px; line-height:24px; word-break:keep-all;}
.form_check ~ .form_check {margin-left:50px;}
.form_check input[type="checkbox"] {border:none; font-size:0; line-height:0; opacity:0; position:absolute; left:-10px; top:-10px; height:0; width:0;}
.form_check .icon {background-color:#ffffff; display:inline-block; border:1px solid #bbbbbb; box-sizing:border-box; position:absolute; left:0; top:0; height:24px; width:24px;}
.form_check .icon:before {background:url(../../images/integration/common/icon_checkbox.png) no-repeat 0 0; background-size:12px 10px; display:block; content:''; position:absolute; left:50%; top:50%; margin-top:-5px; margin-left:-6px; height:10px; width:0;}
.form_check .txt {display:inline-block; font-size:1.8rem; line-height:26px; margin-left:12px;}
.form_check .icon {transition-duration:0.4s;}
.form_check .icon:before {transition-duration:0.2s; transition-delay:0.1s;}
.form_check input[type="checkbox"]:checked ~ .icon {border:1px solid #29cb7e;}
.form_check input[type="checkbox"]:checked ~ .icon:before {width:12px;}
.form_check input[type="checkbox"]:disabled ~ .icon {background-color:#f5f3f0;}
.form_check input[type="checkbox"]:disabled ~ .txt {color:#b8b5b1;}

.form_check.sm_form_chk .txt {color:#626262; font-size:1.6rem;}

.chk_block [class*="form_check"] {display:block;}
.chk_block [class*="form_check"] ~ [class*="form_check"] {margin-top:10px; margin-left:0;}

/* radio */
.form_radio {display:inline-block; box-sizing:border-box; cursor:pointer; vertical-align:middle; position:relative; padding-left:24px; height:24px;}
.form_radio ~ .form_radio {margin-left:40px;}
.form_radio input[type="radio"] {border:none; font-size:0; line-height:0; opacity:0; position:absolute; left:-10px; top:-10px; height:0; width:0;}
.form_radio .icon {background-color:#ffffff; display:inline-block; border:1px solid #bbbbbb; border-radius:50px; box-sizing:border-box; position:absolute; left:0; top:0; height:24px; width:24px;}
.form_radio .icon:before {background-color:#29cb7e; display:block; content:''; border-radius:50px; position:absolute; left:50%; top:50%; transform:scale(0); margin-top:-5px; margin-left:-5px; height:10px; width:10px;}
.form_radio .txt {display:inline-block; font-size:1.8rem; line-height:24px; margin-left:10px;}
.form_radio .icon {transition-duration:0.3s;}
.form_radio .icon:before {transition-duration:0.2s; transition-delay:0.1s;}
.form_radio input[type="radio"]:checked ~ .icon {border:1px solid #29cb7e;}
.form_radio input[type="radio"]:checked ~ .icon:before {transform:scale(1);}
.form_radio input[type="radio"]:disabled ~ .icon {background-color:#f5f3f0; border:1px solid #dddddd;}
.form_radio input[type="radio"]:disabled ~ .txt {color:#b8b5b1;}

/* rect radio */
.rect_wrap {display:flex; flex-direction:row; flex-wrap:wrap; margin-top:-4px; margin-left:-4px;}
.form_rect {display:flex; flex-basis:47.8%; align-items:center; box-sizing:border-box; cursor:pointer; text-align:center; justify-content:center; position:relative; margin-top:4px; margin-left:4px; min-height:40px; width:100%;}
.form_rect input {border:none; font-size:0; line-height:0; opacity:0; position:absolute; left:-10px; top:-10px; height:0; width:0;}
.form_rect .icon {background-color:#ffffff; display:block; border:1px solid #aaaaaa; box-sizing:border-box; position:absolute; left:0; top:0; height:100%; width:100%;}
.form_rect .icon:before {content:''; border:2px solid transparent; box-sizing:border-box; position:absolute; left:-1px; top:-1px; transition-duration:0.3s; height:calc(100% + 2px); width:calc(100% + 2px);}
.form_rect .icon {transition:border 0.3s;}
.form_rect .icon_check {background-color:#ffffff; position:absolute; left:1px; top:1px; height:29px; width:29px;}
.form_rect .icon_check:before,
.form_rect .icon_check:after {background-repeat:no-repeat; background-position:0 0; background-size:12px 10px; content:''; position:absolute; left:50%; top:50%; margin-top:-5px; margin-left:-6px; height:10px;}
.form_rect .icon_check:before {background-image:url(../../images/integration/common/icon_checkbox_off.png); width:12px;}
.form_rect .icon_check:after {background-image:url(../../images/integration/common/icon_checkbox_on.png); width:0;}
.form_rect .icon_check:after {transition:width 0.2s;}
.form_rect .txt {display:inline-block; font-family:hd_head_R; font-size:1.5rem; line-height:1.333em; letter-spacing:-0.025em; position:relative; word-break:keep-all;}

.form_rect input:checked ~ .icon:before {border-color:#29cb7e;}
.form_rect input:checked ~ .icon_check:after {width:12px;}

.form_rect input:disabled ~ .icon {background-color:#f1efed; border:1px solid #f1efed;}
.form_rect input:disabled ~ .txt {color:#bbbbbb;}

.form_rect input:checked:disabled ~ .icon {background-color:#fff; border:1px solid #29cb7e;}
.form_rect input:checked:disabled ~ .txt {color:#000000;}

.form_rect.img_rect {display:block; overflow:hidden; height:auto; width:47.8%;}
.form_rect.img_rect .img {display:block; overflow:hidden; position:relative; height:82px; width:100%;}
.form_rect.img_rect .img img {width:100%;}
.form_rect.img_rect .txt {display:block; box-sizing:border-box; padding-top:9px; padding-bottom:9px; height:40px;}

/* sort checkbox */
.sort_box {width:100%; margin-bottom:50px; text-align:center; font-size:0; overflow:hidden;}
.form_sort {position:relative; display:inline-block; width:100px; height:48px; margin:0 0 0 4px; align-items:center; box-sizing:border-box; cursor:pointer; text-align:center; justify-content:center; line-height:48px;}
.form_sort:first-child {margin-left:0;}
.form_sort input {border:none; font-size:0; line-height:0; opacity:0; position:absolute; left:-10px; top:-10px; height:0; width:0;}
.form_sort .icon {display:block; background-color:#e4dcd3; box-sizing:border-box; position:absolute; left:0; top:0; height:100%; width:100%;}
.form_sort .icon:before {content:''; border:2px solid transparent; box-sizing:border-box; position:absolute; left:-1px; top:-1px; transition-duration:0.3s; height:calc(100% + 2px); width:calc(100% + 2px);}
.form_sort .icon {transition:border 0.3s;}
.form_sort .icon_check {background-color:#ffffff; position:absolute; left:1px; top:1px; height:29px; width:29px;}
.form_sort .icon_check:before,
.form_sort .icon_check:after {background-repeat:no-repeat; background-position:0 0; background-size:12px 10px; content:''; position:absolute; left:50%; top:50%; margin-top:-5px; margin-left:-6px; height:10px;}
.form_sort .icon_check:before {background-image:url(../../images/integration/common/icon_checkbox_off.png); width:12px;}
.form_sort .icon_check:after {background-image:url(../../images/integration/common/icon_checkbox_on.png); width:0;}
.form_sort .icon_check:after {transition:width 0.2s;}
.form_sort .txt {display:inline-block; font-family:hd_head_R; font-size:1.5rem; position:relative;}

.form_sort input:checked ~ .txt {color:#fff;}
.form_sort input:checked ~ .icon:before {background-color:#29cb7e;}
.form_sort input:checked ~ .icon_check:after {width:12px;}

/* select */
.form_select {background-color:#ffffff; display:inline-block; position:relative; box-sizing:border-box;}
.form_select:before {background:url(../../images/integration/common/bullet_select.png) no-repeat 0 0; background-size:100%; display:block; content:''; position:absolute; right:13px; top:50%; margin-top:-4px; height:7px; width:14px;}
.form_select select {display:inline-block; border:1px solid #bbbbbb; box-sizing:border-box; color:#000000; font-size:1.8rem; line-height:48px; padding-right:40px; padding-left:20px; height:48px; width:100%;}
.form_select select {transition-duration:0.3s;}
.form_select select:focus {border:1px solid #000000;}
.form_select select:disabled {background-color:#f5f3f0; color:#b8b5b1;}

.form_select.sm_form_select:before {right:15px;}
.form_select.sm_form_select select {border-color:#bbbbbb; font-family:hd_head_R; font-size:1.5rem; line-height:40px; padding-right:28px; padding-left:20px; height:40px;}
.form_select.sm_form_select select:focus {border-color:#000000;}
.form_select.sm_form_select select:disabled {background-color:#f3f0ed; color:#999;}

/* form file */
.file_wrap {overflow:hidden;}
.form_file {overflow:hidden; position:relative; border-right:1px solid #bbb; box-sizing:border-box; position:relative; padding-left:100px;}
.form_file .btn_file {display:inline-block; box-sizing:border-box; font-size:1.6rem; line-height:48px; text-align:center; position:absolute; left:0; top:0; height:48px; width:100px;}
.form_file .btn_file:before {content:"파일선택"; line-height:inherit;}
.form_file input[type="file"] {cursor:pointer; opacity:0; position:absolute; left:0; top:0; text-indent:-9999px; height:100%; width:100%; z-index:1;}

.form_file .form_txt {box-sizing:border-box; border-top:1px solid #bbbbbb; border-bottom:1px solid #bbbbbb; padding-right:25px; height:48px; width:100%;}
.form_file .form_txt input[type="text"] {background-color:transparent; overflow:hidden; border:none; color:#000000; font-size:1.4rem; text-overflow:ellipsis; white-space:nowrap; word-break:break-all; margin-bottom:0; padding-right:0; padding-left:10px; height:100%; width:100%;}

.form_file .del {/* background-color:#ccc; */ display:none; position:absolute; right:7px; top:50%; margin-top:-8px; height:16px; width:16px;}
.form_file .del:before,
.form_file .del:after {background-color:#000000; content:""; position:absolute; left:50%; top:50%; margin-top:-5px; height:10px; width:1px;}
.form_file .del:before {transform:rotate(45deg);}
.form_file .del:after {transform:rotate(-45deg);}
.file_wrap.on .del {display:block;}

.file_wrap .icon_notd {float:none; color:#999999; font-size:1.3rem; line-height:20px; margin-top:5px; margin-bottom:0; word-break:keep-all;}
.file_wrap .icon_notd:before {top:1px;}

.form_file.sm_form_file {padding-left:75px;}
.form_file.sm_form_file .btn_file {font-size:1.4rem; line-height:40px; height:40px; width:75px;}
.form_file.sm_form_file .form_txt {height:40px;}
.form_file.sm_form_file .form_txt input[type="text"] {font-size:1.3rem;}

.file_wrap.bg_area .input_set {background-color:#f3f0ed; padding:9px 13px;}
.file_wrap.bg_area .form_file {border-color:transparent; padding-left:106px;}
.file_wrap.bg_area .form_file .btn_file {background-color:#ffffff; border:1px solid #bbbbbb; width:106px;}
.file_wrap.bg_area .form_file .form_txt {border:none;}

/* input set */
.input_set {overflow:hidden;}

.input_wrap {overflow:hidden;}
.input_wrap [class*="form_"] {vertical-align:top;}

.ip_txt_set {overflow:hidden;}
.ip_txt_set ~ .ip_txt_set,
.ip_txt_set ~ .file_wrap {margin-top:15px;}
.ip_txt_set .sm_form_txt,
.ip_txt_set .sm_form_select {display:block;}
.ip_txt_set > p {font-family:hd_head_R; font-size:1.4rem; color:#626262; line-height:1em; margin-bottom:10px;}

/* 입력, 인증 */
.input_set.certi_num {display:flex; flex:1 auto;}
.input_set.certi_num ~ .certi_num {margin-top:6px;}
.input_set.certi_num .form_txt {flex-basis:100%;}
.input_set.certi_num .btn {flex:none; margin-left:4px; min-width:auto; width:150px;}

/* 입력 오류 */
.error .form_txt input {border:1px solid #d70f0f; color:#d70f0f;}
.error .noti_copy {color:#d70f0f; margin-left:4px; padding-top:10px;}

/* 인원 선택 */
.sel_pcnt {overflow:hidden; border:1px solid #bbbbbb; position:relative;}
.sel_pcnt .div_pcnt {overflow:hidden;  box-sizing:border-box; padding:10px 10px;}
.sel_pcnt .div_pcnt ~ .div_pcnt {border-top:1px solid #eeeeee;}
.sel_pcnt .div_pcnt p {float:left; font-family:'hd_head_R'; letter-spacing:-0.025em; line-height:20px;}
.sel_pcnt .div_pcnt .input_set {float:right;}
.sel_pcnt .div_pcnt .input_set .bt_number,
.sel_pcnt .div_pcnt .input_set input {display:inline-block; float:left;}
.sel_pcnt .div_pcnt .input_set .bt_number {/*background-color:#ccc; */ position:relative; height:20px; width:20px;}
.sel_pcnt .div_pcnt .input_set .bt_number:before,
.sel_pcnt .div_pcnt .input_set .bt_number:after {background-color:#000000; content:''; display:block; position:absolute; left:50%; top:50%; margin-top:-1px; margin-left:-5px; height:2px; width:10px;}
.sel_pcnt .div_pcnt .input_set .bt_number.minus:after {display:none;}
.sel_pcnt .div_pcnt .input_set .bt_number.plus:after {transform:rotate(90deg);}
.sel_pcnt .div_pcnt .input_set .bt_number:active {animation:focus_button 0.3s ease-in-out forwards;}
@keyframes focus_button {
    0% {transform:scale(1);}
    50% {transform:scale(0.8);}
    100% {transform:scale(1);}
}
.sel_pcnt .div_pcnt .input_set input {box-sizing:border-box; font-family:'hd_head_R'; font-size:2rem; line-height:1em; text-align:center; padding-top:3px; height:20px; width:64px;}

/* 버튼 */
.btn_wrap {text-align:center;}
.btn_wrap[class*="align_l"] {text-align:left;}
.btn_wrap[class*="align_r"] {text-align:right;}
/* .btn {display:inline-block; border:1px solid transparent; box-sizing:border-box; text-align:center; padding:15px 40px; min-width:180px; min-height:56px;} */
.btn {display:inline-flex; border:1px solid transparent; box-sizing:border-box; text-align:center; padding:15px 40px; min-width:180px; min-height:56px; align-items: center; justify-content: center;}
.btn[class*="h_48"] {padding:11px 15px; min-width:130px; min-height:48px;}
.btn[class*="h_40"] {padding:7px 20px; min-width:auto; min-height:40px;}
.btn[class*="h_30"] {padding:2px 10px; min-width:60px; min-height:30px;}
.btn[class*="btn_form"] {padding:11px 20px; min-width:120px; min-height:48px;}
.btn ~ .btn {margin-left:1px;}
.btn[class*="btn_form"] ~ .btn[class*="btn_form"] {margin-left:2px;}
.btn[class*="h_48"] ~ .btn[class*="h_48"] {margin-left:2px;}
.btn[class*="h_30"] ~ .btn[class*="h_30"] {margin-left:2px;}
.btn span {display:inline-block; font-family:hd_head_R; font-size:1.8rem; line-height:24px; vertical-align:top; word-break:keep-all;}
button.btn:disabled {background-color:#f5f3f0; border:1px solid #dddddd;}
button.btn:disabled span {color:#b8b5b1;}
.btn[class*="h_48"] span {font-size:1.8rem;}
.btn[class*="h_40"] span {font-size:1.6rem;}
.btn[class*="h_30"] span {font-size:1.4rem;}
.btn[class*="btn_form"] span {font-size:1.6rem;}

.bc_hb {background-color:#f5f3f0; color:#ffffff;}
.bc_hs {background-color:#e4dcd3; color:#000000;}
.bc_fff {background-color:#ffffff; border:1px solid #000000; color:#000000;}
.bc_fff_02 {background-color:#ffffff; border:1px solid #bbbbbb; color:#000000;}
.bc_my {background-color:#ffd200; color:#000000;}
.bc_mb {background-color:#53caec; color:#ffffff;}
.bc_mg {background-color:#29cb7e; color:#ffffff;}
.bc_disabled {background-color:#f5f3f0; border:1px solid #dddddd; color:#b8b5b1;}

.btn_wrap[class*="wd_full"] .btn {width:100%;}
.btn.on {background-color:#29cb7e; color:#ffffff;}

/**************************************************************************************************************************************************************************************************
*************************************************** 《《《   WRAP, CONTAINER   》》》   ***********************************************************************************************************
***************************************************************************************************************************************************************************************************/
#wrap { /*padding-top:579px; */}
#wrap.pc {transition:none;}
#wrap.mobile {transition:none;}
#container {position:relative; padding-top:129px; padding-bottom:120px;}
.itg_site #container {padding-top:148px;}
.itg_site.itg_main #container {padding-top:184px; padding-bottom:0;}
.strg_mn #contents {padding-bottom:150px;}

/**************************************************************************************************************************************************************************************************
*************************************************** 《《《   HEADER   》》》  *********************************************************************************************************************
***************************************************************************************************************************************************************************************************/

/* 거점사이트:서브 배경 이미지 영역 */
.sub_background {background-repeat:no-repeat; background-position:0 0; overflow:hidden; margin:0 auto; height:250px; max-width:1120px; width:100%;}
.sub_background.bbnew {background-position: center !important;}

/* ------------------------------------ 통합, 거점 상단 공지 ------------------------------------ */
.notice_head {/* background-color:#000000; */ display:none; overflow:hidden; position:relative; height:40px; width:100%; z-index:9999;}
.notice_head .notice_area {overflow:hidden; box-sizing:border-box; text-align:center;}

.notice_head .top_noti_slide {overflow:hidden; box-sizing:border-box;}
.notice_head .top_noti_slide.no_1 {height:100%;}
.notice_head .top_noti_slide.no_2 {animation:noti_slide_no2 9s 3.8s ease-in-out infinite; height:calc(100% * 2);}
.notice_head .top_noti_slide.no_2 .slide_div {height:calc(100% / 2);}
@keyframes noti_slide_no2 {
    0% {margin-top:0;}
    10% {margin-top:0;}
    20% {margin-top:0;}
    30% {margin-top:0;}
    40% {margin-top:0;}
    50% {margin-top:-40px;}
    60% {margin-top:-40px;}
    70% {margin-top:-40px;}
    80% {margin-top:-40px;}
    90% {margin-top:-40px;}
    100% {margin-top:0;}
}

.notice_head .top_noti_slide.no_3 {animation:noti_slide_no3 10s 3.8s ease-in-out infinite; height:calc(100% * 3);}
.notice_head .top_noti_slide.no_3 .slide_div {height:calc(100% / 3);}
@keyframes noti_slide_no3 {
    0% {margin-top:0;}
    10% {margin-top:0;}
    16% {margin-top:0;}
    26% {margin-top:-40px;}
    33% {margin-top:-40px;}
    49% {margin-top:-40px;}
    59% {margin-top:-80px;}
    66% {margin-top:-80px;}
    82% {margin-top:-80px;}
    100% {margin-top:0;}
}

.notice_head .top_noti_slide .slide_div {}
.notice_head .top_noti_slide .slide_div.bg_mg {background-color:#29cb7e;}
.notice_head .top_noti_slide .slide_div.bg_mg p span {color:#ffffff;}
.notice_head .top_noti_slide .slide_div.bg_mb {background-color:#53caec;}
.notice_head .top_noti_slide .slide_div.bg_mb p span {color:#ffffff;}
.notice_head .top_noti_slide .slide_div.bg_my {background-color:#ffd200;}
.notice_head .top_noti_slide .slide_div.bg_md {background-color:#1c1b1b;}
.notice_head .top_noti_slide .slide_div.bg_md p span {color:#ffffff;}
.notice_head .top_noti_slide .slide_div.bg_mgr {background-color:#626262;}
.notice_head .top_noti_slide .slide_div.bg_mgr p span {color:#ffffff;}

.notice_head .notice_area p {display:inline-block; position:relative; text-align:center;}
.notice_head .notice_area p span {color:#000; font-size:1.4rem; line-height:40px;}
.notice_head .notice_area p .go_detail {/*background-color:#ccc; opacity:.5; */ position:absolute; left:0; top:0; height:100%; width:100%;}

.notice_head .closed {/*background-color:#ccc; */ display:block; overflow:hidden; cursor:pointer; position:absolute; right:10px; top:50%; margin-top:-16px; height:32px; width:32px; z-index:1;}
.notice_head .closed {transition-duration:0.4s;}
.notice_head .closed:before,
.notice_head .closed:after {background-color:#fff; content:''; position:absolute; left:50%; top:50%; margin-top:-1px; margin-left:-10px; height:2px; width:20px;}
.notice_head .closed:before,
.notice_head .closed:after {transition:0.2s 0.3s;}
.notice_head .closed:before {transform:rotate(45deg);}
.notice_head .closed:after {transform:rotate(-45deg);}

.notice_head .closed:hover {transform:rotate(-90deg);}
.notice_head .closed:hover:before {transform:rotate(90deg);}
.notice_head .closed:hover:after {transform:rotate(-90deg);}

/* 상단공지 닫음 */
.notice_head.hide {animation:close_hide 0.5s forwards;}
.notice_head.hide .closed {overflow:hidden; height:0;}
@keyframes close_hide {
    0% {height:40px;}
    100% {height:0;}
}

.itg_site.itg_main .notice_head,
.strg_mn .notice_head {display:block;}

.fixed .notice_head {display:none;}

.top_wrap {background-color:#ffffff; position:fixed; left:0; top:0; width:100%; z-index:900;}
.itg_site .top_wrap {background-color:#ffffff;}
.strg_mn .top_wrap {position:relative; margin-bottom:30px;}
.strg_mn_v2 .top_wrap {position:fixed; margin-bottom:0px;}
#header {/*position:absolute; left:0; top:0; background-color:#ccc; */ width:100%;}
#header .head_area {position:relative; margin:0 auto; max-width:1120px; justify-content: space-between;}

/* ------------------------------------ 《 통합사이트/거점사이트 서브메뉴/전체메뉴 Layout 》 ------------------------------------ */

/* 통합사이트, 거점사이트 공통 */
.depth2_wrap {/* background-color:#d9e244; */ overflow:hidden; opacity:0; position:absolute; top:0; left:0; padding-top:42px; height:0; width:0; z-index:-1;}
/* .depth2_wrap ul {min-width:90px;} */
.depth2_wrap li {}
.depth2_wrap li ~ li {margin-top:10px;}
.depth2_wrap .depth2_ach {display:block; overflow:hidden; color:#000; font-family:'hd_head_R'; font-size:1.6rem; letter-spacing:-1.5px; line-height:1.250em;}
.depth2_wrap .depth2_ach_sub1 {display:block; overflow:hidden; color:#000; font-family:'hd_head_R'; font-size:1.6rem; letter-spacing:-1.0px; line-height:1.250em;}
.depth2_wrap .depth2_ach_sub2 {padding-left: 5px;} 


/* .depth2_wrap .depth2_ach {display:block; overflow:hidden; color:#626262; font-family:'hd_head_M'; font-size:1.6rem; letter-spacing:-0.4px; line-height:1.250em;}
.depth2_wrap .depth2_ach_sub1 {display:block; overflow:hidden; color:#999; font-family:'hd_head_M'; font-size:1.6rem; letter-spacing:-1.0px; line-height:1.250em;}
.depth2_wrap .depth2_ach_sub2 {display:block; overflow:hidden; color:#999; font-family:'hd_head_M'; font-size:1.6rem; letter-spacing:-0.4px; line-height:1.250em;} */


.depth2_wrap .depth2_ach {transition-duration:0.3s;}
.depth2_wrap .depth2_ach:hover {color:#29cb7e;}
.depth2_wrap .depth2_ach .strg_nm,
.depth2_wrap .depth2_ach .country {display:inline-block; float:left; line-height:20px;}
.depth2_wrap .depth2_ach .country {color:#999999; font-size:1.3rem; letter-spacing:-0.2px; opacity:0; position:relative; padding-left:20px;}
.depth2_wrap .depth2_ach .country:before {background-color:#dddddd; content:''; position:absolute; left:10px; top:50%; margin-top:-5px; height:9px; width:1px;}
.depth2_wrap .depth2_ach .country {transition-duration:0.3s;}
.depth2_wrap .depth2_ach:hover .country {opacity:1;}

/* 서브메뉴BG */
.header_itg:before,
.head_strg:before {content:''; box-shadow:-4px 27px 25px -22px rgba(0, 0, 0, 0.1); opacity:0; position:absolute; left:0; top:0; transition:opacity 0.1s, height 0.1s; height:0; width:100%;}

/* 서브메뉴열림 */
#header .active {z-index:9990;}
#header .active:before {opacity:1; z-index:999;}
#header .active .depth2_wrap {opacity:1; height:auto; min-width:200px; width:100%; z-index:1;}
#header .active .depth2_wrap {transition:opacity 0.2s 0.3s;}

/* 통합GNB_열림 */
.header_itg.active .logo {z-index:9999;}
.header_itg.active .gnb_itg {z-index:9999;}
.header_itg.active .gnb_itg .depth1 {color:#000000;}
.header_itg.active .utill_menu {z-index:9999;}

/* ------------------------------------------- #거점사이트# ------------------------------------------- */

/* [서브메뉴BG 높이값 규칙 : 거점일경우]
    #통합GNB : 마지막메뉴에서 +30px
    #거점GNB : 마지막메뉴에서 +40px
*/

/* 거점서브:통합GNB */
.header_itg.active:before {background-color:#f5f3f0; height:339px;}

/* 거점서브:거점GNB */
.head_strg.active:before {background-color:#fff; height:341px;}
.head_strg.active .intro .logo_cmnt_wrap .logo {margin-top:53px; height:96px; width:300px; z-index:9990;}
.head_strg.active #gnb {z-index:9999;}

/* 거점메인:통합GNB (거점공지 있음/없음 높이값 다름) 2022-08-09 제페토 거점부분까지 영역 설정 */
.strg_mn #header .header_itg.active:before {height:320px;}
.strg_mn .notice_head ~ #header .header_itg.active:before {height:371px;}

/* 거점메인:거점GNB */
.strg_mn .head_strg.active:before {height:422px;}

/* 거점메인_헤더고정:거점GNB */
.strg_mn.fixed .head_strg.active .intro .logo_cmnt_wrap .logo {transition-duration:0.2s;}
.strg_mn.fixed .head_strg.active:before {height:314px;}
.strg_mn .notice_head.hide ~ #header .header_itg.active:before {height:371px;}
.strg_mn.fixed .notice_head ~ #header .header_itg.active:before {height:371px;}
.strg_mn.fixed .notice_head.hide ~ #header .header_itg.active:before {height:371px;}

/* ----------------------------------------- #통합사이트# ----------------------------------------- */
/* 통합서브 */
.itg_site .header_itg.active:before {height:358px;}
.itg_site .gnb_itg .depth2_wrap {padding-top:0; top:36px;}

/* 헤더고정 */
.itg_site.fixed .header_itg.active:before {height:330px;}
.itg_site .notice_head.hide ~ #header .header_itg.active:before {height:356px;}
.itg_site.fixed .notice_head.hide ~ #header .header_itg.active:before {height:358px;}
.itg_site.fixed .header_itg.active .logo {z-index:9999;}
_:-ms-fullscreen, :root .itg_site.fixed .header_itg.active .logo {transition:none;}

/* ------------------------------------ 《 헤더 상단고정 Layout 》 ------------------------------------ */
/* 거점 */
.fixed .head_strg.active .intro .logo_cmnt_wrap .logo {height:64px; width:200px;}
.fixed .strg_mn_v2 .head_strg.active .intro .logo_cmnt_wrap .logo {height:auto; width:auto;}

/* 거점사이트:메인 */
.strg_mn.fixed .head_strg.active .intro .logo_cmnt_wrap .logo {margin-top:35px; height:64px; width:200px;}

/* ------------------------------------ 《 유틸메뉴 》 ------------------------------------ */
.utill_menu > a {display:inline-block; color:#000000; font-size:1.6rem; line-height:1em; position:relative;}
.utill_menu > a ~ a {margin-left:20px;}
.utill_menu .btn_lang {padding-right:20px;}
.utill_menu .btn_lang:after {content:''; border-top:5px solid #000000; border-right:5px solid transparent; border-bottom:5px solid transparent; border-left:5px solid transparent; position:absolute; right:0; top:5px; height:0; width:0;}
.top_wrap_v2 .header_itg.col_white .utill_menu .btn_lang:after {border-top:5px solid #fff;}
.top_wrap_v2 .header_itg  .utill_menu .btn_lang:after, .top_wrap_v2 .header_itg.active  .utill_menu .btn_lang:after {border-top:5px solid #000}
.utill_menu .btn_lang:after {transition:all 0.3s;}

.utill_menu .language {background-color:#ffffff; border:1px solid #626262; box-sizing:border-box; overflow:hidden; opacity:0; position:absolute; right:-10px; top:60px; height:0; width:80px; z-index:-1;}
.strg_mn_v2 .utill_menu .language {top:40px;}
.utill_menu .language {transition:border 0.3s, opaicity 0.8s 0.2s, height 0.6s;}
.utill_menu .language .link {display:block; box-sizing:border-box; padding:8px 0px 8px 0px; text-align: center;}
.utill_menu .language .link span {font-family:'Malgun Gothic'; font-size:1.4rem;  color:#626262;}

.utill_menu.active {z-index:999;}
.utill_menu.active .btn_lang:after {border-top:5px solid transparent; border-right:5px solid transparent; border-bottom:5px solid #000000; border-left:5px solid transparent; top:-2px;}
.utill_menu.active .language {opacity:1; height:auto;; z-index:999;}
.utill_menu .login_icn {width:24px; height: 24px; background-image: url(../../images/ico/mypage_w.png); background-size: 100%; background-position: center; vertical-align: middle;}
.top_wrap_v2 .header_itg:not(.col_white) .login_icn {background-image: url(../../images/ico/mypage_bk.png);}
.top_wrap_v2 .header_itg.active .login_icn {background-image: url(../../images/ico/mypage_bk.png);}
.strg_mn_v2 .top_wrap_v2 .utill_menu .btn_lang:after {border-top: 5px solid #000;}
/* .strg_mn_v2 .top_wrap_v2.bg_transparent .utill_menu .btn_lang:after {border-top:5px solid #fff;} */
.strg_mn_v2 .top_wrap_v2 .header_itg.active .utill_menu .btn_lang:after {border-top:5px solid #000;}
.strg_mn_v2 .head_strg.col_white #gnb > ul > li .depth1 {color:#fff;}
.strg_mn_v2 .head_strg #gnb > ul > li .depth1 {color:#000;}
.strg_mn_v2 .head_strg.active #gnb > ul > li .depth1 {color:#000;}
.strg_mn_v2 .header_itg.bg_transparent .utill_menu.active .btn_lang:after {border-top:5px solid transparent; border-bottom:5px solid #fff; border-left:5px solid transparent;}
.strg_mn_v2.fixed .top_wrap_v2 .utill_menu .btn_lang:after {border-top:5px solid #000;}
.strg_mn_v2.fixed .top_wrap_v2  .utill_menu.active .btn_lang:after {border-top:5px solid transparent; border-bottom:5px solid #000; border-left:5px solid transparent;}
/* .strg_mn_v2 .top_wrap_v2 .header_itg .utill_menu .btn_lang:after {border-top: 5px solid #fff;} */
.strg_mn_v2 .top_wrap_v2 .header_itg.bg_transparent .utill_menu.active .btn_lang:after {border-bottom: 5px solid #fff; border-top:5px solid transparent}
.strg_mn_v2 .top_wrap_v2 .header_itg .utill_menu.active .btn_lang:after {border-top:5px solid transparent; border-bottom:5px solid #000; border-left:5px solid transparent;}
.strg_mn_v2.fixed .top_wrap_v2 .header_itg .utill_menu .btn_lang:after {border-top:5px solid #000;}
.strg_mn_v2 .top_wrap_v2 .head_strg .head_area {align-items: center;;}
.strg_mn_v2 .top_wrap_v2 .header_itg.active .utill_menu > a {color:#000;}
.strg_mn_v2 .top_wrap_v2 .head_strg.active .head_area .logo { background-image: url(../../images/goyang/ko/main/1115/logo_goyang.png); }

.strg_mn_v2.fixed .top_wrap_v2 .header_itg {background-color:#f5f3f0; border-bottom:1px solid #eeeeee;}
.strg_mn_v2.fixed .top_wrap_v2 .header_itg .head_area {background: transparent; }
.strg_mn_v2.fixed .top_wrap_v2 .header_itg .logo {filter: brightness(0);}
.strg_mn_v2.fixed .top_wrap_v2 .header_itg .gnb_itg .depth1 {color:#000;}
.strg_mn_v2.fixed .top_wrap_v2 #gnb > ul > li .depth1 {color:#000;}


.itg_site_v2 .header_itg.bg_transparent .utill_menu.active .btn_lang:after {border-top:5px solid transparent; border-right:5px solid transparent; border-bottom:5px solid #fff; border-left:5px solid transparent; top:-2px;}
.itg_site_v2 .header_itg .utill_menu.active .btn_lang:after {border-top:5px solid transparent !important; border-right:5px solid transparent; border-bottom:5px solid #000; border-left:5px solid transparent; top:-2px;}

/* 로그인 유틸 팝업 */
.utill_menu .login_util {background-color:#ffffff; border:1px solid #626262; box-sizing:border-box; overflow:hidden; opacity:0; position:absolute; right:13px; top:60px; height:0; width:120px; z-index:-1;}
.strg_mn_v2 .utill_menu .login_util {top:40px;}
.strg_mn_v2 .login_util .language {top:40px;}
.utill_menu .login_util {transition:border 0.3s, opaicity 0.8s 0.2s, height 0.6s;}
.utill_menu .login_util .link {display:block; box-sizing:border-box; padding:8px 0px 8px 0px; text-align: center;}
.utill_menu .login_util .link span { font-size:1.4rem;  color:#626262;}
.utill_menu .login_util.active {opacity: 1; height: 74px;}

/* 모바일 유틸 팝업 */
.m_header .utill_menu .login_icn {
    background-image: url(../../images/ico/mypage_bk.png);
}
.m_header .utill_menu .language {
    top:34px;
    right:-12px;
}
.m_header .utill_menu .login_util {
    right: -33px;
    top: 34px;
}


/*********************************************************************************************************************************************************
                                                    《 거점사이트 HEADER 》
**********************************************************************************************************************************************************/

/* --------------------------------------------------- 《 거점사이트:서브 GNB 》 --------------------------------------------------- */
.head_strg {position:relative; height:88px; width:100%; z-index:910;}
.head_strg .head_area {display:flex; align-items:center; height:100%;}
.head_strg .intro {box-sizing:border-box;}
.head_strg .intro .logo_cmnt_wrap {position:relative;}
.head_strg .intro .logo_cmnt_wrap .logo {position:relative; height:51px; width:160px;}
.head_strg .intro .logo_cmnt_wrap .logo {transition:all 0.2s;}
_:-ms-fullscreen, :root .head_strg .intro .logo_cmnt_wrap .logo {transition:none;}
.head_strg .intro .logo_cmnt_wrap .logo a {background-repeat:no-repeat; background-position:0 0; background-size:100% 100%; display:block; height:100%; width:100%;}
.head_strg .intro .logo_cmnt_wrap .cmnt {display:none; color:#000000; font-family:hd_head_M; font-size:4.4rem; letter-spacing:-2px; line-height:1.273em; margin-top:60px;}
.head_strg .intro .logo_cmnt_wrap .ko {display:none; overflow:hidden; text-indent:-9999px;}

.head_strg .intro .intro_customer {display:none; position:absolute; right:0; bottom:0;;}
.head_strg .intro .intro_customer dl {overflow:hidden;}
.head_strg .intro .intro_customer dl ~ dl {margin-top:20px;}
.head_strg .intro .intro_customer dt,
.head_strg .intro .intro_customer dd {line-height:23px;}
.head_strg .intro .intro_customer dt {float:left; font-family:'hd_head_R'; font-size:1.6rem; position:relative;}
.head_strg .intro .intro_customer dd {float:left; margin-left:40px; max-width:203px;}
.head_strg .intro .intro_customer dd strong,
.head_strg .intro .intro_customer dd span {display:block; color:#626262;}
.head_strg .intro .intro_customer dd strong {font-size:1.6rem;}
.head_strg .intro .intro_customer dd span {font-size:1.4rem; line-height:18px;}

#gnb {/*background-color:#ccc; */ margin-left:auto;}
#gnb > ul {}
#gnb > ul > li {float:left; position:relative;}
#gnb > ul > li ~ li {margin-left:60px;}
#gnb > ul > li .depth1 {color:#000000; font-family:'hd_head_R'; font-size:1.8rem; line-height:1em; position:relative;}
.strg_mn_v2 #gnb > ul > li .depth1 {color:#000000; font-family:'hd_head_M'; font-size:1.8rem; line-height:1em; position:relative;}
#gnb > ul > li.on .depth1 {color:#29cb7e !important;}
#gnb > ul > li.on .depth1:after {width:100%;}

/* ------------------------------------ 《 거점사이트:메인 》 ------------------------------------ */

/* 거점헤더 */
.strg_mn .head_strg {padding-top:60px; height:auto;}
.strg_mn .head_strg .head_area {align-items:flex-start;}
.strg_mn_v2 .head_strg {padding-top:0px; height:88px;}
.strg_mn_v2 .head_strg .head_area {align-items:center;}
.strg_mn .head_strg .intro {margin-right:auto; max-width:50%;}
.strg_mn .head_strg .intro .logo_cmnt_wrap {}
.strg_mn .head_strg .intro .logo_cmnt_wrap .logo {height:97px; width:300px;}
.strg_mn_v2 .head_strg .intro .logo_cmnt_wrap .logo {height:51px; width:160px;}

.strg_mn .head_strg .intro .logo_cmnt_wrap .cmnt {display:block;}
.strg_mn .head_strg .intro .intro_customer {display:block;}

.strg_mn #gnb {margin-left:auto;}
.strg_mn .header_itg .logo span {display:none; overflow:hidden; line-height:0; text-indent:-9999px; padding:0; height:0;}

.strg_mn .head_strg.active .intro .logo_cmnt_wrap .logo {margin-top:0;}

/* ------------------------------------ 《 통합 GNB 》 ------------------------------------ */
.header_itg {background-color:#f5f3f0; border-bottom:1px solid #eeeeee; height:40px; width:100%; z-index:915;}
.header_itg .head_area {/* background-color:#ccc; */ display:flex; align-items:center; height:100%;}
.header_itg .logo {background:url(../../images/integration/common/icon_home_bk.png) no-repeat 0 0; background-size:100% 100%; height:16px; width:16px;}
.header_itg .logo span {display:none; overflow:hidden; line-height:0; text-indent:-9999px; padding:0; height:0;}

.header_itg .gnb_itg {margin-left: 40px;}
.header_itg .gnb_itg > ul > li {float:left; position:relative;}
.header_itg .gnb_itg > ul > li ~ li {margin-left:80px;}
.header_itg .gnb_itg .depth1 {color:#000; cursor:default; font-family:'hd_head_R'; font-size:1.6rem;}

/* 영문 대응 추가 */
html:lang(en) .header_itg .gnb_itg > ul > li ~ li {margin-left:50px;} 
html:lang(en) .depth2_wrap {max-width:150px;}

/* 리뉴얼 추가 */
.strg_mn_v2 .header_itg.bg_transparent {background-color: transparent; border-bottom: none;}
.strg_mn_v2 .header_itg {background-color: #f5f3f0;}
.strg_mn_v2.fixed .header_itg {border-bottom:1px solid #eeeeee;}
.strg_mn_v2 .header_itg.col_white .logo {background:url(../../images/integration/common/icon_home_wh.png) no-repeat 0 0; background-size:100% 100%; height:16px; width:16px; position: absolute; top:12px;}
.strg_mn_v2 .header_itg .logo {background:url(../../images/integration/common/icon_home_bk.png) no-repeat 0 0; background-size:100% 100%; height:16px; width:16px; position: absolute; top:12px;}
.strg_mn_v2 .header_itg.active .logo, .strg_mn_v2.fixed .header_itg .logo {background:url(../../images/integration/common/icon_home_bk.png) no-repeat 0 0; background-size:100% 100%; height:16px; width:16px;}
.strg_mn_v2.fixed .top_wrap {background-color: #fff !important;}
.strg_mn_v2 #gnb > ul > li .depth1 {color:#fff;}
.strg_mn_v2 .head_strg.active #gnb > ul > li .depth1, .strg_mn_v2.fixed .head_strg #gnb > ul > li .depth1 {color:#000;}
.strg_mn_v2 .top_wrap_v2 {background-color: #fff;}


/* ------------------------------------ 《 헤더 상단고정 》 ------------------------------------ */
/* 거점 GNB */
.fixed .head_strg {padding-top:0; padding-bottom:0; height:88px;}
.fixed .head_strg .intro .logo_cmnt_wrap .logo {height:51px; width:160px;}

/* 거점사이트:메인 */
.strg_mn.fixed .top_wrap {position:fixed;}
.strg_mn.fixed .head_strg .head_area {align-items:center;}
.strg_mn.fixed .head_strg .intro .logo_cmnt_wrap .logo {transition-duration:0s;}
.strg_mn.fixed .head_strg .intro .logo_cmnt_wrap .ko {display:none; opacity:0;}
.strg_mn.fixed .head_strg .intro .logo_cmnt_wrap .cmnt {display:none; opacity:0;}
.strg_mn.fixed .head_strg .intro .intro_customer {display:none; opacity:0; margin:0; height:0; width:0;}

/* .strg_mn.fixed #container {padding-top:300px;} */

/* 리뉴얼 */
.strg_mn_v2.fixed .top_wrap_v2 .header_itg { background: #f5f3f0 !important;}
/*********************************************************************************************************************************************************
                                                    《 통합사이트 HEADER 》
**********************************************************************************************************************************************************/
/* .itg_site .top_wrap {background-color:#ffffff;} */
.itg_site .head_strg {background:none; display:none; overflow:hidden; margin:0; padding:0; height:0; width:0; z-index:-999;}

/* ------------------------------------ 《 통합 GNB 》 ------------------------------------ */
.itg_site #header {}
.itg_site .header_itg {background-color:#f5f3f0; border-bottom:none; position:relative; height:88px;}
.itg_site .header_itg .logo {background:url(../../images/integration/common/HMS_Logo_bk.svg) no-repeat 0 0; background-size:100% 38px; height:38px; width:180px;}

.itg_site .header_itg .gnb_itg {}
.itg_site .header_itg .gnb_itg .depth1_interval_cn {margin-left:80px;}
.itg_site .header_itg .gnb_itg .depth1_interval_en {margin-left:80px;}
.itg_site .header_itg .gnb_itg .depth1 {display:block; color:#000000; font-size:1.8rem; line-height:1em;}
.itg_site_v2 .header_itg .gnb_itg .depth1 {display:block; color:#000000; font-size:2.0rem; line-height:1em; font-family:'hd_head_M'}

/* 유틸메뉴 */
/**************************************************************************************************************************************************************************************************
****************************************************    《《《   Mobile Header, GNB   》》》  ***************************************************************************************************
***************************************************************************************************************************************************************************************************/
.mobile .top_wrap {background-color:transparent;}

.m_header {background-color:transparent; display:none; box-sizing:border-box; opacity:0; position:relative; padding:4.167vw 5.556vw 5.556vw; height:16.667vw; width:100%; z-index:-1;}
.strg_mn .m_header {background-color:#f5f3f0;}
.m_header {transition:none;}
.m_header .logo_tit_area {float:left; position: absolute; top: 50%; transform: translateY(-50%);}
.m_header .logo_tit_area .m_hd_title {background-repeat:no-repeat; background-position:0 0; background-size:100% auto; position:relative;}
/* .m_header .logo_tit_area .itg {background-image:url(https://motorstudio.hyundai.com/itg/images/integration/common/HMS_Logo_wh.svg); display:none; height:6.667vw; width:31.111vw;} */
.m_header .logo_tit_area .m_hd_title .home {/*background-color:rgba(0, 0, 0, 0.2); */ display:block; position:absolute; left:0; top:0; height:100%; width:100%;}


.m_header .gnb_ctrl {position:absolute; right:0; top:0; height:16.667vw; width:16.667vw; z-index:999;}
.m_header .gnb_ctrl .menu_anchor {/*background-color:rgba(0, 0, 0, 0.2); */ display:block; box-sizing:border-box; position:relative; padding:5.556vw; height:16.667vw; width:16.667vw;}
.m_header .gnb_ctrl .open .open_deco {background-color:#ffffff; display:block; margin-bottom:1.667vw; height:2px; width:5vw;}
.itg_site .m_header .gnb_ctrl .open .open_deco,
.strg_mn .m_header .gnb_ctrl .open .open_deco {background-color:#000000;}
.m_header .gnb_ctrl .menu_anchor.open {display:block;}

.m_header .gnb_ctrl .closed {display:none; position:fixed; right:0; top:0;}
.m_header .gnb_ctrl .closed:before,
.m_header .gnb_ctrl .closed:after {background-color:#000000; content:''; position:absolute; left:50%; top:50%; margin-top:-2px; margin-left:-11px; height:3px; width:22px;}
.m_header .gnb_ctrl .closed:before { transform:rotate(45deg);}
.m_header .gnb_ctrl .closed:after { transform:rotate(-45deg);}

.m_header .dim {background-color:rgba(0, 0, 0, 0.8); opacity:0; position:fixed; left:100vw; top:0; min-height:100vh; width:100%;}
.m_header .dim {transition:left 0.1s, opacity 0.9s 0.3s;}

/*모바일 메뉴 변경  s */
.m_gnb_wrap {background-color:#ffffff; overflow:hidden; position:fixed; left:100vw; top:0; margin-left:calc(100% - 90vw); min-height:100%; height:100%; width:90vw; z-index:998;}
.m_gnb_wrap {transition:all 0.4s ease-in-out;}
.m_gnb_wrap .language_site {overflow:hidden; position:absolute; left:25px; top:70px; width:100%; height: auto; background-color: transparent; display: flex; align-items: center;}
.itg_site .m_gnb_wrap .language_site {top:18px;}
.strg_mn_v2 .m_gnb_wrap .language_site, .itg_site_v2 .m_gnb_wrap .language_site { left: 0; background-color: #fff; top:auto; bottom:0; padding:0px 24px; height: 58px;}
.m_gnb_wrap .language_site a {display:inline-block; position:relative; padding-bottom:3px;}
.m_gnb_wrap .language_site a ~ a {margin-left:16px;}
.m_gnb_wrap .language_site a:before {background-color:#000000; content:''; display:none; position:absolute; left:0; bottom:0; height:3px; width:100%;}
.m_gnb_wrap .language_site a span {font-family:hd_head_R; font-size:1.4rem;}
.m_gnb_wrap .language_site a.on:before {display:block;}

.m_gnb_wrap .utill_menu {position:absolute; left:20px; top:201px;}
.m_gnb_wrap .utill_menu a {display:inline-block; color:#575757; font-family:hd_head_R; font-size:1.4rem;}
/* .m_gnb_wrap .utill_menu a ~ a {margin-left:20px;} */

.m_gnb_wrap .m_gnb_contn {overflow:hidden; box-sizing:border-box; /*padding:72px 25px 0 25px; */ padding-top:122px; padding-left:20px; height:100%; background-color: #f3f1ee; padding-right:20px;}

.itg_site_v2 .m_header .m_gnb_wrap .m_gnb_contn, .strg_mn_v2 .m_header .m_gnb_wrap .m_gnb_contn {
    padding-top: 80px;
}
/*모바일 메뉴 변경 s */

.m_header .logo_home {overflow:hidden;}
.m_header .logo_home a {display:block; overflow:hidden; height:100%;}

.m_header .m_header_itg {display:none;}
.itg_site .m_header .m_header_strg {display: none;}
.strg_mn_v2 .m_header .m_header_itg {display: block;}
.m_nav_menu {overflow:hidden;}
.m_nav_menu > ul {/*background-color:#ccc; */ overflow:hidden; overflow-y:auto; padding-right:25px; max-height:54.6875vh;}
.m_nav_menu a {display:block; font-family:hd_head_R;}
.m_nav_menu .depth_01 {}
.m_nav_menu .depth_01 .txt_depth01 {font-size:2.2rem; line-height:1.1em; position:relative; padding-top:14px; padding-bottom:14px;}
.m_nav_menu .depth_01 .arrow {/*background-color:#ccc; */ display:block; position:absolute; right:0; top:50%; margin-top:-1.1111vw; height:7px; width:12px;}
.m_nav_menu .depth_01 .arrow:before,
.m_nav_menu .depth_01 .arrow:after {background-color:#a4a4a4; content:''; display:block; position:absolute; top:0; height:100%; width:1px}
.m_nav_menu .depth_01 .arrow:before,
.m_nav_menu .depth_01 .arrow:after {transition:all 0.3s;}
.m_nav_menu .depth_01 .arrow:before {transform:rotate(48deg); right:3px;}
.m_nav_menu .depth_01 .arrow:after {transform:rotate(-48deg); right:8px;}

.m_nav_menu .depth_02 {overflow:hidden; height:0;}
.m_nav_menu .depth_02 li {border-bottom:1px solid #dddddd;}
.m_nav_menu .depth_02 li a {font-size:1.6rem; line-height:1em; padding-top:15px; padding-bottom:14px;}
.m_nav_menu .depth_02 li a strong {display:inline-block;}
.m_nav_menu .depth_02 li a .country {display:inline-block; color:#999999; font-size:1.3rem; line-height:1em; position:relative; padding-left:20px;}
.m_nav_menu .depth_02 li a .country:before {background-color:#dddddd; content:''; position:absolute; left:9px; top:1px; height:9px; width:1px;}

.m_nav_menu .depth_01.open .arrow:before,
.m_nav_menu .depth_01.open .arrow:after {background-color:#000000;}
.m_nav_menu .depth_01.open .arrow:before {transform:rotate(128deg);}
.m_nav_menu .depth_01.open .arrow:after {transform:rotate(-128deg);}
.m_nav_menu .depth_01.open .depth_02 {height:auto;}

/* 햄버거열림 */
.top_wrap.active {}
.top_wrap.active ~ #container,
.top_wrap.active ~ #quick_menu,
.top_wrap.active ~ .go_top,
.top_wrap.active ~ #footer {z-index:-1;}
.top_wrap.active .notice_head {z-index:100;}
.top_wrap.active .m_header .menu_anchor.open {display:none;}
/* .top_wrap.active .m_header .menu_anchor.closed {display:block;} */
.top_wrap.active .m_header .dim {opacity:1; left:0;}
.top_wrap.active .m_header .m_gnb_wrap {left:0;}
.top_wrap.active .m_nav_menu > ul {padding-bottom:80px;}

.s_hidden {overflow:hidden; height:100%; min-height:100% !important; touch-action:none;}

/********************************************************* 통합사이트 *********************************************************/
.itg_site.mobile .top_wrap {background-color:#f5f3f0;}
.itg_site .m_header_itg {display:block;}
.itg_site .m_header .logo_tit_area .itg {background-image:url(https://motorstudio.hyundai.com/itg/images/integration/common/HMS_Logo_bk.svg); display:block;}
.itg_site .m_header .logo_tit_area .strg {display:none;}
.itg_site_v2 .m_header .m_header_strg, .strg_mn_v2 .m_header .m_header_strg {display:none; position: relative;}


.itg_site .m_header .m_gnb_wrap .m_gnb_contn {padding-top:80px;}
.itg_site .m_header .m_gnb_wrap .m_gnb_contn .utill_menu {top:140px;}
.itg_site_v2 .m_header .m_gnb_wrap .m_gnb_contn .utill_menu, .strg_mn_v2 .m_header .m_gnb_wrap .m_gnb_contn .utill_menu {top:20px;}

.itg_site .m_header_itg .logo_home h1 {height:42px; width:191px;}
.itg_site .m_header_itg .logo_home a {background:url(https://motorstudio.hyundai.com/itg/images/integration/common/HMS_Logo_bk.svg) no-repeat 0 0; background-size:100%;}

/* .itg_site .m_gnb_wrap .language_site {top:18px} */
.itg_site_v2 .m_gnb_wrap .language_site {top:auto;}
.itg_site .m_header_itg .gnb_itg {padding-top:54px;}
.itg_site .m_gnb_wrap .utill_menu {display:block;}

.strg_mn_v2 .m_header_itg .logo_home h1 {height:42px; width:196px;}
.strg_mn_v2 .m_header_itg .logo_home a {background:url(https://motorstudio.hyundai.com/itg/images/integration/common/HMS_Logo_bk.svg) no-repeat 0 0; background-size:100%;}

/******************* 거점사이트 *******************/
.mobile.strg_mn .head_strg .head_area {padding-bottom:0;}
.strg_mn .m_header .logo_tit_area .itg {background-image:url(https://motorstudio.hyundai.com/itg/images/integration/common/HMS_Logo_bk.svg); display:block;}
.strg_mn_v2 .m_header .logo_tit_area .itg {background-image:url(https://motorstudio.hyundai.com/itg/images/integration/common/HMS_Logo_wh.svg); display:block;}
.m_header .m_header_strg {overflow:hidden;}


/* 거점 사이트 리뉴얼 */
.strg_mn_v2 .m_header_itg .logo_home h1 {height:56px; width:174px;}
.strg_mn_v2 .m_header_itg .logo_home h1 a {
    background:url(../../images/integration/common/HMS_Logo_Goyang_bk.svg) no-repeat 0 0;
    background-size: 100%;
}
.strg_mn_v2 .m_header .logo_tit_area .itg  {height:56px; width:174px;}

.strg_mn_v2.so .m_header_itg .logo_home h1 a {
    background:url(../../images/integration/common/HMS_Logo_Seoul_bk.svg) no-repeat 0 0;
    background-size: 100%;
}
.strg_mn_v2.bs .m_header_itg .logo_home h1 a {
    background:url(../../images/integration/common/HMS_Logo_Busan_bk.svg) no-repeat 0 0;
    background-size: 100%;
} 
.strg_mn_v2.hn .m_header_itg .logo_home h1 a {
    background:url(../../images/integration/common/HMS_Logo_Hanam_bk.svg) no-repeat 0 0;
    background-size: 100%;
}
.strg_mn_v2.strg_senayanpark .m_header_itg .logo_home h1 a {
    background:url(../../images/integration/common/HMS_Logo_SenayanPark_bk.svg) no-repeat 0 0;
    background-size: 100%;
}
/* .strg_mn_v2 .m_hd_title.strg {display:none !important;}
.strg_mn_v2.fixed .m_hd_title.strg {display:block !important;} */

/* 거점사이트 로고 */
.m_header .m_header_strg h1 {height:62px; width:190px;}
.m_header .m_header_strg .bj {display:none;}
.m_header .m_header_strg h1 img {height:100%; width:100%;}

/* 통합사이트이동 링크 */
.m_header .m_header_strg .go_itg {position:absolute; left:25px; top:18px;}
.m_header .m_header_strg .go_itg a {background:url(https://motorstudio.hyundai.com/itg/images/integration/common/icon_home_bk.png) no-repeat 0 0; background-size:14px 14px; display:inline-block; font-family:hd_head_R; font-size:1.4rem; line-height:14px; padding-left:21px;}
.m_header .m_header_strg .gnb_strg {padding-top:68px;}

.strg_mn_v2 .m_header .go_itg {display: inline-block; margin-right: 15px;}

.strg_mn_v2 .m_header .go_itg a {background:url(https://motorstudio.hyundai.com/itg/images/integration/common/icon_home_bk.png) no-repeat 0 0; background-size:14px 14px; display:inline-block; font-family:hd_head_R; font-size:1.4rem; line-height:14px; padding-left:21px;}


/******************* 스크롤했을때 (#wrap.mobile.fixed) *******************/
.mobile.fixed {}
/* .mobile.fixed .m_header {padding:0 20px; height:48px;} */
.mobile.fixed .m_header .logo_tit_area .itg {display:none;}
.mobile.fixed .m_header .logo_tit_area .strg {/* 거점별 로고 이미지:거점별 CSS에서 선언함 */ display:block; height:36px; width:112px;}
.mobile.fixed .m_header .gnb_ctrl .open .open_deco {background-color:#000000;}

.mobile.itg_site.fixed .header_itg {display:none; overflow:hidden; padding:0; height:0; width:0;}
.mobile.itg_site.fixed .m_header .logo_tit_area .itg {display:block; /* margin-top:8px; height:33px; width:130px; */}
.mobile.itg_site.fixed .m_header .logo_tit_area .strg {display:none;}
.mobile.itg_site.fixed #container {padding-top:16.667vw;}
.mobile.itg_main.fixed #container {padding-top:38.333vw;}

/**************************************************************************************************************************************************************************************************
****************************************************    《《《   Footer   》》》  ***************************************************************************************************************
***************************************************************************************************************************************************************************************************/
#footer {width:100%; padding-top:55px; padding-bottom:60px; color:#999999; font-size:1.4rem; background-color:#1c1b1b; position:relative;}
#footer .footer_area {position:relative; padding-left:12%; padding-right:220px; box-sizing:border-box;}
#footer p,
#footer address {margin-top:8px; line-height:1.2; word-break:keep-all; display:flex; flex-wrap:wrap; gap:5px 20px;}
#footer .hd_logo {position:absolute; top:5px; left:0;}
#footer .hd_logo img {width:58px;}
#footer .clause {width:100%; overflow:hidden; margin-bottom:5px;}
#footer .clause + p {margin-top:15px;}
#footer .clause a {float:left; position:relative; margin-left:25px; padding:5px 0;}
#footer .clause a:first-child {margin-left:0;}
#footer .clause a.protection {color:#fff;}
#footer .clause a:not(:first-child):before {background-color:#444444; content:''; position:absolute; left:-13px; top:50%; margin-top:-5px; height:10px; width:1px;}
#footer .txt_area {width:100%; margin-top:10px;}
#footer .txt_area span {margin-right:20px; word-break:keep-all;}
#footer .web_sns {position:absolute; top:0; right:0;}
#footer .sns_wrap {overflow:hidden; text-align:right; margin-bottom:18px;}
#footer .sns_wrap .icon {background-repeat:no-repeat; background-position:50% 50%; background-size:25px auto; display:inline-block; height:25px; width:25px;}
#footer .sns_wrap .icon ~ .icon {margin-left:20px;}
#footer .sns_wrap .insta {background-image:url(../../images/integration/common/icon_footer_insta.png);}
#footer .sns_wrap .fb {background-image:url(../../images/integration/common/icon_footer_fb.png);}
#footer .sns_wrap .ks {background-image:url(../../images/integration/common/icon_footer_ks.png);}
#footer .sns_wrap .kp {background-image:url(../../images/integration/common/icon_footer_kp.png);}
#footer .sns_wrap .ch {background-image:url(../../images/integration/common/icon_footer_ch.png);}

#footer .family_site {border:1px solid #676767; box-sizing:border-box; position:relative;  height:30px; width:190px;}
#footer .family_site:after {background:url(../../images/integration/common/bullet_select_gr.png) no-repeat 0 0; background-size:100% auto; content:''; position:absolute; right:13px; top:50%; margin-top:-2px; height:4px; width:7px;}
#footer .family_site .btn_open {display:block; box-sizing:border-box; cursor:pointer; line-height:28px; padding-right:20px; padding-left:15px;}
#footer .family_site ul {background-color:#1c1b1b; display:none; border:1px solid #676767; position:absolute; left:-1px; bottom:28px; padding-top:10px; padding-bottom:10px; width:188px; z-index:-1;}
#footer .family_site ul .anchor {display:block; font-size:1.3rem; line-height:1.385em; padding:6px 13px;}
#footer .family_site ul .anchor {transition-duration:0.4s;}
#footer .family_site ul .anchor:hover {color:#b6b6b6;}
#footer .family_site.on:after {transform:rotate(180deg);}
#footer .family_site.on ul {display:block; z-index:999;}

/**************************************************************************************************************************************************************************************************
****************************************************    《《《   Quick Menu   》》》  ***********************************************************************************************************
***************************************************************************************************************************************************************************************************/
#quick_menu {position:fixed; right:0; bottom:80px; z-index:890;}
@media only screen and (max-width:1456px) and (min-width:1120px){
    #quick_menu {width:100%;}
}
#quick_menu a {display:flex; flex-direction:column; align-items:center; justify-content:center; position:relative; height:80px; width:80px;}
#quick_menu a span {display:block; font-size:1.8rem; font-family:hd_head_R; letter-spacing:-0.7px; line-height:1.111em; text-align:center; position:relative; width:80%;}
#quick_menu .bt_trigger {background-color:#29cb7e; color:#ffffff; position:absolute; right:0; bottom:0; transition-duration:0.3s; z-index:1;}
#quick_menu .bt_trigger.active {background-color:#f5f3f0; color:#29cb7e;}

#quick_menu .reserve {position:absolute; right:0; bottom:81px; width:80px;}
#quick_menu .reserve.off {}
#quick_menu .reserve a {background-color:#f5f3f0; opacity:0; position:absolute; left:0; transition:0.6s;}
#quick_menu .reserve a:hover {color:#29cb7e; transition-duration:0.3s;}
#quick_menu .reserve.off a {opacity:0;}

/* 퀵메뉴 열림 */
#quick_menu .reserve.on a {opacity:1;}
#quick_menu .reserve.on .anchor_01 {animation:reserve_show1 0.3s ease-in-out forwards; top:0; z-index:-1;}
#quick_menu .reserve.on .anchor_02 {animation:reserve_show2 0.3s ease-in-out forwards; top:0; z-index:-1;}
#quick_menu .reserve.on .anchor_03 {animation:reserve_show3 0.3s ease-in-out forwards; top:0; z-index:-1;}
#quick_menu .reserve.on .anchor_04 {animation:reserve_show4 0.3s ease-in-out forwards; top:0; z-index:-1;}

@keyframes reserve_show4 {
    0% {top:0; z-index:-1;}
    100% {top:-80px; z-index:0;}
}
@keyframes reserve_show3 {
    0% {top:0; z-index:-1;}
    34% {top:-80px; z-index:-1;}
    100% {top:-161px; z-index:0;}
}
@keyframes reserve_show2 {
    0% {top:0; z-index:-1;}
    25% {top:-80px; z-index:-1;}
    50% {top:-161px; z-index:-1;}
    100% {top:-242px; z-index:0;}
}
@keyframes reserve_show1 {
    0% {top:0; z-index:-1;}
    25% {top:-80px; z-index:-1;}
    50% {top:-161px; z-index:-1;}
    75% {top:-242px; z-index:-1;}
    100% {top:-323px; z-index:0;}
}

/* 퀵메뉴 닫힘 */
#quick_menu .reserve.off .anchor_01 {animation:reserve_hide1 0.3s ease-in-out forwards;}
#quick_menu .reserve.off .anchor_02 {animation:reserve_hide2 0.3s ease-in-out forwards;}
#quick_menu .reserve.off .anchor_03 {animation:reserve_hide3 0.3s ease-in-out forwards;}
#quick_menu .reserve.off .anchor_04 {animation:reserve_hide4 0.3s ease-in-out forwards;}
@keyframes reserve_hide4 {
    0% {top:-80px; z-index:0;}
    100% {top:0; z-index:-1;}
}
@keyframes reserve_hide3 {
    0% {top:-161px; z-index:0;}
    34% {top:-80px; z-index:-1;}
    100% {top:0; z-index:-1;}
}
@keyframes reserve_hide2 {
    0% {top:-242px; z-index:0;}
    25% {top:-161px; z-index:-1;}
    50% {top:-80px; z-index:-1;}
    100% {top:0; z-index:-1;}
}
@keyframes reserve_hide1 {
    0% {top:-323px; z-index:0;}
    25% {top:-242px; z-index:-1;}
    50% {top:-161px; z-index:-1;}
    75% {top:-80px; z-index:-1;}
    100% {top:0; z-index:-1;}
}

/* 퀵메뉴 푸터 위에서 멈춤*/
#quick_menu.stop {position:relative;}

/************************************************************************************************************************
                        《Top 버튼》
************************************************************************************************************************/
.go_top {/* background-color:#ccc; height:30px; */ display:none; position:fixed; right:0; bottom:0; width:100%; z-index:900;}
.go_top .bt_top {/* background-color:#999; */ box-sizing:border-box; font-family:hd_head_R; font-size:1.2rem; line-height:30px; text-align:center; position:absolute; right:27px; bottom:17px; height:30px; width:30px;}
.go_top .bt_top:before,
.go_top .bt_top:after {background-color:#000; content:''; position:absolute; top:-9px; height:13px; width:3px;}
.go_top .bt_top:before {transform:rotate(45deg); left:9px;}
.go_top .bt_top:after {transform:rotate(-45deg); left:16px;}

@media only screen and (max-width:1456px) and (min-width:1120px){
    .go_top {}
    .go_top .bt_top {right:27px;}
}

.go_top.stop {position:relative;}

/**************************************************************************************************************************************************************************************************
****************************************************    《《《   Sub Title   》》》   ***************************************************************************************************************
***************************************************************************************************************************************************************************************************/
/* 컨텐츠 비주얼 배너, 로케이션 타이틀 */
.sub_title {box-sizing:border-box; position:relative; top:-100px; margin:0 auto; max-width:1120px; width:100%; z-index:10;}
.sub_title h1,
.sub_title .location {padding-left:30px;}
.sub_title h1 {font-size:3.6rem; line-height:1.222em; margin-bottom:12px;}
.sub_title .location {overflow:hidden; box-sizing:border-box; width:100%;}
.sub_title .location .home {float:left; color:#ffffff; font-family:hd_head_R; font-size:1.3rem; line-height:18px;}
.sub_title .menu_satus {float:left;}
.sub_title .menu_satus li {float:left; color:#ffffff; font-family:hd_head_R; font-size:1.3rem; line-height:18px; position:relative; margin-left:32px;}
.sub_title .menu_satus li:before {background:url(../../images/integration/common/arrow_location_wh.png) no-repeat 0 0; content:''; display:inline-block; position:absolute; left:-23px; top:50%; margin-top:-7px; height:15px; width:15px;}
.sub_title .menu_satus li ~ li {}
.sub_title .intro_cmnt {color:#626262; font-size:1.8rem; line-height:1.556em; margin-top:58px; word-break:break-word;}

.itg_site .sub_title h1,
.itg_site .sub_title .location {padding-left:0;  font-family: 'hd_head_M';}
.itg_site .sub_title {border-bottom:1px solid #dddddd; top:0; margin-bottom:65px; padding:0 0 40px;}
.itg_site .sub_title .location .home {color:#626262;}
.itg_site .sub_title .menu_satus li {color:#626262;}
.itg_site .sub_title .menu_satus li:before {background-image:url(../../images/integration/common/arrow_location_gray.png);}
.itg_site .sub_title .menu_satus li:last-child {width:150px;}

.sub_title .content_serch {position:absolute; right:0; top:30px;}

/* 서브페이지 큰 타이틀 */
.section_title {overflow:hidden; margin-bottom:55px;}
.section_title h2 {display:inline-block; font-size:2.8rem; line-height:1.1em;}

/* 서브페이지 컨텐츠별 타이틀 */
.cotn_title {overflow:hidden; margin-bottom:17px;}
.cotn_title h3 {display:inline-block; font-size:2.2rem; line-height:1.1em; word-break:keep-all;}
.cotn_title p {display:inline-block; font-family:hd_head_R; font-size:2.2rem; line-height:1.1em; word-break:keep-all;}
.cotn_title span {display:inline-block; color:#626262; font-family:hd_head_R; font-size:1.6rem;}

/* 서브페이지 블릿 타이틀 */
.tit {color:#626262; font-size:1.6rem; position:relative; padding-left:14px;}
.tit:before {background-color:#bbbbbb; content:''; border-radius:50px; position:absolute; left:0; top:6px; height:4px; width:4px;}


/**************************************************************************************************************************************************************************************************
*************************************************** 《《《   Board, Table   》》》    ***************************************************************************************************************
***************************************************************************************************************************************************************************************************/

/* 게시판 목록 */
.board_list {position:relative; margin:0 auto; max-width:1120px;}
.board_list .content_serch {position:absolute; right:0; top:-170px;}
.board_list .content {}
.board_list .content ul {}
.board_list .content li {transition:all 0.3s;}
.board_list .content li:hover {box-shadow:0 0 30px 0 rgba(0, 0, 0, 0.05);}

.board_list .li_set {display:flex; overflow:hidden; box-sizing:border-box; align-items:center; position:relative; padding:24px 30px; width:100%;}
.board_list .li_set > div {box-sizing:border-box; flex:none; /*outline:1px solid #000; */ transition:all 0.3s;}
.board_list .li_set p {color:#626262; letter-spacing:-0.025em; line-height:1.3;}
.board_list .li_set .number {margin-right:auto; width:10%;}
.board_list .li_set .number p {font-size:1.8rem;}
.board_list .li_set .title {width:76%;}
.board_list .li_set .title p {width:100%; overflow:hidden; color:#000000; font-size:1.8rem; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; word-break:keep-all;}
.board_list .li_set .date {margin-left:auto; width:14%;}
.board_list .li_set .date p {font-size:1.6rem; text-align:right;}
.board_list .li_set .go_view {display:block; box-sizing:border-box; position:absolute; left:96px; top:0; height:100%; width:714px;}
.board_list .noti_fix .li_set .number p {color:#29cb7e; font-family:'hd_head_R';}
.board_list .noti_fix .li_set .title p {font-family:'hd_head_R';}

.board_list .data_none {background:url(../../images/integration/common/icon_notice.png) no-repeat center 0; margin-top:130px; padding-top:110px; padding-bottom:160px;}
.board_list .data_none p {font-size:2rem;}

/* 썸네일형 게시판 목록 */
.thumb_list .list {display:flex; flex-wrap:wrap; overflow:hidden; width:100%;}
.thumb_list .list li {margin-top:78px; margin-left:140px; max-width:280px; width:33%;}
.thumb_list .list a {display:block; overflow:hidden;}
.thumb_list .list li:nth-child(-n+3) {margin-top:0;}
.thumb_list .list li:nth-child(3n+1) {margin-left:0;}
.thumb_list .list figure {font-size:0;}
.thumb_list .list figure img {display:block; transition-duration:0.4s; width:100%;}
.thumb_list .list a:hover figure img {transform:scale(1.02);}
.thumb_list .list figcaption {position:relative; padding-top:35px;}
.thumb_list .list figcaption span {display:block;}
.thumb_list .list figcaption .tit {overflow:hidden; color:#000; font-family:'hd_head_R'; font-size:2.2rem; line-height:30px; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; padding-left:0; width:100%;}
.thumb_list .list figcaption .tit:before {display:none;}
.thumb_list .list figcaption .date {margin-top:13px; font-size:1.4rem; color:#626262;}
.thumb_list .list figcaption .location {position:absolute; top:11px; left:0; font-size:1.4rem; line-height:24px; color:#626262; font-family:'hd_head_R';}

.thumb_list .data_none {background:url(../../images/integration/common/icon_notice.png) no-repeat center 0; margin-top:130px; padding-top:110px; padding-bottom:160px;}
.thumb_list .data_none p {font-size:2rem;}

/* 게시판 상세 */
.board_detail {overflow:hidden;}
.board_detail dl {overflow:hidden; border-bottom:1px solid #ccc;}
.board_detail dt {padding-left:0;}
.board_detail dt:before {display:none;}
.board_detail dt h2 {color:#000; font-size:3rem; margin-bottom:23px; line-height:1.1; word-break:keep-all;}
.board_detail dd {overflow:hidden;}
.board_detail dd .location,
.board_detail dd .date {display:inline-block; color:#999; font-size:1.6rem;}
.board_detail dd .location + .date:before {background-color:#bcbbbb; content:""; display:inline-block; vertical-align:-2px; margin:0 20px; width:1px; height:13px;}
.board_detail dd.cont {overflow:hidden; padding:60px 0 40px;}
.board_detail dd.cont * {color:#000000; font-size:1.6rem; line-height:1.375em; word-break:keep-all;}
.notice .board_detail dd.cont * {font-size:1.6rem !important;}
.board_detail dd.cont img {max-width:100%;}
.board_detail .btn_wrap {padding-top:40px;}

.board_detail .post_preview {overflow:hidden; margin-top:40px;}
.board_detail .post_preview .post {overflow:hidden; position:relative;}
.board_detail .post_preview .post:before {background-repeat:no-repeat; background-position:0 0; content:''; display:block; position:absolute; top:0; height:26px; width:15px;}
.board_detail .post_preview .post.prev {float:left; padding-left:33px;}
.board_detail .post_preview .post.next {float:right; padding-right:33px;}
.board_detail .post_preview .post.prev:before {background-image:url(../../images/integration/common/arrow_post_prev.png); left:0;}
.board_detail .post_preview .post.next:before {background-image:url(../../images/integration/common/arrow_post_next.png); right:0;}
.board_detail .post_preview .post p {overflow:hidden; color:#999999; font-size:1.6rem; line-height:26px; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; height:26px; max-width:245px;}
.board_detail .post_preview .post .mov_detail {display:none;}
.board_detail .post_preview .post.on p {color:#000000;}
.board_detail .post_preview .post.on .mov_detail {display:block; position:absolute; left:0; top:0; height:100%; width:100%;}

/* 게시판 검색 */
.content_serch {display:flex; justify-content:flex-end; padding-bottom:20px;}
.content_serch .select,
.content_serch .input_search {float:left;}
.content_serch .select {background-color:#ffffff; display:inline-block; position:relative; box-sizing:border-box; min-width:150px;}
.content_serch .select:before {background:url(../../images/integration/common/bullet_select.png) no-repeat 0 0; background-size:100%; display:block; content:''; position:absolute; right:13px; top:50%; margin-top:-4px; height:7px; width:14px;}
.content_serch .select select {display:inline-block; width:100%; height:50px; padding-right:40px; padding-left:20px; color:#000000; font-size:1.8rem; line-height:46px; border:1px solid #bbb; box-sizing:border-box;}
.content_serch .select select {transition-duration:0.3s;}
.content_serch .select select:focus {border:1px solid #000000; color:#000000;}
.content_serch .input_search {max-width:300px; width:100%; margin-left:4px; border:1px solid #bbb; overflow:hidden;}
.content_serch .input_search input {float:left; box-sizing:border-box; font-size:1.8rem; line-height:1.1em; letter-spacing:-0.025em; padding:13px 20px; height:48px; width:calc(100% - 48px);}
.content_serch .input_search .btn_search {float:right; width:48px; height:48px;}
.content_serch .input_search .btn_search .i_serch {background:url(../../images/integration/common/btn_search_40x40.png) no-repeat 50% 50%; background-size:32px; display:block; width:100%; height:100%;}

/* Paging */
.paging {display:flex; overflow:hidden; text-align:center; justify-content:center; align-items:center; margin-top:50px; height:50px;}
.paging a {color:#000000; font-size:2.4rem; position:relative;}
.paging a {transition-duration:0.3s;}
.paging a ~ a {margin-left:40px;}
.paging a:hover {color:#29cb7e;}
.paging a:before {background-color:#29cb7e; content:''; position:absolute; right:0; left:0; bottom:-11px; margin:0 auto; height:3px; width:0;}
.paging a.active {color:#29cb7e; font-weight:bold;}
.paging a.active:before {width:100%;}
.paging .arr {/*background-color:rgba(0, 0, 0, 0.2); */ background-repeat:no-repeat; background-position:center 50%; text-indent:-9999px; opacity:0.2; height:50px; width:40px;}
.paging .arr:before {display:none; height:0; width:0; z-index:-1;}
.paging .arr.prev {background-image:url(../../images/integration/common/paging_prev.png); margin-right:10px;}
.paging .arr.next {background-image:url(../../images/integration/common/paging_next.png); margin-left:50px;}
.paging .arr.on {opacity:1;}
.paging + .btn_wrap {margin-top:60px;}

/* table align */
.t_l {text-align:left !important;}
.t_c {text-align:center !important;}
.t_r {text-align:right !important;}

/* table style 02 */
.table_02 th,
.table_02 td {text-align:center;}
.table_02 th {padding:15px 0; background-color:#29cb7e; font-family:hd_head_R; font-size:1.6rem; color:#fff; word-break:keep-all;}
.table_02 td {border-bottom:1px solid #ddd; font-size:1.6rem; line-height:1.5em; padding:20px; word-break:keep-all;}
.table_02 table + .noti_cmnt {margin-top:20px; font-size:1.6rem; color:#626262;}

/* table 리스트 */
.table_list .head_list {width:100%; overflow:hidden; border-top:1px solid #000; border-bottom:1px solid #000;}
.table_list .head_list li {float:left; padding:20px 0; font-size:1.8rem; color:#000; text-align:center;}
.table_list .cont_list li {padding:25px 0 27px; border-bottom:1px solid #ddd; line-height:23px;}
.table_list .cont_list dl {display:table; width:100%; color:#626262; font-size:1.6rem;}
.table_list .cont_list dt,
.table_list .cont_list dd {display:table-cell; padding:0 10px; box-sizing:border-box;}
.table_list .cont_list dt {color:#000; font-size:1.8rem;}
.table_list .cont_list dd {text-align:center;}
.table_list .cont_list .data_none {padding:90px 0; font-size:1.6rem; color:#626262;}

.table_list thead th {padding:20px 0; font-size:1.8rem; color:#000; text-align:center; border-top:1px solid #000; border-bottom:1px solid #000; font-family:'hd_head_R';}
.table_list tbody td {padding:20px; border-bottom:1px solid #ddd; line-height:23px;}
.table_list .head_list {} /* table thead 개념 */
.table_list .head_list .h_th {box-sizing:border-box;} /* table thead > th 개념 */
.table_list .cont_list {} /* table tbody 개념 */
.table_list .cont_list .t_row {display:table; box-sizing:border-box; width:100%;} /* table tbody > row 개념 */
.table_list .cont_list .t_row .b_td {display:table-cell; padding-right:20px; padding-left:20px;} /* table tbody > td 개념 */

.layer_popup_wrap .table_list thead th {padding:10px 0 9px; font-size:1.4rem;}
.layer_popup_wrap .table_list td {padding:15px; font-size:1.3rem; line-height:1.6rem;}

/* 테이블 임시 스타일 */
.table_01 {}
.table_01 tbody tr {display:flex; flex-wrap:wrap; width:100%;}
.table_01 tbody th,
.table_01 tbody td {border-bottom:1px solid #ccc; box-sizing:border-box; flex:1 25%; padding:2em 1em;}
.table_01 tbody tr:first-child th,
.table_01 tbody tr:first-child td {border-top:1px solid #000;}
.table_01 tbody th {background-color:#f1f1f1;}
.table_01 tbody td {border-left:1px solid #ccc;}

.table_01 table th,
.table_01 table td {transition:flex 0.3s;}

@media only screen and (min-width:1025px) {
    .table_01 tbody .colspan_3 {flex-basis:75%;}
}
@media only screen and (max-width:1023px) {
    .table_01 tbody th,
    .table_01 tbody td {flex:1 50%;}
    .table_01 tbody tr:first-child th ~ th,
    .table_01 tbody tr:first-child td ~ td {border-top:none;}
}

/**************************************************************************************************************************************************************************************************
*************************************************** 《《《   Common Style   》》》 ***************************************************************************************************************
***************************************************************************************************************************************************************************************************/

/* 당구장 문구 */
.noti_cmnt {font-size:1.4rem; position:relative; line-height:1.4; word-break:keep-all;}
.noti_cmnt:before {content:'※'; padding-right:3px;}

/* 유의사항 아이콘 텍스트 */
.icon_notd {position:relative; margin-bottom:9px; padding-left:23px; color:#626262; font-family:'hd_head_R'; font-size:1.5rem; line-height:20px; word-break:keep-all;}
.icon_notd:before {content:''; position:absolute; left:0; top:2px; height:16px; width:16px; background:url(../../images/integration/common/icon_notd.png) no-repeat 0 0; background-size:100%;}
.icon_notd.copl {color:#29cb7e !important;}
.icon_notd.copl:before {background-image:url(../../images/integration/common/icon_notd_gr.png);}
.icon_notd.wrn {color:#d70f0f !important;}
.icon_notd.wrn:before {background-image:url(../../images/integration/common/icon_notd_red.png);}

.utilize_v2 .cotn_title .icon_notd.br {
    display: block;
    margin-left: 0;
    margin-top: 10px;
}
/* 유의사항 상자 */
#container .notice_area,
#layer_popup_content .notice_area {background-color:#f5f3f0; overflow:hidden; box-sizing:border-box; padding:18px 20px 16px 20px;}
#container .notice_area ul,
#layer_popup_content .notice_area ul {margin-left:5px;}
#container .notice_area li,
#layer_popup_content .notice_area li {position:relative; padding-left:18px; font-size:1.4rem; line-height:19px; color:#626262; word-break:keep-all;}
#container .notice_area li + li,
#layer_popup_content .notice_area li + li {margin-top:5px;}
#container .notice_area ul li::before,
#layer_popup_content .notice_area ul li::before {content:"-"; position:absolute; top:0; left:0;}
#container .notice_area ul li ul {margin-top:5px;}
#container .notice_area ul li ul li {padding-left:0;}

/* 블릿 문구 */
.noti_bullet {overflow:hidden;}
.noti_bullet .cotn_title {border-bottom:1px solid #dddddd; margin-bottom:19px; padding-bottom:16px;}
.noti_bullet p {color:#626262; font-size:1.6rem; position:relative; padding-left:14px; word-break:keep-all;}
.noti_bullet p ~ p {margin-top:15px;}
.noti_bullet .cotn_title + p {margin-top:15px;}
.noti_bullet p:before {background-color:#bbbbbb; content:''; border-radius:50px; position:absolute; left:0; top:5px; height:4px; width:4px;}

.bg_box .noti_bullet p {font-size:1.5rem;}
.bg_box .noti_bullet p ~ p {margin-top:13px;}

/* bg box */
.bg_box {background-color:#f5f3f0; overflow:hidden; box-sizing:border-box; padding:20px; word-break:keep-all;}
.bg_box p {color:#626262; font-size:1.4rem; line-height:1.429em;}
.bg_box p ~ p {margin-top:5px;}

/* bg box + 블릿 문구 */
.bg_box .icon_notd ~ p {position:relative; word-break:keep-all; margin-left:15px; padding-left:8px;}
.bg_box .icon_notd ~ p:before {background-color:#626262; content:''; position:absolute; left:0; top:8px; height:1px; width:4px;}
.bg_box .icon_notd ~ .noti_bullet p {word-break:break-word; margin-left:15px; padding-left:8px; word-break:keep-all;}
.bg_box .icon_notd ~ .noti_bullet p:before {background-color:#626262; top:9px; height:1px; width:4px;}
.bg_box .icon_notd ~ ul {margin-left:20px;}
.bg_box .icon_notd ~ ul li {position:relative; color:#626262; font-size:1.4rem; line-height:1.429em; word-break:break-word; padding-left:8px;}
.bg_box .icon_notd ~ ul li:before {background-color:#626262; content:''; position:absolute; left:0; top:8px; height:1px; width:4px;}
.bg_box .icon_notd ~ .icon_notd {padding-left: 24px; margin-left: 0; margin-top: 20px;}
/* 중국어 표현 font-family */
.zn {font-family:Noto_CJK,Tahoma,Helvetica,Arial,"Microsoft Yahei","微软雅黑",STXihei,"华文细黑",sans-serif;}
:lang(en) .zn {font:inherit;}
:lang(zh) .zn {font-family:Noto_CJK,Tahoma,Helvetica,Arial,"Microsoft Yahei","微软雅黑",STXihei,"华文细黑",sans-serif !important;}

/* 모바일 좌우간격 */
.inner {box-sizing:border-box; padding-right:20px; padding-left:20px;}

/* 데이터없음 */
.data_none {overflow:hidden; padding-top:40px; padding-bottom:40px;}
.data_none p {text-align:center;}

.wd_1120 {margin:0 auto; max-width:1120px;}
.wd_inner {box-sizing:border-box; margin:0 auto; max-width:1120px; width:100%;}
/* 2023-04-18 신규 컨테이너 클래스 생성 */
.wd_920 {box-sizing:border-box; margin:0 auto; max-width:920px; width:100%;}
/* 2023-04-18 신규 컨테이너 클래스 생성 */

/* 탭리스트 */
.tab_list {overflow:hidden; position:relative; margin-bottom:40px;}
.tab_list .swiper-container {z-index:0;}
.tab_list .tab_li {position:relative; top:1px; display:inline-block; margin-left:40px; width:auto;}
.tab_list a {display:block; font-family:hd_head_R; font-size:2rem; line-height:25px; border-bottom:5px solid transparent; padding-top:22px; padding-bottom:17px;}
.tab_list a {transition-duration:0.7s;}
.tab_list a:hover,
.tab_list .tab_li.active a {border-color:#29cb7e;}
.tab_list .tab_li:first-of-type {margin-left:0;}
.tab_list .swiper-scrollbar {bottom:0 !important;}
.tab_list button {position:absolute; top:0; right:0;}

.tab_list.st01 {width:100%; overflow:hidden; box-sizing:border-box;}
.tab_list.st01 .swiper-container {float:left; width:80%;}

/* 달력 */
.calendar {/*background-color:#ccc; */ box-sizing:border-box; position:relative;}
.calendar .head_cldr {overflow:hidden; text-align:center; position:relative; margin-bottom:10px;}
.calendar .head_cldr p {display:inline-block; font-family:'hd_head_R'; font-size:2rem;}
.calendar .head_cldr .bt_ctrl {background-repeat:no-repeat; background-position:0 0; /*background-color:#f0f0f0; */ display:block; position:absolute; top:0; height:20px; width:20px;}
.calendar .head_cldr .bt_ctrl.next {background-image:url(../../images/integration/common/btn_calendar_next.png); right:20px;}
.calendar .head_cldr .bt_ctrl.prev {background-image:url(../../images/integration/common/btn_calendar_prev.png); left:20px;}
.calendar .table_cldr {}
.calendar .table_cldr table {table-layout:fixed; border-collapse:separate; border-spacing:2px;}
.calendar .table_cldr thead th,
.calendar .table_cldr tbody td {font-family:'hd_head_R'; text-align:center; vertical-align:middle;}
.calendar .table_cldr thead th {font-size:1rem; padding-bottom:8px;}
.calendar .table_cldr tbody td .date {display:inline-block; border-radius:50px; position:relative; height:40px; width:40px; z-index:2; cursor:default;}
.calendar .table_cldr tbody td .date:before {content:''; border:2px solid transparent; border-radius:50px; position:absolute; left:-2px; top:-2px; height:100%; width:100%; z-index:0;}
.calendar .table_cldr tbody td .date span {display:inline-block; box-sizing:border-box; font-family:hd_head_R; font-size:1.6rem; line-height:40px; position:relative; padding-top:1px; z-index:1;}
.calendar .table_cldr tbody td .date span {transition-duration:0.3s;}
.calendar .table_cldr thead th.sun,
.calendar .table_cldr tbody td.sun .date span {color:#d70f0f;}
.calendar .table_cldr thead th.sat,
.calendar .table_cldr tbody td.sat .date span {color:#2a73d7;}
.calendar .table_cldr tbody td.last_month,
.calendar .table_cldr tbody td.next_month,
.calendar .table_cldr tbody td.disabled_date {opacity:0.4; position:relative;}
.calendar .table_cldr tbody td.last_month:before,
.calendar .table_cldr tbody td.next_month:before,
.calendar .table_cldr tbody td.disabled_date:before {/*background-color:#ccc; */ content:''; position:absolute; left:0; top:0; height:100%; width:100%; z-index:4;}
.calendar .table_cldr tbody td.today .date {background-color:#e4dcd3; cursor: default;}
.calendar .table_cldr tbody td.special_date .date { cursor: pointer;}
.calendar .table_cldr tbody td.today[class*="disabled_date"] {opacity:1;}
.calendar .table_cldr tbody td.select_date .date:before {animation:select_date 0.2s 0.1s forwards;}
@keyframes select_date {
    0% {border:2px solid transparent;}
    25% {border-top:2px solid #29cb7e; border-right:2px solid transparent; border-bottom:2px solid transparent; border-left:2px solid transparent;}
    50% {border-top:2px solid #29cb7e; border-right:2px solid #29cb7e; border-bottom:2px solid transparent; border-left:2px solid transparent;}
    75% {border-top:2px solid #29cb7e; border-right:2px solid #29cb7e; border-bottom:2px solid #29cb7e; border-left:2px solid transparent;}
    100% {border-top:2px solid #29cb7e; border-right:2px solid #29cb7e; border-bottom:2px solid #29cb7e; border-left:2px solid #29cb7e;}
}
.calendar .table_cldr tbody td.special_date .date:before {background-color: #29cb7e; border-radius: 50% !important;}
.calendar .table_cldr tbody td.special_date .date span {color:#fff !important;}
.calendar .table_cldr tbody td.select_date .date span {}

/* 컨텐츠 영역 */
.sub_cotn {}

/* 이벤트 목록 */
.event .top_box {width:100%; overflow:hidden;}
.event .sort_box {float:left; width:auto;}
.event .content_serch {float:right;}

/* 탭 컨텐츠 스타일 (show hide 제공) */
.tap_cotn_wrap {overflow:hidden;}
.tap_bt_wrap {width:100%; height:47px; overflow:hidden;}
.tap_bt_wrap .tap_anchor {float:left; width:50%; padding:15px 0; border:1px solid #f3f0ed; box-sizing:border-box; text-align:center; background-color:#f3f0ed; border-bottom:0;}
.tap_bt_wrap .tap_anchor span {font-family:hd_head_R; font-size:1.8rem; line-height:1em;}
.tap_bt_wrap .tap_anchor.on {background-color:#ffffff; border-color:#dddddd;}
.tap_cotn_wrap .cotn_wrap {overflow:hidden; border-right:1px solid #dddddd; border-bottom:1px solid #dddddd; border-left:1px solid #dddddd;}
.tap_cotn_wrap .cotn_div {overflow:hidden; padding:30px;}

/* [공통] 쿠폰 */
.coupon_check_list .coupon_area {display:flex; position:relative; width:100%; height:175px; margin-top:10px; overflow:hidden;}
.coupon_check_list .coupon_area::before {content:""; position:absolute; top:50%; left:0; display:block; width:8px; height:125px; margin-top:-62px; background:url(../../images/integration/common/bg_coupon.png) no-repeat 0 100%; z-index:1;}
.coupon_check_list .coupon_area:first-child {margin-top:0;}

.coupon_area .input_set.chk {display:flex; overflow:visible; margin:0; padding:0 5px 0 25px; vertical-align:middle; border-top:1px solid #aaa; border-bottom:1px solid #aaa; border-left:1px solid #aaa; justify-content:center; flex-direction:column; text-align:center;}
.coupon_area .input_set.chk .form_check {margin-top:0; height:26px;}
.coupon_area .input_set.chk + .coupon_cotn {padding-left:20px; border-left:0;}

.coupon_area .coupon_cotn {position:relative;display:flex;flex-basis:calc(100% - 40px);flex-direction:column;justify-content:center;padding:0 20px 0 40px;border:1px solid #aaa;border-right:0;box-sizing:border-box;}
.coupon_area .coupon_cotn dl {position:relative;min-height: 140px;}
.coupon_area .coupon_cotn dt {width:70%; margin-bottom:10px; font-size:2rem; line-height:24px; font-family:'hd_head_R'; word-break:keep-all;}
.coupon_area .coupon_cotn dd {font-size:1.5rem; color:#626262; line-height:20px; word-break:keep-all;}
.coupon_area .coupon_cotn .emphasis {position:absolute; top:0; right:20px; font-size:1.5rem;}
.coupon_area .coupon_cotn .emphasis .use {margin-left:10px; color:#29cb7e; font-size:1.8rem; font-family:'hd_head_R';}
.coupon_area .coupon_cotn .bacode {position:absolute; bottom:15px; right:20px; width:27%; max-width:120px; line-height:0;}
.coupon_area .coupon_cotn .bacode img {width:100%;}
.coupon_area .coupon_cotn .bacode_num {display: flex; align-items: center; margin-bottom:7px; color:#29cb7e;  font-size:1.6rem; font-family:'hd_head_R'; position: relative; cursor: pointer;}
.coupon_area .coupon_cotn .bacode_num button {cursor: auto;}
.coupon_area.lock .coupon_cotn .bacode_num .pk_num {border-bottom: 1px solid #29cb7e; position: relative;}
.coupon_area.lock .coupon_cotn .bacode_num .pk_num:after {background:url(../../images/integration/common/arrow_gray_6x10.png) no-repeat 0 0; content:''; position:absolute; right:-15px; top:50%; margin-top:-5px; height:10px; width:6px; cursor: auto;}
.coupon_area.lock .coupon_cotn .bacode_num button {cursor:pointer;}
.coupon_area.used .coupon_cotn .bacode_num {border-bottom: none; cursor: auto;}
.coupon_area .coupon_cotn .cop_notice_btn {width: 24px; height:24px;  margin-left: 20px; vertical-align: middle;}
.coupon_area .coupon_cotn .cop_notice_btn img {width:100%;}
/* .coupon_area.lock .coupon_cotn dl::after {content:""; display:block; position: absolute; width:15px; height:16px; background-image: url(../../images/ico/icn_lock.png); background-size: 15px 16px; top:2px; left:-20px;} */
.coupon_area .tag {position:relative; display:flex; justify-content:center; align-items:center; width:40px; height:100%; background-color:#f3f0ed; border:1px solid #aaa; border-left:1px dashed #d3d0cd; box-sizing:border-box;}
.coupon_area .tag span {display:block; font-size:.9rem; color:#d8d2cb; writing-mode:tb; -ms-writing-mode:tb-lr; white-space:nowrap;}
.coupon_area .tag:before,
.coupon_area .tag:after {content:""; width:28px; height:28px; display:block; position:absolute; left:-14px; background:url(../../images/integration/common/bg_corner.png) no-repeat 0 0;}
.coupon_area .tag:before {top:-15px;}
.coupon_area .tag:after {bottom:-15px;}

.coupon_area .desc_area {background-color:rgba(0, 0, 0, 0.8); display:flex; align-items:center; box-sizing:border-box; position:absolute; left:0; bottom:-100%; padding:20px 65px 20px 58px; min-height:76px; width:100%; z-index:1;}
.coupon_area .desc_area {transition:bottom 0.5s;}
.coupon_area .desc_area .icon_notd {color:#fff; font-family:hd_txt_R; font-size:1.4rem; line-height:1.357em; margin-bottom:0;}
.coupon_area .desc_area .icon_notd:before {background-image:url(../../images/integration/common/icon_notd_wh.png);}

.coupon_area.nope .desc_area {background-color:rgba(215, 15, 15, 0.8);}
.coupon_area.nope .desc_area {bottom:0;}
.coupon_area.use_ok .desc_area {background-color:rgba(83, 202, 236, 0.9);}
.coupon_area.use_ok .desc_area {bottom:0;}

.coupon_check_list + .data_none {width:100%; padding:70px 0 120px; font-size:1.6rem; color:#626262;}

.coupon_check_list .coupon_area.used::before,
.coupon_check_list .coupon_area.unavailable::before,
.coupon_check_list .coupon_area.unavailable2::before {background-image:url(../../images/integration/common/bg_coupon02.png);}
.coupon_check_list .coupon_area.used .tag:before,
.coupon_check_list .coupon_area.used .tag:after,
.coupon_check_list .coupon_area.unavailable .tag:before,
.coupon_check_list .coupon_area.unavailable .tag:after,
.coupon_check_list .coupon_area.unavailable2 .tag:before,
.coupon_check_list .coupon_area.unavailable2 .tag:after {background-image:url(../../images/integration/common/bg_corner02.png);}
.coupon_check_list .coupon_area.used .bacode img,
.coupon_check_list .coupon_area.unavailable .bacode img,
.coupon_check_list .coupon_area.unavailable2 .bacode img {opacity:.2;}
.coupon_check_list .coupon_area.used .coupon_cotn,
.coupon_check_list .coupon_area.used .tag,
.coupon_check_list .coupon_area.unavailable .coupon_cotn,
.coupon_check_list .coupon_area.unavailable .tag,
.coupon_check_list .coupon_area.unavailable2 .coupon_cotn,
.coupon_check_list .coupon_area.unavailable2 .tag {border-color:#eee;}
.coupon_check_list .coupon_area.used .tag,
.coupon_check_list .coupon_area.unavailable .tag,
.coupon_check_list .coupon_area.unavailable2 .tag {background-color:#faf9f8;}
.coupon_check_list .coupon_area.used .tag span,
.coupon_check_list .coupon_area.unavailable .tag span,
.coupon_check_list .coupon_area.unavailable2 .tag span {color:#e9e6e3;}
.coupon_check_list .coupon_area.unavailable .emphasis .use,
.coupon_check_list .coupon_area.unavailable2 .emphasis .use {color:#d70f0f;}
.coupon_check_list .coupon_area.used dt,
.coupon_check_list .coupon_area.used dd,
.coupon_check_list .coupon_area.used .emphasis .use,
.coupon_check_list .coupon_area.unavailable dt,
.coupon_check_list .coupon_area.unavailable dd,
.coupon_check_list .coupon_area.unavailable2 dt,
.coupon_check_list .coupon_area.unavailable2 dd {color:#bbb}

.coupon_check_list .coupon_area.used .emphasis .use .date {margin-right:6px; font-size:1.5rem; font-style:normal;}
.coupon_check_list .coupon_area.unavailable dt,
.coupon_check_list .coupon_area.unavailable dd {color:#bbb; text-decoration:line-through}
.coupon_check_list .coupon_area.unavailable .emphasis {text-decoration:none;}
.coupon_check_list .coupon_area.unavailable .input_set.chk,
.coupon_check_list .coupon_area.unavailable2 .input_set.chk {border-color:#eeeeee;}

/* 큰 이미지 슬라이드 */
.big_slider .img img {width:100%;}
.big_slider {overflow:hidden;}
.big_slider .swiper-container {margin-bottom:108px; overflow:initial;}
#container .big_slider .swiper-pagination-bullets {bottom:-28px;}
.big_slider .swiper-pagination-bullet {background-color:#e4dcd3; opacity:1;}
.big_slider .swiper-pagination-bullet-active {background-color:#000;}

.big_slider .btn_slide {background-image:none; top:auto; bottom:0; width:70px; height:48px; text-align:center; vertical-align:middle; line-height:0; background-color:#fff; z-index:15;}
.big_slider .swiper-button-prev {left:auto; right:70px;}
.big_slider .swiper-button-next {right:0;}
.big_slider .btn_slide:before {content:""; display:block; width:20px; height:16px; background-position:0 0; background-repeat:no-repeat; background-size:100% auto; position:absolute; left:50%; top:50%; margin-top:-8px; margin-left:-10px; height:16px; width:20px;}
.big_slider .swiper-button-prev:before {background-image:url(../../images/integration/common/btn_prev02.png);}
.big_slider .swiper-button-next:before {background-image:url(../../images/integration/common/btn_next02.png);}

.big_slider .btn_slide.swiper-button-disabled {opacity:1; pointer-events:auto;}
.big_slider .btn_slide[class*="prev"].swiper-button-disabled:before {background-image:url(../../images/integration/common/btn_prev01.png);}
.big_slider .btn_slide[class*="next"].swiper-button-disabled:before {background-image:url(../../images/integration/common/btn_next01.png);}

/************ 레이어팝업 ************/

/* 레이어팝업 layout */
.layer_popup_wrap {position:relative; margin:0 auto; max-width:720px;}
.layer_popup_wrap .layer_popup_tit {height:50px; padding:0 20px; background-color:#e4dcd3; border-bottom:1px solid #d0c2b3; box-sizing:border-box;}
.layer_popup_wrap .layer_popup_tit h2 {font-size:18px; line-height:50px; text-align:left;}
.layer_popup_wrap .layer_popup_cont {background-color:#ffffff; box-sizing:border-box; padding:20px 20px 30px; border:0;}
.layer_popup_wrap .layer_popup_cont .btn_wrap {margin-top:35px;}
.layer_popup_wrap .center_box {background-color:#faf9f8; border:1px solid #dddddd; box-sizing:border-box; padding:30px 38px;}
.layer_popup_wrap .btn_close {/*background-color:#ccc; */ display:block; cursor:pointer; position:absolute; right:9px; top:7px; height:32px; width:32px;}
.layer_popup_wrap .btn_close {transition-duration:0.4s;}
.layer_popup_wrap .mfp-close {font-size:0; line-height:0; opacity:1; padding:0;}
.layer_popup_wrap .btn_close.mfp-close:active {top:7px;}
.layer_popup_wrap .closed {display:block;}
.layer_popup_wrap .closed:before,
.layer_popup_wrap .closed:after {background-color:#2f2f2f; content:''; position:absolute; left:50%; top:50%; margin-top:-1px; margin-left:-11px; height:2px; width:22px;}
.layer_popup_wrap .closed:before,
.layer_popup_wrap .closed:after {transition:0.2s 0.3s;}
.layer_popup_wrap .closed:before {transform:rotate(45deg);}
.layer_popup_wrap .closed:after {transform:rotate(-45deg);}
.layer_popup_wrap .btn_close .mfp-close {position:static; left:auto; top:auto; height:0; width:0;}
.layer_popup_wrap .btn_close:hover {transform:rotate(-90deg);}
.layer_popup_wrap .btn_close:hover .closed:before {transform:rotate(90deg);}
.layer_popup_wrap .btn_close:hover .closed:after {transform:rotate(-90deg);}

.modal_wrap {width: 100vw; height: 100vh; display: none; overflow: hidden; position: fixed; top: 0; z-index: 9999;}
.modal_wrap.on{display: block;}
.modal_dim{width: 100vw; height: 100vh; background: #0b0b0b; opacity: 0.8;}

.layer_popup_wrap_middle .left_side{position: relative; width: 310px;}
.layer_popup_wrap_middle {position: relative;}
.layer_popup_wrap_middle {width: 100%; position:fixed; top: 50%; left:50%; transform: translate(-50%, -50%); max-width:1140px; z-index: 99999; background: white;}
.layer_popup_wrap_middle .layer_popup_tit {height:60px; padding:0 20px; box-sizing:border-box;}
.layer_popup_wrap_middle .layer_popup_tit h2 {font-size:18px; line-height:50px; text-align:left;}
.layer_popup_wrap_middle .layer_popup_cont {background-color:#ffffff; box-sizing:border-box; padding:20px 20px 30px; border:0;}
.layer_popup_wrap_middle .layer_popup_cont .btn_wrap {margin-top:35px;}
.layer_popup_wrap_middle .center_box {background-color:#faf9f8; border:1px solid #dddddd; box-sizing:border-box; padding:30px 38px;}
.layer_popup_wrap_middle .btn_close {/*background-color:#ccc; */ display:block; cursor:pointer; position:absolute; right:9px; top:7px; height:32px; width:32px;}
.layer_popup_wrap_middle .btn_close {transition-duration:0.4s;}
.layer_popup_wrap_middle .mfp-close {font-size:0; line-height:0; opacity:1; padding:0;}
.layer_popup_wrap_middle .btn_close.mfp-close:active {top:7px;}
.layer_popup_wrap_middle .closed {display:block;}
.layer_popup_wrap_middle .closed:before,
.layer_popup_wrap_middle .closed:after {background-color:#2f2f2f; content:''; position:absolute; left:50%; top:50%; margin-top:-1px; margin-left:-11px; height:2px; width:22px;}
.layer_popup_wrap_middle .closed:before,
.layer_popup_wrap_middle .closed:after {transition:0.2s 0.3s;}
.layer_popup_wrap_middle .closed:before {transform:rotate(45deg);}
.layer_popup_wrap_middle .closed:after {transform:rotate(-45deg);}
.layer_popup_wrap_middle .btn_close .mfp-close {position:static; left:auto; top:auto; height:0; width:0;}
.layer_popup_wrap_middle .btn_close:hover {transform:rotate(-90deg);}
.layer_popup_wrap_middle .btn_close:hover .closed:before {transform:rotate(90deg);}
.layer_popup_wrap_middle .btn_close:hover .closed:after {transform:rotate(-90deg);}
.layer_popup_wrap_middle #layer_popup_content .right_side .description .scroll_wrap { height: 100px; overflow-y: auto; }
.layer_popup_wrap_middle #layer_popup_content { display: flex; align-items: flex-start; padding: 0 30px 60px; font-family: 'hd_head_R'; line-height: 1.22; position: relative; }
.layer_popup_wrap_middle #layer_popup_content .left_side img { width: 100%; min-height: 310px; max-width: 310px;}
.layer_popup_wrap_middle #layer_popup_content .right_side .btn_reserve { display: block; width: 198px; height: 40px; margin-top: 20px; background-color: #29cb7e; color: #fff; text-align: center; padding: 12px 0; font-size: 14px; line-height: 1; margin-bottom: 20px; font-family: 'hd_head_M';}
.layer_popup_wrap_middle #layer_popup_content .right_side { margin-left: 40px;     width: calc(100% - 350px); }
.layer_popup_wrap_middle #layer_popup_content .right_side .title { font-size: 30px; letter-spacing: -0.75px; font-family: 'hd_head_M';}
.layer_popup_wrap_middle #layer_popup_content .right_side .period { margin-top: 15px; font-size: 16px; letter-spacing: -0.4px; color: #000;  }
.layer_popup_wrap_middle #layer_popup_content .right_side .description { margin-top: 30px; margin-bottom: 20px;; font-size: 16px; padding-right: 10px; }
.layer_popup_wrap_middle #layer_popup_content .right_side .description p{padding-right: 15px; font-family: 'hd_head_M';}
.layer_popup_wrap_middle #layer_popup_content .right_side .join_info { display: flex; flex-wrap: wrap; }
.layer_popup_wrap_middle #layer_popup_content .right_side .join_info .info_item { margin-top: 13px; width: 54%; display: flex; }
.layer_popup_wrap_middle #layer_popup_content .right_side .join_info .info_item:nth-of-type(even) { width: 46%; }
.layer_popup_wrap_middle #layer_popup_content .right_side .join_info .info_item h2 { margin-right: 10px; min-width: 101px; font-size: 14px; line-height: 1.22; }
.layer_popup_wrap_middle #layer_popup_content .right_side .join_info .info_item p { min-width: 71px; font-size: 14px; line-height: 1.22; color: #626262; }
.layer_popup_wrap_middle #layer_popup_content .right_side .join_info .info_item .item_widh_button_wrap { width: 100%; }
.layer_popup_wrap_middle #layer_popup_content .right_side .join_info .info_item .item_widh_button { display: flex; justify-content: space-between; flex-wrap: wrap; margin-bottom: 10px; position: relative; }
.layer_popup_wrap_middle #layer_popup_content .right_side .join_info .info_item .detail_schedule{ padding: 20px; position: absolute; right: -268px; background-color: #fff; box-shadow: 0 4px 10px 0 rgba(0,0,0,0.25); z-index: 10; }
.layer_popup_wrap_middle #layer_popup_content .right_side .join_info .info_item .detail_schedule h3{ font-size: 20px; }
.layer_popup_wrap_middle #layer_popup_content .right_side .join_info .info_item .detail_schedule div{ display: flex; }
.layer_popup_wrap_middle #layer_popup_content .right_side .join_info .info_item .detail_schedule div p{ margin-top: 10px; }
.layer_popup_wrap_middle #layer_popup_content .right_side .join_info .info_item .item_widh_button:last-child { margin-bottom: 0px; }
.layer_popup_wrap_middle #layer_popup_content .right_side .warning { margin-top: 26px; background-color: #f3f1ee; padding: 20px; font-size: 14px; line-height: 1.22; color: #626262; }
.layer_popup_wrap_middle #layer_popup_content .right_side .warning_head { margin-bottom: 10px; }
.layer_popup_wrap_middle #layer_popup_content .right_side .warning_head:before {  content: ""; display: inline-block; width: 20px; height: 20px; background-image: url("../../images/ico/notice_ico.png"); margin-right: 8px;vertical-align: bottom; }
.layer_popup_wrap_middle #layer_popup_content .right_side .warning_head.icon:before { content: ""; display: inline-block; width: 20px; height: 20px; background-image: url("../../images/ico/notice_ico.png"); margin-right: 8px;vertical-align: bottom; }
.layer_popup_wrap_middle #layer_popup_content .right_side .warning p {margin-bottom: 5px;padding-left: 28px;position: relative;}
.layer_popup_wrap_middle #layer_popup_content .right_side .warning p:before {background-color:#626262;content:'';position:absolute;left: 15px;top:8px;height:1px;width:4px;}
.layer_popup_wrap_middle #layer_popup_content .right_side .warning p:last-child { margin-bottom: 0px; }

.layer_popup_wrap_middle .swiper-container{max-width: 310px; width: 100%; height: 310px;}
.layer_popup_wrap_middle .swiper-button-prev,
.layer_popup_wrap_middle .swiper-button-next {z-index:4; top:auto; bottom:0; width:70px; height:48px; text-align:center; vertical-align:middle; line-height:0; background:#fff;}
.layer_popup_wrap_middle .swiper-button-prev {left:auto; right:70px;}
.layer_popup_wrap_middle .swiper-button-next {right:0;}
.layer_popup_wrap_middle .swiper-button-prev:before,
.layer_popup_wrap_middle .swiper-button-next:before {content:""; display:block; width:20px; height:16px; background-position:50% 50%; background-repeat:no-repeat; background-size:100% auto; position:absolute; left:50%; top:50%; margin-top:-8px; margin-left:-10px;}
.layer_popup_wrap_middle .swiper-button-prev:before {background-image:url(../../images/integration/common/btn_prev02.png);}
.layer_popup_wrap_middle .swiper-button-next:before {background-image:url(../../images/integration/common/btn_next02.png);}
.layer_popup_wrap_middle .swiper-button-next.swiper-button-disabled,
.layer_popup_wrap_middle .swiper-button-prev.swiper-button-disabled {opacity:1; pointer-events:auto;}
.layer_popup_wrap_middle .swiper-button-prev.swiper-button-disabled:before {background-image:url(../../images/integration/common/btn_prev01.png);}
.layer_popup_wrap_middle .swiper-button-next.swiper-button-disabled:before {background-image:url(../../images/integration/common/btn_next01.png);}
.layer_popup_wrap_middle .swiper-button-next.swiper-button-disabled {pointer-events:auto;}
.layer_popup_wrap_middle .swiper-button-prev.swiper-button-disabled {pointer-events:auto;}

@media only screen and (max-width: 767px) and (min-width: 270px){
.layer_popup_wrap_middle{max-width:380px;}
.layer_popup_wrap_middle.max_with{max-width:100vw;}
.layer_popup_wrap_middle.max_with.mo_320{max-width:320px;}
.layer_popup_wrap_middle #layer_popup_content { padding: 0 20px 60px; flex-direction: column; align-items: center; overflow-x: hidden; }
.layer_popup_wrap_middle #layer_popup_content .left_side {width:100%;}
.layer_popup_wrap_middle #layer_popup_content .left_side img { width: 280px; height: 280px; min-height: auto; max-width: none; }
.layer_popup_wrap_middle #layer_popup_content .right_side .btn_reserve { margin-top: 24px; width: 280px; }
.layer_popup_wrap_middle #layer_popup_content .right_side { margin-left: 0px; width:280px; }
.layer_popup_wrap_middle #layer_popup_content .right_side .title { font-size: 20px; letter-spacing: -0.6px; margin-top: 20px; }
.layer_popup_wrap_middle #layer_popup_content .right_side .period { margin-top: 7px; font-size: 14px; letter-spacing: -0.35px; }
.layer_popup_wrap_middle #layer_popup_content .right_side .description { margin-top: 10px; margin-bottom: 24px; max-width: 320px; }
.layer_popup_wrap_middle #layer_popup_content .right_side .description p {font-size: 16px;;}
.layer_popup_wrap_middle #layer_popup_content .right_side .join_info { display: flex; flex-wrap: wrap; max-width: 320px; }
.layer_popup_wrap_middle #layer_popup_content .right_side .join_info .info_item { margin-top: 15px; width: 100%; }
.layer_popup_wrap_middle #layer_popup_content .right_side .join_info .info_item:nth-of-type(even) { width: 100%; }
.layer_popup_wrap_middle #layer_popup_content .right_side .join_info .info_item h2 { margin-right: 15px; }
.layer_popup_wrap_middle #layer_popup_content .right_side .join_info .info_item p { }
.layer_popup_wrap_middle #layer_popup_content .right_side .join_info .info_item .item_widh_button_wrap { width:auto; }
.layer_popup_wrap_middle #layer_popup_content .right_side .join_info .info_item .item_widh_button { flex-direction: column; margin-bottom: 15px; }
.layer_popup_wrap_middle #layer_popup_content .right_side .join_info .info_item .detail_schedule{ left: -86px; right: 0px; top: 85px; min-width: 280px; }
.layer_popup_wrap_middle #layer_popup_content .right_side .warning { max-width: 280px; max-height:84px; overflow: hidden; }
.layer_popup_wrap_middle #layer_popup_content .right_side.on .warning {max-height: none;}
.layer_popup_wrap_middle #layer_popup_content .right_side .warning_head{ margin-bottom: 10px; }
.layer_popup_wrap_middle #layer_popup_content .right_side .warning_head:before { content: ""; display: inline-block; width: 16px; height: 16px; background-image: url("path/to/image.png"); margin-right: 8px; }
.layer_popup_wrap_middle #layer_popup_content .right_side .warning p{ margin-bottom: 5px; }
.layer_popup_wrap_middle #layer_popup_content .right_side .warning p:last-child{ margin-bottom: 0px; }

.layer_popup_wrap_middle .swiper-container{max-width: 280px; max-height: 280px; height: 280px;}
}
/* 2023-03-30 신규 팝업 생성 */

/* 2023-06-02 신규 팝업 생성  */
#layer_popup_container2 {overflow-y: auto; max-height: 85vh; overflow-x: auto;}
.layer_popup_wrap_middle .layer_popup_tit{background-color: #e4dcd3; height: 50px;}
.layer_popup_wrap_middle .layer_popup_tit.bg_white{background-color: white;}
.layer_popup_wrap_middle .layer_popup_container{text-align: center; width: 100%; max-width: 708px; margin: auto; padding-bottom: 60px;}
.layer_popup_wrap_middle .scroll{max-height: 70vh; overflow-y: auto;}
.layer_popup_wrap_middle .layer_popup_container h1{margin-top:20px; margin-bottom:30px; font-size: 30px; line-height: 36.66px;}
.layer_popup_wrap_middle .layer_popup_container h2{margin-bottom:27px; font-size: 16px; line-height: 19.55px;}
.layer_popup_wrap_middle .layer_popup_container .input_wrap{position: relative; text-align: left; margin-bottom: 20px; display: flex; align-items: center;}
.layer_popup_wrap_middle .layer_popup_container .input_wrap .input_label{flex-shrink: 0; font-size: 18px; line-height: 25px; color: #626262; margin-right: 30px;}
.layer_popup_wrap_middle .layer_popup_container .input_wrap input{width: 100%; font-size: 16px; line-height: 25px; padding: 12px 20px; border: #d8d8d8 1px solid;}
.layer_popup_wrap_middle .layer_popup_container .input_wrap textarea{width: 100%; font-size: 16px; line-height: 25px; padding: 12px 20px; border: #d8d8d8 1px solid;}
.layer_popup_wrap_middle .layer_popup_container .input_wrap #charNum{position: absolute; bottom: 11px; right: 21px; font-size: 12px; color: #999999;}
.layer_popup_wrap_middle .layer_popup_container .file_wrap {display: flex; width: 100%;}
.layer_popup_wrap_middle .layer_popup_container .file_wrap .file_name{min-height: 25px; background-color: #f3f1ee; width: 100%; font-size: 16px; line-height: 25px; padding: 12px 20px; border: #d8d8d8 1px solid;}
.layer_popup_wrap_middle .layer_popup_container .file_wrap .upload_button{min-height: 25px; background-color: #29cb7e; font-size: 16px; line-height: 25px; padding: 13px 60px; flex-shrink: 0; margin-left: 8px; color: #fff;}
.layer_popup_wrap_middle .layer_popup_container .file_warning{text-align: left; padding-left: 100px; font-size: 14px; margin-top: -10px; }
.layer_popup_wrap_middle .layer_popup_container .file_warning::before{content: ""; width: 16px; height: 16px; background: url("../../images/integration/common/icon_notd.png"); display: inline-block; margin-right: 8px; vertical-align: middle; background-size: contain;}
.layer_popup_wrap_middle .layer_popup_container .agree_wrap{padding-left: 91px; margin-top: 40px; display: flex; justify-content: space-between;}
.layer_popup_wrap_middle .layer_popup_container .agree_wrap .title{letter-spacing: -1px; font-weight: 500; font-size: 16px; line-height: 25px; margin-right: 17px;}
.layer_popup_wrap_middle .layer_popup_container .agree_wrap input{width: 24px; height: 24px; flex-shrink: 0;}
.layer_popup_wrap_middle .layer_popup_container .agree_wrap .input_label{font-size: 15px; line-height: 25px; margin-left: 12px; flex-shrink: 0;}
.layer_popup_wrap_middle .layer_popup_container .terms{text-align: left; margin-top: 10px; overflow-y: auto; max-height: 100px; margin-left: 91px; font-size: 13px; color: #697278; padding: 22px 20px; border: #d8d8d8 1px solid;}
.layer_popup_wrap_middle .layer_popup_container .submit{margin-top: 25px; font-size: 20px; line-height: 1; padding: 16px 105px; color: #fff; background-color: #b8b5b1;}
.layer_popup_wrap_middle .layer_popup_container .submit.active{background-color: #29CB7E;}
.layer_popup_wrap_middle .layer_popup_container .icon_notd.wrn{text-align: left; margin-left: 100px; display: none;}
.layer_popup_wrap_middle .layer_popup_container .icon_notd.wrn.active{display: block;}
.layer_popup_wrap_middle .layer_popup_container .terms_table{border: #d8d8d8 1px solid; margin-top: 20px;}
.layer_popup_wrap_middle .layer_popup_container .terms_table td{border: #d8d8d8 1px solid; padding: 5px;}
.layer_popup_wrap_middle .layer_popup_container .terms_table td:first-child{min-width: 150px;}

@media only screen and (max-width: 767px) and (min-width: 270px){
    .layer_popup_wrap_middle .layer_popup_container{text-align: left; width: 100%; max-width: 340px; margin: auto; padding: 0 20px 40px;}
    .layer_popup_wrap_middle .layer_popup_container h1{margin-bottom:40px; font-size: 25px; line-height: 36.66px;}
    .layer_popup_wrap_middle .layer_popup_container h2{margin-bottom:27px; font-size: 18px; line-height: 25px;}
    .layer_popup_wrap_middle .layer_popup_container .input_wrap{flex-direction: column; align-items: flex-start;}
    .layer_popup_wrap_middle .layer_popup_container .input_wrap .input_label{font-size: 15px; line-height: 20px; margin-bottom: 8px;}
    .layer_popup_wrap_middle .layer_popup_container .input_wrap input{width: calc(100% - 32px); font-size: 14px; line-height: 19px; padding: 10px 15px; border: #d8d8d8 1px solid;}
    .layer_popup_wrap_middle .layer_popup_container .input_wrap textarea{width: calc(100% - 32px); font-size: 14px; line-height: 19px; padding: 10px 15px; border: #d8d8d8 1px solid;}
    .layer_popup_wrap_middle .layer_popup_container .input_wrap #charNum{right: 25px;}
    .layer_popup_wrap_middle .layer_popup_container .file_wrap {display: flex; width: 100%;}
    .layer_popup_wrap_middle .layer_popup_container .file_wrap .file_name{min-height: 25px; background-color: #f3f1ee; width: calc(100% - 50px); font-size: 16px; line-height: 25px; padding: 10px 15px; border: #d8d8d8 1px solid;}
    .layer_popup_wrap_middle .layer_popup_container .file_wrap .upload_button{min-height: 25px; background-color: #29cb7e; font-size: 16px; line-height: 25px; padding: 10px 20px; flex-shrink: 0; margin-left: 8px; color: #fff;}
    .layer_popup_wrap_middle .layer_popup_container .file_warning{padding-left: 0; padding: 0 10px 0 25px; text-indent: -25px;}
    .layer_popup_wrap_middle .layer_popup_container .file_warning::before{content: ""; width: 16px; height: 16px; background: url("../../images/integration/common/icon_notd.png"); display: inline-block; margin-right: 8px; vertical-align: middle; background-size: contain;}
    .layer_popup_wrap_middle .layer_popup_container .agree_wrap{padding-left: 0; margin-top: 36px;}
    .layer_popup_wrap_middle .layer_popup_container .agree_wrap .title{letter-spacing: -1px; font-weight: 500; font-size: 16px; line-height: 25px;}
    .layer_popup_wrap_middle .layer_popup_container .agree_wrap input{width: 24px; height: 24px; flex-shrink: 0;}
    .layer_popup_wrap_middle .layer_popup_container .agree_wrap .input_label{font-size: 15px; line-height: 25px; margin-left: 12px; flex-shrink: 0;}
    .layer_popup_wrap_middle .layer_popup_container .terms{width: calc(100% - 40px); text-align: left; white-space: pre-line; margin-top: 10px; overflow-y: auto; max-height: 320px; margin-left: 0px; font-size: 13px; color: #697278; padding: 22px 20px; border: #d8d8d8 1px solid;}
    .layer_popup_wrap_middle .layer_popup_container .submit{margin-top: 25px; font-size: 20px; line-height: 1; padding: 16px 105px; color: #fff; background-color: #b8b5b1; width: 100%;}
    .layer_popup_wrap_middle .layer_popup_container .submit.active{background-color: #29CB7E;}
    .layer_popup_wrap_middle .layer_popup_container .icon_notd.wrn{text-align: left; margin-left: 0px; display: none;}
    .layer_popup_wrap_middle .layer_popup_container .icon_notd.wrn.active{display: block;}
    .layer_popup_wrap_middle .layer_popup_container .form_check {margin-left: auto; margin-right: 0; width: 100px;}
    .layer_popup_wrap_middle .layer_popup_container .terms_table td:first-child{min-width: 145px;}
    .coupon_area.lock .coupon_cotn dl::after {top:29px; left:12px;}
}
/* 2023-06-02 신규 팝업 생성 */


/* 팝업 */
.popup_wrap .btn_close {background-color:#fff;}

/* 알럿팝업 */
.layer_popup_wrap.alert_wrap {background-color:#ffffff; max-width:400px;}
.layer_popup_wrap.alert_wrap .layer_popup_cont {padding:0;}
.alert_wrap .alert_cotainer {overflow:hidden; position:relative;}
.alert_wrap .alert_cotn {overflow:hidden; box-sizing:border-box; padding:60px 40px 50px 40px;}
.alert_cotn .tit_copy {font-size:2.2rem; line-height:1.364em; text-align:center; word-break:keep-all;}
.alert_cotn p {color:#626262; font-size:1.6rem; line-height:1.438em; text-align:center; word-break:keep-all; margin-top:10px;}
.alert_btn_wrap {display:flex; justify-content:flex-end; margin-top:0; width:100%;}
.alert_btn_wrap .btn {flex:1; padding:15px 10px; min-width:auto;}
.alert_btn_wrap .btn ~ .btn {border-left:1px solid #ffffff; margin:0;}
/* 2023-05-12 퍼블리싱용 팝업 클래스 추가 */
.alert_wrap.active{position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%);display: block !important;z-index: 997; width: 400px;}
.alert_wrap.disabled{ display: none;}
.dim{background: #0b0b0b; opacity: 0.8; position:fixed; top:0; min-height:100vh; width:100vw; z-index: 996;}
@media only screen and (max-width:780px) {
    .alert_wrap.active{width: calc(100% - 12px);}
    .coupon_area .coupon_cotn .cop_notice_btn {margin-left: 0px;position: absolute;bottom: -30px;right:0;}
}
/* 2023-05-12 퍼블리싱용 팝업 클래스 추가 */
/* 페이지 작업 */
.only_pc {display:block;}
.only_pc.btn {display:inline-block;}
.only_mobile {display:none ;}
.pc_ver {display: block;}
.mo_ver {display: none;}

/* 에러 */
.error_page {position:relative; display:table; max-width:840px; height:100vh; margin:0 auto; text-align:center;}
.error_page .inner {display:table-cell; margin:0 auto; vertical-align:middle; text-align:left;}
.error_page h1 img {width:150px;}
.error_page .tit_wrap p {margin-top:36px; font-family:'hd_head_R'; font-size:4rem; word-break:keep-all; letter-spacing:-.75px;}
.error_page .cont_wrap p {margin-top:32px; font-size:1.6rem; line-height:24px; color:#626262; word-break:keep-all;}
.error_page .cont_wrap .inquiry_cmt {margin-top:72px;}
.error_page .cont_wrap .btn_wrap {margin-top:33px;}
@media only screen and (max-width:780px) {
    .error_page {display:block; padding:0 30px;}
    .error_page:after {width:80px; height:80px; top:100px; right:30px; margin-top:0; z-index:1; background-size:80px auto;}
    .error_page .inner {padding:50px 0 0;}
    .error_page h1 img {width:100px;}
    .error_page .tit_wrap p {padding-right:85px; font-size:2.8rem; line-height:36px;}
    .error_page .cont_wrap p {margin-top:30px; font-size:1.5rem; line-height:22px;}
    .error_page .cont_wrap .inquiry_cmt {margin-top:22px;}
    .error_page .cont_wrap .btn_wrap {margin-top:60px;}
}

/* 약관 */
.etc .order_ver {text-align:right; margin-bottom:28px;}
.etc .order_ver .form_select {width:240px;}
.etc .terms_cont {position:relative; font-size:1.5rem; line-height:1.6; color:#626262;overflow: hidden; word-break:keep-all;}
.etc .terms_cont li {margin-top:20px;}
.etc .terms_cont li li {margin-top:0;}
.etc .terms_cont .etc_tit {display:inline-block; margin-bottom:5px; font-family:'hd_head_R'; font-size:1.6rem;}
.etc .terms_cont .table_tit {display:block; margin:10px 0 5px;}
.etc .terms_cont .form_select {position:absolute; top:-15px; right:0;}
.etc .terms_cont table {margin-left: -1px;}
.etc .terms_cont table th,
.etc .terms_cont table td {word-break:keep-all;}
.etc .terms_cont table th {padding:14px 0 15px; border-top:1px solid #000; border-bottom:1px solid #000; text-align:center;}
.etc .terms_cont table td {padding:14px 20px 15px; border-bottom:1px solid #ddd; border-left: 1px solid #ddd;}

.etc .terms_cont table td:lang(en) {word-break: break-all;}
.etc .terms_cont table .bracket li {margin-top:0;}
.etc .terms_cont table + p {margin-top:10px;}
.etc .terms_cont p + p {margin-top:10px;}
.etc .terms_cont .bracket li {counter-increment:bracket-style;}
.etc .terms_cont .bracket li::before {content:counter(bracket-style) " )"; margin-right:5px; font-family:'hd_head_R';}
.etc .terms_cont .circle li {counter-increment:circle-style;}
.etc .terms_cont .circle li::before {content:counter(circle-style); margin-right:7px; font-family:'hd_head_R'; display:inline-block; width:16px; height:16px; border-radius:50%; text-align:center; font-size:1.2rem; line-height:18px; border:1px solid #626262; color:#626262;}
.etc .terms_cont dl {margin-top:10px; padding:30px; background-color:#f9f8f7; box-sizing:border-box;}
.etc .terms_cont dt {margin-top:20px; margin-bottom:5px;}
.etc .terms_cont dt:first-child {margin-top:0;}
.etc .terms_cont dd:before {content:"-"; margin-right:5px; font-family:'hd_head_R';}
.etc .terms_cont .dash {margin-top:5px; margin-left:10px;}
.etc .terms_cont .dash li {margin-top:0; counter-increment:none;}
.etc .terms_cont .dash li::before {content:"-"; margin-right:5px; font-family:'hd_head_R';}
.etc .terms_cont .dash + .dash {margin-top:10px;}

.etc .terms_cont h1 {margin-bottom:32px; font-size:2.8rem; line-height:30px; color:#000;}
.etc.protection .terms_cont h2 {margin-top:49px; margin-bottom:15px; font-size:2.2rem; line-height:30px; color:#000;}
.etc.clause .terms_cont h2 {margin-top:69px; margin-bottom:32px; font-size:2.8rem; line-height:30px; color:#000;}
.etc.clause .terms_cont h3 {margin-top:49px; margin-bottom:15px; font-size:2.2rem; line-height:30px; color:#000;}

/* 사이트맵 */ /* 2022-01-25 [운영] [사이트] 통합 사이트맵 css 수정 요청 */
.sitemap .sitemap_list h2 {margin-bottom:17px; font-size:2.2rem;}
.sitemap .list_wrap + h2 {margin-top:50px;}
.sitemap .list_wrap {width:100%; overflow:hidden;}
.sitemap .list_wrap .list {float:left; width:calc(20% - 4px); margin-left:5px;}
.sitemap .list_wrap .list:nth-child(5n+1) {margin-left: 0;}
.sitemap .list_wrap .m_box {display: block;}
.sitemap .list_wrap .m_box:first-child::after {content: ""; display: block; clear: both;}
.sitemap .list_wrap .m_box:first-child .list:first-child {margin-left:0;}
.sitemap .list_wrap h3 a {padding:14px 30px 15px; font-family:'hd_head_R'; font-size:1.8rem; background-color:#f5f3f0; color:#000; line-height: 1;}
.sitemap .list_wrap h3 + nav {margin-top:-4px;}
.sitemap .list_wrap nav {margin-left:15px;}
.sitemap .list_wrap p {position:relative; margin-top:33px; margin-bottom:12px; padding-left:15px; font-size:1.6rem;}
.sitemap .list_wrap p::before {content:""; position:absolute; top:50%; left:0; width:4px; height:4px; margin-top:-2px; background-color:#bbb; border-radius:50%;}
.sitemap .list_wrap a {display:block; padding:7px 15px; font-size:1.5rem; color:#626262;}
.sitemap .list_wrap .strg_abroad .list ~ .list {margin-top:5px;}
.sitemap .list_wrap .strg_abroad .list {margin-top: 20px !important; height: auto;}

/* 슬라이더 이전/다음 버튼 비활성화 */
.swiper-button-next[class*="disabled"] {pointer-events:auto;}
.swiper-button-prev[class*="disabled"] {pointer-events:auto;}

/* 슬라이더 스크롤바 */
#contents .tab_list .swiper-scrollbar {display:none;}

/* 차량전시:전시차량 */
.display_car {overflow:hidden;}
.display_car .tab_list {border-bottom:none;}
.car_list_wrap {}
.car_list_wrap ul {overflow:hidden; display:flex; flex-wrap:wrap; /* justify-content:space-between; */ margin-top:-76px;}
.car_list_wrap li {flex-basis:32.1%; margin-top:76px; margin-left:20px;}
.car_list_wrap li:nth-child(3n+1) {margin-left:0;}
.car_list_wrap .car_div {overflow:hidden;}
.car_list_wrap .car_name {position:relative;}
.car_list_wrap .car_name .img {display:flex; overflow:hidden; border:1px solid #eeeeee; align-items:center; position:relative; height:180px; max-width:360px;}
.car_list_wrap .car_name .img img {display:block; width:100%;}
.car_list_wrap .car_name .img img {transition:transform 0.4s ease-in-out;}
.car_list_wrap .car_name .img .in_mov {background:url(../../images/integration/common/btn_play_02.png) no-repeat right bottom; background-size:40px 40px; position:absolute; left:0; top:0; height:100%; width:100%;}
.car_list_wrap .car_name:hover .img img {transform:scale(1.025);}

.car_list_wrap .strg_sort {overflow:hidden; margin-top:18px;}
.car_list_wrap .strg_sort p {display:inline; color:#626262; font-family:hd_head_R; font-size:1.6rem;}
.car_list_wrap .strg_sort p ~ p:before {content:'/ '; letter-spacing:-2px; margin-left:-3px;}
.car_list_wrap .car_name .tittxt {font-family:hd_head_R; font-size:3rem; word-break:keep-all; position:relative; margin-top:17px; padding-right:30px;}
.car_list_wrap .car_name .go_detail {background:url(../../images/integration/common/btn_search_38x38.png) no-repeat 0 0; background-size:100% auto; display:block; position:absolute; right:0; top:2px; height:24px; width:24px;}
.car_list_wrap .car_name .subtxt {margin-top:25px; font-size:1.5rem; color:#626262; line-height:20px; word-break:keep-all;}

.car_list_wrap .car_name .car_info {overflow:hidden; margin-top:25px; word-break:keep-all;}
.car_list_wrap .car_name .car_info dl {overflow:hidden;}
.car_list_wrap .car_name .car_info dl ~ dl {margin-top:8px;}
.car_list_wrap .car_name .car_info dt,
.car_list_wrap .car_name .car_info dd {float:left; color:#626262; font-size:1.4rem;}
.car_list_wrap .car_name .car_info dt {font-family:hd_head_R; width:80px;}
.car_list_wrap .car_name .car_info dd {width:calc(100% - 80px);}

/* 통합사이트 > 예약안내, 거점사이트 > 프로그램안내 목록 */
.use_guide {overflow:hidden; position:relative;}
.use_guide .btn_go_popup {position:absolute; right:0; top:9px; z-index:1;}
.use_guide .btn_go_popup .btn {padding-right:0; padding-left:0; min-width:150px;}
.use_guide .list_program {overflow:hidden;}
.use_guide .list_program .data_none {background:url(../../images/integration/common/icon_notice.png) no-repeat center 0; margin-top:130px; padding-top:110px; padding-bottom:160px;}
.use_guide .list_program .data_none p {font-size:2rem;}

.use_guide .list_program .list_set {overflow:hidden; border-bottom:1px dashed #dddddd; padding-bottom:62px;}
.use_guide .list_program .list_set ~ .list_set {margin-top:60px;}
.use_guide .list_program .list_set .img_btn_wrap {/* background-color:#ccc; */ float:left; overflow:hidden; position:relative; width:25%;}
.use_guide .list_program .list_set .img_btn_wrap .img {overflow:hidden; position:relative; padding-bottom:110.71%; max-width:280px; width:100%;}
.use_guide .list_program .list_set .img_btn_wrap .img img {display:block; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:100%;}

.use_guide .list_program .list_set .go_resrv {overflow:hidden; text-align:left; margin-bottom:26px;}
.use_guide .list_program .list_set .go_resrv .btn {max-width:150px; width:100%;}

.use_guide .list_program .expln_text {float:left; width:calc(75% - 60px); margin-left:60px;}
.use_guide .list_program .expln_text .expln_cotn {overflow:hidden;}
.use_guide .list_program .expln_text .cotn_title {border-bottom:0; padding-bottom:0;}
.use_guide .list_program .expln_text .cotn_title h3 {display:block; font-size:3rem; line-height:1.1em; margin-bottom:15px;}
.use_guide .list_program .expln_text .cotn_title .zn {color:inherit; font-size:inherit;}
.use_guide .list_program .expln_text .cotn_title p {display:block; font-size:1.6rem; line-height:1.5em; word-break:keep-all;}
.use_guide .list_program .expln_text .dtl_info_wrap {display:flex; flex-wrap:wrap; margin-top:-6px;}
.use_guide .list_program .expln_text .dtl_info {flex-basis:calc(50% - 15px); word-break:keep-all; margin-top:6px;}
.use_guide .list_program .expln_text .dtl_info:nth-child(even) {margin-left:15px;}
.use_guide .list_program .expln_text .dtl_info .tit,
.use_guide .list_program .expln_text .dtl_info p {float:left; font-size:1.4rem; letter-spacing:-0.035em; line-height:1.429em; word-break:keep-all;}
.use_guide .list_program .expln_text .dtl_info .tit {color:#000000; padding-left:0; width:82px;}
.use_guide .list_program .expln_text .dtl_info .tit:before {display:none;}
.use_guide .list_program .expln_text .dtl_info p {color:#626262; width:calc(100% - 82px);}
.use_guide .list_program .expln_text .notice_area {margin-top:36px;}
.use_guide .list_program .expln_text .bg_box {margin-top:26px;}
.use_guide .list_program .expln_text .noti_bullet {border-bottom:0; margin-top:0; padding-bottom:0;}
.use_guide .list_program .expln_text .bg_box .noti_bullet p {font-size:1.4rem; line-height:1.429em; word-break:keep-all;}
.use_guide .list_program .expln_text .bg_box .noti_bullet p ~ p {margin-top:5px;}

/* 통합사이트 > 통합예약 프로그램, i-Lab 프로그램, 거점사이트 > i-Lab 프로그램:회차종료 */
.pgm_div.msg_open .pgm_img:before,
.use_guide .list_program .list_set.msg_open .img_btn_wrap .img:before {background-color:rgba(0, 0, 0, 0.7); content:''; display:block; position:absolute; left:0; top:0; height:100%; width:100%; z-index:1;}

.pgm_div.msg_open .pgm_img:after,
.use_guide .list_program .list_set.msg_open .img_btn_wrap .img:after {box-sizing:border-box; color:#ffffff; font-size:1.8rem; line-height:1.444em; text-align:center; white-space:pre-line; position:absolute; left:0; top:50%; margin-top:-25px; padding:0 15px; width:100%; z-index:1;}

.pgm_div.end_pgm .pgm_img:after,
.use_guide .list_program .list_set.end_pgm .img_btn_wrap .img:after {content:'본 회차는 종료되었습니다.\a다음 회차를 기대해주세요.';}

.pgm_div.end_pgm .pgm_img:after,
.use_guide .list_program .list_set.msg_open .img_btn_wrap .img:after {content:'프로그램이 종료되었습니다.\a지난 내용을 살펴 보세요.';}

.pgm_div.cmn_soon .pgm_img:after,
.use_guide .list_program .list_set.cmn_soon .img_btn_wrap .img:after {content:'Coming Soon'; font-size:3rem;}

.pgm_div.rerv_done .pgm_img:after,
.use_guide .list_program .list_set.rerv_done .img_btn_wrap .img:after {content:'프로그램 예약이\a모두 완료 되었습니다.';}

/* 2023-05-18 GenerationOne 이달의 캘린더 클래스 수정  */
.tab_list.widthout_secondary{overflow: unset;}
.tab_list.widthout_secondary.no_margin{margin-bottom: 40px; }
.tab_list.widthout_secondary .button_month {position: absolute; right: 0; top: 0; display: flex;}
.tab_list.widthout_secondary .button_month .this{cursor: pointer; font-size: 1.8rem; color: #999; margin-right: 20px; background-color: #f5f3f0; padding: 14.5px 17px; border-radius: 5px;}
.tab_list.widthout_secondary .button_month .this.active{background-color: #e4dcd3; color: #000;}
.tab_list.widthout_secondary .button_month .next{cursor: pointer; font-size: 1.8rem; color: #999; background-color: #f5f3f0; padding: 14.5px 17px; border-radius: 5px;}
.tab_list.widthout_secondary .button_month .next.active{background-color: #e4dcd3; color: #000;}
.calendar_list_wrap .calendar_div{position: relative; display: flex; justify-content: space-between; padding-bottom: 50px; width: 100%;}
.calendar_list_wrap .calendar_div:lang(zh){word-break: break-all !important;}
/* .calendar_list_wrap .calendar_div::before {content: "";position: absolute;top: 1.5%;bottom: 0;left: 6px;width: 1px;background-color: #b8b5b1;z-index: -1; height: 101%;} */
.calendar_list_wrap .calendar_div.no_margin{padding-bottom: unset;}
.calendar_list_wrap .calendar_div.no_margin::before{height: 0px; display: none;}
.calendar_list_wrap .calendar_div .left_side{width: 62.33%;}
.calendar_list_wrap .calendar_div .day{color: #000;font-family: hd_head_r;font-size: 20px;font-style: normal;font-weight: 400;line-height: normal;}
/* .calendar_list_wrap .calendar_div .day::before{display: inline-block;content: '';width: 13px;height: 13px;border-radius: 50%;background-color: #626262;margin-right: 2.4rem;}
.calendar_list_wrap .calendar_div .text_wrap{padding-left: 3.7rem;} */
.calendar_list_wrap .calendar_div .area{font-size: 1.6rem; color: #626262; margin-top: 0.5rem;}
.calendar_list_wrap .calendar_div .category{letter-spacing: -0.5px; margin-top: 1.3rem; font-size: 2rem; line-height: 1.22;}
.calendar_list_wrap .calendar_div .sub_category{letter-spacing: -0.5px; margin-top: 0.5rem; font-size: 2rem; line-height: 1.22;}
.calendar_list_wrap .calendar_div .title{letter-spacing: -0.75px; margin-top: 1rem; font-size: 3.8rem; line-height: 1.27; font-weight: bold; word-break: keep-all;}
.calendar_list_wrap .calendar_div .title:lang(zh){word-break: break-all;}
.calendar_list_wrap .calendar_div .content{letter-spacing: -0.4px; margin-top: 2rem; font-size: 1.6rem; line-height: 1.44; color: #626262;}
.calendar_list_wrap .calendar_div .right_side{width: 30.435%; position: relative;}
.calendar_list_wrap .calendar_div .right_side img{width: 100%;}
.calendar_list_wrap .month_div {height: 5rem; position: relative;}
.calendar_list_wrap .month_div::before {content: "";position: absolute;top: 35%;bottom: 0;left: 6px;width: 1px;background-color: #b8b5b1;z-index: -1; height: 100%;}
.calendar_list_wrap .month_text {font-size: 2.2rem; color: #29cb7e;}
.calendar_list_wrap .month_text::before {display: inline-block;content: '';width: 13px;height: 13px;border-radius: 50%;background-color: #29cb7e;margin-right: 10px;}


@media only screen and (max-width: 767px) and (min-width: 270px){
.tab_list.widthout_secondary .button_month {position: absolute; left: 0; top:85px; display: flex;}
.tab_list.widthout_secondary .button_month .this{cursor: pointer; font-size: 1.6rem; color: #999; margin-right: 10px; background-color: #f5f3f0; padding: 7.5px 11.5px; border-radius: 5px;}
.tab_list.widthout_secondary .button_month .this.active{background-color: #e4dcd3; color: #000;}
.tab_list.widthout_secondary .button_month .next{cursor: pointer; font-size: 1.8rem; color: #999; background-color: #f5f3f0; padding: 7.5px 9px; border-radius: 5px;}
.tab_list.widthout_secondary .button_month .next.active{background-color: #e4dcd3; color: #000;}
.calendar_list_wrap{margin-top: 104px;}
.calendar_list_wrap .calendar_div{flex-direction: column; width: 100%; padding-bottom: 75px;}
.calendar_list_wrap .calendar_div .left_side{width: 100%;}
.calendar_list_wrap .calendar_div .title{font-size: 3rem; margin-top: 1.3rem;}
.calendar_list_wrap .calendar_div .right_side{width: unset; margin-top: 4rem;}
.calendar_list_wrap .calendar_div::before {top: 1%;}
.calendar_list_wrap .calendar_div .day::before{margin-right: 10px;}
/* .calendar_list_wrap .calendar_div .text_wrap{padding-left: 22px;}
.calendar_list_wrap .calendar_div .content{margin-top: 1rem;} */
}
/* 2023-05-18 GenerationOne 이달의 캘린더 클래스 수정.  */

/* 통합:이용안내, 거점:이용정보 운영시간 */
.utilize .sub_visual {overflow:hidden;}
.utilize .sub_visual img {display:block;}
.itg_site .utilize .time_area {overflow:hidden; margin-top:80px;}
.utilize .time_area {overflow:hidden;}
.utilize .time_area ~ section {margin-top:80px;}

.utilize .time_area .cotn_title {margin-bottom:35px;}
.utilize .cotn_title .icon_notd {margin-left:20px; font-family:'hd_txt_R'; line-height:24px; margin-bottom:0;}

.utilize .item_wrap {width:100%;}
.utilize .display_price .item_wrap {overflow:hidden;} /* 2022-10-21 */
.utilize .time_area .item {position:relative;float:left;width:33%;/* height:94px; *//* margin-top:30px; */box-sizing:border-box;}
.utilize .time_area .item:nth-child(-n+3) {margin-top:0;}
.utilize .time_area .item:nth-child(3n+1)::after {display:none;}
.utilize .time_area .item:nth-child(3n+2)::after {left:-31px;}
.utilize .time_area .item:nth-child(3n+3)::after {left:37px;}
.utilize .time_area .item:nth-child(3n+1) dl {margin:0;}
.utilize .time_area .item:nth-child(3n+3) dl {margin-left:93px;}
.utilize .time_area .item:after {content:""; position:absolute; top:50%; left:0; display:block; width:1px; height:40px; margin-top:-20px; background-color:#ddd;}
.utilize .time_area .item dl {display:flex;/* justify-content:center; */flex-direction:column;/* box-sizing:border-box; */position:relative;margin:0 auto;padding-left:114px;/* height:95px; */width:82%;min-height:95px;}
.utilize .time_area .item dl:before {background-color:#29cb7e; background-repeat:no-repeat; background-position:0 0; content:""; border-radius:50%; position:absolute; top:0; left:0; width:94px; height:94px;}
.utilize .time_area .item dt {color:#626262;font-size:1.6rem;font-family:'hd_head_R';margin-top: 20px;}
.utilize .time_area .item em {color:#626262; font-size:1.4rem;}
.utilize .time_area .item em.blk_txt {color:#000;}
.utilize .time_area .item dt span {display:block; font-size:1.2rem;}
.utilize .time_area .item dd.icon_notd {color:#626262; font-size:1.3rem; line-height:16px; opacity:0.6; margin-top:6px; margin-bottom:0;}
.utilize .time_area .item dd.icon_notd:before {top:-1px;}
.utilize .time_area .item .time {display:block; padding:5px 0; color:#000; font-size:2.2rem; font-family:'hd_head_R';}
.utilize .time_area .item .time span {display:block; color:#000; font-size:1.4rem;}
.utilize .time_area .item .time span ~ span {margin-top:2px;}

.utilize .price_wrap .dtl_info_wrap .etc_noti {float:none; color:#626262; font-family:hd_head_R; font-size:1.6rem; line-height:1.438em; text-align:left; position:relative; margin-top:21px; padding-left:10px; word-break:keep-all;}
.utilize .price_wrap .dtl_info_wrap .etc_noti:before {background-color:#626262; content:''; position:absolute; left:0; top:10px; height:1px; width:6px;}
.utilize .price_wrap .dtl_info_wrap .etc_noti + .etc_noti {margin-top:0;}

/* 통합:이용안내, 거점:이용정보 운영시간 영역 아이콘 */
.utilize .time_area .display dl:before {background-image:url(../../images/integration/common/ico_display.png);}
.utilize .time_area .program dl:before {background-image:url(../../images/integration/common/ico_program.png);}
.utilize .time_area .kitchen dl:before {background-image:url(../../images/integration/common/ico_kitchen.png);}
.utilize .time_area .cafe dl:before {background-image:url(../../images/integration/common/ico_cafe.png);}
.utilize .time_area .cafem dl:before {background-image:url(../../images/integration/common/ico_cafem.png);}
.utilize .time_area .shop dl:before {background-image:url(../../images/integration/common/ico_shop.png);}
.utilize .time_area .institution dl:before {background-image:url(../../images/integration/common/ico_institution.png);}
.utilize .time_area .service_center dl:before {background-image:url(../../images/integration/common/ico_service_center.png);}
.utilize .time_area .customer_center dl:before {background-image:url(../../images/integration/common/ico_customer_center.png);}
.utilize .time_area .auto_library dl:before {background-image:url(../../images/integration/common/ico_auto_library.png);}
.utilize .time_area .lounge dl:before {background-image:url(../../images/integration/common/ico_lounge.png);}
.utilize .time_area .creative_wall dl:before {background-image:url(../../images/integration/common/ico_creativewall.png);}
.utilize.busan .time_area .program dl:before {background-image:url(../../images/integration/common/icon_cxprogram.png);}
.utilize.senayanpark .time_area .cxprogram dl:before {background-image:url(../../images/integration/common/icon_cxprogram.png);}
.utilize .time_area .guide_tour dl:before {background-image:url(../../images/integration/common/icon_guidetour.png);}

/* 통합:이용안내, 거점:이용정보 - 이용요금,주차안내 */
.utilize .price_wrap {overflow:hidden; margin-top:80px; width:100%;}
.utilize .price_wrap .price_box {width:100%;}
.utilize .price_wrap .price_box:first-child,
.utilize .price_wrap.split_layout .price_box:first-child {margin-left:0;}
.utilize .price_wrap .price_box figcaption {display:block; box-sizing:border-box; text-align:center; font-size:1.8rem; line-height:24px; background-color:#f5f3f0; padding:23px 20px; width:100%; word-break:keep-all;}
.utilize .price_wrap .price_box figure img {display:block;}
.utilize .price_wrap .item_wrap > p {background-color:#f5f3f0; text-align:center; font-size:1.8rem; line-height:70px; width:100%;}

.utilize .price_wrap.split_layout .price_box {float:left; margin-left:40px; vertical-align:top; width:calc(50% - 20px);}
.utilize .price_wrap .price_box > .icon_notd {margin-top:18px; margin-bottom:0;}
.utilize .price_wrap .dtl_info_wrap {background-color:#f5f3f0; box-sizing:border-box; padding:20px; height:196px;}

.utilize .price_wrap .dtl_info_wrap .dtl_info {overflow:hidden;}
.utilize .price_wrap .dtl_info_wrap .dtl_info ~ .dtl_info {margin-top:3px;}
.utilize .price_wrap .dtl_info_wrap .dtl_info .tit,
.utilize .price_wrap .dtl_info_wrap .dtl_info p {line-height:1.438em;}
.utilize .price_wrap .dtl_info_wrap .dtl_info .tit {float:left; color:#000; font-size:1.6rem; padding-left:0;}
.utilize .price_wrap .dtl_info_wrap .dtl_info .tit:before {display:none;}
.utilize .price_wrap .dtl_info_wrap .dtl_info .tit span {color:#626262; font-size:1.4rem;}
.utilize .price_wrap .dtl_info_wrap .dtl_info p {float:right; font-size:1.6rem; text-align:right; word-break:keep-all;}
.utilize .price_wrap .dtl_info_wrap .dtl_info p span ~ span:before {content:'/ ';}
.utilize .price_wrap .dtl_info_wrap .dtl_info p em {color:#626262; font-size:1.4rem;}


/* 시안 2 추가레이아웃 */
.utilize_v2 .price_wrap .flex_wrap {display: flex; gap:40px;}
.utilize_v2 .flex_wrap .img_wrap {width:calc(50% - 20px);}
.utilize_v2 .flex_wrap .img_wrap figure + figure {margin-top: 20px;}
.utilize_v2 .flex_wrap .dtl_info_txt {width:calc(50% - 20px);}
.utilize_v2 .flex_wrap .dtl_info_wrap .dtl_info_wrap_title {font-size: 18px; line-height: 26px;}
.utilize_v2 .flex_wrap .dtl_info_wrap {height:178px; overflow: auto;}
.utilize_v2 .item_wrap .dtl_info_wrap.h_auto {height: auto;}
.utilize_v2 .flex_wrap .dtl_info_wrap + .dtl_info_wrap {margin-top: 20px;}
.utilize_v2 .price_wrap .dtl_info_wrap.border_info_wrap .dtl_info {padding:20px 0;}
.utilize_v2 .price_wrap .dtl_info_wrap.border_info_wrap .dtl_info:not(:first-child) {
    border-top:2px dotted #ddd;
}

:lang(en) .utilize .price_wrap .dtl_info_wrap {height:276px;}
/* :lang(en) .utilize_v2_gy .price_wrap .dtl_info_wrap {height:178px;} */
:lang(en) .utilize_v2_gy .price_wrap .dtl_info_txt {display: flex; flex-direction: column;}
:lang(en) .utilize_v2_gy .price_wrap .dtl_info_wrap {flex:1;}
:lang(en) .utilize .price_wrap .dtl_info_wrap.h_auto {height: auto;}
:lang(en) .utilize .price_wrap .dtl_info_wrap .dtl_info p {max-width:60%;}

:lang(en) .utilize .price_wrap.split_layout .cotn_title {position:relative; height:54px;}
:lang(en) .utilize .price_wrap.split_layout .cotn_title  .icon_notd {position:absolute; top:0; left:auto;}
:lang(en) .utilize .price_wrap.split_layout .price_box figcaption {height:94px;}
:lang(en) .utilize .display_price .item_wrap {overflow:hidden;}

/* ------------------------------------- 체험전시, 아트전시, 부산:이전 전시 슬라이드 공통 ------------------------------------- */
.display_item .text_break {display:block;}
.display_info .display_item {padding:80px 0; border-top:1px dashed #ddd;}
.display_info .display_item:first-child {padding-top:0; border-top:0;}
.display_info .display_item dl {position:relative; width:100%; overflow:hidden;}
.display_info .display_item dt {float:left; width:220px; margin-right:60px;}
.display_info .display_item dt > span {display:block; color:#626262; font-size:1.5rem; margin-top:20px;}
.display_info .display_item .strg {font-family:'hd_head_R'; font-size:1.6rem;}
.display_info .display_item dt > strong {display:block; margin-top:9px; font-family:'hd_head_M'; font-size:4rem; line-height:44px;}

.display_info .display_item dt p {margin-top:17px; font-size:1.5rem; color:#626262; line-height:20px; word-break:keep-all;}
.display_info .display_item dt p + p {margin-top:9px;}
.display_info .display_item .author {color:#000; font-size: 16px;;}
.display_info .display_item .cont {float:right; width:calc(100% - 280px); line-height:0;}
.display_info .display_item .cont .responsive-iframe {position: relative;   width: 100%;    padding-bottom: 56.25%; height: 0;}
.display_info .display_item .cont .responsive-iframe iframe {   position: absolute; top: 0; left: 0;    width: 100%;    height: 100%;}
.display_info .display_item .etc_more {position:absolute; top:160px; left:0; width:280px;}
.display_info .display_item .btn_more {position:relative; display:inline-block; margin-top:55px; padding-right:17px; font-family:'hd_head_R'; font-size:1.6rem; color:#000;}
.display_info .display_item .btn_more:after {background:url(../../images/integration/common/arrow_gray_6x10.png) no-repeat 0 0; content:''; position:absolute; right:0; top:50%; margin-top:-5px; height:10px; width:6px;}
.display_info .display_item .etc_more .btn_wrap {margin-top:28px;}
.display_info .display_item .etc_more .btn {width:150px;}
.display_info .display_item .btn_wrap {margin-top:25px;}
.display_info .display_item .btn_wrap .btn {display:block;}
.display_info .display_item .btn_wrap .btn ~ .btn {margin-top:4px; margin-left:0;}
.display_info .display_item .cmt_wrap {position:relative; top:-40px; left:0;}
.display_info .display_item .cmt_wrap p {display:inline-block; padding:35px 40px; background:#e4dcd3; font-size:1.6rem; line-height:26px; max-width:620px;}

.display_item .swiper-container {width:100%; height:300px; margin-left:auto; margin-right:auto;}
.display_item .swiper-wrapper {transition-timing-function:ease-in-out;}
.display_item .swiper-slide {background-size:cover; background-position:center;}
.display_item .gallery-top {background-color:#fff; height:80%; width:100%;}
.display_item .gallery-top .swiper-slide {}
.display_item .gallery-top .swiper-slide figure {overflow:hidden; height:330px;}
.display_item .gallery-top .swiper-slide figure span {position:relative; width:100%; height:330px;}
.display_item .gallery-top .swiper-slide figure .only_pc img {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); height:100%; width:auto;}

.display_item .gallery-thumbs {height:20%; box-sizing:border-box; padding:20px 0 66px;}
.display_item .gallery-thumbs .swiper-slide {overflow:hidden; cursor:pointer; position:relative; width:302px; height:88px; opacity:0.4;}
.display_item .gallery-thumbs .swiper-slide {transition:opacity 0.8s;}
.display_item .gallery-thumbs .swiper-slide-thumb-active {opacity:1;}
.display_item .gallery-thumbs .swiper-slide img {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); height:100%; width:auto;}
.display_item .swiper-button-next,
.display_item .swiper-button-prev {margin-top:-102px;}

.display_item .gallery-thumbs .swiper-scrollbar {background-color:rgba(238, 238, 238, 1); border-radius:0; cursor:pointer; left:0; height:8px; width:100%;}
.display_item .gallery-thumbs .swiper-scrollbar-drag {background:rgba(0,0,0,1); border-radius:0; cursor:pointer; top:0; height:8px;}

/* ------------------------------------- i-Lab이란 :통합사이트/거점사이트 공통 ------------------------------------- */
.ilab_intro {overflow:hidden;}
.ilab_intro .sub_background ~ #contents .sub_cotn {margin-top:-23px;}
.ilab_intro .cont_area {overflow:hidden; width:100%;}
.ilab_intro .cont_area .img {font-size:0; line-height:0;}
.ilab_intro .cont_area .img img {max-width:100%; width:auto;}

.ilab_intro .cont_area h2 {font-size:3rem; line-height:38px; margin-bottom:15px;}
.ilab_intro .cont_area .wrap_box {width:calc(50% - 12px); box-sizing:border-box;}
.ilab_intro .cont_area .b_t {font-size:5rem; line-height:1.2em; margin-bottom:47px;}
.ilab_intro .cont_area .txt_box {box-sizing:border-box; width:calc(50% - 12px);}
.ilab_intro .cont_area .txt {color:#626262; font-size:1.6rem; letter-spacing:-0.6px; line-height:1.5em; word-break:keep-all;}
.ilab_intro .cont_area .txt ~ .txt {margin-top:21px;}

/* 소개 */
.ilab_intro .intro_box_01 {}
.ilab_intro .intro_box_01 .img {float:right; width:calc(50% - 12px); padding-top:24px;}
.ilab_intro .intro_box_01 .txt {float:left; box-sizing:border-box; padding-right:120px; width:calc(50% - 12px);}
.ilab_intro .intro_box_01 .txt + .txt {padding-right:60px;}
.ilab_intro .intro_box_01 .img_box {float:left; text-align:right; margin-top:118px; width:calc(50% - 12px);}
.ilab_intro .intro_box_01 .img_box .img {float:none; padding:0; width:auto;}

/* Inspiration Lab,토크 */
.ilab_intro .intro_box_02 {}
.ilab_intro .intro_box_02 > .txt_box {}
.ilab_intro .intro_box_02 .wrap_box {width:100%;}
.ilab_intro .intro_box_02 .wrap_box .img_box {float:left; text-align:right; padding-top:119px; width:calc(50% - 12px);}
.ilab_intro .intro_box_02 .wrap_box .txt_box {float:right; padding:115px 70px 0 40px;}
.ilab_intro .intro_box_02 .wrap_box + .wrap_box {float:left; padding:25px 0 48px 0; width:calc(50% - 12px);}
.ilab_intro .intro_box_02 .wrap_box + .wrap_box .img_box {margin-bottom:118px; padding:0; width:100%;}
.ilab_intro .intro_box_02 .wrap_box + .wrap_box .txt_box {float:none; padding:0; width:100%;}
.ilab_intro .intro_box_02 .wrap_box + .wrap_box .txt_box .txt {width:73%;}

/* 커뮤니티,워크샵 */
.ilab_intro .intro_box_03 {}
.ilab_intro .intro_box_03 .wrap_box {width:100%;}
.ilab_intro .intro_box_03 .wrap_box .img_box {float:right; width:calc(50% - 12px);}
.ilab_intro .intro_box_03 .wrap_box:first-child .img_box {padding-top:119px;}
.ilab_intro .intro_box_03 .wrap_box .txt_box {float:left; width:calc(50% - 12px);}
.ilab_intro .intro_box_03 .wrap_box:first-child .txt_box {float:none; padding-bottom:48px;}
.ilab_intro .intro_box_03 .wrap_box:first-child .txt_box .txt {width:80%;}
.ilab_intro .intro_box_03 .wrap_box + .wrap_box .img {margin-top:-122px;}
.ilab_intro .intro_box_03 .wrap_box .txt_box .txt {width:73%;}

/* 디자이너스테이블 */
.ilab_intro .intro_box_04 {}
.ilab_intro .intro_box_04 .wrap_box {width:100%;}
.ilab_intro .intro_box_04 .img_box {float:left; margin-top:134px; width:calc(50% - 12px);}
.ilab_intro .intro_box_04 .img {}
.ilab_intro .intro_box_04 .txt_box {float:right; padding:115px 110px 120px 40px; width:calc(50% - 12px);}

/* 키즈 */
.ilab_intro .intro_box_05 {}
.ilab_intro .intro_box_05 .wrap_box {width:100%;}
.ilab_intro .intro_box_05 .img {float:right; width:calc(50% - 12px);}
.ilab_intro .intro_box_05 .txt_box {float:left; padding:120px 25px 120px 166px; width:calc(50% - 12px);}



/* 2020-12-28 운영 이벤트 상세페이지 전용 */
.itg_event {overflow:hidden; max-width:1120px; width:100%;}
.itg_event a,
.itg_event span {display:block; width:100%;}
.itg_event img {display:block; max-width:100%;}


/* 2021-08-26 운영 이벤트 상세페이지 (추후 사용 가능) */
.evt_area {overflow:hidden; max-width:1200px; width:100%;}
.evt_area div {overflow:hidden; position:relative;}
.evt_area div img {display:block; width:100%;}
.evt_area div a {/* background-color:rgba(0, 0, 0, 0.5); */ display:block; position:absolute; left:0; right:0; margin:0 auto; height:0; padding-bottom:9%; max-width:500px; width:100%;}
.evt_area div .button_01  {justify-content: center; padding: unset; margin: 50px auto; background-color: #29cb7e; z-index: 10; font-size: 1.8rem; color: white; width: 500px; height: 60px; position: unset; display: flex; align-items: center;}
.evt_area div .button_02 {justify-content: center; padding: unset; margin: 50px auto; background-color: #53caec; z-index: 10; font-size: 1.8rem; color: white; width: 500px; height: 60px; position: unset; display: flex; align-items: center;}

.evt_area .img_btn {
    position: absolute;
    left:50%;
    top:17%;
    transform: translateX(-50%);
    z-index: 2;
    width:60vw;
    max-width:720px;
}
@media only screen and (max-width:767px) and (min-width:270px) {
    .evt_area div a {max-width:350px;}
    .evt_area div .button_01 {height: 50px; margin-left: -5.556vw; width: 100vw; max-width: unset; font-size: 1.7rem;}
    .evt_area div .button_02 {height: 50px; width: 100%; max-width: unset; font-size: 1.7rem;}
}

/* 2023-05-31 운영 이벤트 상세 페이지 전용 추가 */
.participate {width: 100%; max-width: 816px; margin: 80px auto 0;}
.participate .title {font-size:3.4rem !important; font-weight: bold; line-height: 1; letter-spacing: -5%; margin-bottom: 4rem;}
.participate .section_wrap{display: flex; width: 100%; justify-content: space-between;}
.participate .section_wrap .section {display: flex; flex-direction: column;}
.participate .section_wrap .section .subtitle{font-size: 2rem; font-weight: bold; letter-spacing: -5%; margin-bottom: 2rem;}
.participate .section_wrap .section span{padding-left: 25px; text-indent: -15px; font-size: 2rem; line-height: 1.8; letter-spacing: -3%; margin-bottom: 1rem; }
.participate .section_wrap .section span::before{ vertical-align: middle; content: "";display: inline-block;width: 5px;height: 5px;background-color: black;border-radius: 50%; margin-right: 10px; }
.participate .section_wrap .section a {display:unset; position:unset; left:unset; right:unset; margin:unset; height:unset; padding-bottom:unset; max-width:unset; width:unset;}
.participate .section_wrap .section a{color: #fff; font-size: 2rem; margin-top: 10px; background-color: #b8b5b1; width: 100%; padding: 1.6rem 0;}
.participate .section_wrap .section .fill-space {flex-grow: 1;}
.participate .section_wrap .section a.active{background-color: #29cb7e;}
@media screen and (max-width: 767px) {
    .participate {padding: 0 13.8vw; width: calc(100% - 27.76vw);}
    .participate .title {font-size:2.4rem !important; margin-bottom: 2.8rem;}
    .participate .section_wrap{flex-direction: column;}
    .participate .section_wrap .section{margin-bottom: 4rem;}
    .participate .section_wrap .section .subtitle{font-size: 1.4rem; margin-bottom: 1.4rem;}
    .participate .section_wrap .section span{padding-left: 2.4rem; text-indent: -15px; font-size: 1.4rem; line-height: 1.8; letter-spacing: -3%; margin-bottom: 0.7rem; }
    .participate .section_wrap .section span::before{ vertical-align: middle; content: "";display: inline-block;width: 5px;height: 5px;background-color: black;border-radius: 50%; margin-right: 10px; }
    .participate .section_wrap .section a{color: #fff; font-size: 1.4rem; margin-top: 7px; background-color: #b8b5b1; width: 100%; padding: 1.05rem 0;}
}

/************************************ [팝업] ************************************/
/* 통합회원 안내 */
.member_guide {margin:0 auto; max-width:480px; width:100%;}
.member_guide .layer_popup_cont {padding:0;}

.member_guide .pop_close {background-color:#000000; position:absolute; right:-48px; top:0; height:48px; width:48px;}
.member_guide .pop_close .btn_close .closed:before,
.member_guide .pop_close .btn_close .closed:after {background-color:#ffffff;}
.member_guide .notice_cotn {overflow:hidden; position:relative;}
.member_guide .notice_cotn .img {}
.member_guide .notice_cotn .img img {display:block; width:100%;}
.member_guide .notice_cotn .go_hd {/* background-color:pink; opacity:0.5; */ position:absolute; left:30px; bottom:50px; height:48px; width:180px;}

.layer_popup_wrap .not_today {background-color:#e4dcd3; overflow:hidden; box-sizing:border-box; padding:15px 10px 15px;}
.layer_popup_wrap .not_today .txt {color:#626262; font-size:1.4rem; line-height:24px;}

/* 통합회원안내:계정통합안내 */
.member_id_itg {margin:0 auto; max-width:400px; width:100%;}
.member_id_itg .layer_popup_cont {padding:0;}
.member_id_itg .member_cotn {overflow:hidden; box-sizing:border-box; padding:60px 20px 30px 20px;}
.member_cotn .cmnt {font-size:2rem; line-height:1.4em; text-align:center; word-break:keep-all;}
.member_cotn .btn_wrap {justify-content:center;}
.member_cotn .itg_notice {overflow:hidden; border-top:1px solid #dddddd; margin-top:40px; padding-top:40px;}
.member_cotn .itg_notice .icon_notd {font-size:1.4rem; line-height:1.357em;}
.member_id_itg .member_foot {background-color:#f9f8f7; display:flex; align-items:center; box-sizing:border-box; padding:20px; height:64px;}
.member_id_itg .member_foot .logo_img {flex:none;}
.member_id_itg .member_foot .logo_img img {width:100%;}
.member_id_itg .member_foot .hms {margin-right:auto; width:120px;}
.member_id_itg .member_foot .hd {margin-left:auto; width:95px;}

/* 메인공지 레이어 팝업 */
.notice_popup {margin:0 auto; max-width:480px;}
.notice_popup .pop_close {background-color:#000000; position:absolute; right:-48px; top:0; height:48px; width:48px;}
.notice_popup .pop_close .btn_close .closed:before,
.notice_popup .pop_close .btn_close .closed:after {background-color:#ffffff;}
.notice_popup .layer_popup_cont {padding:0;}

.layer_popup_wrap.renewal_cont .btn_close {z-index: 3}
.notice_popup.renewal_cont .pop_close {right:0; background-color: transparent !important;}
.notice_popup.renewal_cont .pop_close .btn_close .closed:before,
.notice_popup.renewal_cont .pop_close .btn_close .closed:after {background-color:#888;}

.pop_notice_cotns {overflow:hidden; position:relative;}
.pop_notice_cotns .swiper-container {z-index:0;}
.pop_notice_cotns .set_cotn {overflow:hidden;}
.pop_notice_cotns .img {overflow:hidden;}
.pop_notice_cotns .img img {display:block; width:100%;}

.pop_notice_cotns .btn_slide_wrap {background-color:#fff; position:absolute; right:0; bottom:0; height:48px; width:140px; z-index:1;}
.pop_notice_cotns .btn_slide_wrap .btn_noti {background-size:20px 15px; top:0; margin:0; height:100%; width:50%;}
.pop_notice_cotns .btn_slide_wrap .btn_noti[class*="prev"] {background-image:url(../../images/integration/common/btn_prev02.png); /* background-color:#ccc; */ left:0;}
.pop_notice_cotns .btn_slide_wrap .btn_noti[class*="next"] {background-image:url(../../images/integration/common/btn_next02.png); /* background-color:#999; */ right:0;}

.notice_popup .not_today {background-color:#fff;}

.pop_notice_cotns .renewal {
    padding:40px;
    min-height: 500px;
}
.pop_notice_cotns .renewal .round_txt {border-radius: 999px; width:44px; height:24px; background-color: #29CB7E; margin-bottom: 10px; display:inline-block; color:#fff; text-align: center; line-height: 24px; font-size: 12px;} 
.pop_notice_cotns .renewal .title {color:#29CB7E; font-size: 32px; line-height: 40px; font-weight: 700; margin-bottom:40px;}
.pop_notice_cotns .renewal p {color:#868686; font-size: 16px; line-height: 24px;}
.notice_popup.renewal_cont .not_today {padding-left: 30px;}
.notice_popup.renewal_cont .not_today button {font-size: 14px; color:#999;}
/* 종료된 프로그램 자세히 보기 팝업 */
/* 팝업 스와이퍼 버튼 type01 */
.layer_popup_wrap.btntype01 .swiper-button-prev,
.layer_popup_wrap.btntype01 .swiper-button-next {z-index:4; top:auto; bottom:0; width:70px; height:48px; text-align:center; vertical-align:middle; line-height:0; background:#fff;}
.layer_popup_wrap.btntype01 .swiper-button-prev {left:auto; right:70px;}
.layer_popup_wrap.btntype01 .swiper-button-next {right:0;}
.layer_popup_wrap.btntype01 .swiper-button-prev:before,
.layer_popup_wrap.btntype01 .swiper-button-next:before {content:""; display:block; width:20px; height:16px; background-position:50% 50%; background-repeat:no-repeat; background-size:100% auto; position:absolute; left:50%; top:50%; margin-top:-8px; margin-left:-10px;}
.layer_popup_wrap.btntype01 .swiper-button-prev:before {background-image:url(../../images/integration/common/btn_prev02.png);}
.layer_popup_wrap.btntype01 .swiper-button-next:before {background-image:url(../../images/integration/common/btn_next02.png);}
.layer_popup_wrap.btntype01 .swiper-button-next.swiper-button-disabled,
.layer_popup_wrap.btntype01 .swiper-button-prev.swiper-button-disabled {opacity:1; pointer-events:auto;}
.layer_popup_wrap.btntype01 .swiper-button-prev.swiper-button-disabled:before {background-image:url(../../images/integration/common/btn_prev01.png);}
.layer_popup_wrap.btntype01 .swiper-button-next.swiper-button-disabled:before {background-image:url(../../images/integration/common/btn_next01.png);}
.layer_popup_wrap.btntype01 .swiper-button-next.swiper-button-disabled {pointer-events:auto;}
.layer_popup_wrap.btntype01 .swiper-button-prev.swiper-button-disabled {pointer-events:auto;}

.layer_popup_wrap.end_pgm_pop {width: 100%; background:#fff; overflow: hidden;}
.layer_popup_wrap.end_pgm_pop #layer_popup_content {max-height: 80vh; overflow-y: auto;}
.layer_popup_wrap.end_pgm_pop .top_view {position:relative; word-break:keep-all;}
.layer_popup_wrap.end_pgm_pop .top_view:lang(zh) {word-break:break-all;}
.layer_popup_wrap.end_pgm_pop .pgm_title {position:relative; padding:60px 7.02% 31px 7.02%; z-index:1;}
.layer_popup_wrap.end_pgm_pop .pgm_title p {font-size:1.8rem;}
.layer_popup_wrap.end_pgm_pop .pgm_title .title {font-size:4.4rem; line-height:1; margin:9px 0; font-weight:bold;}
.layer_popup_wrap.end_pgm_pop .pop_slide img {width:100%;}
.layer_popup_wrap.end_pgm_pop .video {position:relative; height:0; padding-top:57.26%; overflow:hidden;} /* 2022-12-30 */
.layer_popup_wrap.end_pgm_pop .video iframe {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:100%; height:100%; z-index:1;}
.layer_popup_wrap.end_pgm_pop .video.bg_img img {position:absolute; top:0; left:0; width:100%; height:100%; opacity: 0.1; filter: blur(1.5px);} /* 2023-03-08 동영상 백그라운드 수정 */
.layer_popup_wrap.end_pgm_pop .video.bg_img::before {content:""; display:block; position:absolute; top:0; left:0; width:100%; height:100%; background:#000000;} /* 2023-01-31 동영상 백그라운드 수정 */
.layer_popup_wrap.end_pgm_pop .bg_img::before {content:""; display:block; position:absolute; top:0; left:0; width:100%; height:calc(100% - 6px); background:#000000;}
.layer_popup_wrap.end_pgm_pop .bg_img img {opacity: 0.1; filter: blur(1.5px);} /* 2023-03-08 동영상 백그라운드 수정 */
.layer_popup_wrap.end_pgm_pop iframe {position: absolute;top: 0;left: 50%;transform: translate(-50%);width: 100%;height: calc(100% - 6px);z-index: 1;} /* 2023-03-08 동영상 백그라운드 수정 */

.layer_popup_wrap.end_pgm_pop.master_class .pgm_title {background: #FFD200;}
.layer_popup_wrap.end_pgm_pop.master_class .btn_wrap .mfp-close {background: #FFD200; color: #000;}
.layer_popup_wrap.end_pgm_pop.oneday_class .pgm_title {background: #29CB7E; color: #fff;}
.layer_popup_wrap.end_pgm_pop.oneday_class .btn_wrap .mfp-close {background: #29CB7E;}

.layer_popup_wrap.end_pgm_pop .txt_box.title_txt, .layer_popup_wrap.end_pgm_pop .cont_box {padding:0 7.02%; word-break:keep-all;}
.layer_popup_wrap.end_pgm_pop .txt_box.title_txt:lang(zh), .layer_popup_wrap.end_pgm_pop .cont_box:lang(zh) {word-break:break-all;}
.layer_popup_wrap.end_pgm_pop .title_txt {margin:24px 0;}
.layer_popup_wrap.end_pgm_pop.oneday_class .title_txt {margin:24px 0 0;}
.layer_popup_wrap.end_pgm_pop .txt_box .subtitle {font-size:3.0rem; margin-bottom:24px; font-weight:bold; font-family:'hd_head_R';}
.layer_popup_wrap.end_pgm_pop .txt_box p.cont_txt {font-size:1.8rem; line-height:1.5;}
.layer_popup_wrap.end_pgm_pop .txt_box.type01 > dl {background:#F5F3F0; padding:24px 25px; margin:0 7.02%;}
.layer_popup_wrap.end_pgm_pop .txt_box.type01 > dl > dd {font-size:1.6rem; position:relative; color:#626262; line-height:1.5; word-break:keep-all;}
.layer_popup_wrap.end_pgm_pop .txt_box.type01 > dl > dd:lang(zh) {word-break:break-all;}
.layer_popup_wrap.end_pgm_pop .txt_box dl.cont_txt {margin-bottom:16px; font-size:1.8rem; line-height:1.5; word-break:keep-all;}
.layer_popup_wrap.end_pgm_pop .txt_box dl.cont_txt:lang(zh) {word-break:break-all;} /* 2022-12-19 중문 강제 줄바꿈 */
.layer_popup_wrap.end_pgm_pop .txt_box dl span.name {font-weight: bold;}
.layer_popup_wrap.end_pgm_pop .txt_box > dl.cont_txt > dd:before {display: none;}
.layer_popup_wrap.end_pgm_pop .txt_box.type01 hr {display:block; width:100%; border:0; border-bottom:1px solid #707070;}
/* .layer_popup_wrap.end_pgm_pop .txt_box.type01 {padding:0 49px;} */
.layer_popup_wrap.end_pgm_pop .txt_box.type01 .cont_box {margin:24px 0 40px; font-size:1.8rem; line-height:1.5;}
.layer_popup_wrap.end_pgm_pop .txt_box.type01 .cont_box {padding:0 7.02%;}
.layer_popup_wrap.end_pgm_pop .btn_wrap {padding-bottom: 40px;}
.layer_popup_wrap.end_pgm_pop .btn_wrap .mfp-close {max-width:180px; min-width:56px; width:100%; position: static; margin:auto; background:#000; font-size:1.8rem; font-family: 'hd_head_R',dotum,'돋움',sans-serif;}

/**************************************************************************************************************************************************************************************************
*************************************************** 《《《   MOBILE Layout   》》》   ***************************************************************************************************************
***************************************************************************************************************************************************************************************************/
@media only screen and (max-width:269px) {
    #wrap {overflow-x:scroll;}
}
@media only screen and (max-width:767px) and (min-width:270px) {
    .only_pc,
    .only_pc.btn {display:none;}
    .only_mobile {display:block;}
    .pc_ver {display: none;}
    .mo_ver {display: block;}
    .wd_inner {padding:0 5.556vw;}

    /************************************************************
                                Form Tag
    ************************************************************/
    /* form text */
    .form_txt input {font-size:1em; padding:8px 14px; height:40px;}

    /* checkbox */
    .input_set.chk {display:flex; flex-wrap:wrap; margin-top:-10px;}
    .form_check {margin-top:10px; padding-left:24px; line-height:24px; width:50%;}
    .form_check ~ .form_check {margin-left:0;}
    .form_check .icon {height:24px; width:24px;}
    .form_check .txt {font-size:1.5rem; line-height:24px; margin-left:0.647em;}
    .form_check.sm_form_chk .txt {font-size:1.3rem;}

    /* radio */
    .input_set.rdo {display:flex; flex-wrap:wrap; margin-top:-10px;}
    .form_radio {margin-top:10px; padding-left:24px; height:24px; width:50%;}
    .form_radio ~ .form_radio {margin-left:0;}
    .form_radio .icon {height:24px; width:24px;}
    .form_radio .icon:before {margin-top:-4px; margin-left:-4px; height:8px; width:8px;}
    .form_radio .txt {font-size:1.6rem; line-height:24px; margin-left:10px;}

    /* 입력, 인증 */
    .input_set.certi_num {}
    .input_set.certi_num ~ .certi_num {margin-top:4px;}
    .input_set.certi_num .btn {margin-top:0; padding:8px 5px; min-height: 40px; height:40px; width:110px;}
    .input_set.certi_num .btn span {font-size:1.4rem;}

    /* multi */
    .multi_input {overflow:hidden;}
    .multi_input .form_txt {float:left; width:calc(25% - 4px);}
    .multi_input .form_txt ~ .form_txt {margin-left:4px;}
    .multi_input .form_txt input {padding-right:10px; padding-left:10px;}

    /* sort checkbox */
    .sort_box {display:flex;}
    .form_sort {flex:1; width:75px; height:40px; line-height:40px; padding:0;}

    /* select */
    .form_select select {font-size:1.6rem; line-height:40px; height:40px;}

    /* form file */
    .form_file,
    .form_file.sm_form_file,
    .file_wrap.bg_area .form_file {padding-left:23.611vw;}

    .form_file .btn_file,
    .form_file.sm_form_file .btn_file,
    .file_wrap.bg_area .form_file .btn_file {width:23.611vw;}
    .form_file .del {right:4px; margin-top:-2.5vw; height:5vw; width:5vw;}

    .file_wrap.bg_area .input_set {background-color:transparent; padding:0;}
    .file_wrap.bg_area .form_file {border-color:#bbbbbb;}
    .file_wrap.bg_area .form_file .btn_file {background-color:#e4dcd3; border:1px solid #e4dcd3;}
    .file_wrap.bg_area .form_file .form_txt {border-top:1px solid #bbbbbb; border-bottom:1px solid #bbbbbb; padding-right:6.944vw;}

    /* WRAP, CONTAINER, CONTENTS */
    #wrap.mobile {min-width:320px; min-height:100vh;}
    #container {padding-top:66.667vw; padding-bottom:0;}
    #contents {padding-bottom:33.333vw;}
    .strg_mn #container {padding-top:66.667vw;;}
    .strg_mn #contents {padding-bottom:36.111vw;}
    .itg_site #container {padding-top:16.667vw;}
    .itg_site.itg_main #container {padding-top:43.889vw;}

    /* 통합사이트, 거점사이트 PC GNB 숨김 */
    .itg_site .header_itg,
    .strg_mn .header_itg {display:none;}
    .itg_site .header_itg .logo span,
    .strg_mn .header_itg .logo span {display:none; overflow:hidden; text-indent:-9999px; padding:0; height:0;}
    .itg_site .header_itg .gnb_itg,
    .strg_mn .header_itg .gnb_itg {display:none;}
    .head_strg {display:none;padding:0; margin:0; height:0; width:0;}
    .header_itg {display:none; padding:0; margin:0; height:0; width:0;}
    .header_itg .utill_menu {display:none; z-index:-1;}

    /************************************************************
                        《Mobile 헤더 /푸터》
    ************************************************************/
    .top_wrap {position:fixed; left:0; top:0;}
    .m_header {display:block; opacity:1; z-index:100;}
    .top_wrap.active .m_header {z-index:900;}
    .itg_site .m_header {background-color:#f5f3f0;}

    /* 통합, 거점 상단 공지 */
    .notice_head {animation:none; box-sizing:border-box; height:58px; width:100%;}
    .notice_head .notice_area {width:100%;}
    .notice_head .top_noti_slide .slide_div {padding-right:50px; padding-left:20px;}

    /* 공지 2개 애니메이션 */
    @keyframes noti_slide_no2 {
        0% {margin-top:0;}
        10% {margin-top:0;}
        20% {margin-top:0;}
        30% {margin-top:0;}
        40% {margin-top:0;}
        50% {margin-top:-58px;}
        60% {margin-top:-58px;}
        70% {margin-top:-58px;}
        80% {margin-top:-58px;}
        90% {margin-top:-58px;}
        100% {margin-top:0;}
    }
    /* 공지 3개 애니메이션 */
    @keyframes noti_slide_no3 {
        0% {margin-top:0;}
        10% {margin-top:0;}
        16% {margin-top:0;}
        26% {margin-top:-58px;}
        33% {margin-top:-58px;}
        49% {margin-top:-58px;}
        59% {margin-top:-116px;}
        66% {margin-top:-116px;}
        82% {margin-top:-116px;}
        100% {margin-top:0;}
    }
    .mobile .notice_head .notice_area p {display:flex; align-items:center; text-align:left; height:58px;}
    .mobile .notice_head .notice_area p span {display:-webkit-box; overflow:hidden; font-size:1.2rem; line-height:1.417em; text-overflow:ellipsis; white-space:normal; word-break:keep-all; word-wrap:normal; -webkit-line-clamp:2; -webkit-box-orient:vertical; max-height:2.834em; width:100%;}

    /* 상단공지 닫음 */
    .notice_head.hide {animation:close_hide 0.5s forwards;}
    @keyframes close_hide {
        0% {height:58px;}
        100% {height:0;}
    }

    /* 거점사이트 > 헤더 > 배경 이미지 영역 */
    .sub_background {background-size:auto 100%; height:66.667vw;}
    .sub_background.bbnew {background-position: center !important;}

    /************ 거점사이트 > 메인페이지 헤더, 통합사이트 헤더 Layout ************/
    .strg_mn .top_wrap {margin-bottom:5.556vw;}
    .strg_mn .head_strg {display:block; box-sizing:border-box; margin-top:11.111vw; padding:0 5.556vw; height:auto; width:100%; z-index:1;}
    .strg_mn_v2 .head_strg {display: none;}
    .strg_mn .head_strg .head_area {display:block; height:auto;}
    .strg_mn .header_itg.close ~ .head_strg {height:180px;}
    .strg_mn .head_strg .intro {margin-right:0; max-width:100%;}

    .strg_mn.fixed .m_header {background-color:#ffffff; margin-bottom:0;}
    .strg_mn .header_itg .logo {transition:none;}

    /************************************************************
                        《Footer》
    ************************************************************/
    #footer {padding:25px 0 30px;}
    #footer .footer_area {padding:0;}
    #footer .clause a {width:50%; margin-left:0; margin-top:32px;}
    #footer .clause a:nth-child(-n+2) {margin-top:0;}
    #footer .clause a:before {display:none;}
    #footer p,
    #footer address {margin-top:0; font-size:1.2rem; line-height:22px; display:block;}
    #footer .txt_area {margin-top:20px; padding-bottom:24px;}
    #footer .txt_area span {display:block; margin-right:0;}
    #footer .copyright {position:relative; padding:20px 0; padding-left:64px; border-top:1px solid #999;}
    #footer .hd_logo {top:50%; margin-top:-13px;}
    #footer .hd_logo img {width:45px;}
    #footer .copyright p {font-size:1.4rem;}
    #footer .copyright span {display:block;}
    #footer .web_sns {position:inherit; padding-top:20px; border-top:1px solid #999;}

    #footer .family_site {width:100%;}
    #footer .family_site ul {width:100%;}

    /************************************************************
                        《Quick Menu》
    ************************************************************/
    #quick_menu {/* background-color:#ccc; height:30px; */ bottom:16.667vh;}
    #quick_menu a {height:16.667vw; width:16.667vw;}
    #quick_menu a span {font-size:3.889vw; width:100%;}
    #quick_menu .bt_trigger {height:16.667vw; width:16.667vw;}

    #quick_menu .reserve {bottom:16.944vw; width:16.667vw;}
    #quick_menu .reserve a {display:none;}

    /* 퀵메뉴 열림 */
    #quick_menu .reserve.on a {display:flex; border-bottom:1px solid #dddddd;}
    #quick_menu .reserve.on .anchor_01 {top:0; z-index:-1;}
    #quick_menu .reserve.on .anchor_02 {top:0; z-index:-1;}
    #quick_menu .reserve.on .anchor_03 {top:0; z-index:-1;}
    #quick_menu .reserve.on .anchor_04 {top:0; z-index:-1;}
    @keyframes reserve_show4 {
        0% {top:0; z-index:-1;}
        100% {top:-16.667vw; z-index:0;}
    }
    @keyframes reserve_show3 {
        0% {top:0; z-index:-1;}
        34% {top:-16.667vw; z-index:-1;}
        100% {top:-33.611vw; z-index:0;}
    }
    @keyframes reserve_show2 {
        0% {top:0; z-index:-1;}
        25% {top:-16.667vw; z-index:-1;}
        50% {top:-33.611vw; z-index:-1;}
        100% {top:-50.556vw; z-index:0;}
    }
    @keyframes reserve_show1 {
        0% {top:0; z-index:-1;}
        25% {top:-16.667vw; z-index:-1;}
        50% {top:-33.611vw; z-index:-1;}
        75% {top:-50.556vw; z-index:-1;}
        100% {top:-67.5vw; z-index:0;}
    }

    /************************************************************
                        《Top 버튼》
    ************************************************************/
    .go_top {}
    .go_top .bt_top {background-color:rgba(255, 255, 255, 0.8); display:flex; align-items:center; justify-content:center; text-align:center; bottom:0; right:0; padding-top:3.889vw; height:16.667vw; width:16.667vw;}
    .go_top .bt_top:before,
    .go_top .bt_top:after {top:4.167vw; height:2.778vw;}
    .go_top .bt_top:before {left:7.222vw;}
    .go_top .bt_top:after {left:8.889vw;}

    /************************************************************************************************************************
                        《Sub Title》
    ************************************************************************************************************************/
    /* 컨텐츠 비주얼 배너, 로케이션 타이틀 */
    .sub_title {top:-23.056vw; padding:0 5.556vw;}
    .sub_title h1,
    .sub_title .location {padding-left:0;}
    .sub_title h1 {font-size:6.944vw; margin-bottom:5.556vw;}
    .sub_title .location .home {background:url(../../images/integration/common/icon_home_wh.png) no-repeat 0 0; background-size:100%; overflow:hidden; color:#ffffff; font-size:0; text-indent:-9999px; height:2.778vw; width:2.778vw;}
    .sub_title .menu_satus li {color:#ffffff; font-size:2.778vw; line-height:1.3em; margin-left:5.278vw;}
    .sub_title .menu_satus li:before,
    .itg_site .sub_title .menu_satus li:before {background-image:url(../../images/integration/common/arrow_location_gray_m.png); background-size:100%; left:-4.444vw; top:50%; margin-top:-2.083vw; height:4.167vw; width:4.167vw;}
    .sub_title .intro_cmnt {font-size:4.444vw; line-height:1.625em; margin-top:16.667vw;}

    .wd_inner .sub_title {margin-bottom:0; padding-left:0; padding-bottom:5.556vw; width:100%;}

    .itg_site .sub_title {margin-top:11.111vw; margin-bottom:11.111vw; padding-bottom:8.333vw; width:calc(100% - 11.111vw);}
    .itg_site .sub_title h1 {margin-bottom:2.778vw;}
    .itg_site .wd_inner .sub_title {width:100%;}
    .itg_site .sub_title .location .home {background:none; font-size:2.778vw; line-height:1.3em; text-indent:0; height:auto; width:auto;}
    .itg_site .sub_title .menu_satus li:last-child {width:auto;}

    /* 서브페이지 큰 타이틀 */
    .section_title {margin-bottom:40px;}
    .section_title h2 {font-size:1.8rem;}

    /* 서브페이지 컨텐츠별 타이틀 */
    .cotn_title {margin-bottom:0;}
    .cotn_title h3 {font-size:1.8rem;}
    .cotn_title p {font-size:1.8rem;}

    /* 버튼 */
    .btn_wrap {display:flex; flex-wrap:wrap; margin-top:-6px; margin-left:-6px;}
    .btn {margin-top:6px; margin-left:6px; padding:13px 0 12px 0; min-height:48px; min-width:calc(50% - 6px);}
    .btn ~ .btn {margin-left:6px;}
    .btn.wd_100 {width:100%;}
    .btn span {font-size:1.7rem;}
    .btn[class*="h_48"] {min-width:calc(50% - 6px);}

    /************************************************************
                        《Board, Table》
    ************************************************************/
    /* table style 02 */
    .table_02 th {padding:7px; font-size:1.4rem;}
    .table_02 td {font-size:1.2rem; padding:5px;}
    .table_02 table + .noti_cmnt {margin-top:15px; font-size:1.2rem; color:#626262;}

    /* 게시판 목록 */
    .board_list {max-width:100%; width:100%;}
    .board_list .content_serch {margin-bottom:20px;}
    .board_list .content li {border-bottom:1px solid #ddd;}
    .board_list .li_set {flex-direction:column; padding:17px 0;}
    .board_list .li_set .number {margin-bottom:3px;}
    .board_list .li_set .number p {display:none;}
    .board_list .li_set .title {width:100%;}
    .board_list .li_set .title p {font-size:1.6rem; line-height:1.412em; white-space:normal; word-wrap:normal; max-width:100%;}
    .board_list .li_set .date {margin-top:5px; margin-left:unset; width:100%;}
    .board_list .li_set .date p {font-size:1.2rem; color:#999; text-align:left;}
    .board_list .li_set .go_view {/*background-color:rgba(0, 0, 0, 0.2); */ left:0; width:100%;}
    .board_list .paging {margin-top:32px;}
    .board_list .noti_fix .li_set .number p {display:block; font-size:1.4rem;}

    /* 썸네일형 게시판 목록 */
    .thumb_list .list {}
    .thumb_list .list li {flex-basis:100%; max-width:100%; width:100%; margin:0;}
    .thumb_list .list li:nth-child(-n+3) {margin-top:0;}
    .thumb_list .list li:first-child {margin-top:0;}
    .thumb_list .list figcaption {height:auto; padding-top:15px; padding-bottom:40px;}
    .thumb_list .list figcaption .tit {width:80%;}
    .thumb_list .list figcaption .date {margin-top:7px;}
    .thumb_list .list figcaption .location {top:14px; right:0; left:inherit;}

    /* 큰 이미지 슬라이드 */
    .big_slider .btn_slide {height:41px; width:53px;}
    .big_slider .btn_slide[class*="prev"] {right:53px;}
    .big_slider .btn_slide[class*="prev"]:before,
    .big_slider .btn_slide[class*="next"]:before {margin-top:-8px; margin-left:-6px; height:13px; width:16px;}

    /* 이벤트 */
    .event .sub_title {margin-bottom:30px;}
    .event .big_slider {display:none;}
    .event .content_serch {}

    .event .top_box {position:relative; margin-bottom:40px; padding-top:46px;}
    .event .sort_box {float:none; margin-bottom:0;}
    .event .content_serch {float:none; position:absolute; top:0; left:0; width:100%;}
    .event .content_serch .select {margin-bottom:6px; min-width:100%; width:100%;}
    .event .board_detail dl {border-bottom:1px solid #ddd;}

    /* 게시판 상세 */
    .board_detail dl {border-bottom:none;}
    .board_detail dt h2 {font-size:2.2rem; margin-bottom:13px;}
    .board_detail dd .location,
    .board_detail dd .date {font-size:1.2rem;}
    .board_detail dd.cont {padding-top:39px;}
    .board_detail dd .date:before {margin:0 10px;}

    .board_detail .post_preview {border-top:1px solid #dddddd; border-bottom:1px solid #dddddd; margin-top:0;}
    .board_detail .post_preview .post {float:none; padding:14px 0; width:100%;}
    .board_detail .post_preview .post.next {border-top:1px solid #dddddd;}
    .board_detail .post_preview .post:before {float:left; font-size:1.4rem; line-height:26px; position:relative; height:auto; width:60px;}
    .board_detail .post_preview .post.prev {float:none; padding-left:0;}
    .board_detail .post_preview .post.next {padding-right:0;}
    .board_detail .post_preview .post.prev:before {background:none; content:'이전 글';}
    .board_detail .post_preview .post.next:before {background:none; content:'다음 글';}
    .board_detail .post_preview .post p {float:left; font-size:1.5rem; width:calc(100% - 60px); max-width:calc(100% - 60px);}
    .board_detail .post_preview .post .mov_detail {display:none;}

    /* 게시판 검색 */
    .sub_title .content_serch {position:relative; width:100%;}
    .content_serch {justify-content:flex-start; padding-bottom:20px;}
    .content_serch .select {min-width:27.7777vw;}
    .content_serch .select:before {right:9px; margin-top:-2px; height:5px; width:10px;}
    .content_serch .select select {height:40px; padding-right:20px; padding-left:15px; font-size:1.6rem; line-height:38px;}
    .content_serch .input_search {max-width:60vw; width:100%; margin-left:4px; overflow:hidden;}
    .content_serch .input_search input {font-size:1.6rem; line-height:28px; padding:5px 15px; height:38px; width:calc(100% - 38px);}
    .content_serch .input_search .btn_search {width:38px; height:38px;}
    .content_serch .input_search .btn_search .i_serch {background-size:26px;}

    /* Paging */
    .paging {height:38px; margin-top:20px;}
    .paging a {font-size:1.8rem; min-width:12px;}
    .paging a ~ a {margin-left:20px;}
    .paging a:before {bottom:-8px;}
    .paging .arr {background-size:18px; height:38px; width:30px;}
    .paging .arr.prev {margin-right:10px;}
    .paging .arr.next {margin-left:30px;}
    .paging + .btn_wrap {margin-top:40px;}

    /* 탭리스트 */
    .tab_list {max-width:100%; width:calc(100% - 20px); padding:0;}
    .wd_inner.tab_list  {width:calc(100% - 20px); margin-left:20px;}
    .wd_inner .tab_list {width:100%;}
    /* 2023-03-09 신규 클래스 추가 */
    .wd_inner.tab_list.center{width:100%; margin-left: 0px; padding: 0 5.556vw;}
    /* 2023-03-09 신규 클래스 추가 */
    
    .tab_list .tab_li {margin-left:30px;}
    .tab_list a {padding:15px 0; font-size:2rem;}
    .tab_list.st01 .swiper-container {float:none; width:100%;}

    /* table 리스트 */
    .table_list thead th {padding:10px; font-size:1.4rem; word-break:keep-all;}
    .table_list tbody td {padding:10px; font-size:1.4rem; word-break:keep-all; line-height:21px;}

    /* 탭 컨텐츠 스타일 (show hide 제공) */
    .tap_cotn_wrap .cotn_wrap {border:0;}
    .tap_bt_wrap .tap_anchor span {font-size:1.6rem;}

    /************************************************************
                        《Common Style》
    ************************************************************/
    /* 입력 오류 */
    .error .noti_copy {font-size:1.3rem;}

    /* 블릿 문구 */
    .noti_bullet p {font-size:1.4rem; line-height:20px;}
    .noti_bullet p ~ p {margin-top:8px;}

    /* 유의사항 상자 */
    #container .notice_area {background-color:transparent; padding:0; width:100%;}
    #container .notice_area .in {display:none;}
    #container .notice_area ul {display:none;}
    #container .notice_area .btn_notice {position:relative; width:100%; margin-top:19px; padding:12px 0 0; text-align:left; border-top:1px solid #ebebeb; box-sizing:inherit; font-size:1.4rem; color:#626262;}
    #container .notice_area .btn_notice:after {content:""; display:inline-block; width:15px; height:15px; margin-top:2px; margin-left:5px; border-radius:50%; border:1px solid #626262; background:url(../../images/integration/common/btn_more01.png) no-repeat 50% 50%; background-size:7px 7px; box-sizing:border-box; vertical-align:-3px;}

    #container .notice_area.active .in {display:block; box-sizing:border-box; margin-top:18px; padding:25px 20px; background-color:#f5f3f0;}
    #container .notice_area.active ul {display:block;}
    #container .notice_area.active .btn_notice:after {background-image:url(../../images/integration/common/btn_more02.png);}

    #container .notice_area.not_hide {background-color:#f5f3f0; padding:25px 20px;}
    #container .notice_area.not_hide .in {display:block;}
    #container .notice_area.not_hide ul {display:block;}

    /* 유의사항 아이콘 텍스트 */
    .icon_notd {font-size:1.4rem; line-height:16px; padding-left:24px;}
    .icon_notd:before {background-size:16px auto; top:0; height:16px; width:16px;}

    /* 달력 */
    .calendar .table_cldr tbody td .date {height:36px; width:36px;}
    .calendar .table_cldr tbody td .date:before {}
    .calendar .table_cldr tbody td .date span {line-height:36px;}

    /* 차량전시:전시차량 */
    .display_car .wd_inner.tab_list {margin-bottom:30px; margin-left:0;}
    .car_list_wrap {padding-right:0; padding-left:0;}
    .car_list_wrap li {flex-basis:100%; margin-left:0;}
    .car_list_wrap .car_name .img {height:44.444vw; max-width:100%;}
    .car_list_wrap .car_name .img .in_mov {background-size:11.111vw 11.111vw;}
    .car_list_wrap figcaption {position:relative; overflow:hidden;}
    .car_list_wrap .strg_sort {}
    .car_list_wrap .strg_sort p {font-size:1.4rem;}
    .car_list_wrap .car_name .tittxt {margin-top:7px;}
    .car_list_wrap .car_name .subtxt {margin-top:10px;}

    /* 예약 안내 (프로그램목록) */
    .use_guide .btn_go_popup {position:relative; top:0; margin:0;}
    .use_guide .btn_go_popup .btn {margin:0; width:50%;}
    .use_guide .tab_list {margin-top:43px; margin-bottom:0;}
    .use_guide .list_program .data_none {background-size:31px 31px; margin-top:60px; padding-top:60px; padding-bottom:100px;}
    .use_guide .list_program .data_none p {font-size:1.8rem; line-height:1.5em; margin:0 auto; max-width:270px;}

    .use_guide .list_program .list_set {position:relative; padding-bottom:40px; border-bottom:none; width:100%;}
    .use_guide .list_program .list_set .img_btn_wrap {float:none; width:100%;}
    .use_guide .list_program .list_set .img_btn_wrap .img {padding-bottom:100%; max-width:100%;}
    .use_guide .list_program .list_set .img_btn_wrap .img img {height:auto; width:100%;}
    /* 2023-04-26 신규 클래스 추가 */
    .use_guide .list_program .list_set .img_btn_wrap .img img.withtitle {top: 55.5%}
    /* 2023-04-26 신규 클래스 추가 */
    .use_guide .list_program .list_set .go_resrv {margin:24px 0 0 0;}
    .use_guide .list_program .list_set .go_resrv .btn {margin-top:0; margin-left:0; max-width:50%; width:100%;}
    .use_guide .list_program .list_set .go_read {margin:24px 0 0 0;}
    .use_guide .list_program .list_set .go_read .btn {margin-top:0; margin-left:0; max-width:50%; width:100%;}

    .use_guide .list_program .expln_text {float:none; border-bottom:1px solid #ddd; margin-top:25px; margin-left:0; padding-bottom:30px; width:100%;}
    .use_guide .list_program .expln_text .expln_cotn {height:0;}
    .use_guide .list_program .expln_text .cotn_title {word-break:keep-all; width:100%;}
    .use_guide .list_program .expln_text .cotn_title h3 {font-size:2.4rem; line-height:34px;}
    .use_guide .list_program .expln_text .cotn_title p {font-family:'hd_txt_R';}
    .use_guide .list_program .expln_text .dtl_info_wrap {flex-direction:column; margin-top:0;}
    .use_guide .list_program .expln_text .dtl_info {flex-basis:100%; margin-top:15px;}
    .use_guide .list_program .expln_text .dtl_info:nth-child(even) {margin-left:0;}
    .use_guide .list_program .expln_text .dtl_info .tit {color:#000000; padding-left:0; width:24vw;}
    .use_guide .list_program .expln_text .dtl_info p {width:calc(100% - 24vw);}
    .use_guide .list_program .expln_text .bg_box {margin-top:26px;}
    .use_guide .list_program .expln_text .noti_bullet {border-bottom:0; margin-top:0; padding-bottom:0;}
    .use_guide .list_program .expln_text .noti_bullet p {margin-left:0;}

    .use_guide .list_program .list_set.on .expln_text {padding-bottom:20px;}
    .use_guide .list_program .list_set.on .expln_text .expln_cotn {height:auto;}
    .use_guide .list_program .list_set.on .fold_trigger span:before {transform:rotate(-45deg);}
    .use_guide .list_program .list_set.on .fold_trigger span:after {transform:rotate(45deg);}

    /* 종료된 프로그램 자세히 보기 */
    .layer_popup_wrap.end_pgm_pop .pgm_title {padding:36px 7.02% 15px 7.02%;}
    .layer_popup_wrap.end_pgm_pop .pgm_title .title {font-size:2.5rem;}
    .layer_popup_wrap.end_pgm_pop .pgm_title p {font-size:1.3rem;}
    .layer_popup_wrap.end_pgm_pop .txt_box .subtitle {font-size:2.0rem;}
    .layer_popup_wrap.end_pgm_pop .txt_box p.cont_txt,
    .layer_popup_wrap.end_pgm_pop .txt_box.type01 .cont_box,
    .layer_popup_wrap.end_pgm_pop .btn_wrap .mfp-close,
    .layer_popup_wrap.end_pgm_pop .txt_box dl.cont_txt dd {font-size: 1.6rem;}

    /* 종료된 프로그램 자세히 보기 팝업 */
    .use_guide .list_program .read_more .expln_text .cotn_title h3 {margin: 0;}
    .use_guide .list_program .read_more .expln_text .cotn_title .pgm_end {padding:0 0 30px;}
    .use_guide .list_program .read_more .expln_text .cotn_title .pgm_end span {margin-top:0;}

    /* [공통] 유의사항 flod 버튼 */
    .fold_trigger {display:inline-block; position:absolute; left:0; bottom:0; line-height:17px; height:22px; width:15px;}
    .fold_trigger:before {content:''; position:absolute; left:0; top:50%; display:block; width:15px; height:15px; margin-top:-11px; border:1px solid #000; border-radius:50%;}
    .fold_trigger span {display:inline-block; font-size:1.4rem; text-indent:-9999px;}
    .fold_trigger span:before,
    .fold_trigger span:after {background-color:#000; content:''; display:block; position:absolute; top:50%; margin-top:-5px; height:6px; width:1px;}
    .fold_trigger span:before {left:10px; transform:rotate(45deg);}
    .fold_trigger span:after {left:6px; transform:rotate(-45deg);}

    .arc_toggle_btn {position: relative; line-height:17px; height:22px; width:15px; margin:20px auto 0;}
    .arc_toggle_btn:before {content:''; position:absolute; left:0; top:50%; display:block; width:15px; height:15px; margin-top:-11px; border:1px solid #000; border-radius:50%;}
    .arc_toggle_btn span {display:inline-block; font-size:1.4rem; text-indent:-9999px;}
    .arc_toggle_btn span:before,
    .arc_toggle_btn span:after {background-color:#000; content:''; display:block; position:absolute; top:50%; margin-top:-5px; height:6px; width:1px;}
    .arc_toggle_btn span:before {left:10px; transform:rotate(45deg);}
    .arc_toggle_btn span:after {left:6px; transform:rotate(-45deg);}
    .right_side.on .arc_toggle_btn span:before {transform:rotate(-45deg);}
    .right_side.on .arc_toggle_btn span:after {transform:rotate(45deg);}

    /* 약관 */
    .etc .terms_cont li {margin-top:10px;}
    .etc .terms_cont table th,
    .etc .terms_cont table td {padding:10px 5px;}
    .etc .terms_cont dl {padding:20px;}
    .etc .terms_cont h1 {margin-bottom:32px; font-size:2.2rem;}
    .etc.protection .terms_cont h2 {margin-top:30px; margin-bottom:10px; font-size:1.8rem;}
    .etc.clause .terms_cont h2 {margin-top:49px; margin-bottom:32px; font-size:2.8rem;}
    .etc.clause .terms_cont h3 {margin-top:30px; margin-bottom:10px; font-size:2.2rem;}

    /* 사이트맵 */ /* 2022-01-25 [운영] [사이트] 통합 사이트맵 css 수정 요청 */
    .sitemap .m_box {width:100%; margin-top:20px; overflow:hidden;}
    .sitemap .m_box:first-child {margin-top:0;}
    .sitemap .list_wrap .list {width:100%; margin-left:0;}
    .sitemap .list_wrap .m_box {display: inline;}
    .sitemap .list_wrap .m_box:first-child::after {display: none;}
    .sitemap .list_wrap .m_box .list {width:calc(50% - 5px); margin-left:5px;}
    .sitemap .list_wrap .list:nth-child(5n+1) {margin-left: 5px;}
    .sitemap .list_wrap .list:nth-child(2n+1) {margin-left: 0;}
    .sitemap .list_wrap nav {margin-left: 0;}
    .sitemap .list_wrap h3 a {padding:11px 0 6px; border-bottom:1px solid #aaa; background:none; font-size:1.6rem; line-height: 2;}
    .sitemap .list_wrap a {padding:0 9px; font-size:1.4rem; line-height:2;}
    .sitemap .list_wrap p {margin-top:23px; margin-bottom:10px; padding-left:10px; font-size:1.5rem;}
    .sitemap .list_wrap + h2 {margin-top:60px; margin-bottom:7px;}
    .sitemap .list_wrap .strg_abroad .list {margin-top: 0 !important; margin-left: 5px !important; height: auto;}

    /* 통합:이용안내, 거점:이용정보 운영시간 */
    .utilize .sub_visual {display:none;}
    .utilize .time_area {margin-top:0;}
    .cotn_title {margin-bottom:11px;}
    .utilize .cotn_title .icon_notd {display:block; font-size:1.4rem; line-height:1.357em; margin-top:8px; margin-left:0;}
    .utilize .cotn_title .icon_notd:before {top:1px;}
    .itg_site .utilize .time_area {margin-top:50px;}
    .itg_site .utilize .time_area {margin-top:40px;}
    .utilize .time_area .cotn_title {margin-bottom:0;}
    .utilize .time_area ~ section {margin-top:50px;}
    .utilize .time_area .item {float:none; margin-top:20px !important; padding-left:0; min-height:72px; height: auto; width:100%;}
    .utilize .time_area .item:nth-child(3n+3) dl {margin-left:0;}
    .utilize .time_area .item:after {display:none;}
    .utilize .time_area .item dl {margin:0;padding-left:92px;min-height:80px;height: auto;width:100%;box-sizing: border-box;}
    .utilize .time_area .item dl:before {width:72px; height:72px; background-size:72px 72px;}
    .utilize .time_area .item .time {font-size:1.8rem;}
    .utilize .time_area .item .icon_notd {margin-top:3px; margin-left:0;}

    /* 통합:이용안내, 거점:이용정보 - 이용요금,주차안내 */
    .utilize .price_wrap {margin-top:50px;}
    .utilize .price_wrap.split_layout .price_box ~ .price_box {margin-top:50px;}
    .utilize .price_wrap.split_layout .price_box {float:none; width:100%; margin-left:0;}
    .utilize .price_wrap .price_box > .icon_notd {margin-left:0; width:237px;}
    .utilize .price_wrap .price_box > .icon_notd:before {top:0;}
    .utilize .price_wrap .dtl_info_wrap {height:auto !important;}
    .utilize .price_wrap .dtl_info_wrap .dtl_info ~ .dtl_info {margin-top:10px;}
    .utilize .price_wrap .dtl_info_wrap .dtl_info .tit {float:none; font-size:1.5rem; margin-bottom:5px;}
    .utilize .price_wrap .dtl_info_wrap .dtl_info .tit span {font-size:1.3rem;}
    .utilize .price_wrap .dtl_info_wrap .dtl_info p {float:none; font-size:1.4rem; letter-spacing:-0.8px; text-align:left;}
    .utilize .price_wrap .dtl_info_wrap .dtl_info p span {display:block;}
    .utilize .price_wrap .dtl_info_wrap .dtl_info p span ~ span:before {display:none;}
    .utilize .price_wrap .dtl_info_wrap .dtl_info p em {font-size:1.2rem;}
    .utilize .price_wrap .dtl_info_wrap .etc_noti {font-size:1.4rem;}

    /* 시안 2 추가레이아웃 */
    .utilize_v2 .price_wrap .flex_wrap {display: block;}
    .utilize_v2 .flex_wrap .dtl_info_txt {width:100%;}
    .utilize_v2 .flex_wrap .dtl_info_wrap .dtl_info_wrap_title {font-size: 18px; line-height: 26px;}
    .utilize_v2 .flex_wrap .dtl_info_wrap {height:174px;}
    .utilize_v2 .flex_wrap .dtl_info_wrap + .dtl_info_wrap {margin-top: 20px;}

    :lang(zh) .utilize .price_wrap .price_box > .icon_notd,
    :lang(en) .utilize .price_wrap .price_box > .icon_notd {width:100%;}
    :lang(zh) .utilize .price_wrap .dtl_info_wrap .dtl_info p,
    :lang(en) .utilize .price_wrap .dtl_info_wrap .dtl_info p {max-width:100%;}

    

    /* ------------------------------------- 체험전시, 아트전시, 부산:이전 전시 슬라이드 공통 ------------------------------------- */
    .display_item .text_break {display:inline;}
    .display_info .display_item {padding:7.222vw 0 0; border:0;}
    .display_info .display_item dl {overflow:inherit;}
    .display_info .display_item dt {float:none; width:100%; margin-bottom:6.111vw; font-size:3rem;}
    .display_info .display_item .title {position:relative; padding-top:3.889vw;}
    .display_info .display_item dt strong {font-size:3rem; line-height:10.556vw;}
    .display_info .display_item dt p {margin-top:1.389vw; font-size:4.444vw; line-height:6.389vw;}
    .display_info .display_item dt p + p {margin-top:1.667vw;}
    .display_info .display_item .author {font-size:3.2rem;}
    .display_info .display_item .strg {margin-bottom:3.333vw; font-size:3.889vw;}
    .display_info .display_item .btn_more {margin-top:6.944vw;}
    .display_info .display_item .btn_wrap {margin-top:1.389vw;}
    .display_info .display_item .btn_wrap .btn[class*="h_48"] {height:11.111vw; line-height:11.111vw; margin-left:0;}
    .display_info .display_item .btn_wrap .btn:first-child {display:none;}
    .display_info .display_item .btn_wrap .btn[class*="h_48"] span {font-size:4.444vw; line-height:initial;}

    .display_info .display_item .cont {float:none; position:relative; width:100%;}
    .display_item .gallery-top .swiper-slide figure {height:auto;}
    .display_item .gallery-top .swiper-slide figure span {height:auto;}
    .display_item .gallery-top .swiper-slide figure span img {width:100%;}

    .display_item .gallery-thumbs {overflow:hidden; position:absolute; left:0; top:0; z-index:-1;}
    .display_item .gallery-thumbs .swiper-wrapper {padding:0 0 0 5.556vw;}
    .display_item .gallery-thumbs .swiper-slide {height:33.333vw;}
    .display_info .display_item .cmt_wrap p {width:72%; margin-left:5.556vw; padding:4.167vw 5.556vw; box-sizing:border-box; font-size:3.889vw;}
    .display_info .display_item .etc_more,
    .display_info .art_list .display_item .etc_more  {position:relative; top:0; margin-top:5.556vw;}
    .display_info .display_item .etc_more .btn_wrap {margin-top:5vw;}
    .display_info .display_item .etc_more .btn {width:100%;}


    /* ------------------------------------- i-Lab이란 :통합사이트/거점사이트 공통 ------------------------------------- */
    .ilab_intro .cont_area > article {overflow:hidden; margin-top:64px;}
    .ilab_intro .cont_area > article:first-child {margin-top:0;}
    .ilab_intro .cont_area article .img,
    .ilab_intro .cont_area article .txt,
    .ilab_intro .cont_area article .txt_box,
    .ilab_intro .cont_area article .img_box {float:none; margin:0; padding:0; width:100%;}
    .ilab_intro .cont_area .img img {width:100%;}
    .ilab_intro .cont_area .b_t,
    .ilab_intro .cont_area h2 {font-size:3rem; line-height:1.2em; margin:25px 0 15px 0; padding:0;}
    .ilab_intro .cont_area .txt ~ .txt {margin-top:10px;}
    .ilab_intro .cont_area article .wrap_box {float:none; margin:0; padding:0; width:100%;}
    .ilab_intro .cont_area article .wrap_box + .wrap_box {float:none; margin:64px 0 0 0; padding:0; width:100%;}

    /* 소개 */
    .ilab_intro .intro_box_01 .txt {margin-top:25px;}
    .ilab_intro .intro_box_01 .txt + .txt {padding:0;}

    /* Inspiration Lab,토크 */
    .ilab_intro .intro_box_02 .wrap_box .img_box,
    .ilab_intro .intro_box_02 .wrap_box .txt_box {float:none; padding:0; width:100%;}
    .ilab_intro .intro_box_02 .wrap_box + .wrap_box .img_box {margin:0;}
    .ilab_intro .intro_box_02 .wrap_box + .wrap_box .txt_box .txt {width:100%;}

    /* 커뮤니티,워크샵 */
    .ilab_intro .intro_box_03 .wrap_box .img_box,
    .ilab_intro .intro_box_03 .wrap_box .txt_box,
    .ilab_intro .intro_box_03 .wrap_box .txt_box .txt,
    .ilab_intro .intro_box_03 .wrap_box:first-child .img_box,
    .ilab_intro .intro_box_03 .wrap_box:first-child .txt_box {float:none; padding:0; width:100%;}
    .ilab_intro .intro_box_03 .wrap_box + .wrap_box .img {margin:0;}


    /************ 팝업, 레이어팝업 ************/
    /* 레이어 팝업 */
    .layer_popup_wrap {margin:0 auto; max-width:720px;}
    .layer_popup_wrap .layer_popup_tit {height:auto; min-height:45px; padding:0 15px; background-color:#e4dcd3;}
    .layer_popup_wrap .layer_popup_tit h2 {width:80%; font-size:1.6rem; line-height:45px; text-align:left;}
    .layer_popup_wrap .layer_popup_cont {padding:15px 15px 20px;}

    /* 알럿팝업 */
    .layer_popup_wrap.alert_wrap {max-width:100%;}
    .alert_wrap .alert_cotn {padding:60px 25px 50px 25px;}
    .alert_btn_wrap.btn_wrap {margin:0;}
    .alert_btn_wrap.btn_wrap .btn {margin:0;}
    .alert_btn_wrap.btn_wrap .btn ~ .btn {margin:0;}
    
    /* [공통] 쿠폰 */
    .coupon_check_list .coupon_area {float:none; width:100%; margin:30px 0 0; padding:0;}
    .coupon_check_list .coupon_area:first-child {margin-top:0;}

    .coupon_check_list .coupon_area dt {width:100%; max-width:calc(100% - 50px); font-size:1.8rem; line-height:22px;}
    .coupon_check_list .coupon_area dd {font-size:1.3rem;}
    .coupon_check_list .coupon_area .emphasis {font-size:1.3rem;}
    .coupon_check_list .coupon_area .emphasis .use {font-size:1.4rem;}

    /* 메인공지 레이어 팝업 */
    .notice_popup .pop_close {right:0; z-index:5;}
    .notice_popup.layer_popup_wrap .btn_close {top:50%; left:50%; margin-top:-16px; margin-left:-16px;}
    .notice_popup.layer_popup_wrap .layer_popup_cont {padding:0;}
    .pop_notice_cotns .btn_slide_wrap {height:40px; width:120px;}
}

/**************************************************************************************************************************************************************************************************
*************************************************** 《《《TABLET Layout》》》 *******************************************************************************************************************
***************************************************************************************************************************************************************************************************/
@media only screen and (max-width:1119px) and (min-width:768px) {
    /* body {background:lime;} */
    .only_pc,
    .only_pc.btn {display:none;}
    .only_mobile {display:none;}

    /* 종료된 프로그램 자세히 보기 팝업 */
    .layer_popup_wrap.end_pgm_pop {max-width:680px;}
    .layer_popup_wrap.end_pgm_pop .only_mobile {display:block;}

    /* 상단 공지 */
    .notice_head .notice_area {}
    .notice_head .notice_area p {text-align:left;}

    /* --------------------------- WRAP, CONTAINER, CONTENTS --------------------------- */
    #container {padding-top:250px;}
    .itg_site #container {padding-top:153px;}
    .strg_mn #container {padding-top:0; padding-bottom:60px;}

    /* --------------------------- 통합사이트, 거점사이트 PC GNB 숨김 --------------------------- */
    .itg_site .header_itg,
    .strg_mn .header_itg {display:none;}
    .itg_site .header_itg .logo span,
    .strg_mn .header_itg .logo span {display:none; overflow:hidden; text-indent:-9999px; padding:0; height:0;}
    .itg_site .header_itg .gnb_itg,
    .strg_mn .header_itg .gnb_itg {display:none;}
    .head_strg {display:none; padding:0; margin:0; height:0; width:0;}
    .header_itg {display:none; padding:0; margin:0; height:0; width:0;}
    .header_itg .utill_menu {display:none; z-index:-1;}

    /************ 거점사이트 > 메인페이지 헤더, 통합사이트 헤더 Layout ************/
    /* 거점 GNB */
    .itg_main.itg_site #header,
    .itg_site #header {padding-top:0; padding-bottom:0;}
    .strg_mn .top_wrap {padding-top:0; padding-bottom:0;}
    .strg_mn.fixed .top_wrap {position:fixed;}
    .strg_mn .head_strg {display:block; box-sizing:border-box; margin-top:35px; padding:0 30px 0 30px; height:auto; width:100%; z-index:1;}
    .strg_mn_v2 .head_strg {display: none;}
    .strg_mn .head_strg .head_area {padding-bottom:0;}
    .strg_mn .header_itg.close ~ .head_strg {height:auto;}

    /* 거점메인 통합GNB */
    .strg_mn .header_itg .logo {transition:none;}

    /* 통합GNB 레이아웃 */
    .strg_mn_v2 .m_header .logo_tit_area .itg {height:56px; width:174px;}
    .strg_mn.fixed .m_header .logo_tit_area .itg {display:none;}
    .strg_mn.fixed .m_header .logo_tit_area .strg {display:block;}

    /******************************************************************************************************************************************************
    ****************************************************    《《《   Mobile Header, GNB   》》》  *******************************************************
    *******************************************************************************************************************************************************/
    .m_header {display:block; opacity:1; padding:20px 30px; height:250px; z-index:100;}
    .strg_mn .m_header {display:flex; align-items:center; height:122px;}
    .strg_mn_v2 .m_header {display: block;}
    .itg_site .m_header {background-color:#f5f3f0; height:93px;}
    .m_gnb_wrap {margin-left:calc(100% - 350px); width:350px;}
    /* .m_header .logo_tit_area .m_hd_title {margin-top:30px;} */
    .m_header .logo_tit_area .itg {height:52px; width:240px;}

    .m_header .gnb_ctrl {right:30px; top:20px; height:60px; width:60px;}
    .m_header .gnb_ctrl .menu_anchor {padding:16px 15px; height:60px; width:60px;}
    .m_header .gnb_ctrl .open .open_deco {margin-bottom:10px; width:100%;}

    .strg_mn .m_header .gnb_ctrl {top:50%; margin-top:-30px;}

    .fixed .m_header {height:78px;}
    .fixed .m_header .logo_tit_area .m_hd_title {margin-top:0;}
    .fixed .m_header .gnb_ctrl .open .open_deco {background-color:#000;}

    /* 통합사이트 헤더 fixed */
    .itg_site.fixed .header_itg {display:none; overflow:hidden; padding:0; height:0; width:0;}
    .itg_site.fixed .m_header .logo_tit_area .itg {display:block; margin-top:8px; height:33px; width:130px;}
    .itg_site.fixed #container {padding-top:75px;}
    /* .itg_main.fixed #container {padding-top:195px;} */

    .wd_inner {padding:0 30px; box-sizing:border-box;}
    .layer_popup_wrap {max-width:100%;}

    #footer .txt_area span {display:inline-block;}

    /* *************************************************** 《《《   Board, Table   》》》 *************************************************** */
    .board_list .li_set {padding:24px 0;}

    /* *************************************************** 《《《   Common Style   》》》 *************************************************** */
    /* 탭 컨텐츠 스타일 (show hide 제공) */
    .tap_cotn_wrap .cotn_wrap {border:0;}

    /* 차량전시:전시차량 */
    .car_list_wrap {padding-right:0; padding-left:0;}
    .car_list_wrap ul {}
    .car_list_wrap li {flex-basis:calc(32% - 10px);}

    .display_item .gallery-top .only_pc {display:block;}
    .display_item .gallery-top .only_mobile {display:none;}
    .display_item .gallery-top .only_pc img {width:100%;}

    /* 레이어 팝업 */
    .layer_popup_wrap .layer_popup_cont {padding:20px 15px;}

    /* 메인공지 레이어 팝업 */
    .layer_popup_wrap.notice_popup {max-width:480px;}
    .notice_popup .layer_popup_cont {padding:0;}

    /* 이벤트목록 */
    .event .thumb_list .list li {flex-basis:calc(50% - 15px); width:calc(50% - 15px); max-width:inherit; margin-top:40px; margin-left:30px;}
    .event .thumb_list .list li:nth-child(3n+1) {margin-left:30px;}
    .event .thumb_list .list li:nth-child(2n+1) {margin-left:0;}
    .event .thumb_list .list li:nth-child(-n+3) {margin-top:40px;}

    /* 이용정보 */
    .utilize .sub_visual {display:none;}
    .utilize .time_area .item {width:50%;}
    /* .utilize .time_area .item:nth-child(-n+3) {margin-top:30px;} */
    .utilize .time_area .item:nth-child(3n+1)::after {display:block;}
    .utilize .time_area .item:nth-child(2n+1)::after {display:none;}
    .utilize .time_area .item:nth-child(3n+2)::after {left:0;}
    .utilize .time_area .item:nth-child(3n+3)::after {left:0;}

    .utilize .time_area .item:nth-child(3n+1) dl {margin:0 auto;}
    .utilize .time_area .item:nth-child(3n+3) dl {margin:0 auto;}

    /* 통합:이용안내, 거점:이용정보 - 이용요금,주차안내 */
    .utilize .price_wrap .price_box {margin-left:20px; width:calc(50% - 10px);}
    .utilize .price_wrap .price_box > .icon_notd {margin-left:0;}
    .utilize .price_wrap .dtl_info_wrap {height:286px;}
    .utilize .price_wrap .dtl_info_wrap .dtl_info .tit {float:none;}
    .utilize .price_wrap .dtl_info_wrap .dtl_info p {float:none; font-size:1.5rem; text-align:left;}

    .utilize_v2 .price_wrap .price_box {margin-left: 0; width:100%;}
    .utilize_v2 .flex_wrap .dtl_info_txt {width:100%;}


    .service_center .maintenance_service figure span {width:calc(50% - 2px);}
    .service_center .maintenance_service figure span img {width:100%;}

    /* 통합사이트 > 예약안내, 거점사이트 > 프로그램안내 목록 */
    .use_guide .btn_go_popup {right:30px;}

    /* ------------------------------------- i-Lab이란 :통합사이트/거점사이트 공통 ------------------------------------- */
    .ilab_intro .cont_area h2 {font-size:3rem; line-height:38px; margin-bottom:15px;}
    .ilab_intro .cont_area .wrap_box {}
    .ilab_intro .cont_area .txt_box {}

    /* 소개 */
    .ilab_intro .intro_box_01 {}
    .ilab_intro .intro_box_01 .txt {padding-right:0;}
    .ilab_intro .intro_box_01 .txt + .txt {padding-right:0;}

    /* Inspiration Lab,토크 */
    .ilab_intro .intro_box_02 .wrap_box .img_box {padding-top:30px;}
    .ilab_intro .intro_box_02 .wrap_box .txt_box {padding:45px 0 0 20px;}
    .ilab_intro .intro_box_02 .wrap_box + .wrap_box .img_box {margin-bottom:55px;}

    /* 커뮤니티,워크샵 */
    .ilab_intro .intro_box_03 .wrap_box:first-child .img_box {padding-top:50px;}
    .ilab_intro .intro_box_03 .wrap_box + .wrap_box .img {margin-top:-110px;}
    .ilab_intro .intro_box_03 .wrap_box .txt_box .txt,
    .ilab_intro .intro_box_03 .wrap_box:first-child .txt_box .txt,
    .ilab_intro .intro_box_02 .wrap_box + .wrap_box .txt_box .txt {width:100%;}

    /* 디자이너스테이블 */
    .ilab_intro .intro_box_04 .img_box {margin-top:84px;}
    .ilab_intro .intro_box_04 .txt_box {padding:25px 20px 40px;}

    /* 키즈 */
    .ilab_intro .intro_box_05 .txt_box {padding:25px 20px 0 40px;}

    /*********************************************************************************************************************************************************************************************
    ****************************************************    《《《   Sub Title   》》》   **********************************************************************************************************
    **********************************************************************************************************************************************************************************************/
    .itg_site .sub_title {padding-right:0; padding-left:0; width:calc(100%  - 60px);}
    .itg_site .wd_inner .sub_title {width:100%;}

}

@media only screen and (max-width:1023px) and (min-width:1118px) {
    /* 게시판 상세 */
    .board_detail dt h2 {margin-bottom:15px; font-size:2.2rem; line-height:30px;}
    .board_detail dd span {font-size:1.2rem;}
    .board_detail dd.cont {padding:20px 0;}

    .board_detail .post_preview .post {float:none; width:100%; box-sizing:border-box; line-height:26px;}
    .board_detail .post_preview .post p {max-width:100%; font-size:1.5rem;}
    .board_detail .post_preview .post.prev {padding-left:70px;}
    .board_detail .post_preview .post.prev:before {content:"이전 글"; width:50px; background:none;}
    .board_detail .post_preview .post.next {padding-left:70px; padding-right:0;}
    .board_detail .post_preview .post.next:before {left:0; right:inherit; content:"다음 글"; width:50px; background:none;}

    .board_list {max-width:100%;}
    .board_list .li_set {flex-direction:column;}
    .board_list .li_set .title {width:100%;}
    .board_list .li_set .title p {max-width:100%;}
    .board_list .li_set .date {margin-top:5px; margin-left:unset; width:100%;}
    .board_list .li_set .date p {text-align:left;}
    .board_list .li_set .go_view {left:0; width:100%;}
}


/*********************************************************************************************************************************************************************************************
****************************************************    《《《   통합메인 Ver2.0   》》》   **********************************************************************************************************
**********************************************************************************************************************************************************************************************/
.itg_site .header_itg:not(.active) .logo.white{background: url(../../images/integration/common/HMS_Logo_wh.svg) no-repeat 0 0; background-size: 100% 38px;}
.header_itg.col_white:not(.active) .utill_menu a{color: white;}
.header_itg:not(.active) .utill_menu a{color: #000;}
.header_itg.col_white:not(.active) .gnb_itg .depth1{color: white;}




.itg_site .m_header.col_white .logo_tit_area .itg{background-image: url(https://motorstudio.hyundai.com/itg/images/integration/common/HMS_Logo_wh.svg);}
.itg_site .m_header.col_white .gnb_ctrl .open .open_deco, .strg_mn .m_header .gnb_ctrl .open .open_deco{background-color: #fff;}

.bg_transparent{background-color: transparent !important;}
.top_container{width: 100%;height: 700px;overflow: hidden;color: #F9F8F7;}
.top_container .swiper-container {max-height:700px; max-width:1920px;}
.top_container img{width: 100%;height: 700px;object-fit: cover;transform: scale(1);}
.top_container .only_mobile {display:none !important;}
.top_container .only_pc {display:block !important;}
.top_container .swiper-slide{overflow: hidden; cursor: pointer;}
.top_container .text_wrap{opacity: 0; transition: opacity 0.5s ease-in-out;  top: 555px; max-width: 1120px; width: 100%; position: absolute;z-index: 1;left: 50%;transform: translateX(-50%);}
.top_container .text_wrap .area{font-size: 14px; font-weight: bold; line-height: 21px; letter-spacing: -0.45px; margin-bottom: 5px; font-family: 'hd_head_R';}
.top_container .text_wrap .title{display: flex; align-items: flex-end; font-size: 48px; font-weight: bold; line-height: 60px; font-family: 'hd_head_R';}
.top_container .text_wrap .sub-title{font-size: 14px; font-weight: 500; line-height: 21px; letter-spacing: -0.45px; margin-bottom: 50px;}
.top_container .text_wrap .link-button{min-width: 198px; color: #000; width: fit-content; cursor: pointer; padding: 11px 20px; background: rgba(249, 248, 247, 0.7); display: flex; justify-content: center; align-items: center; font-size: 14px; font-weight: 500;}
.top_container .title-container {position: absolute;left: 50%;top: 532px;transform: translateX(-50%);z-index: 1;width: 1120px;font-size: 18px;font-weight: 500;line-height: 25px;letter-spacing: -0.45px;}
.top_container .title-container.pc {z-index: 1;}
.top_container .title-container.mobile {z-index: -1; width: 1px;}
.top_container .title-text {opacity: 0.5;position: relative;}
.top_container .title-text:before {content: "";display: none;}
.top_container .title-text.active {opacity: 1;}
.top_container .title-text.active:before {z-index: 999;content: "";display: inline-block;width: 20px;height: 1px;background-color: #F9F8F7;position: absolute;top: 50%;left: -30px;transform: translateY(-50%);}
.top_container .progress-container{ width: 100%; position: absolute;z-index: 1;left: 50%;transform: translate(-50%, -50%);display: flex; align-items: center;justify-content: center; top:50%;}
.top_container .progress {width: 700px;height: 2px;background-color: rgba(255, 255, 255, 0.5);z-index: 1;margin-left: auto;margin-right: 20px;}
.top_container .bar {height: 2px;background-color: #fff;width: 0%;}
/* .top_container .arrow{cursor:pointer; border: solid #fff; border-width: 0 2px 2px 0; display: inline-block; padding: 5px; width:15px; height: 15px;}
.top_container .right{transform: rotate(-45deg); -webkit-transform: rotate(-45deg); position: absolute; left: auto; right:-5vw;}
.top_container .left{transform: rotate(135deg); -webkit-transform: rotate(135deg); margin-right: 25px; position: absolute; right:auto; left:-5vw;} */

.top_container .black {color: black !important;}
.top_container .black .title-text.active:before{background-color: black;}
.top_container .black .progress {background-color: rgba(0, 0, 0, 0.3);}
.top_container .black .bar {height: 2px;background-color: black;width: 0%;}
.top_container .black .arrow {border: solid black; border-width: 0 2px 2px 0;}

.top_container .swiper-wrapper {
    transition: transform 0.5s ease-out;
}

/* 상단 kv 배너 영역값 확장 */
.top_container .btn_area {position: absolute;width:200px;height: 700px;cursor: pointer; top:0; z-index:10;}
.top_container .btn_area.btn_prev {left: 0;right:auto; top:0;}
.top_container .btn_area.btn_next {left: auto;right: 0; top:0;}
.top_container .arrow{cursor:pointer; border: solid #fff; border-width: 0 2px 2px 0; display: inline-block; padding: 5px; width:15px; height: 15px;}
.top_container .right{transform: rotate(-45deg);-webkit-transform: rotate(-45deg);position: absolute;top:50%;right: 50%;}
.top_container .left{transform: rotate(135deg);-webkit-transform: rotate(135deg);margin-right: 25px;top:50%;position: absolute;left: 50%;}

@media screen and (min-width:1921px) {
    .top_container .btn_area.btn_prev {left: 0;right:auto;}
    .top_container .btn_area.btn_next {left: auto;right: 0;}
}

/* 영상 + 이미지 레이아웃 */
.top_container .flex_video {display: flex;}
/* .top_container .swiper-slide .slide_video {width:700px; height: 700px; position: absolute; top:0; left: 50%; transform: translateX(-50%);} */
.top_container .swiper-slide .slide_video {width:100%; height:100%; position: absolute; top:0; left: 50%; transform: translateX(-50%);}
.top_container .swiper-slide .slide_video iframe {width:100%; height:100%; position: absolute; top:0; left: 50%; transform: translateX(-50%);}
.top_container .swiper-slide .slide_video video {width: 100%; height: 100%; object-fit: cover;}

.top_container .swiper-slide .flex_video .slide_video {width:700px; height: 700px; position: static; transform: translateX(0); background:#000;}
.top_container .swiper-slide .flex_video .slide_video .img_box {width:calc(100% - 700px);}
.top_container .swiper-slide.has_video .text_wrap{opacity: 0; transition: opacity 0.5s ease-in-out;  top: 555px; max-width: 1120px; width: 100%; position: absolute;z-index: 1;left: 71%;transform: translateX(-50%);}
.top_container .swiper-slide.has_video .text_wrap.design_a {
    left: 50%;
    transform: translateX(-50%);
}

.m_header, .header_itg, .logo {
    transition: all 0.5s ease;
}

@media screen and (max-width:1200px) {
    .top_container .left {left: 2vw;}
    .top_container .right {right:2vw}
}

@media (max-width: 1119px) and (min-width: 768px) {
    .top_container .text_wrap{max-width: 800px;}
    .top_container .text_wrap .area{font-size: 16px; line-height: 22px;}
    .top_container .text_wrap .title{font-size: 50px;}
    .top_container .text_wrap .sub-title{font-size: 16px; line-height: 22px;}
    .top_container .title-container {bottom: 50px; width: 800px; font-size: 16px;}
    .top_container .progress-container{width: 800px;}
    .top_container .progress {width: 500px;}
    .top_container .arrow{padding: 4px;}
    .top_container .left {left: 50%;}
    .top_container .right {right:50%;}
}

@media (max-width: 767px) {
    .top_container .only_mobile {display:block !important;}
    .top_container .only_pc {display:none !important;}
    .top_container {height: 100vh;}
    .top_container img {height: 100vh;}
    .top_container .swiper-container {max-height: none;}
    .top_container .text_wrap{top: unset; bottom: 80px; width: calc(100% - 40px);}
    .top_container .text_wrap .area{font-size: 3.8889vw; line-height: 5vw;}
    .top_container .text_wrap .title{font-size: 7.2222vw; line-height: 1.153845em;}
    .top_container .text_wrap .sub-title{font-size: 3.8889vw; line-height: 5vw;}
    .top_container .swiper-slide.has_video .text_wrap.design_a .area {
        font-size: 3.8889vw; line-height: 5vw;
    }
    .top_container .title-container {overflow-x: hidden; width: calc(100% - 40px); bottom: 50px;  font-size: 14px; top: auto;}
    .top_container .title-container.pc {z-index: -1; width: 1px;}
    .top_container .title-container.mobile {z-index: 1; width: calc(100% - 40px);}
    .top_container .title-text.active:before {display: none;}
    .top_container .progress-container{width: calc(100% - 40px);}
    .top_container .progress {width: calc(100% - 40px);}
    .top_container .arrow{padding: 3px;}
    .top_container .left {left: 20px;}
    .top_container .right {right: 20px;}
    /* .top_container .swiper-slide .slide_video {width:90%; height: auto; top:50%; transform: translate(-50%, -50%);} */
    .top_container .swiper-slide .slide_video {width:100%; height: 100vh;}
    .top_container .swiper-slide .slide_video video {width: 100%; height: 100%;}

    /* 상단 kv 배너 영역값 확장 */
    .top_container .btn_area { position: absolute; width:100px; height: 100vh; cursor: pointer;}
    .top_container .btn_area.btn_prev {left: 0px;right:auto;}
    .top_container .btn_area.btn_next {left: auto;right: 0px; }

    .top_container .swiper-slide .flex_video .slide_video {width:100%; height: 100vh; position: static; transform: translateX(0);}
    .top_container .swiper-slide.has_video .text_wrap {top:unset; bottom:80px; left: 50%;transform: translateX(-50%); width:calc(100% - 40px);}
}

/* @keyframes focusIn {
    0% {transform: scale(1.2);}
    100% {transform: scale(1);}
}
.focus-in {animation-name: focusIn;animation-duration: 5s;animation-timing-function: ease-in-out;animation-fill-mode: forwards;} */


/*********************************************************************************************************************************************************************************************
****************************************************    《《《   i Studio   》》》   **********************************************************************************************************
**********************************************************************************************************************************************************************************************/
.i_studio_banner{width: 100%; margin: auto; }
.i_studio_banner figure span.only_pc {display: flex; justify-content: center;}
.i_studio_banner figure span img {width: 100%; height: 520px; object-fit: cover;}
.i_studio_banner .text_wrap {position: absolute; bottom: 13.07%; left: 50%;   transform: translate(-50%); width: 100%; max-width: 1120px;}
.i_studio_banner .text_wrap .area{font-size: 16px; line-height: 1.22; left: -0.4px; color: white;}
.i_studio_banner .text_wrap .title{font-size: 46px; line-height: 1.22; left: -1.15px; color: white;}
.i_studio_banner .progress-container{bottom: 16px; max-width: 1120px; width: 100%; position: absolute;z-index: 1;left: 50%;transform: translateX(-50%);display: flex; align-items: center;justify-content: center;}
.i_studio_banner .progress {max-width: 1024px; width:calc(100% - 96px); height: 2px;background-color: rgba(255, 255, 255, 0.5);z-index: 1;margin-left: auto;}
.i_studio_banner .bar {height: 2px;background-color: #fff;width: 0%;}
.i_studio_banner .arrow{cursor:pointer; border: solid #fff; border-width: 0 2px 2px 0; display: inline-block; padding: 5px;}
.i_studio_banner .right{transform: rotate(-45deg); -webkit-transform: rotate(-45deg);}
.i_studio_banner .left{transform: rotate(135deg); -webkit-transform: rotate(135deg); margin-left: 10px;}
.i_studio_banner .page-numbers {color: #fff;font-size: 16px;margin: 0 5px;z-index: 2;}
.i_studio_banner .page-numbers .total-pages{opacity: 0.5;}
.whiat_on {position: relative;}
.whiat_on.pd0 {padding-right:0;}
.whiat_on .section_title{font-family: hd_head_M; font-weight: 500; font-size: 24px; line-height: 24px; margin-bottom: 40px;}
.whiat_on .swiper-slide {max-width: 360px;}
.whiat_on .swiper-pagination {position: unset; margin-top: 30px; display: none;}
.whiat_on .swiper-pagination .swiper-pagination-bullet{opacity: 0.5;}
.whiat_on .swiper-pagination .swiper-pagination-bullet-active{background-color: black; opacity: 1;}
.whiat_on figure img{width: 100%; max-width: 360px;}
.whiat_on .area p{font-family: hd_head_R; margin-top: 10px; line-height: 22px; letter-spacing: -0.35px; font-size: 14px;}
.whiat_on .title{font-family: hd_head_M; font-weight: 500; margin-top: 4px; line-height: 24px; letter-spacing: -0.5px; font-size: 20px;}
.whiat_on .description{margin-top: 12px; line-height: 19px; letter-spacing: -0.35px; font-size: 14px; color: #626262;}
.whiat_on .period{margin-top: 12px; line-height: 19px; letter-spacing: -0.35px; font-size: 14px; color: #626262;}
.whiat_on .swiper-button-prev{background-size: 100%;top: 207px;margin-top: 0;height: 51px;width: 29px;background-image: url(../../images/integration/common/arrow_idxslide_prev.png);left: -70px;}
.whiat_on .swiper-button-next{background-size: 100%;top: 207px;margin-top: 0;height: 51px;width: 29px;background-image: url(../../images/integration/common/arrow_idxslide_next.png);right: -70px;}
/* past 추가 */
.past_on .swiper-container.vertical .swiper-wrapper {flex-wrap:wrap; gap:20px; transform: translate3d(0,0,0);}
.past_on .swiper-container .swiper-wrapper {flex-wrap:wrap; gap:20px;}
.past_on .swiper-slide {max-width: 360px; max-height: 360px;}
.past_on .swiper-pagination {position: unset; margin-top: 10px; display: none;}
.past_on .swiper-pagination .swiper-pagination-bullet{opacity: 0.5;}
.past_on .swiper-pagination .swiper-pagination-bullet-active{background-color: black; opacity: 1;}
.past_on figure img{width: 100%; max-width: 360px;}
.past_on .area p{font-family: hd_head_R; margin-top: 10px; line-height: 22px; letter-spacing: -0.35px; font-size: 14px;}
.past_on .title{font-family: hd_head_M; font-weight: 500; margin-top: 4px; line-height: 24px; letter-spacing: -0.5px; font-size: 20px;}
.past_on .description{margin-top: 12px; line-height: 19px; letter-spacing: -0.35px; font-size: 14px; color: #626262;}
.past_on .period{margin-top: 12px; line-height: 19px; letter-spacing: -0.35px; font-size: 14px; color: #626262;}
.past_on .swiper-button-prev{background-size: 100%;top: 275px;margin-top: 0;height: 51px;width: 29px;background-image: url(../../images/integration/common/arrow_idxslide_prev.png);left: -70px;}
.past_on .swiper-button-next{background-size: 100%;top: 275px;margin-top: 0;height: 51px;width: 29px;background-image: url(../../images/integration/common/arrow_idxslide_next.png);right: -70px;}
.oneday_detail_container .detail_oneday {
    font-size: 22px;
}
.oneday_detail_container img {padding-bottom: 20px !important;}
.image-swiper-container {margin-top: 80px; max-width:1120px; width:100%; margin:82px auto 0; position: relative;}
.image-swiper-container .swiper-slide {display: flex;justify-content:  center;width: 264px;transition: width 0.3s;}
/* .image-swiper-container .swiper-slide.swiper-slide-active {width:360px !important} */
.image-swiper-container .swiper-slide:hover {width: 420px !important; }
.image-swiper-container .swiper-slide .image-wrap {width: 100%; height: 240px; overflow: hidden; display: flex; justify-content: center; position: relative; overflow: hidden;}
.image-swiper-container .swiper-slide:hover .image-wrap {width: 420px; }
.image-swiper-container .swiper-slide .image-wrap img { width: 420px; height: 240px; opacity: 1; transition: opacity 0.3s;}
.image-swiper-container .swiper-slide:hover .image-wrap img {width: 420px;  opacity: 1;}
.image-swiper-container .swiper-container { width: 100%;}
.image-swiper-container .swiper-button-prev{background-size: 100%;top: 60%; transform:translateY(-50%); height: 51px;width: 29px;background-image: url(../../images/integration/common/arrow_idxslide_prev.png);left: -70px;}
.image-swiper-container .swiper-button-next{background-size: 100%;top: 60%; transform:translateY(-50%); height: 51px;width: 29px;background-image: url(../../images/integration/common/arrow_idxslide_next.png);right: -70px;}
.past .section_title{font-family: hd_head_M; font-weight: 500; font-size: 24px; line-height: 24px; margin-top: 80px; margin-bottom: 40px;}
.past .past_container{padding-bottom: 160px; display: flex; justify-content: space-between; gap: 20px;}
.past figure img{max-width: 360px;  width: 100%;  object-fit: cover; cursor: pointer;}
.past .area p{font-family: hd_head_R; margin-top: 10px; line-height: 22px; letter-spacing: -0.35px; font-size: 14px;}
.past .title{font-family: hd_head_M; font-weight: 500; margin-top: 4px; line-height: 24px; letter-spacing: -0.5px; font-size: 20px;}
.past .period{margin-top: 12px; line-height: 19px; letter-spacing: -0.35px; font-size: 14px; color: #626262;}

@media (max-width: 1119px) and (min-width: 768px) {
    .i_studio_banner .text_wrap {width: calc(100% - 40px);}
    .i_studio_banner .progress-container{width: calc(100% - 40px);}
    .whiat_on .swiper-button-prev{display: none;}
    .whiat_on .swiper-button-next{display: none;}
    .image-swiper-container .swiper-button-prev{display: none;}
    .image-swiper-container .swiper-button-next{display: none;}
}

@media (max-width: 767px) {
    .i_studio_banner .text_wrap {width: calc(100% - 40px);}
    .i_studio_banner .progress-container{width: calc(100% - 40px);}
    .past_on.pd0 {padding-right: 0;}
    .whiat_on .swiper-button-prev{display: none;}
    .whiat_on .swiper-button-next{display: none;}
    .whiat_on .section_title {font-size: 18px; margin-bottom: 10px;}
    .image-swiper-container .swiper-button-prev{display: none;}
    .image-swiper-container .swiper-button-next{display: none;}
    .image-swiper-container {margin-top: 80px; width:calc(100% - 5.756vw); max-width: none; margin-left: 5.556vw; }
    .image-swiper-container .swiper-slide {width: 204px;} 
    .image-swiper-container .swiper-slide:hover {width: 239px !important; }
    .past .section_title{margin-top: 80px; font-size: 18px; margin-bottom: 10px}
    .past .past_container{flex-direction: column;}
    .past figure img{max-width: unset; height: unset;}
    .whiat_on .swiper-slide {max-width: 90vw;}
    /* .whiat_on .swiper-slide .pgm_intro {opacity: 0;}
    .whiat_on .swiper-slide-active .pgm_intro {opacity: 1;} */
    /* .whiat_on .swiper-slide + .swiper-slide {margin-left: 4vw;} */
    .whiat_on .swiper-slide:last-child {margin-right: 0;}
    .whiat_on figure img{max-width: unset; max-height: unset; width: 100%;}
    .whiat_on .swiper-pagination {display: block;}
    .past_on .swiper-container .swiper-wrapper {flex-wrap:nowrap; gap:0px;}
    .past_on .swiper-slide {max-width: 90vw; max-height: 90vw}
    .past_on .swiper-slide:last-child {margin-right: 3vw;}
    .past_on figure img{max-width: unset; max-height: unset; width: 100%;}
    .past_on .swiper-pagination {display: block;}
    .oneday_detail_container .detail_oneday {
        font-size: 14px;
    }
    .oneday_detail_container img {padding-bottom: 10px !important;}
}

.tab_list_secondary {position:relative; margin-top: 15px; margin-bottom: 40px; z-index: 10;}
.tab_list_secondary .swiper-container {z-index:0;}
.tab_list_secondary .tab_li {position:relative; top:1px; display:inline-block; margin-right:10px; width:auto;}
.tab_list_secondary .tab_li.active a {color:#29cb7e;}
.tab_list_secondary a {display:block; font-family:hd_head_R; font-size:1.8rem; line-height:1; color: #626262;}
.tab_list_secondary a {transition-duration:0.7s;}
.tab_list_secondary a:hover {color:#29cb7e;}
.tab_list_secondary .tab_li:last-of-type {margin-left:0;}

.tab_list_secondary.st01 {width:100%; overflow:hidden; box-sizing:border-box;}
.tab_list_secondary.st01 .swiper-container {float:left; width:70%;}

.pgm_list_wrap.relative {overflow: unset;}
.pgm_list_wrap.relative .pgm_img{cursor: pointer; position: relative; z-index: 2; }
.pgm_list_wrap.relative .pgm_div.no_margin{margin-left: 0 !important;}
.pgm_div:not(.active) .calendar,
.pgm_div:not(.active) .active_line {display: none;}
.pgm_div.active {position: relative; overflow: unset;}
.pgm_div.active .active_line{position: relative; overflow: unset;}
.pgm_div.active .active_line{margin-bottom: 220px; position: relative; border-top: solid 5px #29cb7e; margin-top: 20px; overflow: unset;}
.pgm_div.active .active_line:after {z-index: 10;content: '';display: block;position: absolute;bottom: -20px;left: 50%;transform: translateX(-50%);width: 0;height: 0;border-left: 10px solid transparent;border-right: 10px solid transparent;border-top: 12px solid #29CB7E;  }
.pgm_div.active .calendar {z-index: 10; position: absolute; display: flex; bottom: -130px; width: 311%; }
.pgm_div.active .calendar .swiper-container{margin: 0; width: 100%; overflow: hidden; display: flex;}
.pgm_div.active .calendar .swiper-container .swiper-wrapper{z-index: 9;}
.pgm_div.active .calendar li{z-index: 10; height: auto; display: inline-block; margin-left: 19.9px;width: auto;}
.pgm_div.active .calendar li:first-child{margin-left: 0px;}
.pgm_div.active .calendar a{background-color: white; flex-direction: column; color:#999; display:flex; align-items: center; justify-content: center; width: 71px; height: 76px; border-radius: 10px; border: solid 2px #f5f3f0; text-align: center; font-family: hd_head_R;font-size: 15px;line-height: 1.33;}
.pgm_div.active .calendar a.area_name{border: solid 2px #53caec; cursor: default;}
.pgm_div.active .calendar a.more{border: solid 2px #53caec;}
.pgm_div.active .calendar a.more img{width: 26px; height: 26px; display: block; margin-top: 6px;}
.pgm_div.active .calendar .program_detail{display:none;}
.pgm_div.active .calendar a.program_detail{display: flex; border: solid 2px #e4dcd3; background-color: #e4dcd3; color: #626262;}
.pgm_div.active .calendar a.program_detail img{width: 26px; height: 26px; display: block; margin-bottom: 6px;}
.pgm_div.active .calendar a.date.disable{background-color: #f5f3f0; cursor: default;}
.pgm_div.active .calendar a.date.holiday{color: #d70f0f;}
.pgm_div.active .calendar a.date .number{font-size: 30px; line-height: 1.27;}
.pgm_div.active .calendar a.active{position: relative; border: solid 2px #29cb7e; color: #29CB7E;}
.pgm_div.active .calendar .detail_schedule{display:none;}
.pgm_div.active .calendar li .detail_schedule{margin-bottom: 180px; transform: translateX(-5px); display:flex; justify-content: center; align-items: center; color: white; font-size: 13px; border-radius: 13px; margin-top: 10px; width: 84px; height: 0px; background-color: #29CB7E; cursor: default;}
.pgm_div.active .calendar li .detail_schedule::after{z-index: 10; margin-left: 4px; content: ''; display: block; width: 7px;height: 12px;background-image: url(../../images/integration/common/arrow_white_7x12.png);background-position: center center;background-repeat: no-repeat;background-size: contain;}
.pgm_div.active .calendar li .detail_schedule_box{display:none;}
.pgm_div.active .calendar .detail_schedule:hover ~ .detail_schedule_box{z-index: 10; width: 228px; flex-direction: column; box-shadow: 0 4px 10px 0 rgba(0,0,0,0.25); display:flex; background-color: white; position: absolute; padding: 20px; bottom: 30px; right: -288px;}

.pgm_div.active .calendar .right-arrow-icon {position: absolute;top: 14.8%;right: -1rem;transform: translateY(-50%);width: 25px; height: 80px;background-image: url(../../images/integration/common/btn_calendar_next_black.png);background-repeat: no-repeat;background-position: center;background-color: black;z-index: 11;}
@media only screen and (max-width: 767px) and (min-width: 640px){
.pgm_div.active .calendar { width: 206.5%; }
.pgm_div.active .calendar .right-arrow-icon {position: absolute;top: 14.8%;right: -1rem;transform: translateY(-50%);width: 25px; height: 80px;background-image: url(../../images/integration/common/btn_calendar_next_black.png);background-repeat: no-repeat;background-position: center;background-color: #e4dcd3;z-index: 11;}
}
@media only screen and (max-width: 639px) and (min-width: 270px){
.tab_list.with_overflow {overflow: unset;}
.tab_list .right-arrow-icon {position: absolute;top: 47.9%;right: -1rem;transform: translateY(-50%);width: 20px; height: 20px;background-image: url(../../images/integration/common/btn_calendar_next_black.png);background-repeat: no-repeat;background-position: center;background-color: black;z-index: 11;}

.pgm_div.active .active_line{margin-bottom: 275px; }
.pgm_div.active .calendar {width: 100%; bottom: 150px;}
.pgm_div.active .calendar .right-arrow-icon {position: absolute;top: 49.9%;right: -1rem;transform: translateY(-50%);width: 25px; height: 80px;background-image: url(../../images/integration/common/btn_calendar_next_black.png);background-repeat: no-repeat;background-position: center;background-color: #e4dcd3;z-index: 11;}
.pgm_list_wrap.relative .pgm_div.no_margin{margin-top: 0;}
.pgm_div.active .calendar a .detail_schedule{display: none;}
.pgm_div.active .calendar a.program_detail{display: none;}
.pgm_div.active .calendar .swiper-container{overflow: hidden;}
.pgm_div.active .calendar .detail_schedule{cursor: pointer; font-size: 20px; color: white; background-color: #29CB7E; height: 60px; top: 100px; display:flex; align-items: center; justify-content: center; position: absolute; width: 100%;}
.pgm_div.active .calendar .detail_schedule::after {z-index: 10;margin-left: 10px;content: '';display: block;width: 10px;height: 10px;border-top: 2px solid white;border-right: 2px solid white;transform: rotate(45deg);}
.pgm_div.active .calendar .program_detail{cursor: pointer; font-size: 20px; color: #626262; background-color: #e4dcd3; height: 60px; top: 120px; display:flex; align-items: center; justify-content: center; position: absolute; width: 100%;}
.pgm_div.active .calendar .program_detail::before{z-index: 10; margin-right: 10px; content: ''; display: block; width: 28px;height: 28px;background-image: url(../../images/integration/common/btn_search_40x40.png);background-position: center center;background-repeat: no-repeat;background-size: contain;}
}

@keyframes progress {0% { width: 0%; }100% { width: 100%; }}
.tab_list.widthout_secondary{overflow: unset;}
.tab_list.widthout_secondary.no_margin{margin-bottom: 40px; }
.tab_list.widthout_secondary .button_month {position: absolute; right: 0; top: 0; display: flex;}
.tab_list.widthout_secondary .button_month .this{cursor: pointer; font-size: 1.8rem; color: #999; margin-right: 20px; background-color: #f5f3f0; padding: 14.5px 17px; border-radius: 5px;}
.tab_list.widthout_secondary .button_month .this.active{background-color: #e4dcd3; color: #000;}
.tab_list.widthout_secondary .button_month .next{cursor: pointer; font-size: 1.8rem; color: #999; background-color: #f5f3f0; padding: 14.5px 17px; border-radius: 5px;}
.tab_list.widthout_secondary .button_month .next.active{background-color: #e4dcd3; color: #000;}

.calendar_list_wrap {padding-bottom: 80px; border-bottom: 1px solid #999;}
.calendar_list_wrap + .calendar_list_wrap {border-bottom: none; padding-top:80px;}
.calendar_list_wrap.no_data ~ .calendar_list_wrap {padding-top:0;}
.calendar_list_wrap.no_data {padding-top:0; padding-bottom: 0;}
.calendar_list_wrap .calendar_div{position: relative; display: flex; justify-content: space-between; padding-bottom: 50px; width: 100%; max-width:1120px; gap:60px;}
.calendar_list_wrap .calendar_div:last-child {padding-bottom: 0;;}
.calendar_list_wrap  h4 {font-size: 24px; font-family: 'hd_head_M'; font-weight: 500; margin-bottom: 40px;}
/* .calendar_list_wrap .calendar_div::before {content: "";position: absolute;top: 1.5%;bottom: 0;left: 6px;width: 1px;background-color: #b8b5b1;z-index: -1; height: 101%;} */
.calendar_list_wrap .calendar_div.no_margin{padding-bottom: unset;}
.calendar_list_wrap .calendar_div.no_margin::before{height: 0px; display: none;}
.calendar_list_wrap .calendar_div .left_side{width: calc(50% - 30px);}
.calendar_list_wrap .calendar_div .day{font-size: 2rem; line-height: 1; letter-spacing: -0.5px; color:#000;}
/* .calendar_list_wrap .calendar_div .day::before{display: inline-block;content: '';width: 13px;height: 13px;border-radius: 50%;background-color: #626262;margin-right: 10px;}
.calendar_list_wrap .calendar_div .text_wrap{padding-left: 23px;} */

.calendar_list_wrap .calendar_div .area{margin-top: 20px; color: var(--HMS_Text_2, #626262);font-family: hd_head_M;font-size: 16px;font-style: normal;font-weight: 500;line-height: 24px;letter-spacing: -0.4px;}
.calendar_list_wrap .calendar_div .category{margin-top: 20px; color: var(--HMS_Text_1, #000);font-family: hd_head_M;font-size: 24px;font-style: normal;font-weight: 500;line-height: normal;letter-spacing: -0.6px;}
.calendar_list_wrap .calendar_div .sub_category{letter-spacing: -0.5px; margin-top: 0.5rem; font-size: 2rem; line-height: 1.22;}
.calendar_list_wrap .calendar_div .title{color: #000;font-family: hd_head_M;;font-size: 40px;font-style: normal;font-weight: 500;line-height: 46px;letter-spacing: -1px;}
.calendar_list_wrap .calendar_div .content{color: var(--HMS_Text_3, #999);font-size: 20px;font-style: normal;font-weight: 400;line-height: 28px; /* 140% */letter-spacing: -0.5px;}
.calendar_list_wrap .calendar_div .right_side{width: calc(50% - 30px); max-width:480px; position: relative;}
.calendar_list_wrap .calendar_div .right_side img{width: 100%;}
.calendar_list_wrap .month_div {height: 5rem;}
.calendar_list_wrap .month_div::before {content: "";position: absolute;top: 0.6%;bottom: 0;left: 6px;width: 1px;background-color: #b8b5b1;z-index: -1; height: 10%; display: none;}
.calendar_list_wrap .month_text {font-size: 2.2rem; color: #29cb7e;}
.calendar_list_wrap .month_text::before {display: inline-block;content: '';width: 13px;height: 13px;border-radius: 50%;background-color: #29cb7e;margin-right: 10px;}


@media only screen and (max-width: 767px) and (min-width: 270px){
    .tab_list.widthout_secondary .button_month {position: absolute; left: 0; top:85px; display: flex;}
    .tab_list.widthout_secondary .button_month .this{cursor: pointer; font-size: 1.8rem; color: #999; margin-right: 10px; background-color: #f5f3f0; padding: 7.5px 9px; border-radius: 5px;}
    .tab_list.widthout_secondary .button_month .this.active{background-color: #e4dcd3; color: #000;}
    .tab_list.widthout_secondary .button_month .next{cursor: pointer; font-size: 1.8rem; color: #999; background-color: #f5f3f0; padding: 7.5px 9px; border-radius: 5px;}
    .tab_list.widthout_secondary .button_month .next.active{background-color: #e4dcd3; color: #000;}
    .calendar_list_wrap{margin-top: 40px;}
    .calendar_list_wrap {padding-bottom: 120px;}
    .calendar_list_wrap .calendar_div{flex-direction: column; width: 100%; gap:10px;}
    .calendar_list_wrap .calendar_div .left_side{width: 100%;}
    .calendar_list_wrap .calendar_div .title{letter-spacing: -0.75px; margin-top: 10px; font-size: 3rem; line-height: 38px;}
    .calendar_list_wrap .calendar_div .right_side{width: unset; margin-top: 2rem;}
    .calendar_list_wrap .calendar_div .area{font-size: 14px; line-height: 20px;}
    .calendar_list_wrap .calendar_div .category{font-size: 20px; line-height: 24px;}
}


.main-grid-container {
    display: grid;
    grid-template-columns: repeat(3, 1fr); 
    grid-template-rows: repeat(6, 1fr);
    grid-template-areas: 
        "item-1 item-1 item-2"
        "item-3 item-4 item-2"
        "item-5 item-6 item-6"
        "item-5 item-7 item-8"
        "item-9 item-10 item-11"
        "item-12 item-12 item-11";
    gap: 0px;
}

.main-grid-container .item {background-color: #f6f3f2;overflow: hidden;width: 100%;position: relative;}

.main-grid-container .item img {width: 100%;height: 100%;object-fit: cover;display: block;cursor: pointer;}
.main-grid-container .item .hover-overlay {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: #000;opacity: 0;transition: opacity 0.3s ease;z-index: 1;}
.main-grid-container .item:hover .hover-overlay {opacity: 0.6;}


.main-grid-container .item-1 { grid-area: item-1;}
.main-grid-container .item-2 { grid-area: item-2; }
.main-grid-container .item-3 { grid-area: item-3; }
.main-grid-container .item-4 { grid-area: item-4; }
.main-grid-container .item-5 { grid-area: item-5; }
.main-grid-container .item-6 { grid-area: item-6; }
.main-grid-container .item-7 { grid-area: item-7; }
.main-grid-container .item-8 { grid-area: item-8; }
.main-grid-container .item-9 { grid-area: item-9; }
.main-grid-container .item-10 { grid-area: item-10; }
.main-grid-container .item-11 { grid-area: item-11; }
.main-grid-container .item-12 { grid-area: item-12; }

.main-grid-container .item .text-area {max-width: calc(100% - 80px); bottom: 20px;left: 40px;z-index: 2;position: absolute;display: inline-flex;flex-direction: column;align-items: flex-start;}
.main-grid-container .item.hor_layout .text-area {bottom:40px;}
.main-grid-container .item .text-area .category{ font-family:hd_head_R; color: #FFF;font-size: 16px;font-weight: 500;line-height: normal; margin-bottom: 7px; }
.main-grid-container .item .text-area .title{ font-family:hd_head_R;color: #FFF;font-size: 23px;font-weight: 500;line-height: 32px;/* margin-bottom:20px; */}
/* .main-grid-container .item .text-area .content{ transition: opacity 0.3s, height 0.3s; height: 0px; opacity:0; color: #FFF;font-size: 18px;font-weight: 400;line-height: 24px; margin-top: 20px;} */
.main-grid-container .item .text-area .content{display:none; color: #FFF;font-size: 18px;font-weight: 400;line-height: 24px;margin-top:20px; }
.main-grid-container .item:hover .text-area .content {display:block;}
.main-grid-container .item .section-area { justify-content: center; align-items: center; display: flex; height: 100%; width: 100%; text-align: center; font-family:hd_head_M; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); color: #002C5F;font-size: 56px;font-weight: 500;line-height: 64px; word-break: keep-all;}
.main-grid-container .item.white .section-area:hover {background-color:#002C5F; color: #fff; transition: background-color 0.3s ease;}
.main-grid-container .item .text-area .desc {font-family:hd_txt_R; color: #FFF;font-size: 18px;font-weight: 500;line-height: 24px;}
.main-grid-container .item .text-area .location_icon {display: flex; align-items: center;}
.main-grid-container .item .text-area .location_icon p {color: #FFF; font-size: 16px;font-weight: 400;line-height: 22px;}
.main-grid-container .item .text-area .location_icon .cotn {padding-left:23px; position: relative;}
.main-grid-container .item .text-area .location_icon .cotn:before { content:">"; position:absolute; left:9px; top:50%; transform: translateY(-50%);}

/* 0731 추가 */
.main-grid-container .item .text-area.flex {display: flex; flex-direction: row; justify-content: space-between; width:100%;}
.main-grid-container .item .text-area.flex .title {margin-bottom: 0;}
.main-grid-container .item .text-area.flex .left_text, .main-grid-container .item .text-area.flex .right_text {flex:1;}
.main-grid-container .item .text-area.flex .right_text {align-self: flex-end; color:#fff; opacity: 0; visibility:hidden; font-size: 18px;}
.main-grid-container .item:hover .text-area.flex .right_text {opacity: 1; visibility: visible;}
@media only screen and (max-width:1134px) and (min-width:768px) {
    .main-grid-container .item .text-area .category{ font-size: 10px;}
    .main-grid-container .item .text-area .title{font-size: 18px;line-height: 26px; }
    .main-grid-container .item .text-area .content{font-size: 12px;line-height: 18px;}
}

@media only screen and (max-width:767px) and (min-width:270px) {
    .main-grid-container {
        display: grid;
        grid-template-columns: 1fr; 
        grid-template-rows: repeat(12, 1fr);
        grid-template-areas: 
            "item-1"
            "item-2"
            "item-3"
            "item-4"
            "item-5"
            "item-6"
            "item-7"
            "item-8"
            "item-9"
            "item-10"
            "item-11"
            "item-12";
        gap: 0px;
        padding-bottom: 100px;
    }
    .main-grid-container .item .text-area {bottom:20px !important}
    .main-grid-container .item .text-area .category{ font-size: 3.889vw; line-height: 1;}
    .main-grid-container .item .text-area .title{font-size:5vw; line-height: 6.6667vw;}
    /* .main-grid-container .item .text-area .content{font-size: 3vw;line-height: 3.5vw;} */
    .main-grid-container .item .text-area .content{font-size: 14px;line-height: 3.5vw; margin-top:10px;}
    .main-grid-container .item .section-area { font-size: 10vw; line-height: 1;}
    .main-grid-container .item.white .section-area:hover { font-size: 14vw;}

    .main-grid-container .item .text-area .location_icon p {font-size: 3.8889vw;}

    /* 0731 추가 */
    .main-grid-container .item .text-area.flex {flex-direction: column; justify-content: space-between; width:100%;}
    /* .main-grid-container .item .text-area.flex .title {margin-bottom: 20px;} */
    .main-grid-container .item .text-area.flex .right_text { width:100%;  font-size: 14px;line-height: 18px; display:none;}
    .main-grid-container .item:hover .text-area.flex .right_text {opacity: 1; visibility: visible; margin-top:20px; display:block; margin-top:10px;}
    .main-grid-container .item .text-area.flex .left_text  {gap:0px; display: flex; flex-direction: column;}
}

.iStudio-top-container{width: 100%;overflow: hidden;color: #F9F8F7;}
.iStudio-top-container img{width: 100%;object-fit: cover;}
.iStudio-subtitle {padding: 100px 0 29px;}
.iStudio-subtitle h1{font-family: 'hd_head_M';font-size: 40px;}
.iStudio-subtitle .date_desc {color: #000; font-size: 24px; font-weight: 300;line-height: 32px; margin-top: 12px; }
.iStudio-subtitle span{padding-top: 12px; color: #000;font-family: hd_head_R;font-size: 24px;font-weight: 300;line-height: 32px;}
.iStudio-subtitle .sub_title_desc {
    font-size: 24px;
    font-weight: 400;
    line-height: 32px; 
    letter-spacing: -0.6px;
    margin-top: 15px;
    color:#626262;
}
.iStudio-tab_list a, .iStudio-tab_list .tab_li a {padding-top: 8px;padding-bottom: 10px;}
.iStudio-tab_list a:hover, .iStudio-tab_list .tab_li.active a{color: #29CB7E;}

.archiving-flex-container{display: flex; flex-wrap: wrap; gap: 12px; padding-bottom: 150px;}
.archiving-flex-container .item{display: flex; flex: 0 0 calc(33.33% - 8px); box-sizing: border-box; position: relative; overflow: hidden;}
.archiving-flex-container .item img{width: 100%;}
.archiving-flex-container .item .hover-overlay {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(41,203,126, 0); transition: background-color 0.3s ease;}
.archiving-flex-container .item:hover .hover-overlay {background-color: rgba(0,0,0, 0.6); }
.archiving-flex-container .item .text-area{ transition: opacity 0.3s; opacity: 0; cursor: pointer; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; margin: auto; text-align: center;color: #FFF;font-family: hd_head_M;font-size: 32px;font-weight: 500;line-height: 40px;}
.archiving-flex-container .item .text-area-mo{background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 33.91%, rgba(0, 0, 0, 0.50) 97.9%)no-repeat; cursor: pointer;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);width: calc(100% - 40px);margin: auto;color: #FFF;font-family: hd_head_M;font-size: 20px;font-weight: 500;line-height: 28px;height: calc(100% - 40px);display: flex;align-items: flex-end;padding: 20px;}
.archiving-flex-container .item:hover .hover-overlay .text-area {opacity: 1;}

/* 1228 아카이빙 타이틀 및 날짜 추가 */
.arc_content_title .con_title {font-size: 32px; font-family: 'hd_head_M'; font-weight: 500; line-height: 40px; margin-bottom: 12px;}
.arc_content_title .address_txt {font-size: 24px;}
.archiving_sub_title  {font-size: 32px; font-family: 'hd_head_M'; font-weight: 500; line-height: 40px;}

@media only screen and (max-width:767px) and (min-width:270px) {
    .iStudio-subtitle {padding: 40px 0 16px;}
    .iStudio-subtitle.with_wd_inner {padding: 40px 5.556vw 16px;}
    .iStudio-subtitle h1{font-size: 30px;line-height: 36px;}
    .iStudio-subtitle .date_desc {font-size: 14px;}
    .iStudio-subtitle span{padding-bottom: 8px; padding-top: 0px; font-size: 14px;line-height: 22px;}
    .archiving-flex-container{gap: 20px; padding-bottom: unset;}
    .archiving-flex-container .item{flex: 0 0 100%; box-sizing: border-box; position: relative;}
    .iStudio-subtitle .sub_title_desc {
        font-size: 16px;
        line-height: 24px; 
        margin-top: 20px;
    }
}


.archiving-detail{padding-bottom: 80px;}
.archiving-detail h2{color: #000;font-family: hd_head_M;font-size: 32px;font-weight: 500;line-height: 40px;}
.archiving-detail img{padding: 40px 0; width: 100%;}
.archiving-detail .content{padding-bottom: 80px; color: #000;font-family: hd_head_R; font-size: 20px;font-weight: 300;line-height: 28px;}
:lang(ko) .archiving-detail .content {word-break: keep-all;}
.archiving-detail iframe{position: absolute;width: 100%;height: calc(100% - 80px);left: 50%;transform: translateX(-50%);top: 40px;background: rgba(0,0,0, 0.9);}
.archiving_video_wrap {height: auto;  margin-top: 40px; margin-bottom: 40px;}
.archiving_video_wrap video {width:100%; height:100%;}

:lang(cn) .archiving-detail .content {font-family: Noto_CJK;}
:lang(cn) .archiving_sub_title, :lang(cn) .arc_content_title .con_title, :lang(cn) .iStudio-subtitle h1 {font-family: Noto_CJK; font-weight: 600;}
:lang(cn) .arc_content_title .address_txt {font-family: Noto_CJK;}


@media only screen and (max-width:767px) and (min-width:270px) {
    .archiving-detail{padding-bottom: 0px;}
    .archiving-detail h2{font-size: 20px; line-height: 28px;}
    .archiving-detail img{padding: 20px 0; width: 100%;}
    .archiving-detail .content{font-size: 14px; line-height: 22px; padding-bottom: 40px;}

    
    /* 1228 아카이빙 타이틀 및 날짜 추가 */
    .archiving_video_wrap {height: auto;  margin-top: 20px; margin-bottom: 20px;}
    .arc_content_title .con_title {font-size: 20px; line-height: 30px; margin-bottom: 8px;}
    .arc_content_title .address_txt {font-size: 14px;}
    .archiving_sub_title  {font-size: 20px; line-height: 30px; margin-bottom: 0;}
    .bb_mo_swiper { width:110%;}
    .bb_mo_swiper .swiper-slide { width:88.9vw; margin-right:3.33vw;}
}

.istudio-content{width: 100%; position: relative; padding-bottom: 160px; display: flex; justify-content: space-between; max-width: 1120px; margin: 0 auto; gap: 40px;}
.istudio-content .a-side, .b-side{flex: 1; min-width: 0;}
.istudio-content .title{max-width: 480px; color: #000;font-family: hd_head_M;font-size: 32px;font-style: normal;font-weight: 500;line-height: 40px; margin-bottom: 20px;}
.istudio-content .title.right{margin-left: auto;}
.istudio-content .text{max-width: 480px; color: #000;font-family:  hd_head_R;font-size: 20px;font-style: normal;font-weight: 300;line-height: 28px;}
.istudio-content .text.right{margin-left: auto;}
.istudio-content .a-side .img1{margin: 152px 0 60px; width: 100%; max-width:400px;}
.istudio-content .a-side .img2{margin: 100px 0 106px; width: 100%;}
.istudio-content .a-side .title1{margin: 72px 0 20px 0;}
.istudio-content .a-side .title2{margin: 40px 0 20px 0;}
.istudio-content .a-side .title3{margin: 40px 0 20px 0;}
.istudio-content .a-side .title4{margin: 40px 0 20px 0;}
.istudio-content .b-side .img3{margin: 0 0 214px; width: 100%;}
.istudio-content .b-side .img4{margin: 80px 0 40px; width: 55.55%;}
.istudio-content .b-side .img5{margin: 0 0 100px; width: 55.55%; } 
.istudio-content .b-side .img6{margin: 100px 0 0; width: 74.07%;}
.istudio-content img{opacity: 0; transform: translateY(50px); animation: fadeInUp 2s forwards; animation-play-state: paused;}
@keyframes fadeInUp{
    0%{
        opacity: 0;
        transform: translateY(50px);
    }
    100%{
        opacity: 1;
        transform: translateY(0);
    }
}


@media only screen and (max-width:767px) and (min-width:270px) {
    .istudio-content{padding-bottom: 0;}
    .istudio-content img{width: 100%;}
    .istudio-content .title{font-size: 20px; line-height: 28px;}
    .istudio-content .text{font-size: 14px; line-height: 22px;}
    .istudio-content .mo_istudio .img1{margin: 40px 0 20px;}
    .istudio-content .mo_istudio .img2{margin: 0 0 20px;}
    .istudio-content .mo_istudio .title1{margin: 0 0 12px;}
    .istudio-content .mo_istudio .title2{margin: 40px 0 20px 0;}
    .istudio-content .mo_istudio .title3{margin: 40px 0 20px 0;}
    .istudio-content .mo_istudio .title4{margin: 40px 0 20px 0;}
    .istudio-content .mo_istudio .img3{margin: 4px 0 20px;}
    .istudio-content .mo_istudio .img4{margin: 40px 0 20px;}
    .istudio-content .mo_istudio .img5{margin: 20px 0 40px;}
    .istudio-content .mo_istudio .img6{margin: 40px 0 20px;}
}

/* 이달의 캘린더 신규 달력 섹션 추가 임시 주석 */
.iStudio-caln {display: flex; max-width: 1120px; width:100%; align-items: flex-start; justify-content: space-between; margin-bottom: 50px;}
.iStudio-caln .desc {color:#000; font-size: 20px; line-height: 28px; font-weight: 700;}
.iStudio-caln .desc em {display: block; margin-bottom: 12px; font-family: "hd_head_R"; font-size: 20px; line-height: 20px;}
.iStudio-caln .desc strong {display: block; font-size: 40px; margin-bottom: 20px; font-weight: 700;}
.iStudio-caln .calendar_wrap {width:480px; height: auto; padding:0px; background-color: #fff; box-sizing: border-box;}
.iStudio-caln .calendar_wrap .calendar .head_cldr p {font-size: 30px; font-weight: 700;}
.iStudio-caln .calendar .head_cldr {margin-bottom: 30px;}
.iStudio-caln .calendar .head_cldr p {display:inline-block; font-family:'hd_head_R'; font-size:2rem;}
.iStudio-caln .calendar .head_cldr .bt_ctrl {top:12px;}
.iStudio-caln .calendar .head_cldr .bt_ctrl.next {right:120px;}
.iStudio-caln .calendar .head_cldr .bt_ctrl.prev {left:120px;}
.iStudio-caln .calendar .head_cldr .bt_ctrl:disabled {
    opacity: .5;
}
.iStudio-caln .calendar .table_cldr thead th {font-size: 13px; color:#626262;}
/* .iStudio-caln .calendar_wrap .calendar .table_cldr tbody td .date {cursor: default;} */
/* .iStudio-caln .calendar_wrap .calendar .table_cldr tbody td.on .date {cursor: pointer;} */
/* .calendar .table_cldr tbody td.special_date .date {cursor: pointer !important;} */
.iStudio-caln .calendar_wrap .calendar .table_cldr tbody td {padding-bottom: 6px;}
.iStudio-caln .calendar_wrap .calendar .table_cldr tbody td .date {width:48px; height: 48px; border-radius: 50%;}
.iStudio-caln .calendar_wrap .calendar .table_cldr tbody td .date:before {border-radius: 50%;}
.iStudio-caln .calendar_wrap .calendar .table_cldr thead th.sun,
.iStudio-caln .calendar_wrap .calendar .table_cldr tbody td.sun .date span {color:#626262;}
.iStudio-caln .calendar_wrap .calendar .table_cldr thead th.sat,
.iStudio-caln .calendar_wrap .calendar .table_cldr tbody td.sat .date span {color:#626262;}
.iStudio-caln .calendar_wrap .calendar .table_cldr tbody td .date span { font-size:1.6rem; line-height:48px; position:relative; padding-top:1px; z-index:1; color:#626262;}
.iStudio-caln .calendar_wrap .calendar .table_cldr tbody td.select_date .date {background-color:#29cb7e;}
.iStudio-caln .calendar_wrap .calendar .table_cldr tbody td.select_date .date::before {display: none;;}
.iStudio-caln .calendar_wrap .calendar .table_cldr tbody td.select_date .date span {color:#fff;}
.iStudio-caln .calendar_wrap .calendar .table_cldr tbody td .date {border:1px solid white; box-sizing: border-box;}
.iStudio-caln .calendar_wrap .calendar .table_cldr tbody td.on .date {border:1px solid #29cb7e;}
.iStudio-caln .calendar_wrap .calendar .table_cldr tbody td.last_month .date,
.iStudio-caln .calendar_wrap .calendar .table_cldr tbody td.next_month .date,
.iStudio-caln .calendar_wrap .calendar .table_cldr tbody td.disabled_date .date {border: none;}
.iStudio-caln .calendar_wrap .calendar .table_cldr tbody tr:not(:first-child) td { margin-top: 4px;}
@media only screen and (max-width:1134px) and (min-width:768px) {
    .iStudio-caln .desc {font-size: 24px; line-height: 36px; }
    .iStudio-caln .calendar_wrap {width:380px;}
    .iStudio-caln .calendar .head_cldr .bt_ctrl.next {right:60px;}
    .iStudio-caln .calendar .head_cldr .bt_ctrl.prev {left:60px;}
}
@media only screen and (max-width:767px) and (min-width:270px) {
    .iStudio-caln {position: relative; display: block; width:100%; padding:20px 0;  margin-bottom: 40px; background: transparent; box-sizing: border-box;}
    .iStudio-caln .desc {width:100%; color:#000; font-size: 18px; line-height: 1.4;  margin:0 auto 20px;}
    .iStudio-caln .calendar_wrap {display: block; width:100%; height: auto; padding:0px; }
    .iStudio-caln .calendar_wrap.on {display: block;}
    .iStudio-caln .calendar_wrap .calendar .head_cldr p {font-size: 20px;}
    .iStudio-caln .calendar .head_cldr p {display:inline-block; font-family:'hd_head_R'; font-size:2rem;}
    .iStudio-caln .calendar .head_cldr .bt_ctrl {top:5px;}
    .iStudio-caln .calendar .head_cldr .bt_ctrl.next {right:60px;}
    .iStudio-caln .calendar .head_cldr .bt_ctrl.prev {left:60px;}

    .iStudio-caln .calendar_wrap .calendar .table_cldr tbody td .date {width:36px; height: 34px; border-radius: 50%;}
    /* .iStudio-caln .calendar_wrap .calendar .table_cldr tbody td .date:before {border-radius: 5px;} */
    .iStudio-caln .calendar_wrap .calendar .table_cldr thead th.sun,
    .iStudio-caln .calendar_wrap .calendar .table_cldr tbody td.sun .date span {color:#000;}
    .iStudio-caln .calendar_wrap .calendar .table_cldr thead th.sat,
    .iStudio-caln .calendar_wrap .calendar .table_cldr tbody td.sat .date span {color:#000;}
    .iStudio-caln .calendar_wrap .calendar .table_cldr tbody td .date span { font-size:1.4rem; line-height:34px; position:relative; padding-top:1px; z-index:1;}
    .iStudio-caln .calendar_wrap .calendar .table_cldr tbody td.select_date .date {background-color:#29cb7e;}
    .iStudio-caln .calendar_wrap .calendar .table_cldr tbody td.select_date .date::before {display: none;;}
    .iStudio-caln .calendar_wrap .calendar .table_cldr tbody td.select_date .date span {color:#fff;}
    .iStudio-caln .calendar_wrap .calendar .table_cldr tbody td .date {border:1px solid #fff; box-sizing: border-box;}
    .iStudio-caln .calendar_wrap .calendar .table_cldr tbody td.last_month .date,
    .iStudio-caln .calendar_wrap .calendar .table_cldr tbody td.next_month .date,
    .iStudio-caln .calendar_wrap .calendar .table_cldr tbody td.disabled_date .date {border: none;}
    .iStudio-caln .calendar_wrap .calendar .table_cldr tbody tr:not(:first-child) td { margin-top: 4px;}

    .iStudio-caln .caln_btn_toggle button {
        width:640px;
        height: 108px;
        border:1px solid #e4dcd3;
        border-radius: 10px;
        background: #fff;
        text-align: left;
        padding:16px 0 18px 88px;
        background-image: url(../../images/integration/iStudio/calc_bgico.png);
        background-size: 32px 32px;
        background-position: 3% center;
        background-repeat: no-repeat;
        position: relative;
    }
     
}

/* 시승, 키즈워크샵 레이아웃 변경 */
.drive_flex {display: flex; gap:12px; flex-wrap:wrap; padding-bottom: 160px;}
.drive_flex .item {flex-basis:32.14%; max-width: 365px; position: relative; width:100%; height: 100%; overflow: hidden;}
.drive_flex .item a {cursor: pointer;}
/* .drive_flex .item a::before {content: ''; position: absolute; left: 0; bottom:0; background: linear-gradient(180deg, rgba(0,0,0,0) 31.28%, rgba(0,0,0,.8 )); width:100%; height: 100%;;}
.drive_flex.tab .item a::before {z-index: 2; content: ''; position: absolute; left: 0; bottom:0; background: rgba(255,255,255,.7); width:100%; height: 100%;;}
.drive_flex .item.active a::before {z-index: 0; content: ''; position: absolute; left: 0; bottom:0; background: linear-gradient(180deg, rgba(0,0,0,0) 31.28%, rgba(0,0,0,.8 )); width:100%; height: 100%;;} */
.drive_flex.tab .item.active a {cursor: pointer;}
.drive_flex.tab .item a {cursor: default;}
/* .drive_flex .item a { width:100%; height: 100%; display: block; max-width:365px; max-height: 365px; display: block; position: relative; z-index: 3;} */
/* .drive_flex .item a img {width:100%;} */
.drive_flex .item .img {/* background-color:#ccc; */ overflow:hidden; position:relative; padding-top:100%; width:100%;}



.drive_flex .item .img::before {content: ''; position: absolute; left: 0; bottom:0; background: linear-gradient(180deg, rgba(0,0,0,0) 31.28%, rgba(0,0,0,.8 )); width:100%; height: 100%;; z-index: 1;}
.drive_flex.tab .item .img::before {z-index: 2; content: ''; position: absolute; left: 0; bottom:0; background: rgba(255,255,255,.7); width:100%; height: 100%;;}
.drive_flex .item.active .img::before {z-index: 3; content: ''; position: absolute; left: 0; bottom:0; background: linear-gradient(180deg, rgba(0,0,0,0) 31.28%, rgba(0,0,0,.8 )); width:100%; height: 100%;;}

/* 신규 추가 0404 */
.drive_flex.tab .item {
    display: none;
}
.drive_flex.tab .item.active {display: block;}
.drive_flex .item .img img {display:block; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); height:100%;}
.drive_flex .item .txt_box {position: absolute; left: 20px; bottom:20px; z-index: 3; width:calc(100% - 20px); transition: .4s;}
.drive_flex .item:hover .txt_box {
    bottom:60px;
    transition-delay: .1s;
}
.drive_flex .item:hover .txt_box .add {
    bottom:-40px;   
}
.drive_flex.tab .item:hover .txt_box {
    bottom:20px;
}
.drive_flex .item .txt_box .add {display: flex; gap:12px; transition: .35s; position: absolute; bottom: -50px; width:calc(100% - 74px); justify-content: space-between; padding:0px 24px;}
.drive_flex .item .txt_box .add button {font-size: 18px; color:#fff; opacity: .5; cursor:default;}
.drive_flex .item .txt_box .add button.on {opacity: 1; cursor: pointer;}
.drive_flex.tab .item .txt_box .add button {display: none;}
.drive_flex.tab .item .txt_box .add button.on {display: none;}
.drive_flex .item .txt_box h4 {line-height: 24px; letter-spacing: -0.5px; font-size: 20px; color:#fff; font-weight: 700; word-break: keep-all; width:90%;}
.drive_flex .item .txt_box p {font-size: 20px; margin-top: 3px; color:#fff; width:95%;}
/* .drive_flex.goyang .item .txt_box .add button:not(:nth-child(1)) {opacity: .5;}
.drive_flex.seoul .item .txt_box .add button:not(:nth-child(2)) {opacity: .5;}
.drive_flex.hanam .item .txt_box .add button:not(:nth-child(3)) {opacity: .5;}
.drive_flex.busan .item .txt_box .add button:not(:nth-child(4)) {opacity: .5;} */
@media only screen and (max-width:1134px) and (min-width:768px) {
    .drive_flex .item {max-width:none; flex-basis:calc(50% - 12px); }
}
@media only screen and (max-width:767px) and (min-width:270px) {
    .drive_flex .item {max-width:none; position: relative; width:100%; flex-basis:100%;}
    .drive_flex .item .txt_box .add button {font-size: 18px;}
    .drive_flex .item .txt_box h4 {font-size: 5vw; line-height: 6.6667vw; letter-spacing: -1px; width:90%;}
    .drive_flex .item .txt_box p {font-size: 16px; }
}
 

/* 이달의 캘린더 레이아웃 수정 */
.calendar_list_wrap_v2 .calendar_div{position: relative; display: flex; justify-content: space-between; padding-bottom: 50px; width: 100%;}
.calendar_list_wrap_v2 .calendar_div .title{color: #000;font-family: hd_head_M;;font-size: 40px;font-style: normal;font-weight: 500;line-height: 56px;letter-spacing: -1px;}
.calendar_list_wrap_v2 .calendar_div .content{color: var(--HMS_Text_3, #999);font-size: 20px;font-style: normal;font-weight: 400;line-height: 28px; /* 140% */letter-spacing: -0.5px;}
.calendar_list_wrap_v2 .calendar_div .left_side {width:50%;}
.calendar_list_wrap_v2 .calendar_div .right_side{width: 50%; position: relative; max-width:480px;}

/* 팝업 샘플 */

/* 레이어팝업 layout */
body.pop_on {overflow: hidden;}
.is_popup_bg {display: none; position:fixed; width:100%; height: 100%; background: rgba(0, 0, 0, 0.50); z-index: 10000; top:0; left: 0;}
.is_popup_bg .popup_con {display: none; position: fixed; left: 50%; top:50%; transform: translate(-50%, -50%); max-width: 720px; width:720px; height: 808px; background: #fff; z-index: 10001; }
.is_popup_bg.on {display: block;}
.is_popup_bg.on .popup_con {display: block;}
.is_popup_bg .btn_close {/*background-color:#ccc; */ display:block; cursor:pointer; position:absolute; right:9px; top:7px; height:32px; width:32px;}
.is_popup_bg .btn_close {transition-duration:0.4s;}
.is_popup_bg .mfp-close {font-size:0; line-height:0; opacity:1; padding:0;}
.is_popup_bg .btn_close.mfp-close:active {top:7px;}
.is_popup_bg .closed {display:block;}
.is_popup_bg .closed:before,
.is_popup_bg .closed:after {background-color:#2f2f2f; content:''; position:absolute; left:50%; top:50%; margin-top:-1px; margin-left:-11px; height:2px; width:22px;}
.is_popup_bg .closed:before,
.is_popup_bg .closed:after {transition:0.2s 0.3s;}
.is_popup_bg .closed:before {transform:rotate(45deg);}
.is_popup_bg .closed:after {transform:rotate(-45deg);}
.is_popup_bg .btn_close .mfp-close {position:static; left:auto; top:auto; height:0; width:0;}
.is_popup_bg .btn_close:hover {transform:rotate(-90deg);}
.is_popup_bg .btn_close:hover .closed:before {transform:rotate(90deg);}
.is_popup_bg .btn_close:hover .closed:after {transform:rotate(-90deg);}

.is_popup_bg .btn_slide_wrap {background-color:#fff; position:absolute; right:0; bottom:0; height:48px; width:140px; z-index:10002;}
.is_popup_bg .btn_slide_wrap .btn_arrow {background-size:20px 15px; top:0; margin:0; height:100%; width:50%;}
.is_popup_bg .btn_slide_wrap .btn_arrow[class*="prev"] {background-image:url(../../images/integration/common/btn_prev02.png); /* background-color:#ccc; */ left:0;}
.is_popup_bg .btn_slide_wrap .btn_arrow[class*="next"] {background-image:url(../../images/integration/common/btn_next02.png); /* background-color:#999; */ right:0;}
.pop_swiper {width:100%;}
.pop_swiper .swiper-slide {width:100%; height: 420px;; padding:30px; box-sizing: border-box;;}
.pop_swiper .swiper-slide .img_box {font-size: 10vw;}
.popup_txt_box {padding:20px;}
.popup_txt_box .title_box {padding-bottom: 20px; border-bottom: 2px solid #000;}
.popup_txt_box .title_box h4 {font-size: 36px; display: block;}
.popup_txt_box .scroll_box {max-height: 260px; overflow: auto; margin-top: 20px;}
.popup_txt_box .scroll_box p {font-size: 20px; line-height: 28px;}
.scroll_box::-webkit-scrollbar {width:10px;}
.scroll_box::-webkit-scrollbar-thumb {background: #999; border-radius: 10px;}
.scroll_box::-webkit-scrollbar-track {background: transparent;}

/* 이벤트 페이지 영상 추가 레이아웃 */
.evt_area .imgWrap {
    position: relative;
}
.evt_area .mov_box {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    padding-bottom: 44%;
    top:37.5%;
    width: 100%;
}

.evt_area .mov_box iframe {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
}
.evt_area .comm_btn {
    justify-content: center;
    padding: unset;
    background-color: #29cb7e;
    z-index: 10;
    color: white;
    width: 280px;
    height: 56px;
    display: flex;
    align-items: center;
    color: #fff !important;
    font-size: 16px !important;
    margin:-7vw auto 0;
    position: relative;
    z-index:2;
}
.evt_area .comm_btn.static {
    margin:1vw auto;
}
/* 이벤트 페이지 영상 추가 레이아웃 */
.evt_area .imgWrap {
    position: relative;
}
.evt_area .mov_box {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    padding-bottom: 44%;
    top:37.5%;
    width: 100%;
}

.evt_area .mov_box iframe {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
}
.evt_area {position: relative;}

.evt_absolute_btn {
    justify-content: center;
    padding: unset;
    background-color: #29cb7e;
    z-index: 10;
    color: white;
    width: 15vw;
    height: 3vw;
    position: unset;
    display: flex;
    align-items: center;
    color:#fff !important;
    font-size: 1vw !important;
    position: absolute;
}

.evt_absolute_btn.button_01 {
    bottom: 52%;
    left: 50%;
    transform: translateX(-50%);
}
.evt_absolute_btn.button_02 {
    bottom:4%;
    left:50%;
    transform: translateX(-50%);
}

.evt_absolute_btn.button_03 {
    bottom:15%;
    left:50%;
    transform: translateX(-50%);
}
.evt_absolute_btn.button_04 {
    bottom: 29.5%;
    left:50%;
    transform: translateX(-50%);
    background: #53CAEC;
}
.evt_absolute_btn.button_05 {
    bottom: 6%;
    left:50%;
    transform: translateX(-50%);
    background: #53CAEC;
}
.evt_absolute_btn.button_06 {
    bottom:18%;
    left:50%;
    transform: translateX(-50%);
}

.evt_absolute_btn.button_10 {
    left:50%;
    transform: translateX(-50%);
    top: 38%;
    background-color: #003368;
}

.evt_absolute_btn.button_11 {
    left:50%;
    transform: translateX(-50%);
    bottom: 7.5%;
    background-color: #E62383;
    color:#fff !important;
}
.evt_absolute_btn.button_12 {
    left:50%;
    transform: translateX(-50%);
    top: 60.5%;
    background-color: #003368;
}
.evt_absolute_btn.button_13 {
    left:50%;
    transform: translateX(-50%);
    top: 81%;
    background-color: #003368;
}
.evt_absolute_btn.button_14 {
    left:50%;
    transform: translateX(-50%);
    top: 50.6%;
    background-color: #003368;
}
.evt_absolute_btn.button_15 {
    left:50%;
    transform: translateX(-50%);
    top: 71%;
    background-color: #003368;
    color:#fff !important;
}
.evt_absolute_btn.button_16 {
    left:50%;
    transform: translateX(-50%);
    top: 95%;
    background-color: #003368;
    color:#fff !important;
}

@media only screen and (max-width:767px) and (min-width:270px) {
    .evt_absolute_btn {
        width: 30vw;
        height: 6vw;
        font-size: 2.5vw !important;
        padding:0px 10px;
    }
    .evt_absolute_btn.button_04, .evt_absolute_btn.button_05 {
        width:32vw;
    }
    .evt_absolute_btn.button_12 {
        width:40vw;
    }
    .evt_absolute_btn.button_14, .evt_absolute_btn.button_15 {
        width:40vw;
    }
    .evt_absolute_btn.button_14 {
        top:50%;
    }
}
 

.sub_cotn.v2 {
    margin-bottom: 160px;
}
/* 컨텐츠 전체 슬라이드 */
/* 스와이퍼 버튼 */
.sub_slide_item .swiper-button-prev,
.sub_slide_item .swiper-button-next {top:auto; bottom:0; width:70px; height:48px; text-align:center; vertical-align:middle; line-height:0; background:#fff;}
.sub_slide_item .swiper-button-prev {left:auto; right:70px;}
.sub_slide_item .swiper-button-next {right:0;}
.sub_slide_item .swiper-button-prev:before,
.sub_slide_item .swiper-button-next:before {content:""; display:block; width:20px; height:16px; background-position:50% 50%; background-repeat:no-repeat; background-size:100% auto; position:absolute; left:50%; top:50%; margin-top:-8px; margin-left:-10px;}
.sub_slide_item .swiper-button-prev:before {background-image:url(../../images/integration/common/btn_prev02.png);} 
.sub_slide_item .swiper-button-next:before {background-image:url(../../images/integration/common/btn_next02.png);}
.sub_slide_item .swiper-button-next.swiper-button-disabled,
.sub_slide_item .swiper-button-prev.swiper-button-disabled {opacity:1; pointer-events:auto;}
.sub_slide_item .swiper-button-prev.swiper-button-disabled:before {background-image:url(../../images/integration/common/btn_prev01.png);}
.sub_slide_item .swiper-button-next.swiper-button-disabled:before {background-image:url(../../images/integration/common/btn_next01.png);}
.sub_slide_item .swiper-button-next.swiper-button-disabled {pointer-events:auto;}
.sub_slide_item .swiper-button-prev.swiper-button-disabled {pointer-events:auto;}

.sub_slide_item {max-width:1920px; overflow:hidden;}
.sub_slide_item .swiper-container {position:relative;;top:0;left:50%;width:3360px;margin-left:-1680px;overflow:hidden;}
.sub_slide_item .swiper-slide {position:relative; width:1120px; transform: translateY(-48px); transition-duration:0.8s;}
.sub_slide_item .swiper-slide .photo {position:relative;line-height:0;}
.sub_slide_item .swiper-slide .photo:before {content:"";position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(255,255,255,.5); transition-duration:0.8s; z-index:1;}
.sub_slide_item .swiper-slide img {width:100%;}
.sub_slide_item .swiper-slide dl {position:relative; width:100%; word-break: keep-all;} /* 2022-01-11 [운영] 서울 전시 Reflections in Motion */
.sub_slide_item .swiper-slide dt {margin-top:28px; overflow:hidden;}
.sub_slide_item .swiper-slide dt span {position:relative; top:100px; transition:all 1s ease; font-size:3rem; word-break:keep-all;}
.sub_slide_item .swiper-slide dt p {position:relative; top:100px; transition:all 1s ease; font-size:2.2rem; line-height:40px;}
.sub_slide_item .swiper-slide dt .step {color:#29cb7e; font-style:normal;}
.sub_slide_item .swiper-slide dt .step:before {content:"#"}
.sub_slide_item .swiper-slide dt em {margin-left:20px;font-size:2rem; font-style:normal; vertical-align:middle;}
.sub_slide_item .swiper-slide dd {transition:all .5s linear; opacity:0;}
.sub_slide_item .swiper-slide dd.sub_text {margin-top:13px;padding: 10px 0px;}/* 20230317 2차수정 */
.sub_slide_item .swiper-slide dd.sub_text p {font-size:1.6rem; line-height:23px; color:#626262; word-break:keep-all;} /* 20230412 단어단위 줄바꿈 고려로 인한 수정  */
.sub_slide_item .swiper-slide dd.sub_text span {font-size:1.8.0rem; ;line-height:23px; color:#000000; word-break:keep-all;} /* 20230412 단어단위 줄바꿈 고려로 인한 수정 */
.sub_slide_item .swiper-slide dd.sub_text a {word-break:break-all;}
.sub_slide_item .swiper-slide dd.info {margin-top:32px;}
.sub_slide_item .swiper-slide dd.info li {display:table; width:100%; margin-bottom:20px; color:#626262; font-size:1.6rem;}
.sub_slide_item .swiper-slide dd.info strong {display:table-cell; width:120px; font-family:hd_head_R; color:#000; font-weight:normal;}
.sub_slide_item .swiper-slide dd.sub_intro_cmnt {margin-top:33px; padding:0 20px; word-break:keep-all;} /* 슬라이드 안에 소개 내용 추가시 사용 */
.sub_slide_item .swiper-slide dd.sub_intro_cmnt .intro_tit {margin-bottom:7px; font-size:2rem; line-height:2.6rem; font-family:'hd_head_R';}
.sub_slide_item .swiper-slide dd.sub_intro_cmnt .intro_tit:before {content:""; display:inline-block; width:31px; height:31px; margin-right:10px; background:url(../../images/integration/common/ico_intro_cmnt.png) no-repeat 0 0; background-size:31px auto; vertical-align:-11px;}
.sub_slide_item .swiper-slide dd.sub_intro_cmnt .intro_des {font-size:1.6rem; color:#626262; line-height:2.6rem;}
.sub_slide_item .swiper-slide dd.sub_intro_cmnt .intro_des p ~ p {margin-top: 26px;}
.sub_slide_item .swiper-slide .btn_wrap {margin-top:20px; text-align:left;}
.sub_slide_item .swiper-button-prev {top:414px; bottom:inherit; left:2240px; margin-left:-140px; margin-top:0;}
.sub_slide_item .swiper-button-next {top:414px; bottom:inherit; left:2240px;right:inherit;margin-left:-70px; margin-top:0;}
.sub_slide_item .swiper-slide-active {transform: translateY(0);}
.sub_slide_item .swiper-slide-active .photo:before {background-color:rgba(0, 0, 0, 0); transition-delay:0.5s;}
.sub_slide_item .swiper-slide-active dt span {top:0; transition-delay: .45s; font-family:'hd_head_M';}
.sub_slide_item .swiper-slide-active dt p {top:0; transition-delay: .50s;}
.sub_slide_item .swiper-slide-active dd {opacity:1; transition-delay: 1.1s;}
.sub_slide_item .swiper-slide .sub_img {position:relative; max-width:1120px; padding-top:20px; margin:0 auto; overflow: hidden; display: flex;}
.sub_slide_item .swiper-slide .sub_img .img {float:left; width: 360px; margin-right: 20px; }
.sub_slide_item .swiper-slide .sub_img .img img {width: 100%x; height: 240px;}
.sub_slide_item .swiper-slide .sub_img.one_img .img {float:left; width: 1120px; margin-right: 20px; }
.sub_slide_item .swiper-slide .sub_img.one_img .img img {width: 100%x; height: 240px;}
.sub_slide_item .swiper-slide .sub_img.two_img .img {float:left; width: 550px; margin-right: 20px; }
.sub_slide_item .swiper-slide .sub_img.two_img .img img {width: 100%x; height: 240px;}
.sub_slide_item .swiper-slide .sub_img.three_img .img {float:left; width: 360px; margin-right: 20px; }
.sub_slide_item .swiper-slide .sub_img.three_img .img img {width: 100%x; height: 240px;}
.sub_slide_item .swiper-slide .sub_img.four_img .img {float:left; width: 265px; margin-right: 20px; }
.sub_slide_item .swiper-slide .sub_img.four_img .img img {width: 100%x; height: 240px;}

.w100_inner {
    max-width: 1920px;
}

.w100_inner .iStudio-subtitle {
    max-width:1120px;
    margin:0 auto;
}
.w100_inner .tab_list  {
    max-width:1120px;
    margin:0 auto;
    margin-bottom: 40px;
}

@media only screen and (max-width:767px) and (min-width:270px) {
    /* 컨텐츠 전체 슬라이드 */
    .sub_slide_item {box-sizing:border-box; padding-left: 20px;}
    .sub_slide_item .swiper-container {position:relative; top:0; left:0%; width:auto; margin-left:0;}
    .sub_slide_item .swiper-slide dl {word-break:break-word;/* width:calc(100% + 20px); */ width:100%;}
    .sub_slide_item .swiper-slide ,
    .sub_slide_item .swiper-slide-active {width:80vw !important; top:0;}
    .sub_slide_item .swiper-button-prev {left:initial; right:calc(20% - 20px); width:calc(20% - 20px); margin-left:0;}
    .sub_slide_item .swiper-button-next {left:initial; right:0; width:calc(20% - 20px); margin-left:0;}
    .sub_slide_item .swiper-slide dt {margin-top:26px;}
    .sub_slide_item .swiper-slide dt span {font-size:3rem; line-height:3.8rem;}
    .sub_slide_item .swiper-slide dd.sub_text {margin-top:10px;}
    .sub_slide_item .swiper-slide dd {font-size:14px; transition:none; opacity:1; line-height:26px;}
    .sub_slide_item .swiper-slide dd.info {margin-top:20px;}
    .sub_slide_item .swiper-slide dd.info strong {width:80px; font-size:1.5rem;}
    .sub_slide_item .swiper-slide dd.info li {margin-bottom:3px;}
    .sub_slide_item .swiper-slide {width:100%; transform:none;}
    .sub_slide_item .swiper-slide-next dl {display:none;}
    .sub_slide_item .swiper-slide dt em {display:none;}
    .sub_slide_item.center{box-sizing:border-box; padding: 0 5.556vw;}
    .sub_slide_item .center.swiper-slide.swiper-slide-active {width:100% !important;}
    .sub_slide_item.noPadding{box-sizing:border-box; padding-left: 0px;}
    .sub_slide_item .swiper-slide .sub_img {position:relative; max-width:100%; padding-top:20px; margin:0 auto; display: block;}
    .sub_slide_item .swiper-slide .sub_img .img {float:left; width: 100%; margin-bottom: 20px; }
    .sub_slide_item .swiper-slide .sub_img .img img {width: 100%x;}
    .sub_slide_item .swiper-slide .sub_img.one_img .img {float:left; width: 100%; margin-bottom: 20px; }
    .sub_slide_item .swiper-slide .sub_img.one_img .img img {width: 100%;}
    .sub_slide_item .swiper-slide .sub_img.two_img .img {float:left; width: 100%; margin-bottom: 20px; }
    .sub_slide_item .swiper-slide .sub_img.two_img .img img {width: 100%;}
    .sub_slide_item .swiper-slide .sub_img.three_img .img {float:left; width: 100%; margin-bottom: 20px; }
    .sub_slide_item .swiper-slide .sub_img.three_img .img img {width: 100%;}
    .sub_slide_item .swiper-slide .sub_img.four_img .img {float:left; width: 100%; margin-bottom: 20px; }
    .sub_slide_item .swiper-slide .sub_img.four_img .img img {width: 100%;}

    
.w100_inner {
    padding:0;
}

.w100_inner .iStudio-subtitle {
    margin-left: 20px;
}
.w100_inner .tab_list  {
   margin-left: 20px;
   margin-bottom: 0;
}   

}

/* 신규 모바일 메뉴 */
.gnb_itg_v2 {
    position: relative;
    margin-top: 10px;
    height: 100%;
    
}
.gnb_itg_v2 li.depth_01 {
    width:100%;
}

.gnb_itg_v2 li.depth_01 a {
    font-size: 20px;
    color:#999;
    font-family: hd_head_M;
    display: block;
    padding:10px 0;
    position: relative;
}
.gnb_itg_v2 li.depth_01 > a::after {
    content: '';
    width:24px;
    height:24px;
    background-image: url(../../images/ico/icn_open.png);
    background-size: 100%;
    background-position: center;
    position: absolute;
    right:0;
    top:12px;
}
.gnb_itg_v2 li.depth_01.active .txt_depth01 {
    /* border-bottom: 1px solid #000;; */
    color:#000;
}
.gnb_itg_v2 li.depth_01.active > a::after {
    background-image: url(../../images/ico/icn_close.png);
}
.gnb_itg_v2 .total_depth {
    width:100%;
    height: 100%;
    max-height: calc(100vh - 153px);
    overflow: auto;
}
.gnb_itg_v2 li.depth_01 .right_depth {
    display: none;
}


.gnb_itg_v2 li.depth_01 .right_depth ul li > a {
    padding:10px 0;
    font-size: 16px;
    color:#000;
    font-family: hd_head_R;
}
.gnb_itg_v2 li.depth_01 .right_depth .right_depth_sub > a {
    padding:10px 0 10px 5px;
    font-size: 16px;
    color:#999;
    font-family: hd_head_R;
}

/* 프로그램 예약 모바일 신규 버튼 */
.pgm_div .depth_btn {
    margin-top: 40px;
    display: none;
}
.pgm_div .depth_btn a {
    display: block;
    width:100%;
    height: 60px;
    font-size: 20px;
    color:#fff;
    font-family: 'hd_head_M';
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.pgm_div .depth_btn a + a {
    margin-top: 20px
}
.pgm_div .depth_btn a.btn_reserve_link {
    background-color: #29CB7E;
}
.pgm_div .depth_btn a.pop_btn {
    background-color: #e4dcd3;
    color:#626262;
}
.pgm_div .depth_btn a .icon.btn_sch {
    display: inline-block;
    width:28px;
    height: 28px;
    background-image: url(../../images/ico/btn_search.png);
    margin-right: 5px;
}

.img_box img {width:100%;}

@media screen and (max-width:767px) {
    .top_wrap_v2 .m_header .logo_tit_area .itg {width:112px; height:36px;}
    .strg_mn_v2 .top_wrap_v2 .m_header .logo_tit_area .itg {}
    .strg_mn_v2.fixed .top_wrap_v2 .m_header .logo_tit_area .itg {display: none;}
}

.strg_mn_v2.fixed .top_wrap_v2 .header_itg {background-color:#f5f3f0; border-bottom:1px solid #eeeeee;}
.strg_mn_v2.fixed .top_wrap_v2 .header_itg .head_area {background: transparent; }
.strg_mn_v2.fixed .top_wrap_v2 .header_itg .logo {filter: brightness(0);}
.strg_mn_v2.fixed .top_wrap_v2 .header_itg .gnb_itg .depth1 {color:#000;}
.strg_mn_v2.fixed .top_wrap_v2 #gnb > ul > li .depth1 {color:#000;}
.strg_mn_v2.fixed .top_wrap_v2 .utill_menu > a {color:#000;}g
.strg_mn_v2.fixed .top_wrap_v2 .utill_menu .btn_lang:after {border-top:5px solid #000;}
.strg_mn_v2.fixed .top_wrap_v2  .utill_menu.active .btn_lang:after {border-top:5px solid transparent; border-bottom:5px solid #000; border-left:5px solid transparent;}
.strg_mn_v2.fixed .top_wrap_v2 .head_strg {background-color: #fff;}

.itg_main {
    max-width:1920px;
    margin: 0 auto;
}

/* 모바일 검표기 추가 */
.admin_register {
    background-color: #e4dcd3;
    padding:0px 20px 0 20px;
    min-height:100vh;
    box-sizing: border-box;
}
.admin_register .top_area {
    display:flex;
    justify-content: space-between;
    align-items: center;
    padding: 18px 0;
}
.admin_register .top_area a {
    width:112px;
    height:24px;
    display:block;
}
.admin_register .top_area a img {
    width:100%;
}
.admin_register .top_area .btn_logout {
    font-size: 14px;
    letter-spacing: -0.35px;
    color:#626262;
}
.admin_register .ar_inner {
    max-width:1120px;
    margin:0 auto;
}
.admin_register .ar_inner .flex_con {
    min-height:calc(100vh - 128px);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    overflow:auto;
}
.admin_register .ar_inner .login_title {
    font-size: 32px;
    letter-spacing: -0.8px;
    line-height: 40px;
    font-weight: 700;
    text-align: center;
    padding-top: 120px;;
}

.admin_register .ar_inner select {
    height:38px;
    border:1px solid #999;
    background-color: #fff;
    font-size: 14px;
    line-height:38px;
    color:#000;
    padding:0px 60px 0px 20px;
    position: relative;
    background-image: url(../../images/ico/icn_dropdown.png);
    background-size:12px 12px;
    background-position: 96% center;
    background-repeat: no-repeat;
}

.admin_register .ar_inner .input_box input {
    height:38px;
    border:1px solid #999;
    background-color: #fff;
    font-size: 14px;
    line-height:38px;
    color:#000;
    padding:0px 20px 0px 20px;
    position: relative;
    width:100%;
    box-sizing: border-box;
}
.admin_register .ar_inner .scroll_inner .filter {
    display:flex;
    gap:4px;
    align-items: center;
}
.admin_register .ar_inner .scroll_inner .filter select {
    flex:1;
}
.admin_register .ar_inner .scroll_inner .input_box {
    margin:20px 0;
}
.admin_register .ar_inner .scroll_inner .input_box .input_item + .input_item {
    margin-top: 6px;
}
.admin_register .ar_inner .btn_wrap {
    margin-top:40px;
    display: flex;
    flex-direction: column;
    gap:20px;
}
.admin_register .ar_inner .com_btn {
    width:100%;
    color:#fff;
    font-weight: 700;
    font-size: 16px;
    letter-spacing: -0.4px;
    background-color:#29CB7E;
    height:48px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}
.admin_register .ar_inner .scroll_inner .category {
    padding:10px 0;
    font-size: 12px;
    color:#626262;
}
.admin_register .list_inner {
    background-color: #fff;; 
}
.admin_register .ar_inner .scroll_inner .list_inner .filter {
    background-color: #f5f3f0;
    padding:20px 20px;
    gap:10px;
}
.admin_register .ar_inner .scroll_inner .list_inner .filter select {
    max-width:200px;
}
.admin_register .ar_inner .scroll_inner .list_inner .filter p {
    font-size: 16px;
    font-weight: 500;
}
.admin_register .ar_inner .scroll_inner .list_inner .filter .btn_back {
    font-size: 16px;
    padding-left:25px;
    background-image: url(../../images/ico/btn_calendar_left.png);
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-position: left center;
}
.admin_register .ar_inner .scroll_inner .list_inner .entry_list {
    padding:10px;
    box-sizing: border-box;
    overflow: auto;
    height: calc(100vh - 350px);
}
.admin_register .ar_inner .scroll_inner .list_inner .entry_list a {
    font-size: 16px;
    letter-spacing: -0.4px;
    line-height: 24px;
    padding:10px 10px;
    display: inline-block;
    width:100%;
    border-bottom: 1px solid #e4dcd3;
    box-sizing: border-box;
    display:flex;
}
.admin_register .ar_inner .scroll_inner .list_inner .entry_list a span {
    width:20%;
}
.admin_register .ar_inner .scroll_inner .list_inner .entry_list a:last-child {
    border-bottom: none;
}
.admin_register .ar_inner .scroll_inner .list_inner .entry_list .item {
    padding:10px 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #e4dcd3;
}
.admin_register .ar_inner .scroll_inner .list_inner .entry_list .item:last-child {
    border-bottom: none;;
}
.admin_register .ar_inner .scroll_inner .list_inner .entry_list .item span {
    font-size: 16px;
    letter-spacing: -0.4px;
    line-height: 24px;
}
.admin_register .ar_inner .scroll_inner .list_inner .entry_list .item button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width:52px;
    height:36px;
    font-size: 12px;
}
.admin_register .ar_inner .scroll_inner .list_inner .entry_list .item button.btn_entry {
    background-color: #29CB7E;
    color:#fff;
}
.admin_register .ar_inner .scroll_inner .list_inner .entry_list .item button.btn_cancle {
    background-color: #f5f3f0;
    border:1px solid rgba(221,211,211,0.7);
    color:#b8b5b1;
}
.admin_register .ar_inner .btn_wrap button.bg_gray {
    background-color: #999;
    color:#fff;
}
.admin_register .ar_inner .btn_wrap button.bg_white {
    background-color: #f5f3f0;
    color:#b8b5b1;
}
.admin_register .ar_inner .btn_wrap button:disabled {
    background-color: #f5f3f0;
    color:#b8b5b1;
}
.admin_register .ar_inner .qr_screen {
    margin-top:30px;
}
.admin_register .ar_inner .qr_screen .photo {
    background-color: #fff;
    height:350px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding:40px;
}
.admin_register .ar_inner .qr_screen .photo .scan {
    width:100%;
    height:100%;
}
.admin_register .ar_inner .qr_screen .top {
    text-align: center;
    background-color:#f5f3f0;
    display: flex;
    align-items: center;
    justify-content: center;
    height:60px;
}
.admin_register .ar_inner .qr_screen .top h2 {
    font-size: 16px;
}

.layer_popup_wrap.btn_layout_b .layer_popup_cont {
    padding:40px 20px;
}
.layer_popup_wrap.btn_layout_b .layer_popup_cont .flex .item {
    display: flex;
    width:100%;
    padding:20px;
    text-align: center;
    box-sizing: border-box;
}
.layer_popup_wrap.btn_layout_b .layer_popup_cont .flex .item .left {
    text-align: left;
    flex:1;
}
.layer_popup_wrap.btn_layout_b .layer_popup_cont .flex .item .btn_wrap {
    flex:1;
    max-width: 290px;
}
.layer_popup_wrap.btn_layout_b .layer_popup_cont .flex .item button {
    width:290px;
}
.layer_popup_wrap.btn_layout_b .btn_wrap {
    display: flex;
}
.layer_popup_wrap.btn_layout_b .btn_wrap button {
    flex:1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height:56px;
    font-size: 18px;
}
.layer_popup_wrap.btn_layout_b .btn_wrap button.bg_gray {
    color:#000;
    background-color: #e4dcd3;
}
.layer_popup_wrap.btn_layout_b .btn_wrap button.bg_green {
    color:#fff;
    background-color: #29cb7e;
}
.layer_popup_cont.bb_new {
    text-align: center;
}
.layer_popup_cont.bb_new .coupon_area {
    margin-bottom:20px;
}
.layer_popup_cont.bb_new .coupon_title .cp_num {
    font-size: 20px;
    color:#29cb7e;
    margin-bottom: 30px;
}
.layer_popup_cont.bb_new .coupon_title .title h2 {
    font-size:20px;
    line-height: 26px;
    margin-bottom:10px;
}
.layer_popup_cont.bb_new .coupon_info .cp_tit {
    color:#626262;
    font-size:16px;
    line-height: 24px;
}
.layer_popup_cont.bb_new .form_check .txt {
    font-size:14px;
    color:#000;
}
.layer_popup_cont.bb_new .noti { 
    font-size:14px;
    margin-top:8px;
}
.layer_popup_cont.bb_new .alert_title {
    font-size: 20px;
    line-height: 28px;
} 
/* 간편 가입 회원 가입 약관 팝업 */

/*p, tbody td font-size 14 -> 16 */
.layer_popup_cont.bb_new .policy_wrap p {font-size: 16px; line-height: 20px; padding: 1px 0 10px; }
.layer_popup_cont.bb_new .policy_wrap .txt_green {font-size: 14px; line-height: 20px; padding: 1px 0 10px; color: #29CB7E;}
.layer_popup_cont.bb_new .policy_wrap ol {font-size: 13px; line-height: 20px; padding: 1px 0 7px 14px; margin-left: 0;}
.layer_popup_cont.bb_new .policy_wrap ol li {padding: 0 0 10px 0;}
.layer_popup_cont.bb_new .policy_wrap ul {font-size: 13px; line-height: 20px; padding: 1px 0 7px 0; margin-left: 0;}
.layer_popup_cont.bb_new .policy_wrap ul li { margin-top: 10px; }
.layer_popup_cont.bb_new .policy_wrap ul li:first-child { margin-top: 0; }
.layer_popup_cont.bb_new .policy_wrap table {border: 1px solid #e4dcd3;}
.layer_popup_cont.bb_new .policy_wrap table thead th {background: #f5f3f0; color: #000; font-size:13px; font-weight: normal; border-bottom-color: #fff; padding:8px 0; text-align:center;}
.layer_popup_cont.bb_new .policy_wrap table thead td {background: #f5f3f0; color: #000; font-size:13px; border-bottom-color: #fff; padding:8px 0; text-align:center;}
.layer_popup_cont.bb_new .policy_wrap table tbody th {background: #e4dcd3; color: #000; font-size:13px; font-weight: normal; border-bottom-color: #fff; border-left:1px solid #fff; border-right:1px solid #fff; padding:8px 15px;}
.layer_popup_cont.bb_new .policy_wrap table tbody td {background: #fff; color: #000; font-size:16px; border-bottom-color: #e4dcd3; padding:8px 15px;  word-break: keep-all;}
.layer_popup_cont.bb_new .policy_wrap table tbody td a {color: #006992;}
.layer_popup_cont.bb_new .main_title {
    font-size:20px;
}
.layer_popup_cont.bb_new .sb_title {
    margin:20px 0;
    color:#626262;
    font-size: 16px;
    display: block;
}
.layer_popup_cont.bb_new .only_one.bg_green {
    width:200px;
    height:56px;
    color:#fff;
    background-color: #29CB7E;
    font-size: 20px;
    margin-top: 40px;
}
.layer_popup_cont.bb_new .only_one.bg_green:disabled {
    opacity: .5;
}
.layer_popup_cont.bb_new .form_txt {
    width:100%;
}
.layer_popup_cont.bb_new .form_txt .lock {
    padding:13px 20px 13px 45px;
    background-image: url(../../images/ico/icn_lock.png);
    background-size: 15px 15px;
    background-position: 20px center;
    background-repeat: no-repeat;
}
/* 약관보기 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
.layer_popup_cont.bb_new .policy_wrap{overflow-y:auto; width:100%; height:350px; margin-top:3em; padding:1em; border:1px solid #e6ded6; box-sizing: border-box; text-align: left;}
.layer_popup_cont.bb_new .policy_wrap .terms_txt {white-space: pre-line; line-height: 30px;}
.layer_popup_cont.bb_new .policy_wrap .terms_txt table {white-space:normal;}
@media screen and (max-width: 768px){
    .layer_popup_cont.bb_new .policy_wrap{height:200px; margin-top:2em;}
    .layer_popup_wrap.btn_layout_b .layer_popup_cont .flex .item {
        flex-direction: column;
    }
    .layer_popup_wrap.btn_layout_b .layer_popup_cont .flex .item .left {
        text-align: left;
        flex:1;
    }
    .layer_popup_wrap.btn_layout_b .layer_popup_cont .flex .item .btn_wrap {
        max-width: none;
        width:100%;
    }
}

/* table */
.data_table{width:calc(100% - 2px); } /* &html 20180119 정윤진, 테이블 양쪽 막힌 스타일로 변경 #36652 */
.data_table .thead_th,
.data_table .tbody_th,
.data_table th,
.data_table td{height:50px; padding:10px 1em; background:#fff; border-bottom:1px solid #e4dcd3; word-break: break-word; background:#fff;}
.data_table .thead_th,
.data_table .tbody_th,
.data_table th{ font-weight:normal; border: 1px solid #fff; border-bottom: none; } /* &html 20180119 정윤진, 테이블 양쪽 막힌 스타일로 변경 #36652 */
.data_table td{ border: 1px solid #e4dcd3; } /* &html 20180119 정윤진, 테이블 양쪽 막힌 스타일로 변경 #36652 */
.data_table td + td{border-left:1px solid #e4dcd3;}
.data_table th + th{border-left:1px solid #fff;}
.data_table .thead_th:first-child,
.data_table thead th:first-child { border-left-color: #e4dcd3; } /* &html 20180119 정윤진, 테이블 양쪽 막힌 스타일로 변경 #36652 */
.data_table .thead_th:last-child,
.data_table thead th:last-child { border-right-color: #e4dcd3; } /* &html 20180119 정윤진, 테이블 양쪽 막힌 스타일로 변경 #36652 */
.data_table thead tr:first-child th,
.data_table thead + tbody tr:first-child td { border-top: none; } /* &html 20180119 정윤진, 테이블 양쪽 막힌 스타일로 변경 #36652 */
.data_table .thead_th,
.data_table thead th{background:#f5f3f0; color:#000; border-color:#e4dcd3;}
.data_table .tbody_th,
.data_table tbody th{background:#e4dcd3; color:#000; border-bottom-color:#e4dcd3; -ms-word-break: break-all;}
.data_table colgroup + tbody tr:first-child td{border-top:1px solid #e4dcd3;}
.data_table tbody tr:last-child td{border-bottom:1px solid #e4dcd3}
/*.data_table tbody tr:first-child th{border-top-color:#e4dcd3;}*/
.data_table tbody tr:last-child th{border-bottom:1px solid #e4dcd3;}
/*.data_table thead + tbody tr:first-child th{border-top-color:#fff;}*/
.data_table td.line{border-left:1px solid #e4dcd3;}
.data_table .th.line,
.data_table th.line{border-left:1px solid #e4dcd3;}
.data_table .th.last,
.data_table th.last{border-bottom-color:#e4dcd3;}
.data_table .th.text-center,
.data_table th.text-center,
.data_table td.text-center { text-align: center; }
.data_table th.break_all,
.data_table td.break_all {word-break:break-all;}
.data_table .borderL_none {border-left:0 none;}
.data_table .borderR_none {border-right:0 none;}
.data_table .borderB_none {border-bottom:0 none !important;}
.data_table .borderT_gray {border-top:1px solid #e4dcd3;}
/* &html 20180120 정윤진, 테이블 안에 테이블일 경우 스타일 추가 */
.data_table tbody .data_table thead tr th:first-child { border-left-color: #fff; }
.data_table tbody .data_table thead tr th:last-child  { border-right-color: #e4dcd3; }
.data_table.tr_pointer tbody tr {cursor: pointer;} /* 20180122 김기용, 클릭 가능한 tr 표시 */
.data_table[span-row] {visibility: hidden;} /* 20180329 김기용: 동일정보 행 자동 병합 plug-in 사용, 병합중 깜박임 방지를 위해, 병합 후 보이게함 */
.data_table.lucky_pass tbody th + td {color: #626262 !important;}
.data_table.lucky_pass tbody th + td + td, 
.data_table.lucky_pass tbody td:nth-child(2) {font-size: 14px; color:#959595;}
.data_table.lucky_pass tbody td:first-child
.data_table.lucky_pass tbody td:last-child {font-size: 14px; color: #626262;}


/* 20180201 함은주, 테이블 라인 수정 */
.data_table.ui_accordion_table .opened + tr td {border-right-color:#f6f3f2;}
@media screen and (max-width: 767px){
    .data_table.freecode_table tbody td {padding:10px 4px;text-align:center;}
}

/* table scroll */
.table_scrollable,
.table_scroll {position:relative; overflow-x:auto; width:100%;} /* 20180127 정윤진, table_scroll 클래스 속성 추가 */
.table_scrollable .data_table,
.table_scroll .data_table {table-layout: fixed;}
.table_scrollable .data_table table,
.table_scroll .data_table table {width: 100%;}
@media screen and (max-width: 767px){
    .table_scrollable .data_table.wide {width:200%;}
}
@media screen and (min-width: 426px) and (max-width: 767px){
    .table_scrollable .data_table,
    .table_scroll .data_table {width:150%;}
}
@media screen and (max-width: 425px){
    .table_scrollable .data_table,
    .table_scroll .data_table{width:200%;}
}
/* ul, bullet style */
[class^="list"]{}
[class^="list"]:after{content:''; display: block; clear: both;}
[class^="list"]>li{margin-top:5px; line-height:1.75;}
[class^="list"]>li:first-child{margin-top:0;}
[class^="list"] [class^="list"]{margin:5px 0 10px; font-size:0.9em;}
[class^="list"][class*="col_"]>li{float:left;}
[class^="list"].col_02>li{width:50%;}
[class^="list"].col_03>li{width:33.3%}
[class^="list"].col_04>li{width:25%;}
[class^="list"].col_05>li{width:20%;}
/* bullet, list bullet */
[class^="bullet_"],[class^="bullet_"],
[class*="_bullet"]>li{position:relative; padding-left:10px; text-align: left; }
[class^="bullet_"][class*="_dash"]:before,
[class*="_bullet"][class*="_dash"]>li:before{content:'- '; position:absolute; top:0; left:0;}
[class^="bullet_"][class*="_dot"]:before,
[class*="_bullet"][class*="_dot"]>li:before{content:'· '; position:absolute; top:0; left:0;}
[class^="bullet_"][class*="_1em"],
[class*="_bullet"][class*="_1em"]>li{padding-left:1.2em;}
[class^="bullet_"][class*="_1em"]:before,
[class*="_bullet"][class*="_1em"]>li:before{content:'※'; position:absolute; top:0; left:0;}
[class^="bullet_"][class*="_1emtext"],
[class*="_bullet"][class*="_1emtext"]>li{padding-left:0; margin-left:1em; text-indent:-1em;}
[class^="bullet_"][class*="_1emtext"]:before,
[class*="_bullet"][class*="_1emtext"]>li:before{display:none;}
[class^="bullet_"][class*="_1emtext"] *:not(i),
[class*="_bullet"][class*="_1emtext"]>li *:not(i) {margin-left:0; text-indent:0;}
[class*="_bullet"][class*="_1emtext"]>li .bullet_1emtext,
[class*="_bullet"][class*="_1emtext"]>li .list_bullet_1emtext > li {margin-left:1em; text-indent:-1em;}
[class^="bullet_"][class*="_star"]:before,
[class*="_bullet"][class*="_star"]>li:before{content:'*'; position:absolute; top:0; left:0;}
p[class^="bullet_"]{/*line-height:22px;*/ line-height:1.6em;}


/* table layout */
.ui_table{}
.ui_table>dl{display:table; width:100%; table-layout: fixed;}
.ui_table>dl>*{display:table-cell; vertical-align: middle;}
.ui_table>dl>dt{width:20%; color:#000;}
.ui_table.type_01{border-bottom:1px solid #e4dcd3; font-size:14px; line-height: 24px;}
.ui_table.type_01>dl>dt{padding:10px 1em; background:#e4dcd3; border-top:1px solid #fff; text-align:center;}
.ui_table.type_01>dl:first-child>dt{border-top-color:#e4dcd3;}
.ui_table.type_01>dl>dd{padding:1em; background:#fff; border-top:1px solid #e4dcd3;}
.ui_table.type_01 dd + dd{border-left:1px solid #e4dcd3;}
.table{display:table; width:100%;}
.table>*{display:table-cell; vertical-align: middle;}
/* form layout */
.hmc_form{position:relative;}
.hmc_form .ui_table label {color: #000;}
.hmc_form .ui_table label.btn_md_primary {color:#fff;}
.hmc_form .form_title{padding-bottom:30px; font-size:30px;}
.hmc_form .ui_table>dl>*{vertical-align: top;}
/* 20180207 함은주, safari 정렬 */
.safari .hmc_form .ui_table>dl>dt .text_warning {vertical-align: top;}

.hmc_form .ui_table>dl>dt.no-before:before { margin-right: -4px; } /* 가상객체제거 */
.hmc_form .ui_table>dl>dt.is-sr-only span { visibility: hidden; }

.hmc_form .ui_table .email_input {display:table;width:calc( 100% - 130px );width:-webkit-calc( 100% - 130px );width:-moz-calc( 100% - 130px );}
.hmc_form .ui_table .email_input span {display:table-cell;padding:0 4px;vertical-align:middle;}
.hmc_form .ui_table .email_input .input_wrap, .hmc_form .ui_table .email_input .select_wrap {width:-webkit-calc( (100% - 34px) /3 );width:-moz-calc( (100% - 34px) /3 );/*min-width:auto;*/padding:0;vertical-align:middle;}

.hmc_form .ui_table>dl>dd>p[class^="text"]{}
.hmc_form .ui_table>dl>dd>p[class^="text"]:before{content:''; display: inline-block;width:0; height:40px; vertical-align: middle;}
.hmc_form .ui_table>dl + dl,
.hmc_form .ui_table>dl>dd>div + div,
.hmc_form .ui_table + .ui_table{margin-top:20px;}
.hmc_form .ui_table>dl>dd>div:after{content:''; display: block; clear: both;}
.hmc_form .ui_table>dl>dd>div>*{float:left;}
.hmc_form .input_group{}
.hmc_form .input_group:after{content:''; display: block; clear: both;}
.hmc_form .input_group>*{float:left; min-width:inherit !important;}
.hmc_form .input_group>*>*{width:100%;}
.hmc_form .input_group .space{width:10px; height:40px;}
.hmc_form .input_group.ea_02>*:not(.space){width:calc(50% - 5px);}
.hmc_form .input_group.ea_03>*:not(.space){width:calc((100% - 20px) / 3 );}
.msie .hmc_form .input_group.ea_03>*:not(.space){width:calc((100% - 21px) / 3 );}
/* flex box */
.hmc_form .ui_table .box-flex {display: flex; gap: 10px;}
.hmc_form .ui_table .box-flex:after {display: none;}
.hmc_form .ui_table>dl>dd>.box-flex>*{float:none;}

.nowrap.radio_set {float:right; margin-top:8px;}
.nowrap.radio_set .check_wrap {min-width:100px;}
.row_title {
    font-size: 20px;
    margin-bottom:20px;
}
.contents_title {font-size:28px; margin-bottom:40px;}

@media (min-width: 768px) { /* 광고성 정보 수신동의 제목 여백 */
    .hmc_form .ui_table>dl>dt.no-before {
        box-sizing: border-box;
        padding-right: 20px;
    }
}
@media (max-width: 767px) { /* 모바일에서 hidden */
    .hmc_form .ui_table>dl>dt.is-sr-only {
        display: none;
    }
    .hmc_form .ui_table .email_input {display:table;width:100%;table-layout:fixed;}
    .hmc_form .ui_table .email_input span {display:table-cell;width:20px;padding:0 4px;vertical-align:middle;text-align:center;}
    /*.hmc_form .ui_table .email_input span.input_wrap, .hmc_form .ui_table .email_input span.select_wrap {width:33%;}*/
    .hmc_form .ui_table .email_input .space {width:8px;}
    /* 2018-03-20 이지혜 : 아이폰 width calc가 적용이 안돼서 인풋이 깨지는 현상 수정 */
    .hmc_form .ui_table .email_input .input_wrap {width:28%;}
    .hmc_form .ui_table .email_input .select_wrap {width:34%;}
    /*  */
    .hmc_form .ui_table .box-flex.select_set > * {flex: 1;}
}
.mt-30 {
    margin-top: 30px !important;
}

@media screen and (max-width:767px){
    .no-before .nowrap.mobile_only {display:inline-block;margin-left:10px;}

    .member_join .service_select .row_title .agree_all{margin-top: 0;}
    .member_join .service_select .row_title .agree_all .check_wrap {min-width:auto !important;}
    .member_join .hmc_form + .row_title{margin-top:30px;}
    .member_join .hmc_form .ui_table>dl>dd>div>span{margin-top:10px;}
    .member_join .hmc_form .rdo_set.ea_03>*:first-child{width:100%;}
    .member_join .hmc_form .check_set.ea_03>*:first-child{width:100%;}
    .member_join .hmc_form .radio_set .check_wrap {margin-top:10px;}
    .hmc_form [class*="_set"].ea_02>*, .hmc_form [class*="_set"].ea_03>*,.hmc_form [class*="_set"].ea_04>*, .hmc_form [class*="_set"].ea_05>* {width: 50%; max-width: inherit !important; min-width: inherit !important;}
    .hmc_form .ui_table.responsive>dl:first-child {margin-top:0px;}
    
    .member_join [class^="btn_"][class*="_xs"] {color: #fff;}
    .member_join .hmc_form .service_select [class^="btn_"] {float:right;margin-top: 0px;}
    .member_join .service_select .nowrap.radio_set {float:none;}
    
    .member_join .sns_login li{ display: inline-block;padding: 15px;margin-top:10px;height: auto;text-align: left;}
    .member_join .sns_login li.motorstudio span {padding: 5px 0 5px 1em; vertical-align: top;}
    .member_join .sns_login li i{position: relative; left: 5px;top: 0; display: inline-block; transform:unset;}
    .member_join .sns_login li p {margin-left: 2px;width:100%;} /* 190114수정(추가) */
    .member_join .sns_login li p.text_line2 {margin-left: 0px;width:100%;} /* 190114수정(추가) */
    .member_join .sns_login li p.text_line2 small {position: static;} /* 190114수정(추가) */
    .member_join .sns_login li span{margin-left: 20px;min-width:auto;font-size: 15px;letter-spacing: -1.2px;vertical-align: middle;}
    .member_join .sns_login li small{display: block;margin-left: 0;padding: 12px 0 0;color: #626262;}
    .member_join .sns_login li button{position: relative;top: auto;right: auto;margin:12px 0 0;display: block;}
    .member_join .service_select .nowrap.radio_set {
        float: none;
    }
    .ui_table>dl>dt {width:30%;}
    .ui_table.responsive, .ui_table.responsive>*, .ui_table.responsive>*>* {
        display: block;
    }
    .service_select {padding:57px 20px !important; box-sizing: border-box;}
}
.nowrap {white-space: nowrap;}
.member_join .service_select .agrees .link {border-bottom: 1px solid #000;}

.service_select .btn_wrap {
    display: flex;
    margin-top:30px;
    gap:16px;
    justify-content: center;
}
.service_select .btn_wrap button {
    flex:1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height:56px;
    font-size: 18px;
    max-width:200px;
}
.service_select .btn_wrap button.bg_gray {
    color:#000;
    background-color: #e4dcd3;
}
.service_select .btn_wrap button.bg_green {
    color:#fff;
    background-color: #29cb7e;
}

@media screen and (max-width:768px) {
    .service_select .btn_wrap {
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    .service_select .btn_wrap button {
        flex:none;
        width:100%;
    }
}
.service_select .form_btn_wrap {
    margin-bottom: 20px;
    justify-content: flex-end;
}
.utilize .time_area {overflow:visible !important;}
.utilize .time_area .item_wrap {
    display: flex;
    gap: 70px 0;
    flex-wrap:wrap;
}
.utilize .time_area .item_wrap li {
    width:calc((100% / 3) - 10px);
    float:none;
    /* display: flex; */
    /* align-items: flex-start; */
}
.utilize .time_area .item_wrap.w_half li {
    width:calc((100% / 2) - 10px);
}
.utilize .time_area .item:after {
    top:10px;
    margin-top:20px;
}

@media screen and (max-width: 767px) { 
    .utilize .time_area .item_wrap {
        gap:20px 0;
    }
    .utilize .time_area .item_wrap li {
        width:100%;
    }
    .utilize .time_area .item_wrap.w_half li {
        width:100%;
    }
    .utilize .time_area .item dl {
        justify-content: flex-start;
    }
    .utilize .time_area .item dt {margin-top:10px;}

}

.layer_popup_cont .popup_noti_title {
    font-size:16px;
    line-height: 24px;
}
.layer_popup_cont .popup_noti_box {
    margin-top:10px;
}
.layer_popup_cont .popup_noti_box li {
    font-size:14px;
    line-height: 22px;
    color:#626262;
}


@media screen and (max-width:1240px) {
    .locinfo .info_box {
        flex-wrap:wrap;
        justify-content: flex-start;
        display: flex;
        gap:20px;
    }
    .locinfo .locinfo_map .tel {
        margin-left: 0;
    }
}

@media screen and (max-width:768px) {
    .locinfo .info_box {
        display: block;
    }
}
.input_wrap .input_label {
    display: block;
    margin-bottom: 5px;
    font-size:16px;
}
.input_wrap .form_txt {
    width:100%;
}
.survey_inner .agree_item {
    display: flex;
    flex-direction: column;
    gap:20px;
}
.survey_inner .agree_item .bg_wrap {
    border: 1px solid #DDD;
    background: #F9F8F7;
    padding:20px;
    display: flex;
    flex-direction: column;
    gap:10px;
}

.survey_inner .agree_item .bg_wrap .input_set.chk {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.survey_inner .agree_item .bg_wrap .input_set.chk .sm_btn {
    font-size:14px;
    color:#999;
    border-bottom: 1px solid #999;
}
.survey_inner .agree_item .bg_wrap .txt {
    flex-shrink: 0;
}
.survey_inner .agree_item .bg_wrap .form_check {
    display: flex;
    align-items: center;
}
@media screen and (max-width:768px) {
    .survey_inner .agree_item .bg_wrap .form_check {
        margin-top:0;
    }
    .survey_inner .agree_item .bg_wrap .input_set.chk {
        margin-top:0;
    }
}
.sub_cotn .section_col {
    display: flex;
    flex-direction: column;
    gap:60px;
    margin-top: 60px;
}
.sub_cotn .section_col .intro_txt {
    padding:40px 0;
    text-align: center;
}
.sub_cotn .section_col .intro_txt h2 {
    font-size: 36px;
    font-weight: 700;
    line-height: 44px;
}
.sub_cotn .section_col .intro_txt p {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px; /* 150% */
    letter-spacing: -0.4px;
    margin-top: 10px;
}
.sub_cotn .section_col .flex_kv {
    display:flex;
    gap:60px;
}
.sub_cotn .section_col .flex_kv .txt {
    display: flex;
    flex-direction: column;
    gap:40px;
}
.sub_cotn .section_col .flex_kv .txt h2 {
    font-size: 32px;
    font-weight: 700;
}
.sub_cotn .section_col .flex_kv .txt p {
    color:#999;
    font-size: 20px;
    font-weight: 400;
    line-height: 28px; /* 140% */
    letter-spacing: -0.5px;
}
.sub_cotn .section_col .flex_kv .img_box {
    width:480px;
    flex-shrink: 0;
}
.sub_cotn .section_col .grid_h {
    text-align: center;
    font-size: 32px;
    font-weight: 700;
}
.sub_cotn .section_col .grid_box {
    display: flex;
    flex-wrap:wrap;
    gap:40px 20px;
}
.sub_cotn .section_col .grid_box .grid {
    width:calc(50% - 10px);
    display: flex;
    flex-direction: column;
}
.sub_cotn .section_col .grid_box .grid .grid_title {
    margin-top: 20px;
    font-size: 32px;
    font-weight: 700;
    line-height: 40px;
}
.sub_cotn .section_col .grid_box .grid .grid_desc {
    margin:12px 0;
    font-size: 20px;
    line-height: 24px; /* 120% */
    letter-spacing: -0.5px;
    font-weight: 700;
}
.sub_cotn .section_col .grid_box .grid .sub_desc {
    font-size: 20px;
    line-height: 28px; /* 140% */
    letter-spacing: -0.5px;
    color:#999;
}
.m_hide {
    display: block;
}
.m_show {
    display: none;
}
@media screen and (max-width:768px) {
    .m_hide {
        display: none;
    }
    .m_show {
        display: block;
    }

    .sub_cotn .section_col {
        gap:40px;
        margin-top: 40px;
    }
    .sub_cotn .section_col .intro_txt {
        padding:20px 0;
    }
    .sub_cotn .section_col .intro_txt h2 {
        font-size: 24px;
        line-height: 32px;
    }
    .sub_cotn .section_col .intro_txt p {
        font-size: 16px;
        line-height: 24px; /* 150% */
    }
    .sub_cotn .section_col .flex_kv {
        display:flex;
        gap:40px;
        flex-direction: column;
    }
    .sub_cotn .section_col .flex_kv .txt {
        display: flex;
        flex-direction: column;
        gap:20px;
        order:1;
    }
    .sub_cotn .section_col .flex_kv .txt h2 {
        font-size: 20px;
    }
    .sub_cotn .section_col .flex_kv .txt p {
        font-size: 14px;
        line-height: 22px; /* 140% */
    }
    .sub_cotn .section_col .flex_kv .img_box {
        width:100%;
        order:0;
    }
    .sub_cotn .section_col .grid_h {
        font-size: 20px;
    }
    .sub_cotn .section_col .grid_box {
        gap:20px 0px;
    }
    .sub_cotn .section_col .grid_box .grid {
        width:100%;
    }
    .sub_cotn .section_col .grid_box .grid .grid_title {
        margin-top: 10px;
        font-size: 20px;
        line-height: 28px;
    }
    .sub_cotn .section_col .grid_box .grid .grid_desc {
        margin:12px 0;
        font-size: 14px;
        line-height: 20px; /* 120% */
    }
    .sub_cotn .section_col .grid_box .grid .sub_desc {
        font-size: 14px;
        line-height: 22px; /* 140% */
    }
}
.section_col .club_logo {
    width:500px;
}
.info_txt {
    display: flex;
    flex-direction: column;
    gap:40px;
}
.info_txt .li_title {
    font-size: 20px;
    font-weight: 700;
    line-height: 28px; /* 125% */
    margin-bottom: 12px;
}
.lititle_400 .info_txt .li_title {
    font-weight: 400;
}
.info_txt .lisub_title {
    font-weight: 700;
    margin-bottom: 12px;
}
.info_txt .txt_wrap p {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px; /* 140% */
    letter-spacing: -0.5px;
}
.info_txt .txt_wrap .desc {
    color:#999;
    display: block;
}
.info_txt .txt_wrap + .txt_wrap {
    margin-top: 40px;
}
.info_txt .li_item + .li_item {
    margin-top: 40px;
}
.table_list.tbody_th {
    margin-bottom: 12px;
}
.table_list.tbody_th tbody th {
    border-top: 1px solid #999;
    border-bottom: 1px solid  #999;
    background: #F5F3F0;
    font-size:18px;
    text-align: center;
}
.table_list.tbody_th thead th {
    border-top: 1px solid #999;
    border-bottom: 1px solid  #999;
    background: #F5F3F0;
    font-size:18px;
    text-align: center;
}
.table_list.tbody_th thead tr th {
    border-right:1px solid #999;
}
.table_list.tbody_th thead tr th:last-child {
    border-right: none;
}
.table_list.tbody_th tbody td {
    font-size:18px;
    border-top: 1px solid #999;
    border-bottom: 1px solid  #999;
}
.table_list.multi tbody th {
    border-right:1px solid #999;
}
.com_btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap:20px;
}
.com_btn .bg_green {
    max-width:340px;
    flex:1;
    height: 48px;
    background-color: #29CB7E;
    color:#fff;
    font-size: 18px;
}
.com_btn .bg_beige {
    max-width:340px;
    flex:1;
    height: 48px;
    background-color: #E4DCD3;;
    color:#000;
    font-size: 18px;
}
.table_list.none_border {
    margin-top: 80px;
}
.table_list.none_border thead th {
    border:none;
    background-color: transparent;
    text-align: left;
    padding:0px 16px;
    border-right: 1px solid #999;;
}
.table_list.none_border thead th:last-child {
    border-right: none;
}
.table_list.none_border thead img {
    width:175px;
}
.table_list.none_border tbody td {
    padding:40px 16px;
    border:none;
}
.table_list.none_border tbody td {
    border-right:1px solid #999;
}
.table_list.none_border tbody tr td:last-child {
    border-right:none;
}
.table_list.none_border tbody .content_txt p {
    font-size: 20px;
    font-weight: 700;
}
.table_list.none_border tbody .content_txt .sm {
    font-weight: 400;
}
.mo_table_scroll {
    overflow: auto;
}
.li_item.red_color  p {
    color:#D70F0F;
}
.info_txt .txt_wrap p.dot {
    position: relative;
    padding-left: 20px;
}
.info_txt .txt_wrap p.dot::before {
    content: '';
    width:4px;
    height:4px;
    background-color: #000;
    border-radius: 50%;
    position: absolute;
    top: 10px;
    left: 6px;
}
.section_col .flex_img {
    display: flex;
    gap:20px;
    flex-wrap:wrap;
}
.section_col .flex_img .img_item {
    /* flex:1; */
    display: flex;
    flex-direction: column;
    gap:20px;
    
}
.section_col .flex_img .img_item {
    width:calc((100% - 20px) / 2);
}
.section_col .flex_img .img_item .img_title {
    font-size: 20px;
}
.section_col .flex_img_wrap .img_title {
    font-size: 20px;
    margin-top: 20px;
}
@media screen and (max-width:768px) {
    .section_col .flex_img .img_item {
        width:100%;
    }
    .com_btn {
        flex-direction: column;
    }
    
    .com_btn button {
        width:100%;
        max-width: none !important;
        height:48px !important;
        flex:none !important;
    }
    .section_col .club_logo {
        width:100%;
    }
    .info_txt {
        display: flex;
        flex-direction: column;
        gap:40px;
    }
    .info_txt .li_title {
        font-size: 20px;
        font-weight: 700;
        line-height: 28px; /* 125% */
        margin-bottom: 20px;
    }
    .info_txt .txt_wrap p {
        font-size: 16px;
        line-height: 22px; /* 140% */
    }
    .info_txt .txt_wrap + .txt_wrap {
        margin-top: 20px;
    }
    .table_list.tbody_th tbody th {
        font-size:14px;
    }
    .table_list.tbody_th tbody td {
        font-size:14px;
    }
    .table_list.tbody_th thead th {
        font-size:14px;
    }
    .table_list.none_border tbody .content_txt p {
        font-size: 14px;
    }
    .com_btn {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .com_btn .bg_green {
        width:100%;
        font-size: 14px;
    }
    .info_txt .li_item + .li_item {
        margin-top: 20px;
    }
    .section_col .flex_img {
        flex-direction: column;
    }
}

/* 2025-10-01 */
.seoul_sub_texts {
    margin-top:43px;
    margin-bottom:40px;
    font-size:16px;
    line-height: 26px;
}
.seoul_flex_btn_box {
    display:flex;
    gap:33px;
}
.seoul_bottom_border {
    padding-bottom:60px;
    border-bottom:1px solid #ddd;
}
.seoul_title_item {
    margin-top:60px !important;
}
.seoul_image_boxs {
    margin-top:28px;
}
.seoul_image_mo {
    display:none;
}
.seoul_image_boxs img {
    width: 100%;
}

@media screen and (max-width:768px) {
    .seoul_bottom_border {
        padding-bottom:40px;
    }
    .seoul_image_boxs {
        margin-top:20px;
    }
    .seoul_title_item {
        margin-top:40px !important;
    }
    .seoul_title_item > span {
        font-size:24px !important;
    }
    .seoul_image_pc {
        display:none
    }
    .seoul_image_mo {
        display:block;
    }
    .seoul_flex_btn_box {
        flex-direction: column;
        gap:12px;
    }
 }