/* header */
#header, #header_mob{transition: all 0.3s;}

#header.on, #header_mob,#header.sub{background-color: #fff;box-shadow: 0px 4px 38px rgba(215, 215, 215, 0.25);}
#header.on{background-color: #fff;box-shadow: 0px 4px 38px rgba(215, 215, 215, 0.25);}
#header.on #header_nav nav > ul > .menu-item > a{color:#7F797A;}
#header.on #header_nav nav > ul > .menu-item:hover > a{color:#fff;}

/* header_nav */
#header_nav nav > ul > .menu-item a span.sub-arrow{display: none;}
#header_nav nav > ul > .menu-item> a{border-top:2px solid transparent;box-sizing: border-box;justify-content: center;}
#header_nav nav > ul > .menu-item:hover > a{background-color: #B7AE7E; border-top:2px solid #7F797A;}
#header_nav nav > ul > .menu-item ul{left: 50% !important; transform: translateX(-50%);padding: 40px 0;width:100%!important;}
#header_nav nav > ul > .menu-item ul li a{justify-content: center;border-left:none;}
#header_nav nav > ul > .menu-item ul li:first-child a{padding-top: 0px;}
#header_nav nav > ul > .menu-item ul li:last-child a{padding-bottom: 0px;}
#header_nav nav > ul > .menu-item > a:after{content: "";height: 1px; background-color: rgba(255,255,255,0.3);display: block;position: absolute;transition: .3s;transition-timing-function: cubic-bezier(.58,.3,.005,1); bottom: 0;width: calc(100% - 40px);left: 50%;transform: translateX(-50%);}

/* header_sub_nav */
#header.sub{height: 100px;width: 100% !important;}
#header.sub .elementor-container,#header.sub .elementor-container .elementor-column, #header.sub .elementor-container .elementor-section,#header.sub #header_nav.sub,#header.sub #header_nav.sub nav,#header.sub #header_nav.sub .elementor-widget-container, #header.sub #header_nav.sub nav > ul, #header.sub #header_nav.sub nav > ul > .menu-item,#header.sub #header_nav.sub nav > ul > .menu-item > a,#header_nav.sub nav > ul > .menu-item> a,#header_nav.sub nav > ul > .menu-item ul li a{height: 100%;}
#header.sub.on #header_nav.sub nav > ul > .menu-item > a{color:#7F797A;}
#header.sub.on #header_nav.sub nav > ul > .menu-item > a.elementor-item-active{color:#B7AE7E;}
#header.sub.on #header_nav.sub nav > ul > .menu-item:hover > a{color:#fff;}
#header_nav.sub nav > ul > .menu-item a span.sub-arrow{display: none;}
#header_nav.sub nav > ul > .menu-item> a{border-top:2px solid transparent;box-sizing: border-box;justify-content: center;}
#header_nav.sub nav > ul > .menu-item:hover > a{background-color: #B7AE7E; border-top:2px solid #7F797A; color:#fff;}
#header_nav.sub nav > ul > .menu-item ul{left: 50% !important; transform: translateX(-50%);padding: 40px 0;width:100%!important;}
#header_nav.sub nav > ul > .menu-item ul li a{justify-content: center;border-left:none;}
#header_nav.sub nav > ul > .menu-item ul li:first-child a{padding-top: 0px;}
#header_nav.sub nav > ul > .menu-item ul li:last-child a{padding-bottom: 0px;}
#header_nav.sub nav > ul > .menu-item > a:after{content: "";height: 1px; background-color: rgba(255,255,255,0.3);display: block;position: absolute;transition: .3s;transition-timing-function: cubic-bezier(.58,.3,.005,1); bottom: 0;width: calc(100% - 40px);left: 50%;transform: translateX(-50%);}

/* all menu_nav */
#am_nav .elementor-nav-menu__container{margin-top:0;}
#am_nav nav > ul > .menu-item{display:flex;flex-direction: column;}
#am_nav nav > ul > .menu-item a{width:100%;}
#am_nav nav > ul > .menu-item.menu-item-has-children a:before{content:url("http://tcion3.cafe24.com/wp-content/uploads/2023/03/down_arr.svg");display:block; width:20px; height:20px;position:absolute;top: 50%;right: 20px;line-height: 1;transform: translateY(-50%);opacity: 1;}

