/* 공통 */
:root {
    --main-color1 : #d72027;
    --main-color2 : #ff6934;
}
.inner {width: 1240px; margin: 0 auto}
#hd, #wrapper, #ft {min-width: 1240px}
#hd_menu, #hd_pop, #hd_wrapper, #tnb .inner, #gnb .gnb_wrap, #container_wr, #ft_wr {width: 1240px; margin: 0 auto}
#ft_wr {max-width: 1240px}

/* 헤드 */
#hd {background: #fff; border-bottom: 1px solid #eaeaea}
#hd_wrapper {padding: 45px 0 10px; overflow: hidden}
#logo {padding: 0; position: absolute; top: 40%; left: 0;}
#logo img {width:165px}
#logo span {background: linear-gradient(to right, var(--main-color1), var(--main-color2)); color: transparent; -webkit-background-clip: text; margin-left: 5px; position: relative; top: 14px; letter-spacing: -1px; font-size: 23px; font-weight: 500}
#logo p {font-size: 17px; padding: 0 5px 2px; font-weight: 700; color: var(--main-color1)}
#hd_menu {background: #fff}
.hd_sch_wr {padding: 2px; margin-left: 0; width: auto; background: linear-gradient(to right, var(--main-color1), var(--main-color2)); border-radius: 30px; float: right}
#hd_sch #sch_str {height: 55px; width: 600px; background: #fff; font-size: 18px; padding-left: 25px; color: #222}
#hd_sch #sch_str::placeholder {color: #ed8e92}
#hd_sch #sch_submit {height: 55px; background: #fff}
#hd_sch #sch_submit img {padding: 5px 20px 5px 0}

/* 카테고리 */
#hd_menu button#menu_open {width: 40px; height: 40px; background: linear-gradient(to right, var(--main-color1), var(--main-color2)); border-radius: 50%; padding: 0; text-align: center; margin: 14px 20px 14px 0}
#hd_menu button#menu_open img {width: 48%}

