/* 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: 1280px; margin: 0 auto; }

/* head */

.head { display: flex; flex-wrap: wrap; align-items: center; height: 90px; background: #000; color: #fff; }
.head:after { content: ""; display: block; clear: both; }
.head .wrap { display: flex; flex-wrap: wrap; justify-content: space-between; }
.head_inner01 { border-bottom: 1px solid #eee; }
.head_inner01:after { content: ""; display: block; clear: both; }
.head_topmenu { display: flex; flex-wrap: wrap; }
.head_topmenu li { position: relative; float: left; display: inline-flex; justify-content: center; align-items: center; height: 45px; padding: 0 15px; }
.head_topmenu li:last-child { padding-right: 0px; }
.head_topmenu li a { display: inline-block; color: rgba(255, 255, 255, 0.6); font-size: 13px; font-weight: 400; }
.head_topmenu li a b { font-weight: 600; }

.logo { text-align: center; }
.logo a { display: inline-flex; }

.menu { position: relative; display: inline-flex; justify-content: center; align-items: center; }
.menu_innner { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; margin-right: 30px; }
.menu_innner li { position: relative; display: inline-flex; justify-content: center; align-items: center; width: auto; height: 50px; padding: 0 35px; }
.menu_innner li a { color: #fff; font-size: 18px; font-weight: 500; }

.m_menu { display: none; }

#hd_btn { position: absolute; right: 0; top: 20px; z-index:999; }
#hd_btn button { background: transparent; border: none; font-size: 20px; }
#m_hd_sch {display:none;position:absolute;top: 87px;left:0;text-align:center;padding:0 0 10px;width:100%;background:#212020;padding:10px 50px 10px 10px;z-index: 99;}
#m_hd_sch h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
#m_hd_sch .sch_inner {position:relative}
#m_hd_sch #sch_str {width:100%;height:35px;background:#3a3838;border:0;padding:0 10px 0 40px;color:#000;color:#fff}
#m_hd_sch .sch_submit {position:absolute;top:0;left:0;width:40px;height:35px;border:0;border-radius:0 3px 3px 0;cursor:pointer;background:none;font-size:15px;color:#878786}
#m_hd_sch .btn_close {position:absolute;top:10px;right:0px;width:50px;height:35px;border:0;background:none;color:#c2bbb5;font-size:18px}

#accordian, .burger { display: none; }

/* footer */
.footer { border-top: 1px solid #000; }

.footer_inner.footer_inner02 { padding: 50px 0; background: #000; text-align: center; color: #fff; font-size: 15px; }

.footer_menu { display: inline-block; margin-bottom: 20px; }
.footer_menu:after { content: ""; display: block; clear: both; }
.footer_menu li { position: relative; float: left; padding: 0 15px; }
.footer_menu li:after { content:''; position: absolute; right: 0px; top: 25%; width: 1px; height: 50%; background: #aaa; }
.footer_menu li:last-child:after { display: none; }
.footer_menu li a { color: #fff; }
.footer_menu li a:hover { text-decoration: underline; }

.footer_copyright { color: #bbb; font-weight: 400; line-height: 1.7em; }
.footer_copyright span { position: relative; display: inline-block; padding: 0 10px; }
.footer_copyright span:after { content:''; position: absolute; right: 0px; top: 25%; width: 1px; height: 50%; background: #aaa; }
.footer_copyright span.noline:after { display: none; }
.footer_copyright p { margin-top: 10px; opacity: 0.7; }

/* main */
.main_vis { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; width: 100%; height: 700px; background: url('../image/main/main_vis01.jpg') center top no-repeat; background-size: cover; }
.main_vis .wrap { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; }
.main_text { color: #fff; }
.main_text h2 { position: relative; display: inline-flex; margin-bottom: 40px; font-size: 85px; letter-spacing: -0.05em; line-height: 1; }
.main_text h2:after { content:''; position: absolute; right: -40px; bottom: 100%; width: 51px; height: 61px; background: url('../image/main/main_text_deco01.png') center top no-repeat; }
.main_text p { font-size: 20px; font-weight: 100; letter-spacing: -0.01em; line-height: 1.6; }

.main_con { padding: 100px 0; }

.main_con01_list { display: flex; flex-wrap: wrap; margin-bottom: 20px;}
.main_con01_list li { width: 47%; margin-left: 6%; text-align: center; }
.main_con01_list li:first-child { margin-left: 0%; }
.main_con01_imgbox { margin-bottom: 30px; }
.main_con01_imgbox img { max-width: 100%; }
.main_con01_list li h3 { margin-bottom: 30px; font-size: 28px; font-weight: 700; letter-spacing: -0.03em; }
.main_con01_list li .view_more { display: inline-flex; flex-wrap: wrap; justify-content: center; align-items: center; width: 160px; height: 50px; border: 1px solid #000; letter-spacing: -0.02em; }
.main_con01_list li .view_more:hover { background: #000; color: #fff; }

.main_con02 { padding: 150px 0; background: url('../image/main/main_con02_bg01.jpg') center center no-repeat; background-size: cover; color: #fff; }
.main_con02 h3 { text-align: right; font-size: 68px; font-weight: 800; letter-spacing: -0.03em; }
.main_con02 h3 span { display: block; margin-bottom: 40px; font-size: 25px; font-weight: 300; letter-spacing: 0; }

.main_con03 { padding: 80px 0; }
.main_con03 .wrap { display: flex; flex-wrap: wrap; }

.main_con04 { padding: 80px 0; }
.main_con04 .wrap { display: flex; flex-wrap: wrap; }

.con03_infobox { display: inline-block; float: left; width: 33.33%; min-height: 165px; padding: 0 50px; border-left: 1px solid #ddd; }
.con03_infobox h3 { margin-bottom: 30px; font-size: 25px; font-weight: 800; letter-spacing: -0.03em; }
.con03_infobox h4 { margin-bottom: 20px; font-size: 38px; font-weight: 700; line-height: 1; letter-spacing: -0.03em; }
.con03_infobox01 { padding-left: 0px; border-left: none; }
.con03_infobox03 { padding-right: 0px; }
.con03_customer li { position: relative; padding-left: 15px; color: #888; font-size: 15px; font-family: 'Pretendard'; font-weight: 400; line-height: 1.8; letter-spacing: -0.01em; }
.con03_customer li:after { content:''; position: absolute; left: 0px; top: 11px; width: 4px; height: 4px; background: #bbb; border-radius: 4px; }
.con03_infobox02 p { position: relative; color: #444; font-size: 1em; letter-spacing: -0.5px; }
.con03_banner { display: inline-flex; flex-wrap: wrap; width: 100%; }
.con03_banner li { width: 49%; margin-left: 2%; margin-bottom: 5px; }
.con03_banner li:nth-child(2n+1) { margin-left: 0%; }
.con03_banner li a { position: relative; display: inline-flex; justify-content: center; align-items: center; text-align: center; width: 100%; height: 45px; border: 1px solid #ddd; color: #888; font-size: 14px; letter-spacing: -0.5px; transition: 0.3s; }
.con03_banner li a:hover { background: #000; border: 1px solid #000; color: #fff; text-decoration: underline; }

/* sub */
.pcver { display: block; }
.tbl_wrap table.pcver { display: table; }

.mobilever { display: none; }

#sub_contents { margin: 80px auto; }

.sub_title { position: relative; margin-bottom: 40px; text-align: center; }
.sub_title h2 { text-align: center; font-size: 42px; font-weight: 700; letter-spacing: -0.02em; }

.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: 120px; height: 45px; margin: 0 3px; border: 1px solid #ccc; border-radius: 500px; transition: 0.3s; }
.sidebarlist li a { 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; }

#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; }