@charset "utf-8";
/* ==========================================================================
공통
========================================================================== */
.mt30 { margin-top:30px; } 
.mt40 { margin-top:40px; } 
.mt60 { margin-top:60px; } 

/* sub_tit */
.sub_tit { margin-bottom:20px; } 
.sub_tit.center { text-align:center; } 
.sub_tit:after { content:''; display:block; clear:both; } 
.sub_tit > img { display:inline-block; vertical-align:middle; margin-right:15px; } 
.sub_tit h3 { display:inline-block; vertical-align:middle; font-size:26px; color:#000000; letter-spacing:-0.045em; font-weight:600; margin:0; } 
.sub_tit h3 span { font-weight:300; } 
.sub_tit h3 b { font-weight:700; } 
.sub_tit h4 { display:inline-block; vertical-align:middle; font-size:20px; color:#000000; letter-spacing:-0.045em; font-weight:400; margin:0; } 
.sub_tit h4.col02 { color:#d93a96; } 
.sub_tit h5 { position:relative; font-size:18px; color:#222222; letter-spacing:0em; font-weight:500; line-height:1.4; padding-left:15px; } 
.sub_tit h5:before { content:''; position:absolute; display:block; width:4px; height:4px; background:#d93a96; top:12px; left:0; transform:rotate(45deg); -webkit-transform:rotate(45deg); -o-transform:rotate(45deg); -ms-transform:rotate(45deg); -moz-transform:rotate(45deg); } 
.sub_tit .hr { display:block; width:100%; height:1px; background:#e6e6e6; } 
.sub_tit a { float:right; display:block; margin-top:10px; } 
.sub_tit i { display:block; width:100%; height:1px; background:#1b1b1b; margin-top:15px; } 

.sub_tit_big { margin-bottom:60px; } 
.sub_tit_big h3 { font-size:36px; color:#000000; letter-spacing:-0.045em; font-weight:200; } 
.sub_tit_big h3 b { font-weight:700; } 
.sub_tit_big .bar { display:inline-block; vertical-align:middle; width:1px; height:26px; background:#646464; margin:0 10px; } 

/* table_layout */
.table_layout table { width:100%; background:#fff; border-top:1px solid #1b1b1b; } 
.table_layout table thead th { font-size:18px; color:#444444; letter-spacing:-0.045em; font-weight:500; padding:10px; border-bottom:1px solid #cacaca; text-align:center } 
/* 20220824 폰트 사이즈 추가 */
.table_layout table thead.fz14 th { font-size: 14px; } 
.table_layout table tbody th { font-size:16px; color:#d93a96; letter-spacing:-0.045em; font-weight:500; padding:10px; border-bottom:1px solid #efefef; background:#f6f6f7; } 
.table_layout table tbody td { font-size:16px; color:#888888; letter-spacing:-0.045em; font-weight:300; padding:10px; border-bottom:1px solid #efefef; text-align:center; } 
/* 20220824 폰트 사이즈 추가 */
.table_layout table tbody.fz14 td { font-size: 14px; } 
.table_layout table tbody td.left { text-align:left; } 
.table_layout table tbody td.right { text-align:right; } 
.table_layout table tbody td.barlow { letter-spacing:0em; font-weight:400; } 
.table_layout table tbody td .num_box { font-size:0; letter-spacing:-4px; } 
.table_layout table tbody td .num_box a { display:inline-block; vertical-align:top; } 
.table_layout table tbody td .num_box input { display:inline-block; vertical-align:top; width:50px; font-size:16px; color:#9f9f9f; letter-spacing:0em; font-weight:400; text-align:center; border:1px solid #f1f1f1; box-sizing:border-box; padding:2px 5px; } 
.table_layout table tbody td .img_box { display:inline-block; vertical-align:middle; width:44px; border:1px solid #e6e6e6; box-sizing:border-box; } 
.table_layout table tbody td .img_box img { width:100%; } 
.table_layout table tbody td .text { width:calc(100% - 60px); display:inline-block; vertical-align:middle; text-align:left; margin-left:10px; } 
.table_layout table tbody td .text h6 { font-size:16px; color:#444444; letter-spacing:0em; font-weight:400; margin:0; } 
.table_layout table tbody td .text p { font-size:16px; color:#888888; letter-spacing:0em; font-weight:300; } 
.table_layout table tfoot th { font-size:18px; color:#444444; letter-spacing:-0.045em; font-weight:500; padding:10px; border-bottom:1px solid #cacaca; } 
.table_layout table tfoot th b { color:#d93a96 } 
.table_layout.pdlittle table thead th { padding:10px 2px; } 
.table_layout.pdlittle table tbody th { padding:10px 2px; } 
.table_layout.pdlittle table tbody td { padding:10px 2px; } 
.table_layout.pdlittle table tbody tr.cursor { cursor:pointer; } 

.table_layout02.mt20 { margin-top:20px; } 
.table_layout02.no_top_border table { border-top:0 none; } 
.table_layout02 table { width:100%; border-top:1px solid #1b1b1b; } 
.table_layout02 table.type02 { border-top:1px solid #efefef; } 
.table_layout02 table + table { margin-top:20px; } 
.table_layout02 table thead th { font-size:18px; color:#444444; letter-spacing:-0.045em; font-weight:500; padding:10px; border-bottom:1px solid #efefef; border-right:1px solid #efefef; background:#f6f6f7; } 
.table_layout02 table tbody th { font-size:15px; color:#444444; letter-spacing:-0.045em; font-weight:500; padding:10px; border-bottom:1px solid #efefef; border-right:1px solid #efefef; background:#f6f6f7; } 
.table_layout02 table tbody th.left { text-align:left; } 
.table_layout02 table tbody td { position:relative; font-size:16px; color:#444444; letter-spacing:-0.045em; font-weight:300; padding:10px 20px; border-bottom:1px solid #efefef; border-right:1px solid #efefef; } 
.table_layout02 table tbody td.center { text-align:center; } 
.table_layout02 table tbody td.right { text-align:right; } 
.table_layout02 table tbody td.col02 { color:#d93a96; } 
.table_layout02 table tbody td:last-of-type { border-right:0; } 
.table_layout02 table tbody td select { width:95%; max-width:300px; font-size:16px; color:#666666; letter-spacing:0em; font-weight:300; padding:4px 10px; border:1px solid #e6e6e6; background:#fff url('/img/select_arrow.png') no-repeat 95% 50%; appearance:none; -webkit-appearance:none; -moz-appearance:none; } 
.table_layout02 table tbody td select::-ms-expand { display:none; } 
.table_layout02 table tbody td select.lss_select { width:200px; margin:5px; } 
.table_layout02 table tbody td > input { display:inline-block; vertical-align:middle; width:95%; max-width:100px; font-size:16px; color:#666666; letter-spacing:0em; font-weight:300; padding:4px 10px; border:1px solid #e6e6e6; appearance:none; -webkit-appearance:none; -moz-appearance:none; margin:0 5px; } 
.table_layout02 table tbody td input.w90 { width:calc(100% - 65px); max-width:100%; box-sizing:border-box; } 
.table_layout02 table tbody td input.w70 { width:calc(100% - 135px); max-width:100%; box-sizing:border-box; } 
.table_layout02 table tbody td input.w90 + span { display:inline-block; vertical-align:middle; width:55px; text-align:center; } 
.table_layout02 table tbody td select.w90 { width:calc(100% - 65px); max-width:100%; margin:0 5px; } 
.table_layout02 table tbody td input[type="text"].pay { display:inline-block; vertical-align:middle; width:95%; max-width:100px; font-size:16px; color:#666666; letter-spacing:0em; font-weight:300; padding:4px 10px; border:1px solid #e6e6e6; appearance:none; -webkit-appearance:none; -moz-appearance:none; margin:0 5px; } 
.table_layout02 table tbody td input::-ms-clear { display:none; } 
.table_layout02 table tbody td a { display:inline-block; vertical-align:middle; margin:0 5px; } 
.table_layout02 table tbody td a.btns { min-width:120px; padding:0 10px; box-sizing:border-box; height:34px; line-height:32px; text-align:center; font-size:14px; color:#666; letter-spacing:0em; font-weight:300; border:1px solid #e6e6e6; } 
.table_layout02 table tbody td a.btns02 { width:58px; height:34px; border:1px solid #dc499e; box-sizing:border-box; font-size:14px; line-height:32px; text-align:center; color:#d93a96; letter-spacing:-0.045em; } 
.table_layout02 table tbody td > i { display:inline-block; width:40px; } 
.table_layout02 table tbody td .w100 { display:inline-block; vertical-align:middle; width:100px; } 
.table_layout02 table tbody td .w200 { display:inline-block; vertical-align:middle; max-width:200px; } 
.table_layout02 table tbody td .w300 { display:inline-block; vertical-align:middle; max-width:300px; } 
.table_layout02 table tbody td .w100p { display:inline-block; vertical-align:middle; max-width:100%; } 
.table_layout02 table tbody td span.d-inline-block { display:inline-block; vertical-align:middle; } 
.table_layout02 table tbody tr.pinkbg th { background:#fff6fb; } 
.table_layout02 table tbody tr.pinkbg td { background:#fff6fb; } 
.table_layout02 table tbody tr.pinkbg td.col02 { font-weight:500; background:#fff6fb; } 
.table_layout02 table tbody tr.pinkbg td.col02 i { font-style:normal; width:auto; } 
.table_layout02 table tbody tr.pinkbg td.col02 i.total_price { } 
.table_layout02 table span.col01 { color:#d93a96; } 
.table_layout02 table .cal_input { position:relative; } 
.table_layout02 table .cal_input + i { content:''; position:absolute; left:75%; top:calc(50% - 9px); cursor:pointer; } 

.table_layout02.small table tbody th { padding:10px 5px; font-size:14px; } 
.table_layout02.small table tbody td { padding:10px; font-size:14px; } 
.table_layout02.small table tbody td a.down_btn { padding:2px 5px; margin-left:10px; border:1px solid #e6e6e6; } 
.table_layout02.small .radio_custom { margin-right:10px; } 
.table_layout02.small .radio_custom label i { height:15px; } 

/* check_custom */
.check_custom label { position:relative; overflow:hidden; padding:10px 0; padding-left:20px; } 
.check_custom label input { overflow:hidden; display:none; width:0px; height:0px; border:0 none; font-size:0; line-height:0; clip:rect(0 0 0 0); opacity:0; margin:0; } 
.check_custom label i { position:absolute; top:0; left:0; width:20px; height:20px; background:url('/img/checkbox_off.png') no-repeat center center / contain; } 
.check_custom label input:checked + i { background-image:url('/img/checkbox_on.png'); } 

.check_custom02 { display:inline-block; vertical-align:middle; margin-right:20px; } 
.check_custom02:last-of-type { margin-right:0; } 
.check_custom02 label { position:relative; overflow:hidden; padding-left:25px; } 
.check_custom02 label input { overflow:hidden; display:none; width:0px; height:0px; border:0 none; font-size:0; line-height:0; clip:rect(0 0 0 0); opacity:0; margin:0; } 
.check_custom02 label i { position:absolute; top:3px; left:0; width:20px; height:20px; background:url('/img/checkbox_off.png') no-repeat center center / contain; } 
.check_custom02 label input:checked + i { background-image:url('/img/checkbox_on.png'); } 

/* radio_custom */
.radio_custom { display:inline-block; vertical-align:middle; margin-right:20px; } 
.radio_custom:last-of-type { margin-right:0; } 
.radio_custom label { position:relative; overflow:hidden; padding-left:25px; } 
.radio_custom label input { overflow:hidden; display:none; width:0px; height:0px; border:0 none; font-size:0; line-height:0; clip:rect(0 0 0 0); opacity:0; margin:0; } 
.radio_custom label i { position:absolute; top:3px; left:0; width:20px; height:20px; background:url('/img/checkbox_off.png') no-repeat center center / contain; } 
.radio_custom label input:checked + i { background-image:url('/img/checkbox_on.png'); } 

/* file_custom */
.file_custom { display:inline-block; vertical-align:middle; font-size:0; letter-spacing:-4px; } 
.file_custom label { position:relative; display:inline-block; vertical-align:middle; width:60px; height:30px; border:1px solid #dadada; box-sizing:border-box; margin-left:-1px; overflow:hidden; } 
.file_custom label i { position:absolute; display:block; width:13px; height:12px; background:url('/img/file_custom_icon01.png') no-repeat center center / contain; top:50%; left:8px; transform:translateY(-50%); -webkit-transform:translateY(-50%); -o-transform:translateY(-50%); -ms-transform:translateY(-50%); -moz-transform:translateY(-50%); z-index:1; } 
.file_custom input.file_btn { position:absolute; width:100%; height:100%; top:0; border:0; font-size:13px; color:#9d9d9d; letter-spacing:0em; font-weight:300; background:#e6e6e6; padding-left:15px; } 
.file_custom input.file_hidden { width:100%; height:100%; position:absolute; left:0; top:0; opacity:0; box-sizing:border-box; z-index:2; cursor:pointer; } 
.file_custom input.file_name { display:inline-block; vertical-align:middle; width:90px; height:30px; font-size:13px; color:#9d9d9d; letter-spacing:0em; font-weight:300; border:1px solid #dadada;; box-sizing:border-box; padding:5px; } 
.file_custom input.file_name:focus { outline:none; } 




/* ==========================================================================
일반상품
========================================================================== */
/*----- 리스트 -----*/
.category_box { padding:60px 0; } 
.category_box ul { padding:25px 40px; background:#f2f2f2; box-sizing:border-box; } 
.category_box ul li { display:inline-block; vertical-align:top; margin:5px 20px; } 
.category_box ul li a { display:block; font-size:16px; color:#666666; letter-spacing:-0.045em; font-weight:400; line-height:1.4; } 
.category_box ul li:hover a { color:#d93a96; } 
.category_box ul li.on a { color:#d93a96; } 

.ShopCon_menu_Con.custom { padding:40px 0 100px; } 
.ShopCon_menu_Con.custom .content_tit { margin:0; margin-bottom:20px; } 
.ShopCon_menu_Con.custom .content_tit:after { content:''; display:block; clear:both; } 
.ShopCon_menu_Con.custom .content_tit p { float:none; display:block; font-size:16px; color:#bdbdbd; letter-spacing:0em; font-weight:300; margin-bottom:5px; } 
.ShopCon_menu_Con.custom .content_tit p span { font-size:16px; color:#474747; font-weight:300; } 
.ShopCon_menu_Con.custom .content_tit ul { display:inline-block; font-size:0; letter-spacing:-4px; } 
.ShopCon_menu_Con.custom .content_tit ul li { display:inline-block; vertical-align:top; width:100px; text-align:center; } 
.ShopCon_menu_Con.custom .content_tit ul li + li { margin-left:8px; } 
.ShopCon_menu_Con.custom .content_tit ul li a { display:block; font-size:16px; color:#666666; letter-spacing:0em; font-weight:300; border:1px solid #e6e6e6; border-radius:30px; padding:5px; box-sizing:border-box; } 
.ShopCon_menu_Con.custom .content_tit ul li:hover a { color:#fff; background:#d93a96; border-color:#d93a96; } 
.ShopCon_menu_Con.custom .content_tit ul li.on a { color:#fff; background:#d93a96; border-color:#d93a96; } 
.ShopCon_menu_Con.custom .content_tit .right_btn select { width:auto; height:36px; font-size:13px; color:#a7a6a6; letter-spacing:0em; font-weight:300; border:1px solid #e6e6e6; border-radius:30px; padding:5px 30px 5px 15px; box-sizing:border-box; background:url('/img/list_select.png') no-repeat 90% 50%; appearance:none; -webkit-appearance:none; -moz-appearance:none; } 

.programPage a { position:relative; display:inline-block; vertical-align:top; margin:5px; width:17px; height:17px; font-size:16px; color:#444444; letter-spacing:0em; font-weight:300; border:0; line-height:17px; } 
.programPage a:hover { background:transparent; border:0; } 
.programPage a:before { content:''; position:absolute; display:none; top:2px; left:2px; width:100%; height:100%; border-radius:2px; background:#e5e5e5; transform:rotate(45deg); -webkit-transform:rotate(45deg); -o-transform:rotate(45deg); -ms-transform:rotate(45deg); -moz-transform:rotate(45deg); } 
.programPage a:hover:before { background:#f6cfe6; } 
.programPage a img { position:relative; } 
.programPage a.active { color:#d93a96; font-weight:500; border:0; } 
.programPage a.page_prev { border:0; margin-right:30px; } 
.programPage a.page_prev:before { display:block; } 
.programPage a.page_prev:hover { border:0; } 
.programPage a.page_prev02 { margin-right:10px; } 
.programPage a.page_prev02:before { display:block; } 
.programPage a.page_next { border:0; margin-left:30px; } 
.programPage a.page_next:before { display:block; } 
.programPage a.page_next:hover { border:0; } 
.programPage a.page_next02 { margin-left:10px; } 
.programPage a.page_next02:before { display:block; } 


/*----- 리스트 상세 -----*/
.shopList.custom { } 
.shopList.custom .con01 { margin:0; padding:60px 0 80px; } 
.shopList.custom .left { width:calc(50% - 10px); margin-right:30px; } 
.shopList.custom .left .top_slider { border:1px solid #e6e6e6; box-sizing:border-box; } 
.shopList.custom .left .gal_slider { margin:0; width:100%; margin-top:-1px; border:1px solid #e6e6e6; } 
.shopList.custom .left .gal_slider li { box-sizing:border-box; border-right:1px solid #e6e6e6 } 
.shopList.custom .left .gal_slider li a { width:auto; height:auto; } 
.shopList.custom .right { width:calc(50% - 20px); } 
.shopList.custom .right dl { margin:10px 0; font-size:0; letter-spacing:-4px; } 
.shopList.custom .right dl dt { display:inline-block; vertical-align:top; width:160px; font-size:18px; color:#222222; letter-spacing:-0.045em; font-weight:300; } 
.shopList.custom .right dl dt.mt10 { margin-top:10px; } 
.shopList.custom .right dl dd { display:inline-block; vertical-align:top; width:calc(100% - 160px); font-size:18px; color:#444444; letter-spacing:-0.045em; font-weight:300; word-break:break-all; } 
.shopList.custom .right dl dd > span { color:#d93a96; font-weight:400; } 
.shopList.custom .option_select .select_txt { font-size:16px; color:#666666; letter-spacing:0em; font-weight:300; } 
.shopList.custom .select_after .box { border-top:1px solid #cacaca; } 
.shopList.custom .select_after .box ul { border-bottom:1px solid #efefef; } 
.shopList.custom .select_after .box ul li { border:0; border:0; background:transparent; padding:13px 20px; } 
.shopList.custom .select_after .box ul li .bot { font-size:0; } 
.shopList.custom .select_after .box ul li .bot .text { display:inline-block; vertical-align:middle; width:calc(100% - 280px); font-size:16px; color:#666666; letter-spacing:-0.045em; font-weight:300; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } 
.shopList.custom .select_after .box ul li .bot .boxx { display:inline-block; vertical-align:middle; padding-left:90px; } 
.shopList.custom .select_after .box ul li .bot .boxx .option_add .minus { width:20px; height:30px; } 
.shopList.custom .select_after .box ul li .bot .boxx .option_add .plus { width:20px; height:30px; } 
.shopList.custom .select_after .box ul li .bot .boxx .option_add input { width:50px; height:30px; color:#666666; border-top:1px solid #f1f1f1; border-bottom:1px solid #f1f1f1; box-sizing:border-box; } 
.shopList.custom .select_after .box ul li .bot .boxx .price { width:170px; font-size:16px; color:#666666; letter-spacing:0em; font-weight:400; text-align:center; } 
.shopList.custom .select_after .box ul li .bot .x_btn { display:inline-block; vertical-align:middle; } 
.shopList.custom .select_after .price_box { padding:30px 30px 50px; background:#f2f2f2; border-bottom-right-radius:30px; } 
.shopList.custom .select_after .price_box p { font-size:18px; color:#222222; letter-spacing:-0.045em; font-weight:300; margin-bottom:10px; } 
.shopList.custom .select_after .price_box p:after { content:''; display:block; clear:both; } 
.shopList.custom .select_after .price_box p span { float:right; } 
.shopList.custom .select_after .price_box p b { color:#d93a96; font-weight:300; } 
.shopList.custom .select_after .price_box .total_price { margin:0; text-align:left; color:#d93a96; font-weight:300; } 
.shopList.custom .select_after .price_box .total_price span { font-size:18px; color:#d93a96; font-weight:300; } 

.shopList.custom .bot_btn_more { font-size:0; letter-spacing:-4px; height:auto; text-align:right; } 
.shopList.custom .bot_btn_more a { float:none; display:inline-block; vertical-align:top; height:46px; font-size:18px; letter-spacing:0em; font-weight:700; line-height:46px; border:0; } 
.shopList.custom .bot_btn_more a.save { width:46px; border-radius:50%; background:#d5d5d5; margin-right:10px; } 
.shopList.custom .bot_btn_more a.save:hover { background:#d93a96; } 
.shopList.custom .bot_btn_more a.save.on { background:#d93a96; } 
.shopList.custom .bot_btn_more a.go_cart { width:46px; border-radius:50%; background:#d5d5d5; margin-right:20px; } 
.shopList.custom .bot_btn_more a.go_cart:hover { background:#d93a96; } 
.shopList.custom .bot_btn_more a.go_cart.on { background:#d93a96; } 
.shopList.custom .bot_btn_more a.go_buy { width:180px; color:#fff; background:#d5d5d5; border-radius:40px; margin-right:0; } 
.shopList.custom .bot_btn_more a.go_buy:hover { background:#d93a96; box-shadow:9px 9px 16px rgba(0, 0, 0, 0.23); } 
.shopList.custom .bot_btn_more a.go_buy.on { background:#d93a96; box-shadow:9px 9px 16px rgba(0, 0, 0, 0.23); } 

.shopList.custom .detail_Con { margin-bottom:100px; padding-bottom:100px; background:#e8e7e8; } 
.shopList.custom .detail_Con .content_wrap { margin-top:60px; padding:20px; background:#fff; box-sizing:border-box; } 
.shopList.custom .detail_Con .detail_Tab { border:0; border-bottom-right-radius:30px; overflow:hidden; } 
.shopList.custom .detail_Con .detail_Tab ul li { text-align:center; } 
.shopList.custom .detail_Con .detail_Tab ul li a { position:relative; display:inline-block; height:52px; padding:0 20px; border:0; font-size:16px; color:#666666; letter-spacing:0em; font-weight:300; line-height:52px; } 
.shopList.custom .detail_Con .detail_Tab ul li a:before { content:''; position:absolute; display:none; width:100%; height:3px; background:#d93a96; bottom:0; left:0; border-radius:3px; } 
.shopList.custom .detail_Con .detail_Tab ul li.on a { color:#d93a96; border:0; } 
.shopList.custom .detail_Con .detail_Tab ul li.on a:before { display:block; } 


/*----- 주문결제 -----*/
.order_con01 { margin:60px 0; } 
.order_con01 .total_price_box { padding:30px; border-top:1px solid #cacaca; border-bottom:1px solid #1b1b1b; margin-top:-1px; } 
.order_con01 .total_price_box:after { content:''; display:block; clear:both; } 
.order_con01 .total_price_box .price_box { float:right; text-align:right; } 
.order_con01 .total_price_box h5 { display:inline-block; font-size:18px; color:#444444; letter-spacing:-0.045em; font-weight:300; margin:0; } 
.order_con01 .total_price_box h5 b { color:#222222; font-weight:500; } 
.order_con01 .total_price_box h5 span { font-size:24px; color:#d93a96; font-weight:500; } 


/*----- 이용안내 -----*/
.shops_info_con01 { margin:60px 0; } 
.shops_info_con01 .box { padding:90px 50px; background:url('/img/shops_info_con01_bg.png') no-repeat center center / cover; } 
.shops_info_con01 .box h5 { font-size:26px; color:#222222; letter-spacing:-0.045em; font-weight:500; margin:0; margin-bottom:20px; } 
.shops_info_con01 .box p { font-size:26px; color:#444444; letter-spacing:-0.045em; font-weight:500; } 
.shops_info_con01 .box p span { color:#d93a96; } 
.shops_info_con01 .box p + p { margin:30px 0 0; } 

.shops_info_con02 { margin:60px 0; } 
.shops_info_con02 .inner { padding-bottom:60px; border-bottom:1px dashed #dcdcdc; } 
.shops_info_con02 ul li { position:relative; display:inline-block; vertical-align:top; margin:56px 0 0; margin-right:22px; width:calc(33.3333333% - 14.7px); text-align:center; padding:80px 10px 60px; background:#f8f8f8; border:1px solid #e6e6e6; box-sizing:border-box; min-height:264px; } 
.shops_info_con02 ul li:last-of-type { margin-right:0; } 
.shops_info_con02 ul li > img { position:absolute; top:-51px; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); -o-transform:translateX(-50%); -ms-transform:translateX(-50%); -moz-transform:translateX(-50%); } 
.shops_info_con02 ul li h6 { font-size:22px; color:#c952ef; letter-spacing:0em; font-weight:600; margin:0; margin-bottom:15px; } 
.shops_info_con02 ul li p { font-size:18px; color:#666666; letter-spacing:-0.045em; font-weight:300; } 
.shops_info_con02 ul li:nth-of-type(2) h6 { color:#d93a96; } 
.shops_info_con02 ul li:nth-of-type(3) h6 { color:#8952ef; } 

.shops_info_con03 { margin:60px 0 150px; } 
.shops_info_con03 ul li { position:relative; display:inline-block; vertical-align:top; margin:56px 0 0; margin-right:22px; width:calc(33.3333333% - 14.7px); text-align:center; padding:80px 10px 60px; background:#f8f8f8; border:1px solid #e6e6e6; box-sizing:border-box; min-height:272px; } 
.shops_info_con03 ul li:last-of-type { margin-right:0; } 
.shops_info_con03 ul li > img { position:absolute; top:-51px; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); -o-transform:translateX(-50%); -ms-transform:translateX(-50%); -moz-transform:translateX(-50%); } 
.shops_info_con03 ul li h6 { font-size:22px; color:#c952ef; letter-spacing:-0.045em; font-weight:200; margin:0; margin-bottom:15px; } 
.shops_info_con03 ul li p { font-size:18px; color:#666666; letter-spacing:-0.045em; font-weight:300; } 
.shops_info_con03 ul li:nth-of-type(2) h6 { color:#d93a96; } 
.shops_info_con03 ul li:nth-of-type(3) h6 { color:#8952ef; } 




/* ==========================================================================
패키지상품
========================================================================== */
/*---- list01 -----*/
.implant_con01 { margin:60px 0 100px; font-size:0; letter-spacing:-4px; } 
.implant_con01 .top_box { margin-bottom:10px; } 
.implant_con01 .top_box:after { content:''; display:block; clear:both; } 
.implant_con01 .top_box a { float:right; display:block; font-size:13px; color:#c0c0c0; letter-spacing:0em; font-weight:300; padding:5px 8px; border:1px solid #e6e6e6; } 
.implant_con01 .top_box a img { display:inline-block; vertical-align:middle; margin-right:5px; } 
.implant_con01 .top_txt { margin-bottom:15px; } 
.implant_con01 .top_txt:after { content:''; display:block; clear:both; } 
.implant_con01 .top_txt h4 { display:inline-block; vertical-align:middle; font-size:22px; font-weight:500; color:#444444; letter-spacing:-0.045em; margin:0; } 
.implant_con01 .top_txt h4 a { display:inline-block; vertical-align:middle; min-width:93px; height:30px; margin-left:10px; border:1px solid #e6e6e6; font-size:13px; font-weight:300; color:#c0c0c0; letter-spacing:0; line-height:28px; box-sizing:border-box; text-align:center; } 
.implant_con01 .top_txt h4 a:before { content:''; display:inline-block; vertical-align:middle; width:15px; height:14px; margin-right:5px; margin-top:-3px; background:url('/img/implant_top_txt_detail_icon.png') no-repeat center center; } 
.implant_con01 .top_txt a { float:right; display:block; font-size:13px; color:#c0c0c0; letter-spacing:0em; font-weight:300; padding:5px 8px; border:1px solid #e6e6e6; } 
.implant_con01 .top_txt a img { display:inline-block; vertical-align:middle; margin-right:5px; } 

.implant_con01 .left_box { display:inline-block; vertical-align:top; width:calc(38% - 15px); margin-right:30px; } 
.implant_con01 .left_box .img_box { position:relative; border:1px solid #e6e6e6; box-sizing:border-box; } 
.implant_con01 .left_box .img_box a { position:absolute; display:block; width:123px; bottom:0; right:0; font-size:16px; color:#444444; letter-spacing:-0.045em; font-weight:300; padding:8px 0; background:#e8e7e8; border-top-left-radius:17px; text-align:center; } 
.implant_con01 .left_box .img_box a:hover { color:#fff; background:#d93a96; } 
.implant_con01 .left_box .img_box img { width:100%; } 
.implant_con01 .left_box ul { width:calc(100% + 3px); margin-top:-1px; } 
.implant_con01 .left_box ul li { display:inline-block; vertical-align:top; width:33.333333%; margin-left:-1px; border:1px solid #e6e6e6; box-sizing:border-box; } 
.implant_con01 .left_box ul li:first-of-type { margin-left:0; } 
.implant_con01 .left_box ul li img { width:100%; } 
.implant_con01 .right_box { display:inline-block; vertical-align:top; width:calc(62% - 15px); } 
.implant_con01 .right_box .option_list_box { } 
.implant_con01 .right_box .option_list_box ul { font-size:0; letter-spacing:-4px; text-align:center; } 
.implant_con01 .right_box .option_list_box ul li { display:inline-block; vertical-align:top; width:16.666666% } 
.implant_con01 .right_box .option_list_box ul li:nth-of-type(6n) { margin-right:0; } 
.implant_con01 .right_box .option_list_box ul li dt { overflow:hidden; display:table; width:100%; height:40px; } 
.implant_con01 .right_box .option_list_box ul li dt span { overflow:hidden; display:table-cell; vertical-align:middle; height:40px; background:#e3e3e3; font-size:14px; color:#666666; letter-spacing:0em; font-weight:400; border:3px solid #fff; border-bottom:10px solid #fff; word-break:break-all; line-height:1.2; box-sizing:border-box; white-space:nowrap; } 
.implant_con01 .right_box .option_list_box ul li dd { display:table; width:100%; height:77px; text-align:center; border:3px solid #fff; box-sizing:border-box; background-color:#f6f6f7; } 
.implant_con01 .right_box .option_list_box ul li dd a { display:table-cell; vertical-align:middle; font-size:16px; color:#bbbbbb; letter-spacing:0em; font-weight:400; box-sizing:border-box; } 
.implant_con01 .right_box .option_list_box ul li dd:hover a { border:1px solid #9e9e9e; } 
.implant_con01 .right_box .option_list_box ul li dd.on { background:#fff; border:1px solid #d93a96; } 
.implant_con01 .right_box .option_list_box ul li dd.on a { color:#d93a96; } 

.implant_con01 .right_box table { width:100%; } 
.implant_con01 .right_box table thead th { padding:5px; background:#e3e3e3; font-size:16px; color:#666666; letter-spacing:0em; font-weight:400; border:5px solid #fff; border-bottom:10px solid #fff; } 
.implant_con01 .right_box table thead th:last-of-type { border-right:0; } 
.implant_con01 .right_box table tbody td { text-align:center; border:5px solid #fff; background-color:#f6f6f7; } 
.implant_con01 .right_box table tbody td:last-of-type { border-right:0; } 
.implant_con01 .right_box table tbody td a { display:table; width:100%; height:77px; padding:5px; background:#f6f6f7; font-size:16px; color:#bbbbbb; letter-spacing:0em; font-weight:400; box-sizing:border-box; } 
.implant_con01 .right_box table tbody td a span { display:table-cell; vertical-align:middle; } 
.implant_con01 .right_box table tbody td a.on { color:#d93a96; background:#fff; border:1px solid #d93a96; } 
.implant_con01 .right_box table tbody td a:hover { border:1px solid #9e9e9e; } 
.implant_con01 .right_box .bot { margin-top:30px; } 
.implant_con01 .right_box .bot:after { content:''; display:block; clear:both; } 
.implant_con01 .right_box .bot .text { float:left; width:calc(100% - 200px); padding:16px; border:2px solid #a89aef; box-sizing:border-box; } 
.implant_con01 .right_box .bot .text h6 { display:inline-block; vertical-align:top; font-size:16px; color:#222222; letter-spacing:-0.045em; font-weight:300; margin:0; margin-right:10px; } 
.implant_con01 .right_box .bot .text p { display:inline-block; vertical-align:top; width:calc(100% - 84px); font-size:16px; color:#a6a6a6; letter-spacing:-0.045em; font-weight:300; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } 
.implant_con01 .right_box .bot a { float:left; display:table; width:200px; height:60px; background:#a89aef; border-bottom-right-radius:17px; font-size:16px; color:#fff; letter-spacing:-0.045em; font-weight:300; text-align:center; } 
.implant_con01 .right_box .bot a span { display:table-cell; vertical-align:middle; padding:5px; box-sizing:border-box; } 

.implant_con02 { padding:100px 0; margin-bottom:150px; background:#e8e7e8; } 
.implant_con02 .btns { margin:10px 0; text-align:right; font-size:0; letter-spacing:-4px; } 
.implant_con02 .btns a { display:inline-block; vertical-align:top; font-size:13px; color:#c0c0c0; letter-spacing:0em; font-weight:300; padding:5px 8px; border:1px solid #e6e6e6; background:#fff; } 
.implant_con02 .btns a + a { margin-left:10px; } 
.implant_con02 .btns a img { display:inline-block; vertical-align:middle; margin-right:5px; } 
.implant_con02 .bot_btn { margin-top:60px; text-align:center; } 
.implant_con02 .bot_btn a { display:block; width:100%; max-width:180px; margin:0 auto; font-size:18px; color:#d93a96; letter-spacing:0em; font-weight:700; background:#fff; border:3px solid #d93a96; padding:10px 0; border-radius:40px; } 
.implant_con02 .bot_btn a:hover { color:#fff; background:#d93a96; box-shadow:9px 9px 16px rgba(0, 0, 0, 0.23); } 


/*---- list02 -----*/
.implant02_con01 { margin:60px 0 100px; font-size:0; letter-spacing:-4px; } 
.implant02_con01 .top_box { margin-bottom:10px; } 
.implant02_con01 .top_box:after { content:''; display:block; clear:both; } 
.implant02_con01 .top_box a { float:right; display:block; font-size:13px; color:#c0c0c0; letter-spacing:0em; font-weight:300; padding:5px 8px; border:1px solid #e6e6e6; } 
.implant02_con01 .top_box a img { display:inline-block; vertical-align:middle; margin-right:5px; } 
.implant02_con01 .top_txt { margin-bottom:15px; } 
.implant02_con01 .top_txt:after { content:''; display:block; clear:both; } 
.implant02_con01 .top_txt h4 { margin:0; display:inline-block; vertical-align:middle; font-size:22px; font-weight:500; color:#444444; letter-spacing:-0.045em; } 
.implant02_con01 .top_txt h4 a { display:inline-block; vertical-align:middle; min-width:93px; height:30px; margin-left:10px; border:1px solid #e6e6e6; font-size:13px; font-weight:300; color:#c0c0c0; letter-spacing:0; line-height:28px; box-sizing:border-box; text-align:center; } 
.implant02_con01 .top_txt h4 a:before { content:''; display:inline-block; vertical-align:middle; width:15px; height:14px; margin-right:5px; margin-top:-3px; background:url('/img/implant_top_txt_detail_icon.png') no-repeat center center; } 
.implant02_con01 .top_txt a.btn { display:inline-block; vertical-align:middle; float:right; min-width:200px; height:42px; background-color:#a89aef; box-sizing:border-box; border-radius:50px; font-size:16px; font-weight:300; color:#fefefe; letter-spacing:-0.045em; line-height:42px; text-align:center; } 

.implant02_con01 .left_box { display:inline-block; vertical-align:top; width:calc(38% - 15px); margin-right:30px; } 
.implant02_con01 .left_box .img_box { position:relative; border:1px solid #e6e6e6; box-sizing:border-box; } 
.implant02_con01 .left_box .img_box a { position:absolute; display:block; width:123px; bottom:0; right:0; font-size:16px; color:#444444; letter-spacing:-0.045em; font-weight:300; padding:8px 0; background:#e8e7e8; border-top-left-radius:17px; text-align:center; } 
.implant02_con01 .left_box .img_box a:hover { color:#fff; background:#d93a96; } 
.implant02_con01 .left_box .img_box img { width:100%; } 
.implant02_con01 .left_box ul { width:calc(100% + 3px); margin-top:-1px; } 
.implant02_con01 .left_box ul li { display:inline-block; vertical-align:top; width:33.333333%; margin-left:-1px; border:1px solid #e6e6e6; box-sizing:border-box; } 
.implant02_con01 .left_box ul li:first-of-type { margin-left:0; } 
.implant02_con01 .left_box ul li img { width:100%; } 
.implant02_con01 .right_box { display:inline-block; vertical-align:top; width:calc(62% - 15px); } 
.implant02_con01 .right_box.w100 { width:100%; } 
.implant02_con01 .right_box .kit_box { position:relative; border:1px solid #e6e6e6; box-sizing:border-box; } 
.implant02_con01 .right_box .kit_box > a { z-index:2; position:absolute; display:block; width:123px; bottom:0; right:0; font-size:16px; color:#444444; letter-spacing:-0.045em; font-weight:300; padding:8px 0; background:#e8e7e8; border-top-left-radius:17px; text-align:center; } 
.implant02_con01 .right_box .kit_box > a:hover { color:#fff; background:#d93a96; } 
.implant02_con01 .right_box .kit_box img { width:100%; } 
.implant02_con01 .right_box .link_box { position:absolute; left:0; top:0; width:100%; height:100%; } 
.implant02_con01 .right_box .link_box a { z-index:10; position:absolute; box-sizing:border-box; } 
.implant02_con01 .right_box .bot { margin-top:30px; } 
.implant02_con01 .right_box .bot:after { content:''; display:block; clear:both; } 
.implant02_con01 .right_box .bot .text { float:left; width:calc(100% - 200px); padding:16px; border:2px solid #a89aef; box-sizing:border-box; } 
.implant02_con01 .right_box .bot .text h6 { display:inline-block; vertical-align:top; font-size:16px; color:#222222; letter-spacing:-0.045em; font-weight:300; margin:0; margin-right:10px; } 
.implant02_con01 .right_box .bot .text p { display:inline-block; vertical-align:top; width:calc(100% - 84px); font-size:16px; color:#a6a6a6; letter-spacing:-0.045em; font-weight:300; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } 
.implant02_con01 .right_box .bot a { float:left; display:table; width:200px; height:60px; background:#a89aef; border-bottom-right-radius:17px; font-size:16px; color:#fff; letter-spacing:-0.045em; font-weight:300; text-align:center; } 
.implant02_con01 .right_box .bot a span { display:table-cell; vertical-align:middle; padding:5px; box-sizing:border-box; } 

.implant02_con02 { padding:100px 0; margin-bottom:150px; background:#e8e7e8; } 
.implant02_con02 .btns { margin:10px 0; text-align:right; font-size:0; letter-spacing:-4px; } 
.implant02_con02 .btns a { display:inline-block; vertical-align:top; font-size:13px; color:#c0c0c0; letter-spacing:0em; font-weight:300; padding:5px 8px; border:1px solid #e6e6e6; background:#fff; } 
.implant02_con02 .btns a + a { margin-left:10px; } 
.implant02_con02 .btns a img { display:inline-block; vertical-align:middle; margin-right:5px; } 
.implant02_con02 .bot_btn { margin-top:60px; text-align:center; } 
.implant02_con02 .bot_btn a { display:block; width:100%; max-width:180px; margin:0 auto; font-size:18px; color:#d93a96; letter-spacing:0em; font-weight:700; background:#fff; border:3px solid #d93a96; padding:10px 0; border-radius:40px; } 
.implant02_con02 .bot_btn a:hover { color:#fff; background:#d93a96; box-shadow:9px 9px 16px rgba(0, 0, 0, 0.23); } 



/* ==========================================================================
마이페이지
========================================================================== */
.mypages { font-size:0; letter-spacing:-4px; } 
.mypages .left_menu { display:inline-block; vertical-align:top; width:200px; margin-right:20px; padding:100px 20px; background:url('/img/mypages_menu_bg.png') no-repeat center center / cover; box-sizing:border-box; min-height:760px; border-bottom-right-radius:30px; overflow:hidden; } 
.mypages .left_menu h3 { font-size:26px; color:#000000; letter-spacing:0em; font-weight:700; margin:0; margin-bottom:30px; } 
.mypages .left_menu ul li { margin-bottom:15px; } 
.mypages .left_menu ul li a { position:relative; display:block; font-size:16px; color:#666666; letter-spacing:-0.045em; font-weight:300; line-height:1.4; transition:all 0.3s; -webkit-transition:all 0.3s; -o-transition:all 0.3s; -ms-transition:all 0.3s; -moz-transition:all 0.3s; } 
.mypages .left_menu ul li a:before { opacity:0; content:''; position:absolute; display:block; width:4px; height:4px; background:#d93a96; top:10px; left:0; transform:rotate(45deg); -webkit-transform:rotate(45deg); -o-transform:rotate(45deg); -ms-transform:rotate(45deg); -moz-transform:rotate(45deg); transition:all 0.3s; -webkit-transition:all 0.3s; -o-transition:all 0.3s; -ms-transition:all 0.3s; -moz-transition:all 0.3s; } 
.mypages .left_menu ul li:hover a { padding-left:10px; color:#d93a96; font-weight:500; } 
.mypages .left_menu ul li:hover a:before { opacity:1; } 
.mypages .left_menu ul li.on a { padding-left:10px; color:#d93a96; font-weight:500; } 
.mypages .left_menu ul li.on a:before { opacity:1; } 
.mypages .right_content { display:inline-block; vertical-align:top; width:calc(100% - 220px); } 
.mypages .right_content .sub_route .inner { width:100%; } 


/*------ 장바구니 -----*/
.mypages_cart_con01 { margin:60px 0 100px; } 
.mypages_cart_con01 .total_price_box { padding:30px; border-top:1px solid #cacaca; border-bottom:1px solid #1b1b1b; margin-top:-1px; } 
.mypages_cart_con01 .total_price_box:after { content:''; display:block; clear:both; } 
.mypages_cart_con01 .total_price_box .price_box { float:right; text-align:right; } 
.mypages_cart_con01 .total_price_box h5 { display:inline-block; font-size:18px; color:#444444; letter-spacing:-0.045em; font-weight:300; margin:0; } 
.mypages_cart_con01 .total_price_box h5 b { color:#222222; font-weight:500; } 
.mypages_cart_con01 .total_price_box h5 span { font-size:24px; color:#d93a96; font-weight:500; } 
.mypages_cart_con01 .bot_btn { margin-top:60px; text-align:center; } 
.mypages_cart_con01 .bot_btn a { display:inline-block; width:90%; max-width:216px; margin:0 3px; font-size:18px; color:#d93a96; letter-spacing:0em; font-weight:700; padding:7px 0; border:3px solid #d93a96; border-radius:40px; box-sizing:border-box; } 
.mypages_cart_con01 .bot_btn a:hover { color:#fff; background:#d93a96; box-shadow:9px 9px 16px rgba(0, 0, 0, 0.23); } 


/*------ 최근본상품 -----*/
.mypages_recently_con01 { margin:60px 0 100px; } 
.mypages_recently_con01 .btns { margin:20px 0; } 
.mypages_recently_con01 .btns a { display:inline-block; vertical-align:top; font-size:13px; color:#c0c0c0; letter-spacing:0em; font-weight:300; padding:5px 8px; border:1px solid #e6e6e6; } 
.mypages_recently_con01 .btns a.right { float:Right; } 
.mypages_recently_con01 .btns a img { display:inline-block; vertical-align:middle; margin-right:5px; } 


/*------ 계약조회 -----*/
.mypages_contract_con01 { margin:60px 0 100px; } 
.mypages_contract_con01 .sub_tit { text-align:left; } 
.mypages_contract_con01 .btns { margin:20px 0; } 
.mypages_contract_con01 .btns a { display:inline-block; vertical-align:top; font-size:13px; color:#c0c0c0; letter-spacing:0em; font-weight:300; padding:5px 8px; border:1px solid #e6e6e6; } 
.mypages_contract_con01 .btns a img { display:inline-block; vertical-align:middle; margin-right:5px; } 
.mypages_contract_con01 .search_box { margin-bottom:40px; } 
.mypages_contract_con01 .search_box span { display:inline-block; vertical-align:middle; font-size:16px; font-weight:400; letter-spacing:-0.025em; color:#222; margin-right:20px; } 
.mypages_contract_con01 .search_box select { display:inline-block; vertical-align:middle; width:150px; height:40px; padding:0 10px; box-sizing:border-box; font-size:16px; font-weight:400; letter-spacing:-0.025em; color:#222; } 

/* 20220824 계약 주체 추가 */
.mypages_contract_con01 .search_box > * { display: inline-block; margin-right: 20px; } 
.mypages_contract_con01 .search_box > *:last-of-type { margin-right: 0; } 

/*------ 온라인계약관리 -----*/
.mypages_online_con01 { margin:60px 0 100px; } 
.mypages_online_con01 .sub_tit .btns { float:right; margin:0; } 
.mypages_online_con01 .sub_tit .btns a { margin-top:0; margin-left:3px; } 
.mypages_online_con01 .btns { margin:20px 0; } 
.mypages_online_con01 .btns a { display:inline-block; vertical-align:top; font-size:13px; color:#c0c0c0; letter-spacing:0em; font-weight:300; padding:5px 8px; border:1px solid #e6e6e6; } 
.mypages_online_con01 .btns a img { display:inline-block; vertical-align:middle; margin-right:5px; } 

/*------ 서비스 준비중 -----*/

.online_con01 .inner { } 
.online_con01 .inner .t_box { display: table; width: 100%; height: 600px; } 
.online_con01 .inner .tc_box { display: table-cell; vertical-align: middle; text-align: center; } 
.online_con01 .inner .tc_box .txt_box { display: inline-block; } 
.online_con01 .inner .tc_box .txt_box img { } 
.online_con01 .inner .tc_box .txt_box h4 { font-size: 32px; line-height: 28px; letter-spacing: -0.045em; color: #000; margin: 35px 0; } 
.online_con01 .inner .tc_box .txt_box p { font-size: 18px; line-height: 28px; letter-spacing: -0.045em; color: #444; } 

/*------ 임플란트 정품인증서 -----*/
.certification_online_con01 { margin:60px 0 100px; } 
.certification_online_con01 .sub_tit .btns { float:right; margin:0; } 
.certification_online_con01 .sub_tit .btns a { display:inline-block; vertical-align:top; margin-top:0; font-size:14px; color:#fff; letter-spacing:0em; font-weight:300; padding:5px 20px; background-color:#d93a96; } 
.certification_online_con01 .btn_box { margin-top:10px; text-align:right; } 
.certification_online_con01 .btn_box a { display:inline-block; vertical-align:top; width:auto; height:40px; padding:0 20px; background-color:#d93a96; font-size:14px; font-weight:300; color:#ffffff; letter-spacing:0; line-height:40px; } 
.certification_online_con01 .btn_box a.line_type { height:30px; border:1px solid #1b1b1b; color:#222222; background-color:#fff; line-height:28px; } 
.certification_online_con01 .btn_box a.line_type img { vertical-align:middle; margin-right:5px; margin-top:-3px; } 

.certification_online_con01 .bot_btn { margin-top:60px; text-align:center; } 
.certification_online_con01 .bot_btn a { display:inline-block; width:90%; max-width:216px; margin:0 3px; font-size:18px; color:#d93a96; letter-spacing:0em; font-weight:700; padding:7px 0; border:3px solid #d93a96; border-radius:40px; box-sizing:border-box; } 
.certification_online_con01 .bot_btn a:hover { color:#fff; background:#d93a96; box-shadow:9px 9px 16px rgba(0, 0, 0, 0.23); } 

.certification_online_con01 .read_con01 { padding:14px; border:3px solid #eeeeee; box-sizing:Border-box; } 
.certification_online_con01 .read_con01 img { max-width:100%; } 
.certification_online_con01 .read_con01 .box { padding:50px 40px; border:1px solid #eeeeee; border-top:0 none; box-sizing:border-box; } 
.certification_online_con01 .read_con01 h4 { position:relative; padding-left:15px; font-size:16px; color:#444444; letter-spacing:0; font-weight:normal; box-sizing:Border-box; } 
.certification_online_con01 .read_con01 h4:before { content:''; position:absolute; left:0; top:9px; width:8px; height:8px; background-color:#d93a96; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg); } 
.certification_online_con01 .read_con01 p { font-size:20px; font-weight:300; color:#444444; letter-spacing:-0.025em; line-height:1.4; } 
.certification_online_con01 .read_con01 p strong { font-size:30px; color:#d93a96; } 
.certification_online_con01 .read_con01 .gray_box { padding:50px 40px; margin-top:40px; border:1px solid #eeeeee; background-color:#fafafa; box-sizing:border-box; } 
.certification_online_con01 .read_con01 .gray_box table { width:100%; background-color:#fff; } 
.certification_online_con01 .read_con01 .gray_box table.mb40 { margin-bottom:40px; } 
.certification_online_con01 .read_con01 .gray_box table th { padding:15px 0; border:1px solid #e5e5e5; font-size:16px; color:#222222; font-weight:normal; letter-spacing:-0.025em; background-color:#f2eef0; } 
.certification_online_con01 .read_con01 .gray_box table th.pink_bg { color:#fff; background-color:#d93a96; } 
.certification_online_con01 .read_con01 .gray_box table td { padding:15px 0; border:1px solid #e5e5e5; font-size:16px; color:#222222; text-align:center; letter-spacing:-0.025em; background-color:#fff; } 
.certification_online_con01 .read_con01 .gray_box table td.gray_color { color:#888888; } 
.certification_online_con01 .read_con01 .gray_box .hr { width:100%; height:1px; margin:20px 0; background-color:#d93a96; } 
.certification_online_con01 .read_con01 .gray_box h5 { font-size:16px; font-weight:normal; color:#222222; letter-spacing:-0.025em; } 
.certification_online_con01 .read_con01 .gray_box h5 span { color:#d93a96; } 

/* 20220824 정품인증서 주의 사항 추가 */
.certification_online_con01 p.caution { font-size: 14px; color: #999999; line-height: 50px; letter-spacing: 0; } 

.read_pop { width:780px; padding:14px; border:3px solid #eeeeee; box-sizing:Border-box; } 
.read_pop img { max-width:100%; } 
.read_pop .box { padding:50px 40px; border:1px solid #eeeeee; border-top:0 none; box-sizing:border-box; } 
.read_pop h4 { position:relative; padding-left:15px; font-size:16px; color:#444444; letter-spacing:0; font-weight:normal; box-sizing:Border-box; } 
.read_pop h4:before { content:''; position:absolute; left:0; top:9px; width:8px; height:8px; background-color:#d93a96; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg); } 
.read_pop p { font-size:20px; font-weight:300; color:#444444; letter-spacing:-0.025em; line-height:1.4; } 
.read_pop p strong { font-size:30px; color:#d93a96; } 
.read_pop .gray_box { padding:50px 40px; margin-top:40px; border:1px solid #eeeeee; background-color:#fafafa; box-sizing:border-box; } 
.read_pop .gray_box table { width:100%; background-color:#fff; } 
.read_pop .gray_box table.mb40 { margin-bottom:40px; } 
.read_pop .gray_box table th { padding:15px 0; border:1px solid #e5e5e5; font-size:16px; color:#222222; font-weight:normal; letter-spacing:-0.025em; background-color:#f2eef0; } 
.read_pop .gray_box table th.pink_bg { color:#fff; background-color:#d93a96; } 
.read_pop .gray_box table td { padding:15px 0; border:1px solid #e5e5e5; font-size:16px; color:#222222; text-align:center; letter-spacing:-0.025em; background-color:#fff; } 
.read_pop .gray_box table td.gray_color { color:#888888; } 
.read_pop .gray_box .hr { width:100%; height:1px; margin:20px 0; background-color:#d93a96; } 
.read_pop .gray_box h5 { font-size:16px; font-weight:normal; color:#222222; letter-spacing:-0.025em; } 
.read_pop .gray_box h5 span { color:#d93a96; } 
.read_pop .btn_box { margin-top:40px; text-align:center; } 
.read_pop .btn_box a { display:inline-block; width:90%; max-width:216px; margin:0 3px; font-size:18px; color:#d93a96; letter-spacing:0em; font-weight:700; padding:7px 0; border:3px solid #d93a96; border-radius:40px; box-sizing:border-box; } 
.read_pop .btn_box a:hover { color:#fff; background:#d93a96; box-shadow:9px 9px 16px rgba(0, 0, 0, 0.23); } 



/* ==========================================================================
About Us
========================================================================== */
/*------ 회사소개 -----*/
.company_con01 { margin:60px 0; } 
.company_con01 .box { text-align:center; } 
.company_con01 h5 { font-size:30px; color:#d93a96; letter-spacing:-0.045em; font-weight:500; margin:0; margin-top:30px; } 
.company_con01 h5 span { display:inline-block; color:#fff; line-height:1.2; padding:0 2px; background:#d93a96; } 
.company_con01 .line { display:block; width:1px; height:60px; background:#bcbcbd; margin:15px auto; } 
.company_con01 p { font-size:18px; color:#666666; letter-spacing:-0.045em; font-weight:300; } 
.company_con01 p b { color:#222222; } 
.company_con01 ul { font-size:0; letter-spacing:-4px; margin-top:40px; } 
.company_con01 ul li { display:inline-block; vertical-align:top; margin-right:20px; width:calc(33.333333% - 13.4px); } 
.company_con01 ul li:last-of-type { margin-right:0; } 
.company_con01 ul li .icon_box { position:relative; margin-bottom:30px; } 
.company_con01 ul li .icon_box:before { content:''; position:absolute; display:block; width:100%; height:1px; background:#e6e6e6; top:50%; left:0; } 
.company_con01 ul li .icon_box img { position:relative; } 
.company_con01 ul li h6 { font-size:18px; color:#666666; letter-spacing:-0.045em; font-weight:300; margin:0; } 
.company_con01 ul li h6 span { font-size:22px; color:#c952ef; } 
.company_con01 ul li:nth-of-type(2) h6 span { color:#d93a96; } 
.company_con01 ul li:nth-of-type(3) h6 span { color:#8952ef; } 
.company_con01 ul li p { font-size:16px; color:#666666; letter-spacing:-0.045em; font-weight:300; } 

.company_con02 { padding:60px 0; background:url('/img/company_con02_bg.jpg') no-repeat center center / cover; } 
.company_con02 .left_box { display:inline-block; vertical-align:top; width:60%; } 
.company_con02 .right_box { display:inline-block; vertical-align:top; width:40%; } 
.company_con02 dl { margin-bottom:20px; } 
.company_con02 dl:last-of-type { margin-bottom:0; } 
.company_con02 dl dt { position:relative; display:inline-block; vertical-align:top; width:100px; font-size:18px; color:#444444; letter-spacing:-0.045em; font-weight:500; padding-left:10px; box-sizing:border-box; } 
.company_con02 dl dt:before { content:''; position:absolute; display:block; width:4px; height:4px; background:#444444; top:12px; left:0; transform:rotate(45deg); -webkit-transform:rotate(45deg); -o-transform:rotate(45deg); -ms-transform:rotate(45deg); -moz-transform:rotate(45deg); } 
.company_con02 dl dd { position:relative; display:inline-block; vertical-align:top; width:calc(100% - 100px); } 
.company_con02 dl dd p { font-size:18px; color:#666666; letter-spacing:-0.045em; font-weight:400; } 
.company_con02 dl dd p b { display:inline-block; vertical-align:top; width:30px; } 
.company_con02 dl dd p span { display:inline-block; vertical-align:top; width:calc(100% - 34px); } 
.company_con02 dl.on dt { color:#d93a96; } 
.company_con02 dl.on dt:before { background:#d93a96; } 
.company_con02 dl.on dd p { color:#d93a96; } 

.company_con03 { margin:60px 0; } 
.company_con03 dl:after { content:''; display:block; clear:both; } 
.company_con03 dl dt { position:relative; float:left; width:50%; } 
.company_con03 dl dt .num { position:absolute; width:60px; height:60px; font-size:20px; color:#ffffff; letter-spacing:-0.045em; font-weight:500; line-height:60px; text-align:center; top:50%; right:-30px; transform:translateY(-50%); -webkit-transform:translateY(-50%); -o-transform:translateY(-50%); -ms-transform:translateY(-50%); -moz-transform:translateY(-50%); } 
.company_con03 dl dt .num:before { content:''; position:absolute; display:block; width:100%; height:100%; background:#f6cfe6; border:6px solid #fff; border-radius:15px; box-sizing:border-box; top:0; left:0; transform:rotate(45deg); -webkit-transform:rotate(45deg); -o-transform:rotate(45deg); -ms-transform:rotate(45deg); -moz-transform:rotate(45deg); } 
.company_con03 dl dt .num span { position:relative; } 
.company_con03 dl dt img { width:100%; } 
.company_con03 dl dd { position:relative; float:left; width:50%; padding-bottom:35%; } 
.company_con03 dl dd > div { position:absolute; width:100%; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); -o-transform:translateY(-50%); -ms-transform:translateY(-50%); -moz-transform:translateY(-50%); box-sizing:border-box; padding:0 50px; } 
.company_con03 dl dd h5 { font-size:18px; color:#222222; letter-spacing:-0.045em; font-weight:500; margin:0; margin-bottom:20px; } 
.company_con03 dl dd p { font-size:18px; color:#666666; letter-spacing:-0.045em; font-weight:300; } 
.company_con03 dl:nth-of-type(2n) dt { float:right; } 
.company_con03 dl:nth-of-type(2n) dt .num { right:auto; left:-30px; } 
.company_con03 dl:nth-of-type(2n) dt .num:before { background:#e1cff6; } 

.company_con04 { margin-bottom:150px; overflow:hidden; } 
.company_con04 .map_box { width:100%; height:500px; } 
.company_con04 .map_box .map { width:100%; height:100%; } 
.company_con04 .text { position:relative;; background:#fff; padding:30px 40px 30px 0; border-top-right-radius:30px; max-width:920px; box-sizing:border-box; margin-top:-110px; min-height:110px; z-index:10; } 
.company_con04 .text:before { content:''; position:absolute; width:1000%; height:100%; background:#fff; top:0; right:100%; } 
.company_con04 .text img { display:inline-block; vertical-align:middle; margin-right:10px; } 
.company_con04 .text h6 { display:inline-block; vertical-align:middle; font-size:20px; color:#222222; letter-spacing:-0.045em; font-weight:500; margin:0; } 
.company_con04 .text a { display:inline-block; vertical-align:middle; width:200px; font-size:20px; color:#fff; letter-spacing:-0.045em; font-weight:500; background:#a5a5a5; border-radius:50px; padding:10px 0; text-align:center; margin-left:30px; } 
.company_con04 .text a img { margin-right:5px; } 


/*------ 쇼핑몰이용안내 -----*/
.information_con01 { margin:60px 0; } 
.information_con01 .box { text-align:center; } 
.information_con01 h5 { font-size:30px; color:#d93a96; letter-spacing:-0.045em; font-weight:500; margin:0; margin-top:30px; } 
.information_con01 h5 span { display:inline-block; color:#fff; line-height:1.2; padding:0 2px; background:#d93a96; } 
.information_con01 ul { font-size:0; letter-spacing:-4px; margin-top:40px; } 
.information_con01 ul li { display:inline-block; vertical-align:top; margin-right:20px; width:calc(33.333333% - 13.4px); } 
.information_con01 ul li:last-of-type { margin-right:0; } 
.information_con01 ul li .icon_box { position:relative; margin-bottom:30px; } 
.information_con01 ul li .icon_box:before { content:''; position:absolute; display:block; width:100%; height:1px; background:#e6e6e6; top:50%; left:0; } 
.information_con01 ul li .icon_box img { position:relative; } 
.information_con01 ul li h6 { font-size:18px; color:#666666; letter-spacing:-0.045em; font-weight:300; margin:0; } 
.information_con01 ul li h6 + h6 { margin-top:10px; } 
.information_con01 ul li h6 span { font-size:22px; color:#c952ef; } 
.information_con01 ul li:nth-of-type(2) h6 span { color:#d93a96; } 
.information_con01 ul li:nth-of-type(3) h6 span { color:#8952ef; } 
.information_con01 ul li p { font-size:16px; color:#666666; letter-spacing:-0.045em; font-weight:300; } 

.process_list { text-align:center; } 
.process_list ul { font-size:0; letter-spacing:-4px; } 
.process_list ul li { display:inline-block; vertical-align:top; margin-right:35px; width:calc(20% - 28px); } 
.process_list ul li:last-of-type { margin-right:0; } 
.process_list ul li .img_box { position:relative; margin-bottom:15px; } 
.process_list ul li .img_box:before { content:''; position:absolute; display:block; width:20px; height:10px; background:url('/img/information_con02_arrow.png') no-repeat center center / contain; top:50%; right:-27px; transform:translateY(-50%); -webkit-transform:translateY(-50%); -o-transform:translateY(-50%); -ms-transform:translateY(-50%); -moztransform:translateY(-50%); } 
.process_list ul li:last-of-type .img_box:before { display:none; } 
.process_list ul li .img_box img { width:100%; } 
.process_list ul li h5 { font-size:18px; color:#444444; letter-spacing:-0.045em; font-weight:500; } 
/*.process_list ul li:last-of-type h5 { color:#d93a96; } */
.process_list ul li p { font-size:18px; color:#666666; letter-spacing:-0.045em; font-weight:300; line-height:1.6; } 

.process_list.type02 ul li { width:calc(25% - 23.4px); margin-right:30px; } 
.process_list.type02 ul li:last-of-type { margin-right:0; } 
.process_list.type02 ul li .img_box:before { background-image:url('/img/online_con02_arrow.png'); } 
.process_list.type02 ul li .img_box img { width:auto; max-width:100%; } 

.information_con02 { padding:60px 0; background:#ededed; } 
.information_con02 .box { background:#fff; border-bottom-right-radius:30px; box-sizing:border-box; margin-top:40px; } 
.information_con02 .box .tit { padding:30px; } 
.information_con02 .box .tit h4 { position:relative; font-size:22px; color:#d93a96; letter-spacing:-0.045em; font-weight:700; margin:0; padding:0 25px; } 
.information_con02 .box .tit h4:before { content:''; position:absolute; display:block; width:18px; height:18px; background:url('/img/information_con02_icon02.png') no-repeat center center / contain; top:8px; left:0; } 
.information_con02 .box .tit h4 i { display:inline-block; vertical-align:middle; width:1px; height:14px; background:#d93a96; margin:0 10px; transform:rotate(30deg); -webkit-transform:rotate(30deg); -o-transform:rotate(30deg); -ms-transform:rotate(30deg); -moz-transform:rotate(30deg); } 
.information_con02 .box .desc { padding:30px 40px 60px; } 
.information_con02 .box .desc p { font-size:16px; color:#888888; letter-spacing:-0.045em; font-weight:300; } 

.information_con03 { margin:60px 0 150px; } 
.information_con03 .process_list { margin:40px 0; } 
.information_con03 .box { padding:30px 40px; background:#f6f6f6; border-bottom-right-radius:30px; } 
.information_con03 .box > div + div { margin-top:20px; } 
.information_con03 .box h4 { font-size:18px; color:#444444; letter-spacing:-0.045em; font-weight:500; margin:0; } 
.information_con03 .box .text { padding:10px 20px; } 
.information_con03 .box .text p { position:relative; font-size:18px; color:#666666; letter-spacing:-0.045em; font-weight:300; padding-left:10px; margin:5px 0; } 
.information_con03 .box .text p:before { content:'-'; position:absolute; display:block; top:0; left:0; } 
.information_con03 .box .text p span { color:#d93a96; } 
.information_con03 .box .text > h6 { font-size:18px; color:#666666; letter-spacing:-0.045em; font-weight:300; margin:5px 0; } 
.information_con03 .box .text .desc { display:inline-block; margin:10px 0; padding:20px 15px; background:#e5e5e5; min-width:480px; box-sizing:border-box; } 
.information_con03 .box .text .desc.w100 { width:100%; } 
.information_con03 .box .text .desc h6 { position:relative; font-size:16px; color:#888888; letter-spacing:-0.045em; font-weight:300; margin:0; padding-left:15px; } 
.information_con03 .box .text .desc h6:before { content:'˙'; position:absolute; display:block; top:0; left:0; } 
.information_con03 .box .text .desc h6.col01 { color:#d93a96; } 
.information_con03 .box .text .desc dl { display:inline-block; vertical-align:middle; width:50%; padding:10px 0; box-sizing:border-box; } 
.information_con03 .box .text .desc dl dt { display:inline-block; vertical-align:middle; width:40%; text-align:center; } 
.information_con03 .box .text .desc dl dt img { max-width:100%; } 
.information_con03 .box .text .desc dl dd { display:inline-block; vertical-align:middle; width:60%; } 
.information_con03 .box .text .desc dl dd h5 { font-size:18px; color:#666666; letter-spacing:-0.045em; font-weight:300; margin:0; } 
.information_con03 .box .text .desc dl dd h5 b { color:#444444; font-weight:700; } 
.information_con03 .box .text .desc dl dd h5 span { color:#d93a96; } 



/* ==========================================================================
온라인계약
========================================================================== */
.online_step_list { margin:40px 0 60px; } 
.online_step_list ul { font-size:0; letter-spacing:-4px; } 
.online_step_list ul li { display:inline-block; vertical-align:top; margin-right:10px; width:calc(25% - 7.5px); background:#f1f1f1; padding:20px 0; border-top-right-radius:30px; text-align:center; } 
.online_step_list ul li:last-of-type { margin-right:0; } 
.online_step_list ul li span { display:block; font-size:16px; color:#adadad; letter-spacing:0em; font-weight:300; font-style:italic; margin-bottom:5px; } 
.online_step_list ul li p { font-size:16px; color:#666666; letter-spacing:-0.045em; font-weight:400; line-height:1.4; min-height:44px; } 
.online_step_list ul li.on { background:#d93a96; } 
.online_step_list ul li.on span { color:#ffbee4; } 
.online_step_list ul li.on p { color:#fff; } 

.online_btns { margin-top:40px; text-align:center; } 
.online_btns.mb100 { margin-bottom:100px; } 
.online_btns a { display:inline-block; vertical-align:top; font-size:18px; color:#d93a96; letter-spacing:0em; font-weight:700; line-height:1.4; width:220px; border-radius:45px; margin:0 10px; border:3px solid #d93a96; padding:7px 0; box-sizing:border-box; } 
.online_btns a:hover { color:#fff; background:#d93a96; box-shadow:9px 9px 16px rgba(0, 0, 0, 0.23); } 
.online_btns a.type02 { color:#666666; font-weight:300; border:1px solid #666666; padding:9px 0; } 
.online_btns a.type02:hover { color:#666666; background:transparent; box-shadow:none; } 


/*------ 소개 -----*/
.online_con01 { margin:60px 0; } 
.online_con01 .sub_tit { margin-bottom:60px; } 
.online_con01 .tit_box { margin-bottom:40px; padding-left:20px; border-left:1px solid #bcbcbd; } 
.online_con01 .tit_box h3 { font-size:34px; color:#222222; letter-spacing:0em; font-weight:500; line-height:1.2; margin:0; margin-bottom:10px; } 
.online_con01 .tit_box h4 { font-size:20px; color:#444444; letter-spacing:-0.045em; font-weight:500; line-height:1.4; margin:0; } 
.online_con01 .tit_box h4 span { color:#d93a96; } 
.online_con01 ul { font-size:0; letter-spacing:-4px; } 
.online_con01 ul li { display:block; text-align:center; border:1px solid #e6e6e6; padding:15px; margin-bottom:15px } 
.online_con01 ul li:last-of-type { margin-bottom:0; } 
.online_con01 ul li .img_box { display:inline-block; vertical-align:middle; } 
.online_con01 ul li .img_box img { max-width:100%; } 
.online_con01 ul li .txt_box { width:calc(100% - 320px); display:inline-block; vertical-align:middle; } 
.online_con01 ul li .txt_box .num { display:inline-block; vertical-align:middle; position:relative; margin:0 10px 0 0; } 
.online_con01 ul li .txt_box .num h6 { position:relative; font-size:20px; color:#222; letter-spacing:-0.045em; font-weight:500; margin:0; } 
.online_con01 ul li .txt_box p { display:inline-block; vertical-align:middle; font-size:20px; color:#222222; letter-spacing:-0.045em; font-weight:300; } 
.online_con01 ul li .txt_box p b { font-weight:500; } 

.online_con01 ul li:nth-of-type(2n) .txt_box .num:before { background:#e1cff6; } 

.online_con02 { padding:60px 0 100px; background:#e8e7e8; } 

.online_con03 { padding:0 0 150px; } 

/*------ step01 -----*/
.online_01_con01 { margin:60px 0 100px; } 
.online_01_con01 .scroll_box { height:150px; padding:0 20px 20px; background:#f6f6f7; border:1px solid #e6e6e6; box-sizing:border-box; overflow-y:auto; } 
.online_01_con01 .scroll_box ul { font-size:0; letter-spacing:-4px; } 
.online_01_con01 .scroll_box ul li { position:relative; display:inline-block; vertical-align:top; width:50%; margin:2px 0; font-size:14px; color:#666666; letter-spacing:0em; font-weight:300; padding-left:10px; box-sizing:border-box; } 
.online_01_con01 .scroll_box ul li:before { content:''; position:absolute; top:6px; left:0; display:block; width:2px; height:10px; background:#d93a96; transform:rotate(30deg); -webkit-transform:rotate(30deg); -o-transform:rotate(30deg); -ms-transform:rotate(30deg); -moz-transform:rotate(30deg); } 
.online_01_con01 .scroll_box h4 { position:relative; margin:20px 0 0; font-size:16px; color:#222; letter-spacing:0em; font-weight:400; padding-left:10px; box-sizing:border-box; } 
.online_01_con01 .scroll_box h4:before { content:''; position:absolute; top:6px; left:0; display:block; width:2px; height:10px; background:#d93a96; transform:rotate(30deg); -webkit-transform:rotate(30deg); -o-transform:rotate(30deg); -ms-transform:rotate(30deg); -moz-transform:rotate(30deg); } 
.online_01_con01 .scroll_box p { margin:2px 0; font-size:14px; color:#666666; letter-spacing:0em; font-weight:300; padding-left:10px; box-sizing:border-box; word-break:keep-all } 
.online_01_con01 .scroll_box span { display:block; margin:2px 0; font-size:13px; color:#666666; letter-spacing:0em; font-weight:300; padding-left:25px; box-sizing:border-box; word-break:keep-all } 


.online_01_con01 .check_custom02 { display:block; margin:10px 0; font-size:14px; color:#9d9d9d; letter-spacing:0em; font-weight:300; text-align:right; } 
.online_01_con01 .check_custom02 label { display:inline-block; vertical-align:middle; padding:2px 0; padding-left:25px; } 
.online_01_con01 .check_custom02 a { display:inline-block; vertical-align:middle; font-size:14px; color:#9d9d9d; letter-spacing:0em; font-weight:300; } 

/*------ step02 -----*/
.online_02_con01 { margin:60px 0 100px; } 
.online_02_popup { display:none; position:fixed; top:50%; left:50%; width:93.75%; max-width:1000px; padding:40px 30px; background:#fff; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); z-index:210; text-align:center; box-sizing:border-box; } 
.online_02_popup .tit_box { position:relative; margin-bottom:40px; text-align:center; } 
.online_02_popup .tit_box h3 { font-size:20px; color:#000000; letter-spacing:-0.045em; font-weight:300; margin:0; } 
.online_02_popup .tit_box h3 b { font-weight:700; } 
.online_02_popup .tit_box .popup_x { position:absolute; top:-10px; right:0; display:block; } 
.online_02_popup ul { font-size:0; letter-spacing:-4px; } 
.online_02_popup ul li { display:block; text-align:center; border:1px solid #e6e6e6; padding:15px; margin-bottom:15px } 
.online_02_popup ul li:last-of-type { margin-bottom:0; } 
.online_02_popup ul li .img_box { display:inline-block; vertical-align:middle; } 
.online_02_popup ul li .img_box img { max-width:100%; } 
.online_02_popup ul li .txt_box { width:calc(100% - 320px); display:inline-block; vertical-align:middle;; } 
.online_02_popup ul li .txt_box .num { display:inline-block; vertical-align:middle; position:relative; margin:0 10px 0 0; } 
.online_02_popup ul li .txt_box .num h6 { position:relative; font-size:20px; color:#222; letter-spacing:-0.045em; font-weight:500; margin:0; } 
.online_02_popup ul li .txt_box p { display:inline-block; vertical-align:middle; font-size:20px; color:#222222; letter-spacing:-0.045em; font-weight:300; word-break:keep-all; } 
.online_02_popup ul li:nth-of-type(2n) .txt_box .num:before { background:#e1cff6; } 

.online_02_popup .bot_btn { margin-top:60px; } 
.online_02_popup .bot_btn a { display:inline-block; vertical-align:top; font-size:18px; color:#d93a96; letter-spacing:0em; font-weight:700; line-height:1.4; width:220px; border-radius:45px; margin:0 10px; border:3px solid #d93a96; padding:7px 0; box-sizing:border-box; } 
.online_02_popup .bot_btn a:hover { color:#fff; background:#d93a96; box-shadow:9px 9px 16px rgba(0, 0, 0, 0.23); } 

/*------ step03 -----*/
.online_03_con01 { margin:60px 0 100px; } 
.online_03_con01 .scroll_box { height:200px; padding:0 20px 20px; background:#f6f6f7; border:1px solid #e6e6e6; box-sizing:border-box; overflow-y:auto; } 
.online_03_con01 .scroll_box ul { font-size:0; letter-spacing:-4px; } 
.online_03_con01 .scroll_box ul li { position:relative; display:inline-block; vertical-align:top; width:50%; margin:2px 0; font-size:14px; color:#666666; letter-spacing:0em; font-weight:300; padding-left:10px; box-sizing:border-box; } 
.online_03_con01 .scroll_box ul li:before { content:''; position:absolute; top:6px; left:0; display:block; width:2px; height:10px; background:#d93a96; transform:rotate(30deg); -webkit-transform:rotate(30deg); -o-transform:rotate(30deg); -ms-transform:rotate(30deg); -moz-transform:rotate(30deg); } 
.online_03_con01 .scroll_box h4 { position:relative; margin:20px 0 0; font-size:16px; color:#222; letter-spacing:0em; font-weight:400; padding-left:10px; box-sizing:border-box; } 
.online_03_con01 .scroll_box h4:before { content:''; position:absolute; top:6px; left:0; display:block; width:2px; height:10px; background:#d93a96; transform:rotate(30deg); -webkit-transform:rotate(30deg); -o-transform:rotate(30deg); -ms-transform:rotate(30deg); -moz-transform:rotate(30deg); } 
.online_03_con01 .scroll_box p { margin:2px 0; font-size:14px; color:#666666; letter-spacing:0em; font-weight:300; padding-left:10px; box-sizing:border-box; word-break:keep-all } 
.online_03_con01 .scroll_box span { display:block; margin:2px 0; font-size:13px; color:#666666; letter-spacing:0em; font-weight:300; padding-left:25px; box-sizing:border-box; word-break:keep-all } 

.online_03_con01 .check_custom02 { display:block; margin:10px 0; font-size:14px; color:#9d9d9d; letter-spacing:0em; font-weight:300; text-align:right; } 
.online_03_con01 .check_custom02 label { display:inline-block; vertical-align:middle; padding:2px 0; padding-left:25px; } 
.online_03_con01 .check_custom02 a { display:inline-block; vertical-align:middle; font-size:14px; color:#9d9d9d; letter-spacing:0em; font-weight:300; } 
.online_03_con01 .sign_box { margin:60px 0 100px; } 
.online_03_con01 .sign_box dl { font-size:0; letter-spacing:-4px; } 
.online_03_con01 .sign_box dl dt { display:inline-block; vertical-align:middle; width:calc(100% - 140px); text-align:right; padding-right:20px; box-sizing:border-box; } 
.online_03_con01 .sign_box dl dt h6 { font-size:16px; color:#444444; letter-spacing:-0.045em; font-weight:300; margin:0; line-height:1.5; } 
.online_03_con01 .sign_box dl dt p { font-size:14px; color:#9d9d9d; letter-spacing:0em; font-weight:300; margin-top:20px; } 
.online_03_con01 .sign_box dl dd { display:inline-block; vertical-align:middle; width:140px; height:90px; border:1px solid #444444; text-align:center; box-sizing:border-box; } 
.online_03_con01 .sign_box dl dd a { display:block; width:100%; height:100%; } 
.online_03_con01 .sign_box dl dd h5 { display:table; width:100%; height:100%; font-size:16px; color:#444444; letter-spacing:-0.045em; font-weight:300; margin:0; } 
.online_03_con01 .sign_box dl dd h5 span { display:table-cell; vertical-align:middle; } 

.popup_bg { display:none; position:fixed; width:100%; height:100%; top:0; left:0; right:0; background:rgba(0, 0, 0, 0.45); z-index:200; cursor:pointer; } 
.online_03_popup { display:none; position:fixed; top:50%; left:50%; width:93.75%; max-width:1000px; padding:60px 30px; background:#fff; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); z-index:210; text-align:center; box-sizing:border-box; } 
.online_03_popup .popup_x { position:absolute; top:30px; right:30px; } 
.online_03_popup h4 { font-size:20px; color:#000000; letter-spacing:-0.045em; font-weight:400; margin:0; margin-bottom:30px; } 
.online_03_popup .sign_box { width:100%; max-width:440px; height:300px; border:1px solid #444444; box-sizing:border-box; margin:0 auto; } 
.online_03_popup .sign_box form { width:100%; height:298px; } 
.online_03_popup .sign_box form .sigWrapper { width:100%; height:298px; border:0 none; } 
.online_03_popup .sign_box canvas { border:0 none; width:100%; height:298px; } 
.online_03_popup .bot_btn { margin-top:60px; } 
.online_03_popup .bot_btn a { display:inline-block; vertical-align:top; font-size:18px; color:#d93a96; letter-spacing:0em; font-weight:700; line-height:1.4; width:220px; border-radius:45px; margin:0 10px; border:3px solid #d93a96; padding:7px 0; box-sizing:border-box; } 
.online_03_popup .bot_btn a:hover { color:#fff; background:#d93a96; box-shadow:9px 9px 16px rgba(0, 0, 0, 0.23); } 

/*------ step04 -----*/
.online_04_con01 { margin:60px 0 100px; } 

/*------ step05 -----*/
.online_05_con01 { margin:60px 0 100px; } 

/*------ complete -----*/
.online_complete_con01 { margin:60px 0 100px; } 
.online_complete_con01 ul { font-size:0; letter-spacing:-4px; text-align:center; } 
.online_complete_con01 ul li { display:inline-block; vertical-align:top; width:calc(33.333333% - 13.4px); margin-right:20px; text-align:center; border-bottom:1px solid #e6e6e6; } 
.online_complete_con01 ul li:last-of-type { margin-right:0; } 
.online_complete_con01 ul li .img_box { border-top-left-radius:30px; overflow:hidden; } 
.online_complete_con01 ul li .img_box img { width:100%; } 
.online_complete_con01 ul li .txt_box { position:relative; padding:60px 0 30px; } 
.online_complete_con01 ul li .txt_box .num { position:absolute; top:-30px; left:50%; display:block; width:60px; height:60px; transform:translateX(-50%); -webkit-transform:translateX(-50%); -o-transform:translateX(-50%); -ms-transform:translateX(-50%); -moz-transform:translateX(-50%); text-align:center; } 
.online_complete_con01 ul li .txt_box .num:before { content:''; position:absolute; top:-5px; left:-5px; display:block; width:100%; height:100%; background:#f6cfe6; border:6px solid #fff; border-radius:20px; transform:rotate(45deg); -webkit-transform:rotate(45deg); -o-transform:rotate(45deg); -ms-transform:rotate(45deg); -moz0transform:rotate(45deg); } 
.online_complete_con01 ul li .txt_box .num h6 { position:relative; font-size:20px; color:#fff; letter-spacing:-0.045em; font-weight:500; margin:0; line-height:60px; } 
.online_complete_con01 ul li .txt_box p { font-size:18px; color:#444444; letter-spacing:-0.045em; font-weight:300; min-height:81px; } 
.online_complete_con01 ul li:nth-of-type(2n) .txt_box .num:before { background:#e1cff6; } 


.date_btn button { vertical-align:middle; } 


/* search_con01 */
.search_con01 { margin:100px 0 } 


/* paytype_box */
.paytype_box .box > p { margin:20px 0; font-size:16px; color:#222; letter-spacing:-0.025em } 



/* exhibition_banner */
.exhibition_banner { width:100%; max-width:1920px; margin:0 auto; position:relative; min-width:1000px } 


/* 검색결과 */
.search_wrap { text-align:center; font-size:0; padding:20px; border:1px solid #eee; box-sizing:border-box; margin:20px 0 30px; } 
.search_wrap > * { display:inline-block; vertical-align:middle; } 
.search_wrap .check_custom { margin:0 10px 0 0; font-size:14px; color:#666; } 
.search_wrap .check_custom label { padding:0 0 0 25px; } 
.search_wrap select { height:32px; padding:0 0 0 5px; font-size:14px; color:#666; margin-right:10px; text-align:center; border-color:#dedede; vertical-align:middle; } 
.search_wrap input[type="text"] { width:300px; height:32px; border:1px solid #dedede; font-size:14px; padding:0 20px; vertical-align:middle; box-sizing:border-box; } 
.search_wrap a { vertical-align:middle; display:inline-block; width:65px; height:32px; font-size:14px; color:#307dd4; box-sizing:border-box; text-align:center; line-height:30px; border:1px solid #307dd4; margin-left:5px; } 


/* paging_wrap */
.paging_wrap { text-align: center; margin:10px auto 0 !important; max-width:100%; } 
.paging_wrap .page { letter-spacing:0em; min-height:34px; display:block; margin:0 !important; vertical-align: top; font-size: 0; text-align:center !important; position:relative; } 
.paging_wrap .page:before { content:""; display:inline-block; vertical-align:middle; width:1px; height:8px; margin:0 15px; box-sizing:border-box; background:url('/manage/img/num_line.gif')no-repeat center / cover; } 
.paging_wrap .page:after { content:""; display:inline-block; vertical-align:middle; width:1px; height:8px; margin:0 15px; box-sizing:border-box; background:url('/manage/img/num_line.gif')no-repeat center / cover; } 

.paging_wrap .page a,
.paging_wrap .page strong { border:0 !important; display: inline-block; vertical-align: middle; min-width:34px; height: 34px; font-size: 14px; line-height: 34px; color:#656668 ! important; text-align: center; } 
.paging_wrap .page strong { background-color: #3390fa !important; font-weight: bold; color: #fff !important; } 
.paging_wrap .page img { width: 100%; } 


.table_top_txt { padding-bottom:5px; font-size:14px; color:#222; text-align:right; } 
.sub_tit .table_top_txt { float:Right; margin-top:5px; } 


/* 팝업 */
.teeth_popup { position:fixed; left:0; top:0; right:0; bottom:0; display:none; width:707px; height:490px; padding:5px; margin:auto; background-color:#d93a96; border-radius:0 0 30px 0; box-sizing:border-box; } 
.teeth_popup h3 { padding:20px 10px 15px; font-size:30px; font-weight:bold; color:#fff; letter-spacing:-0.045em; } 
.teeth_popup > a { position:absolute; right:30px; top:30px; } 
.teeth_popup .box { width:100%; height:400px; padding-top:75px; background-color:#fff; box-sizing:border-box; border-radius:80px 0 30px 0; } 
.teeth_popup .img_box { position:relative; width:446px; max-width:100%; margin:0 auto; } 
.teeth_popup .img_box img { width:100%; } 
.teeth_popup .img_box a { position:absolute; opacity:.9 } 
.teeth_popup .img_box a.link01 { left:0.3%; top:25%; width:4%; height:17%; } 
.teeth_popup .img_box a.link02 { left:4%; top:25%; width:5%; height:20%; } 
.teeth_popup .img_box a.link03 { left:8%; top:25%; width:5.4%; height:23%; } 
.teeth_popup .img_box a.link04 { left:13%; top:25%; width:6.4%; height:26%; } 
.teeth_popup .img_box a.link05 { left:19%; top:24%; width:6.4%; height:29%; } 
.teeth_popup .img_box a.link06 { left:24.7%; top:23%; width:7.4%; height:32%; } 
.teeth_popup .img_box a.link07 { left:32%; top:21%; width:8%; height:35%; } 
.teeth_popup .img_box a.link08 { left:40%; top:17%; width:9%; height:40%; } 

.teeth_popup .img_box a.link09 { left:50.6%; top:17%; width:9%; height:40%; } 
.teeth_popup .img_box a.link10 { left:60%; top:21%; width:8%; height:35%; } 
.teeth_popup .img_box a.link11 { left:68%; top:23%; width:7.4%; height:32%; } 
.teeth_popup .img_box a.link12 { left:75%; top:24%; width:6.4%; height:29%; } 
.teeth_popup .img_box a.link13 { left:81%; top:25%; width:6.4%; height:26%; } 
.teeth_popup .img_box a.link14 { left:87%; top:25%; width:4.4%; height:23%; } 
.teeth_popup .img_box a.link15 { left:92%; top:25%; width:4%; height:20%; } 
.teeth_popup .img_box a.link16 { left:96%; top:25%; width:3%; height:17%; } 

.teeth_popup .img_box a.link17 { left:0.3%; top:45%; width:4%; height:13%; } 
.teeth_popup .img_box a.link18 { left:4%; top:48%; width:5%; height:16%; } 
.teeth_popup .img_box a.link19 { left:8%; top:51%; width:5.4%; height:19%; } 
.teeth_popup .img_box a.link20 { left:13%; top:53%; width:6.4%; height:22%; } 
.teeth_popup .img_box a.link21 { left:19%; top:56%; width:6.4%; height:22%; } 
.teeth_popup .img_box a.link22 { left:24.7%; top:59%; width:7.4%; height:23%; } 
.teeth_popup .img_box a.link23 { left:32%; top:59%; width:8%; height:27%; } 
.teeth_popup .img_box a.link24 { left:40%; top:59%; width:9%; height:30%; } 

.teeth_popup .img_box a.link25 { left:50.6%; top:59%; width:9%; height:30%; } 
.teeth_popup .img_box a.link26 { left:60%; top:59%; width:8%; height:27%; } 
.teeth_popup .img_box a.link27 { left:68%; top:59%; width:7.4%; height:23%; } 
.teeth_popup .img_box a.link28 { left:75%; top:56%; width:6.4%; height:22%; } 
.teeth_popup .img_box a.link29 { left:81%; top:53%; width:6.4%; height:22%; } 
.teeth_popup .img_box a.link30 { left:87%; top:51%; width:4.4%; height:19%; } 
.teeth_popup .img_box a.link31 { left:92%; top:48%; width:4%; height:16%; } 
.teeth_popup .img_box a.link32 { left:96%; top:45%; width:3%; height:13%; } 

.teeth_popup .btn_box { margin-top:55px; text-align:center; } 
.teeth_popup .btn_box a { display:inline-block; vertical-align:top; width:217px; height:47px; border:3px solid #d93a96; border-radius:50px; font-size:18px; font-weight:bold; color:#d93a96; letter-spacing:0; line-height:41px; } 

.myzone_wrap .search_box dl { font-size:0; letter-spacing:-4px; margin-bottom:20px; } 
.myzone_wrap .search_box dl dt { display:inline-block; vertical-align:middle; width:135px; font-size:18px; font-weight:500; letter-spacing:-0.045em; color:#444; } 
.myzone_wrap .search_box dl dd { display:inline-block; vertical-align:middle; width:calc(100% - 135px); font-size:0; letter-spacing:-4px; } 
.myzone_wrap .search_box dl dd input { max-width:393px; width:100%; display:inline-block; vertical-align:top; height:40px; line-height:38px; border:1px solid #e7e7e7; padding:0 25px; box-sizing:border-box; font-size:18px; font-weight:300; letter-spacing:-0.045em; color:#444444 } 
.myzone_wrap .search_box dl dd input + input { margin-top:10px; } 
.myzone_wrap .search_box dl dd input::placeholder { color:#bbbbbb } 
.myzone_wrap .search_box dl dd input:focus { outline:none; } 
.myzone_wrap .search_box .picker_box { position:relative; display:inline-block; } 
.myzone_wrap .search_box .picker_box button { position:absolute; right:20px; top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%); } 
.myzone_wrap .search_box .picker_box button:focus { outline:none; } 
.myzone_wrap .search_box .picker_box button img:focus { outline:none; } 
.myzone_wrap .search_box .picker_start_end { font-size:0; letter-spacing:-4px; display:inline-block; vertical-align:middle; margin-right:10px; } 
.myzone_wrap .search_box .picker_start_end li { display:inline-block; vertical-align:top; } 
.myzone_wrap .search_box .picker_start_end li > span { display:inline-block; vertical-align:middle; font-size:16px; font-weight:400; letter-spacing:-0.045em; color:#797979; padding:0 5px; line-height:40px; } 
.myzone_wrap .search_box dl dd a { display:inline-block; vertical-align:top; font-size:18px; color:#d93a96; letter-spacing:0em; font-weight:700; line-height:1.4; width:100px; border-radius:45px; border:1px solid #d93a96; height:40px; line-height:38px; box-sizing:border-box; text-align:center; } 
.myzone_wrap .search_box dl dd a:hover { color:#fff; background:#d93a96; box-shadow:9px 9px 16px rgba(0, 0, 0, 0.23); } 


/* 20220824 휴면회원 페이지 수정 */
.loginCon li:first-of-type.border_off { border-right: none; } 
.loginCon li .linp_wrap.w100 { width: 100%; } 
.loginCon.mb40 { margin-bottom: 40px; } 
a.release_btn { display: inline-block; width: 140px; height: 37px; line-height: 35px; font-size: 14px; color: #fff; text-align: center; vertical-align: middle; box-sizing: border-box; background-color: #d93a96; } 
.loginCon li dl:nth-of-type(2) { margin-top: 5px; } 

/* 
.loginCon li dl.text dd input { width: calc(100% - 190px); } 
.loginCon li dl.text * { border: 1px solid red; } */

.loginCon li dl.text dt { width: 140px; } 
.loginCon li dl.text dd { width: calc(100% - 140px); } 
.loginCon li dl.text dt label { font-size: 14px; padding-top: 5px; box-sizing: border-box;} 
.loginCon li dl.text dd input {padding: 0 20px; margin: 0;}
.loginCon li dl.text dd input.tel_num { height: 37px; border: 1px solid #dedede; font-size: 14px; vertical-align: middle; box-sizing: border-box; margin: 0; width:calc(100% - 130px); display: inline-block;} 
.loginCon li dl.text dd span.id_ch {
    display: inline-block;
    width: 120px;
    height: 37px;
    line-height: 35px;
    font-size: 14px;
    color: #222;
    margin-left: 10px;
    text-align: center;
    vertical-align: middle;
    box-sizing: border-box;
    border: 1px solid #222;
	margin-top: -2px;
}