/* scroll */
::-webkit-scrollbar { width:5px; height: 5px; }
::-webkit-scrollbar-track { background:#eee; -moz-border-radius:0; -webkit-border-radius:0; border-radius:0; }
::-webkit-scrollbar-thumb { height:50px; width:50px; background:#000; -moz-border-radius:0px; -webkit-border-radius:0px; border-radius:0px; }
::-webkit-scrollbar-thumb:window-inactive { background:#000; -moz-border-radius:0px; -webkit-border-radius:0px; border-radius:0px; }

.wrap { position: relative; width: 1200px; margin: 0 auto; }

/* head */
.head_inr01 { position: relative; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; height: 45px; background: linear-gradient(90deg, rgba(12,146,196,1) 0%, rgba(12,64,196,1) 100%); }
.top_menu01 { display: flex; flex-wrap: wrap; justify-content: flex-end; }
.top_menu01 .wrap {  }
.top_menu01 ul { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; }
.top_menu01 ul li { position: relative; padding: 0 15px; }
.top_menu01 ul li:last-child { padding-right: 0px; }
.top_menu01 ul li a { color: #fff; font-size: 13px; font-weight: 500; }
.top_menu01 ul li:after { content:''; position: absolute; top: 20%; right: 0px; width: 1px; height: 60%; background: rgba(255, 255, 255, 0.3); }
.top_menu01 ul li:last-child:after { display: none; }

.head_inr02 { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; height: 90px; }
.head_inr02 .wrap { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; }
.logo { position: relative; }
.logo a {  }
.menu { display: flex; flex-wrap: wrap; align-items: center; }
.menu_inr { display: flex; flex-wrap: wrap; }
.menu_inr li { padding: 0 40px; }
.menu_inr li:last-child { padding-right: 0px; }
.menu_inr li a { color: #222; font-size: 19px; font-weight: 600; }

#accordian, .burger { display: none; }

/* footer */
.footer { padding: 50px 0; background:#0a0a0a; font-size: 15px; }
.footer_menu { position: absolute; right: 0px; top: 0px; display: inline-flex; flex-wrap: wrap; justify-content: flex-end; align-items: center; z-index:9; }
.footer_menu:after { content: ""; display: block; clear: both; }
.footer_menu li { position: relative; display: flex; flex-wrap: wrap; justify-content: flex-end; margin-right: 5px; }
.footer_menu li:last-child { margin-right: 0px; }
.footer_menu li a { display: inline-flex; flex-wrap: wrap; justify-content: center; align-items: center; width: 150px; height: 50px; background: #1b1b1b; color: rgba(255, 255, 255, 0.7); font-weight: 300; letter-spacing: -0.3px; transition: 0.3s; }
.footer_menu li a:hover { background: #222; }
.footer_menu li a i { margin-right: 5px; }
.footer_copyright { position: relative; color: #888; font-weight: 400; line-height: 1.7em; }
.footer_copyright .ft_logo { margin-bottom: 15px; }
.footer_copyright .ft_logo a { color: #fff; font-size: 18px; }
.footer_copyright span { position: relative; display: inline-block; padding-right: 15px; margin-right: 15px; }
.footer_copyright span:after { content:''; position: absolute; right: 0px; top: 25%; width: 1px; height: 50%; background: #666; }
.footer_copyright span.noline { padding-right: 0px; margin-right: 0px; }
.footer_copyright span.noline:after { display: none; }
.footer_copyright p { margin-top: 20px; padding-top: 20px; border-top: 1px solid rgba(255, 255, 255, 0.1); color: #555; }
.footer_copyright p a { color: #555; }

/* main */
.swiper { width: 100%; height: 100%; }
.swiper-slide { display: flex; justify-content: center; align-items: center; }
.swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover; }

.main_vis { position:relative; width: 100%; height: 700px; background: #000; }
.main_vis .wrap { position: relative; display: flex; flex-wrap: wrap; flex-direction: column; justify-content: center; align-items: flex-start; height: 100%; z-index: 99; }

.main_vis_bg01 { background: url('../image/main/main_vis_bg01.jpg') center center no-repeat; background-size: cover; }
.main_vis_bg02 { background: url('../image/main/main_vis_bg02.jpg') center center no-repeat; background-size: cover; }
.main_vis_bg03 { background: url('../image/main/main_vis_bg03.jpg') center center no-repeat; background-size: cover; }

.main_txt { position: absolute; top: 0; left: 0; width: 100%; height: 100%; color: #fff; z-index: 9; }
.main_txt_inr { position: relative; }
.main_txt_inr h2 { margin-bottom: 50px; font-size: 55px; font-family: "NEXON Lv2 Gothic"; }
.main_txt_inr p { font-size: 19px; letter-spacing: -0.03em; line-height: 1.7; opacity: 0.7; }

.main_txt .swiper-pagination { position: relative; bottom: auto; margin-top: 50px; }

.main_notice_inr { position: relative; z-index: 9; display: flex; flex-wrap: wrap; align-items: center; height: 80px; margin-top: -40px !important; padding: 20px 50px; background: linear-gradient(90deg, rgba(12,146,196,1) 0%, rgba(12,64,196,1) 100%); border-radius: 10px; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); color: #fff; }
.main_notice_inr h3 { display: flex; flex-wrap: wrap; align-content: center; width: 160px; font-size: 20px; }
.main_notice_inr h3 i { display: inline-flex; flex-wrap: wrap; align-items: center; margin-right: 10px; font-size: 1.3em; }
.main_notice_cont { width: calc(100% - 160px); }

.main_con { padding: 80px 0; }
.main_con h3 { margin-bottom: 50px; text-align: center; color: #222; font-family: "NEXON Lv2 Gothic"; font-size: 36px; font-weight: 700; line-height: 1; letter-spacing: -0.03em; }
.main_con h3 span { color: #0c92c4; }

.main_con02 { text-align: center; padding: 100px 0; background: url('../image/main/main_con02_bg01.jpg') center top no-repeat; background-size: cover; color: #fff; }
.main_con02 h3 { color: #fff; }
.main_con02 p { text-align: center; margin-bottom: 50px; font-size: 18px; font-weight: 300; line-height: 1.5; opacity: 0.8; }

.main_con_more01 { display: inline-flex; flex-wrap: wrap; justify-content: center; align-items: center; width: 200px; height: 55px; background: #0c92c4; border-radius: 500px; color: #fff; font-weight: 500; letter-spacing: -0.03em; transition: 0.3s; }
.main_con_more01:hover { background: #2061d0; }

/* sub */
.sub_vis { display: flex; flex-wrap: wrap; align-content: center; justify-content: center; align-items: center; text-align: center; width: 100%; height: 250px; background: url('../image/sub/sub_vis01.jpg') center top no-repeat; background-size: cover; color: #fff; }
.sub_vis h2 { width: 100%; margin-bottom: 20px; font-size: 2.2em; }
.sub_vis p { color: rgba(255, 255, 255, 0.8); font-size: 1.1em; line-height: 1.5; letter-spacing: -0.03em; }

.pcver { display: block; }
.tbl_wrap table.pcver { display: table; }

.mobilever { display: none; }

#sub_contents { margin: 80px auto; }
#sub_contents.mb00 { margin-bottom: 0px; }

.sub_title { position: relative; margin-bottom: 50px; text-align: center; }
.sub_title h2 { position: relative; text-align: center; font-family: "NEXON Lv2 Gothic"; font-size: 45px; font-weight:700; z-index: 99; }

.sub_title_deco { position: absolute; }
.couponzone_title_deco01 { left: 60px; top: 0px; }
.couponzone_title_deco02 { right: 15px; bottom: 0px; }
.pointmall_title_deco01 { left: 0px; top: 0px; }
.pointmall_title_deco02 { right: 50px; bottom: 0px; }

.sidebar { margin-bottom: 30px; }
.sidebarlist { display: flex; flex-wrap: wrap; justify-content: center; }
.sidebarlist li { display: inline-flex; flex-wrap: wrap; justify-content: center; align-items: center; width: 150px; height: 45px; margin: 0 3px; border: 1px solid #ccc; border-radius: 5px; transition: 0.3s; }
.sidebarlist li a { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; width: 100%; height: 100%; color: #888; }
.sidebarlist li:hover, .sidebarlist li.over { background: #000; border: 1px solid #000; }
.sidebarlist li:hover a, .sidebarlist li.over a { display: inline-flex; flex-wrap: wrap; justify-content: center; align-items: center; width: 100%; height: 100%; color: #fff; }

.provision p, .privacy p { margin-bottom: 30px; }

.bulk_order_title { position: relative; margin-bottom: 50px; padding: 50px; text-align: center; background: #eee; border-radius: 25px; }
.bulk_order_title_deco { position: absolute; }
.bulk_order_title_deco01 { left: 20px; bottom: 10px; }
.bulk_order_title_deco02 { right: 80px; bottom: 30px; }
.bulk_order_title h3 { margin-bottom: 20px; font-size: 42px; }
.bulk_order_title h3 span { color:#ffc600; }

.bulk_order_info { position: relative; display: flex; flex-wrap: wrap; justify-content: center; z-index:9; }
.bulk_order_info li { display: inline-flex; flex-wrap: wrap; justify-content: center; align-items: center; width: auto; height: 50px; padding: 0 30px; margin: 0 10px; background: #fff; border-radius: 50px; font-size: 18px; font-weight: 600; }

.bulk_order_inr01 { margin-bottom: 50px; padding: 80px 120px; background: #f4f8ff url('../image/sub/bulk_order_bg01.jpg') right center no-repeat; background-size: cover; }
.bulk_order_inr01 h3 { margin-bottom: 80px; font-size: 54px; line-height: 1.2; }
.bulk_order_inr01 h3 span { color: #3763ff; }
.bulk_order_inr01 p { color: #555; font-size: 20px; font-weight: 700; }

.bulk_order_inr02 { margin-bottom: 100px; }
.bulk_order_inr02 h3 { margin-bottom: 50px; text-align: center; font-size: 54px; line-height: 1.2; }
.bulk_order_inr02 h3 i { font-size: 60px; font-style: normal; }
.bulk_order_inr02 h3 span { color: #e32c4c; }

.bulk_orderlist { display: flex; flex-wrap: wrap; border-top: 1px solid #777; }
.bulk_orderlist li { display: flex; flex-wrap: wrap; align-items: center; border-bottom: 1px solid #ddd; }
.bulk_orderlist li.title { justify-content: space-between; width: 320px; padding: 20px 30px; background: #e32c4c; }
.bulk_orderlist li.title h4 { color: #fff; font-size: 22px; }
.bulk_orderlist li.title h4 span { display: block; font-size: 14px; }
.bulk_orderlist li.contents { width: calc(100% - 320px); padding-left: 40px; }
.bulk_orderlist li.contents dl { width: 100%; }
.bulk_orderlist li.contents dl dd { position: relative; margin-bottom: 10px; padding-left: 20px; font-size: 20px; }
.bulk_orderlist li.contents dl dd:last-child { margin-bottom: 0px; }
.bulk_orderlist li.contents dl dd:after { content:''; position: absolute; top: 10px; left: 0px; width: 5px; height: 5px; border-radius: 5px; background: #e32c4c; }

.bulk_order_inr03 {  }
.bulk_order_inr03 h3 { margin-bottom: 60px; text-align: center; font-size: 40px; line-height: 1.2; }
.bulk_order_inr03_in { position: relative; padding: 80px 0; background: #f4f6fb; }

.bulk_order_more { position: absolute; right: 0; top: -110px; font-weight: 500; }
.bulk_order_more i { font-weight: bold; }

.partnership_title { position: relative; display: flex; flex-direction: column; flex-wrap: wrap; justify-content: center; align-items: center; width: 100%; height: 450px; margin-bottom: 60px; background: url('../image/sub/partnership_title_img01.jpg') center center no-repeat; background-size: cover; border-radius: 30px; color: #fff; }
.partnership_stitle { display: block; margin-bottom: 40px; font-family: 'Cafe24Ohsquare'; font-size: 40px; }
.partnership_title h3 { text-align: center; margin-bottom: 40px; font-size: 65px; }
.partnership_title h3 span { color: #d9e6ff; font-size: 67px; }
.partnership_title h3 i { font-size: 50px; font-style: normal; }
.partnership_title p { display: inline-flex; flex-wrap: wrap; justify-content: center; align-items: center; text-align: center; height: 60px; padding: 0 30px; background: #060d4e; border-radius: 500px; font-family: 'Cafe24Ohsquare'; font-size: 26px; }

.partnership_inr01 { margin-bottom: 100px; }
.partnership_inr01 h3 { margin-bottom: 50px; text-align: center; color: #222; font-size: 50px; }
.partnership_inr01 h3 span { position: relative; }
.partnership_inr01 h3 span:after { content:''; position: absolute; left: -5%; bottom: 0px; width: 110%; height: 30px; background: #c0dae9; z-index: -1; }
.partnership_inr01 p { text-align: center; color: #222; font-size: 26px; font-weight: 500; }

.partnership_inr02 { margin-bottom: 80px; }
.partnership_inr02 h4, .partnership_inr03 h4 { margin-bottom: 50px; font-size: 40px; }

.partnership_list { display: flex; flex-wrap: wrap; }
.partnership_list li { position: relative; flex:1; margin-right: 25px; text-align: center; background: #f4f6fa; border-radius: 15px; padding: 40px; }
.partnership_inr03 .partnership_list li { padding-top: 60px; }
.partnership_list li:last-child { margin-right: 0px; }
.partnership_list li .icon { margin-bottom: 10px; }
.partnership_list li h5 { margin-bottom: 20px; color: #222; font-size: 26px; font-family: 'S-CoreDream'; font-weight: 600; }
.partnership_list li p { word-break: keep-all; }
.partnership_list .num { position: absolute; left: calc(50% - 85px); top: 0; display: inline-flex; flex-wrap: wrap; justify-content: center; align-items: center; width: 170px; height: 40px; background: #ff7474; border-radius: 50px; color: #fff; font-size: 18px; font-weight: 600; }

#sct_hhtml img { max-width: 100%; }

.personal_code { display: flex; flex-wrap: wrap; }
.personal_code dt, .personal_code dd { display: flex; flex-wrap: wrap; align-items: center; line-height: normal; }
.personal_code dt { margin-right: 10px; font-weight: 500; }
.personal_code dd a { display: flex; align-items: center; padding: 0 15px; border: 0; border-radius: 0px; height: 45px; background: #61666d; color: #fff; font-size: 0.9em; }
.personal_code dd.personal_code_link { margin-left: 5px; }
.personal_code_choice { margin-top: 10px; line-height: normal; }

#sit_inf_explan iframe { width: 100%; }

.sod_list_new li.sod_list_new_inr { display: flex; flex-wrap: wrap; margin-bottom: 15px; padding: 20px 10px 10px; background: #fff; border: 1px solid #d9dde3; }
.sod_list_new .li_prqty { width: 100%; }
.sod_list_new .li_prqty dl { display: flex; flex-wrap: wrap; margin-bottom: 5px; padding: 15px 20px; background: #f7f7f7; }
.sod_list_new .li_prqty dl dd { position: relative; width: 25%; padding: 0 15px; }
.sod_list_new .li_prqty dl dd:after { content:''; position: absolute; left: 0px; top: 0px; width: 1px; height: 100%; background: #ccc; }
.sod_list_new .li_prqty dl dd:first-child:after { display: none; }
.sod_list_new .li_prqty dl dd span { display: flex; flex-wrap: wrap; justify-content: space-between; }
.sod_list_new .li_prqty dl dd span i { margin-right: 20px; font-style: normal; font-weight: 500; }
.sod_list_new .li_prqty .total_pricebox { display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%; padding: 15px 35px; background: #eee; }
.sod_list_new .li_prqty .total_pricebox i { font-style: normal; font-weight: 500; }
.sod_list_new .li_prqty .total_pricebox .total_price { font-weight: 700; }

.info_btnbox { margin-top: 10px; text-align: right; }
a.info_btn { display: inline-flex; flex-wrap: wrap; justify-content: center; align-items: center; width: 49%; height: 40px; padding: 0 20px; border: 1px solid #ccc; border-radius: 0px; color: #555; font-size: 12px; font-weight: 500; cursor: pointer; }
a.info_btn:hover { background: #f4f4f4; }
a.info_btn i { margin-right: 3px; font-size: 18px; }
.point_btn { margin-right: 2%; }
.free_delivery_btn {}

.modal { position:fixed; top:0; left:0; display:none; justify-content: center; width:100%; height:100%; background-color: rgba(0,0,0,0.65); z-index: 99; }
.modal_body { position: absolute; top: 50%; width: 640px; max-width: 90%; height: auto; padding: 40px; text-align: left; background-color: rgb(255,255,255); border-radius: 10px; transform: translateY(-50%); }
.modal_body h3 { margin: 0 0 20px !important; text-align: center; font-size: 30px; }
.modal_content { margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid #ddd; }
.modal_list li { position: relative; margin-bottom: 10px; padding-left: 15px; font-size: 14px; word-break: keep-all; }
.modal_list li:last-child { margin-bottom: 0px; }
.modal_list li:after { content:''; position: absolute; top: 8px; left: 0px; width: 4px; height: 4px; border-radius: 5px; background: #aaa; }

.modal_btnbox { text-align: center; }
.point_btn_close, .free_delivery_btn_close { display: inline-flex; flex-wrap: wrap; justify-content: center; align-items: center; width: 150px; height: 40px; margin: 0 auto; padding: 0 20px; border: 1px solid #ccc; border-radius: 0px; color: #555; font-size: 12px; font-weight: 500; cursor: pointer; }

.orderinquiry_btnbox { text-align: right; margin-bottom: 10px; }
.orderinquiry_btnbox a { display: inline-flex; flex-wrap: wrap; justify-content: center; align-items: center; width: 100%; height: 50px; margin-top: 10px; border: 1px solid #000; border-radius: 0px; font-weight: 500; }
.orderinquiry_btnbox a:hover { background: #000; color: #fff; }
.orderinquiry_btnbox a i { margin-right: 5px; }