body, html {letter-spacing: -0.5px; box-sizing: border-box;}
.main_wrap {width:100%;}
.head_wrap {position: fixed; top:0px; left: 0px; width: 100%; background-color: #fff; padding-top: 40px; padding-bottom: 40px; z-index: 98; transition: all 350ms cubic-bezier(0.645, 0.045, 0.355, 1);}

.head_ul1 {position: absolute; top:80px; left: 120px; transition: all 350ms cubic-bezier(0.645, 0.045, 0.355, 1);}
.head_ul2 {width:200px; margin: 0 auto; text-align: center; transition: all 350ms cubic-bezier(0.645, 0.045, 0.355, 1);}
.head_ul3 {position: absolute; top:62px; right: 120px; transition: all 350ms cubic-bezier(0.645, 0.045, 0.355, 1);}

.head_gnb a {font-size: 18px;}
.head_gnb a:hover {color:#744A39;}
.head_gnb a {padding-right: 40px;}

.top_btn1 {color:#744A39; height:55px; border:1px solid #744A39; padding-left: 50px; padding-right: 50px; border-radius: 55px; background-color: transparent; font-size: 16px;}
.top_btn2 {color:#221815; font-size: 18px; background-color: transparent; border:0px; padding: 0px; margin-left: 35px;}
.top_btn2 i {float:left; margin-right: 10px; margin-top: 4px;}
.top_btn2 span {float:right; margin-top: 6px;}

.swiper-container-list1 {padding-bottom: 50px !important;}
.main_bn_img {height:600px;}

/*.sub_wrap {padding-top: 187px;}*/
.body_wrap {padding-top: 220px;}
.menu_wrap {margin-top:100px; padding-bottom: 100px;}
.menu_ul1 {float:left; width: 25%;}
.menu_ul2 {float:right; width: 75%;}

.inner {width:1400px; margin: 0 auto;}
.bg_top_imgs {height:600px; width: 100%; display: block;}
.menu_tab_btn_wrap {margin-top: -5px;}
.menu_ul1_li1 {font-size: 25px; word-break: keep-all; line-height: 140%;}
.menu_ul1_li1 span {color:#744A39;}
.menu_ul1_li2 {border-top:2px solid #AD9164; width: 60px; margin-top: 40px;}
.menu_ul1_li3 {color:#999; font-size: 16px; margin-top: 40px; line-height: 140%;}
.menu_ul1_li4 {margin-top: 80px;}
.menu_more_btn {border:0px; background-color: transparent; color:#744A39; font-size: 14px;white-space: normal;}
.menu_more_btn span {float:left;}
.menu_more_btn i {float:right; margin-left: 15px;}

.menu_tab_btn {color:#999; font-size:18px; margin-right: 15px; background-color: transparent; border:0px; padding-left: 25px; padding-right: 25px; border:1px solid #fff; height:45px; border-radius: 45px;}
.menu_tab_btn:hover {border-color: #221815; color:#221815;}
.menu_tab_btn.on {border-color: #221815; color:#221815;}

.arr_l_btn {background-color: transparent; padding: 0px; border:0px; margin-right: 25px; position: inherit !important; top:inherit !important; left: inherit !important; right: inherit !important; display: inherit !important; float:left;}
.arr_r_btn {background-color: transparent; padding: 0px; margin-right: -5px; border:0px; position: inherit !important; top:inherit !important; left: inherit !important; right: inherit !important; display: inherit !important; float:right;}
.menu_tab_btn_wrap_ul1 {float:left;}
.menu_tab_btn_wrap_ul2 {float:right; margin-top: 25px;}

.menus {padding: 50px; box-sizing: border-box; border:1px solid #eee; border-radius: 20px; min-height: 360px; position: relative; cursor: pointer;}
.menus:hover {border-color: #744A39;}
.menus_ul1 {font-size: 26px; color:#000}
.menus_ul2 {font-size: 12px; color:#744A39; margin-top: 10px;}
.menus_ul3 {font-size: 14px; color:#999; margin-top: 30px; line-height: 150%; word-break: keep-all;}
.menus_img {position: absolute; bottom:0px; left: 15px; z-index: 1}
.menus_img img {width: 180px;}
.menus_sig {position: absolute; bottom:40px; right:50px; z-index: 2}
.menus_sig img {height:24px;}
.menu_con {margin-top: 70px;}

.bg_top_imgs {background-size: cover; background-position: center center;}
.swiper-container-lists1 {padding-bottom: 50px !important;}

.tab_cont .tab_divs {display: none;}
.tab_cont .tab_divs.show_div {display: block;}

.info_wrap {background-image: linear-gradient( rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) ),url(../image/info_bg.jpg); background-size: cover; background-position: center center;}

.info_wrap_inner {padding-top: 150px; text-align: center; padding-bottom: 150px}
.info_ul1 {font-size: 28px; color:#fff;}
.info_ul1 .lines {box-shadow: inset 0 -10px 0 rgba(173,145,100,0.4); line-height: 20px; padding-left: 30px; padding-right: 30px;}
.info_ul1 .bolds {color:#AD9164;}
.info_ul2 {margin-top: 50px;}
.info_ul2 span {display: inline-block; background-color: #AD9164; width:12px; height:12px; border-radius: 50%; margin-left: 5px; margin-right: 5px;}
.info_ul3 {font-size: 20px; color:rgba(255,255,255,0.7); word-break: keep-all; line-height: 150%; margin-top: 50px;}
.info_ul4 {margin-top: 50px;}
.info_ul4 img {width: 78px;}

.sub_v {color:#fff; text-align: center; padding-top: 50px; padding-bottom: 50px; margin-bottom: 50px; background-image: url('../image/top_bg.png'); background-repeat: no-repeat; background-position: top center;}
.sub_v ul {font-size: 24px;}
    
.btn2_wrap {background-image: url('../image/btn2_bg.png'); background-position: top center; background-repeat: no-repeat;}
.btn2_ul1 {float:left; width: 50%;}
.btn2_btn1 {width:100%; height:150px; background-color: #333333; color:#fff; font-size: 26px; border:0px;}
.btn2_btn1 span {float:left; margin-top: 15px;}
.btn2_btn1 i {float:left; margin-top: 10px; margin-left: 50px;}
.btn2_btn1 dd {float:right; margin-right: 70px; margin-top: 5px; opacity: .3}
.btn2_ul2 {float:right; width: 50%;}
.btn2_btn2 {width:100%; height:150px; background-color: #744A39; color:#fff; font-size: 26px; border:0px;}
.btn2_btn2 span {float:left; margin-top: 15px; margin-left: 70px;}
.btn2_btn2 i {float:left; margin-top: 10px; margin-left: 50px;}
.btn2_btn2 dd {float:right; margin-top: 5px; opacity: .3}

.store_wrap {background-color: #f9f9f9; padding-top: 100px; padding-bottom: 100px;}

/* store { */
.fam {padding-top: 100px; padding-bottom: 100px; box-sizing: border-box; background-color: #fff;}
.fam_l {float:left; width: 60%;}
.fam_r {float:right; width: 35%;}
.fam_l_in1 {float:left; width: 20%;}
.fam_l_in2 {float:right; width: 75%;}
.fam_in_tit {font-size: 18px; color:#000;}
.fam_in_sub {font-size:14px; color:#999; margin-top: 20px; line-height: 140%;}
.fam_in_btn {margin-top: 45px;}
.fam_in_btns {background-color: transparent; border:0px; border-bottom: 1px solid #000; height:50px; width: 100%;}
.fam_in_btns span {float:left;}
.fam_in_btns i {float:right; margin-top: -3px;}
.fam_l1 {float:left; width: 66%; position: relative;}
.fam_l1 img {width: 100%; border-radius: 20px;}
.fam_l2 {float:right; width: 27%;}
.fam_l2_li1 {font-size: 18px;}
.fam_l2_li2 {font-size: 12px; color:#888; margin-top: 10px; line-height: 150%; word-break: keep-all;}
.fam_l2_li3 {color:#744A39; font-size: 18px; margin-top: 20px;}
.fam_l2_li4 {color:#744A39; font-size: 14px; margin-top: 30px;}
.fam_l2_li5 {color:#744A39; font-size: 20px; margin-top: 10px;}
.bd_img {border:0px !important;}
.bd_img .mark_imgs img {width: 70px;}
.bd_img .mark_imgs {top:25px; right: 20px;}
.vd_imgs {border:1px solid #eee;}
.thumbs ul img {border:1px solid #eee;}
.img_link .menus {min-height: auto; padding: 30px; border:1px solid #eee !important;}
.img_link .chk_boxs {left:auto !important; right:10px !important;}
.img_link .menus_img {left: 0px; position: inherit;}
.img_link .menus_img img {border-radius: 20px;}
.img_link .menus_sig {right:25px;}
.mt_bbs {margin-top: 50px;}
.store_more {background-color: transparent; border:1px solid #333; color:#333; height:47px; border-radius: 50px; padding-left: 25px; padding-right: 25px; margin-top: 25px;}

.fam_l1 a {height:200px; width: 100%; display: block; background-size: cover; background-repeat: no-repeat; background-position: center center; border-radius: 20px; position: relative; border:1px solid rgba(0,0,0,0.05); box-sizing: border-box;}
.fam_l1 .mark_imgs {width: 40px; position: absolute; top:10px; right:5px;}
.fam_l1 .mark_imgs {width: 40px;}

.map_main_tit_li1 {font-size: 18px; color:#000; float:left;}
.map_main_tit_li2 {float:right; margin-right: -5px; margin-top: -3px;}
.map_more_btn {background-color: transparent; border:0px;}
.map_main_sub {color:#999; font-size: 14px; margin-top: 3px; word-break: keep-all;}
.map_main_sub_inner {margin-top: 7px; font-size: 14px;}
.map_main_ser_box {margin-top: 30px;}
.map_main_ser_box_li1 {float:left; width: 30%;}
.map_main_ser_box_li2 {float:right;width: 70%; position: relative;}
.map_ser_inps {background-color: #fff; height:65px; padding-left: 20px; padding-right: 50px; border:0px; width: 100%; font-size: 16px;}
.map_ser_btns {position: absolute; top:19px; right:20px; background-color: transparent; border:0px;}
.map_ser_sel {height:65px; border:0px; width: 100%; font-size: 14px; background-size: 20%; padding-left: 20px; border-radius: 0px; background-color: #fff; font-size: 16px;}
.map_ser_sel:focus {outline: none;}
.map_inner_btn {background-color: transparent; border:1px solid #eee; padding-left: 20px; padding-right: 20px; height:45px;}
.map_inner_btn span {float:left; font-size: 14px; margin-top: 2px;}
.map_inner_btn i {float:right; margin-left: 30px; margin-top: 2px;}
.map_inner_btn2 {width: 100%; height:50px;}
.map_main_ser_btns {margin-top: 10px;}
.map_main_ser_btns_inner {margin-top: 20px;}
.gps_km {background-color: #f9f9f9; margin-top: 15px; display: block; font-size: 10px; color:#744A39; padding: 10px 10px 10px 10px; border-radius: 50px; text-align: center; width: 100%;}
/* } */


.bbs_bg {height:240px; background-image: url('../image/bbs_bg.png'); background-repeat: no-repeat; background-position: top center;}
.bbs_bg_tit {text-align: center; color:#fff; font-size: 34px; letter-spacing: -2px; padding-top: 80px;}
.sub_title {display: block; text-align: center; color:#fff; font-size: 22px; letter-spacing: -0.5px; margin-top: 15px;}
#bo_cate {margin: 0px;/* padding-top: 30px;*/ padding-bottom: 0px;}
#bo_cate li {min-width: auto; text-align: left; padding-right: 0px;}
#bo_cate a {padding: 0px; line-height: auto; border:0px !important; font-weight: normal; background-color: transparent !important; font-size: 22px; letter-spacing: -0.5px; font-family:'NaverBD-R',sans-serif; display: inherit; line-height: auto; text-align: left; padding-bottom: 25px; border-bottom: 5px solid #fff !important;}

#bo_cate li {float: left; display:inherit; padding-left: 20px; padding-right: 20px;}
#bo_cate li::after {content: "·"; float: right; margin-right: -20px; margin-top: -58px;}
#bo_cate li:last-child::after {content: "";}
.more_opt li i {line-height: 12px;}

#bo_cate #bo_cate_on {background-color: transparent; font-weight: normal; color:#744A39; border-bottom: 5px solid #744A39 !important;}
.b_sel:focus {border:0px !important; background-color: #f9f9f9;}
.mobile {display: none;}
.bbs_top_ul1 {margin-top: 60px;}
.bbs_top_ul2 {margin-top: 60px;}
.bbs_top_ul2 {float:left;}
.bbs_top_ul1 {float:none;}
.sch_inp {padding-left: 20px; border:1px solid #eee !important; text-indent: 0px;}
.sch_inp:focus {border:1px solid #744A39 !important;}
.more_opt li button, .more_opt li a {font-size: 12px;}
#bo_w {margin-top: 60px;}
.b_sel {text-indent: 0px; padding-left: 20px; padding-right: 20px;}
.b_sel:focus {border:1px solid #744A39 !important;}
.b_inp {border:1px solid #eee; padding-left: 20px; padding-right: 20px;}
.b_inp:focus {border:1px solid #744A39 !important;}

.menu_bg_img {width: 100%; border-radius: 20px !important;}
.menu_bg_img2 {width: 100%; position: absolute; top:0px; left: 0px; width: 100%; display: none;}
.menu_bg_img3 {width: 60px !important; position: absolute; top:-50px; right: 20px;}
.menu_images {position: absolute; bottom:0px; left: 0px; width: 100%; transition: all 350ms cubic-bezier(0.645, 0.045, 0.355, 1);}
.swiper-slide-ga:hover .img_link a .menu_images {bottom:15px;}
.swiper-slide-ga {box-sizing: border-box;}
.menu_best_img {position: absolute; bottom:0px; right: 20px; width:50px !important;}

.sns_p {float:none; text-align: center;}
.sns_p {margin-top: 30px;}
.sns_p img {width: 30px;}
.bo_fx_inner {max-width: 1400px; margin: 0 auto; float:none; margin-top: 40px; text-align: right;}
#bo_v_file .bo_v_file_cnt {display: block; font-size: 11px; margin-top: 5px;}
#bo_v_link .bo_v_link_cnt {display: block; font-size: 11px; margin-top: 5px;}

.img_g_tit {font-size: 28px; color:#000; margin-top: 40px;}
.img_g_sub {font-size: 16px; color:#333; margin-top: 20px; line-height: 130%; word-break: keep-all;}
.img_g_date {font-size: 12px; color:#999; margin-top: 20px;}

.event_wrap {padding-top: 100px; padding-bottom: 20px;}
.cont_div {font-size: 16px; line-height: 150%; word-break: keep-all;}
.sub_div {color:#999;}
.subject_div {font-size: 22px; word-break: keep-all;}

/* 동영상 */
.video-container{position:relative;padding-bottom:56.25%;height:0;overflow:hidden; margin-top: 50px;} 
.video-container iframe,.video-container object,.video-container embed{position:absolute;top:0;left:0;width:100%;height:100%;}


.bbs_comm {margin-top: 70px; padding-bottom: 70px;}
.bbs_comm_ul1 {width: 35%; float:left;}
.bbs_comm_ul2 {width: 58.5%; float:right;}
.bbs_comm_tit_txt {font-size: 22px; letter-spacing: -0.5px; float:left; margin-top: 5px;}
.bbs_comm_tit_btn {float:right; margin-right: -5px;}
.bbs_comm_latest1 {font-size: 20px; color:#000; letter-spacing: -0.5px; margin-top: 45px;}
.bbs_comm_latest2 {font-size: 14px; color:#777; letter-spacing: -0.5px; margin-top: 20px; line-height: 150%; word-break: keep-all;}
.bbs_comm_latest3 {font-size: 14px; color:#999; letter-spacing: -0.5px; margin-top: 10px;}
.bbs_comm_img {margin-top: 50px;}
.bbs_comm_img_tit {margin-top: 15px; font-size: 20px; color:#000;}
.bbs_bbs ul {border-top:1px solid #eee; margin-top: 35px;}
.bbs_bbs ul:first-child {border-top:0px; margin-top: 0px;}

.bars {border-top:2px solid #eee; margin-top: 70px; padding-top: 70px; box-sizing: border-box; display: block;}
.bbs_comm_media {margin-top: 40px;}
.media_date {width:20%; text-align: right; font-size: 14px; color:#999; display: block; float:right; letter-spacing: -0.5px; margin-top: 28px;}
.media_tit {float:left; margin-top: 25px;}

.po_rel {position: relative;}
.list1_next, .list1_prev {top: 0 !important;margin-top: -7px !important;}
.list1_next {right: -8px !important;}
.list1_prev {left: auto !important; right:50px !important;}
.list_nav {margin-right: 0px;}
.bbs_yt {position: absolute; top: 50%; transform: translateY(-50%); width: 100%; text-align: center;}
.bbs_yt img {width:70px;}

/* Btm { */
.btm_wrap {background-color: #221815; padding-top: 80px; padding-bottom: 80px;}
.btm_wrap_inner {width:1400px; margin:0 auto;}
.btm_ci img {height:18px; margin-right: 40px; opacity: 0.3;}
.btm_a a {color:#666; font-size: 14px; line-height: 100%; margin-right: 20px;}
.btm_copy {color:#666; font-size: 14px; margin-top: 40px; line-height: 150%;}
.btm_c {color:#666; font-size: 12px; margin-top: 40px;}
.btm_con_l {float:left;}
.btm_con_r {float:right; text-align: right;}
.btm_p1 img {height:26px;}
.btm_p2 {margin-top: 20px;}
.btm_sns img {height:20px; margin-top: 45px;}
.btm_sns3 {margin-right: 0px;}
.btm_sns4 {margin-left: 11px;}
/* } */

.btm_partner_btn {border:1px solid rgba(255,255,255,0.1); color:#999; background-color:transparent; height:56px; padding-left: 30px; padding-right: 30px;}
.btm_partner_btn i {float:right; margin-left: 15px; margin-top: 2px;}
.btm_partner_btn span {float:left; margin-top: 4px;}

.main_center_btn_ico {background-color: #744A39; color:#fff; padding-left: 50px; padding-right: 45px; height:80px; border-radius: 80px; border:0px; font-size: 18px;}
.main_center_btn_ico span {float:left; margin-top: 3px;}
.main_center_btn_ico i {float:right; margin-left: 20px;}
.main_center_btn_ico:hover {padding-left: 60px; padding-right: 55px; box-shadow: 0px 10px 20px rgba(0,0,0,0.1);}

.gnb_up {padding-top: 20px; padding-bottom: 20px; box-shadow: 0px 0px 30px rgba(0,0,0,0.1);}
.gnb_up .head_ul1 {top:52px;}
.gnb_up .head_ul3 {top:34px;}
.gnb_up .head_ul2 img {height:80px;}

.btm_wrap {}
.btm_ajax {}
.btm_tel_btn {border:0px; padding: 0px; background-color: transparent;}
.btm_tel_btn i {float:left; margin-right: 15px;}
.btm_tel_btn dd {float:right;}
.btm_tel_btn dd span {display: block; color:#744A39; font-size: 14px; text-align: left;}
.btm_tel_btn dd span.main_color {font-size: 18px; margin-top: 4px;}
.btm_ajax_tel {float:left; margin-right: 40px; margin-top: 5px;}
.btm_ajax_inp {float:left; margin-right: 7px;}
.btm_inp {background-color: #fff; width: 170px; color:#000; height:50px; border:0px; padding-left: 20px; padding-right: 20px; box-sizing: border-box;}
.btm_inp::placeholder {color:#999;}
.btm_inp:focus {border:1px solid #744A39; box-sizing: border-box;}
.btm_sel {background-color: #fff; width: 170px; color:#000; height:50px; border:0px; padding-left: 20px; padding-right: 20px; box-sizing: border-box; font-size: 14px; border-radius: 0px;}
.btm_sel:focus {border:1px solid #744A39 !important; box-sizing: border-box; outline: none;}
.btm_ajax_inp_mt {margin-top: 15px; margin-left: 10px;}
.main_center_btn_ico_btm {height:50px; border-radius: 0px; text-align: left; padding-left: 20px !important; padding-right: 20px !important; font-size: 16px;}
.main_center_btn_ico_btm span {margin-top: 5px;}
.main_center_btn_ico_btm i {margin-top: 2px;}
.btm_ajax_r {float:right;}

.f_con16_inp_wrap {width:950px; margin: 0 auto; padding-top: 80px; padding-bottom: 80px;}
.ajax_form {}
.ajax_form ul {float:left; width: 50%; padding: 10px; box-sizing: border-box;}
.ajax_inp {width: 100%; height:80px; border:1px solid #eee; background-color: transparent; font-size: 22px; letter-spacing: -1px; padding-left: 30px; padding-right: 30px;}
.ajax_inp::placeholder {color:#999;}
.ajax_inp:focus {border-color: #744A39;}
.ajax_select {font-size: 22px; letter-spacing: -1px; padding-left: 30px; padding-right: 30px; height:80px; border:1px solid #eee !important; background-color: transparent; background-size: 50px;}
.ajax_select:focus {outline: none; border-color: #744A39 !important;}
.ajax_btn {text-align: center; float:none !important; width: 100% !important; margin-top: 50px;}


.st {position: sticky; bottom:0px; margin-top: 100px; padding-top: 35px; padding-bottom: 35px; background-color: #f9f9f9; z-index: 97}


.mod_login_divs {width: 100%; top: 50%;transform: translateY(-50%);position: absolute;}
.mod_wrap {padding: 30px; box-sizing: border-box; text-align: center; width: 500px; margin: 0 auto;}
.mod_ci {margin-bottom: 40px; text-align: center;} 
.mod_ci img {}
.mod_tit {color:#fff; font-size: 18px; letter-spacing: -0.5px;}
.mod_sub_txt {color:rgba(255,255,255,0.5); font-size: 14px; margin-top: 15px; margin-bottom: 30px;}
.mod_inp {margin-top: 15px; position: relative;}
.mod_inp input {height:70px; border-radius: 70px; width: 100%; color:#fff; border:0px; background-color: #2B2E34; box-sizing: border-box; padding-left: 30px; padding-right: 70px; letter-spacing: -0.5px; font-size: 14px;}
.mod_inp label {position: absolute; top:22px; right: 30px;}
.mod_btn {margin-top: 15px;}
.mod_btn_ok {border:0px; width:100%; height:70px; border-radius:70px; text-align: center; color:#fff; font-size: 18px; background-color: #AD9164;}
.mod_btn_link {border:0px; width:100%; height:70px; border-radius:70px; text-align: center; color:#000; font-size: 18px; background-color: #fff;}
.mod_sns {margin-top: 30px;}
.mod_idpw {margin-top: 40px;}
.mod_idpw a {color:rgba(255,255,255,0.5); font-size: 14px; padding-bottom: 15px; border-bottom: 2px solid rgba(255,255,255,0.1);}

body.sLightBox{}
#d_sLightBox_win{position:fixed;left:0;top:0;width:100%;height:100%;display:none;z-index:999}
#d_sLightBox_win .bg{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.7)/*ie9+*/}
#d_sLightBox_win .inner{position:relative;width:1200px;margin:0 auto;top:20%; height: 60%; box-shadow: 30px 30px 70px rgba(0,0,0,0.2);}
#d_sLightBox_win .inner .iframe{width:100%;height:100%;border:0; border-radius: 0px; background-color: #fff;}
#d_sLightBox_win .inner .popup{display:none}
#d_sLightBox_win .inner .close{position:absolute;right:-50px;top:-5px;width:30px;height:30px;cursor:pointer; color:#fff;}

.top_btn1_new {height:40px; padding-left: 20px; padding-right: 20px; margin-left: 10px;}
.head_btn {margin-top: 5px;}
.bra_ul1_li5 {margin-top: 60px;}

.mo_note {position: fixed; width:100%; height:100%; top:0px; left: 0px; background-color: #fff; text-align: center; padding-top: 100px; color:#999; font-size: 14px; box-sizing: border-box; z-index: 999}
.btm_ajax_inp_new select {padding-left: 10px;}

/* 다중팝업 CSS */
.d_popup{display:none;position:fixed;left:0;top:0;width:100%;height:100%;z-index:1000}
.d_popup.on{display:block}
.d_popup .bg{position:absolute;width:100%;height:100%;background:rgba(0,0,0,0.6);}
.d_popup .wins{display:none;position:absolute;width:600px;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;}
.d_popup .wins.on{display:block}
.d_popup .wins .inner{padding:40px;font-size:14px;color:#555;line-height:1.6; width: 100%; padding-top: 20px;}
.d_popup .wins .inner:after{display:block;content:'';clear:both}
.d_popup .wins .close{position:absolute;right:0;top:0;width:80px;height:80px;cursor:pointer;text-indent:-9999px}
.d_popup .wins .close:before{display:block;content:'';position:absolute;left:50%;top:50%;width:30px;height:2px;background:#fff;transform:translate(-50%,-50%) rotate(45deg)}
.d_popup .wins .close:after{display:block;content:'';position:absolute;left:50%;top:50%;width:30px;height:2px;background:#fff;transform:translate(-50%,-50%) rotate(-45deg)}
.d_popup .wins .tit{background:#fff;line-height:100%;font-size:20px;color:#000;padding-left:40px; padding-top: 40px;}

.d_popup .sitemap .inner{margin-left:-3%}
.d_popup .sitemap dl{float:left;width:22%;margin:20px 0;margin-left:3%;}
.d_popup .sitemap dl:nth-child(4n+1){clear:both}
.d_popup .sitemap dl dt{font-size:18px;font-weight:600;line-height:50px;border-bottom:1px solid #000;margin-bottom:10px}
.d_popup .sitemap dl dd{padding:5px 0}
.d_popup .sitemap dl dd a{color:#555;font-size:13px}
.d_popup .wins .close {display: none;}
.off_bt_center {width: 49%; background-color: #f1f1f1; color:#000; border:0px; height:50px; border-radius: 10px; display: block; margin:0 auto; margin-top: 30px;}

.haccp_ico {height: 60px !important;}

@media all and (min-width:1024px) {
    .opt_up_btn {display: none !important;}
}
/* { */

.cf_p_area {background-color: #f9f9f9; width: 100%; border:0px; min-height: 250px; padding: 20px; box-sizing: border-box; line-height: 150%; word-break:keep-all}



.mobile {display: none;}
@media all and (max-width:1024px) { 
    #d_sLightBox_win .inner .close {top:-50px; right: 20px;}
    .mobile {display: block;}
    .pc {display: none;}
    .head_ul1 {display: none;}
    .head_ul3 {display: none;}
    .head_ul2 {width: auto; float:left; padding-left: 20px;}
    .head_ul2 img {height:80px;}
    .head_wrap {padding-top: 20px; padding-bottom: 20px;}
    .body_wrap {padding-top: 120px;}
    .menu_ul1 {float:none; width: 100%;}
    .menu_ul2 {float:none; width: 100%;}
    .menu_wrap {padding-left: 20px; padding-right: 20px; box-sizing: border-box;}
    .inner {width:100%;}
    .menu_wrap {margin-top: 30px;}
    .menu_ul1 {display: none;}
    .menu_tab_btn {font-size: 12px; margin-left: 5px; margin-right: 5px; margin-bottom: 5px;}
    .menu_tab_btn_wrap_ul1 {text-align: center;}
    .menu_tab_btn_wrap_ul2 {display: none;}
    .menu_con {margin-top: 20px;}
    .info_wrap_inner {padding-top: 50px; padding-bottom: 50px;}
    .info_ul1 {font-size: 22px; word-break: keep-all; line-height: 150%; padding-left: 50px; padding-right: 50px; box-sizing: border-box;}
    .info_ul3 {word-break: keep-all; padding-left: 40px; padding-right: 40px;}
    .btn2_ul1 {width:100%; float:none; padding-left: 20px;}
    .btn2_ul2 {width:100%; float:none;}
    .btn2_btn1 {height:100px;}
    .btn2_btn2 {height:100px;}
    .btn2_btn1 dd {margin-right: 20px;}
    .btn2_btn2 span {margin-left: 20px;}
    .btn2_btn2 dd {margin-right: 20px;}
    
    .images_l {float:left; width: 20%; margin-top: 12px;}
    .images_l img {border-radius: 10px;}
    .images_r {float:left; width: 80%; padding-left: 15px; box-sizing: border-box;}
    
    .sec2 {width: 100% !important;}
    .sec2_li1 {font-size: 18px !important;}
    .sec2_li2 {font-size: 18px !important;}
    .sec3_btn1 {width: 100% !important; margin-bottom: 20px; !important; margin-left: 0px !important; margin-right: 0px !important;}
    
    
    .ds_im2 img {width: 150px;}
    .mov_btm_mov {float:none; width: 100%; padding: 20px;}
    .mov_btm_txt {float:none; width: 100%; padding: 0px; padding: 20px;}
    .mov_btm_wrap {margin-top: 40px; margin-bottom: 40px;}
    .store_wrap {padding-top: 40px; padding-bottom: 40px;}
    .fam_l {float:none; width: 100%; padding: 20px;}
    .fam_l_in1 {display: none;}
    .fam_l_in2 {float:none; width: 100%;}
    .fam_l1 {float:none; width: 100%;}
    .fam_l2 {float:none; width: 100%; margin-top: 20px;}
    .store_more {margin-top: 20px; width: 100%;}
    .fam_r {float:none; width: 100%; padding: 20px;}
    .st {padding: 20px;}
    .btm_ajax_tel {float:none; width: 100%;}
    .btm_ajax_inp {float:left; width: 50%; margin: 0px; padding: 1px;}
    .btm_ajax_inp input {width: 100%;}
    .btm_ajax_inp select {width: 100%;}
    .btm_ajax_inp_mt {float:none; width: 100%; padding-top: 20px;}
    .btm_ajax_r {float:none; width: 100%; margin-top: 20px;}
    .btm_ajax_r button {width: 100%;}
    .main_wrap {overflow-x:hidden;}
    .btm_wrap_inner {width: 100%; padding-top: 50px; padding-bottom: 50px;}
    .btm_a {text-align: center;}
    .btm_a a {display: block; margin: 0px;}
    .btm_ci img {margin: 0px;}
    .btm_a .popup_open {display: inline-block; padding-top: 15px; padding-left: 10px; padding-right: 10px;}
    .btm_copy {padding-left: 20px; padding-right: 20px; text-align: center; line-height: 150%;}
    .btm_con_l {float:none;}
    .btm_con_r {float:none;}
    .btm_c {text-align: center; padding-top: 20px;}
    .d_popup .wins {width: 100%;}
    .br_new_v {height:400px;}
    /*.sub_wrap {padding-top: 90px;}*/
    .body_wrap {padding-top: 90px;}
    .br_new_v ul {padding-top: 140px; text-align: center;}
    .br_new_v ul img {height:55px;}
    .br_new_t_ul1 {float:none; width: 100%;text-align: center;}
    .br_new_t_ul2 {float:none; width: 100%; margin-top: 30px; text-align: center;}
    .br_new_t {padding-top: 40px; padding-bottom: 40px;}
    .inner_1000 {width: 100%;}
    .br_new_t_ul1_li2 {margin: 0 auto; margin-top: 30px; margin-bottom: 30px;}
    .br_new_t_ul2 {padding: 20px; word-break: keep-all;}
    .br_b1_txt {padding-left: 20px; word-break: keep-all; padding-right: 20px;text-align: center}
    .br_b1 {background-position: center right -600px; height:500px;}
    .br_b2 {background-position: center left -600px; height:600px;}
    .br_b3 {background-position: center right -600px; height:520px;}
    .br_b2_txt {float:none; width: 100%; text-align: center; word-break: keep-all;}
    .br_b2_txt_t2 {color:#000;}
    .br_b2_txt_t3 {color:#000;}
    .br_b2_txt_t1 {font-size: 28px;}
    .br_b1_txt_t1 {font-size: 28px;}
    .br_b1_txt_t2 {color:#000;}
    .br_b3_txt {text-align: center; word-break: keep-all;}
    .br_b3_txt_t1 {font-size: 28px;}
    .br_b3_txt_t2 {color:#000;}
    .bbs_top {margin-bottom: 20px; padding-left: 20px; padding-right: 20px;}
    .bbs_top_ul1 {margin-top: 20px;}
    .bbs_top_ul2 {margin-top: 10px;}
    .bo_fx {padding-left: 20px; padding-right: 20px;}
    #bo_w .bo_fx {padding-left: 0px; padding-right: 0px;}
    #bo_w {margin-top: 0px; padding: 20px;}
    .sub_wrap {min-height: inherit;}
    .bbs_mg {margin-top: 20px;}
    .inner.bbs_mg {padding-left: 20px; padding-right: 20px;}
    .bbs_top_opt {top:-70px; right:20px;}
    .bbs_top_ul1 {padding-left: 20px; padding-right: 20px;}
    .is_list_btn {margin-top: -10px;}
    .rel_table {padding-left: 20px; padding-right: 20px;}
    .mt_bbs {margin-top: 0px; padding: 20px;}
    .mt_bbs .bo_fx {padding-left: 0px; padding-right: 0px;}
    .btm_tel_btn svg {width: 20px; margin-top: -4px;}
    .btm_tel_btn dd span {float:left; margin-top: 7px;}
    .btm_tel_btn dd span:last-child {margin-top: 4px; float:right !important; margin-left: 20px;}
    .btm_tel_btn {width: 100%;}
    .sub_title {font-size: 18px; word-break: keep-all;}
    .inner_c {width: 100%;}
    .c_new1_div {padding-top: 40px; padding-left: 0px; padding-right: 0px; text-align: center;}
    .c_new1_div_ul1_li1 {font-size: 32px; word-break: keep-all;}
    .c_new1_div_ul1_li2 {font-size: 32px; word-break: keep-all;}
    .c_new1_div_ul1 {float:none;}
    .c_new1 {background-position: center top -150px;}
    .c_new1_div_ul1_li3 {font-size: 30px; text-align: center; padding-top: 50px;}
    .c_new1_div_ul1_li4 {text-align: center;}
    .c_new1_div_ul2 {float:none; text-align: center;}
    .c_new1_div_ul2 img {width: 80%; margin-top: 40px;}
    .c_new1 {height:auto;}
    .c_new1_div_ul2 {background-color: #d3247f;}
    .c_new2_div{ background-color: #d3247f; margin-top: 0px;}
    .c_new2_div ul {float:none; text-align: center; padding: 0px; padding-top: 10px; padding-bottom: 10px;}
    .c_new2_div_ul1 {margin-right: 0px; padding-bottom: 20px;}
    .c_new2_btn1 {width: 100%;}
    .c_new2_div {padding: 20px;}
    .c_new2_btn2 {width: 100%;}
    .c_new2_btn1_span1 {font-size: 23px;}
    .c_new2_btn1_span2 {font-size: 23px;}
    .c_new2_div_ul1 img {width: 110px;}
    .c_new5 {height:auto;}
    .c_new5_in {padding-top: 70px; padding-bottom: 70px; word-break: keep-all; word-break: keep-all;}
    .lines {box-shadow: inset 0 -10px 0 #CF0173;line-height: 20px;padding-left: 0px;padding-right: 0px;}
    .c_new5_in ul {font-size: 20px;}
    .c_new6_tit {font-size: 26px; padding-top: 40px; padding-bottom: 40px; word-break: keep-all; padding-left: 20px; padding-right: 20px;}
    .d_banner7.s6 {width: 100%;}
    .c_new6_v {height:300px;}
    .c_new_tit {font-size: 26px; word-break: keep-all; padding-top: 40px; padding-bottom: 40px; padding-left: 20px; padding-right: 20px;}
    .c_new_sub {font-size: 22px; margin-top: 0px; word-break: keep-all; padding: 0px 20px 0px 20px;}
    .c_new7_img {margin-top: 20px;}
    .c_new7_img img {width:100%;}
    .c_new8 {margin-top: 0px;}
    .c_new9 {margin-top: 40px;}
    .c_new9_div {padding: 20px; padding-bottom: 70px;}
    .inner_c9 {width: 100%;}
    .c_new9_div_ul1_li2 {font-size: 26px;}
    .c_new9_div_ul1 {text-align: center;}
    .c_new9_div_ul1_li1 {font-size: 24px;}
    .c_new9_div_ul1 {float:none;}
    .c_new9 {height:auto; background-position: top -140px center;}
    .c_new9_div_ul2 {float:none; margin-right: 0px; margin-top: 40px;}
    .c_new9_div_ul1_li3 {font-size: 20px;}
    .c_new9_div_ul1_li4 {font-size: 20px;}
    .c_new10 {height:auto; padding-top: 50px; padding-bottom: 50px;}
    .inner_c10 {padding: 0px; width: 100%;}
    .c_new10_ul1 {float:none; text-align: center;}
    .c_new10_ul2 {float:none; text-align: center;}
    .c_new10 {background-position: top center; background-size: cover;}
    .c_new10_ul1 img {width: 200px;}
    .c_new9_div_ul2 {text-align: center; margin-left: -100px;}
    .c_new9_div_ul1_li3 {margin-top: 100px;}
    .c_new10 {padding-top: 70px;}
    .c_new10_ul2 {padding-left: 0px; padding:50px 20px 50px 20px; text-align: center; word-break: keep-all;}
    .c_new10_ul2 li {padding-left: 0px;}
    .c_new10_ul2_li2 {font-size: 40px;}
    .c_new10_ul2_li1 {font-size: 30px;}
    .c_new10_ul2_li3 {margin-top: 25px;}
    .c_new10_ul2_li4 img {width: 100%;}
    .c_new10_ul2_li4 {margin-top: 50px;}
    .c_new10 {padding-bottom: 20px;}
    .c_new11 {margin-top: 50px;}
    .bg_txts {width: 100%; border-radius: 0px; margin-top: 0px; padding: 40px; font-size: 22px; word-break: keep-all;}
    .c_new12 {margin-top: 50px;}
    .c_new12 .c_new_tit {padding-top: 0px;}
    .c_new12_img_wrap {background-size: 100%; background-position: top center; height:400px;}
    .f_con14 {width:100%; margin-top: 0px; padding-top: 0px;}
    .f_con14_txt1 img {width: 100px;}
    .f_con14_txt1 {top:-45px;}
    .f_con14_txt2 {font-size: 32px; padding-top:100px;}
    .f_con14_txt3 {padding: 20px; word-break: keep-all;}
    .f_con14 {height: 350px;}
    .f_con15 .main_titles_li {padding-left: 20px; padding-right: 20px; font-size: 32px; padding-top: 40px;}
    .main_titles_sub {padding-left: 20px; padding-right: 20px; word-break: keep-all;}
    .f_con16 .main_titles {font-size: 32px;}
    .f_con15_table {margin-top: 40px; padding-bottom: 60px}
    .pw {width: 100%;}
    .pw ul {font-size: 16px; word-break: keep-all; line-height: 150%;}
    .pw ul li:nth-child(2) {font-size: 16px; width: 15%;}
    .pw ul li:nth-child(3) {font-size: 16px; width: 15%;}
    .pw ul li:nth-child(4) {font-size: 16px; width: 15%;}
    .pw ul li:nth-child(5) {font-size: 16px; width: 15%;}
    .pw ul li:nth-child(6) {font-size: 16px; width: 15%;}
    .pw ul:first-child {border-radius: 0px; margin-bottom: 10px;}
    .pw ul:not(first-child) {border-radius: 0px; margin-bottom: 10px;}
    .pw ul {margin-bottom: 10px; border-radius: 0px;}
    .pw ul li:nth-child(7) {float:none; width: 100%; text-align: center !important;}
    .pw ul li:nth-child(1) {width: 25%;}
    .pw ul:first-child li:nth-child(7) {display: none;}
    .pw ul {padding-top: 20px; padding-bottom: 20px;}
    .swtb_btm {padding: 20px; font-size: 16px;}
    .f_con16_inp_wrap {width: 100%; padding-left: 20px; padding-right:20px; padding-top: 20px;}
    .ajax_form ul {float:none; width: 100%; padding: 0px; padding-bottom: 10px;}
    .ajax_inp {padding-left: 20px; padding-right: 20px; height:60px; font-size: 16px;}
    .ajax_select {padding-left: 20px; padding-right: 20px ;font-size: 16px; height:60px; background-size: 30px;}
    .main_center_btn_ico {height:60px;}
    .f_con16_inp_wrap {padding-bottom: 50px;}
    .bbs_top .bbs_top_ul1 {padding-left: 0px; padding-right: 0px;}
    .is_list_btn {margin-top: 0px;}
    .br_new_t_ul2_li1 {padding-left: 50px; padding-right: 50px;}
    .swiper-container-ga {padding-top: 50px !important;}
    .menu_bg_img3 {top:-0px;}
    .swiper-container-ga2 {padding-top: 0px !important;}
    .swiper-slide-ga2 {padding: 0px;}
    .c_new12 .c_new_tit{padding-bottom: 0px;}
    .c_new12_img_wrap {margin-top: 40px;}
    
    .store_wrap {padding-top: 0px;}
    .bbs_comm_ul1 {float:none; width: 100%;}
    .bbs_comm_ul2 {float:none; width: 100%;}
    .bbs_comm_ul3 {float:none; width: 100%;}
    .bbs_comm {margin-top: 30px; padding-left: 20px; padding-right: 20px;}
    .bbs_comm_ul2 {margin-top: 40px;}
    .media_tit_div {margin-top: 15px;}
    .media_tit {float:none; width:100%;}
    .media_date {float:none; display: none;}
    
    .st {margin-top: 30px;}
    /*.sub_wrap {padding-top: 120px;}*/
    .bra_ul1 {float:none !important; width: 100% !important;}
    .bra_ul2 {float:none !important; width: 100% !important; margin-top: 20px;}
    .bra_ul2 img {width: 100%;}
    .sub_wrap .inner {padding-left: 20px; padding-right: 20px;}
    .bra_ul1_li1 {font-size: 30px !important;}
    .sub_v {margin-bottom: 0px !important;}
    
    .sec3 {width: 100% !important;}
    .sho_tit_tit {font-size: 26px !important;}
    .sec1_btn1 {margin-bottom: 20px !important;}
    .sec2 {padding-top: 60px !important; padding-bottom: 50px; padding-left: 20px; padding-right: 20px;}
    .sec3 li {float:none !important; width: 100% !important; border-right: 0px !important; border-bottom: 1px solid #eee !important;}
    
    .sec4 {width: 100% !important;}
    .sec5_l {float:none !important; width: 100% !important;}
    .sec5_r {float:none important; width: 100% !important;}
    .sect_inps {line-height: 150% !important;}
    #bo_w {padding: 0px !important; padding-top: 20px !important;}
    .img_link .menus_img {left: -20px !important;}
    .select {border:1px solid #eee; background-color: #fff; border-radius: 0px; height:50px;}
    .bbs_top_ul1 {padding-left: 0px; padding-right: 0px;}
    .mt_bbs {padding-left: 0px; padding-right: 0px;}
    .bbs_top {padding-left: 0px; padding-right: 0px;}
    .bo_fx {padding-left: 0px; padding-right: 0px;}
    .rel_table {padding-left: 0px; padding-right: 0px;}
    .map_ser_sel {border:0px; height:65px;}
    .fam_l_new {padding-left: 0px; padding-right: 0px;}
    .fam_r_new {padding-left: 0px; padding-right: 0px;}
    #map {height:400px !important;}
    .bo_fx_inner {padding-left: 20px; padding-right: 20px; box-sizing: border-box;}
    .btn_bo_user_btm {box-sizing: border-box;}
    .bbs_top_ul2_nne {padding-top: 10px;}
    .bbs_top_ul2_nne input {text-indent: 15px;}
    .tables_td {padding-bottom: 20px;}
    .is_list_btn_news {margin-top: -10px;}
    .bo_v_com {padding-top: 20px;}
    #d_sLightBox_win .inner {width: 100%;}
    .gapss {height:20px;}
    .head_4 {float:right; margin-top: 17px;}
    .mo_gnbss {margin-right: 20px; background-color: transparent; border:0px;}
    .head_4 button {font-size: 12px; margin-left: 10px;}
    .btm_wrap {padding-top: 0px; padding-bottom: 0px;}
    .btm_a {display: none;}
    .btm_copy {margin-top: 0px; word-break: keep-all}
    .btm_con_r {text-align: left; padding-left: 20px; padding-right: 20px;}
    .btm_con_r button {width: 100%; margin-top: 20px;}
    .btm_c {margin-top: 0px;}
    .btm_sns {text-align: center}
    .btm_sns img {margin-top: 0px;}
    .mod_wrap {width: 100%;}
    
    .btm_ajax_inp_new {width: 100%; float:none;}
    .btm_ajax_inp_new select {margin-top: 5px; }
    
    .d_popup .wins{display:none;position:absolute;width:90%;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff; border-radius: 10px;}
    .d_popup .wins .inner {padding: 25px; padding-top: 15px;}
    .d_popup .wins .tit {padding-left: 25px; padding-top: 25px; background-color: transparent;}
    
    d_popup_prd .wins{width:90%;}
    .d_popup_prd .wins .inner {padding: 25px; padding-top: 15px;}
    .d_popup_prd .wins .tit {padding-left: 25px; padding-top: 25px; background-color: transparent;}
    .d_popup_prd .wins .close {right: 0px; top:-2px; width:75px; height:75px;}
    .use_mb_id {right:10px;}
    
    .bg_top_imgs {background-size: cover; background-position: center center; height:300px;}

    .info_ul1 .lines{padding-left: 5px;padding-right: 5px;}
    
    .swiper-button-next, .swiper-button-prev {width: 32px !important;}
    
}

/* 히든 슬라이더 { */
bgs {background-color: rgba(0,0,0,0.7); position: fixed; top:0px; left:0px; width: 100%; height:100%; display: none; z-index: 999;}
.sh-side-options {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 9999;
    padding: 0 0;
    width: 300px;
    transform: translateX(300px);
    transition: all 600ms cubic-bezier(0.86, 0, 0.07, 1);
    letter-spacing: -0.5px;
    background-color: #744A39;
}

.sh-side-options.open {transform: translateX(0px);box-shadow: 0 0px 39px 10px rgba(0, 0, 0, 0.2);transition: all 600ms cubic-bezier(0.86, 0, 0.07, 1);}

.sh-side-demos-container {
    top: 0;
    left: 0;
    right: -17px;
    bottom: 0;
    position: absolute;
    overflow-y: scroll;
    box-sizing: border-box;
    padding-left: 30px;
    padding-top: 35px; 
    padding-right: 47px;
    padding-bottom: 30px;
}

.close_r {
    position: absolute;
    top: 30px;
    right: 45px;
    cursor: pointer;
    z-index: 99;
    transition: all 600ms cubic-bezier(0.86, 0, 0.07, 1);
}
.close_r img {width: 25px; height:auto;}
.close_r:hover {opacity: 0.6;}

.sh-side-demos-loop-container {position: relative;}

.bgs {background-color: rgba(0,0,0,0.7); position: fixed; top:0px; left:0px; width: 100%; height:100%; display: none; z-index: 999;}

.hid_gnb {color:#fff; font-size: 20px; display: block; margin-bottom: 15px;}
/* } */

.popup_open {cursor: pointer;}
.top_mo_btn {display: none;}
.swiper-slide-ga2 {padding: 0px;}
.swiper-container-ga2 {padding-top: 0px !important;}

.gnb_m_gnb {margin-top: 40px;}
/* } */




#shGnb{display:flex;justify-content:space-between;align-items:center;position:relative;width:100%;height:100px;padding:0 0 0 85px;border-bottom:1px solid #e1e1e1;transition:all .2s;z-index:9;}
#shGnb.on{border-bottom:1px solid #e1e1e1}
#shGnb.sub{position:absolute}
.sh_lnb_bg{display:none;position:absolute;top:0;left:0;width:100%;height:320px;background:#fff;box-shadow:2px 2px 6px rgba(0, 0, 0, .1);z-index:1;}

/* 로고 */
#shGnb .sh_logo{position:relative;z-index:20}

/* 대분류  */
#shGnb .sh_nav{display:flex;justify-content:center;position:absolute;left:50%;transform:translateX(-50%);width:100%}
#shGnb .sh_nav > ul > li{float:left;position:relative;line-height:100px;transition:all .4s ease-in-out}
#shGnb .sh_nav > ul > li > a{position:relative;z-index:20;display:block;padding:0 30px;font-size:17px;font-weight:800;letter-spacing:3px;color:#111;transition:all .2s;    font-family: 'NaverBD-EB', sans-serif;}
#shGnb .sh_nav > ul > li:hover > a{color:var(--primary)!important}
#shGnb .sh_nav > ul > li:hover .sh_lnb_s:before{width:calc(100% + 40px);opacity:1}
#shGnb .sh_nav > ul > li:hover .sh_lnb_s a{color:#777}
#shGnb .sh_nav > ul > li:hover .sh_lnb_s a:hover{color:var(--primary)}

/* 소분류 */
#shGnb .sh_lnb_s{display:none;position:absolute;left:50%;transform:translateX(-50%);min-width:100%;width:max-content;padding-top:25px;min-height:145px}
#shGnb .sh_lnb_s:before{opacity:0;display:block;content:"";position:absolute;left:50%;top:-1px;z-index:-1;transform:translateX(-50%);width:0;height:1px;background:var(--primary);transition:all .2s}
#shGnb .sh_lnb_s li a{display:block;font-size:15px;font-weight:500;line-height:1.8;text-align:center;color:#555;transition:all .2s}
#shGnb .sh_lnb_s li a:hover{color:var(--primary)}

/* 바로가기버튼 */
#menu_btn{position:absolute;top:0;right:0;z-index:101;width:233px;height:100px;background:var(--primary);cursor:pointer;transition:all .2s}
#menu_btn a{display:flex;align-items:center;justify-content:center;width:100%;height:100%}
#menu_btn a span{font-size:20px;font-weight:600;color:#fff;letter-spacing:3px}
#menu_btn a span img{display:inline-block;padding-left:15px}

/* 상단 버튼 및 오픈메뉴 */
#topmenuM{display:none;width:100%;line-height:1.8;padding:5px}
#m_navBtn{position:absolute;top:12px;right:15px;z-index:99;width:30px;height:30px}
#m_navBtn span{display:block;position:relative;top:50%;width:100%;height:2px;transform:translateY(-50%)}
#m_navBtn span::before{display:block;position:absolute;top:-6px;width:100%;height:100%;background-color:#1b854f;content:""}
#m_navBtn span::after{display:block;position:absolute;top:6px;right:0%;width:40%;height:100%;background-color:#1b854f;content:""}
#m_navBtn.on{position:fixed}
#m_navBtn.on span:before{top:0;right:-4px;transform:rotate(45deg);background-color:#000}
#m_navBtn.on span:after{top:0;right:-4px;width:100%;transform:rotate(-45deg);background-color:#222}
#navWrap{position:fixed;left:0;top:0;z-index:98;width:100%;height:100%;background-color:rgba(0,0,0,.7)}
#navWrap .inner{overflow-y:scroll;opacity:0;position:fixed;right:-40px;top:0;z-index:99;min-width:300px;width:75%;height:100%;padding:60px 0;background-color:#fff;-webkit-transition:all .1s;transition:all .1s}
#navWrap.on .inner{opacity:1;right:0;-webkit-transition:all .4s;transition:all .4s}
#navWrap .inner:before, #navWrap .inner:after{opacity:0;display:block;position:fixed;top:0;right:-40px;z-index:1;content:"";min-width:300px;width:70%;height:60px;background-color:#fff;-webkit-transition:all .1s;transition:all .1s}
#navWrap .inner:after{top:auto;bottom:0}
#navWrap.on .inner:before, #navWrap.on .inner:after{opacity:1;right:0;-webkit-transition:all .4s;transition:all .4s}
#navWrap .inner .mo_hd_copy{position:fixed;right:0;bottom:15px;z-index:2;min-width:300px;width:70%;font-size:12px;text-align:center;color:#fff;background-color: var(--primary);padding:10px 0;}
#navWrap .user_tip{padding:10px 20px;background-color:#f5f5f5}
#navWrap .user_tip li{display:inline-block}
#navWrap .user_tip li+li{margin-left:10px}
/* 대분류 */
#topmenuM .m_lnb .m_bmenu{display:block;position:relative;width:100%;height:52px;padding:0 20px;border:none;border-bottom:1px solid #ddd;background:none;font-size:16px;line-height:52px;color:#222;text-align:left;font-family:'notokr-medium'}
#topmenuM .m_lnb .m_bmenu:after{float:right;content:"\f107";font-family:'fontawesome'}
#topmenuM .m_lnb .m_bmenu.on:after{content:"\f106"}
/* 소분류 */
#topmenuM .m_smenu{display:none;padding:15px 20px;border-bottom:1px solid #ddd;background-color:#f2f3f5}

/* 반응형 [s] */
@media (max-width:1024px){
#shGnb{display:none}
#topmenuM{display:block;border-bottom:1px solid #e1e1e1}
#navWrap{display:none}
#m_logo img {height:55px}
}
/* 반응형 [e] */

#mainVisual{overflow:hidden;position:relative;width:100%}

/* 텍스트 */
#mainVisual .main_txt{position:absolute;z-index:3;top:50%;transform:translateY(-50%);right:260px;font-size:20px;line-height:1.8;color:#fff;font-family:var(--e-font), var(--k-font)}
#mainVisual .main_txt .txt p{padding-bottom:55px;font-size:105px;font-weight:700;line-height:0.9;text-transform:uppercase}
#mainVisual .main_txt .txt p b{display:block;position:relative;padding-left:105px;color:var(--primary);font-family: "Barlow Condensed";}
#mainVisual .main_txt .txt p b::before{content:"";display:inline-block;position:absolute;left:0;top:53%;width:77px;height:5px;background:var(--primary)}
#mainVisual .main_txt .txt span{display:block;font-weight:500;line-height:1.5;white-space:pre-line}

/* 스와이퍼 */
#mainVisual .main_slide{overflow:hidden;width:100%;height:719px}
#mainVisual .main_slide ul{height:100%}
#mainVisual .main_slide ul li{width:100%;height:100%;background:center no-repeat;background-size:cover}
#mainVisual .main_slide ul li.bg01{background-image:url('/theme/basic/image/main01.jpg')}
#mainVisual .main_slide ul li.bg02{background-image:url('/theme/basic/image/main02.jpg')}
#mainVisual .main_slide ul li.bg03{background-image:url('/theme/basic/image/main03.jpg')}
#mainVisual .line{position:absolute;bottom:60px;right:85px;display:flex;align-items:center;gap:35px;z-index:97}
#mainVisual .pager{width:auto;font-size:0}
#mainVisual .pager span{font-size:18px;font-weight:700;color:rgba(255,255,255,.5);font-family:var(--e-font)}
#mainVisual .pager span:first-child{position:relative;margin-right:15px;padding-right:15px;color:#fff}
#mainVisual .pager span:first-child:after{position:absolute;content:'';top:5px;right:0;width:2px;height:14px;transform:rotate(10deg);background:rgba(255,255,255,.5)}

/* progress */
#mainVisual .cir_inner{display:flex;align-items:center;justify-content:center}
.autoplay-progress{position:relative;width:45px;height:45px;display:flex;align-items:center;justify-content:center;font-weight:bold;color:var(--swiper-theme-color)}
.autoplay-progress svg{z-index:10;width:100%;height:100%;stroke-width:4px;stroke:#fff;fill:none;stroke-dashoffset:calc(125.6 * (1 - var(--progress)));stroke-dasharray:125.6;transform:rotate(-90deg)}
.autoplay-progress .bg{position:absolute;width:43px;height:43px;border-radius:50%;border:5px solid rgba(255,255,255,.5)}
#mainVisual .play{position:absolute;z-index:10}
#mainVisual .play span{cursor:pointer;font-variation-settings:'FILL' 1,'wght' 300,'GRAD' 0,'opsz' 40;color:#fff;font-size:19px}
#mainVisual .play div.swiper-pause{display:block}
#mainVisual .play div.swiper-play{display:none}
#mainVisual .play.on div.swiper-pause{display:none}
#mainVisual .play.on div.swiper-play{display:block}

/* 반응형 [s] */
@media (max-width:1024px){
#mainVisual .main_slide ul li{background-position:left;filter:brightness(0.6)} 
#mainVisual .main_slide{height:550px}
#mainVisual .main_txt{right:45px;font-size:18px;}
#mainVisual .main_txt .txt p{font-size:75px}
#mainVisual .line{right:45px}
#mainVisual .pager span{font-size:17px}
.autoplay-progress{width:40px;height:40px}
.autoplay-progress .bg{width:38px;height:38px}
}
@media (max-width:768px){
#mainVisual .main_slide{height:480px}
#mainVisual .main_txt{right:0%;width:100%;text-align:center}
#mainVisual .main_txt .txt p{padding-bottom:25px;font-size:63px}
#mainVisual .main_txt .txt p b{display:inline;padding:0px 20px;line-height:1.3}
#mainVisual .main_txt .txt p b::before{display:none}
.autoplay-progress{width:38px;height:38px}
.autoplay-progress .bg{width:36px;height:36px}
}
@media (max-width:480px){
#mainVisual .main_slide{height:345px}
#mainVisual .main_txt{font-size:17px}
#mainVisual .main_txt .txt p{padding-bottom:15px;font-size:45px}
#mainVisual .line{display: none;}
}
@media (max-width:380px){
#mainVisual .main_slide{height:290px}
#mainVisual .main_txt{font-size:16px}
#mainVisual .main_txt .txt p{font-size:40px}
#mainVisual .pager span{font-size:16px}
}

/* fallback */
@font-face {
  font-family: 'Material Symbols Outlined';
  font-style: normal;
  font-weight: 100 700;
  src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v199/kJEhBvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oFsI.woff2) format('woff2');
}

.material-symbols-outlined {
  font-family: 'Material Symbols Outlined';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
}
/* 반응형 [e] */

/*.swiper-button-next:after, .swiper-button-prev:after{display:none !important;}*/


/* =========================== SNB */
#shSnb{display:flex;/*max-width:1200px;margin:0 auto*/}
#shSnb li{position:relative}
#shSnb li a{font-size:22px;font-weight:600;color:#bbb;transition:all .3s;font-family:var(--k-font)}
#shSnb li+li{margin-left:35px}
#shSnb li:after{opacity:0;content:"";position:absolute;right:-10px;top:-3px;transform:translateY(-15px);width:8px;height:8px ;border-radius:50%;background:var(--primary)}
#shSnb li:not(.on):hover a{color:#888}
#shSnb li.on a{color:#000}
#shSnb li.on:after{opacity:1;transform:translateY(0)}



@media (max-width:768px){
	.menu_more_btn{margin-top:10px;}
	#shSnb{margin-top:20px;}
	#mainVisual .main_txt .txt p b{color:#fff;}
}