#am_nav nav > ul > .menu-item a.highlighted:before{content:url("http://tcion3.cafe24.com/wp-content/uploads/2023/03/up_arr.svg");}
#am_nav nav > ul > .menu-item ul.sub-menu li.menu-item{border:none; background:#B7AE7E;}
#am_nav nav > ul > .menu-item a.elementor-sub-item{border-left:0;font-style: normal;font-weight: 400;font-size: 16px;line-height: 22px;color: rgba(255,255,255,0.8);}
#am_nav nav > ul > .menu-item a.elementor-sub-item:before{display:none;}

/* 메인 슬라이드 */
#scroll{width: 100px;}
#scroll .scroll_icon svg{animation: motion 0.6s linear 0s infinite alternate; top: 0;}
.scroll_icon svg{animation: motion2 0.6s linear 0s infinite alternate; top: 0;}
        
@keyframes motion {
	0% {top: 0px;}
	100% {top: 10px;}
}
@keyframes motion2 {
	0% {top: 0px;}
	100% {top: 5px;}
}

#main_slide{width: calc(100% - 100px);}
#ms_slide .jet-slider__item{background-color:transparent;}
#ms_slide .jet-carousel{margin: 0;}
#ms_slide .slick-slide{padding: 0;}
#ms_slide .ms_progress{position: relative;}
#ms_slide .ms_progress::after{display: block;content: ""; width: 40px; height: 2px; position: absolute;top: 50%;left: 0;transform: translateY(-50%);background: #fff;z-index: 99999;}
#ms_slide .ms_progress.ms_progress2::after{width: 80px;}
#ms_slide .ms_progress.ms_progress3::after{width: 120px;}


/* main_btn */
#introduce .main_btn{transition: all 0.3s;}
#introduce .main_btn .elementor-button-content-wrapper{align-items: center;}
#introduce .main_btn .elementor-button{display: flex; height: 70px; box-sizing: border-box;justify-content: center;align-items: center;}
#introduce .main_btn .elementor-button-icon{line-height: 0;}
#introduce .down_btn .elementor-button-icon{font-size: 14px;}
#introduce .down_btn:hover  .elementor-button-content-wrapper .elementor-button-icon svg path{fill: #B7AE7E;}
#introduce .more_btn .elementor-button-icon{font-size: 7px;}
#introduce .more_btn:hover  .elementor-button-content-wrapper .elementor-button-icon svg path{fill: #7F797A;}

/* about */
#about_timeline .timeline-item__card-title{font-family: 'Nanum Myeongjo', serif !important;}
#about_timeline .jet-timeline-item:nth-child(2n-1) .timeline-item__card-content{text-align: right;padding: 0;}
#about_timeline .jet-timeline-item:nth-child(2n) .timeline-item__card-content{text-align: left;padding: 0;}

/* news */
#k-board_wrap #kboard-default-list .kboard-list table thead tr{background: #FAFAFA;border-bottom: 1px solid #EEEEEE;border-top: 2px solid #7F797A;height: 73px;}
#k-board_wrap #kboard-default-list .kboard-list thead tr td{padding: 0;border-bottom: 2px solid #f1f1f1;color: #7F797A;font-weight: 500;font-size: 18px;line-height: 21px;text-align: center;letter-spacing: -0.05em;}
#k-board_wrap #kboard-default-list .kboard-list thead tr td.kboard-list-uid{width: 14%;}
#k-board_wrap #kboard-default-list .kboard-list thead tr td.kboard-list-title{width: 70%;}
#k-board_wrap #kboard-default-list .kboard-list thead tr td.kboard-list-date{width: 16%;}