#gnb {margin-bottom: 0; border: 0}
#gnb_1dul {display: flex}
.gnb_1da {line-height: 70px; font-size: 20px; padding: 0 25px}
.gnb_1da i {display: none}
.gnb_1dli_on {color: #222}
.gnb_1dli_on .gnb_1da {background: #fff; color: var(--main-color1); font-weight: 500}
.gnb_1dli_on .gnb_1da::after {display: none}
.gnb_1dli_over .gnb_2dul {border: 1px solid #eaeaea; left: 50%; top: 70px; transform: translateX(-50%); text-align: center; padding: 15px 20px; width: auto}
.gnb_1dli_over .gnb_2dul::before {display: none}
.gnb_1dli_over .gnb_2dul::after {display: none}
.gnb_1dli_over .gnb_2da {font-size: 17px; line-height: 1.3; color: #777;}
.gnb_1dli_over .gnb_2da:hover {color: #222}

#category {top: 185px; border: 0; border-bottom: 1px solid var(--main-color1); box-shadow: none}
#category .cate {width: 1240px; margin: 0 auto}
#category .cate_li_1 {width: calc(100% / 7); border: 0; padding: 33px 20px}
#category .cate_li_1_a {font-size: 19px; margin-bottom: 0; font-weight: 600; color: #222}
#category .cate_li_1_a:hover {color: var(--main-color1)}
#category .sub_cate1 {border-top: 1px solid #ddd; padding-top: 20px; margin-top: 20px}
#category .cate_li_2 {font-size: 17px; line-height: 1.2; margin-bottom: 17px}
#category .cate_li_2 a {color: #777}
#category .cate_li_2 a:hover {color: var(--main-color1)}

#quick {margin-top: 0; top: 50%; transform: translateY(-50%); left: auto; right: 0; width: auto;}
#quick li button {width: auto; height: 40px; line-height: 40px; font-size: 15px; color: #222;}
#quick li button img {height: 50%; margin-right: 7px}

/* 사이드 메뉴 */
#side_menu {background: none; border-left: 0; box-shadow: none; -webkit-box-shadow:none; padding-left: 60px}
.qk_con {width: 300px}
.qk_con_wr .con_close {color: var(--main-color1); font-size: 30px; right: 300px}
.qk_con_wr .con_close:hover {color: var(--main-color1)}
.qk_con h2.s_h2 {font-size: 17px; padding: 20px}
.qk_con h2.s_h2 span {color: var(--main-color1); background: #ffe4e5; font-size: 13px; padding: 3px 6px; margin-left: 5px}
#stv_ul {padding: 10px 20px}
.stv_item {padding: 10px 0; border-bottom: 0; font-size: 16px;}
.stv_item .prd_cnt span {max-width: none}
#stv_pg {width: 300px; font-size: 15px; border-left: 1px solid #eaeaea}
#top_btn {box-shadow: 0px 1px 5px #bbb!important; border-radius: 50%; background: #fff; bottom: 20px; display: none}
#top_btn img {width: 50%;}
#top_btn:hover {background: #fff; border-color: #e5e7ea}
#stv {border-left: 1px solid #eaeaea}

/* 슬라이드 */
.event_ico {font-size: 16px; width: 75px; height: 35px; line-height: 35px; color: #fff; background: linear-gradient(to right, var(--main-color1), var(--main-color2)); text-align: center; border-radius: 5px}

.space {background: #f8f8f8; height: 10px; border-bottom: 1px solid #eaeaea; margin-bottom: 25px}

.swiper {width: 1280px; margin: 0 auto;}
.swiper-slide a {padding: 0 20px; width: 100%}
.swiper-slide img {width: 100%; border-radius: 30px; overflow: hidden; border: 1px solid #eaeaea;}
.swiper_txt {position: absolute; top: 50%; transform: translateY(-50%); left: 80px}
.swiper_txt h1 {font-size: 50px; margin: 12px 0;}
.swiper_txt p {font-size: 22px;}
.swiper-button-next {right: 5px}
.swiper-button-prev {left: 5px}
.swiper-button-next:after, .swiper-button-prev:after {font-size: 18px}
.swiper-button-next, .swiper-button-prev {color: #000; width: 45px; height: 45px; box-shadow: 0px 0px 7px #c9c9c9; border-radius: 50px; background: rgba(255,255,255,0.3)}
.swiper-pagination {width: 75px; height: 35px; color: #fff; background: rgba(0,0,0,0.25); border-radius: 30px; font-size: 16px; line-height: 35px; right: 50px; bottom: 30px; left: auto}


/* list.10.skin */
.shop_icon_1 {background: #e9ad3c} /*태그 아이콘 색상변경*/
.shop_icon_2 {background: var(--main-color2)}
.shop_icon_3 {background: #29a2a3}
.shop_icon_4 {background: #a26ed9}
.shop_icon_5 {background: var(--main-color1)}

.main_bg {background: #f8f8f8; padding: 100px 0; margin: 100px 0}
.main_bg .main_tit {margin-top: 0}

.main_tit {text-align: center; font-size: 38px; margin: 100px 0 40px 0;}
.btn_list {border: 1px solid #ddd; border-radius: 30px; text-align: center; width: 250px; height: 60px; line-height: 60px; font-size: 18px; margin: 0 auto; display: block;}
/*.btn_list.last {margin-bottom: 120px}*/
.btn_list img {width: 16px; position: relative; top: -1px; margin-left: 10px}
.btn_list:hover {border: 1px solid #222}

.sct_10 {margin: 0}
.sct_10 .sct_li .event_ico {position: absolute; top: 20px; left: 30px; z-index: 1}
.sct_10 .sct_img a {overflow: hidden}
.sct_10 .sct_img img {transition: 0.3s}
.sct_10 .sct_img:hover img {transform: scale(1.15)}
.sct_10 .sct_txt {font-size: 20px; border-bottom: 0; padding: 0; margin: 15px 0 0 0}
.sct_10 .sct_cost {font-size: 22px; color: var(--main-color1); margin: 15px 0; word-spacing: 5px}
.sct_10 .sct_dict {font-size: 17px; font-weight: 500; color: #777; display: inline-block}
.sct_noitem {font-size: 17px; color: #777; padding: 150px 0; }


/* 푸터 */
#ft {background: #f8f8f8; border-top: 1px solid #eaeaea; padding: 50px 0; margin-top: 120px; text-align: left}
#ft .inner {display: flex; align-items: center; margin-bottom: 30px; justify-content: space-between}
#ft p {font-size: 15px; color: #777; line-height: 1.6;}
#ft p.info span {margin-right: 20px}
.ft_customer {font-size: 15px; padding: 0 50px}
.ft_customer h3 {font-size: 18px}
.ft_customer h3 img {width: 18px; margin-right: 8px;}
.ft_customer h2 {font-size: 30px; margin: 10px 0}
#ft_company {border-top: 1px solid #ddd; padding: 20px 0 0 0; width: 1240px; margin: 0 auto; position: relative}
#ft_company a {font-size: 15px; color: #222; padding-right: 20px; line-height: 1.5}

#ft_company .admin {position: absolute; top: 20px; right: 0;}
#ft_company .admin a {color: #777; border: 1px solid #ddd; padding: 2px 7px;}