@import url('animation.css');

/*basic-set*/
input[type=text],
input[type=password],
textarea
{
    -webkit-box-sizing :border-box;
    -moz-box-sizing :border-box;
    box-sizing :border-box;
	line-height:150%;
	vertical-align:top;
}
* { position:relative; word-break:keep-all; }
a.off { opacity:0.4; -webkit-opacity:0.4; pointer-events:none; cursor:default; }
.bt_ov { position:absolute; top:0; left:0; right:0; bottom:0; text-indent:-9999px; }
.pu_bg { position:fixed; top:0; left:50%; bottom:0; transform: translateX(-50%); width: 100%; max-width: 540px; background:rgba(0,0,0,0.65); z-index:98; display:none; transition:none; }
.pu { position:fixed; top:50%; left:50%; transform:translate(-50%,-50%); z-index:99; display:none; transition:none; }
.pu_bg.main { opacity: 0; animation: fadeIn 0.5s both; animation-delay: 0.8s; }
.pu.main { opacity: 0; animation: fadeIn 0.5s both; animation-delay: 0.8s; }
button { border: 0; width: 100%; }

@media screen and (max-width:1024px) {
}


/* layout */
body { background: #f6f1eb; }
html.on { height: 100%; overflow: hidden; }
#wrap { overflow: hidden; }
#mo_wrap { position: relative; max-width: 540px; margin: 0 auto; background: #fff; box-shadow: 0 15px 30px rgba(0,0,0,0.2); transition: all 0.7s; }
#wrap.main #mo_wrap { opacity: 0; animation: fadeIn 0.5s both; animation-delay: 0.8s; }
#mo_wrap.bk { background: #000; }
#mo_wrap.grey { background: #f7f8fa; }
#quick_l,
#quick_r { position: fixed; top: 50%; transform: translateY(-50%); display: flex; flex-direction: column; gap: 7px; }
#wrap.main #quick_l,
#wrap.main #quick_r { opacity: 0; animation: fadeIn 0.5s both; animation-delay: 1.3s; }
#quick_l li a,
#quick_r li a { display: block; background: #fff; box-shadow: 0 5px 5px rgba(0,0,0,0.1); }
#quick_l { left: 50%; margin-left: -410px; width: 130px; }
#quick_l li a { line-height: 38px; border-radius: 25px; font-weight: 500; padding-left: 20px; }
#quick_l li a::after { content: ''; position: absolute; top: 0; right: 12px; bottom: 0; width: 16px; background: no-repeat center center; }
#quick_l li:nth-child(1) a::after { background-image: url(../images/quick_l_ic01.png); background-size: 100% auto; }
#quick_l li:nth-child(2) a::after { background-image: url(../images/quick_l_ic02.png); background-size: 80% auto; }
#quick_l li:nth-child(3) a::after { background-image: url(../images/quick_l_ic03.png); background-size: 75% auto; }
#quick_r { right: 50%; margin-right: -400px; width: 120px; }
#quick_r li a { height: 75px; border-radius: 10px; }
#quick_r li a span { position: absolute; top: 10px; left: 12px; font-weight: 500; }
#quick_r li a em { position: absolute; bottom: 10px; left: 12px; font-size: 12px; }
#quick_r li a::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: no-repeat center bottom/100% auto; border-radius: 10px; }
#quick_r li:nth-child(1) a::before { background-image: url(../images/quick_r_bg01.png); }
#quick_r li:nth-child(2) a::before { background-image: url(../images/quick_r_bg02.png); }
#quick_r li a::after { content: ''; position: absolute; top: 10px; right: 12px; width: 22px; height: 22px; background: no-repeat center center; }
#quick_r li:nth-child(1) a::after { background-image: url(../images/quick_r_ic01.png); background-size: 80% auto; }
#quick_r li:nth-child(2) a::after { background-image: url(../images/quick_r_ic02.png); background-size: 100% auto; }

header { position: fixed; top: 0; left: 50%; width: 100%; max-width: 540px; transform: translateX(-50%); height: 52px; z-index: 20; transition: all 0.3s; }
header.sticky { background: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.2); }
header.off { top: -52px; }
header h1 { position: absolute; top: 50%; left: 15px; transform: translateY(-50%); }
header h1 a { display: block; width: 100px; height: 28px; background: url(../images/logo.png) no-repeat 0 0/contain; text-indent: -9999px; } /*241031 수정  background: url(../images/logo.png) no-repeat 0 0/auto 100%; */
header #bt_menu { position: absolute; top: 50%; right: 15px; transform: translateY(-50%); width: 90px; height: 22px; background: url(../images/bt_menu.png) no-repeat right 0/auto 100%; text-indent: -9999px; }
.header_gap { height: 52px; }