#k-board_wrap #kboard-default-list .kboard-list tbody tr{height: 73px; background-color: transparent;}
#k-board_wrap #kboard-default-list .kboard-list tbody tr td.kboard-list-uid{font-weight: 400;font-size: 18px;line-height: 22px;text-align: center;letter-spacing: -0.05em;}
#k-board_wrap #kboard-default-list .kboard-list tbody tr td.kboard-list-title, #k-board_wrap .kboard-default-cut-strings{font-weight: 400;font-size: 18px;line-height: 21px;letter-spacing: -0.05em;}
#k-board_wrap .kboard-default-new-notify{vertical-align: middle;}
#k-board_wrap #kboard-default-list .kboard-list tbody tr td.kboard-list-date{font-weight: 400;font-size: 18px;line-height: 22px;text-align: center;}

#k-board_wrap #kboard-default-list .kboard-search select,#k-board_wrap #kboard-default-list .kboard-search input, #k-board_wrap button.kboard-default-button-small{height: 40px;opacity: 1;}
#k-board_wrap #kboard-default-list .kboard-search select,#k-board_wrap #kboard-default-list .kboard-search input{color:#666666;font-weight: 400;font-size: 16px;line-height: 23px;}
#k-board_wrap button.kboard-default-button-small{width: 60px;font-weight: 400;font-size: 16px;line-height: 19px; color: #fff !important; background:#B7AE7E !important;}

#k-board_wrap #kboard-default-list .kboard-pagination{padding: 50px 0 30px;}
#k-board_wrap #kboard-default-list .kboard-pagination .kboard-pagination-pages li a{display: flex;justify-content: center;align-items: center;width: 45px;height: 45px;transition: all 0.4s;font-family: 'Inter';font-weight: 500;font-size: 16px;line-height: 19px;color: #585858;}

#k-board_wrap #kboard-default-list .kboard-pagination .kboard-pagination-pages li:hover a, #k-board_wrap #kboard-default-list .kboard-pagination .kboard-pagination-pages li.active a{background: #B7AE7E;border-radius: 100px; color: #fff;}

#k-board_wrap .kboard-default-poweredby{display: none;}

/* Products */
.prd_post_loop_wrap .prd_post_cont_wrap .prd_post_img .elementor-widget-container img{height: 100%;}

#main_posts .page-numbers{width: 45px;height: 45px;display: inline-flex;justify-content: center;align-items: center;border-radius: 80px;line-height: 1;color:rgba(127, 121, 122, 1) !important; transition: all 0.3s; background: transparent;}
#main_posts .page-numbers.current{background: #B7AE7E; color: rgb(255, 255, 255) !important;}
#main_posts .page-numbers:hover{background: #B7AE7E; color: rgb(255, 255, 255) !important;}
#main_posts .page-numbers:hover svg path{stroke: rgb(255, 255, 255);}

/* Products 싱글페이지 */
#prd_slide_wrap .jet-slider .sp-slides-container > .sp-mask{border-radius: 20px; border: 1px solid #DDDDDD;}
#prd_slide_wrap .jet-slider .sp-thumbnail-container,#prd_slide_wrap .jet-slider .sp-thumbnail-container::before,#prd_slide_wrap .jet-slider .sp-thumbnail-container img{border-radius: 10px;}

#color_pick .cp_cont .elementor-widget-container{display: flex;}
#color_pick .cp_cont .elementor-widget-container p{display: flex; flex-flow: row wrap; align-items: center; margin-right: 10px !important; margin-bottom: 7px !important;word-break: keep-all;}
#color_pick .cp_cont .elementor-widget-container p:last-child{margin-right: 0 !important;}
#color_pick .cp_cont .elementor-widget-container p::before{content:"";width: 22px; height: 22px; border-radius: 100px; border:1px solid #E9E9E9; background-color: #fff;display: block;margin-right: 10px;}
#color_pick .cp_cont .elementor-widget-container p.white::before{background-color: #fff;}
#color_pick .cp_cont .elementor-widget-container p.black::before{background-color: #000;}
#color_pick .cp_cont .elementor-widget-container p.pink::before{background-color: #FFB4F7;}
#color_pick .cp_cont .elementor-widget-container p.yellow::before{background-color: #FFF95E;}
#color_pick .cp_cont .elementor-widget-container p.gray::before{background-color: #B2BEBF;}
#color_pick .cp_cont .elementor-widget-container p.ivory::before{background-color: #F2E2CE;}
#color_pick .cp_cont .elementor-widget-container p.mint::before{background-color: #A0D9BE;}
#color_pick .cp_cont .elementor-widget-container p.blue::before{background-color: #3D9DD9;}

