@charset "utf-8";
/* 자전거 index */
.style_01dep{padding-bottom: 50px;background: #fff;}
.style_area{width: 1080px;margin: 0 auto;}
.style_area h3{margin-top: 60px;text-align: left;font-size: 28px;font-weight: bold;color: #d20004;}
.style_area ul{width: 100%;margin-top: 40px;display: inline-block;}
.style_area ul li{padding-bottom: 50px;}

li.style_left a .style_txt::after, li.style_right a .style_txt::after{content: "";width: 100px;height: 44px;display: inline-block;margin-top: 60px;background:  url("../../images/common/btn_lst_linkB.png") no-repeat center;}

li.style_left a{width: 100%;display: inline-block;}
li.style_left .style_txt{width: 300px;float: right;margin: 0 40px 0 0;display: inline-block;}
.style_txt strong{margin-top: 90px;display: inline-block;font-size: 42px;font-weight: 400;}
.style_txt p{width: auto;margin-top: 20px;text-align: left;}
.style_01dep .style_area ul a:hover{background: #f5f5f5;}
li.style_left img{float: left;}

li.style_right a{width: 100%;display: inline-block;}
li.style_right .style_txt{width: 300px;float: left;margin: 0 0 0 40px;display: inline-block;}
li.style_right img{float: right;}

.style_02dep{padding:20px 0 50px 0;background: #f5f5f5;}
.style_02dep .style_area ul a:hover{background: #fff;}

/* 자전거 index 변경된것 */
.lst_category_title strong span{margin-bottom: 3px;display: inline-block;vertical-align: bottom;font-size: 14px;}
.lst_category_title strong span::before{content: "/";padding: 0 10px;display: inline-block;font-size: 12px;}

/* 자전거 */
.prodt_area{width: 1080px;margin: 0 auto 0; position:relative;}
.diap_talb{display: table;}
.btn_prodt_info > li > a.folt_no{float: none;}
.cost_order{width: 100%;padding-bottom: 10px;border-bottom: 1px solid #333;}
.cost_order > li{display: inline-block;}
.cost_order > li:last-child::after{content: "";padding: 0}
.cost_order > li::after{content: "|";padding: 0 7px 0 10px;font-size: 12px;color: #ddd;vertical-align: top;}
.cost_order > li > a{display: inline-block;font-size: 12px;color: #707070;}
.cost_order > li > a:hover{color: #d20004;}

.cost_order > li > a.on_down_link{display: inline-block;font-size: 12px;color: #d20004;}
.cost_order > li > a.on_up_link{display: inline-block;font-size: 12px;color: #d20004;}

.cost_order > li > a.on_down_link:hover{display: inline-block;font-size: 12px;color: #d20004;}
.cost_order > li:last-child > a.on_up_link:hover{display: inline-block;font-size: 12px;color: #d20004;}
ul.prodt_lst{margin-top: 30px;padding-bottom: 40px;border-bottom: 1px solid #ccc;}
ul.prodt_lst:last-child{border-bottom: none;}
ul.prodt_lst > li{width: 523px;/*min-height: 648px;*/display: inline-block;margin-right: 25px;-webkit-transition: all 1.0s ease;transition: all 1.0s ease;-webkit-box-shadow: 0px 0px 15px 5px rgba(255, 255, 255, .0);box-shadow: 0px 0px 15px 5px rgba(255, 255, 255, .0);}
ul.prodt_lst > li:nth-child(even){margin-right: 0;}
ul.prodt_lst > li .prodt_lst_head > h3{width: auto;display: inline-block;margin-top: 0;margin-left: 50px;font-size: 0;opacity: 0.2;-webkit-transition: opacity 1.1s ease;transition: opacity 1.1s ease;}
ul.prodt_lst > li:hover{width: 523px;display: inline-block;box-sizing: border-box;-webkit-box-shadow: 0px 0px 15px 5px rgba(204,204,204,0.3);box-shadow: 0px 0px 15px 5px rgba(204,204,204,0.3);}
ul.prodt_lst > li:hover strong{color: #d20004;}
ul.prodt_lst > li:hover .prodt_lst_head > h3{opacity: 10;}
ul.prodt_lst > li:hover .prodt_lst_head > span{color: #333;}
ul.prodt_lst > li > a{display: inline-block;}
.prodt_lst_head{width: 100%;display: inline-block;margin-top: 40px;}

.prodt_lst_head > span{display: inline-block;float:right;margin-right: 50px;color: #ccc;}
.prodt_Img{padding: 15px 0 0;}
.prodt_Img img{width: 523px;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;}
ul.prodt_lst > li:hover .prodt_Img img{width: 523px;}
.prodt_Info{margin-top: 0px;text-align: center;}
.prodt_Info span{display: block;color:#707070;font-size: 14px;}
.prodt_Info strong{display: block;margin-top: 5px;font-size: 34px;font-weight: 500;}
.prodt_Info strong span{width: auto;padding: 2px 8px;margin-top: 11px;display: inline-block;color: #fff;background: #d92628;}
.prodt_Info p{width: 80%;padding-top: 10px;font-size: 14px;color: #666;}
.prodt_Info em{padding-top: 10px;display: block;font-size: 20px;}

.prodt_Info_view{padding-bottom: 23px;margin:75px 0 12px;position: relative;text-align: center;border-bottom: 2px solid #c9c9c9;}
.prodt_Info_view > h3{width: auto;display: inline-block;position: absolute;bottom: 25px;left: 0;margin: 0;text-align: left;font-size: 0;font-weight: normal;}
.prodt_Info_view > select{position: absolute;bottom: 21px;right: 0;}
.sub_prodt_title{width: 90%;margin: 0 auto;display: inline-block;}
.sub_prodt_title > span{width: 100%;display: block;padding-bottom: 8px;font-size: 14px;font-weight: 400;}
.sub_prodt_title > strong{font-size: 46px;font-weight: bold;}
.sub_prodt_title > strong > span{padding: 0 7px;margin-top: 17px;margin-right: 10px;display: inline-block;font-size: 20px;font-weight: 400;color: #fff;background: #d92628;}

.mob_imgsize{padding-bottom: 97px; display:block;}

.prodt_conts{text-align: center;}
.icon_prodt_conts{padding: 0 50px;overflow: hidden;text-align: left;display: inline-block;box-sizing: border-box;box-shadow: 0px 3px 5px #dcdcdc;background: #fff;}
.icon_prodt_conts > li{width: 100%;height: 70px;padding: 0 0 0 0;display: inline-block;line-height: 70px;border-bottom: 1px solid #e7e7e7;box-sizing: border-box;}
.icon_prodt_conts > li > dl{width: 100%;padding: 0;margin: 0 0 0 0;display: inline-block;vertical-align: middle;}
.icon_prodt_conts > li > dl > dt{width: 170px;display: inline-block;}
.icon_prodt_conts > li > dl > dd{display: inline-block;font-size: 14px;color: #666;}

.prodt_taab02{padding-top: 80px;}
.btn_prodt_info{width: 1080px;margin: 50px auto;display: table;text-align: left;border-bottom: 1px solid #ddd;}
.btn_prodt_info > li{display: inline-block;float:left;}
.btn_prodt_info > li > a{width: 179px;height: 50px;line-height: 50px;float: left;display: inline-block;padding: 0 0;text-align: center;border: 1px solid #ddd;border-right: none;border-bottom: none;font-size: 16px;color: #666;background: #fbfbfb;}
.btn_prodt_info > li:last-child > a{border-right: 1px solid #ddd;}
.btn_prodt_info > li.btn_select{display: inline-block;}
.btn_prodt_info > li.btn_select > a{height: 52px;margin-top: -5px;position: relative;top: 2px;font-weight: 500;color: #d92628;border-top: 4px solid #d92628;border-bottom: 1px solid #fff;background: #fff;}

.prodt_lst_sns > a{background: url("../../images/contents/prodt_lst_sns.png") no-repeat;}
.prodt_lst_sns > a:first-child{width: 40px;height: 40px;display: inline-block;margin-right: 13px;text-indent: -10000px;background-position: 0 0;}
.prodt_lst_sns > a:first-child:hover{background-position: 0 -42px;}
.prodt_lst_sns > a:last-child{width: 40px;height: 40px;display: inline-block;text-indent: -10000px;background-position: -42px 0;}
.prodt_lst_sns > a:last-child:hover{background-position: -42px -42px;}

.btn_prodt_conts{width: 150px;margin: 0 auto;}
.btn_prodt_conts a{width: 150px;height: 36px;display: inline-block;margin: -1px auto 0;font-size: 13px;line-height: 36px;text-align: center;color: #707070;border-radius: 0 0 5px 5px;box-shadow: 0px 3px 5px #dcdcdc;background: #fff;}

.prodt_tip{width: 1080px;margin: 40px auto 0;padding: 30px 50px;font-size: 14px;text-align: left;border: 1px solid #ddd;box-sizing: border-box;color: #707070;background: #fff;}
.prodt_tip > li {padding-left: 8px; text-indent: -8px;}
.prodt_tip > li + li {padding-top: 10px;}
.prodt_draw{padding: 80px 0 0;text-align: center;}
.prodt_draw:first-child img{max-width: 55%;}
.prodt_draw:last-child img{max-width: 100%;}
.prodt_draw_tbl{width: 100%;margin-top: 40px;margin-bottom: 40px;border-top: 1px solid #333;border-bottom: 1px solid #333;}
.prodt_draw_tbl th{padding: 20px 0;text-align: center;font-size: 16px;font-weight: 400;background: #f5f5f5}
.prodt_draw_tbl th span{display: block;padding-top: 3px;font-size: 12px;font-weight: normal;color: #707070;}
.prodt_draw_tbl th em{display: block;padding-bottom: 10px;font-size: 14px;font-weight: bold;}
.prodt_draw_tbl td{padding: 20px 0;border-bottom: 1px solid #f5f5f5; text-align:center;}
.prodt_draw_tbl tbody tr:last-child td{border-bottom: none;}

.prodt_relat_lst{margin-top: 33px;border-top: 1px solid #bbb;border-bottom: 1px solid #bbb;}
.prodt_relat_lst > li > a{width: 100%;padding: 28px;display: inline-block;border-bottom: 1px solid #ddd;box-sizing: border-box;background: url("../../images/contents/bg_prodt_lst.png") no-repeat 1034px center;}
.prodt_relat_lst > li:last-child > a{border-bottom: none;}
.prodt_relat_lst > li > a > strong{font-size: 18px;font-weight: 400;}
.prodt_relat_lst > li > a > p{width: 900px;margin: 0 0 0 0;padding-top: 12px;line-height: 24px;font-size: 14px;color: #898989;text-align: left;}
.prodt_relat_lst > li > a > span{display: inline-block;padding-top: 10px;font-size: 14px;color: #707070;}

.prodt_relat_lst.thumb{}
.prodt_relat_lst.thumb> li > a {position: relative; padding: 34px 90px 34px 164px;}
.prodt_relat_lst.thumb> li > a > picture{position: absolute; top: 50%; left: 26px; margin-top: -60px; width: 120px; height: 120px; overflow: hidden;}
.prodt_relat_lst.thumb> li > a > picture img {width: 100%;}
.prodt_relat_lst.thumb> li > a > strong{display: block;}
.prodt_relat_lst.thumb> li > a > strong > i{width: 30px; height: 30px; margin-right: 12px; display: inline-block; vertical-align: middle;}
.prodt_relat_lst.thumb> li > a > strong > i img {width: 100%;}
.prodt_relat_lst.thumb > li > a > p {width: auto; display: block;}

a.btn_prodt_lst{width: 160px;height: 42px;display: block;margin: 60px auto;font-size: 14px;line-height: 42px;text-align: center;color: #fff;background: #d92628;}
a.btn_prodt_lst::after{content: "";width: 10px;height: 10px;margin: -3px 0 0 10px;display: inline-block;vertical-align: middle;background: url("../../images/contents/btn_prodt_icon.png") no-repeat;}

.sub_swiper{position: relative;}

.heshtag{width: 330px; display: block;margin: 30px auto 40px;text-align: center;}
.heshtag li{display: inline-block;margin: 0 2px 5px 0; box-sizing:border-box;}
.heshtag li{padding:8px 10px;display: inline-block;position: relative;font-size: 12px;border:1px solid #eee;background-color:#fff;}
.heshtag li a{color: #707070;}
.heshtag li::after{content: "";width: 18px;height: 28px;position: absolute;top: 0;background: url("../../images/contents/heshtag_bg.png") no-repeat  right; box-sizing:border-box; vertical-align:initial;display:none;}

.heshtag li:hover{padding:8px 10px;display: inline-block;position: relative;font-size: 12px;border:1px solid #d92628;}
.heshtag li:hover a{color:#d92628;}
.heshtag li:hover::after{content: "";width: 18px;height: 28px;position: absolute;top: 0;background: url("../../images/contents/heshtag_bg_hover.png") no-repeat 100% 0;display:none;}

.heshtag2{width:720px;float:left;text-align:left;margin:0;line-height:0;}
.heshtag2 li{display: inline-block;margin: 0 2px 5px 0;box-sizing:border-box;}
.heshtag2 li{padding:8px 10px;display: inline-block;position: relative;font-size: 12px;border:1px solid #eee;background-color:#fff;}
.heshtag2 li.on{padding:8px 10px;display: inline-block;position: relative;font-size: 12px;border:1px solid #d92628;background-color:#d92628;}
.heshtag2 li a{color: #707070;}
.heshtag2 li::after{content: "";width: 18px;height: 28px;position: absolute;top: 0;right:-18px;display:none;}
.heshtag2 li.on::after{content: "";width: 18px;height: 28px;position: absolute;top: 0;right:-18px;display:none;}

.heshtag2 li:hover{padding:8px 10px;display: inline-block;position: relative;font-size: 12px;border:1px solid #d92628;background-color:#d92628;}
.heshtag2 li.on{padding:8px 10px;display: inline-block;position: relative;font-size: 12px;border:1px solid #d92628;background-color:#d92628;}
.heshtag2 li:hover a,.heshtag2 li.on a{color: #fff;}
.heshtag2 li:hover::after{content: "";width: 18px;height: 28px;position: absolute;top: 0;right:-18px;background: url("../../images/contents/heshtag_bg_hover.png") no-repeat 100% 0;display:none;}

select.prodt_select{ width: 150px;padding: 10px 15px;margin-top: 10px;font-size: 14px;font-weight: 500;background:#fff url('../../images/common/icon_select02.png') no-repeat 92% 50%;-webkit-appearance: none;-moz-appearance: none; appearance: none;}
select.prodt_select::-ms-expand {display: none;}
.inbg_color{margin: 0 0;position: relative;border-top: 1px solid #ededed;border-bottom: 1px solid #ededed;background: #f5f5f5;}
.inbg_color:nth-child(2)::before{content: "";width: 53px;height: 27px;position: absolute;top: -27px;left: 50%;margin-left: -25px;background: url("../../images/contents/inbg_color_arrow.png") no-repeat right 0;}
.cost_view{width: 1080px;margin: 0 auto;padding: 47px 0;text-align: center;}
.cost_view strong{font-size: 24px;font-weight: bold;}
.cost_view strong span{margin-top: 5px;display: inline-block;font-size: 18px;font-weight:400;color: #666;}
.cost_view strong span::after{content: "|";width: 15px;padding-right: 5px;margin-top: -1px;display: inline-block;font-size: 16px;font-weight: normal;text-align: right;vertical-align: top;color: #d2d2d2;}
.cost_view p{margin-top: 18px;font-size: 14px;color: #888;}
.cost_view p + p{margin-top: 8px;}
.relat_title{padding-top: 60px;margin-top: 0 !important;font-size: 40px !important;}
.extent_mp{margin: 80px 0 0 0;padding: 0 0 80px 0;}

/* 용품 */
.bord_top{border-top: 1px solid #333;padding-top: 30px;}

/* 키워드 */
.search_keywod{margin-top: 57px;text-align: center;}
input.inpu_keywod{width: 321px;height: 46px;padding: 12px 26px;box-sizing: border-box;border: 0;border-radius: 23px 0 0 23px;font-size: 14px;color: #fff;background: #d92628; vertical-align:top;}
input.inpu_keywod::placeholder {color: #fff;}
.btn_corW{width: 67px;height: 46px;margin-left:-1px;border: 0;text-indent: -10000px;border-radius: 0 23px 23px 0;background: #d92628 url("../../images/contents/icon_keyword_search.png") no-repeat center;}
.search_keywod > p{margin: 22px auto 0;padding-bottom: 35px;font-size: 16px;}
.keywod_area{margin-top:60px;text-align: center;border-top: 1px solid #bbb;border-bottom: 1px solid #bbb;}
.recomm_keywod{background: #fafafa;}
.recomm_keywod, .cost_keywod{padding-bottom: 40px;}
.recomm_keywod strong, .cost_keywod strong{padding: 35px 0;display: inline-block;font-size: 28px;font-weight: 500;}
.recomm_keywod p{margin-top:-15px;padding-bottom:35px;}
.recomm_keywod > ul, .cost_keywod > ul{width: 1009px;margin: 0 auto;display: block;}
.recomm_keywod > ul > li{display: inline-block;margin:0 10px 10px 0;}
.recomm_keywod > ul > li > a{height: 100px;padding: 0 35px;display: inline-block;line-height: 100px;border: 1px solid #ddd;box-sizing: border-box;font-size: 44px;font-weight: bold;color: #666;background: #fff;}
.recomm_keywod > ul > li > a::before{content: "";width: 63px;height: 108px;float:left;margin-top: -1px;margin-left: -65px;display: inline-block;vertical-align: middle;background: url("../../images/contents/recomm_keywod_bg.png") no-repeat left;display:none;}
.recomm_keywod > ul > li > a::after{content: "";width: 63px;height: 108px;float:right;margin-top: -1px;margin-right: -65px;display: inline-block;vertical-align: middle;background: url("../../images/contents/recomm_keywod_bg.png") no-repeat right;display:none;}

.recomm_keywod > ul > li > a:hover{height: 100px;padding: 0 35px;line-height: 100px;font-size: 44px;font-weight: bold;color: #d92628;border: 1px solid #d92628;box-sizing: border-box;}
.recomm_keywod > ul > li > a:hover::before{content: "";width: 63px;height: 108px;float:left;margin-top: -3px;margin-left: -65px;display: inline-block;vertical-align: middle;background: url("../../images/contents/recomm_keywod_bg_over.png") no-repeat left;display:none;}
.recomm_keywod > ul > li > a:hover::after{content: "";width: 63px;height: 108px;float:right;margin-top: -3px;margin-right: -65px;display: inline-block;vertical-align: middle;background: url("../../images/contents/recomm_keywod_bg_over.png") no-repeat right;display:none;}

.recomm_keywod > ul > li > a.key_select{height: 100px;padding: 0 35px;line-height: 100px;font-size: 44px;font-weight: bold;color: #d92628;border: 1px solid #d92628;box-sizing: border-box;}
.recomm_keywod > ul > li > a.key_select::before{content: "";float:left;width: 63px;height: 108px;margin-top: -3px;margin-left: -65px;display: inline-block;vertical-align: middle;background: url("../../images/contents/recomm_keywod_bg_over.png") no-repeat left;display:none;}
.recomm_keywod > ul > li > a.key_select::after{content: "";float:right;width: 63px;height: 108px;margin-top: -3px;margin-right: -65px;display: inline-block;vertical-align: middle;background: url("../../images/contents/recomm_keywod_bg_over.png") no-repeat right;display:none;}

.cost_keywod > ul > li{display: inline-block;margin:0 5px 10px;}
.cost_keywod > ul > li > a{padding: 20px 12px;display: inline-block;border: 1px solid #ddd;font-size: 22px;font-weight: bold;color: #666;background: #fff;}
.cost_keywod > ul > li > a.key_select{padding: 18px 10px;font-weight: bold;color: #d92628;border: 3px solid #d92628;}
.cost_keywod > ul > li > a:hover{padding: 18px 10px;font-weight: bold;color: #d92628;border: 3px solid #d92628;}

.btn_keywod{}
.btn_keywod button::after{content: "";width: 30px;height: 17px;margin-right: -12px;margin-top: -3px;display: inline-block;vertical-align: middle;background: url("../../images/contents/btn_keywod_search.png") no-repeat right;}
.btn_keywod button + button::after{content: "";width: 30px;height: 17px;margin-right: -12px;margin-top: -3px;display: inline-block;vertical-align: middle;background: url("../../images/contents/btn_keywod_re.png") no-repeat right;}

.cost_keywod{border-top: 1px solid #ddd;background: #f5f5f5;}
.btn_area{text-align: center;margin-top: 40px;}
.btn_area > button{width: 184px;padding: 15px 0;margin: 0 5px;font-size: 18px;color: #fff;}
.btn_area02{text-align: center;margin-top: 40px;}
.btn_area02 > button{width: 184px;padding: 15px 0;margin: 0 5px;color: #fff;}

.btn_clorR{background: #d92628;}
.btn_clorB{background: #333;}

.keylst_result{margin-top: 80px;}
.result_txt > p{width: auto;display: inline-block;margin: 0;float: left;text-align: left;}
.result_txt > p > span{color: #d92628;}

/* 검색 */
.line_search_inner02{margin-top: 40px;text-align: center;}
.line_search_inner02 p{display: inline-block;}
.line_search_inner02 p.checks{width: auto;position: relative;left: 23px;margin: 0; color: #707070;}
.line_search_inner02 p.checks > button{padding: 12px 26px;color: #fff;background: #333;}
.line_search_inner02 p.checks > label{vertical-align: middle;}
.line_search_inner02 p.inptxt{width: auto;margin: 0;}
.line_search_inner02 p.inptxt input{width: 321px;height: 46px;padding: 12px 26px;box-sizing: border-box;border: 0;border-radius: 23px 0 0 23px;font-size: 14px;color: #fff;background: #d92628; vertical-align:top;}
.line_search_inner02 p.inptxt input::placeholder {color: #fff;}
.line_search_inner02 .btn_serch{width: 67px;height: 46px;margin-left: -1px;border: 0;text-indent: -10000px;border-radius: 0 23px 23px 0;background: #d92628 url("../../images/contents/icon_keyword_search.png") no-repeat center;}
.search_year{width: 100%;margin-top: 50px;display: inline-block;border-bottom: 1px solid #333;}
.search_year p{width: auto;float: left;padding-bottom: 10px;margin: 0 0 0 0;color: #666;}
.search_year p span{padding-left: 5px;display: inline-block;color: #d92628;}
p.prodtdep{width: 100%;padding: 25px 0 25px 0;margin: 0 0 0 0;font-size: 16px;font-weight: bold;text-align: left;}
p.prodtdep::before{content: "";width: 2px;height: 14px;margin-right: 10px;display: inline-block;vertical-align: bottom;background: #d92628;}
p.prodt2dep_line{margin-top: -1px;border-top: 1px solid #333;}

ul.prodt_lst > li.norl_list{width: 100%;min-height: 260px;display: inline-block;border-bottom: 1px solid #333;text-align: center;line-height: 340px;font-size: 22px;background: url("../../images/contents/search_norl.png") no-repeat center 95px;}
ul.prodt_lst > li.norl_list:hover{width: 100%;display: inline-block;border-bottom: 1px solid #333;box-sizing: border-box;box-shadow: none;}

/* 뉴스 */
.news_search{width: 100%;text-align: right;display: block;margin-bottom: 30px;border-top: 0 !important;border-bottom: 1px solid #333 !important;background:none !important;}
.news_lst{width: 100%;margin-top: -30px;padding-bottom: 60px;}
.news_lst > li{display: block;border-bottom: 1px solid #ddd;}
.news_lst > li > a{width: 100%;display: inline-block;padding: 30px 0;position: relative;box-sizing: border-box;}
.news_lst > li:last-child{border-bottom: 1px solid #333;}
.news_search input{background:#f5f5f5 !important; border:none;}
.news_search button.btn_serch{border-top:0 !important;background:#f5f5f5 url("../../images/contents/icon_store_search.png") no-repeat center !important;}
.news_search p.inptxt input{width:266px !important; height:39px; border-top:0 !important;border-left:0 !important;}

.news_img > a{position: relative;}
.news_img > a:hover{background: #f5f5f5;}
.news_info{width: 510px;display: inline-block;float: right;margin-top: 0;position: relative;text-align: left;box-sizing: border-box;}
/* .news_info::after{content: "";width: 100px;height: 44px;display: inline-block;background:  url("../../images/common/btn_lst_linkB.png") no-repeat center;} */
.news_info > span.ongoing{font-size: 12px;font-weight: bold;}
.news_info > span.ongoing::after{content: "";width: 35px;padding-top: 0;display: block;border-bottom: 1px solid #333;}
.news_info > p{width: 325px;margin: 0 0 0 0;text-align: left;font-size: 22px;}
.news_info > p + p{margin-top: 20px;padding-bottom:30px;font-size: 14px;color: #898989;}
.news_info > p + p::after{content: "";width: 100px;height: 44px;display:block;margin-top:30px;background:  url("../../images/common/btn_lst_linkB.png") no-repeat center;}
.news_info .heshtag3 {width:510px;display: inline-block;float: right;position: relative;box-sizing: border-box;text-align:left;margin:78px 0 0 !important;cursor:default;}
.news_info .heshtag3 li{display: inline-block;margin: 0 0 2px 0; box-sizing:border-box;}
.news_info .heshtag3 li{padding:8px 10px;display: inline-block;position: relative;font-size: 12px;vertical-align:initial;border:1px solid #eee;background-color:#fff;}
.news_info .heshtag3 li span{color: #707070;}
.news_info .heshtag3 li::after{content: "";width: 18px;height: 28px;position: absolute;top: 0;background: url("../../images/contents/heshtag_bg.png") no-repeat  right; box-sizing:border-box; vertical-align:initial;display:none;}

.news_info .heshtag3 li:hover{padding:8px 10px;display: inline-block;position: relative;font-size: 12px;}
.news_info .heshtag3 li:hover span{color: #707070;}
.news_info .heshtag3 li:hover::after{content: "";width: 18px;height: 28px;position: absolute;top: 0;background: url("../../images/contents/heshtag_bg.png") no-repeat 100% 0;display:none;}

.news_txt > a:hover{background: #f5f5f5;}
.news_txt > a:hover::before{content: "";width: 100px;height: 100px;display: inline-block;position: absolute;top: 52px;left: 490px;}

.newsTXT_info{width: 100%;display: inline-block;margin-left: 40px;text-align: left;box-sizing: border-box;}
.newsTXT_info > span.ongoing{font-size: 12px;font-weight: bold;}
.newsTXT_info > span.ongoing::after{content: "";width: 35px;padding-top: 0;display: block;border-bottom: 1px solid #333;}
.newsTXT_info > strong{width: 100%;margin: 0 0 0 0;text-align: left;display: inline-block;font-size: 22px;font-weight: 400;}
.newsTXT_info > p{width: 970px;margin: 20px 0 0 0;font-size: 16px;text-align: left;color: #666;line-height: 26px;}
.newsTXT_info > p + p{margin-top: 25px;font-size: 14px;color: #898989;}

.newsTXT_info .heshtag4{width:970px;text-align:left;margin:30px 0 0;line-height:0;}
.newsTXT_info .heshtag4 li{display: inline-block;margin: 0 2px 5px 0; box-sizing:border-box;}
.newsTXT_info .heshtag4 li{padding:8px 10px;display: inline-block;position: relative;font-size: 12px;vertical-align:initial;border:1px solid #eee;background-color:#fff;}
.newsTXT_info .heshtag4 li span{color: #707070;}
.newsTXT_info .heshtag4 li::after{content: "";width: 18px;height: 28px;position: absolute;top: 0;right:-18px;background: url("../../images/contents/heshtag_bg.png") no-repeat  right; box-sizing:border-box; vertical-align:initial;display:none;}
.newsTXT_info .heshtag4 li:hover{padding:8px 10px;display: inline-block;position: relative;font-size: 12px;}
.newsTXT_info .heshtag4 li:hover::after{content: "";width: 18px;height: 28px;position: absolute;top: 0;right:-18px;background: url("../../images/contents/heshtag_bg.png") no-repeat 100% 0;display:none;}

.news_lst li img{margin-left:40px;display: inline-block;}

/* 뉴스 뷰 */
.news_view{width: 100%;margin-bottom: 60px;border-bottom: 1px solid #333;}
.news_view_head{padding-bottom: 30px;border-bottom: 1px solid #333;}
.news_title{padding: 0 20px 20px;border-bottom: 1px solid #ddd;}
.news_title > p{width: 900px;margin: 0 0 0 0;display: inline-block;font-size: 22px;text-align: left;color: #333;}
.news_sns{float: right;margin-top:-10px;}
.news_sns > a{background: url("../../images/contents/prodt_lst_sns.png") no-repeat;}
.news_sns > a:first-child{width: 38px;height: 38px;display: inline-block;margin-right: 13px;text-indent: -10000px;background-position: 0 0;}
.news_sns > a:first-child:hover{background-position: 0 -42px;}
.news_sns > a:last-child{width: 38px;height: 38px;display: inline-block;text-indent: -10000px;background-position: -42px 0;}
.news_sns > a:last-child:hover{background-position: -42px -42px;}

.news_data{padding: 15px 20px 0;}
.news_data p{width: auto;display: inline-block;font-size: 14px;color: #666;}
.news_data p:first-child::after{content: "|";width: 1px;display: inline-block;padding: 0 20px;vertical-align: top;font-size: 11px;color: #ddd;}
.news_data p:nth-child(2)::after{content: "|";width: 1px;display: inline-block;padding: 0 20px;vertical-align: top;font-size: 11px;color: #ddd;}
.news_data p:last-child::after{content: "";width: 1px;display: inline-block;padding: 0 0;}
.news_data p > span{display: inline-block;padding-right: 5px;}
.news_data p > a{color: #666;}
.view_txt{min-height: 400px;padding: 60px 20px 0;}
.view_txt .heshtag{width: 100%; display: block;margin: 50px 0;text-align: left;}
.view_txt .heshtag li{display: inline-block;margin: 0 0 2px 0; box-sizing:border-box;}
.view_txt .heshtag li{padding:8px 10px; display: inline-block;position: relative;font-size: 12px; vertical-align:initial;}
/*.view_txt .heshtag li{padding:7px 0 7px 18px;display: inline-block;position: relative;font-size: 12px;background: url("../../images/contents/heshtag_bg.png") 0 0 no-repeat ; vertical-align:initial;}*/
.view_txt .heshtag li{color: #707070;}
.view_txt .heshtag li::after{content: "";width: 18px;height: 28px;position: absolute;top: 0;background: url("../../images/contents/heshtag_bg.png") no-repeat  right; box-sizing:border-box; vertical-align:initial;}

.view_txt .heshtag li:hover{padding:7px 0 7px 18px;display: inline-block;position: relative;font-size: 12px;background: url("../../images/contents/heshtag_bg.png") no-repeat 0 0;}
.view_txt .heshtag li:hover{color: #707070;}
.view_txt .heshtag li:hover::after{content: "";width: 18px;height: 28px;position: absolute;top: 0;background: url("../../images/contents/heshtag_bg.png") no-repeat 100% 0;}
/*.news_view_txt > img{max-width: 100%;}*/
.news_view_txt > img,.news_view_txt div > img{max-width: 100%;}


/* 뉴스슬라이더 */
.news_slid{width: 100%;height: 640px;background: #6b6c73;}
.slid_area{width: 860px;height: 460px;margin: auto;box-shadow: 0px 0px 47px rgba(0, 0, 0, 0.63);
    -moz-box-shadow: 0px 0px 47px rgba(0, 0, 0, 0.63);
    -webkit-box-shadow: 0px 0px 47px rgba(0, 0, 0, 0.63);background: #fff;}
.slid_area img{max-width: 100%;}
.slid_area video{max-width: 100%;}
.slid_area > p{width: auto;padding: 20px;box-sizing: border-box;text-align: left;}

/* 이벤트 */
.event_lst{width: 100%;margin-top: -30px;padding-bottom: 60px;}
.event_lst > li{display: block;border-bottom: 1px solid #ddd;}
.event_lst > li > a{width: 100%;display: inline-block;padding: 40px;position: relative;box-sizing: border-box;}
.event_lst > li:last-child{border-bottom: 1px solid #333;}
.event_lst > li > a:hover{background: #f5f5f5;}
.evnt_info{width: 460px;display: inline-block;float: left;text-align: left;box-sizing: border-box;}
.evnt_info::after{content: "";width: 100px;height: 44px;margin-top: 30px;display: inline-block;background:  url("../../images/common/btn_lst_linkB.png") no-repeat center;}
.evnt_info > span.ongoing{font-size: 12px;font-weight: bold;}
.evnt_info > span.ongoing::after{content: "";width: 35px;padding-top: 0;display: block;border-bottom: 1px solid #333;}
.evnt_info > span.sign_off{font-size: 12px;font-weight: bold;color: #d2d2d2;}
.evnt_info > span.sign_off::after{content: "";width: 25px;padding-top: 0;display: block;border-bottom: 1px solid #d2d2d2;}
.evnt_info > p{width: 400px;margin: 30px 0 0 0;text-align: left;font-size: 22px;line-height: 30px;}
.evnt_info > p + p{margin-top: 20px;font-size: 14px;color: #898989;}
.event_lst li img{width: 540px;display: inline-block;}

button.btn_add{width: 190px;padding: 17px 0;margin: 0 auto;display: block;text-align: center;color: #fff;}

/* 웹진 */
.web_zine_lst{}
.web_zine_lst > li{width: 510px;height: 340px;display: inline-block;position: relative;margin:0 56px 56px 0;}
.web_zine_lst > li:nth-child(even){margin: 0 0 56px 0;}
.web_zine_lst > li > a > p{width: 290px;position: absolute;top: 50%;left: 50%;margin-top: -30px;margin-left: -145px;font-size: 20px;line-height: 28px;text-align: center;color: #fff;}

.web_zine_lst > li::before{content:"";width:0%; height:100%; opacity: 0.8;position:absolute; left:0px; top:0px;z-index:0;background:#d20004;}
.web_zine_lst > li:hover::before { width:100%;}
.web_zine_lst > li:hover > a > p{margin-top: -50px;}
.web_zine_lst > li:hover .icon_arrw{display: block;}
.icon_arrw{width: 100px;height: 44px;display: none;position: absolute;top: 200px;left: 50%;margin-left: -50px;background: url('../../images/common/btn_lst_link.png') no-repeat center;}

/* 게시판 내용 없음 */
.no_cont{height: 260px;line-height: 260px;font-size: 22px;text-align: center;color: #000;border-top: 1px solid #333;border-bottom: 1px solid #333;position:relative;top:-1px;}

/* 고객지원 */
/* 자주묻는 질문 */
.qa_tabs{width: 100%;display: inline-block;text-align: center;}
.qa_tabs > li{width: 216px;display: inline-block;float: left;text-align: center;border: 1px solid #ddd;border-bottom: 1px solid #d92628;border-left: 0;box-sizing: border-box;color: #333;}
.qa_tabs > li:first-child, .inves_tabs > li:first-child{border-left: 1px solid #ddd;}
.qa_tabs > li > a{width: 100%;padding: 18px 0;display: inline-block;color: #666;}
.qa_tabs > li > a:hover, .inves_tabs > li > a:hover{width: 100%;padding: 18px 0;display: inline-block;color: #fff;background: #d92628;}
.qa_tabs > li > a:focus, .inves_tabs > li > a:focus{width: 100%;padding: 18px 0;display: inline-block;color: #fff;background: #d92628;}
.qa_tabs > li > a:active, .inves_tabs > li > a:active{width: 100%;padding: 18px 0;display: inline-block;color: #fff;background: #d92628;}
.qa_tabs > li > a.select_tabs, .inves_tabs > li > a.select_tabs{width: 100%;padding: 18px 0;display: inline-block;position: relative;color: #fff;background: #d92628;}
.qa_tabs > li > a.select_tabs::after, .inves_tabs > li > a.select_tabs::after{content: "";width: 0;height: 0;margin-left: -8px;position: absolute;left: 50%;bottom: -8px;border-top: 8px solid #d92628;border-bottom: 0;border-left: 8px solid transparent;border-right: 8px solid transparent}

.qa_accor{width: 100%;margin-bottom: 60px;display: inline-block;margin-top: 50px;}
.qa_accor dl dt{width: 100%;padding: 22px 0;margin-bottom: 14px;display: inline-block;border: 1px solid #e7e7e7;box-sizing: border-box;cursor: pointer;background: #fbfbfb url('../../images/contents/icon_question.png') no-repeat 0 -5px;}
.qa_accor dl dt p{width: 720px;margin: 0 0 0 0;display: inline-block;text-align: left;line-height: 24px;color: #666;}
.qa_accor dl dt span{margin-left: 30px;padding-right: 127px;display: inline-block;color: #333;font-size: 16px;font-weight: 500;vertical-align: middle;width:70px;}
.qa_accor dl dt p em{padding: 6px 15px;margin: -5px 0 0 20px;vertical-align: middle;display: inline-block;font-size: 11px;font-weight: 500;color: #fff;border-radius: 3px;background: #f5ad3b;}

.qa_accor dl dt.on{margin-bottom: 0;border-bottom: 0;background: #f5f5f5 url('../../images/contents/icon_answer.png') no-repeat 0 -6px;}
.qa_accor dl dt.on p{color: #333;font-weight: 500;}
.qa_accor dl dt.on p span{color: #333;}

.qa_accor dl dd{padding: 25px 100px 25px 216px;margin-bottom: 14px;display: none;font-size: 14px;line-height: 26px;border: 1px solid #ddd;box-sizing: border-box;color: #333;background: #fff url('../../images/contents/icon_answer_txt.png') no-repeat 140px 20px;}

/* AS접수및조회 */
.qa_acctab{width: 100%;display: inline-block;}
.qa_acctab li{width: 50%;padding: 18px 0;display: inline-block;float: left;font-size: 18px;text-align: center;cursor: pointer;border: 1px solid #ddd;border-bottom: 1px solid #d92628;border-left: 0;box-sizing: border-box;}
.qa_acctab li.qa_select{padding: 18px 0;display: inline-block;position: relative;color: #fff;background: #d92628;}
.qa_acctab li.qa_select::after{content: "";width: 0;height: 0;margin-left: -8px;position: absolute;left: 50%;bottom: -8px;border-top: 8px solid #d92628;border-bottom: 0;border-left: 8px solid transparent;border-right: 8px solid transparent;}
.qa_accept > h3{padding-top: 50px;margin: 0 0 0 0;font-size: 24px;text-align: left;}
.persol_info > p{width: auto;margin: 0 0 0 0;padding: 15px 0;font-size: 14px;text-align: left;color: #666;border-bottom: 1px solid #ddd;}
.qa_txt{width: 100%;display: inline-block;padding: 35px 0 20px;border-bottom: 1px solid #333;}
.qa_txt > p{width: auto;display: inline-block;margin: 7px 0 0 0;vertical-align: middle;text-align: left;color: #666;}
.qa_txt > button.btn_qa{padding: 10px 26px;float: right;color: #fff;font-size: 14px;}
.qa_acctab > li:first-child{border-left: 1px solid #ddd;}

.consent_area{width: 100%;height: 164px;margin-top: 20px;padding: 30px;display: block;overflow-y: scroll;overflow-x: hidden;box-sizing: border-box;font-size: 14px;line-height: 22px;color: #898989;background: #f5f5f5;}
.qa_formTxt li{width: 100%;}
.qa_formTxt li.half_lst{width: 530px;display: inline-block;}
.qa_formTxt li .fc-red {color: #d92628;}

/*세션 난수 입력부분 20210512*/
.number_submit{margin:59px 0 0 20px;}
.number_box_lst{width: 152px !important; line-height: 50px; float:left;}
.number_box_lst .number_box_span{margin-right:50px; height:50px; line-height: 50px; font-size:18px; color:red; border:1px solid #ddd; padding: 0 55px;}
.number_submit{float:left; width: 290px !important;}

.qa_formTxt li.flotR{margin-left: 16px;}
.new_qa_formTxt li.flotR{/*margin-left: 0;*/}
.qa_formTxt li label{padding: 30px 0 10px 0;display: block;font-size: 14px;color: #666;}
.qa_formTxt li label::after{content: "*";padding-left: 5px;display: inline-block;color: #d92628;vertical-align: middle;}
label[for="emergency"]::after, label[for="fileare"]::after, label[for="ex_rd"]::after, label[for="ex_rd2"]::after, label[for="ex_rd3"]::after,label[for="prduct_price"]::after,label[for="prduct_cours"]::after,label[for="agency_satsfc"]::after{content: "";color: #fff !important;}
.qa_formTxt li input[type="text"]{width: 100%;height: 50px;padding: 15px 20px;font-size: 14px;color: #666;border: 1px solid #ddd;box-sizing: border-box;}

.filebox1 input[type="file"] {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip:rect(0,0,0,0);border: 0;}
.filebox1 label[for="ex_filename"] {width: 132px;height: 48px;padding: 0 0 0 0;display: inline-block;line-height:48px;color: #999;font-size: inherit;line-height: normal;vertical-align: middle;	background-color: #fdfdfd;cursor: pointer;border: 1px solid #ababab;}

.filebox2 input[type="file"] {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip:rect(0,0,0,0);border: 0;}
.filebox2 label[for="ex_filename1"] {width: 132px;height: 48px;padding: 0 0 0 0;display: inline-block;line-height:48px;color: #999;font-size: inherit;line-height: normal;vertical-align: middle;	background-color: #fdfdfd;cursor: pointer;border: 1px solid #ababab;}

.filebox3 input[type="file"] {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip:rect(0,0,0,0);border: 0;}
.filebox3 label[for="ex_filename2"] {width: 132px;height: 48px;padding: 0 0 0 0;display: inline-block;line-height:48px;color: #999;font-size: inherit;line-height: normal;vertical-align: middle;	background-color: #fdfdfd;cursor: pointer;border: 1px solid #ababab;}




p.inquiry_txt{width: 620px;margin-top: 46px;display: inline-block;text-align: left;line-height: 24px;}
p.inquiry_txt span{display: inline-block;margin-top: -2px;vertical-align: middle;color: #d92628;}
.inquiry_fom{width: 100%;padding: 40px 0;margin-top: 30px;display: inline-block;text-align: center;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;background: #f5f5f5;}
.inquiry_fom ul{display: inline-block;}
.inquiry_fom li{text-align: left;}
.inquiry_fom li label{width: 60px;display: inline-block;text-align: left;vertical-align: middle;color: #666;font-weight: 500;}
.inquiry_fom li:first-child input{width: 530px;padding: 13px;display: inline-block;text-align: left;border: 1px solid #ddd;box-sizing: border-box;background: #fff;}
.inquiry_fom li:last-child{margin-top: 10px;}
.inquiry_fom li:last-child input{width: 170px;padding: 13px;margin-right: 10px;display: inline-block;text-align: left;border: 1px solid #ddd;box-sizing: border-box;background: #fff;}

.btn_check{width: 106px;padding: 65px 0 17px 0;display: inline-block;color: #fff;background: #d92628 url('../../images/common/qa_icon_search.png') no-repeat center 30px;}

.inquiry_lst{width: 100%;margin-top: 30px;border-top: 1px solid #333;border-bottom: 1px solid #333;}
.inquiry_lst th{padding: 18px 0;font-weight: 500;background: #f5f5f5;}
.inquiry_lst tr{border-bottom: 1px solid #ddd;}
.inquiry_lst td{padding: 15px 30px;color: #666;font-weight: 300; text-align: center;}
.inquiry_lst td:first-child{text-align: left;}
.inquiry_lst > tbody > tr:last-child{border-bottom: 0;}
.inquiry_view{width: 100%;margin-bottom: 60px;margin-top: 30px;border-top: 1px solid #333;border-bottom: 1px solid #333;}
.inquiry_view th{padding: 18px 0;text-align: left;font-weight: 500;color: #666;background: #f5f5f5;}
.inquiry_view th:nth-child(1){width: 160px;text-indent: 30px;}
.inquiry_view th:nth-child(2){text-align: left;}
.inquiry_view th:nth-child(3){padding-right: 30px;text-align: right;}
.inquiry_view tr{border-bottom: 1px solid #ddd;}
.inquiry_view > tbody > tr:last-child{border-bottom: 1px solid #333;}

.answer_info{padding: 15px 0;text-align: left;}
.answer_info li{padding: 15px 30px;color: #666;font-weight: 300;}
.answer_info strong{width: 130px;display: inline-block;font-weight: 500;color: #333;}
.answer_info li p{width: 800px;margin: 0 0;display: inline-block;text-align: left;}
.answer_file{text-align: left;}
.answer_file strong{width: 130px;padding: 30px 0 30px 30px;display: inline-block;font-weight: 500;color: #333;}
.answer_file strong.w100{line-height:24px;}
.answer_file strong.w100 + div.pc_line{line-height:44px;}
.img_file{width: 880px;padding: 30px 0;display: inline-block;}
.img_file img{max-width: 100%;}
.answer_txt{text-align: left;}
.answer_txt dt{width: 130px;padding: 30px 0 30px 30px;display: inline-block;font-weight: 500;color: #333;}
.answer_txt dd{width: 880px;padding: 30px 0;display: inline-block;line-height: 24px;font-weight: 300;color: #666;}

/* named upload */
.filebox_wrap > div[class^="filebox"],
.filebox1{margin-bottom:15px;}
.filebox_wrap > div[class^="filebox"] input,
.filebox1 .upload-name1 {width: 936px;padding: 15px 20px;font-size: 14px;color: #666;border: 1px solid #ddd;box-sizing: border-box;-webkit-appearance: none;-moz-appearance: none;appearance: none;}
.filebox_wrap > div[class^="filebox"] input[type="file"] {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip:rect(0,0,0,0);border: 0;}
.filebox_wrap > div[class^="filebox"] label,
.filebox1.bs3-primary1 label[for="ex_filename"] {width: 132px;height: 48px;padding: 0 0 0 0;margin-left: 10px;display: inline-block;line-height:48px;font-size: 14px;text-align: center;cursor: pointer;border: 1px solid #ababab;color: #898989;}
.filebox_wrap > div[class^="filebox"] label::after,
.filebox1.bs3-primary1 label[for="ex_filename"]::after{content: "";padding-left: 0;display: inline-block;font-size: 0;}
.filebox_wrap > div[class^="filebox"] .checks,
.filebox1 .checks{display:inline-block;margin-top:0;}
.filebox_wrap > div[class^="filebox"] .checks input[type="checkbox"] + label,
.filebox1 .checks input[type="checkbox"] + label{padding:0;}
.filebox_wrap > div[class^="filebox"] .checks input[type="checkbox"] + label:after,
.filebox1 .checks input[type="checkbox"] + label:after{display:none;}

.multiFilebox {margin-bottom:15px; overflow:hidden}
.multiFilebox .upload-name {float:left; width: 936px; padding: 15px 20px; margin-top:20px; font-size: 14px;color: #666;border: 1px solid #ddd;box-sizing: border-box;-webkit-appearance: none;-moz-appearance: none;appearance: none;}
.multiFilebox label[for="ex_multiFilename"] {float:right; width: 132px;height: 48px;padding: 0 0 0 0;margin-left: 10px;display: inline-block;line-height:48px;font-size: 14px;text-align: center;cursor: pointer;border: 1px solid #ababab;color: #898989;}
.multiFilebox label[for="ex_multiFilename"]::after{content: "";padding-left: 0;display: inline-block;font-size: 0;}
/*.multiFilebox input[disabled="disabled"] {background: #fafafa; pointer-events: auto !important; cursor: default; width: 936px;}*/
.multiFilebox input[disabled="disabled"] {float:left; width: 936px; padding: 15px 20px; font-size: 14px;color: #666; background: #fafafa; border:1px solid #ddd;box-sizing: border-box;-webkit-appearance: none;-moz-appearance: none;appearance: none;}
.multiFilebox .checks{display:inline-block;margin-top:0;}
.multiFilebox .checks input[type="checkbox"] + label{padding:0;}
.multiFilebox .checks input[type="checkbox"] + label:after{display:none;}
.multiFilebox input[type="file"] {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip:rect(0,0,0,0);border: 0;}
.multiFilebox label[for="ex_filename"] {width: 132px;height: 48px;padding: 0 0 0 0;display: inline-block;line-height:48px;color: #999;font-size: inherit;line-height: normal;vertical-align: middle;	background-color: #fdfdfd;cursor: pointer;border: 1px solid #ababab;}
.multiFilebox .btn_del{display: block; min-width: 80px; padding: 5px 10px;  margin-top: 15px; font-size: 14px;text-align: center; cursor: pointer; border: 1px solid #ababab; color: #898989;}

.multiFilebox .upload-name p {line-height:2.2;}
.bs3-primary1-txt {float:left; margin-top:10px; font-size:12px; color:#666;}

.filebox2{margin-bottom:15px;}
.filebox2 .upload-name2 {width: 936px;padding: 15px 20px;font-size: 14px;color: #666;border: 1px solid #ddd;box-sizing: border-box;-webkit-appearance: none;-moz-appearance: none;appearance: none;}
.filebox2.bs3-primary2 label[for="ex_filename1"] {width: 132px;height: 48px;padding: 0 0 0 0;margin-left: 10px;display: inline-block;line-height:48px;font-size: 14px;text-align: center;cursor: pointer;border: 1px solid #ababab;color: #898989;}
.filebox2.bs3-primary2 label[for="ex_filename1"]::after{content: "";padding-left: 0;display: inline-block;font-size: 0;}


.filebox3{margin-bottom:15px;}
.filebox3 .upload-name3 {width: 936px;padding: 15px 20px;font-size: 14px;color: #666;border: 1px solid #ddd;box-sizing: border-box;-webkit-appearance: none;-moz-appearance: none;appearance: none;}
.filebox3.bs3-primary3 label[for="ex_filename2"] {width: 132px;height: 48px;padding: 0 0 0 0;margin-left: 10px;display: inline-block;line-height:48px;font-size: 14px;text-align: center;cursor: pointer;border: 1px solid #ababab;color: #898989;}
.filebox3.bs3-primary3 label[for="ex_filename2"]::after{content: "";padding-left: 0;display: inline-block;font-size: 0;}

.notice_lst {margin-top: 15px;}
.notice_lst li {color: #666; font-size: 14px; line-height: 22px; font-weight: 400;}
.notice_lst li + li {margin-top: 5px;}

.qa_formTxt li input.w170{width: 170px;}
.qa_formTxt li input.w180{width: 177px;}
.qa_formTxt li input.w390{width: 386px;}
.qa_formTxt li input.w490{width: 490px;}
.qa_formTxt li input.borR_nor{border-right: 0; vertical-align:top;}
.qa_formTxt li input.borL_nor{border-left: 0;}
.qa_formTxt li span{height: 50px;line-height: 50px;border-top: 1px solid #ddd;padding: 0 0;display: inline-block;font-size: 14px;color: #666;border-bottom: 1px solid #ddd;box-sizing: border-box;}
.qa_formTxt li span.how_to_refined_pc{height:auto;line-height:1;border:0;padding:0;display:inline-block;}
.qa_formTxt li span.how_to_refined_m{display:none;}
.qa_formTxt li textarea{width: 100%;height: 140px;padding: 20px;box-sizing: border-box;border: 0;background: #f5f5f5;}
.btn_addr{padding: 16px 26px;margin-left: 10px;border: 1px solid #ababab;box-sizing: border-box;font-size: 14px;color: #666;}
.btn_calend{width: 40px;height: 50px;border: 1px solid #ddd;border-left: 0;text-indent: -100000px;background:  url('../../images/contents/icon_candl.png') no-repeat center;}
.qa_formTxt li .btn_del{display: block; min-width: 80px; padding: 5px 10px;  margin-top: 15px; font-size: 14px;text-align: center; cursor: pointer; border: 1px solid #ababab; color: #898989;}

.agree_area{padding: 5px 0 20px;border-bottom: 1px solid #333;font-size: 14px;color: #666;}
.agree_area > p.checks{width: auto;text-align: left;margin-top:0;display: inline-block;color:#333;}
.agree_area > p.checks + p{width: auto;text-align: right;float: right;margin-top:2px;display: inline-block;color:#333;}

/* 제품설명서 */
.search_direc fieldset, .search_direc .select-box-wrap {display: flex; gap: 15px; justify-content: flex-end;align-items: center;}
.search_direc .qa_select, .search_direc .inptxt {float: none;}
.search_direc .select-box-wrap label {color: #707070;}
.search_direc .select-box-wrap .qa_select {height: 44px; padding: 12px 20px; background-color: #fff; border: 1px solid #ddd;}
.qa_direc_lst{width: 1107px;padding-bottom: 20px;margin-top: 57px;margin-left: -16px;display: inline-block;}
.qa_direc_lst li{width: 258px;margin: 0 0 40px 16px;display: inline-block;}
.qa_direc_lst li.no_lst {width: 100%; margin: 0; min-height: 260px; display: inline-block; text-align: center; line-height: 340px; font-size: 22px; background: url("../../images/contents/search_norl.png") no-repeat center 95px;}
.direc_txt{width: 100%;display: inline-block;border: 1px solid #ddd;border-top: 0;box-sizing: border-box;}
.direc_txt strong{padding: 10px 0 0 20px;display: inline-block;float: left;font-weight: 400;}
.direc_txt a{width: 43px;height: 42px;display: inline-block;float: right;border-left: 1px solid #ddd;text-indent: -10000px;background: url('../../images/contents/icon_dwn02.png') no-repeat center;}
.direc_txt a:hover{background: #333 url('../../images/contents/icon_dwn02_over.png') no-repeat center;}

/* 자전거 정보 */
.qa_prodt_lst{width: 1107px;padding-bottom: 20px;margin-top: 57px;margin-left: -16px;display: inline-block;}
.qa_prodt_lst li{width: 258px;margin: 0 0 40px 16px;display: inline-block;}
.qa_prodt_lst li strong{width: 100%;padding-top: 20px;display: block;font-weight: 400;text-align: center;}
.qa_prodt_lst li p{width: 180px;padding: 15px 0 20px;margin: 0 auto 0;font-size: 14px;color: #666;}

.qa_prodt_txt{min-height: 122px;border: 1px solid #ddd;border-top: 0;}

/* 지난 제품보기 */
.last_year{margin-top: 20px;display: inline-block;float: left;}
.last_year li{display: inline-block;}
.last_year li::after{content: "|";width: 1px;padding: 0 20px;display: inline-block;font-size: 13px;vertical-align: top;color: #ddd;}
.last_year li:last-child::after{content: "";width: 0;padding: 0;}
.last_year li a{color:#707070;}
.last_year li a:hover{color: #d92628;}
.last_year li a.last_select{color: #d92628;}
.last_year li a.last_select::before{content: "";width: 11px;height: 8px;padding-right: 7px;display: inline-block;background: url("../../images/contents/icon_last_select.png") no-repeat left top;}
.line_search_inner{margin-top: 40px;}
.line_search_inner p{display: inline-block;float: left;}
.line_search_inner p.checks{width: auto;position: relative;left: 23px;margin: 0; color: #707070;}
.line_search_inner p.checks > button{padding: 12px 26px;color: #fff;background: #333;}
.line_search_inner p.checks > label{vertical-align: middle;}
.line_search_inner p.inptxt{width: auto;float: right;margin: 0;}
.line_search_inner p.inptxt input{width: 291px;padding: 10px 20px 11px;font-size: 16px;border: 1px solid #ddd;border-right: 0;box-sizing: border-box;background: #fff; vertical-align:top;}
.line_search_inner .btn_serch{width: 61px;height: 44px;text-indent: -10000px;border: 1px solid #ddd;border-left: 0;box-sizing: border-box;background:#fff url("../../images/contents/icon_store_search.png") no-repeat center;}

/* 대리점 */
/*.search_inner{width: 100%;height: 122px;border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;background: #f9f9f9;}
.search_inner p{display: inline-block;float: left;}
.search_inner p.checks{width:420px;margin: 0 0 0 21px;color: #707070;}
.search_inner p.checks > button{padding: 12px 26px;color: #fff;background: #333;}
.search_inner p.checks > label{vertical-align: middle;margin-top:25px;}
.search_inner p.checks > label:last-child{margin-right: 0;}
.search_inner p.inptxt{width: auto;float: right;margin: 20px 0 0 0;line-height: 76px;}
.search_inner p.inptxt input{width: 320px;height: 44px;padding: 12px 20px;font-size: 14px;border: 0;border-top: 1px solid #e4e4e4;border-left: 1px solid #e4e4e4;box-sizing: border-box;background: #fff;}*/
/*03-16*/
.search_inner{width: 100%;height: 180px;border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;background: #f9f9f9;}
.search_inner div {display: inline-block;float: left;}
.search_inner div.checks{width:100%;padding:20px 50px;color: #707070; box-sizing: border-box; display: flex; justify-content: space-between;}
.search_inner div.checks > button{padding: 12px 26px;color: #fff;background: #333;}
.search_inner div.checks p { display: inline-block;}
.search_inner div.checks p > label{vertical-align: middle; color: #707070;margin-right:0;}
.search_inner div.checks p:nth-child(1) > em { display: block; margin: 4px 0 0 33px; font-size: 12px; color: #a9a9a9; }
.search_inner div.checks p:nth-child(3) > em { display: block; margin: 4px 0 0 33px; font-size: 12px; color: #a9a9a9; }
.search_inner div.checks p:nth-child(3) > label {  }
.search_inner div.checks p:nth-child(4) > label { }
.sto4_box { position: absolute; top: -50px; left: 15px; display: none;  background: #fff; padding: 20px 10px; border: 1px solid #ddd; border-radius: 0px; color: #000; font-size: 12px; text-align: left; }
.sto4_box:after, .sto4_box:before { top: 100%; left: 10%; border: solid transparent;  content: " ";   height: 0;  width: 0;   position: absolute; pointer-events: none; }
.sto4_box:after { border-color: rgba(249, 249, 249, 0); border-top-color: #fff; border-width: 8px; margin-left: -8px; margin-top:-1px; }
.sto4_box:before { border-color: rgba(221, 221, 221, 0); border-top-color: #ddd; border-width: 8px; margin-left: -8px; }
.sto5_box { position: absolute; top: -50px; left: 376px; display: none; background: #fff; padding: 20px 10px; border: 1px solid #ddd; border-radius: 0px; color: #000; font-size: 12px; text-align: left; }
.sto5_box:after, .sto5_box:before { top: 100%; left: 10%; border: solid transparent;  content: " ";   height: 0;  width: 0;   position: absolute; pointer-events: none; }
.sto5_box:after { border-color: rgba(249, 249, 249, 0); border-top-color: #fff; border-width: 8px; margin-left: -8px; margin-top:-1px;}
.sto5_box:before { border-color: rgba(221, 221, 221, 0); border-top-color: #ddd; border-width: 8px; margin-left: -8px; }
.search_inner div.inptxt{width: 100%;float:left;padding:0 50px;line-height: 104px;/* line-height:1em; */ box-sizing: border-box; display: flex; justify-content: space-between;}
.search_inner div.inptxt input{width: 350px;height: 44px;padding: 12px 20px;font-size: 14px;border: 0;border:1px solid #e4e4e4; border-right:none;box-sizing: border-box;background: #fff;}
.search_inner div.inptxt .btn_serch{border:1px solid #e4e4e4; border-left:none;}
.search_inner .m_txtbox{display:none}
.search_inner .select-box-wrap {width:381px; overflow:hidden;}
.search_inner .select-box-wrap select{float:left; width:calc(100% / 2 - 7.5px); height:44px; padding:12px 20px; background: #fff url(../../images/common/icon_select01.png) no-repeat 90% 50%; border:1px solid #ddd;}
.btn_serch{width: 61px;height: 44px;text-indent: -10000px;border-top: 1px solid #e4e4e4;background:#fff url("../../images/contents/icon_store_search.png") no-repeat center;}
.btn_myfind{width: 155px;height: 44px;display: inline-block;margin-left:15px;font-size: 14px;color: #d92628;border: 1px solid #d92628;border-radius: 3px;box-sizing: border-box;background: #fff;}
.store_inner{margin-top: 72px;display: inline-block;}
.store_find > p{width: 365px;margin: -59px 0 0 0;padding: 20px 0 20px 0;text-align: left;box-sizing: border-box;}
.store_find > p > span{color: #d92628;}
.store_find{width: 365px;display: inline-block;float: left;border-top: 1px solid #bbb;border-bottom: 1px solid #bbb;}
.store_find > ul > li{}
.store_find > ul > li{width: 100%;min-height: 133px;display: inline-block;padding: 20px;font-size: 14px;box-sizing: border-box;border-bottom: 1px solid #ddd;cursor: pointer;}
.store_find > ul > li:hover{background: #f5f5f5;}
.store_find > ul > li.store_select{background: #f5f5f5 url("../../images/contents/select_icon_point.png") no-repeat 320px 100px;}
.store_find > ul > li.store_select strong{color: #d92628;}
.store_find > ul strong{display: inline-block;font-size: 20px;font-weight: 500;}
.store_find > ul p{width: auto;margin-top: 20px;text-align: left;color: #666;}
.store_find > ul p span{display: block;}
.store_find > ul p.icon_store{margin: 0;float: right;}
.store_find > ul p.icon_store span{margin-right: 10px;display: inline-block;}
.store_find > ul p.icon_store span:last-child{margin-right: 0;}
/*     .icon_map{padding-left: 20px;background: url("../../images/contents/icon_map.png") no-repeat 0 2px;} */
/*     .icon_tel{text-indent: 20px;background: url("../../images/contents/icon_tel.png") no-repeat 0 2px;}
     */    .store_map{width: 680px;height: 711px;margin-left: 35px;display: inline-block;box-sizing: border-box;border: 1px solid #ddd;}
.store_paging{padding: 25px 0;margin-left: 13px;text-align: center;}
.direction{width: 45px;height: 45px;display: inline-block;text-align: center;line-height: 39px;border: 1px solid #ddd;box-sizing: border-box;}
.store_paging > strong{width: 45px;height: 45px;display: inline-block;text-align: center;line-height: 44px;box-sizing: border-box;font-size: 14px;font-weight: 500;color: #d92628;border: 1px solid #d92628;background: #fff;}
.store_paging > span > a{width: 45px;height: 45px;display: inline-block;text-align: center;line-height: 44px;border: 1px solid #ddd;box-sizing: border-box;font-size: 14px;}
.direction:first-child{display: inline-block;margin-right: 20px;}
.direction:last-child{display: inline-block;margin-left: 20px;}

.store_info{}

span.icon_store01{width: 20px;height: 20px;background: url("../../images/contents/icon_store01.png") no-repeat;}
span.icon_store02{width: 20px;height: 20px;background: url("../../images/contents/icon_store02.png") no-repeat;}
span.icon_store03{width: 20px;height: 20px;background: url("../../images/contents/icon_store03.png") no-repeat;}
span.icon_store04{width: 24px;height: 20px;background: url("../../images/contents/icon_store04.png") no-repeat;}
span.icon_store05{width: 19px;height: 19px;background: url("../../images/contents/icon_store05.png") no-repeat;}
span.icon_store06{width: 20px;height: 20px;background: url("../../images/contents/icon_store06.png") no-repeat;}

/* footer_contents */
/* 3000 회사소개 */
.ssam_visual{width: 100%;margin-top: 80px;border-bottom: 1px solid #ddd;}
.ssam_img01{width: 100%;height: 592px;background: url('../../images/contents/ssam_img01.jpg') no-repeat;}
.ssam_img02{width: 100%;height: 592px;background: url('../../images/contents/ssam_img02.jpg') no-repeat;}
.ssam_img03{width: 100%;height: 592px;background: url('../../images/contents/ssam_img04.png') no-repeat;}
.ssam_visual strong{width: 100%;margin-top: 40px;display: block;font-size: 20px;font-weight: 400;text-align: center;color: #333;}
.ssam_txt{width: 730px;margin: 15px auto 0;padding-bottom: 40px;}
.ssam_txt p{font-size: 14px;text-align: center;line-height: 24px;color: #707070;}
.ssam_visual:last-child{margin-bottom: 100px;border-bottom:0;}

.ssam_numinfo{width: 100%;height: 547px;margin-top: 60px;border-bottom: 1px solid #ddd;background: url('../../images/contents/ssam_numinfo_bg.jpg') no-repeat bottom left;}
.ssam_numinfo li{width: 430px;height: 250px;float: right;display: inline-block;}
.ssam_numinfo li + li{clear: both;}
.ssam_numinfo li span{display: block;font-size: 14px;font-weight: 500;color: #d92628;}
.ssam_numinfo li strong{width: 250px;margin-top: 15px;display: inline-block;font-size: 20px;font-weight: 400;color: #d92628;}
.ssam_numinfo li strong span{font-size: 20px;}
.ssam_numinfo li p{width: 93%;display: inline-block;font-weight: 300;text-align: left;line-height: 26px;color: #666;}
ol.ssam_numinfo + div{width: 99%;margin-top: 60px;font-weight: 300;line-height: 28px;color: #666;}

.samch_year{width:1110px;padding-left:16px;margin:80px auto 72px;}
.samch_year li{width:258px;height:258px;margin:0 8px 16px 8px;display:inline-block;float:left;position: relative;z-index:3;}
.samch_year li .hover_txt{width:210px;display:none;font-size: 16px;text-align:left;}
.samch_year li::before{content:"";width:0%; height:100%; position:absolute; left:0px; top:0px;z-index:3;-webkit-transition: background-color 0.5s ease-out;-moz-transition: background-color 0.5s ease-out;-o-transition: background-color 0.5s ease-out;transition: background-color 0.5s ease-out;}
.samch_year li:hover::before { width:100%; background-color:#d20004;opacity: 0.8;}
.samch_year li:hover .hover_txt{display:block;position: absolute;top: 30px;left: 30px;z-index:100;}
.samch_year li:hover .hover_txt p::after{content: "";width: 10px;margin-top:15px;margin-left:3px;display: block;border-bottom: 1px solid #fff;}
.samch_year li:hover .hover_txt p:last-child::after{content:"";width:0;}
.samch_year li:hover .hover_txt p span{display:block;}
.samch_year li:hover .hover_txt strong{text-align:left;font-size: 30px;color:#fff;}
.samch_year li:hover .hover_txt p{margin-top:16px;text-align:left;font-size: 16px;font-weight:normal;color:#fff;line-height:24px;}
.samch_year::after{content:"";width:100%;display:block;clear:both;}

/*    .compy_year{width: 100%;padding-bottom: 80px;display: inline-block;margin-top: 50px;background: #f5f5f5}
        .compy_year h3{padding-top: 40px;font-size: 24px;font-weight: bold;text-align: left;}
        .compy_year dl{width: 1080px;margin: 30px auto 0;border-top: 1px solid #333;border-bottom: 1px solid #333;}
        .compy_year dl dt{width: 100%;height:55px;padding: 0 0;display: inline-block;position: relative;border-bottom: 1px solid #ddd;box-sizing: border-box;cursor: pointer;background: url('../../images/contents/icon_comp_off.png') no-repeat 0 -5px;}
            .compy_year dl dt p{width: 720px;margin: 0 0 0 0;display: inline-block;text-align: left;line-height: 24px;}
            .compy_year dl dt span{margin-left: 30px;padding-right: 70px;line-height:55px;display: inline-block;color: #333;font-size: 18px;}
            .compy_year dl dt p em{padding: 5px 7px;margin: -5px 0 0 20px;vertical-align: middle;display: inline-block;font-size: 12px;font-weight: 500;border: 1px solid #d92628;color: #d92628;border-radius: 3px;background: #fff;}
   
        .compy_year dl dt.on:nth-child(1){border-bottom: 0;background: #f5f5f5 url('../../images/contents/icon_comp1_on.jpg') no-repeat 0 0;}
        .compy_year dl dt.on:nth-child(3){border-bottom: 0;background: #f5f5f5 url('../../images/contents/icon_comp3_on.jpg') no-repeat 0 0;}
        .compy_year dl dt.on:nth-child(5){border-bottom: 0;background: #f5f5f5 url('../../images/contents/icon_comp4_on.jpg') no-repeat 0 0;}
        .compy_year dl dt.on:nth-child(7){border-bottom: 0;background: #f5f5f5 url('../../images/contents/icon_comp5_on.jpg') no-repeat 0 0;}
            .compy_year dl dt.on span{display: inline-block;position: relative;top: 65px;left:200px;margin: 0 0 0 0;font-size: 30px;color: #fff;}
            .compy_year dl dt.on p{color: #d92628;}
            .compy_year dl dt.on p span{color: #d92628;}
   
        .compy_year dl dd{padding: 5px 200px 114px 250px;display: none;line-height: 26px;box-sizing: border-box;color: #666;background: #f5f5f5;}
        .compy_year dl dd:nth-child(2){background: url('../../images/contents/compy_year_bg01.jpg') no-repeat 0 -55px;}
        .compy_year dl dd:nth-child(4){background: url('../../images/contents/compy_year_bg02.jpg') no-repeat 0 -55px;}
        .compy_year dl dd:nth-child(6){background: url('../../images/contents/compy_year_bg03.jpg') no-repeat 0 -55px;}
        .compy_year dl dd:nth-child(8){background: url('../../images/contents/compy_year_bg04.jpg') no-repeat 0 -55px;}
            .compy_year dl dd ul{width: 100%;margin: 5px 0 0 160px;}
            .compy_year dl dd ul li{padding: 15px 0 15px 20px;margin-top: -3px;font-weight: 300;color: #fff;background: url('../../images/contents/bul_compy_year.png') no-repeat 0 3px;}
            .compy_year dl dd ul li:first-child{padding: 15px 0 15px 20px;font-weight: 300;color: #fff;background: url('../../images/contents/bul_compy_year_top.png') no-repeat 0 23px;}
            .compy_year dl dd ul li:last-child{padding: 15px 0 15px 20px;font-weight: 300;color: #fff;background: url('../../images/contents/bul_compy_year_bottom.png') no-repeat 0 -23px;}
            .compy_year dl dd li span{width: 80px;display: inline-block;font-weight: 500;}
            .compy_year dl dd li p{width: auto;margin: 5px 0 0 81px;text-align: left;color: #fff;}
    */
/* 사회공헌 */
.social_acctab{border-left: 1px solid #ddd;}
.social_acctab li{width: 540px;height: 90px;display: table-cell;line-height: 90px;text-align: center;border: 1px solid #ddd;border-left: 0;}
.social_acctab li a{width:100%;display:inline-block;line-height: 90px;}
.borT{border-top: 1px solid #ddd;padding-top: 30px;margin-top: 60px;}
.social_visual{width: 100%;height: 360px;margin-top: 45px;background: url("../../images/contents/social_visual.jpg") no-repeat;}
.social_visual p{width: 425px;margin: 80px 0 0 60px;display: inline-block;font-size: 32px;font-weight: 400;text-align: left;}
.social_visual a{width: 160px;padding: 12px 0 12px 30px;margin: 30px 0 0 60px;display: block;font-size: 14px;color: #fff;box-sizing: border-box;background: #d92628;}
.social_visual02{width: 100%;height: 360px;margin-top: 45px;background: url("../../images/contents/social_visual02.jpg") no-repeat;}
.social_visual02 p{width: 310px;margin: 80px 0 0 60px;display: inline-block;font-size: 32px;font-weight: 400;text-align: left;color:#fff;}
.social_visual02 a{width: 160px;padding: 12px 0 12px 30px;margin: 30px 0 0 60px;display: block;font-size: 14px;color: #fff;box-sizing: border-box;background: #d92628;}
.social_txt{margin-top: 50px;font-weight: 300;line-height: 28px;}
.social_txt strong{padding-bottom: 20px;display: block;font-size: 20px;font-weight: 400;}
.social_txt p{width:99%;line-height:30px;}
/* RIDE */
.rider_acctab{border-left: 1px solid #ddd;}
.rider_acctab li{width: 360px;height: 90px;display: table-cell;line-height: 90px;text-align: center;border: 1px solid #ddd;border-left: 0;}
.rider_acctab li a{width:100%;display:inline-block;line-height: 90px;}
.ride_cont{display:none;}
.ride_cont .pc_img{display:block;}
.ride_cont .m_img{display:none;}
/*RIDE - INTRO*/
.ride_cont.cont1 .tit{font-size:29px;color:#000;line-height:1;margin:30px 0;}
.ride_cont.cont1 ul{display:table;width:1080px;}
.ride_cont.cont1 ul li{display:table-cell;height:50px;line-height:50px;font-size:15px;}
.ride_cont.cont1 ul li.th{width:150px;color:#000;border-bottom:1px solid #000;padding-left:10px;}
.ride_cont.cont1 ul li.td{width:930px;color:#666;border-bottom:1px solid #e1e1e1;padding-left:20px;}
.ride_cont.cont1 .info_wrap{overflow:hidden;margin-bottom:100px;}
.ride_cont.cont1 .info{float:left;}
.ride_cont.cont1 .info.staff{width:350px;margin-right:15px;}
.ride_cont.cont1 .info.member{width:715px;}
.ride_cont.cont1 .info > div{background-color:#f7f7f7;border-top:1px solid #000;padding:18px;}
.ride_cont.cont1 .info .role{font-size:24px;color:#000;font-weight:bold;}
.ride_cont.cont1 .info.staff > div{height:62px;}
.ride_cont.cont1 .info.staff > div:last-child{height:96px;}
.ride_cont.cont1 .info.member > div{width:314px;height:213px;float:left;margin-right:15px;}
.ride_cont.cont1 .info.member > div:last-child{margin-right:0;}
.ride_cont.cont1 .info > div > p{font-weight:bold;font-size:18px;color:#000;margin-bottom:18px;line-height:1;}
.ride_cont.cont1 .info > div > span{display:block;font-size:12px;color:#999;margin-bottom:14px;line-height:1;}
.ride_cont.cont1 .info > div > span:last-child{margin-bottom:0;}
.ride_cont.cont1 .info > div > span::before{content:'';display:inline-block;width:3px;height:3px;background: url("../../images/contents/info_bg.png") no-repeat;vertical-align:top;margin-top:8px;margin-right:7px;}
.ride_cont.cont1 .info > div > span strong{font-weight:normal;font-size:15px;vertical-align:bottom;color:#666;display:inline-block;margin-right:3px;}
/*RIDE - HISTORY*/
.ride_cont.cont2 .tit{font-size:29px;color:#000;line-height:1;margin:30px 0;}
.ride_cont.cont2 .history_wrap{overflow:hidden;background: url("../../images/contents/history_bg_dot.gif") 50% 0 repeat-y;padding-bottom:164px;}
.ride_cont.cont2 .history_wrap::after{content: ''; display: block; clear: both;}
.ride_cont.cont2 .history{width:492px;position:relative; float:left; padding-right:48px;margin-top:100px; text-align: right; }
.ride_cont.cont2 .history:first-child{margin-top:0;}


.ride_cont.cont2 .history::before{content:'';display:block;width:16px;height:16px;position:absolute;top:8px;left:0;background: url("../../images/contents/history_dot.png") 0 0 no-repeat;}
.ride_cont.cont2 .history.line_c{clear:both; margin-top:50px;}
.ride_cont.cont2 .history.left{padding-right:48px;text-align:right;float:left;}
.ride_cont.cont2 .history.left:before{left:auto;right:-8px;}
.ride_cont.cont2 .history.right{float:right; text-align: left; padding:0; padding-left:48px;}
.ride_cont.cont2 .history.right::before{left:-8px;}
.ride_cont.cont2 .history > *{line-height:1;}
.ride_cont.cont2 .history p{color:#000;font-size:60px;}
.ride_cont.cont2 .history strong{font-weight:600;display:block;margin-top:15px;}
.ride_cont.cont2 .history > span{display:inline-block;background-color:#000;color:#fff;text-align:center;font-size:15px;padding:6px 10px;border-radius:18px;margin-top:30px;}
.ride_cont.cont2 .history ul li{margin-top:15px;font-size:15px;color:#000;line-height:1;}
.ride_cont.cont2 .history ul li span{display:block;margin-top:2px;}
/* 2025 02 03 연혁 수정 */
.ride_cont.cont2 .history:nth-child(2){margin-top:150px}
.ride_cont.cont2 .history:nth-child(3){clear:both; margin-top:60px}
.ride_cont.cont2 .history:nth-child(4){ margin-top:150px}
.ride_cont.cont2 .history:nth-child(5){clear:both; margin-top:60px}
.ride_cont.cont2 .history:nth-child(6){ margin-top:150px}
.ride_cont.cont2 .history:nth-child(7){margin-top:60px}
.ride_cont.cont2 .history:nth-child(15){clear:both; margin-top:60px}
.ride_cont.cont2 .history:nth-child(21){clear:both; margin-top:60px}
/*2025 02 03 이전*/
/*	.ride_cont.cont2 .history:nth-child(1){margin-top:30px;}
	.ride_cont.cont2 .history:nth-child(2){margin-top:130px;}
	.ride_cont.cont2 .history:nth-child(3){margin-top:85px;}
	.ride_cont.cont2 .history:nth-child(4){margin-top:50px;}
	.ride_cont.cont2 .history:nth-child(5){margin-top:60px;}
	.ride_cont.cont2 .history:nth-child(6){margin-top:60px;}
	.ride_cont.cont2 .history:nth-child(7){margin-top:60px;}
	.ride_cont.cont2 .history:nth-child(8){margin-top:60px;}
	.ride_cont.cont2 .history:nth-child(9){margin-top:60px;}
	.ride_cont.cont2 .history:nth-child(10){margin-top:60px;}
	.ride_cont.cont2 .history:nth-child(11){margin-top:70px;}
	.ride_cont.cont2 .history:nth-child(12){margin-top:60px;}
	.ride_cont.cont2 .history:nth-child(13){margin-top:80px;}
	.ride_cont.cont2 .history:nth-child(14){margin-top:80px;}
	.ride_cont.cont2 .history:nth-child(15){margin-top:90px;}
	.ride_cont.cont2 .history:nth-child(16){margin-top:50px;}*/
/*RIDE - EQUIPMENT*/
.ride_cont.cont3 .tit{font-size:29px;color:#000;line-height:1;margin:30px 0;}
.ride_cont.cont3 .prd_detail{border:1px solid #e7e7e7;box-sizing:border-box;margin-bottom:20px;}
.ride_cont.cont3 .prd_detail:last-child{margin-bottom:100px;}
.ride_cont.cont3 .text_wrap{float:right;width:49%;height:298px;padding-left:40px;padding-top:48px;position:relative;box-sizing:border-box;}
.ride_cont.cont3 .text_wrap span{display:block;font-size:15px;color:#000;line-height:1;margin-bottom:10px;}
.ride_cont.cont3 .text_wrap strong{font-size:36px;color:#000;line-height:30px;}
.ride_cont.cont3 .text_wrap p{margin-top:18px;color:#999;font-size:13px;line-height:20px;}
.ride_cont.cont3 .text_wrap a{display:inline-block;width:100px;height:40px;line-height:40px;text-align:center;color:#fff;background-color:#e50011;font-size:15px;font-weight:300;position:absolute;bottom:48px;left:40px;}
.ride_cont.cont3 .pc_img{display:inline-block;}
/* 투자정보 */
.inves_accor{width: 100%;padding: 30px 0;margin-bottom: 60px;display: inline-block;margin-top: 50px;border-top: 1px solid #333;border-bottom: 1px solid #333;}
.ir_accor{width: 100%;margin-bottom: 60px;display: inline-block;margin-top: 50px;border-top: 1px solid #333;border-bottom: 1px solid #333;}
.inves_tabs{width: 100%;display: inline-block;text-align: center;}
.inves_tabs > li{width: 33.3333%;display: inline-block;float: left;text-align: center;border: 1px solid #ddd;border-bottom: 1px solid #d92628;border-left: 0;box-sizing: border-box;color: #333;}
.inves_tabs > li > a{width: 100%;display: inline-block;padding: 18px 0;color: #333}
.ir_info li{padding: 30px 20px;border-bottom: 1px solid #ddd;}
.ir_info li:hover{background: #f5f5f5;}
.ir_info li:first-child{}
.ir_info li:last-child{border-bottom: 0;}
.ir_txt{width: 880px;display: inline-block;}
.ir_txt strong{padding-bottom: 15px;display: block;font-weight: 500;}
.ir_txt p{width: 800px;padding-bottom: 15px;margin: 0 0 0 0;display: inline-block;text-align: left;color: #666;}
.btn_down{height: 32px;padding: 0 30px 0 14px;margin-top: 26px;float: right;line-height: 30px;border: 1px solid #d9d9d9;box-sizing: border-box;font-size: 12px;font-weight: 300;color: #898989;background: #fff url("../../images/contents/icon_dwn.png") no-repeat 100px center;}

/* 채용공고 */
.job_pross{height: 270px;margin-top: 30px;border: 1px solid #ddd;border-right: 0;box-sizing: border-box;}
.job_pross li{width: 216px;height: 100%;display: inline-block;float: left;position: relative;text-align: center;border-right: 1px solid #ddd;box-sizing: border-box;}
.job_pross li::before{content: "";width: 100px;height: 100px;margin-top: 44px;display: inline-block;background: url("../../images/contents/icon_job.png") no-repeat center;}
.job_pross li:nth-child(1)::before{background-position: 0 0;}
.job_pross li:nth-child(2)::before{background-position: 0 -100px;}
.job_pross li:nth-child(3)::before{background-position: 0 -200px;}
.job_pross li:nth-child(4)::before{background-position: 0 -300px;}
.job_pross li:nth-child(5)::before{background-position: 0 -400px;}

.job_pross li:first-child{width: 215px;}
.job_pross li strong{margin-top: 20px;display: block;}
.job_pross li p{width: 110px;padding-top: 5px;margin: 0 0 0 0;display: inline-block;color: #666;}
.job_pross li span{width: 35px;height: 35px;display: inline-block;position: absolute;top: 118px;right: -18px;border: 1px solid #ddd;border-radius: 30px;background: #fff url("../../images/contents/job_arrow.png") no-repeat center;}
.job_pross li:nth-child(5) span{display: none;}
.job_lst{width: 100%;margin: 30px 0 60px;border-top: 1px solid #333;border-bottom: 1px solid #333;}
.job_lst .job_lst_col {width: 45%;}
.job_lst th{padding: 18px 0;font-weight: 500;background: #f5f5f5;}
.job_lst tr{border-bottom: 1px solid #ddd;}
.job_lst tr:hover{background: #fafafa;}
.job_lst td{padding: 30px 15px;color: #666;font-weight: 300;}
.job_lst td:nth-child(2){text-align: left;}
.job_lst td a.ellipsis{width: 430px;height: auto;display: inline-block;text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.job_lst > tbody > tr:last-child{border-bottom: 0;}
button.btn_job{width: 100px;height: 32px;padding: 0;display: inline-block;line-height: 32px;font-size: 12px;color: #fff;background: #000;}

.job_view{width: 100%;margin-bottom: 60px;margin-top: 30px;border-top: 1px solid #333;border-bottom: 1px solid #333;}
.job_view th{padding: 18px 0;text-align: left;font-weight: 500;color: #666;background: #f5f5f5;}
.job_view th:nth-child(1){width: 160px;text-indent: 30px;}
.job_view th:nth-child(2){text-align: left;}
.job_view th:nth-child(3){padding-right: 30px;text-align: right;}
.job_view tr{border-bottom: 1px solid #ddd;}
.job_view > tbody > tr:last-child{border-bottom: 1px solid #333;}

/* 대량구매 */
.purch_txt{width: 100%;height: 360px;margin-top: 60px;color: #fff;background: url("../../images/contents/purchtxt_bg.jpg") no-repeat;}
.purch_txt strong{margin-top: 90px;margin-left: 60px;display: inline-block;font-size: 32px;font-weight: 400;}
.purch_txt p{width: 620px;margin: 25px 0 0 60px;font-weight: 300;line-height: 24px;text-align: left;color: #fff;}
.purch_prodts{}
.purch_prodts h3{font-size: 24px;font-weight: 600;text-align: left;}
.purch_prodts ul{width: 100%;margin-top: 30px;display: inline-block;border-left: 1px solid #ddd;}
.purch_prodts li{width: 270px;height: 324px;display: inline-block;float: left;border: 1px solid #ddd;border-left: 0;box-sizing: border-box;text-align: center;}
.purch_prodts li:nth-child(1){background: url("../../images/contents/img_purch_prodts01.png") no-repeat center 50px;}
.purch_prodts li:nth-child(2){background: url("../../images/contents/img_purch_prodts02.png") no-repeat center 50px;}
.purch_prodts li:nth-child(3){background: url("../../images/contents/img_purch_prodts03.png") no-repeat center 50px;}
.purch_prodts li:nth-child(4){background: url("../../images/contents/img_purch_prodts04.png") no-repeat center 50px;}
.purch_prodts li strong{width: 150px;margin-top: 220px;display: inline-block;font-size: 18px;font-weight: 400;line-height: 24px;}
.purch_prodts li p{width: 135px;margin: 5px auto 0;font-size: 14px;line-height: 20px;color: #666;}
.purch_prodts ul + ul{padding: 40px;border-left: 0;box-sizing: border-box;background: #f5f5f5;}
.purch_prodts ul + ul li{width: 326px;height:auto;float:none;border:0;text-align:left;display:block;margin:0 auto;}
.purch_prodts ul + ul li:nth-child(1), .purch_prodts ul + ul li:nth-child(2), .purch_prodts ul + ul li:nth-child(3), .purch_prodts ul + ul li:nth-child(4), .purch_prodts ul + ul li:nth-child(5){background: none;}
.purch_prodts ul + ul li strong{width:100px;height:34px;line-height:34px;color:#666;font-size:14px;margin:0;padding:0;border-right:1px solid #adadad;}
.purch_prodts ul + ul li span{padding:0;color:#666;font-size:18px;margin-left:30px;line-height:1;margin-top:-2px;display:inline-block;}
.purch_prodts ul + ul li a{font-size: 14px;color: #666;display:block;margin-left:135px;margin-top:-14px;}

/* 1:1 문의 */
.bor_botm{padding-bottom: 16px;}
.checks {position: relative;padding-bottom: 0;margin-top: 15px;}
.checks input[type="radio"] {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip:rect(0,0,0,0);border: 0;}
.checks input[type="radio"] + label {width: 70px;display: inline-block;position: relative;padding: 0 0 0 32px;vertical-align: top;color: #898989;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;}
.checks input[type="radio"] + label:before {content: '';position: absolute;left: 0;top: -4px;width: 21px;height: 21px;text-align: center;background: #fff;border: 1px solid #ddd;border-radius: 100%;}
.checks input[type="radio"] + label:active:before, .checks input[type="radio"]:checked + label:active:before  {}
.checks input[type="radio"]:checked + label:before {background: #fff;border-color: #ddd;}
.checks input[type="radio"]:checked + label:after {content: '';position: absolute;top: 1px;left: 5px;width: 13px;height: 13px;padding-left: 0;background: #d92628;border-radius: 100%;}

.checks input[type="radio"] + label[for="ex_rd2"]{width:83px;}

/* radio size */
.checks.small input[type="radio"] + label {font-size: 12px;padding-left: 25px;}
.checks.small input[type="radio"] + label:before {top: -2px;width: 17px;height: 17px;}
.checks.small input[type="radio"]:checked + label:after {top: 3px;width: 9px;height: 9px;}

/* 오시는 길 */
.comp_accor{width: 100%;margin-bottom: 60px;display: inline-block;margin-top: 50px;border-top: 1px solid #333;border-bottom: 1px solid #333;}
.comp_accor dl dt{width: 100%;padding: 18px 0;display: inline-block;border-bottom: 1px solid #ddd;box-sizing: border-box;cursor: pointer;background: url('../../images/contents/icon_comp_off.png') no-repeat 0 -5px;}
.comp_accor dl dt span{margin-left: 20px;padding-right: 70px;display: inline-block;color: #333;font-size: 18px;}

.comp_accor dl dt.on{border-bottom: 0;background: #f5f5f5 url('../../images/contents/icon_comp_on.png') no-repeat 0 -6px;}
.comp_accor dl dt.on span{color: #d92628;font-weight: bold; }

.comp_accor dl dd{padding: 0 19px 20px;display: none;line-height: 26px;border-bottom: 1px solid #ddd;box-sizing: border-box;color: #666;background: #f5f5f5;}
.comp_map_bon{width: 515px;height: 346px;display: inline-block;border: 1px solid #ddd;box-sizing: border-box;background: #fff;}
.comp_map{width: 515px;height: 218px;display: inline-block;border: 1px solid #ddd;box-sizing: border-box;background: #fff;z-index:0;}
.comp_addr{margin-left: 6px;display: inline-block;box-sizing: border-box;background: #fff;}
.comp_addr img{width: 515px;height: 208px;display: block;}
.comp_txt{width: 515px;min-height: 218px;padding: 30px 30px 15px;border: 1px solid #ddd;border-top: 0;box-sizing: border-box;}
.comp_txt strong{padding-bottom: 20px;display: block;font-weight: 500;color: #333;}
.comp_txt li{padding-bottom: 10px;display: inline-block;font-size: 14px;}
.comp_txt li:first-child::after{content: "|";width: 0px;padding: 0 10px;display: inline-block;vertical-align: top;font-size: 12px;color: #cecece;}
.comp_txt li:nth-child(1)::before{content: "";width: 12px;height: 14px;padding-right: 12px;display: inline-block;vertical-align: middle;background: url('../../images/contents/icon_comp_phon.png') no-repeat 0 0;}
.comp_txt li:nth-child(3)::before{content: "";width: 12px;height: 14px;padding-right: 12px;display: inline-block;vertical-align: middle;background: url('../../images/contents/icon_comp_phon.png') no-repeat 0 -15px;}
.comp_txt li span{padding-right: 5px;display: inline-block;}

.factory strong{display: inline-block;color: #666;}
.factory ul{margin-left: 30px;display: inline-block;}
.factory li{display: block;color: #666;}
.factory li:first-child::after{content: "";width: 0px;padding: 0;display: inline-block;vertical-align: top;font-size: 12px;}
.factory li:nth-child(2)::before{content: "";width: 12px;height: 14px;padding-right: 12px;display: inline-block;vertical-align: middle;background: url('../../images/contents/icon_comp_phon.png') no-repeat 0 -15px;}
.maps_adrss li{display: block;color: #666;}
.maps_adrss li:first-child::after{content: "";width: 0px;padding: 0;display: inline-block;vertical-align: top;font-size: 12px;}
.maps_adrss li:nth-child(2)::before{content: "";width: 12px;height: 14px;padding-right: 12px;display: inline-block;vertical-align: middle;background: url('../../images/contents/icon_comp_phon.png') no-repeat 0 -15px;}
.bor_top{border: 1px solid #ddd;}
.pad_bm{padding-bottom: 15px;}
.pad_bm02{padding-bottom: 8px;}
.min_het{min-height: auto;}

/* 이메일무단수집거부 */
.pol_title{padding: 30px 0 90px;text-align: center;font-size: 46px;}
.policy_txt{padding: 20px 0 50px;border-bottom: 1px solid #ddd;font-size: 18px;line-height: 32px;}
.policy_txt:last-child{padding: 40px 0 0;border-bottom: 0;}
.policy_txt:last-child p{text-align: left;font-size: 16px;color: #666;}

/* 개인정보수집이용 */
.policy_txt span{padding: 20px 0 0;display: block;}
.policy_txt li strong{padding: 15px 0;display: block;font-weight: 400;}
.policy_txt li p{padding-left: 20px;margin: 0 0 0 0;text-align: left;line-height: 24px;font-size: 16px;font-weight: 300;color: #666;}
.policy_txt li ul{padding-top: 5px;margin-left: 40px;}
.policy_txt li li{padding: 5px 0;font-size: 16px;font-weight: 300;line-height: 22px;color: #666;}
.policy_txt li li strong{padding:0 0 5px;text-indent: -9px;}
.policy_txt li li ul{margin-left: 10px;}
.policy_txt li li li{padding: 3px 0;}
.policy_txt_s{padding-top: 60px;line-height: 24px;color: #666;}
.policy_txt_s ol{padding-top: 20px;}
.policy_txt_s ol li{padding: 5px 0;color: #333;}

/* 내부정보관리규정, 윤리강령 */
.inside_txt{padding-bottom: 30px;border-bottom: 1px solid #ddd;}
.inside_txt h3{padding-top: 30px;margin: 0 0 0 0;text-align: left;font-size: 22px;color: #d92628;}
.inside_txt h4{padding-top: 30px;padding-left: 20px;font-size: 18px;font-weight: 700;}
.inside_txt p{padding-left: 40px;text-align: left;font-size: 16px;line-height: 24px;color: #666;}
.inside_txt p.policy_intro{padding-top: 30px;padding-left: 0;font-size: 19px;font-weight: 700;color: #333;letter-spacing: -0.1px;}
.inside_txt ol{padding-top: 10px;padding-left: 60px;}
.inside_txt ol li{padding: 2px 0;font-size: 16px;font-weight: 400;color: #666;text-indent: -20px;line-height: 24px;}
.inside_txt ol li ol{padding-left: 0px;}
.inside_txt ol ol li{text-indent: 0;}
/* 윤리강령 탭 */
.ethics_tab{width:100%;display:inline-block;text-align:center;}
.ethics_tab li{width:50%;display:inline-block;float:left;text-align:center;border:1px solid #ddd;border-bottom:1px solid #d92628;border-left:0;box-sizing:border-box;color:#333;}
.ethics_tab li a{width:100%;display:inline-block;padding:18px 0;color:#333;text-decoration:none;}
.ethics_tab li a.on{position:relative;color:#fff;background:#d92628;}
.ethics_tab li a.on::after{content:"";width:0;height:0;margin-left:-8px;position:absolute;left:50%;bottom:-8px;border-top:8px solid #d92628;border-bottom:0;border-left:8px solid transparent;border-right:8px solid transparent;}
.ethics_cont{display:none;}
/* 윤리 위반 신고 카드 그리드 */
.ethics_report_grid{display:flex;flex-wrap:wrap;gap:20px;margin-top:40px;padding-bottom:60px;}
.ethics_report_card{width:calc((100% - 40px) / 3);background:#F8F9FA;border-radius:12px;padding:40px 24px 30px;text-align:center;box-sizing:border-box;border:1px solid #E9ECEF;transition:box-shadow 0.2s;}
.ethics_report_card:hover{box-shadow:0 4px 16px rgba(27,58,107,0.12);}
.ethics_report_icon{width:56px;height:56px;margin:0 auto 20px;display:flex;align-items:center;justify-content:center;}
.ethics_report_icon svg{width:48px;height:48px;}
.ethics_report_icon img{width:48px;height:48px;object-fit:contain;}
.ethics_report_card strong{display:block;font-size:17px;color:#ee1f27;margin-bottom:12px;font-weight:600;}
.ethics_report_card p{font-size:14px;color:#666;line-height:22px;font-weight:300;}

.ethics_txt:last-child{border-bottom: 0px;}
.ethics_txt button.policy_down{display: block;margin: 90px auto 0;width: 256px;height: 53px;border: 1px solid #ddd;font-weight: 400;color:#000;}
.ethics_txt button.policy_down:hover{background: #333; color:#fff;}
.ethics_txt button.policy_down span{display:inline-block;position:relative;margin-right:25px;}
.ethics_txt button.policy_down span:before{content:'';position:absolute;right: -30px;background:url('../../images/contents/icon_dwn02.png') no-repeat center;width:20px;height:20px;}
.ethics_txt button.policy_down:hover span:before{background: #333 url('../../images/contents/icon_dwn02_over.png') no-repeat center;}

/* input accordion */
.histroy_tab{width: 100%;}

/* swiper */
.swiper-container {width: 100%;margin: 0 auto;}
.swiper-slide {text-align: center;font-size: 18px;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}

/* ellipsis */
.ellipsis{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2; /* 라인수 */-webkit-box-orient: vertical;word-wrap: break-word;height: 50px;}

/* popup */
.pop_content{position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 9999;background: rgba(0, 0, 0, 0.7);opacity: 1;-webkit-transition: opacity 400ms ease-in;-moz-transition: opacity 400ms ease-in;transition: opacity 400ms ease-in;}

.popup_Lml{}
.popup_Mml{}
.popup_Sml{position: absolute;top: 50%;left: 50%;margin-top: -106px;margin-left: -213px;width: 390px;/* height: 213px; */height:280px;background-color: white;overflow: auto;z-index: 10000}
.pop_close{width: 22px;height: 20px;float: right;margin: 20px 20px 0 0;text-indent: -10000px;background: url("../../images/common/pop_close.png") no-repeat;}
.popup_Sml p{width: 195px;clear: both;margin: 60px auto 0;line-height: 24px;text-align: center;font-size: 18px;font-weight: 500;}
.pop_btns{padding-top: 40px;text-align: center;}
.pop_btns > button{width: 160px;height: 42px;display: inline-block;line-height: 42px;text-align: center;color: #fff;}
button.btn_blak{margin-right: 10px;background: #333;}
button.btn_red{background: #d92628;}
.popup_Sml span {display:block; width:360px; margin:0 auto; padding-top:20px; font-size:14px; }
.popup_Sml span > span { display:inline-block; width:342px; padding:0 0 0 18px !important; }

.ly_alert{position: absolute;top: 50%;left: 50%;margin-top: -106px;margin-left: -213px;width: 390px;height: 213px;text-align: center;background-color: white;overflow: auto;z-index: 10000}
.ly_alert > strong{display: inline-block;margin: 50px 0 0 40px;font-size: 18px;}
.ly_alert > p{padding-top: 23px;line-height: 20px;font-size: 14px;color: #666;}

.disNone{display: none !important;}

.skw{width: 400px;height: 400px;position: absolute;top:-20px;left:-200px;-webkit-transform:skew(45deg);background: red;z-index:1000;}
.skw2{width: 400px;height: 400px;position: absolute;top:-20px;right:-200px;-webkit-transform:skew(45deg);background: red;z-index:1000;}

/* 자전거 제품 확대 */
.prodt_lst_full{width: 100%;height: 890px;position: absolute;top:101px;left: 50%;margin-left: -50%;z-index: 1;display: none;background: #fff;}
.prodt_full{width: 100%;margin: 0 auto;}
.prodt_img_full{width: 100%;height: 890px;padding: 0 0;text-align: center;background: #fff;}
.btn_prodtfull{width: 60px;height: 60px;position: absolute;right: 0;text-indent: -10000px;background: url("../../images/contents/btn_prodtfull.png") no-repeat;}


/* important 사용 */
.wid490{width: 490px !important;}
.wid1080{width: 1080px !important;}
.pt_00{padding-top: 0px !important;}
.pb_00{padding-bottom: 0px !important;}
.pb_80{padding-bottom: 80px;}
.mt_0{margin-top: 0 !important;}
.mt10{margin-top: 10px;}
.mt_15{margin-top: 15px !important;}
.mt_30{margin-top: 30px !important;}
.mt_60{margin-top: 60px !important;}
.m_ml10{margin-left: 10px;}
.mb_0{margin-bottom: 0 !important;}
.no_bord{border-bottom: none;}
.nobg_color{background: #fff !important;}

.areaWd90{text-align: auto;}
.areaWd90 > img{max-width: 100%;}
.text_linR{text-align: right;}


/* 키워드 가격 */
.silder_price {width:950px;height:30px;margin:auto;}
.silder_price ul {width:100%;padding:0px;margin:0px;position:relative;padding-top:15px;left:0px;}
.silder_price li {display:inline-block;padding:0px;margin:0px;text-align:left;cursor:pointer;float:left;}
.silder_price li span {width:10px;height:10px;background: #333;}
.silder_price li.select_price {color:#d92628;}
.silder_price li.price1 {width:177px;}
.silder_price li.price2 {width:177px;}
.silder_price li.price3 {width:177px;}
.silder_price li.price4 {width:177px;}
.silder_price li.price5 {width:153px;}
.silder_price li.price6 {width:80px;text-align:right;}

.silder_box {width:915px;margin:auto;position:relative;height:45px;background: url("../../images/contents/silder_box_bg.png") no-repeat 24px 8px;}
.silder_box div.bar {position:relative;top:0px;left:0px;background:#d92628;width:24px;height:24px;border-radius:12px;}
.silder_box div.bar div{width:12px;height:12px;background:#fff;position:absolute;margin:6px;border-radius:6px;}
.silder_box div.bar div.first_point {top:0px;left:0px;float:left;}
.silder_box div.bar div.last_point {top:0px;right:0px;float:right;}

.silder_box div.silder_back {width:100%;position:absolute;}
.silder_box div.silder_back li {background:#fff;display:inline-block;padding:0px;margin:0px;text-align:center;cursor:pointer;float:left;}
.silder_box div.silder_back li.point {width:24px;height:24px;border:6px solid #999;box-sizing: border-box;border-radius:12px;}
.silder_box div.silder_back li.line {height:12px;background:none;}

#swiper_news{background:none; border:1px solid #cacaca; box-sizing:border-box;}
#swiper_news .slid_area{width:100%; height:auto; box-shadow: none; -moz-box-shadow: none;- webkit-box-shadow: none; }
#swiper_news .swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets{bottom:10px;}
#swiper_news .swiper-button-next { width: 40px; height: 76px; left: 30px; background: url(https://www.samchuly.co/resource/ko/images/main/btn_main_next.png) no-repeat; }
#swiper_news .swiper-button-prev { width: 40px; height: 76px; right: 30px; background: url(https://www.samchuly.co/resource/ko/images/main/btn_main_prev.png) no-repeat; }
#swiper_news .swiper-pagination-bullets{bottom:20px}
#swiper_news .swiper-slide center{width:100%;}
#swiper_news .swiper-slide center img{width:100%;}

a.btn_more{width: 160px; height: 42px; display: block; margin: 60px auto; font-size: 14px; line-height: 42px; text-align: center; color: #fff; background: #d92628; display:none;}
.coverImg{position:absolute; bottom: 0; display:none;}
.mt_200{text-align:center; margin-top:200px;}

a.btn_buy{display:inline-block; margin:-2px 0 0 20px; line-height:30px; padding: 0 15px; background:#d92628; color:#fff; font-size: 14px;}
/* 상품 - 탭 */
.tabList{width: 1080px;margin: 70px auto 40px auto;display: table;text-align: left;border-bottom: 1px solid #ddd;}
.tabList > li{display: inline-block;float:left;}
.tabList > li > a{width: 179px;height: 50px;line-height: 50px;float: left;display: inline-block;padding: 0 0;text-align: center;border: 1px solid #ddd;border-right: none;border-bottom: none;font-size: 16px;color: #666;background: #fbfbfb;}
.tabList > li:last-child > a{border-right: 1px solid #ddd;}
.tabList > li.on{display: inline-block;}
.tabList > li.on > a{height: 52px;margin-top: -5px;position: relative;top: 2px;font-weight: 500;color: #d92628;border-top: 4px solid #d92628;border-bottom: 1px solid #fff;background: #fff;}
.indexPage{width:1080px;margin:0 auto;}
.indexPage a{display:block;margin-bottom:10px;}
.indexPage a:last-child{margin-bottom:0;}
.indexPage .img_pc{display:block;margin-bottom:250px;}
.indexPage .img_m{display:none;}
/*어라운드3000*/
.ard_area{width: 754px;margin: 60px auto 0; position:relative;}
.ard_area .detail{margin-top:20px;}
.ard_area .pc_img{display:block;}
.ard_area .m_img{display:none;}
.ard_area .detail span{display:block;font-size:14px;color:#666;line-height:1;margin-bottom:10px;}
.ard_area .detail p{font-size:14px;color:#666;line-height:1;margin-top:10px;font-weight:500;}
.ard_area .detail p a{font-size:14px;color:#666;line-height:1;font-weight:500;}
.ard_area .detail span + p{margin-top:50px;}
/* 팬텀마이크로 */
@keyframes scaleUpDown {
    from {
        transform:scale(1);
        transform-origin:center center;
        animation-timing-function:ease-out;
    } 10% {
          transform:scale(1.1);
          animation-timing-function:ease-in;
      } 17% {
            transform:scale(1);
            animation-timing-function:ease-out;
        }
}
@keyframes fade-right {
    0% {opacity: 0; transform: translateX(-100px);}
    100% {opacity: 1; transform: translateX(0px);}
}
.hover_effect:hover {animation: scaleUpDown 1.5s ease-in-out 1 both} /* 버튼 호버 효과 */
#container.phantom {overflow-x: hidden;}
.phantom * {color: #222;}
.phantom .sub_visual {height: 100vh; min-height: 850px; background: #fff;}
.phantom .sub_visual .max_wid1080 {display: flex; align-items: center; justify-content: space-between; width: 100%; height: 100%; box-sizing: border-box; padding: 0 67px;  margin: 0 auto;}
.phantom .sub_visual .sub_visual_Text {position: static; width: auto; margin: 0; text-align: left;}
.phantom .sub_visual .sub_visual_Text h3 {padding: 0; font-size: 57px; font-weight: bold; line-height: normal; color: #222;}
.phantom .sub_visual .sub_visual_Text h3.on {animation: fade-right 1s; animation-fill-mode: forwards;}
.phantom .sub_visual .sub_visual_Text h3 p {margin-bottom: 34px; font-size: 30px; font-weight: 500; line-height: 1.5; color: inherit;}
.phantom .sub_visual .sub_visual_video iframe {width: 373px; height: 665px;}
.phantom .sub_container_wrap .sub_conts .sec1 {padding-bottom: 285px;}
.phantom .sub_container_wrap .sub_conts .sec1 .img_area {position: relative; width: 100%; height: 57.2916vw; min-height: 1100px; background: url('../../images/contents/phantom/phantom_pc_sec1_bg.png') no-repeat center / 100% auto;}
.phantom .sub_container_wrap .sub_conts .sec1 .img_area_txt {position: absolute; top: calc(50% - 73px); left: calc(50% - 251.6px); color: #fff; font-size: 46px; font-weight: 500; line-height: 1; text-shadow: 0 0 49px rgba(36, 36, 36, 0.8); letter-spacing: -2.2px;}
.phantom .sub_container_wrap .sub_conts .sec1 .img_area_txt strong {display: block; font-size: 100px; font-weight: bold; line-height: inherit; color: inherit;}
.phantom .sub_container_wrap .sub_conts .sec1 .txt_area .inner3 p {font-size: 20px; font-weight: 500; line-height: 1.75; margin-top: 100px; white-space: pre-line;}
.phantom .sub_container_wrap .sub_conts .sec2 .btn_prodt_info {margin: 0 auto 200px;}
.phantom .sub_container_wrap .sub_conts .sec2 h3 {font-weight: 700; font-size: 70px; opacity: 0;}
.phantom .sub_container_wrap .sub_conts .sec2 h3 p {font-weight: 400; font-size: 30px;}
.phantom .sub_container_wrap .sub_conts .sec2 #tab1 {padding-bottom: 290px;}
.phantom .sub_container_wrap .sub_conts .sec2 #tab1 .tab_bicycle .tab_nav {display: flex; justify-content: space-between; padding: 90px 0 250px;}
.phantom .sub_container_wrap .sub_conts .sec2 #tab1 .tab_bicycle .tab_nav li:nth-child(2) {margin-top: 45px;}
.phantom .sub_container_wrap .sub_conts .sec2 #tab1 .tab_bicycle .tab_nav li a {display: block; position: relative; width: 330px; transition: box-shadow 0.3s ease-out;}
.phantom .sub_container_wrap .sub_conts .sec2 #tab1 .tab_bicycle .tab_nav li:hover a {box-shadow: 0px 20px 65px rgba(0, 0, 0, 0.4);}
.phantom .sub_container_wrap .sub_conts .sec2 #tab1 .tab_bicycle .tab_nav li .tab_nav_tit {width: 100%; position: absolute; bottom: 0; height: 55px; background: #f5efe6; text-transform: upperCase; font-size: 30px; line-height: 50px; font-weight: 700; text-align: center;}
.phantom .sub_container_wrap .sub_conts .sec2 #tab1 .tab_bicycle .tab_nav li:hover .tab_nav_tit {display: none;}
.phantom .sub_container_wrap .sub_conts .sec2 #tab1 .tab_bicycle .tab_nav li .tab_nav_cover {position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding: 260px 24px 0; box-sizing: border-box; background: rgba(210, 0, 4, 0.8); opacity: 0; will-change: opacity; transition: opacity .5s ease-out;}
.phantom .sub_container_wrap .sub_conts .sec2 #tab1 .tab_bicycle .tab_nav li:hover .tab_nav_cover {opacity: 1;}
.phantom .sub_container_wrap .sub_conts .sec2 #tab1 .tab_bicycle .tab_nav li .tab_nav_cover * {color: #fff;}
.phantom .sub_container_wrap .sub_conts .sec2 #tab1 .tab_bicycle .tab_nav li .tab_nav_cover p {font-size: 16px; font-weight: 400; white-space: pre-line; line-height: 1.5;}
.phantom .sub_container_wrap .sub_conts .sec2 #tab1 .tab_bicycle .tab_nav li .tab_nav_cover p.tab_nav_cover_tit {font-size: 28px; font-weight: 500; letter-spacing: -0.75px; line-height: normal;}
.phantom .sub_container_wrap .sub_conts .sec2 #tab1 .tab_bicycle .tab_nav li .tab_nav_cover .btn_more {display: inline-block; width: 116px; height: 43px; margin-top: 30px; line-height: 43px; border: 1px solid #f5f5f5; font-size: 14px; letter-spacing: 0.26px; text-align: center;}
.phantom .sub_container_wrap .sub_conts .sec2 #tab1 .tab_con {padding: 200px 0 220px;}
.phantom .sub_container_wrap .sub_conts .sec2 #tab1 .tab_bicycle .tab_bicycle_top {min-width: 1080px;}
.phantom .sub_container_wrap .sub_conts .sec2 #tab1 .tab_bicycle .tab_bicycle_top .top_tit {display: flex; justify-content: center; align-items: center; padding-bottom: 133px;}
.phantom .sub_container_wrap .sub_conts .sec2 #tab1 .tab_bicycle .tab_bicycle_top .top_tit p:first-child {font-family: 'Pretendard'; font-size: 100px; font-weight: 800; }
.phantom .sub_container_wrap .sub_conts .sec2 #tab1 .tab_bicycle .tab_bicycle_top .top_tit p:last-child {font-size: 40px; font-weight: 500; line-height: 1;}
.phantom .sub_container_wrap .sub_conts .sec2 #tab1 .tab_bicycle .tab_bicycle_top .top_tit p strong {display: block; font-size: 70px; font-weight: 700; line-height: 1;}
.phantom .sub_container_wrap .sub_conts .sec2 #tab1 .tab_bicycle .tab_bicycle_top .top_intro {font-size: 20px; font-weight: 500; line-height: 1.75; text-align: center; white-space: pre-line;}
.phantom .sub_container_wrap .sub_conts .sec2 #tab1 .tab_bicycle .tab_bicycle_top .top_intro + .top_intro {margin-top: 43px;}
.phantom .sub_container_wrap .sub_conts .sec2 #tab1 .tab_bicycle .tab_bicycle_top .top_intro.big {font-size: 30px; line-height: 1.26;}
.phantom .sub_container_wrap .sub_conts .sec2 .tab_con .full img {width: 100%; max-width: 100%; height: auto;}
.phantom .sub_container_wrap .sub_conts .sec2 .tab_con .tab_img_area {min-width: 1080px; overflow: hidden; display: grid; grid-template-columns: 1fr 1fr;}
.phantom .sub_container_wrap .sub_conts .sec2 .tab_con .txt {display: flex; align-items: center;}
.phantom .sub_container_wrap .sub_conts .sec2 .tab_con .txt.ta_right {margin-left: auto; padding-right: 90px;}
.phantom .sub_container_wrap .sub_conts .sec2 .tab_con .txt p {white-space: pre-line; font-size: 20px; font-weight: 500; line-height: 1.75;}
.phantom .sub_container_wrap .sub_conts .sec2 .tab_con .tab_img_area .video iframe {width: 540px; height: 960px;}
.phantom .sub_container_wrap .sub_conts .sec2 #tab1 .tab_bicycle .tab_bicycle_bot {min-width: 1080px; padding-top: 145px;}
.phantom .sub_container_wrap .sub_conts .sec2 #tab1 .tab_bicycle .tab_bicycle_bot a {display: block; margin:0 auto; width: 160px; height: 50px; line-height: 50px; background: #d92628; color: #fff; font-size: 20px; font-weight: 500; text-align: center;}
.phantom .sub_container_wrap .sub_conts .sec2 #tab1 .tab_bicycle #tab_mtb {position: relative; background: #b3cee1 /*url('../../images/contents/phantom/phantom_pc_sec2_tab1_mtb_bg.png') no-repeat center 420px / 1920px auto*/; }
.phantom .sub_container_wrap .sub_conts .sec2 #tab1 .tab_bicycle #tab_mtb .img_area_01 {position: absolute; top: 420px; left: calc(50% - 960px);}
.phantom .sub_container_wrap .sub_conts .sec2 #tab1 .tab_bicycle #tab_mtb .img_area_02 {padding: 100px 0 167px;}
.phantom .sub_container_wrap .sub_conts .sec2 #tab1 .tab_bicycle #tab_mtb .img_area_03 {grid-template-columns: auto calc(1200 / 1920 * 100%); background: #fff;}
.phantom .sub_container_wrap .sub_conts .sec2 #tab1 .tab_bicycle #tab_mtb .img_area_03 img {width: auto; height: calc(700 / 1920 * 100vw); min-height: 700px;}
.phantom .sub_container_wrap .sub_conts .sec2 #tab1 .tab_bicycle #tab_mtb .img_area_04 {padding-top: 140px;}
.phantom .sub_container_wrap .sub_conts .sec2 #tab1 .tab_bicycle #tab_mtb .img_area_04 .txt {padding-left: 70px;}
.phantom .sub_container_wrap .sub_conts .sec2 #tab1 .tab_bicycle #tab_folding {background: #c8dbf5;}
.phantom .sub_container_wrap .sub_conts .sec2 #tab1 .tab_bicycle #tab_folding .img_area_01 img {display: block;margin-top: 110px;}
.phantom .sub_container_wrap .sub_conts .sec2 #tab1 .tab_bicycle #tab_folding .img_area_02 {padding-top: 100px;}
.phantom .sub_container_wrap .sub_conts .sec2 #tab1 .tab_bicycle #tab_folding .img_area_02 .img {position: relative; padding-bottom: 193px; padding-right: 10px;}
.phantom .sub_container_wrap .sub_conts .sec2 #tab1 .tab_bicycle #tab_folding .img_area_02 .img img:nth-child(2) {position: absolute; bottom: 0; right: -480px;}
.phantom .sub_container_wrap .sub_conts .sec2 #tab1 .tab_bicycle #tab_folding .img_area_02 .txt {align-items: baseline; padding: 203px 0 0 56px;}
.phantom .sub_container_wrap .sub_conts .sec2 #tab1 .tab_bicycle #tab_folding .img_area_02 .txt p {display: inline-flex; justify-content: center; align-items: center; width: 265px; height: 236px; background:#fff;}
.phantom .sub_container_wrap .sub_conts .sec2 #tab1 .tab_bicycle #tab_folding .img_area_03 {padding-top: 160px;}
.phantom .sub_container_wrap .sub_conts .sec2 #tab1 .tab_bicycle #tab_folding .img_area_03 .txt {padding-left: 103px;}
.phantom .sub_container_wrap .sub_conts .sec2 #tab1 .tab_bicycle #tab_city {background: #f5efe6;}
.phantom .sub_container_wrap .sub_conts .sec2 #tab1 .tab_bicycle #tab_city .img_area_01 {position: relative; margin-top: 117px;}
.phantom .sub_container_wrap .sub_conts .sec2 #tab1 .tab_bicycle #tab_city .img_area_01 .txt {position: absolute; width: calc(50% - 230px); left: 0; top: 50%; transform: translateY(-50%); padding: 70px 40px 70px 0; background: #fff; justify-content: flex-end;}
.phantom .sub_container_wrap .sub_conts .sec2 #tab1 .tab_bicycle #tab_city .img_area_02,
.phantom .sub_container_wrap .sub_conts .sec2 #tab1 .tab_bicycle #tab_city .img_area_03 {padding-top: 140px;}
.phantom .sub_container_wrap .sub_conts .sec2 #tab1 .tab_bicycle #tab_city .img_area_02 .txt {padding-left: 90px;}
.phantom .sub_container_wrap .sub_conts .sec2 #tab2 .tab_img_area {display: flex; overflow: visible;}
.phantom .sub_container_wrap .sub_conts .sec2 #tab2 .txt {position: relative; width: 650px; flex-direction: column; align-items: flex-start; padding-bottom: 532px;}
/* .phantom .sub_container_wrap .sub_conts .sec2 #tab2 .txt:after {position: absolute; left: 648px; top: -130px; display: block; content: ''; width: 588px; height: 982px; background: url('../../images/contents/phantom/phantom_pc_sec2_tab2_img.png') no-repeat 0 0 / 100%; } */
.phantom .sub_container_wrap .sub_conts .sec2 #tab2 .txt h3 {font-size: 50px; width: fit-content; margin: 0;}
.phantom .sub_container_wrap .sub_conts .sec2 #tab2 .txt p {width: fit-content; margin-top: 80px;}
.phantom .sub_container_wrap .sub_conts .sec2 #tab2 .txt img {position: absolute; left: 648px; top: -131px;}
.phantom .btn_black {display: inline-block; height: 50px; width: 180px; line-height: 50px; background:#000; color: #fff; font-size: 20px; font-weight: 500; text-align: center;}
.phantom .btn_black.small {width: 150px; font-size: 18px;}
.phantom .sub_container_wrap .sub_conts .sec2 #tab2 .txt .btn_black {margin-top: 170px;}
.phantom .sub_container_wrap .sub_conts .sec2 #tab2 .txt .txt_red {color: #d20004; font-weight: 900; font-size: 30px; vertical-align: text-bottom;}
.phantom .sub_container_wrap .sub_conts .sec2 #tab2 .txt .txt_red_line {position: relative; display: inline-block; color: #000; font-weight: 900; vertical-align: baseline;}
.phantom .sub_container_wrap .sub_conts .sec2 #tab2 .txt .txt_red_line:after {position: absolute; bottom: -10px; display: block; content:''; width: 216px; height: 8px; background: url('../../images/common/red_line.png') no-repeat center center / 100%;}
.phantom .sub_container_wrap .sub_conts .sec2 #tab3 {padding-bottom: 220px;}
.phantom .load-lists_wrap .load-lists_con .load-lists {display: flex; flex-wrap: wrap; gap: 15px; padding-top: 130px;}
.phantom .load-lists_wrap .load-lists_con .load-lists .load-lists__li {position: relative; width: 350px;}
.phantom .load-lists_wrap .load-lists_con .load-lists .load-lists__li img {max-width: 100%;}
.phantom .load-lists_wrap .load-lists_con .load-lists .load-lists__li:hover .load-lists__li__cover {opacity: 1;}
.phantom .load-lists_wrap .load-lists_con .load-lists .load-lists__li .load-lists__li__cover {position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding-top: 200px; box-sizing: border-box; opacity: 0; will-change: opacity; transition: opacity .5s; color: #fff; font-size: 20px; text-align: center;}
.phantom .load-lists_wrap .load-lists_con .load-lists .load-lists__li .load-lists__li__cover.insta {background: rgba(210,0,4,0.8) url('../../images/common/ico_insta_w.png') no-repeat 145px 130px / 60px 60px;}
.phantom .load-lists_wrap .load-lists_con .load-lists .load-lists__li .load-lists__li__cover.blog {background: rgba(210,0,4,0.8) url('../../images/common/ico_blog_w.png') no-repeat 145px 130px / 60px 60px;}
.phantom .load-lists_wrap .load-lists_con .load-lists .load-lists__li .load-lists__li__cover.youtube {background: rgba(210,0,4,0.8) url('../../images/common/ico_youtube_w.png') no-repeat 145px 130px / 60px 60px;}
.phantom .load-lists_wrap .load-lists_con .load-lists__btn-more {padding-top: 54px;}
.phantom .sub_container_wrap .sub_conts .sec2 #tab4 {padding-bottom: 114px;}
.phantom .event_wrap {background: #6b90c9; padding: 60px; margin-top: 55px;}
.phantom .event_wrap .event_con {background: #fff; padding-bottom: 120px; text-align: center;}
.phantom .event_wrap .event_con + .event_con {margin-top: 70px;}
.phantom .event_wrap .event_con h4 {font-size: 40px;}
.phantom .event_wrap .event_con img {max-width: 100%;}
.phantom .event_wrap .event_con.end {padding: 60px 0 70px;}
.phantom .event_wrap .event_con.end * {font-weight: bold; color: #333;}
.phantom .event_wrap .event_con.end h4 {margin-bottom: 40px; font-size: 50px;}
.phantom .event_wrap .event_con.end p {margin-top: 35px; font-size: 20px;line-height: 1.5; white-space: pre-line;}
.phantom .event_wrap .event_con.end p strong {color: #6b90c8; vertical-align: baseline;}