/*241202 수정 일본어 추가*/
header .h_lang { position: absolute; top: 50%; right: 115px; transform: translateY(-50%); }
header .h_lang .bt_lang { display: block; width: 44px; height: 22px; background: url(../images/ic_lang_chn_long.png) 0/100%; text-indent: -9999px; }
header .h_lang ul { position: absolute; top: 40px; left: 0; width: 60px; padding: 0 12px; background: #5e5e5e; border-radius: 10px; display: none; }
header .h_lang.on ul { display: block; }
header .h_lang ul li { border-bottom: 1px solid #ababab; }
header .h_lang ul li:last-child { border: 0; }
header .h_lang ul li a { display: block; line-height: 40px; font-size: 15px; color: #fff; text-align: center; }
header .h_lang ul li a::before { content: ''; display: inline-block; width: 14px; height: 14px; vertical-align: middle; margin: -3px 8px 0 0; background-size: 100% 100%; }
header .h_lang ul li.kor a::before { background: url(../images/ic_lang_kor.png); }
header .h_lang ul li.jpn a::before { background: url(../images/ic_lang_jpn.png); }
header .h_lang ul li.chn a::before { background: url(../images/ic_lang_cn.png); }
header .h_lang ul li.usa a::before { background: url(../images/ic_lang_us.png); }

.bg_tx { position: fixed; top: 35px; left: 50%; transform: translateX(-50%); width: 1680px; height: 500px; background: url(../images/bg_tx.png) no-repeat center 0/100% auto; text-indent: -9999px; }
#wrap.main .bg_tx  { opacity: 0; animation: fadeIn 1s both; animation-delay: 0.2s; }
@media screen and (max-width:480px) {
.bg_tx { position: fixed; top: 45%; left: 50%; transform: translateX(-50%); width: 100%; background: url(../images/bg_tx.png) no-repeat center 0/100% auto; text-indent: -9999px; }
#wrap.main .bg_tx  { opacity: 0; animation: fadeIn 1s both; animation-delay: 0.2s; }
}


.f_map { padding-bottom: 46.6%; background: url(../images/f_adr_bg.png) center center/cover; font-size: 16px; color: #fff; }
.f_map .adr { position: absolute; top: 18px; left: 15px; line-height: 135%; }
.f_map .bt_amp { position: absolute; top: 18px; right: 15px; text-decoration: underline; font-family: Helvetica, sans-serif; color: #fff; }

footer { background: #000; padding: 20px 15px 30px; color: #fff; line-height: 135%; }
footer .logo { display: block; width: 110px; height: 36px; background: url(../images/lofo_f.png) no-repeat 0/auto 100%; text-indent: -9999px; margin-bottom: 20px; }
footer .f_menu { text-align: right; margin-bottom: 40px; }
footer .f_menu.sns { margin-bottom: 15px; font-family: Helvetica, sans-serif; }
footer .f_menu li a { color: #fff; font-weight: 300; line-height: 135%; }
footer .f_info { margin-bottom: 80px; }
footer .f_info>dl { margin-bottom: 18px; font-size: 14px; display: flex; gap: 20px; }
footer .f_info dl:last-child { margin: 0; }
footer .f_info>dl:nth-child(1) dd { color: #ec6708; }
footer .f_info>dl dl { display: flex; gap: 12px; margin-bottom: -12px; }
footer .f_info>dl dl dt { width: 50px; text-align: justify; letter-spacing: -2.5px; }
footer .f_info>dl dl dt::after { content: ''; display: inline-block; width: 100%; }
footer .f_g_info { font-weight: 300; color: #606060; margin-bottom: 24px; }
footer .copyright { font-weight: 300; color: #fff; }

.fixed_menu { position: fixed; bottom: 0; left: 50%; width: 100%; max-width: 540px; transform: translateX(-50%); height: 55px; background: #fff; display: flex; box-shadow: 0 0 10px rgba(0,0,0,0.2); z-index: 21; }
.fixed_menu li { width: 20%; }
.fixed_menu li a { display: block; line-height: 15px; padding: 31px 0 9px; text-align: center; font-weight: 500; }
.fixed_menu li.on a { color: #ec6708; }
.fixed_menu li a::before { content: ''; position: absolute; top: 10px; left: 0; right: 0; height: 15px; background: no-repeat center center/auto 100%; }
.fixed_menu li:nth-child(1) a::before { background-image: url(../images/fixed_menu_ic01.png); }
.fixed_menu li:nth-child(2) a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' data-name='레이어_1' viewBox='0 0 17 16'%3E%3Cimage xlink:href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAQCAYAAADwMZRfAAAACXBIWXMAAAsTAAALEwEAmpwYAAABEklEQVQ4jZ3SvyvEcRgH8Nd9ZVJGhVIuNoNfdUxMkpBVCpvB4E8wGGS1EYqUxUAZZVUif8ClxELhlKLO6Qzfz9W5cr/e9alPz9P7/byfH/xFA2ZwiDt8I48s0jjAFKJiUqLoP4QddOEUF3jAF5qQxFh4aSzgplhsMlTbR4vyaMVREB8vBDvxgdUK5FJs4B1tCeyiGyPi/qtFhCtcwhNma3RRwCIehep9dYoMIB/hGT11iiSRSWAb/Ujhp0aRE/GWtCODPfGxVYs58TH2FgIpvOEawxXIzVhHDsulyQ4ciwc9GFxNi9e/gjWcBfv3IfcvchjFFl6xhFucY1N83Y0V3MoHwmcVrZUVyWKiXgF4wXwthF8oJDylBTwupAAAAABJRU5ErkJggg==' width='17' height='16'/%3E%3C/svg%3E");}
/*241031 수정 .fixed_menu li:nth-child(2) a::before { background-image: url(../images/fixed_menu_ic02.png); }*/
.fixed_menu li:nth-child(3) a::before { background-image: url(../images/fixed_menu_ic03.png); }
.fixed_menu li:nth-child(4) a::before { background-image: url(../images/fixed_menu_ic04.png); }
.fixed_menu li:nth-child(5) a::before { background-image: url(../images/fixed_menu_ic05.png); }
.fixed_menu li:nth-child(1).on a::before { background-image: url(../images/fixed_menu_ic01on.png); }
.fixed_menu li:nth-child(2).on a::before { background-image: url(../images/fixed_menu_ic02on.png); }
.fixed_menu li:nth-child(3).on a::before { background-image: url(../images/fixed_menu_ic03on.png); }
.fixed_menu li:nth-child(4).on a::before { background-image: url(../images/fixed_menu_ic04on.png); }
.fixed_menu li:nth-child(5).on a::before { background-image: url(../images/fixed_menu_ic05on.png); }
.fixed_menu li.new a::after { content: ''; position: absolute; top: 7px; left: 50%; margin-left: 8px; width: 6px; height: 6px; background: #ec6708; border-radius: 100%; }
.fixed_menu_gap { height: 55px; }

#menu { position: fixed; top: 0; left: 50%; bottom: 0; width: 100%; max-width: 540px; overflow: hidden; overflow-y: auto; transform: translateX(-50%); background: #fff; z-index: 30; display: none; }
#menu.on { display: block; }
#menu .h_menu { padding: 0 15px; border-bottom: 1px solid #eaeaea; display: flex; gap: 15px; }
#menu .h_menu li a { display: block; line-height: 48px; }
#menu .bt_close { position: absolute; top: 15px; right: 15px; width: 18px; height: 18px; background: url(../images/bt_menu_close.png) 0/100% 100%; text-indent: -9999px; z-index: 1; }
#menu .gnb { padding: 24px 15px; display: flex; flex-wrap: wrap; border-bottom: 8px solid #f5f5f5; }
#menu .gnb dl { width: 50%; }
#menu .gnb dl.on { z-index: 1; }
#menu .gnb dl dt { line-height: 45px; padding-left: 15px; font-size: 16px; font-weight: 500; border-bottom: 1px solid transparent; cursor: pointer; }
#menu .gnb dl.on dt { border-bottom-color: #000; }
#menu .gnb dl dt::after { content: ''; position: absolute; top: 50%; right: 15px; transform: translateY(-50%); width: 12px; height: 7px; background: url(../images/arr_menu.png) 0/100% 100%; }
#menu .gnb dl.on dt::after { background-image: url(../images/arr_menu_on.png); }
#menu .gnb dl dd { display: none; padding: 12px 15px; background: #f9f9f9; margin-right: -100%; }
#menu .gnb dl:nth-child(2n) dd { margin: 0 0 0 -100%; }
#menu .gnb dl.on dd { display: block; }
#menu .gnb dl dd ul { display: flex; flex-wrap: wrap; }
#menu .gnb dl dd ul li { width: 50%; }
#menu .gnb dl dd ul li a { display: block; line-height: 35px; font-size: 14px; font-weight: 500; color: #afafaf; }
#menu .gnb dl dd ul li.on a { color: #000; }

.h_event { padding: 35px 15px 40px; }
.h_event h3 { font-size: 15px; font-weight: 500; margin-bottom: 15px; }
.h_event h3 span::after { content: ''; position: absolute; left: calc(100% + 4px); width: 6px; height: 6px; background: #ec6708; border-radius: 100%; }
.h_event .bt_view_more { position: absolute; top: 32px; right: 15px; color: #ed7d31; font-weight: 500; }
.h_event .list { display: flex; gap: 15px; }
.h_event .list li { width: 33.3333%; }
.h_event .list li a { display: block; padding-bottom: 100%; border-radius: 12px; background: center center/cover; text-indent: -9999px; }

.h_mid_menu { display: flex; padding: 0 15px; background: #f8d9c8; } /*241027수정 f5f5f5*/
.h_mid_menu li { width: 33.3333%; }
.h_mid_menu li::after { content: ''; position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 1px; height: 15px; background: #e9e9e9; }
.h_mid_menu li:last-child:after { display: none; }
.h_mid_menu li a { display: block; line-height: 65px; font-size: 15px; font-weight: 500; text-align: center; }

.h_algorithms { padding: 35px 15px 55px; }
.h_algorithms h3 { font-size: 15px; font-weight: 500; margin-bottom: 15px; }
.h_algorithms .list { border-top: 1px solid #e9e9e9; }
.h_algorithms .list li { border-bottom: 1px solid #e9e9e9; padding: 8px 0; display: flex; gap: 15px; }
.h_algorithms .list li::before { content: ''; position: absolute; top: 50%; right: 15px; transform: translateY(-50%); width: 7px; height: 12px; background: url(../images/arr_thumb_list.png) 0/100% 100%; }
.h_algorithms .list li .ph { width: 70px; height: 70px; background: center center/cover; border-radius: 10px; }
.h_algorithms .list li .tx { width: calc(100% - 110px); padding: 14px 0; }
.h_algorithms .list li .tx .tit { font-size: 16px; font-weight: 600; margin-bottom: 5px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
.h_algorithms .list li .tx p { color: #b8b8b8; line-height: 130%; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }


/* main */
.mt_slider { background: #000; }
.mt_slider .swiper-slide { padding-bottom: 136%; background: no-repeat center center / cover; }
.mt_slider .swiper-slide .ph_bk { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: no-repeat right center/auto 100%; opacity: 0; transition-delay: 1s; }
.mt_slider .swiper-slide .ph { position: absolute; top: 0; left: 100%; right: 0; bottom: 0; background: no-repeat right center/auto 100%; }
.mt_slider .swiper-slide .ph::after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 0%; background: linear-gradient(to top, rgba(28,18,12,0.9) 0%, rgba(0,0,0,0) 100%); } /*241027수정 height: 60%;*/
.mt_slider .swiper-slide .tx { position: absolute; bottom: 50px; left: 20px; color: #fff; z-index: 1; }
.mt_slider .swiper-slide .tx h3 { font-size: 40px; color: #fff; margin-bottom: 10px; opacity: 0; }
.mt_slider .swiper-slide .tx p { font-size: 15px; opacity: 0; }

.mt_slider .swiper-slide-active .ph_bk { opacity: 1; }
.mt_slider .swiper-slide-active .ph { animation: wideFormRight 1s both; }
.mt_slider .swiper-slide-active .tx h3 { animation: fadeUp 0.5s both; animation-delay: 0.9s; }
.mt_slider .swiper-slide-active .tx p { animation: fadeUp 0.5s both; animation-delay: 1.1s; }

.mt_slider .swiper-pagination { left: auto; right: 20px; bottom: 40px; width: auto; padding: 0 10px; line-height: 25px; background: rgba(0,0,0,0.5); border-radius: 15px; color: #fff; font-weight: 300; }
.mt_slider .swiper-pagination-current { font-weight: 600; }

#main_container { padding: 60px 15px; }
h2.m_tit { font-size: 22px; font-weight: 700; }
.m_event { margin-bottom: 70px; }
.m_event h2.m_tit { margin-bottom: 15px; }
.m_event.sub h2.m_tit { margin-bottom: 30px; }
.m_event h2.m_tit span { color: #ec6708; }
.bk .m_event h2.m_tit { color: #fff; }
.m_event .s_menu { padding: 0;margin: 0;gap: 3px; margin-bottom: 25px; text-align: left; }
.m_event .s_menu li { display: inline-block; text-align: center;list-style: none;box-sizing: border-box; }

/*.m_event .s_menu { display: flex; gap: 3px; margin-bottom: 25px; }*/
.m_event .s_menu li input { display: none; }
.m_event .s_menu li input + label { display: block; line-height: 25px; border: 1px solid transparent; border-radius: 20px; padding: 0 10px; font-weight: 500; color: #bbb; transition: all 0.3s; }
.m_event .s_menu li input:checked + label { border-color: #000; color: #000; }
.m_event .swiper-slide { width: 300px; }
.m_event .swiper-slide .m_case { margin-bottom: 20px; }
.m_event .swiper-slide .m_case .ph { padding-bottom: 100%; background: center center/cover; border-radius: 15px; margin-bottom: 16px; }
.m_event .swiper-slide .m_case .tx .tit { font-size: 20px; font-weight: 600; margin-bottom: 3px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
.m_event .swiper-slide .m_case .tx p { color: #b8b8b8; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
.bk .m_event .swiper-slide .m_case .tx .tit { color: #fff; }
.bk .m_event .swiper-slide .m_case .tx p { color: #aaa; }
.m_event .swiper-slide .s_case { border-top: 1px solid #e9e9e9; }
.m_event .swiper-slide .s_case li { border-bottom: 1px solid #e9e9e9; padding: 8px 0; display: flex; gap: 15px; }
.m_event .swiper-slide .s_case li::before { content: ''; position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 7px; height: 12px; background: url(../images/arr_thumb_list.png) 0/100% 100%; }
.m_event .swiper-slide .s_case li .ph { width: 70px; height: 70px; background: center center/cover; border-radius: 10px; }
.m_event .swiper-slide .s_case li .tx { width: calc(100% - 110px); padding: 5px 0; }
.m_event .swiper-slide .s_case li .tx .tit { font-size: 16px; font-weight: 600; margin-bottom: 5px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
.m_event .swiper-slide .s_case li .tx p { color: #b8b8b8; line-height: 130%; text-overflow:ellipsis; overflow:hidden; white-space:normal; word-wrap:break-word; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }

.m_algorithms { margin-bottom: 70px; }
.m_algorithms h2.m_tit { margin-bottom: 25px; }
.bk .m_algorithms h2.m_tit { color: #fff; }
.m_algorithms .swiper-slide { width: 300px; }
.m_algorithms .swiper-slide .ph { padding-bottom: 135%; background: center center/cover; border-radius: 15px; margin-bottom: 16px; }
.m_algorithms .swiper-slide .tx .tit { font-size: 20px; font-weight: 600; margin-bottom: 3px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
.m_algorithms .swiper-slide .tx p { color: #b8b8b8; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
.bk .m_algorithms .swiper-slide .tx .tit { color: #fff; }
.bk .m_algorithms .swiper-slide .tx p { color: #aaa; }

.m_this_moment { margin-bottom: 70px; }
.m_this_moment h2 { font-size: 35px; margin-bottom: 30px; }
.bk .m_this_moment h2 { color: #fff; }
.m_this_moment h2 .c_og { color: #ec6708; }
.m_this_moment h2 .c_bl { color: #4cc5f2; }
.m_this_moment a { display: block; border-radius: 12px; overflow: hidden; }
.m_this_moment a img { width: 100%; }

.m_reason { margin-bottom: 70px; }
.m_reason h2.m_tit { margin-bottom: 30px; }
.bk .m_reason h2.m_tit { color: #fff; }
.m_reason h2.m_tit span { color: #ec6708; }
.m_reason .list li { margin-bottom: 10px; padding-bottom: 54.5%; background: center center/cover; border-radius: 12px; overflow: hidden; }
.m_reason .list li::before { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 40%; background: linear-gradient(to top, rgba(0,0,0,0.55) 0%, rgba(0,0,0,0) 100%); }
.m_reason .list li dl { position: absolute; bottom: 25px; left: 25px; color: #fff; z-index: 1; }
.m_reason .list li dl dt { font-size: 20px; font-weight: 600; margin-bottom: 5px; }
.m_reason .list li .bt_ov { background: rgba(0,0,0,0.7); opacity: 0; transition: all 0.3s; }
.m_reason .list li:hover .bt_ov { opacity: 1; }
.m_reason .list li .bt_ov::after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: url(../images/m_reason_ov.png) no-repeat center center/auto 70px; }

.n_news h2.m_tit { margin-bottom: 30px; }
.bk .n_news h2.m_tit { color: #fff; }
.n_news .swiper-slide { width: 300px; }
.n_news .swiper-slide .ph { padding-bottom: 56%; background: center center/cover; border-radius: 15px; margin-bottom: 16px; }
.n_news .swiper-slide .tx { font-size: 20px; font-weight: 600; margin-bottom: 3px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
.bk .n_news .swiper-slide .tx { color: #fff; }

/*241205 수정 팝업 추가*/
.m_popup { position:fixed; top:47%; left:50%; transform:translate(-50%,-50%); width: calc(100% - 30px); max-width: 500px; z-index:99; display:none; transition:none; font-size: 15px; color: #fff; background: none; }
.m_popup .swiper-slide { transition: none !important; }
.m_popup .swiper-slide img { width: 100%; }
.m_popup .swiper-pagination { position: absolute; top: calc(100% - 1px); bottom: auto; left: 0; right: 0; width: 100%; height: 50px; display: flex; background: #ddd; }
.m_popup .swiper-pagination-bullet { width: 100%; height: 50px; line-height: 50px; border-radius: 0; margin: 0 !important; background: #f6f6f6; font-size: 16px; color: #464646; opacity: 1; }
.m_popup .swiper-pagination-bullet-active { background: #ec6708; color: #fff; }
.m_popup .swiper-button-prev,
.m_popup .swiper-button-next { position:absolute; top:-42px; transform: none; margin: 0; width: 32px; height: 32px; background-size: 100%; }
.m_popup .swiper-button-prev { left: auto; right: 40px; background-image: url(../images/m_popup_bt_prev.png); }
.m_popup .swiper-button-next { right: 0; background-image: url(../images/m_popup_bt_next.png); }
.m_popup .today_stop { position: absolute; left: 0; bottom: -80px; }
.m_popup .today_stop input { display: none; }
.m_popup .today_stop input + label::before { content: ''; display: inline-block; width: 18px; height: 18px; border: 1px solid #fff; border-radius: 100%; background: url(../images/m_popup_cb.png) no-repeat 45% 55%/55% auto; vertical-align: middle; margin: -3px 9px 0 0; }
.m_popup .today_stop input:checked + label::before { background-color: #fff; background-image: url(../images/m_popup_cb_on.png); }
.m_popup .bt_close { position: absolute; right: 0; bottom: -80px; color: #fff; padding-right: 18px; background: url(../images/m_popup_bt_close.png) no-repeat right center/13px; }
.m_popup .title { width: 100%; height: 50px; line-height: 50px; border-radius: 0; margin: 0 !important; font-size: 16px; opacity: 1; background: #ec6708; color: #fff; text-align: center; }
@media screen and (max-width:480px) {
.m_popup .swiper-pagination-bullet { font-size: 15px; }
}

/* contents */
#container { padding: 15px 15px 70px; }
#container .s_tit { font-size: 22px; }
.st_area .ph { padding-bottom: 100%; overflow: hidden; margin-bottom: 16px; }
.st_area .ph .inner { position: absolute; top: 20px; left: 20px; right: 20px; bottom: 20px; animation: zoomIn 0.75s both; border-radius: 20px; overflow: hidden; transform-origin: center center; }
.st_area .ph .inner p { position: absolute; top: -40px; left: -40px; right: -40px; bottom: -40px; background: no-repeat center center/cover; border-radius: 20px; animation: zoomOut 0.75s both; transform-origin: center center; }
.st_area .tx { padding: 24px 0 50px; }
.st_area .tx h2 { font-size: 22px; margin-bottom: 12px; }
.st_area .tx h2 em { color: #ec6708; }
.st_area .tx p { font-size: 15px; color: #888; line-height: 140%; }
.st_area .tx ul { padding-top: 5px; }
.st_area .tx ul li { padding-left: 16px; background: url(../images/m_popup_cb_on.png) no-repeat 0 6px/auto 6px; color: #888; line-height: 130%; margin-bottom: 5px; }
.ds_line { border-bottom: 1px solid #d9d9d9; margin-bottom: 50px; }
.fc_og { color: #ec6708; }

.about_classy .beauty { margin-bottom: 75px; }
.about_classy .beauty h2 { margin-bottom: 10px; }
.about_classy .beauty .s_tx { color: #888; margin-bottom: 20px; }
.about_classy .slider { margin-right: -15px; overflow: hidden; }
.about_classy .mySwiper { overflow: visible; }
.about_classy .swiper-slide { width: 260px; }
.about_classy .swiper-slide .ph { padding-bottom: 126.6%; background: center center/cover; border-radius: 15px; }
.about_classy .swiper-slide .tx { position: absolute; left: 18px; right: 18px; bottom: 18px; color: #fff; }
.about_classy .swiper-slide .tx dt { font-size: 16px; font-weight: 500; margin-bottom: 5px; }
.about_classy .swiper-slide .tx dd { font-weight: 300; line-height: 130%; }

.about_classy .for_you h2 { margin-bottom: 30px; }
.about_classy .for_you .list li { margin-bottom: 25px; }
.about_classy .for_you .list li .ph { padding-bottom: 34.5%; background: center center/cover; margin-bottom: 15px; }
.about_classy .for_you .list li dl { color: #888; line-height: 130%; }
.about_classy .for_you .list li dl dt { font-size: 17px; color: #000; font-weight: 600; margin-bottom: 8px; }

.about_doctor li { margin-bottom: 50px; }
.about_doctor li .ph { padding-bottom: 80%; border-radius: 15px; background: center center/cover; margin-bottom: 24px; } /* padding-bottom: 67.2%;*/
.about_doctor li .tx dt { font-size: 22px; font-weight: 700; margin-bottom: 15px; }
.about_doctor li .tx dt span { display: block; font-size: 13px; color: #888; font-weight: normal; }
.about_doctor li .tx dd { color: #888; line-height: 145%; }

/*240923 의료진소개->대표원장 인사말 추가 */
.representative { padding-bottom: 172.7%; border-radius: 20px; background: center center/cover; margin-bottom:30px; }
.representative .con { position: absolute; top: 48px; left: 32px; right: 32px; }
.representative h3 { font-size: 18px; font-weight: 700; color: #000; margin-bottom: 20px; line-height: 140%; }
.representative p { font-size: 13px; color: #888; line-height: 110%; }

ul.tab_look_around { margin-bottom: 30px; display: flex; flex-wrap: wrap; gap: 20%; }
ul.tab_look_around li { width: 20%; }
ul.tab_look_around li a { display: block; color: #888; padding-left: 16px; background: url(../images/op_check.png) no-repeat 0 center/auto 6px; line-height: 250%; }
ul.tab_look_around li.active a { color: #000; background-image: url(../images/op_check_on.png); }
.tab_look_around_content { display: none; }
.tab_look_around_content.on { display: block; }
.tab_look_around_content dl { margin-bottom: 20px; }
.tab_look_around_content dl dt { font-size: 17px; font-weight: 500; margin-bottom: 8px; }
.tab_look_around_content dl dd { color: #888; line-height: 140%; }
.tab_look_around_content .ph { padding-bottom: 67.2%; border-radius: 15px; background: center center/cover; }

.about_guide h2 { margin-bottom: 20px; }
.about_guide > div { margin-bottom: 60px; }
.about_guide > div:last-child { margin: 0; }
.about_guide .quick_counseling .con { padding-bottom: 10px; }
.about_guide .quick_counseling .con>dl { padding: 24px; background: #f7f7f7; border-radius: 15px; margin-bottom: 10px; }
.about_guide .quick_counseling .con>dl>dt { font-size: 18px; font-weight: 700; margin-bottom: 8px; }
.about_guide .quick_counseling .con>dl>dd { color: #888; line-height: 135%; }
.about_guide .quick_counseling .con>dl>dd .p_num { display: block; font-size: 30px; font-weight: 600; color: #ec6708; line-height: 130%; margin-top: 12px; }
.about_guide .quick_counseling .con>dl>dd .rv_num { display: flex; gap: 40px; margin-top: 16px; }
.about_guide .quick_counseling .con>dl>dd .rv_num a { color: #ec6708; }
.about_guide .quick_counseling .con>dl>dd.time dl { display: flex; line-height: 145%; }
.about_guide .quick_counseling .con>dl>dd.time dl dt { width: 50px; }
.about_guide .quick_counseling .con>dl>dd.time dl dd { color: #000; }
.about_guide .quick_counseling .con>dl>dd.time p { margin-top: 10px; }
.about_guide .quick_counseling .precautions dt { font-size: 18px; font-weight: 700; margin-bottom: 5px; }
.about_guide .quick_counseling .precautions dd { font-size: 14.5px; color: #888; line-height: 135%;  }

.about_guide .map .adr { padding-left: 16px; background: url(../images/adr_deco.png) no-repeat 0 center/auto 16px; font-size: 15px; font-weight: 500; margin-bottom: 15px; }
.about_guide .map .map_img { padding-bottom: 47.2%; border-radius: 15px; background: center center/cover; margin-bottom: 20px; }
.about_guide .map .btns { display: flex; gap: 12px; }
.about_guide .map .btns a { display: block; width: 130px; line-height: 33px; font-size: 15px; color: #fff; font-weight: 500; border-radius: 16px; text-align: center; }
.about_guide .map .btns a.bt_naver { background: #03c75a; }
.about_guide .map .btns a.bt_google { background: #4082eb; }

/*240923 주차 추가*/
.about_guide .car .caution { padding-left: 20px; background: url(../images/parking_deco.png) no-repeat 0 center/auto 15px; font-size: 15px; font-weight: 500; margin-bottom: 15px; margin-top:16px; color:#ec6708;}
.about_guide .car .parking_img { padding-bottom: 47.2%; border-radius: 15px; background: center center/cover; margin-bottom: 20px; margin-top:20px; }

.about_guide .public_transport>dl { padding: 24px; background: #f7f7f7; border-radius: 15px; margin-bottom: 10px; }
.about_guide .public_transport>dl>dt { font-size: 18px; font-weight: 700; margin-bottom: 10px; }
.about_guide .public_transport>dl>dd { color: #888; line-height: 135%; }
.about_guide .public_transport>dl>dd .d2 { margin-bottom: 20px; }
.about_guide .public_transport>dl>dd .d2:last-child { margin: 0; }
.about_guide .public_transport>dl>dd .d2 dt { font-size: 15px; color: #000; font-weight: 500; margin-bottom: 8px; }
.about_guide .public_transport>dl>dd .d3 { margin-bottom: 10px; }
.about_guide .public_transport>dl>dd .d3:last-child { margin: 0; }
.about_guide .public_transport>dl>dd .d3 dt { font-size: 14px; display: inline-block; padding: 0 8px; line-height: 25px; border-radius: 5px; color: #fff; background: #28a41e; margin-bottom: 5px; }
.about_guide .public_transport>dl>dd .d3 dt.c01 { background: #004ab8; }
.about_guide .public_transport>dl>dd .d3 dt.c02 { background: #02aa4b; }
.about_guide .public_transport>dl>dd .d3 dt.c03 { background: #b80000; }
.about_guide .public_transport>dl>dd .d3 dt.c04 { background: #70b0e0; }

.about_guide .car>dl { padding: 24px; background: #f7f7f7; border-radius: 15px; margin-bottom: 10px; }
.about_guide .car>dl>dt { font-size: 18px; font-weight: 700; margin-bottom: 10px; }
.about_guide .car>dl>dd { color: #888; line-height: 135%; }

.about_star { display: flex; flex-wrap: wrap; gap: 25px 14px; }
.about_star li { width: calc(50% - 7px); }
.about_star li .ph { padding-bottom: 100%; border-radius: 10px; background: center center/cover; margin-bottom: 10px; }
.about_star li .tx { color: #888; }

.surgical_info>div { margin-bottom: 70px; }
.surgical_info .s_tit { margin-bottom: 30px; }
.surgical_info .g_info h3,
.surgical_info .reco_sj h3 { font-size: 15px; padding-bottom: 7px; border-bottom: 1px solid #d9d9d9; margin-bottom: 12px; }
.surgical_info .g_info { margin-bottom: 35px; }
.surgical_info .g_info .con dl { display: flex; gap: 30px; line-height: 135%; margin-bottom: 7px; }
.surgical_info .g_info .con dl:last-child { margin: 0; }
.surgical_info .g_info .con dl dt { width: 50px; }
.surgical_info .g_info .con dl dd { color: #888; }

.surgical_info .reco_sj { margin-bottom: 45px; }
.surgical_info .reco_sj ul li { padding-left: 14px; background: url(../images/reco_check.png) no-repeat 0 5px/auto 6px; margin-bottom: 10px; }
.surgical_info .reco_sj ul li:last-child { margin: 0; }

.surgical_info .gallery { margin: 0 -15px 70px 0;}
.surgical_info .gallery .swiper-slide { width: 300px; }
.surgical_info .gallery .swiper-slide .ph { padding-bottom: 126.6%; background: center center/cover; border-radius: 15px; margin-bottom: 12px; }
.surgical_info .gallery .swiper-slide .tx { color: #888; line-height: 135%; }

.surgical_info .mid_points { padding-bottom: 172.7%; border-radius: 20px; background: center center/cover; }
.surgical_info .mid_points .con { position: absolute; top: 48px; left: 32px; right: 32px; }
.surgical_info .mid_points h3 { font-size: 22px; font-weight: 700; color: #fff; margin-bottom: 20px; line-height: 140%; }
.surgical_info .mid_points ul li { background: rgba(255,255,255,0.15); padding: 10px 15px; border-radius: 10px; color: #fff; font-weight: 300; line-height: 150%; margin-bottom: 5px; }

.surgical_info .i_line>ul { display: flex; flex-wrap: wrap; gap: 10px; }
.surgical_info .i_line>ul>li { width: calc(50% - 5px); border-radius: 15px; background: #f6f8f9; }
.surgical_info .i_line>ul>li .ph { padding-bottom: 70%; background: center 0/100% auto; } /*50->70*/
.surgical_info .i_line>ul>li .tx { padding: 8px 10px; font-size: 16px; line-height: 140%; color: #888; text-align: center; }
.surgical_info .i_line>ul.big>li { width: 100%; }
.surgical_info .i_line>ul.big>li .ph { padding-bottom: 48.5%; }
.surgical_info .i_line>ul.big>li .ph .ph_tx { position: absolute; bottom: 48px; right: 20px; color: #fff; line-height: 175%; }
.surgical_info .i_line>ul.big>li .ph .ph_tx li { padding-left: 13px; }
.surgical_info .i_line>ul.big>li .ph .ph_tx li::before { content: ''; position: absolute; top: 7px; left: 0; width: 6px; height: 6px; border: 1px solid #fff; border-radius: 100%; }
.surgical_info .i_line>ul.big>li .tx { padding: 18px 15px; font-size: 15px; }
.surgical_info .i_line>ul.big>li .tx ul li { text-align: left; padding-left: 18px; background: url(../images/deco_check_bk.png) no-repeat 0 4px/13px; margin-bottom: 5px; }
.surgical_info .i_line>ul.big>li .tx ul li:last-child { margin: 0; }

.tb_df { width: 100%; border-collapse: collapse; }
.tb_df tr>*:nth-child(1) { display: none; }
.tb_df thead tr>*:nth-child(2n) { width: 43%; }
.tb_df.ty2 thead tr>*:nth-child(2n) { width: 50%; }
.tb_df thead th p { line-height: 35px; border-radius: 15px 15px 0 0; font-size: 15px; font-weight: normal; margin: 0 -1px -1px; }
.tb_df thead th.bf p { background: #dfdfdf; color: #888; }
.tb_df thead th.af p { background: #ec6708; color: #fff; margin: 0 -2px -1px; }
.tb_df tbody tr>* { padding: 15px 10px; line-height: 135%; color: #888; text-align: center; background: #f6f8f9; }
.tb_df.ty2 tbody tr>*:nth-child(2n-1) { padding: 0 5px; }
.tb_df tbody tr>*::after { content: ''; position: absolute; bottom: 0; left: 10px; right: 10px; height: 1px; background: #d3d3d3; }
.tb_df tbody tr.ph>*::after,
.tb_df tbody tr:last-child>*::after { display: none; }
.tb_df tbody td:nth-child(4) { background: #f6f1eb; border: 2px solid #ec6708; border-width: 0 2px; }
.tb_df tbody tr:last-child td:nth-child(4) { border-bottom: 2px solid #ec6708; }
.tb_df tbody .ph td { padding: 0; background: center center/cover; }
.tb_df tbody .ph td::before { content: ''; display: block; padding-bottom: 33.3333%; }
.tb_df.ty2 tbody .ph td::before { padding-bottom: 30%; }
.tb_df.ty2 tbody .ph.h50 td::before { padding-bottom: 50%; }
.tb_df.ty2 tbody .ph.h100 td::before { padding-bottom: 100%; }
@media screen and (max-width:480px) {
.tb_df tbody tr>* br { display: none; }
}

.tb_df2 { width: 100%; border-collapse: collapse; }
.tb_df2 thead tr>*:nth-child(2n-1) { width: 50%; }
.tb_df2 thead th p { line-height: 38px; border-radius: 15px 15px 0 0; font-size: 15px; font-weight: normal; margin: 0 -1px -1px; background: #000; color: #fff; }
.tb_df2 tbody tr>* { padding: 15px 10px; line-height: 135%; color: #888; text-align: center; background: #f6f8f9; }
.tb_df2 tbody tr>*:nth-child(2n) { padding: 0 5px; }
.tb_df2 tbody tr>*::after { content: ''; position: absolute; bottom: 0; left: 10px; right: 10px; height: 1px; background: #d3d3d3; }
.tb_df2 tbody tr>*:nth-child(2n):after,
.tb_df2 tbody tr:last-child>*::after { display: none; }

.surgical_info .step { padding: 70px 15px; margin: 0 -15px 70px; background: #f6f8f9; }
.surgical_info .step ul { display: flex; flex-wrap: wrap; gap: 30px 20px; margin-bottom: 70px; }
.surgical_info .step ul:last-child { margin: 0; }
.surgical_info .step ul li { width: calc(50% - 10px); }
.surgical_info .step ul li.wide { width: 100%; }
.surgical_info .step ul li .ph { padding-bottom: 100%; border-radius: 10px; background: center center/cover; margin-bottom: 10px; }
.surgical_info .step ul li.wide .ph { padding-bottom: 47.2%; }
.surgical_info .step ul li .tx { color: #888; line-height: 140%; }
.surgical_info .step ul li .tx .num { color: #000; font-weight: 600; margin-bottom: 5px; }
@media screen and (max-width:480px) {
.surgical_info .step ul li .tx br { display: none; }
}

/*240923 코성형 유형별 step 박스로 이동*/
.surgical_info .step_nose { padding: 20px 15px; margin: 0 -15px; background: #f6f8f9; }
.surgical_info .step_nose ul { display: flex; flex-wrap: wrap; gap: 30px 20px; margin-bottom: 70px; }
.surgical_info .step_nose ul:last-child { margin: 0; }
.surgical_info .step_nose ul li { width: calc(50% - 10px); }
.surgical_info .step_nose ul li.wide { width: 100%; }
.surgical_info .step_nose ul li .ph { padding-bottom: 100%; border-radius: 10px; background: center center/cover; margin-bottom: 10px; }
.surgical_info .step_nose ul li.wide .ph { padding-bottom: 47.2%; }
.surgical_info .step_nose ul li .tx { color: #888; line-height: 140%; }
.surgical_info .step_nose ul li .tx .num { color: #000; font-weight: 600; margin-bottom: 5px; }
@media screen and (max-width:480px) {
.surgical_info .step_nose ul li .tx br { display: none; }
}

.surgical_info .core dl { padding: 24px; background: #f5f5f5; border-radius: 15px; line-height: 140%; margin-bottom: 12px; }
.surgical_info .core dl:last-child { margin: 0; }
.surgical_info .core dl dt { font-size: 15px; font-weight: 600; margin-bottom: 7px; }
.surgical_info .core dl dt em { display: block; font-size: 13px; margin-bottom: 10px; }
.surgical_info .core dl dd { color: #888; padding-right: 80px; }
.surgical_info .core dl dd i { position: absolute; bottom: -3px; right: -3px; width: 65px; height: 65px; background: center center/cover; }
@media screen and (max-width:480px) {
.surgical_info .core dl dd br { display: none; }
}

.surgical_info .s_qna { padding: 70px 15px; margin: 0 -15px; background: #d7dadf; }
.surgical_info .s_qna dl { margin-bottom: 15px; background: #fff; border-radius: 15px; overflow: hidden; }
.surgical_info .s_qna dl:last-child { margin-bottom: 0; }
.surgical_info .s_qna dl dt { padding: 32px 24px 24px; font-size: 15px; font-weight: 500; line-height: 140%; }
.surgical_info .s_qna dl dt span { display: inline-block; padding: 3px 15px 2px; background: #ec6708; border-radius: 20px; color: #fff; font-weight: 500; margin-bottom: 15px; }
.surgical_info .s_qna dl dd { background: #f5f5f5; padding: 32px 24px; line-height: 150%; }

.s_before_after { padding: 80px 15px; margin: 0 -15px; background: #f6f6f6; }
.s_before_after h3 { margin-bottom: 30px; }
.s_before_after .slider { margin-bottom: 50px; }
.s_before_after .slider img { width: 100%; }
.s_before_after .slider .mySwiper2 { margin-bottom: 16px; }
.s_before_after .slider .mySwiper { margin: 0 25px; }
.s_before_after .slider .mySwiper .swiper-slide { background: center center/cover; border-radius: 10px; }
.s_before_after .slider .mySwiper .swiper-slide::before { content: ''; display: block; padding-bottom: 69%; }

.s_before_after .swiper-button-prev,
.s_before_after .swiper-button-next { top: 50%; margin: 0; transform: translateY(-50%); width: 8px; height: 13px; background-size: 100% 100%; }
.s_before_after .swiper-button-prev { left: 0; background-image: url(../images/before_after_slider_bt_prev.png); }
.s_before_after .swiper-button-next { right: 0; background-image: url(../images/before_after_slider_bt_next.png); }
.s_before_after .bt_quick { display: block; width: 170px; line-height: 48px; border: 1px solid #000; border-radius: 25px; font-size: 16px; text-align: center; margin: 0 auto; }

.image_compare { padding-bottom: 69%; overflow: hidden; }
.image_compare img { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); object-fit: cover; }
.image_compare .before-image { z-index: 2; clip: rect(0, 50%, auto, 0); }
.image_compare .after-image { z-index: 1; }
.image_compare .handler { position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 36px; height: 100%; cursor: pointer; z-index: 3; background: url(../images/before_after_handler.png) no-repeat center center/100% auto; }
.image_compare .handler::before,
.image_compare .handler::after { content: ''; position: absolute; left: 50%; transform: translateX(-50%); width: 2px; height: calc(50% - 18px); background: #fff; }
.image_compare .handler::before { top: 0; }
.image_compare .handler::after { bottom: 0; }

.bk_area.sub { padding: 90px 0 30px; }

.surgical_info .method>ul>li { margin-bottom: 10px; display: flex; background: #f6f8f9; border-radius: 12px; overflow: hidden; }
.surgical_info .method>ul>li:last-child { margin: 0; }
.surgical_info .method>ul>li .ph { width: 145px; min-height: 145px; background: center center/cover; }
.surgical_info .method.breast>ul>li .ph { height: 185px; }
.surgical_info .method>ul>li dl { width: calc(100% - 181px); padding: 15px 18px; display: flex; flex-direction: column; justify-content: center; }
.surgical_info .method>ul>li dl dt { font-size: 15px; font-weight: 600; margin-bottom: 5px; }
.surgical_info .method>ul>li dl dt span { display: inline-block; padding: 0 15px; line-height: 25px; border-radius: 25px; background: #ec6708; color: #fff; font-weight: 500; margin-bottom: 20px; }
.surgical_info .method>ul>li dl dd { color: #888; line-height: 140%; }
.surgical_info .method>ul>li dl dd .c_list li { text-align: left; padding-left: 18px; background: url(../images/deco_check_bk.png) no-repeat 0 4px/13px; margin-bottom: 5px; }

.surgical_info .case .list dl { margin-bottom: 10px; background: #f6f8f9; border-radius: 15px; }
.surgical_info .case .list dl:last-child { margin: 0; }
.surgical_info .case .list dl dt { padding: 23px 28px; font-size: 15px; line-height: 135%; font-weight: 600; cursor: pointer; }
.surgical_info .case .list dl dt::after { content: ''; position: absolute; top: 30px; right: 30px; width: 12px; height: 7px; background: url(../images/arr_acd_list.png) 0/100% 100%; }
.surgical_info .case .list dl.on dt::after { transform: rotate(180deg); }
.surgical_info .case .list dl dd { padding: 0 28px 25px; color: #888; line-height: 145%; display: none; }
.surgical_info .case .list dl.on dd { display: block; }
@media screen and (max-width:480px) {
.surgical_info .case .list dl dd br { display: none; }
}

.surgical_info .method2 .unit { padding: 32px 25px 25px; background: #f6f8f9; border-radius: 15px; text-align: center; margin-bottom: 10px; }
.surgical_info .method2 .unit:last-child { margin: 0; }
.surgical_info .method2 .unit .num { display: inline-block; line-height: 24px; padding: 1px 13px 0; background: #ec6708; border-radius: 13px; font-size: 15px; color: #fff; font-weight: 500; margin-bottom: 18px; }
.surgical_info .method2 .unit dl { margin: 0 30px 20px; }
.surgical_info .method2 .unit dl dt { font-size: 15px; font-weight: 600; margin-bottom: 5px; }
.surgical_info .method2 .unit dl dd { color: #888; line-height: 140%; }
.surgical_info .method2 .unit .bf_ph { display: flex; gap: 10px; margin-bottom: 22px; }
.surgical_info .method2 .unit .bf_ph li { width: 50%; }
.surgical_info .method2 .unit .bf_ph li .tx { line-height: 36px; border-radius: 15px 15px 0 0; font-size: 15px; background: #dfdfdf; color: #888; }
.surgical_info .method2 .unit .bf_ph li:nth-child(2) .tx { background: #ec6708; color: #fff; }
.surgical_info .method2 .unit .bf_ph li .ph { padding-bottom: 65.4%; background: center center/cover; }
.surgical_info .method2 .unit .bf_ph li:nth-child(2) .ph::after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border: 2px solid #ec6708; border-top: 0; }
.surgical_info .method2 .unit p { color: #888; line-height: 140%; margin: 0 30px; }
@media screen and (max-width:480px) {
.surgical_info .method2 br { display: none; }
}

.surgical_info .mid_s_gallery .ph { padding-bottom: 63.6%; background: center center/cover; border-radius: 15px; }

.method3 .list li { margin-bottom: 10px; background: #f6f8f9; border-radius: 15px; overflow: hidden; }
.method3 .list li .ph { padding-bottom: 56.3%; background: center center/cover; }
.method3 .list li .tx { padding: 27px; font-size: 15px; color: #888; line-height: 140%; }
.method3 .list li .tx dt { font-size: 16px; color: #000; font-weight: 700; margin-bottom: 8px; }
@media screen and (max-width:480px) {
.method3 .list li .tx br { display: none; }
}

.surgical_info .reason dl { margin-bottom: 30px; }
.surgical_info .reason dl:last-child { margin: 0; }
.surgical_info .reason dl dt { font-size: 16px; font-weight: 700; margin-bottom: 10px; }
.surgical_info .reason dl dd li { padding: 14px 17px; font-size: 15px; color: #888; line-height: 140%; background: #f7f8fa; border-radius: 10px; margin-bottom: 7px; }
.surgical_info .reason dl dd li:last-child { margin: 0; }

.man_breast_compare .compare { display: flex; gap: 15px; }
.man_breast_compare .compare li { width: 50%; }
.man_breast_compare .compare li .ph { padding-bottom: 100%; border-radius: 100%; background: center center/cover; margin-bottom: 10px; }
.man_breast_compare .compare li .tx { line-height: 32px; border-radius: 10px; background: #a2a2a2; font-size: 15px; color: #fff; text-align: center; }
.man_breast_compare .compare li:nth-child(2) .tx { background: #ec6708; }
.man_breast_compare .c_tx { margin-top: 15px; padding: 15px 25px; background: #f6f8f9; border-radius: 15px; font-size: 15px; color: #888; line-height: 140%; text-align: center; }

.photo_review .unit { background: #fff; border-radius: 15px; margin-bottom: 16px; }
.photo_review .unit:last-child { margin: 0; }
.photo_review .unit .user_info { padding: 16px; display: flex; gap: 15px; }
.photo_review .unit .user_info .ph { width: 42px; height: 42px; border-radius: 100%; background: center center/cover; }
.photo_review .unit .user_info .tx { width: calc(100% - 57px); font-size: 16px; font-weight: 700; padding: 3px 0; }
.photo_review .unit .user_info .tx span { display: block; font-family: Helvetica, sans-serif; color: #888; font-size: 14px; font-weight: normal; margin-top: 2px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.photo_review .gallery .swiper-slide { padding-bottom: 100%; background: center center/cover; }
.photo_review .gallery .swiper-button-prev,
.photo_review .gallery .swiper-button-next { width: 9px; height: 15px; margin: 0; transform: translateY(-50%); }
.photo_review .gallery .swiper-button-prev { left: 10px; background-image: url(../images/photo_review_gallery_bt_prev.png); }
.photo_review .gallery .swiper-button-next { right: 10px; background-image: url(../images/photo_review_gallery_bt_next.png); }
.photo_review .gallery .swiper-pagination { position: relative; margin-top: 20px; }
.photo_review .gallery .swiper-pagination-bullet { opacity: 1; background: #d3d3d3; }
.photo_review .gallery .swiper-pagination-bullet-active { background: #e36307; }
.photo_review .c_tx { padding: 20px 25px 25px; }
.photo_review .c_tx .tag { display: flex; flex-wrap: wrap; gap: 5px; color: #e36307; margin-bottom: 10px; }
.photo_review .c_tx .tag a { font-size: 16px; color: #e36307; }
.photo_review .c_tx .tx { font-size: 15px; line-height: 145%; text-overflow:ellipsis; overflow:hidden; white-space:normal; word-wrap:break-word; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.photo_review .c_tx.on .tx { overflow: auto; display:block; }
.photo_review .c_tx .bt_view_more { display: none; color: #888; margin-top: 15px; }
.photo_review .c_tx .bt_view_more.open { display: inline-block; }
.photo_review .c_tx.on .bt_view_more.open { display: none; }
.photo_review .c_tx.on .bt_view_more.close { display: inline-block; }

.review { border-top: 1px solid #e9e9e9; }
.review .option { padding: 20px 0; display: flex; flex-wrap: wrap; gap: 20%; margin-bottom: 10px; }
.review .option li { width: 20%; }
.review .option li input { display: none; }
.review .option li input + label { display: block; color: #888; padding-left: 16px; background: url(../images/op_check.png) no-repeat 0 center/auto 6px; line-height: 250%; }
.review .option li input:checked + label { color: #000; background-image: url(../images/op_check_on.png); }
.review .list { display: flex; flex-wrap: wrap; gap: 10px; }
.review .list>li { width: calc(50% - 5px); background: #fff; border-radius: 15px; overflow: hidden; }
.review .list>li .ph { padding-bottom: 100%; background: center center/cover; }
.review .list>li .tx { padding: 12px 15px; }
.review .list>li .tx .tag { display: flex; flex-wrap: wrap; gap: 5px; height: 36px; margin-bottom: 5px; color: #e36307; line-height: 18px; text-overflow:ellipsis; overflow:hidden; white-space:normal; word-wrap:break-word; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.review .list>li .tx .tag a { color: #e36307; }
.review .list>li .tx p { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.pagination { text-align: center; margin-top: 35px; }
.pagination a { display: inline-block; height: 24px; vertical-align: top; margin: 0 8px; }
.pagination a.pn { width: 24px; text-indent: -9999px; background: no-repeat center center/6px auto; }
.pagination a.pn.prev { background-image: url(../images/pn_prev.png); }
.pagination a.pn.next { background-image: url(../images/pn_next.png); }
.pagination span a { min-width: 10px; line-height: 24px; border-radius: 12px; padding: 0 7px; }
.pagination span a.on { background: #dadfe7; }
.pagination a.pn.off { display: none; }

.board_view { border-top: 1px solid #d9d9d9; }
.board_view .info dl { display: flex; gap: 20px; border-bottom: 1px solid #d9d9d9; line-height: 140%; }
.board_view .info dl dt { width: 60px; padding: 14px 10px; }
.board_view .info dl dd { width: calc(100% - 90px); padding: 14px 10px; }
.board_view .con { padding: 25px 0; border-bottom: 1px solid #d9d9d9; }
.board_view .con img { max-width: 100%; }
.board_view .con .tx { padding: 15px 10px; line-height: 150%; }
.board_view .con_tx { padding: 20px 10px; min-height: 215px; border-bottom: 1px solid #d9d9d9; }
.board_view .bt_list { display: block; margin: 40px auto 0; width: 110px; line-height: 38px; border: 1px solid #d9d9d9; border-radius: 10px; text-align: center; }

.board_view .answer { padding: 14px 10px; border-bottom: 1px solid #d9d9d9; }
.board_view .answer dt { margin-bottom: 10px; }
.board_view .answer dd .info { margin-bottom: 7px; color: #a8a8a8; }
.board_view .answer dd .info em { color: #000; font-weight: 600; }
.board_view .answer dd .tx { line-height: 150%; }

.before_after { border-top: 1px solid #e9e9e9; }
.before_after .option { padding: 20px 0; display: flex; flex-wrap: wrap; gap: 5%; margin-bottom: 10px; }
.before_after .option li { width: 30%; }
.before_after .option li input { display: none; }
.before_after .option li input + label { display: block; color: #888; padding-left: 16px; background: url(../images/op_check.png) no-repeat 0 center/auto 6px; line-height: 250%; }
.before_after .option li input:checked + label { color: #000; background-image: url(../images/op_check_on.png); }
.before_after .view_area { margin-bottom: 45px; }
.before_after .view_area .photo { display: flex; border-radius: 15px; overflow: hidden; margin-bottom: 12px; }
.before_after .view_area .photo > div { width: 50%; background: center center/cover; }
.before_after .view_area .photo > div::before { content: ''; display: block; padding-bottom: 112.7%; }
.before_after .view_area .angle { display: flex; justify-content: center; gap: 5px; margin-bottom: 16px; }
.before_after .view_area .angle input { display: none; }
.before_after .view_area .angle input + label { padding: 0 7px; line-height: 32px; border-radius: 5px; background: #ddd; font-size: 12px; color: #fff; text-align: center; }
.before_after .view_area .angle input:checked + label { background: #ec6708; }
.before_after .view_area .guide { display: flex; justify-content: center; gap: 10px; }
.before_after .view_area .guide dt { color: #ec6708; }
.bk .before_after .view_area .guide dd { color: #fff; }  /*241028수정 css추가 */
.before_after .list { display: flex; flex-wrap: wrap; gap: 10px; }
.before_after .list li { width: calc(50% - 5px); display: flex; border-radius: 10px; }
.before_after .list li > div { width: 50%; background: center center/cover; filter: grayscale(100%); opacity: 0.3; }
.before_after .list li.on > div { filter: none; opacity: 1; }
.before_after .list li > div::before { content: ''; display: block; padding-bottom: 112.7%; }
.before_after .list li.on .bt_ov { border-radius: 10px; border: 2px solid #ec6708; }
.before_after .b_guide { font-size: 12px; color: #b8b8b8; text-align: center; line-height: 142%; margin-top: 20px; }

.board_list { padding-bottom: 15px; }
.board_list .search { display: flex; gap: 5px; margin-bottom: 15px; }
.board_list .search select { width: 110px; height: 40px; border: 1px solid #d9d9d9; border-radius: 10px; appearance: none; text-align: center; }
.board_list .search select option { width: 100%; text-align: center; }
@media (max-width: 768px) {
    .board_list .search select {
        text-align-last: center; /* 모바일에서 가운데 정렬 */
    }
}
.board_list .search input[type=text] { width: calc(100% - 115px); height: 40px; border: 1px solid #d9d9d9; border-radius: 10px; padding: 0 15px; }
.board_list .search button.bt_search { width: 100px; background: #f79e5e;border-radius: 10px;color: #fff;text-align: center; }
.bt_block { display: block; line-height: 48px; background: #ec6708; border-radius: 10px; color: #fff; text-align: center; }
.tb_board_list { width: 100%; border-top: 1px solid #d9d9d9; table-layout: fixed; margin-bottom: 15px; }
.tb_board_list tr>* { border-bottom: 1px solid #d9d9d9; padding: 16px 10px; text-align: center; }
.tb_board_list .tit { text-align: left; }
.tb_board_list .tit a { display: inline-block; max-width: 100%; vertical-align: top; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.board_write { border-top: 1px solid #d9d9d9; }
.board_write p { padding: 5px 0; border-bottom: 1px solid #d9d9d9; }
.board_write p input { width: 100%; height: 40px; border: 1px solid #d9d9d9; border-radius: 10px; padding: 0 15px; }
.board_write p select { width: 100%; height: 40px; border: 1px solid #d9d9d9; border-radius: 10px; appearance: none; padding: 0 15px; }
.board_write p.sel::after { content: ''; position: absolute; top: 50%; right: 15px; transform: translateY(-50%); width: 13px; height: 7px; background: url(../images/arr_acd_list.png) 0/100% 100%; }
.board_write p textarea { width: 100%; height: 300px; border: 1px solid #d9d9d9; border-radius: 10px; padding: 15px; }
.board_write p:nth-child(6) { padding-bottom: 32px; margin-bottom: 40px; }

.appointment { border-top: 1px solid #d9d9d9; padding-top: 30px; }
.appointment h3 { font-size: 16px; font-weight: 700; }
.appointment .t_guide { color: #888; line-height: 150%; }
.appointment > form > div { margin-bottom: 55px; }
.appointment .sj_select ul { display: flex; flex-wrap: wrap; gap: 12px; }
.appointment .sj_select ul li { width: calc(33.3333% - 8px); }
.appointment .sj_select ul li input { display: none; }
.appointment .sj_select ul li input + label { display: block; line-height: 48px; border: 1px solid #888; border-radius: 12px; color: #888; text-align: center; }
.appointment .sj_select ul li input:checked + label { line-height: 46px; border: 2px solid #ec6708; color: #ec6708; }

.appointment .date_time .calendar { padding: 40px 18px 25px; background: #f7f7f7; border-radius: 15px; margin-bottom: 24px; }
.appointment .date_time .calendar .c_header { text-align: center; font-size: 18px; margin-bottom: 20px; }

.tb_calendar { width: 100%; text-align: center; }
.tb_calendar th,
.tb_calendar td { width: 14.2857%; padding: 8px 0; height: 28px; }
.tb_calendar th { font-weight: normal; }
.tb_calendar td a { display: block; width: 28px; line-height: 28px; border-radius: 100%; margin: 0 auto; }
.tb_calendar td a:hover { text-decoration: none; }
.tb_calendar td.off a { color: #c6c6c6; pointer-events: none; cursor: none; }
.tb_calendar td.on a { background: #ec6708; color: #fff; }

.appointment .date_time .time { display: flex; flex-wrap: wrap; gap: 10px 12px; }
.appointment .date_time .time li { width: calc(33.3333% - 8px); }
.appointment .date_time .time li input { display: none; }
.appointment .date_time .time li input + label { display: block; line-height: 48px; border: 1px solid #888; border-radius: 12px; color: #888; text-align: center; }
.appointment .date_time .time li input:checked + label { line-height: 46px; border: 2px solid #ec6708; color: #ec6708; }

.appointment .p_info .con { padding-bottom: 20px; }
.appointment .p_info .con dl { border-bottom: 1px solid #d9d9d9; line-height: 45px; display: flex; margin-bottom: 18px; }
.appointment .p_info .con dl dt { font-size: 15px; font-weight: 600; width: 55px; }
.appointment .p_info .con dl dd { width: calc(100% - 55px); }
.appointment .p_info .con dl dd input { width: 100%; height: 45px; border: 0; outline: 0; font-size: 15px; }
.appointment .p_info .agree .box { height: 116px; padding: 16px; border: 1px solid #d9d9d9; background: #f6f6f6; line-height: 150%; color: #ababab; border-radius: 15px; margin-bottom: 15px; overflow: hidden; overflow-y: auto; }
.appointment .p_info .agree .check input { display: none; }
.appointment .p_info .agree .check input + label { color: #ababab; }
.appointment .p_info .agree .check input:checked + label { color: #000; }
.appointment .p_info .agree .check input + label::before { content: ''; display: inline-block; width: 16px; height: 16px; background: url(../images/cb.png) 0/100%; vertical-align: middle; margin: -3px 6px 0 0; }
.appointment .p_info .agree .check input:checked + label::before { background-image: url(../images/cb_on.png); }

.pu_msg { width: 280px; max-width: calc(100% - 30px); background: #fff; padding: 24px; border-radius: 20px; }
.pu_msg .bt_close { position: absolute; top: 20px; right: 20px; width: 20px; height: 20px; background: url(../images/bt_pu_close.png) 0/100%; text-indent: -9999px; }
.pu_msg .msg { padding: 32px 0; line-height: 175%; font-size: 14px; text-align: center; }
.pu_msg .btn { text-align: center; }
.pu_msg .btn a { display: inline-block; line-height: 28px; width: 58px; border: 1px solid #ec6708; border-radius: 5px; font-size: 13px; color: #ec6708; text-align: center; }

.event .list { display: flex; flex-wrap: wrap; gap: 40px; padding: 0 15px; }
.event .list li { width: calc(50% - 20px); }
.event .list li .ph { padding-bottom: 100%; background: center center/cover; border-radius: 10px; margin-bottom: 15px; }
.event .list li .tx { color: #b8b8b8; text-align: center; }
.event .list li .tx p { font-size: 15px; font-weight: 600; color: #000; margin-top: 3px; }
.event .list li .tx p b { display: block; font-size: 32px; margin-top: 5px; }
.event .list li.end::after { content: '종료된 이벤트'; position: absolute; top: -10px; left: -10px; right: -10px; bottom: -10px; background: rgba(223,224,228,0.8); border-radius: 10px; display: flex; justify-content: center; align-items: center; }

.event2 { background: url(../images/event2_bg.png) no-repeat center 0/100% auto; padding-bottom: 100px; }
.event2 .t_area { padding-bottom: 114%; }
.event2 .t_area .tx { position: absolute; bottom: 20px; left: 20px; }
.event2 .t_area .tx h2 { font-size: 22px; color: #fff; margin-bottom: 12px; }
.event2 .t_area .tx h2 em { font-size: 22px; color: #ec6708; }
.event2 .t_area .tx ul { padding-top: 5px; }
.event2 .t_area .tx ul li { padding-left: 16px; background: url(../images/m_popup_cb.png) no-repeat 0 6px/auto 6px; color: #888; line-height: 130%; margin-bottom: 5px; color: #fff; }
.event2 .list { display: flex; flex-wrap: wrap; gap: 16px; padding: 0 15px 25px; }
.event2 .list li { width: calc(50% - 8px); }
.event2 .list li .ph { padding-bottom: 100%; background: center center/cover; border-radius: 10px; }

.fixed_counseling { position: fixed; bottom: 55px; left: 50%; transform: translateX(-50%); width: calc(100% - 28px); max-width: 510px; background: #333; padding: 10px 15px 14px; z-index: 20; }
.fixed_counseling.off { bottom: -53px; }
.fixed_counseling .form { display: flex; gap: 15px; margin-bottom: 12px; }
.fixed_counseling .form p { width: 33.333%; }
.fixed_counseling .form input { width: 100%; height: 35px; border: 0; outline: 0; background: none; border-bottom: 1px solid #fff; color: #fff; }
.fixed_counseling .form select { width: 100%; height: 35px; border: 0; outline: 0; background: none; border-bottom: 1px solid #fff; color: #fff; appearance: none; }
.fixed_counseling .form p.sel::after { content: ''; position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 9px; height: 6px; background: url(../images/arr_sel_w.png) 0/100% 100%; }
.fixed_counseling .check { line-height: 40px; }
.fixed_counseling .check input { display: none; }
.fixed_counseling .check input + label { font-size: 15px; color: #fff; }
.fixed_counseling .check input + label::before { content: ''; display: inline-block; width: 10px; height: 10px; border-radius: 100%; background: #888; vertical-align: middle; margin: -3px 8px 0 0; }
.fixed_counseling .check input:checked + label::before { background: #ec6708; }
.fixed_counseling .check .bt_app { position: absolute; bottom: 0; right: 0; line-height: 40px; width: 50%; font-size: 15px; color: #fff; text-align: center; font-weight: 500; background: linear-gradient(to right, #f7983a, #ec6708); border-radius: 10px; }
.fixed_counseling .bt_top { position: absolute; bottom: 100%; right: 25px; line-height: 24px; padding: 0 15px; border-radius: 5px 5px 0 0; color: #fff; background: #333; }
.fixed_counseling.off .bt_top.close { display: none; }
.fixed_counseling .bt_top.open { display: none; }
.fixed_counseling.off .bt_top.open { display: block; }
.fixed_counseling_gap { height: 112px; }
.fixed_counseling_gap.off { height: 0; }

.event2_view { padding-bottom: 100px; }
.event2_view .btn { padding-top: 30px; border-top: 1px solid #d9d9d9; margin: 30px 15px 0; text-align: center; }
.event2_view .btn .bt_list { display: inline-block; width: 110px; line-height: 38px; border: 1px solid #d9d9d9; border-radius: 10px; text-align: center; }


.membership { padding: 100px 20px; }
.membership h2 { font-size: 35px; }
.membership .t_line { border-bottom: 1px solid #999; padding-bottom: 20px; margin-bottom: 50px; }
.membership .t_guide { color: #666; margin-top: 5px; }
.membership .login .form { margin-top: 50px; }
.membership .login .form dl { margin-bottom: 30px; }
.membership .login .form dl:last-child { margin-bottom: 10px; }
.membership .login .form dl dt { font-size: 20px; font-weight: 700; margin-bottom: 5px; }
.membership .login .form dl dd input { width: 100%; height: 35px; border: 0; border-bottom: 1px solid #999; font-size: 15px; }
.membership .check { display: flex; gap: 20px; margin-bottom: 40px; font-size: 15px; }
.membership .check input { display: none; }
.membership .check input + label::before { content: ''; display: inline-block; width: 12px; height: 12px; border: 1px solid #000; vertical-align: middle; margin: -3px 5px 0 0; }
.membership .check input:checked + label::before { background: #f5d8c8; }
.membership .login .btns { margin: 0 50px; }
.membership .bt_bot_block { display: block; line-height: 55px; background: #f5d8c8; border-radius: 5px; font-size: 20px; font-weight: 700; text-align: center; }
.membership .login .btns .bt_bot_block { margin: 0 0 7px; }
.membership .login .btns .bt_join { font-size: 14px; font-weight: 500; }
.membership .login .btns .bt_find_id { position: absolute; bottom: 0; right: 0; font-size: 14px; font-weight: 500; }
.membership .login .sns { display: flex; gap: 20px; justify-content: center; margin-top: 35px; }
.membership .login .sns li { width: 60px; }
.membership .login .sns li a { display: block; height: 60px; border-radius: 100%; background-size: 100% 100%; text-indent: -9999px; }
.membership .login .sns li:nth-child(1) a { background-image: url(../images/login_sns01.png); }
.membership .login .sns li:nth-child(2) a { background-image: url(../images/login_sns02.png); }
.membership .login .sns li:nth-child(3) a { background-image: url(../images/login_sns03.png); }

.membership .join dl { margin-bottom: 30px; }
.membership .join dl dt { font-size: 20px; font-weight: 700; margin-bottom: 5px; }
.membership .join dl dd input { width: 100%; height: 35px; border: 0; border-bottom: 1px solid #999; font-size: 15px; }
.membership .join dl dd .bt_check { position: absolute; top: 5px; right: 0; line-height: 25px; padding: 0 10px; background: #fcf0e9; border-radius: 10px; font-size: 13px;}
.membership .join dl dd p { text-align: right; margin-top: 5px; }
.membership .join .bt_bot_block { margin-top: 80px; }

.membership .model h3 { font-size: 30px; margin-bottom: 30px; }
.membership .model .b_info { margin-bottom: 80px; }
.membership .model .b_info dl { margin-bottom: 35px; }
.membership .model .b_info dl:last-child { margin-bottom: 10px; }
.membership .model .b_info dl dt { font-size: 15px; font-weight: 600; margin-bottom: 5px; }
.membership .model .b_info dl dd input { width: 100%; height: 35px; border: 0; border-bottom: 1px solid #999; font-size: 15px; }
.membership .model .b_info dl dd .i_area { display: flex; flex-wrap: wrap; gap: 7px; }
.membership .model .b_info dl dd .i_area li { width: 80px; }
.membership .model .b_info dl dd .i_area li input { display: none; }
.membership .model .b_info dl dd .i_area li input + label { display: block; border: 1px solid #999; line-height: 23px; text-align: center; border-radius: 15px; }
.membership .model .b_info dl dd .i_area li input:checked + label { background: #f5d8c8; }
.membership .model .add_photo { margin-bottom: 80px; }
.membership .model .add_photo .example .unit { margin-bottom: 50px; }
.membership .model .add_photo .example .unit dl { margin-bottom: 25px; }
.membership .model .add_photo .example .unit dl:last-child { margin: 0; }
.membership .model .add_photo .example .unit dl dt { font-size: 15px; font-weight: 500; margin-bottom: 10px; }
.membership .model .add_photo .example .unit dl dd ul li { padding-left: 10px; font-size: 13px; line-height: 180%; }
.membership .model .add_photo .example .unit dl dd ul li::before { content: '-'; position: absolute; top: 0; left: 0; }
.membership .model .add_photo .example .unit dl dd .r_guide { font-size: 11px; color: #b71d25; margin-top: 5px; }
.membership .model .add_photo .file_add { margin-bottom: 50px; }
.membership .model .add_photo .file_add dl { margin-bottom: 35px; }
.membership .model .add_photo .file_add dl:last-child { margin-bottom: 10px; }
.membership .model .add_photo .file_add dl dt { font-size: 15px; font-weight: 600; margin-bottom: 5px; }
.membership .model .add_photo .file_add dl dd input[type="file"] { position:absolute; top:0; left:0; width:100%; height:20px; filter:alpha(opacity=0); opacity:0; cursor:pointer; z-index:5; }
.membership .model .add_photo .file_add dl dd a { position:absolute; bottom:0; right:0; background:#f5d8c8; color:#000; display:block; width:70px; height:20px; line-height:20px; text-align:center; border-radius:10px; text-align: center; z-index: 1; }
.membership .model .add_photo .file_add dl dd span { display:block; height:20px; line-height:20px; margin-right:80px; border-bottom:1px solid #999; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; font-size: 13px; }
.membership .model .add_photo .policy_agree dt { font-size: 15px; margin-bottom: 10px; }
.membership .model .add_photo .policy_agree textarea { width: 100%; height: 75px; padding: 15px; border: 1px solid #999; border-radius: 15px; margin-bottom: 10px; }

.real_model { position: fixed; bottom: 70px; left: 50%; margin-left: -255px; z-index: 20; opacity: 0; transform: translateX(-20px); opacity: 0; transform: translateX(-20px); transition: all 0.5s; border-radius: 20px; /*box-shadow: 0 0 15px rgba(0,0,0,0.15); */}
/*250324수정 boxshadow끄기*/
.real_model.visible { opacity: 1; transform: translateX(0); }
.real_model .bt_close { position: absolute; bottom: 120px; right: -18px; width: 21px; height: 21px; border: 1px solid #000; background: #ffe596; border-radius: 100%; text-indent: -9999px; background: #ffe596 url(../images/real_model_bt_colse.png) no-repeat center center/65%; opacity: 0; transition: all 0.3s; } /*250324수정 top:-18px -> bottom:120px*/
.real_model.on .bt_close { opacity: 1; }
.real_model .con { border: 1px solid #000; background: #ffe596; border-radius: 20px; padding: 8px 12px; font-size: 20px; color: #000; transition: all 0.5s; line-height: 24px; height: 24px; width: 150px; overflow: hidden; }
.real_model.on .con { height: 100px; width: 248px; border-radius: 16px; }
.real_model .tx1 { width: 150px; cursor: pointer; }
.real_model .tx2 { display: none; }
.real_model.on .tx1 { display: none; }
.real_model.on .tx2 { display: block; height: 100px; width: 248px; text-align: center; }
.real_model .tx2 a { position: absolute; top: 0; left: 0; right: 0; bottom: 0; text-align: left; text-indent: -9999px; }
@media screen and (max-width:540px) {
    .real_model { left: 15px; margin: 0; }
}