#color_pick .cp_cont .elementor-widget-container p.purple::before{background-color: #9066F0;}
#color_pick .cp_cont .elementor-widget-container p.red::before{background-color: #CF0003;}
#color_pick .cp_cont .elementor-widget-container p.green::before{background-color: #355e3b;}
#color_pick .cp_cont .elementor-widget-container p.charcole::before{background-color: #36454f;}
#color_pick .cp_cont .elementor-widget-container p.beige::before{background-color: #f5f5dc;}
#color_pick .cp_cont .elementor-widget-container p.brown::before{background-color: #964b00;}
#color_pick .cp_cont .elementor-widget-container p.navy::before{background-color: #0000AE;}


#pd_btn{cursor: pointer;}


/* form */
#qna_form .elementor-form-fields-wrapper{justify-content: space-between;margin: 0;}
#qna_form .elementor-field-label{margin:0 5px 0 0;}
#qna_form .elementor-field:focus,#qna_form .elementor-field{outline: none;border:none}
#qna_form .elementor-field,#qna_form .elementor-field-subgroup{width: auto; flex-basis: auto;}
#qna_form .elementor-field-subgroup.elementor-subgroup-inline .elementor-field-option{padding-right: 20px;}
#qna_form .elementor-field-subgroup.elementor-subgroup-inline .elementor-field-option:last-child{padding-right: 0px;}
#qna_form .elementor-field-group{padding-left: 20px;padding-right: 20px;}
#qna_form .elementor-field-group.elementor-field-type-html{text-align: center; padding: 50px 0; background-color:#FAFAFA;margin-bottom:0;}
#qna_form .elementor-field-group-input1, #qna_form .elementor-field-group-input2,#qna_form .elementor-field-group-input3{width: calc((100% - 40px)/3);}
#qna_form .elementor-field-group-input3{justify-content: space-between;}
#qna_form .elementor-field-group-input4, #qna_form .elementor-field-group-input5,#qna_form .elementor-field-group-input6,#qna_form .elementor-field-group-input7{width: calc((100% - 40px)/3);}
#qna_form .elementor-field-type-text,#qna_form .elementor-field-type-email,#qna_form .elementor-field-type-radio{height: 60px;}
#qna_form .elementor-field-type-text,#qna_form .elementor-field-type-email,#qna_form .elementor-field-type-radio,#qna_form .elementor-field-type-textarea{border: 1px solid #f0f0f0;}
#qna_form .elementor-field-type-textarea{padding: 0;}
#qna_form .elementor-field-type-submit .elementor-button-icon{display: none;}
#qna_form .elementor-field-type-submit .elementor-button-text{font-family: 'Nanum Myeongjo', serif !important;}
#qna_form .elementor-field-type-submit .elementor-button{    padding: 25px 45px;width: 240px;height: 70px;box-sizing: border-box;margin-top: 70px;}


