/*
수정css파일 여기서만 수정해주세요.
*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video
{font-family: 'Noto Sans KR', sans-serif !important;}
::selection { background-color: #006eb6; color: #fff;}
html, body, #nt_wrapper{min-height: 100vh; max-height: 100%;}
/*#nt_wrapper{position: relative; padding-bottom: 152px;}*/
/*.footer__bot{position: absolute; bottom: 0; left: 0; right: 0; width: 100%;}*/
.kalles_toolbar_true{padding-bottom: 0;}
#nt_content{padding-bottom:20px; min-height: 68vh;}
.fs__16{font-size: 17px;}

/*base color*/
.cp, .chp:hover, .currencies .selected, .languages .selected, .color_primary_dark a:hover, .color_primary_dark a:active, .color_primary_dark a:focus, #kalles-section-nt_filter .nt_filter_block .active a, #kalles-section-nt_filter .nt_filter_block a:hover, a:hover, a:active, .cp, .chp:hover, #nt_sortby .wrap_sortby a.selected, .nt_filter_block li.active > a, .widget_product_categories .btn_cats_toggle:hover i, .widget_product_categories .btn_cats_toggle.active i, .widget_product_categories li.current-cat > a, .product-image .nt_add_w > a:hover, .product-image .nt_add_cp > a:hover, .header-text > a:not(.cg):hover, .header-text > .cg:hover, .nt_mb_menu .sub-menu li a.selected, .nt_mb_menu .current_item > a, .title_7 + .tt_divider > i.clprtrue, .widget .product_list_widget a.product-title:hover, .widget .product_list_widget a.product-title:active, .widget .post_list_widget a.article-title:hover, .widget .post_list_widget a.article-title:active, .swatch.is-label .nt_lt_fake .swatch_pr_item:not(.is-selected):hover .swatch__value_pr, #cat_shopify ul li.current-cat > a, #cat_shopify .sub-menu li > a:hover, .mfp-content #cat_shopify li.current-cat > a.cat_link, .tab_cat_title.des_tab_4 > li > a.tt_active, .tab_cat_title.des_tab_8 > li > a.tt_active, .tab_cat_title.des_tab_7 > li > a.tt_active, .clhovermq .cart_pos_dropdown:not(.template-cart) .icon_cart:hover a, .tab_cat_title.des_tab_11 > li > a, .quantity .tc button:hover, .type_feature_columns a.button.btn--style-3:hover, .dark-mode .on_list_view_true .pr_list_item .product-info__btns > a.nt_add_qv{color: #DB391B;}
.txt_c_01{color: #ef7f1a !important;} 
.txt_c_02{color: #3E3A39 !important;}
.text-black{color: #000 !important;}
.bg_primary_01{background-color: #ef7f1a;} 
.bg_primary_02{background-color: #006eb6;} 
.bg_primary_03{background-color: #3E3A39;} 
.bg_primary_04{background-color: #ca5580;} 
.border_03{border-color: #2b6fb8;}  a.button:hover{border-color:#DB391B; background: #DB391B;}  

/*default*/     
.op_05{opacity: 1;}.op_05:hover{opacity: 0.5;}
.flex1{flex:1;}
li{list-style: none;} 
.mb__0{margin-bottom: 0;} .mt_0{margin-top: 0 !important;}.pr_0{padding-right: 0 !important;} .p_0{padding-left: 0 !important;}
.mb_1{margin-bottom: 1em !important;}.mb_2{margin-bottom: 2em;}
.flex_end{align-items: flex-end;}

/*main*/
.kalles-bags__testimonial-container{margin: 60px auto 30px;}
.kalles-bags__brand-section-container{margin: 60px auto 60px;}
.info_title{font-size: 1.8em; font-weight: 700; letter-spacing: -0.05em; color: #121212; line-height: 1.0; position: relative; cursor: pointer;}
.bt_more{border:1px solid #121212; width: 1.8em; height: 1.8em; font-size: 14px; position: absolute; top: 0; right: 0; text-align: center;}
.bt_more span{line-height: 1.8em; color: #232323;}
.bt_more:hover{background: #232323; border-color: #232323;} .bt_more:hover span{color: #fff;}
.date{color:#878787; font-size: 13px; position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
.nt_list li{padding: 13px 0; border-bottom: 1px solid #eee;}.nt_list li:first-child{border-top: 1px solid #232323;}
.nt_list a{width: 100%; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position: relative; padding-right: 70px;}

.quote_infors{width: 100%;}
.quotes_des_4 .quote_col{padding: 40px 20px 40px;}
.dek_img_slide{position: relative;}
/*.dek_img_slide:after{width: 100%; height: 100%; background: rgba(0,0,0,.25); content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0;}*/
.kalles-bags__main-slide-first__title{color: #121212; font-weight: 700;}
.flickity-viewport{height: 650px !important;}


/*header*/
#nt_menu_id a{font-size: 1.25em; position: relative; font-weight: 700; color: #121212;} .nt_menu > li > a:hover{color: #DB391B !important;}
#nt_menu_id li:last-child a{padding-right: 0;}
#nt_menu_id li:hover a:after{position: absolute; width: 70%; height: 2px; background: #DB391B; content: ""; bottom: 15px; left: 15%; right: 15%; border-radius: 5px;}
#nt_menu_id li:last-child:hover a:after{position: absolute; width: 70%; height: 2px; background: #DB391B; content: ""; bottom: 15px; left: 15%; right: 15%; border-radius: 5px; margin-left: 9px;}
#nt_menu_id li:hover .sub-menu a:after{display: none;}
.sub-menu{width: 150px!important; min-width: 150px !important;display: flex; flex-direction: column;}
.sub-menu a{margin-bottom: 25px; font-size: 1.1em !important; text-align: left; font-weight: 400 !important;}
.sub-menu a:last-child{margin-bottom: 0;}
.sub-menu a:hover{color:#DB391B !important;}
.header-text{color: #878787;}
header{background: #fff;}
.hd_top_wp{display: flex; align-items: center;}

.brand_contain{margin: 0 auto; width: 100%;}
.brand_item{margin-bottom: 0 !important; height: 100px; border: 1px solid #eee; border-right: none;}
.brand_item:last-child{border-right: 1px solid #ddd;}
.brand_item a{margin: 0 auto; width: 100%; height: 100%; position: relative;}
.brand_item a img{position: absolute; top:50%; left: 50%; transform: translate(-50%, -50%);}

.nt_currency a{cursor: pointer;}
.nt_currency a:hover{color: #2b6fb8 !important;}
.quote_avatar{background: url(../images/2030/home.png) no-repeat; max-width: 72px; filter: grayscale(1);}

.nt_menu .type_mega .sub-menu{padding: 25px 15px;}

/*footer*/
 .footer-1, .footer__bot_wrap{background: #3E3A39;}
 .footer_nav_warp{display: flex;}
 .footer_nav{margin: 0px 1em; cursor: pointer; position: relative; color: #fff; font-size: 1.1em;} .footer_nav:first-child{margin-left: 0; padding-left: 0;} .footer_nav:hover{color: #DB391B;} .footer_nav:after{width: 2px; height: 70%; background: #eee; content: "";  left: -1em; top: 15%; position: absolute;} .footer_nav:first-child:after{display: none;}
 .nt-social i{font-size: 20px; color: #585757;}

/*sub-page*/
.left_nav_wp{border: none;}
.left_nav{height: 350px;}
.left_nav .nt_list li{padding: 0; font-size: 1.1em; cursor: pointer;}
.left_nav .nt_list li:hover{background: rgba(219, 57, 27, .2); background: #fff1e5;}
.left_nav .nt_list li a{width: 100%; height: 100%; display: block; padding: 13px 0; padding-left: 5px;}
.left_nav .nt_list li:hover a,.left_nav_wp .nt_list li:hover i{color: #3E3A39; font-weight: 700;}
.left_nav .nt_list li:first-child{border-top: 2px solid #DB391B;}
.left_nav .info_title{cursor: default;}
.quote_slide .date{top: unset; transform: unset;}
.right_page_wp{padding: 41px 20px 41px; padding-left: 40px !important;}
.right_page_wp .info_title{cursor: default;}
.pg_bg01{background: url(../images/2030/joonggu2030_banner02.jpg) center center no-repeat; width: 100%; height: 300px; background-size: cover;}
.pg_bg02{background: url(../images/2030/joonggu2030_banner02.jpg) center center no-repeat; width: 100%; height: 300px; background-size: cover;}
.pg_bg03{background: url(../images/2030/joonggu2030_banner03.jpg) center center no-repeat; width: 100%; height: 400px; background-size: cover;}
.pg_bg04{background: url(../images/2030/joonggu2030_banner04.jpg) center center no-repeat; width: 100%; height: 400px; background-size: cover;}
.pg_bg05{background: url(../images/2030/joonggu2030_banner05.jpg) center center no-repeat; width: 100%; height: 400px; background-size: cover;}
.pg_bg06{background: url(../images/2030/joonggu2030_banner06.jpg) center center no-repeat; width: 100%; height: 300px; background-size: cover;}
.pg_bg07{background: url(../images/2030/joonggu2030_banner02.jpg) center center no-repeat; width: 100%; height: 300px; background-size: cover;}
.pg_bg08{background: url(../images/2030/joonggu2030_banner02.jpg) center center no-repeat; width: 100%; height: 300px; background-size: cover;}
.sub_in_title{font-weight: 700; line-height: 1.8; font-size: 1.8em; color:#121212;}
.text_area_wp p{margin-bottom: 0.5em;}
.bg_sz_cover{background: #9a9a9a;}
.breadcrumb{margin-bottom: 20px;}
.text_area_wp th{background: #e5f4ff; font-size: 1.15em; word-break: keep-all;}
.text_area_wp td{font-size: 1.03em; line-height: 2.5;}
.text_area_wp{ color: #121212;}
.left_nav_wp .info_title{cursor: default;}
.left_nav_wp .left_nav{padding-right: 0;}
.left_nav_wp .pr_0{padding-left: 60px;}
.bi_img{width: 100%;}

/*게시판*/
.notice_total{color: #878787; font-size: 0.95em; display: block; flex: 1;}
.notice_label{color: #878787; font-weight: 700; padding-right: 1em; width: 50px;}
.notice_top_list .notice_label{color: #ef7f1a; font-weight: 700; padding-right: 1em; width: 50px;}
.notice_user{color:#878787; font-size: 13px; float: right; width: 65px;}
.notice_wp{display: flex; width: 100%; flex-direction:column;}
.notice_wp li{width: 100%; padding: 0;}
.notice_wp li:hover{background: #fff1e5;}
.notice_wp li:hover a{color: #121212;}
.notice_wp a{display: flex; align-items: center; width: 100%; height: 100%; padding: 13px 1em; position: unset;}
.notice_wp .date{float:unset; width: 65px; position: unset; transform: unset;}
.notice_txt{flex: 1; font-size: 1.1em;text-overflow: ellipsis; white-space: nowrap; overflow:hidden; padding-right: 15px;}
.notice_top_list{background: #f6f6f8;}.notice_top_list:hover{background: #f6f6f8 !important;}
.notice_top_list:hover .notice_txt{font-weight: 700;}
.notice_top_header{background: #3E3A39; border: none !important; height: 52px;}
.notice_top_header:hover{background: #3E3A39 !important; border: none !important;}
.notice_top_header span{color: #fff;}
.notice_top_header a{cursor: default;}
.none_list{ height: 100%; background: #fff;}
.none_list a{ cursor: default;}
.none_list:hover a{font-size: 400; background: #fff !important;}
.none_list:hover{font-size: 400; background: #fff !important;}
.none_list:hover .notice_txt{font-weight: 400;}

.text_area_box:hover{background: #fff !important; font-weight: normal;}
.text_area_box .text_area_wp{padding: 1em;}
.text_area_box{border: 1px solid #eee;}
#board .notice_top_list:hover .notice_txt{ font-weight: normal !important; }
#board .notice_top_list span, #board .notice_top_list,  #board .notice_top_list a{cursor: default !important;}

.prev_next_wp .pn_list{padding: 15px 0; border-bottom: 1px solid #eee; overflow: hidden;}
.prev_next_wp{position: relative; margin: 40px 0 0 0; border-top: 1px solid #eee;}
.prev_next_wp .pn_list .left{position: relative; display: inline-block; vertical-align: middle; width: 120px; margin-right: 50px; padding: 0 0 0 40px; color: #888891; font-size: 0.9em; font-weight: 500; letter-spacing: -0.03em;}
.prev_next_wp .pn_list .right {position: relative; display: inline-block; vertical-align: middle;}
.prev_next_wp .pn_list .left{position: relative; display: inline-block; vertical-align: middle; width: 120px; margin-right: 50px; padding: 0 0 0 40px; color: #888891; font-size: 0.9em; font-weight: 500; letter-spacing: -0.03em;}
.pn_list .pn_txt, .pn_list .left{cursor: pointer;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

.file_wp{margin-top: 60px;}
.file_box{padding: 10px 25px; border-radius: 5px; background: #ebedef;border: 1px solid #eee; background: #f6f6f8}
.notice_files{width: 100%; display: flex; margin: 10px 0;  align-items: center;}
.notice_files i{font-size: 1.1em; color: #121212 !important; margin-left: 5px;}
.notice_file_total{font-size: 0.9em;}
.fiels_num{font-size: 0.85em; padding-right: 5px;}
.fiels_title{cursor: pointer;} .fiels_title:hover, .fiels_title:hover{color: #006eb6;}
.files_vol{font-size: 0.85em; color: #5e5e5e;}
.form-control{padding-top: 6px !important;}

/*페이지네이션*/
.contr{border:1px solid #eee; background: #fff; color: #9e9e9e; border-radius: 5px; width: 40px; height: 40px; font-size: 25px; font-weight: 700; line-height: 40px; text-align: center;}
.contr i{font-weight: 700; font-size: 1.2em;}
.contr:hover{border-color:#787878;}
.pagination{width: auto; max-width: 350px; justify-content: center; margin: 0 auto; padding: 10px 0px; align-items: center; margin-top: 2em;}
.paging{width: 100%;}
.paging .on{color: #ef7f1a !important; }
.paging a{width: 40px; height: 40px; line-height: 40px; text-align: center; font-size: 1.1em;}

/*셀렉트박스, 버튼*/
select{border-radius: 0; border-color: #ddd !important;} input{min-height: 40px; border-color: #ddd !important;}
.btn{padding: 0;}
.btn, button{border-radius: 0;}
button{border: none; background: #ddd;} button:hover{background: #787878; color: #fff;}
.notice_search_wp{margin-bottom: 20px; align-items: center;}
.notice_search_select{margin-right: 0.5em; height: 35px;}
.notice_search_select select, .notice_search_input, .notice_search_input input, .notice_search_wp button{ height: 35px; min-height: 35px;}
.navbar-form.search_form{align-items: center;}
.kalles-bags__main-slide-first__btn.slt4_btn{background-color: rgb(219 57 27 / 77%); border-color: rgb(219 57 27 / 100%);}
.btn-default{padding: 5px 25px;}.btn-default:hover{border-color: #ddd;}
.btn-success{padding: 5px 25px;}
.write_btn{padding: 0px 25px;border-color: #ddd; float: right; margin-top: 10px; font-size: 14px; height: 35px; line-height: 35px;}
.write_re_btn{padding: 0px 15px;border-color: #ddd; margin-top: 10px; font-size: 14px; height: 35px; line-height: 35px;}
.write_del_btn{padding: 0px 15px;border-color: #ddd; margin-top: 10px; font-size: 14px; height: 35px; line-height: 35px;}

/*포스트*/
.post-info h4 a{font-size: 1em;  white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block;}
.post-author{float: right; color: #878787; font-size: 0.8em;} .post-author span{color: #878787;}
.post-time{position: relative;} .post-time:after{content: ""; position: absolute; left: -2.5px; top: 50%; transform: translateY(-50%); width: 1px; height: 50%; background: #ddd;}

/*기업*/
.post__2{padding: 0px 5px; padding-bottom: 10px;}
.post__2 .nt_bg_lz{ height: 180px; position: relative;}
.post__2 .nt_bg_lz:hover .post_txt_in{ color: #fff; font-size: 1.2em; font-weight: 700;}
.post__2 .nt_bg_lz:hover:after{background: rgba(0,0,0,.4); width: 100%; height: 100%; content: ""; position: absolute; top: 0; left: 0;}
.post_txt_in{ color: rgba(0,0,0,0); z-index: 99; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.equal_nt.ratio4_3 .nt_bg_lz{padding-top: 100%;}
.m_notice .flickity-viewport{height: 100% !important;}

/*로그인*/
.login_wp{width: 50%; min-width: 250px; max-width: 400px; margin: 0 auto;}
.loign_btn{width: 100%; /*background: #006eb6;*/ border: 2px solid #006eb6; border-radius: 30px; height: 3em; text-align: center; font-weight: 700; cursor: pointer;}
.loign_btn:hover{background: #006eb6; border: 2px solid #006eb6;}
.loign_btn a{color: #006eb6;  line-height: 2.5em; font-size: 1.1em; letter-spacing: 0.05em;} .loign_btn:hover a{color: #fff;}
.login_error{font-size: 0.8em; color: #b10404;}

.search_form{ display: inline-flex !important; }

/*글쓰기*/
.write_title{font-size: 2em !important; padding: 0 15px; border-bottom: none !important; position: relative;}
.write_title:after{position: absolute; bottom: 0; left: 15px; right: 0; width: calc(100% - 30px); height: 1px; content: ""; background: #006eb6;}

/*로고*/
.logo{width: 235px; padding: 0;}
.min-logo{background: url(../images/2030/simbols.png) no-repeat center; background-size: 1.5em; width: 1.5em; height: 1.5em; display: inline-block; margin-right: 10px;}
/*.logo{background: url(../images/2030/2030logo.png) no-repeat; background-size: contain; width: 100%; height: 50px; display: inline-block;}*/
.logo_m{background: url(../images/2030/2030logo.png) no-repeat; background-size: contain; width: 100%; height: 50px; display: inline-block;}
/*.footer-logo{background: url(../images/2030/logo_sm.png) no-repeat; width: 100%; background-size: 100%; display: inline-block;}*/
.footer-logo img{width: 251px;}
/*모바일 nav*/
#nt_menu_canvas > i{background: none;}

#m_footer{display: none;}
.m_on{display: none;}.m_off{display: block;}

/*메인슬라이드*/
.kalles-bags__main-slide-content .img_slider_block{padding-top: 650px;}

/* 221110 수정사항: 수정내용넣기. */
.text_area_wp p{letter-spacing: -1px; margin-bottom: 0.9em;}
.text_area_wp th{text-align: center;}
.supporttable td{line-height: 1.5;}
.supporttable span{padding-left: 15px; text-indent: -15px; display: inline-block;}
.supporttable span.indent{padding-left: 15px; text-indent: 0px;}

/*모바일*/
@media screen and (max-width:767px){ 
	.kalles-bags__main-slide-content .img_slider_block{padding-top: 350px;}
	#kalles-section-header_top{display: none;}
	.kalles-bags__testimonial-container{margin: 30px auto 30px;}
	.quotes_des_4 .quote_col{margin-bottom: 30px; border:1px solid #eee;}
	.quotes_des_4 .quote_col:last-child{margin-bottom: 0;}
	.quotes_des_4{border: none;}
	.brand_item{height: 125px; display: flex; align-items: center; justify-content: center;}
	.footer__bot{position: unset;}
	/*#nt_wrapper{padding-bottom: 191px;}*/
	.footer_nav_warp, .footer-logo{display: none;}
	.kalles-bags__main-slide-first__title, .kalles-bags__main-slide-second_title-01, .kalles-bags__main-slide-second__title{font-size: 14px;}
	.kalles-bags__main-slide-first__big-title, .kalles-bags__main-slide-second__big-title-02{font-size: 1.8em;}
	.kalles_toolbar_true{padding-bottom: 0;}
	#kalles-section-footer_bot{display: none;}
	#m_footer{display: block; /*position: absolute; bottom: 0; left: 0; right: 0;*/}
	#m_footer .footer__bot_wrap{padding-left: 10px; padding-right: 40px;}
	.quote_infors .flex {flex-direction: column;}
	.left_nav_wp .quote_col {padding-left: 0; padding-right: 0; padding-top: 20px; padding-bottom: 20px;}
	.left_nav{display: none;}
	.breadcrumb .tc{text-align: right;}
	.breadcrumb{background: #fff;/* border-bottom: 1px solid #ddd;*/padding-right: 0; margin:10px 0;}
	.info_title{text-align: center; margin-bottom: 1em;}
	.info_title p{margin-bottom: 0 !important;}
	.fiels_title{width: 100%; padding: 0 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
	.notice_search_wp{flex-direction: initial !important;}
	.notice_total{display: none;}
	.flickity-viewport .flex{flex-direction: initial !important;}
	.post__2{padding: 0px 7.5px; padding-bottom: 0; margin-bottom: 15px;}
	/*.map_wp, .supp_wp, .supp_wp table, .boardlist_wp, .com_wp{margin-top: 0 !important;}*/
	.nt-social{margin-top: 1em;}
	.sub-menu{width: 100% !important;}
	.sub-menu a{margin-bottom: 0; font-size: 14px !important;}
	.nt_mb_menu > li > a{justify-content:space-between;}
	#menu_mb_ul .logo_m{padding: 10px; background-position:15px; width: 100%; background-size: 80px;}
	/*.logo{background-position: center; width: 100px;background: url(../images/2030/2030logo.png) no-repeat; background-size: contain;}*/
	.nt_mb_menu > li > a{font-size: 1.1em;}
	.m_on{display: block;} .m_off{display: none;}
	.post_1{margin-bottom: 20px !important;}
	.notice_txt{font-size: inherit;}
	.notice_wp .date{width: 40px;}
	#ntheader .ntheader_wrapper{border-bottom: 1px solid #ddd;}
	.flickity-viewport{height: 350px !important;}
	.brand_item{border:1px solid #eee; border-radius: 5px;}
	.brand_item:nth-child(1){border-right: none; border-bottom: none; border-radius: 5px 0px 0px 0px;}
	.brand_item:nth-child(2){border-bottom: none; border-radius: 0px 5px 0px 0px;}
	.brand_item:nth-child(3){border-right: none; border-radius: 0px 0px 0px 5px;}
	.brand_item:nth-child(4){border-radius: 0px 0px 4px 0px;}
	.quote_avatar{margin-right: 0 !important; width: 100px !important;}
	.pg_bg01m,.pg_bg02,.pg_bg03,.pg_bg04,.pg_bg05,.pg_bg06{height: 200px;}
	body,html,.breadcrumb,.fs__16,.text_area_wp td{font-size: 14px;}
	.sub_in_title{font-size: 20px;}
	.supp_wp tbody{display: flex; flex-direction: column;}
	.supp_wp tr{display: flex; flex-direction: column;}
	.supp_wp .text_area_wp th, .supp_wp .text_area_wp td{width: 100%;}
	.notice_user{display: none;}
	.prev_next_wp .pn_list .left{padding-left: 5px; padding-right: 5px; width: 100px; margin: 0;}
	.prev_next_wp .pn_list{padding-bottom: 10px; padding-top: 12px;}
	.notice_search_select{margin-bottom: 1px;}		

	/* 221110 수정사항: 수정내용넣기. */
	
}