/* ---------- Technology Information ---------- */
.Techinfo_ContentsWrap, .techinfo_icon_active { display:none; }
.Techinfo_Toggle{border-radius: 20px;border: 2px solid #fafafa !important; background-color: #FAFAFA;}
.Techinfo_Toggle.active{border: 2px solid #B7AE7E !important;background-color: #fff; }
.Techinfo_Toggle.active .Techinfo_TitleWrap {border-radius: 20px;border-bottom: none !important;}

.Techinfo_Toggle.active .Techinfo_TitleWrap > .elementor-container { border-bottom : 1px solid #ddd !important; padding: 0 0 20px;}

/* 질문 활성화 아이콘 */
.techinfo_icon, .techinfo_icon_active {position: absolute !important;left: 0;top: 50%;transform: translateY(-50%);}
.Techinfo_Toggle.active .Techinfo_TitleWrap .techinfo_icon { display : none !important; }
.Techinfo_Toggle.active .Techinfo_TitleWrap .techinfo_icon_active { display : block !important; }


/* responsive */
@media screen and (max-width: 1600px){
    
}
@media screen and (max-width: 1500px){
    
}
/* laptop */
@media screen and (max-width: 1366px){
	#main_slide{width: 100%;}
	#ms_slide .slide_cont{margin-bottom: 150px;}
	#ms_slide h2{font-size: 60px; line-height: 70px;}

}
/* tab_extra */
@media screen and (max-width: 1200px){

} 
@media screen and (max-width: 1092px){
/* form */
#qna_form .elementor-form-fields-wrapper{justify-content: space-between;}
#qna_form .elementor-field-subgroup.elementor-subgroup-inline .elementor-field-option{padding-right: 20px;}
#qna_form .elementor-field-group{padding-left: 20px;padding-right: 20px;}
#qna_form .elementor-field-group-input1, #qna_form .elementor-field-group-input2,#qna_form .elementor-field-group-input3{width: 100%;}
#qna_form .elementor-field-group-input3{justify-content: flex-start;}
#qna_form .elementor-field-group-input3 .elementor-field-label{margin:0 15px 0 0;}
#qna_form .elementor-field-group-input4, #qna_form .elementor-field-group-input5,#qna_form .elementor-field-group-input6,#qna_form .elementor-field-group-input7{width: 100%;}
#qna_form .elementor-field-type-text,#qna_form .elementor-field-type-email,#qna_form .elementor-field-type-radio{height: 60px;}
}
/* tab */
@media screen and (max-width: 1024px){
	#ms_slide h2{font-size: 45px; line-height: 60px;}
	#ms_slide .slide_cont{margin-bottom: 0px;}
	#introduce .main_btn .elementor-button{height: 50px;}

	/* about */
	#about_nav.about_nav .elementor-nav-menu{justify-content: center;margin: 0 auto;}
	#about_timeline .jet-timeline-item:nth-child(2n-1) .timeline-item__card-content{text-align: left;padding: 0;}
	#about_timeline .jet-timeline .timeline-item__meta{display: none;}

	/* form */
	#qna_form .elementor-field-group.elementor-field-type-html{padding: 50px 20px;}

	
}
@media screen and (max-width: 945px){
	#qna_sns .contact_icon_wrap .elementor-icon-list-item{width: 100%;}

}
@media screen and (max-width: 900px){
    #introduce .down_btn .elementor-button-icon{margin-left: 37px;}
	#introduce .more_btn .elementor-button-icon{margin-left: 17px;}
}
/* mob_extra */
@media screen and (max-width: 880px){
	#qna_form .elementor-field-type-submit .elementor-button{margin-top: 40px;}

}
/* mob */
@media screen and (max-width: 767px){
	#header.sub{height: 70px !important;}
	#ms_slide h2{font-size: 36px; line-height: 45px;}
	#ms_slide .slide_cont+section{margin-top: 60px;}
	#ms_slide .slide_cont+section svg{width: 25px;}
    #introduce .down_btn .elementor-button-icon{font-size: 12px;}
	#introduce .more_btn .elementor-button-icon{font-size: 6px;}
	#introduce .main_btn .elementor-button{height: 50px;}
	#qna_form .elementor-field-type-submit .elementor-button{padding: 10px 25px;width: 150px;height: 50px;}

}
@media screen and (max-width: 600px){
	#qna_form .elementor-field-group-input4, #qna_form .elementor-field-group-input5,#qna_form .elementor-field-group-input6,#qna_form .elementor-field-group-input7{width:100%;}
    
}
/* mob_s */
@media screen and (max-width: 400px){
    #introduce .main_btn .elementor-button{padding: 0px 25px;}
	#introduce .down_btn .elementor-button-icon{margin-left: 30px;}
	#introduce .more_btn .elementor-button-icon{margin-left: 10px;}

}
@media screen and (max-width: 380px){
	#qna_form .elementor-field-group-input1,#qna_form .elementor-field-group-input3{height: 86px;}
	#qna_form .elementor-field-group-input1 .elementor-field,#qna_form .elementor-field-group-input3 .elementor-field{width: 100%;}

}
@media screen and (max-width: 360px){
	#introduce .main_btn .elementor-button{font-size: 14px; padding: 0px 20px;}

}
@media screen and (max-width: 320px){
    
}