@media screen and (max-width:1400px) {
	
/*latest : product_slide*/
.la_product_control .product_pagen{width:250px;}	
	
/*style*/
#header #logo img,
#footer .ft_logo img{width:120px; height: auto;}	
#header .hd_sch_wr #hd_sch	{width:220px;}
#header .hd_login{margin-left:15px;}	
#header .btn_gnb{margin-left:15px;}

/* qk_list */
.qk_list{ font-size:17px; bottom:15px; right:15px;}

    
    /* common */
    .main_tit{ margin-bottom:50px;}
    .main_tit .in_tt{ font-size:2.75em;}
    .main_tit .in_stt{ font-size:1.75em;}
    .main_tit .in_tx{ font-size:1.25em; margin-top:25px;}
    .main_more{ padding:18px 30px;}
    /* main visual */
    .main_visual{ padding:calc(var(--header_H) + 30px) 0 30px;}
    .main_visual .mv_inner{ min-height:470px;}
    .main_visual .mv_txt .mv_logo img{ width:150px;}
    .main_visual .mv_txt .main_tit .in_tt{ font-size:3.125em;}
    .main_visual .mv_img{ right:-5%; width:600px;}
    .main_visual .mv_img .mv_deco{ width:350px; height:350px;}
    .main_visual .mv_img .mv_pic{ width:380px; height:380px;}
    /* main logo */
    .main_logo{ padding:0 0 60px;}
    .main_logo .logo_tt{ font-size:1.25em;}
    .main_logo .logo_item img{ height:60px;}
    /* main expert */
    .main_expert{ padding:120px 0;}
    .main_expert .expert_bg *{ font-size:6.5em; margin-bottom:50px;}
    .main_expert .expert_wrap{ padding:50px 10px 60px;}
    .main_expert .expert_box{ gap:80px;}
    .main_expert .expert_left .ex_tt{ font-size:1.5em; margin-bottom:25px;}
    .main_expert .expert_left .ex_case{ padding:50px 40px;}
    .main_expert .expert_left .case_tt{ font-size:1.375em;}
    .main_expert .expert_right .news_badge{ left:-20px; padding:25px 30px;}
    .main_expert .expert_bot{ margin-top:50px;}
    .main_expert .expert_bot .bot_tt{ font-size:1.75em;}
    /* main start */
    .main_start{ padding:130px 0;}
    .main_start .main_tit{ margin-bottom:70px;}
    .main_start .main_tit .in_stt{ margin-top:70px;}
    .main_start .start_box{ gap:25px;}
    .main_start .st_tt{ font-size:1.5em;}
    .main_start .start_left{ padding:60px 50px;}
    .main_start .start_left .st_tt{ font-size:1.875em;}
    .main_start .start_left .main_more{ font-size:1.125em;}
    .main_start .start_right .sr_list li .sr_inner{ padding:40px 45px;}
    /* main case */
    .main_case{ padding:120px 0;}
    .main_case .case_item{ padding:20px 25px;}
    .main_case .case_item .ci_img:after{ width:110px; height:110px;}
    .main_control .xi{ width:54px; height:54px; line-height:54px; font-size:1.375em;}
    .main_control .b_prev{ left:-5px;}
    .main_control .b_next{ right:-5px;}
    /* main global */
    .main_global{ padding:150px 0 160px;}
    .main_global .main_tit .in_tt{ font-size:2.375em;}
    .main_global .gl_row{ gap:100px;}
    .main_global .gl_row + .gl_row{ margin-top:140px;}
    .main_global .gl_img .gl_pic{ height:440px;}
    .main_global .gl_img .main_more{ font-size:1.125em; right:-20px;}
    .main_global .gl_row.rev .gl_img .main_more{ left:-20px;}
    /* main cta */
    .main_cta{ padding:110px 0;}
    .main_cta .cta_btn{ gap:20px;}
    .main_cta .cta_btn .main_more{ padding:18px 40px;}    


    /* 인사말 */
    .about_01_01{ margin-bottom:70px;}
    .about_01_01 .def_intro .in{ gap:0 80px;}
    .about_01_01 .def_intro .in .img_z .bgfix{ min-height:420px;}
    .about_01_01 .def_intro .in .txt_z{ padding:20px 0;}
    .about_01_01 .def_intro .in .txt_z .page_tt{ font-size:1.875em; margin-bottom:30px;}
    .about_01_01 .def_intro .in .txt_z .page_tx{ font-size:1.125em; margin-bottom:15px;}
    .about_01_01 .def_intro .in .txt_z .page_tx.ceo_name{ margin-top:45px;}
    .about_01_01 .def_intro .in .txt_z .page_tx.ceo_name .in_name{ font-size:1.375em;}
    /* 프로필 */
    .att_profile{ padding:70px 0 120px;}
    .att_profile .in_list{ gap:15px;}
    .att_profile .in_item{ padding:35px 30px;}
    .att_profile .in_item .in_lb{ padding-bottom:20px; margin-bottom:20px;}
    .att_profile .in_item .in_lb i{ width:42px; height:42px; line-height:42px; margin-right:12px; font-size:1.25em;}    

/* 02. 요금제 비교 */
	.cost_plan{ padding:0 0 70px;}
	.cost_plan .in_list{ gap:18px;}
	.cost_plan .in_item{ padding:32px 25px 25px;}
	.cost_plan .in_item.on{ padding:31px 25px 25px;}
	.cost_plan .in_head .in_name{ font-size:1.325em;}
	.cost_plan .in_service .in_ol > li{ padding-left:22px;}
	.cost_plan .in_pay .in_stage{ padding:18px;}
	.cost_plan .in_pay .in_total .in_num{ font-size:1.325em;}
	.cost_plan .in_btn{ padding:16px 10px; font-size:1.063em;}
	.cost_plan .in_note{ margin-top:28px; padding:22px 24px;}
	/* 03. FAQ */
	.cost_faq{ padding:70px 0;}
	.cost_faq .in_item{ padding:25px 26px;}
	.cost_faq .in_q{ font-size:1.188em;}
	.cost_faq .in_q i{ width:32px; height:32px; line-height:32px; margin-right:8px;}
	.cost_faq .in_a{ padding-left:40px;}
	/* 04. 혜택 */
	.cost_benefit{ padding:70px 0; margin-bottom:70px;}
	.cost_benefit .in_list{ gap:18px;}
	.cost_benefit .in_item{ padding:32px 28px;}
	.cost_benefit .in_item .in_stt{ font-size:1.25em;}
	/* 05. 의견제출통지서 */
	.cost_oa{ padding:70px 0;}
	.cost_oa .in_wrap{ gap:20px;}
	.cost_oa .in_cost,
	.cost_oa .in_free{ padding:32px 28px;}
	.cost_oa .in_lb{ margin-bottom:18px; font-size:1.188em;}
	.cost_oa .in_cost .in_row .in_num{ font-size:1.25em;}
	/* 06. 상표등록절차 */
	.cost_step{ padding:70px 0;}
	.cost_step .in_item{ padding:30px 25px;}
	.cost_step .in_item .in_ico{ margin:25px 0 18px; width:100px; height:100px;}
	.cost_step .in_item .in_ico svg{ height:46px;}    
    
    /* step bar */
	.step_bar{ margin-bottom:50px;}
	.step_bar .step_line{ width:220px; margin:0 25px;}
	/* class wrap */
	.class_wrap .cw_cont{ gap:20px;}
	.class_wrap .cw_main{ width:calc(100% - 280px - 20px);}
	.class_wrap .cw_side{ width:280px;}
	.class_wrap .cw_box{ padding:25px;}
	.class_wrap .cw_box + .cw_box{ margin-top:16px;}
	.apply_sec{ padding:24px 0;}
	/* side preview */
	.side_preview{ margin-bottom:20px; padding:25px 15px; font-size:1.625em;}
	/* class list */
	.cls_wrap{ padding:25px;}
	.cls_item{ gap:12px; padding:10px 15px;}
	.cls_item .ci_num{ min-width:42px;}
	/* detail */
	.tm_detail_wrap .dt_box{ padding:25px;}
	.tm_detail_wrap .dt_box .db_tit{ padding:12px 16px; margin:-25px -25px 22px; font-size:1.313em;}
	.tm_detail_wrap .form_grid{ column-gap:30px; row-gap:22px; padding:25px;}
	.tm_detail_wrap .fg_row{ width:calc(50% - 15px);}
	.tm_detail_wrap .fg_row.full{ margin-bottom:22px;}
	.tm_detail_wrap .radio_row{ gap:28px;}
	/* mark info */
	.mark_info .mi_cont{ gap:60px;}
	.mark_info .mi_list{ row-gap:18px;}
	/* app btn */
	.app_btn{ margin:40px auto 0;}
    
}


@media screen and (max-width:1280px){
    
    #header .gnb_wrap .gnb .depth1{margin:0 13px;}
    #header .gnb_wrap .gnb .depth1:first-child > a{padding:10px 15px;}
    #header .gnb_wrap .gnb .depth1:last-child > a{padding:10px;}
    
	/* common */
	.main_tit{ margin-bottom:40px;}
	.main_tit .in_tt{ font-size:2.375em;}
	.main_tit .in_stt{ font-size:1.5em;}
	.main_tit .in_tx{ font-size:1.125em; margin-top:20px;}
	.main_more{ padding:16px 26px; font-size:1.063em;}
	.main_more .xi{ margin-left:10px;}
	/* main visual */
	.main_visual .mv_inner{ min-height:420px;}
	.main_visual .mv_txt .mv_logo{ margin-bottom:15px;}
	.main_visual .mv_txt .mv_logo img{ width:130px;}
	.main_visual .mv_txt .main_tit .in_tt{ font-size:2.625em;}
	.main_visual .mv_txt .mv_btn{ gap:10px;}
	.main_visual .mv_img{ right:-8%; width:480px;}
	.main_visual .mv_img .mv_deco{ width:280px; height:280px;}
	.main_visual .mv_img .mv_pic{ width:320px; height:320px;}
	/* main logo */
	.main_logo{ padding:0 0 50px;}
	.main_logo .logo_tt{ font-size:1.125em; margin-bottom:20px;}
	.main_logo .logo_slide{ gap:10px;}
	.main_logo .logo_item img{ height:50px;}
	/* main expert */
	.main_expert{ padding:100px 0;}
	.main_expert .expert_bg{ top:15%;}
	.main_expert .expert_bg *{ font-size:5em; margin-bottom:40px;}
	.main_expert .expert_wrap{ padding:45px 10px 50px;}
	.main_expert .expert_box{ gap:50px;}
	.main_expert .expert_left .ex_tt{ font-size:1.375em; margin-bottom:20px;}
	.main_expert .expert_left .ex_case{ padding:40px 35px; gap:15px;}
	.main_expert .expert_left .case_tt{ font-size:1.25em;}
	.main_expert .expert_left .case_tx{ font-size:1.063em;}
	.main_expert .expert_right .news_badge{ left:-10px; bottom:-10px; padding:20px 25px;}
	.main_expert .expert_right .news_badge .fwB{ font-size:1.25em;}
	.main_expert .expert_bot{ margin-top:40px;}
	.main_expert .expert_bot .bot_tt{ font-size:1.5em;}
	/* main start */
	.main_start{ padding:110px 0;}
	.main_start .main_tit{ margin-bottom:60px;}
	.main_start .main_tit .in_stt{ margin-top:60px;}
	.main_start .start_box{ gap:20px;}
	.main_start .st_tt{ font-size:1.375em;}
	.main_start .start_left{ padding:50px 40px;}
	.main_start .start_left .st_tt{ font-size:1.625em;}
	.main_start .start_left .main_more{ font-size:1.063em;}
	.main_start .start_right .sr_list{ gap:10px;}
	.main_start .start_right .sr_list li .sr_inner{ padding:35px 35px;}
	/* main case */
	.main_case{ padding:100px 0;}
	.main_case .case_item .ci_img:after{ width:95px; height:95px;}
	.main_control .xi{ width:48px; height:48px; line-height:48px; font-size:1.25em;}
	.main_control .b_prev{ left:0;}
	.main_control .b_next{ right:0;}
	/* main global */
	.main_global{ padding:120px 0 130px;}
	.main_global .main_tit .in_tt{ font-size:2.125em;}
	.main_global .gl_row{ gap:60px;}
	.main_global .gl_row + .gl_row{ margin-top:110px;}
	.main_global .gl_img .gl_pic{ height:380px;}
	.main_global .gl_img .main_more{ font-size:1.063em; bottom:-15px; right:-15px;}
	.main_global .gl_row.rev .gl_img .main_more{ left:-15px;}
	/* main cta */
	.main_cta{ padding:100px 0;}
	.main_cta .main_tit{ margin-bottom:35px;}
	.main_cta .cta_btn .main_more{ padding:16px 35px;}
    
    
    /* 인사말 */
	.about_01_01{ margin-bottom:60px;}
	.about_01_01 .def_intro .in{ gap:0 50px;}
	.about_01_01 .def_intro .in .img_z .bgfix{ min-height:380px;}
	.about_01_01 .def_intro .in .txt_z{ padding:10px 0;}
	.about_01_01 .def_intro .in .txt_z .page_tt{ font-size:1.75em; margin-bottom:25px;}
	.about_01_01 .def_intro .in .txt_z .page_tx{ font-size:1.063em; margin-bottom:12px;}
	.about_01_01 .def_intro .in .txt_z .page_tx.ceo_name{ margin-top:35px;}
	.about_01_01 .def_intro .in .txt_z .page_tx.ceo_name .in_name{ font-size:1.25em; margin-left:8px; letter-spacing:4px;}
	/* 프로필 */
	.att_profile{ padding:60px 0 100px;}
	.att_profile .in_list{ gap:12px;}
	.att_profile .in_item{ padding:30px 25px;}
	.att_profile .in_item .in_lb{ padding-bottom:18px; margin-bottom:18px;}
	.att_profile .in_item .in_lb i{ width:38px; height:38px; line-height:38px; margin-right:10px; font-size:1.125em;}
	.att_profile .in_item .dot_list > li + li{ margin-top:8px;}
    
    
    /* 02. 요금제 비교 */
	.cost_plan{ padding:0 0 60px;}
	.cost_plan .in_list{ gap:14px;}
	.cost_plan .in_item{ padding:28px 20px 22px;}
	.cost_plan .in_item.on{ padding:27px 20px 22px;}
	.cost_plan .in_item .in_badge{ padding:5px 18px;}
	.cost_plan .in_head{ padding-bottom:18px;}
	.cost_plan .in_head .in_name{ font-size:1.25em;}
	.cost_plan .in_catch{ padding:18px 0 20px;}
	.cost_plan .in_service{ padding:20px 0 6px;}
	.cost_plan .in_pay .in_stage{ padding:16px;}
	.cost_plan .in_pay .in_total .in_num{ font-size:1.25em;}
	.cost_plan .in_note{ margin-top:24px; padding:20px;}
	/* 03. FAQ */
	.cost_faq{ padding:60px 0;}
	.cost_faq .in_item{ padding:22px;}
	.cost_faq .in_q{ font-size:1.125em;}
	.cost_faq .in_a{ padding-left:35px; font-size:1.031em;}
	.cost_faq .in_a .in_ol li{ padding:12px 15px 12px 46px;}
	.cost_faq .in_a .in_ol li:before{ top:12px; left:15px;}
	/* 04. 혜택 */
	.cost_benefit{ padding:60px 0; margin-bottom:60px;}
	.cost_benefit .in_list{ gap:14px;}
	.cost_benefit .in_item{ padding:28px 24px;}
	.cost_benefit .in_item .in_stt{ font-size:1.188em;}
	.cost_benefit .in_item .in_q{ font-size:1.063em;}
	/* 05. 의견제출통지서 */
	.cost_oa{ padding:60px 0;}
	.cost_oa .in_wrap{ gap:16px;}
	.cost_oa .in_cost,
	.cost_oa .in_free{ padding:28px 24px;}
	.cost_oa .in_lb{ margin-bottom:15px; font-size:1.125em;}
	.cost_oa .in_cost .in_row{ padding:13px;}
	.cost_oa .in_cost .in_row .in_num{ font-size:1.188em;}
	.cost_oa .in_free .in_ul li{ padding:13px 13px 13px 38px;}
	.cost_oa .in_free .in_ul li:before{ top:12px; left:14px;}
	/* 06. 상표등록절차 */
	.cost_step{ padding:60px 0;}
	.cost_step .in_item{ flex:0 0 calc((100% - 30px) / 3); padding:28px 25px;}
	.cost_step .in_item .in_num{ padding:7px 20px;}
	.cost_step .in_item .in_ico{ margin:20px 0 15px; width:90px; height:90px;}
	.cost_step .in_item .in_ico svg{ height:42px;}
	/* qa pop */
	.qa_pop .qa_box{ width:250px;}
    
    .ask_ban{padding:60px 0;}
    
    /* step bar */
	.step_bar{ margin-bottom:40px;}
	.step_bar .step_line{ width:150px; margin:0 20px;}
	.step_bar .st_num{ width:36px; height:36px; line-height:36px;}
	.step_bar .st_tt{ font-size:1.063em;}
	/* class wrap */
	.class_wrap .cw_cont{ gap:16px;}
	.class_wrap .cw_main{ width:calc(100% - 250px - 16px);}
	.class_wrap .cw_side{ width:250px;}
	.class_wrap .cw_box{ padding:22px;}
	.apply_sec{ padding:22px 0;}
	/* side preview */
	.side_preview{ padding:22px 12px; font-size:1.5em;}
	/* class list */
	.cls_wrap{ padding:22px;}
	.cls_item{ padding:10px 12px;}
	.cls_item .ci_num{ min-width:38px;}
	/* selected class */
	.sel_class .sc_item{ padding:12px 14px;}
	/* plan card(사이드 폭 축소로 조기 1단) */
	.cw_box.cost_plan .in_list{ flex-wrap:wrap; gap:10px;}
	.cw_box.cost_plan .plan_list .in_head .in_name{position: relative; justify-content: flex-start;}
    .cw_box.cost_plan .plan_list .in_head .in_name span{width:100%; padding-left: 27px;}
    .cw_box.cost_plan .plan_list .in_head .in_name:before{content:'\e92b'; font-family: 'xeicon'; color:#ccc; font-weight: 400; font-size:1.25em; line-height: 1; vertical-align: -4px; margin-right: 5px;}
    .cw_box.cost_plan .in_item.on .in_head .in_name:before{color:var(--mainColor);}
	/* detail */
	.tm_detail_wrap .dt_box{ padding:22px;}
	.tm_detail_wrap .dt_box .db_tit{ margin:-22px -22px 20px; font-size:1.25em;}
	.tm_detail_wrap .form_grid{ column-gap:24px; row-gap:20px; padding:22px;}
	.tm_detail_wrap .fg_row{ width:calc(50% - 12px);}
	.tm_detail_wrap .fg_row.full{ margin-bottom:20px;}
	.tm_detail_wrap .pay_info li{ gap:0 20px;}
	.tm_detail_wrap .pay_info li .fwB{ width:130px;}
	.tm_detail_wrap .pay_info li span{ width:calc(100% - 150px);}
	/* mark info */
	.mark_info .mi_cont{ gap:40px;}
	.mark_info .mi_prev{ width:160px; height:135px;}
	/* 결제수단 */
	#sod_frm_paysel .lb_icon{ width:135px;}
}


@media screen and (max-width:1024px) {
	
/*inc*/	
body{font-size:15px; line-height: 1.4;}	
.mobile_only { display:block !important }
.mobile_no,
.pc_only{ display:none !important }
.pc_all_menu{display:none;}
.mo_all_menu{display:block;}

/* qk_list */
.qk_list{ font-size:16px;}

/*header 검색기능 사용*/
#header .hd_sch_btn{margin-left:auto;}
#header .hd_sch_wr.on{display:block;}	
#header .hd_sch_wr{display:none; position: fixed; top:calc(var(--header_H) + 5px); left: 50%; transform: translateX(-50%); width:96%;}
#header .hd_sch_wr #hd_sch{ width:100%; border-color:#ccc; background-color: #fff;}
#header .hd_sch_wr #hd_sch #sch_stx{color:#555;}
#header .hd_sch_wr #hd_sch #sch_stx::placeholder{color:#aaa!important;}	
#header .h_check{margin-left:auto;}

/*sub_visual*/
#snb{bottom:2.5em;}
#snb .snb_list .sdp1 a{width:50px; height: 50px; line-height: 50px;}
#snb .snb_list .sdp2, 
#snb .snb_list .sdp3, 
#snb .snb_list .last{width:220px; padding:12px 20px;}
	
/*board : product_gallery*/
.board_product_gallery > li{width:50%;}
	
/*board : product_view 공통*/
.bo_top_wrap .bo_top_img{width:100%; margin-bottom: 30px;}
.bo_top_wrap .bo_top_txt{width:100%; padding:0;}
	
/*board : gallery*/	
#bo_gall .gall_li{width:50%;}

/*latest : product_slide*/
.la_product_slide .in .in_dv{padding:20px 30px 0 0 ; }	
.la_product_control{margin-top:20px;}		
.la_product_control .product_pagen{width:calc(100% - 140px);}	
	
    /* common */
    .main_tit{ margin-bottom:35px;}
    .main_tit .in_tt{ font-size:2.125em;}
    .main_tit .in_stt{ font-size:1.375em;}
    .main_tit .in_tx{ font-size:1.063em;}
    /* main visual */
    .main_visual{ padding:calc(var(--header_H) + 30px) 0 60px;}
    .main_visual .mv_inner{ min-height:inherit; flex-direction:column; align-items:flex-start;}
    .main_visual .mv_txt{ width:100%; text-align: center;}
    .main_visual .mv_txt .main_tit{ margin-bottom:30px;}
    .main_visual .mv_txt .main_tit .in_tt{ font-size:2.375em;}
    .main_visual .mv_txt .mv_btn{justify-content: center;}
    .main_visual .mv_img{display:none;}
    /* main logo */
    .main_logo{ padding:0 0 45px;}
    .main_logo .logo_item img{ height:45px;}
    /* main expert */
    .main_expert{ padding:80px 0;}
    .main_expert .expert_bg{ top:10%;}
    .main_expert .expert_bg *{ font-size:3.75em; margin-bottom:30px;}
    .main_expert .expert_wrap{ padding:40px 10px;}
    .main_expert .expert_box{ flex-direction:column; gap:50px;}
    .main_expert .expert_left,
    .main_expert .expert_right{ width:100%;}
    .main_expert .expert_left .ex_tt{ font-size:1.25em;}
    .main_expert .expert_left .ex_case{ padding:35px 30px;}
    .main_expert .expert_left .case_tt{ font-size:1.188em;}
    .main_expert .expert_right .news_img img{ max-width:80%;}
    .main_expert .expert_right .news_badge{ left:70%; bottom:0;}
    .main_expert .expert_bot .bot_tt{ font-size:1.313em;}
    /* main start */
    .main_start{ padding:90px 0;}
    .main_start .main_tit{ margin-bottom:50px;}
    .main_start .main_tit .in_stt{ margin-top:50px;}
    .main_start .start_box{ flex-direction:column; gap:15px;}
    .main_start .start_left,
    .main_start .start_right{ width:100%;}
    .main_start .start_left{ padding:45px 35px; gap:40px;}
    .main_start .start_left .st_tt{ font-size:1.5em;}
    .main_start .start_left .st_btn{ margin-top:0;}
    .main_start .st_tt{ font-size:1.25em;}
    .main_start .start_right .sr_list li .sr_inner{ padding:30px 30px;}
    /* main case */
    .main_case{ padding:90px 0;}
    .main_case .case_swiper{ padding:0 10px 10px;}
    .main_case .case_item{ padding:18px 20px;}
    .main_case .case_item .ci_img:after{ width:80px; height:80px;}
    .main_control .xi{ width:42px; height:42px; line-height:42px; font-size:1.125em;}
    /* main global */
    .main_global{ padding:90px 0 100px;}
    .main_global .main_tit .in_tt{ font-size:1.875em;}
    .main_global .gl_row,
    .main_global .gl_row.rev{ flex-direction:column; gap:50px;}
    .main_global .gl_row + .gl_row{ margin-top:80px;}
    .main_global .gl_txt,
    .main_global .gl_img{ width:100%;}
    .main_global .gl_img .gl_pic{ height:320px;}
    .main_global .gl_img .main_more{ bottom:-15px; right:15px;}
    .main_global .gl_row.rev .gl_img .main_more{ left:inherit; right:15px;}
    /* main cta */
    .main_cta{ padding:90px 0;}
    .main_cta .cta_btn{ gap:15px;}
    .main_cta .cta_btn .main_more{ padding:16px 30px;}
    
    
    .page_tt{font-size:1.625em;}
    .page_tt2{font-size:1.5em;}
    .page_stt{font-size:1.325em;}
    .page_stt2{font-size:1.25em;}
    .page_tx{font-size:1.068em;}
    .page_stx{font-size:1em; }    
    
    
    /* 인사말 */
	.about_01_01{ margin-bottom:50px;}
	.about_01_01 .def_intro .in{ flex-direction:column; gap:30px 0;}
	.about_01_01 .def_intro .in .img_z{ width:100%; text-align: center;}
	.about_01_01 .def_intro .in .img_z .bgfix{ min-height:320px;}
	.about_01_01 .def_intro .in .txt_z{ width:100%; padding:0;}
	.about_01_01 .def_intro .in .txt_z .page_tt{ font-size:1.625em; margin-bottom:20px;}
	.about_01_01 .def_intro .in .txt_z .page_tx.ceo_name{ margin-top:30px;}
	/* 프로필 */
	.att_profile{ padding:50px 0 80px;}
	.att_profile .in_list{ flex-wrap:wrap; gap:12px;}
	.att_profile .in_item,
	.att_profile .in_item.wide{ flex:1 1 100%; width:100%; padding:28px 25px;}

    
    /* 02. 요금제 비교 */
	.cost_plan{ padding:0 0 50px;}
	.cost_plan .in_list{ flex-wrap:wrap; gap:20px 14px;}
    .cost_plan .in_head .in_sum{min-height: inherit;}
	.cost_plan .in_item,
	.cost_plan .in_item.on{ flex:0 0 calc((100% - 14px) / 2); max-width:calc((100% - 14px) / 2);}
    .cost_plan .in_head .in_stx,
    .cost_plan .in_catch .in_a{min-height: inherit}
    
    
	/* 03. FAQ */
	.cost_faq{ padding:50px 0;}
	.cost_faq .in_item + .in_item{ margin-top:10px;}
	.cost_faq .in_a{ padding-left:30px;}
	.cost_faq .in_a .in_btn{ padding:11px 20px;}
	/* 04. 혜택 */
	.cost_benefit{ padding:50px 0; margin-bottom:50px;}
	.cost_benefit .in_list{ flex-wrap:wrap; gap:14px;}
	.cost_benefit .in_item{ flex:0 0 calc((100% - 14px) / 2); max-width:calc((100% - 14px) / 2);}
	/* 05. 의견제출통지서 */
	.cost_oa{ padding:50px 0;}
	.cost_oa .in_wrap{ flex-direction:column; gap:14px;}
	.cost_oa .in_cost,
	.cost_oa .in_free{ width:100%; flex:1 1 100%;}
	/* 06. 상표등록절차 */
	.cost_step{ padding:50px 0;}
	.cost_step .in_item{ padding:25px 20px;}
	.cost_step .in_item .in_ico{ width:80px; height:80px;}
	.cost_step .in_item .in_ico svg{ height:38px;}
    
    .ask_ban{padding:50px 0;}
    
    /* step bar */
	.step_bar{ margin-bottom:35px;}
	.step_bar .step_line{ width:100px; margin:0 15px;}
	/* class wrap - 사이드 하단 배치 */
	.class_wrap{ padding:15px 0 0;}
	.class_wrap .cw_cont{ flex-direction:column; gap:16px;}
	.class_wrap .cw_main,
	.class_wrap .cw_side{ width:100%;}
	.class_wrap .cw_side{ position:static; top:auto;}
	.class_wrap .cw_box{ padding:20px;}
	.apply_sec{ padding:20px 0;}
    
    
    .cw_box.cost_plan .in_item,
	.cw_box.cost_plan .in_item.on{ flex:1 1 100%; max-width:100%;}
    
	/* side preview */
	.side_preview{}
	.side_prev .sp_box{ width:100%;}
	/* class list */
	.cls_wrap{ padding:20px;}
	/* detail */
	.tm_detail_wrap .dt_box{ padding:20px;}
	.tm_detail_wrap .dt_box .db_tit{ padding:11px 15px; margin:-20px -20px 18px;}
	.tm_detail_wrap .form_grid{ column-gap:20px; row-gap:18px; padding:20px;}
	.tm_detail_wrap .fg_row{ width:calc(50% - 10px);}
	.tm_detail_wrap .fg_row.full{ margin-bottom:18px;}
	.tm_detail_wrap .form_call,
	.tm_detail_wrap .form_btn{ margin-top:18px;}
	/* mark info */
	.mark_info .mi_cont{ gap:30px;}
	.mark_info .mi_list{ row-gap:16px;}
	/* mark type */
	.mark_type{ gap:12px;}
	.mark_type .type_box{ gap:15px; padding:20px;}
	/* agree */
	.agree_list li{ font-size:1.063em;}
    .search_sx{ font-size:1.063em;}
    
    .ask_ban .in_item .in_num{font-size:1.25em;}
    .ask_ban .in_item.kko .stk_w p.st1{width:70%;}
}


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

/*inc*/
:root { 
	--header_H:70px;
}	

.qk_list{ display:flex; gap:8px; bottom:10px; right:10px; font-size:15px;}
.qk_list li{ margin-top:0;}
.qk_list > li a,
.qk_list li .qk_call:hover,
.qk_list li .qk_kakao:hover,
.qk_list li .qk_inq:hover,
.qk_list li .qk_blog:hover{width:55px; height:55px; line-height:55px; border-radius:16px;}
.qk_list li .xi{ width:55px; line-height:55px;}
.qk_list li a:hover .stx{display:none;}
    
.qk_list li .qk_inq{width:160px!important;}
.qk_list li .qk_inq .xi span{display:none;}  
.qk_list li .qk_inq .stx{display:block!important; width: auto!important;}    
    
.agree_box .in_con{padding:.8em; margin:.5em;}
.modal .modalCont{ padding:50px 14px 14px;}
	
/*sub_visual*/
#sub_visual .sub_v_tit{font-size:2.5em;}
#snb{bottom:1.5em;}
#snb .snb_list .sdp2,
#snb .snb_list .sdp3,
#snb .snb_list .last{margin-left:10px; width:35%;}
#snb .snb_list .sdp_list_wrap{top:60px;}	
.container_title{font-size:1.825em; margin:40px 0;}	
	
/*board : product_list*/
.board_product_list > li .gall_box .gall_img{width:100%!important; text-align: center; border-bottom:1px solid #ddd;}
.board_product_list > li .gall_box .bo_cnt{margin-top:5px; line-height: 1.3;}
.board_product_list > li .gall_box .gall_text_href{width:100%; padding:10px 15px;}
.board_product_list > li .gall_box .bo_tit{font-size:1.25em;}
.board_product_list > li .gall_box .bo_plus_btn .xi{display:none;}
	
/*board : product_gallery*/
.board_product_gallery{margin-right:-7px;}
.board_product_gallery > li{margin-bottom:7px;}
.board_product_gallery > li .gall_box{margin-right:7px;}
.board_product_gallery > li .gall_box .gall_img{height:250px!important}
.board_product_gallery > li .gall_box .gall_img img{width:auto; height:100%; max-width: inherit;}
	
/*board : product_view 공통*/	
.bo_op_list{margin-top:15px;}
.bo_op_list > li{margin-bottom:3px;}
.bo_top_wrap .bo_top_txt .bo_v_tt{font-size:1.45em;}	
.bo_top_wrap .bo_top_txt .bo_v_tx{font-size:1em; line-height: 1.4;}
.bo_top_wrap .bo_top_txt .bo_op_list{margin-top:20px;}

/*board : gallery*/
#bo_gall #gall_ul{margin-right:-7px;}
#bo_gall #gall_ul > li{margin-bottom:7px;}
#bo_gall #gall_ul > li .gall_box{margin-right:7px;}
#bo_gall #gall_ul > li .gall_box .gall_img img{width:100%; height:auto; max-width: inherit;}	
	
/*board: webzine*/
.board_webzine .td_subject .bo_tum {display:none;}	
.board_webzine .td_subject .bo_tit{width:100%; padding:0}
.board_webzine .td_subject .bo_tit .in_tit{font-size: 1.125em;}
	
/*board : inc*/
.w_form_tit{width:7em;}
.board_st.write th,
.board_st.write td{padding:.8em .5em;}
.board_st.write .input_st.w1{width:100%;}	
.board_st.write .input_st.w1#reg_mb_password_re{margin-top:5px;}
.board_st.write	a.btn_frmline, 
.board_st.write	button.btn_frmline{width:90px;}
.mem_etc_list{padding:10px;}
	
/*latest : gallery_slide*/
.la_gall_wrap .la_gall_slide .slick-list{margin-right:-7px;}	
.la_gall_wrap .la_gall_slide .slide_li .in{margin-right:7px;}
	
/*latest : product_slide*/
.la_product_slide .in .in_dv{width:100%; padding:0;}
.la_product_slide .in .in_dv .in_tx{font-size:1em;}	
.la_product_slide .in .in_img{width:100%;}
.la_product_slide .in .in_img img{height:300px; width:auto;}
.la_product_slide .in .more_btn{margin:20px 0; width:45px; height: 45px; line-height: 45px;}	
	
/*latest : notice_list*/	
.la_notice .news_board > li .ctg{width:80px; line-height: 1.2; font-size:1.068em;}
.la_notice .news_board > li .ctg .in_dd{font-size:1.25em;}
.la_notice .news_board > li .in_txt{padding:25px 15px; width:calc(100% - 145px);}
.la_notice .news_board > li .in_txt .tt{font-size:1.125em;}
.la_notice .news_board > li .more_btn{width:65px}
	
    #footer .ft_left{width:100%;}
    #footer .ft_cs, #footer .ft_bank{display:none;}
	
    /* common */
    .main_tit{ margin-bottom:30px;}
    .main_tit .in_tt{ font-size:1.75em; line-height:1.35;}
    .main_tit .in_stt{ font-size:1.188em;}
    .main_tit .in_tx{ font-size:1em; margin-top:15px;}
    .main_tit .in_tx br{ display:none;}
    .main_more{ padding:14px 20px; font-size:1em; border-radius:8px;}
    /* main visual */
    .main_visual{ padding:calc(var(--header_H) + 30px) 0 50px;}
    .main_visual .mv_txt .mv_logo img{ width:110px;}
    .main_visual .mv_txt .main_tit .in_tt{ font-size:1.875em;}
    .main_visual .mv_txt .mv_btn{ flex-wrap:wrap; gap:8px;}
    /* main logo */
    .main_logo{ padding:0 0 40px;}
    .main_logo .logo_tt{ font-size:1em;}
    /* main expert */
    .main_expert{ padding:60px 0;}
    .main_expert .expert_bg{ right:0; top:5%;}
    .main_expert .expert_bg *{ font-size:2.5em; margin-bottom:20px;}
    .main_expert .expert_wrap{ padding:30px 5px;}
    .main_expert .expert_box{ gap:40px;}
    .main_expert .expert_left .ex_tt{ font-size:1.125em; margin-bottom:15px;}
    .main_expert .expert_left .ex_tt br{ display:none;}
    .main_expert .expert_left .ex_case{ padding:25px 20px; gap:12px;}
    .main_expert .expert_left .case_lb{ font-size:1em;}
    .main_expert .expert_left .case_tt{ font-size:1.063em;}
    .main_expert .expert_left .case_tt br{ display:none;}
    .main_expert .expert_left .case_tx{ font-size:1em;}
    .main_expert .expert_left .case_tx br{ display:none;}
    .main_expert .expert_right .news_img img{ max-width:100%;}
    .main_expert .expert_right .news_badge{ padding:10px; font-size:.938em;}
    .main_expert .expert_right .news_badge .fwB{ font-size:1.125em;}
    .main_expert .expert_bot{ margin-top:30px;}
    .main_expert .expert_bot .bot_tt{ font-size:1.125em; line-height:1.5;}
    .main_expert .expert_bot .bot_tt br{ display:none;}
    /* main start */
    .main_start{ padding:60px 0;}
    .main_start .main_tit{ margin-bottom:35px;}
    .main_start .main_tit .in_stt{ margin-top:35px;}
    .main_start .st_ico img{ height:40px; width:auto;}
    .main_start .st_tt{ font-size:1.125em;}
    .main_start .start_left{ padding:30px 25px; gap:25px;}
    .main_start .start_left .st_tt{ font-size:1.25em;}
    .main_start .start_left .main_more{ font-size:1em;}
    .main_start .start_right .sr_list li .sr_inner{ padding:25px 20px; gap:15px;}
    .main_start .start_right .main_more{ font-size:1em; flex-shrink:0;}
    /* main case */
    .main_case{ padding:60px 0;}
    .main_case .case_item{ padding:15px;}
    .main_case .case_item .ci_img:after{ width:65px; height:65px;}
    .main_case .case_item .ci_tt{ margin-top:12px; font-size:1em;}
    .main_case .case_item .ci_date{ font-size:1em;}
    .main_control .xi{ width:36px; height:36px; line-height:36px; font-size:1em;}
    .main_control .b_prev{ left:-5px;}
    .main_control .b_next{ right:-5px;}
    /* main global */
    .main_global{ padding:60px 0 70px;}
    .main_global .main_tit .in_tt{ font-size:1.5em;}
    /*.main_global .main_tit .in_tt br{ display:none;}*/
    .main_global .gl_row,
    .main_global .gl_row.rev{ gap:40px;}
    .main_global .gl_row + .gl_row{ margin-top:60px;}
    .main_global .gl_img .gl_pic{ height:230px;}
    .main_global .gl_img .main_more{ bottom:-12px; right:10px; font-size:1em;}
    .main_global .gl_row.rev .gl_img .main_more{ right:10px;}
    /* main cta */
    .main_cta{ padding:60px 0;}
    .main_cta .main_tit{ margin-bottom:25px;}
    .main_cta .cta_btn{ gap:10px;}
    .main_cta .cta_btn .main_more{padding:15px 20px;}
    .main_cta .cta_btn .main_more img{ height:20px; width:auto; margin-right:8px;}
    
    
    /* 인사말 */
	.about_01_01{ margin-bottom:40px;}
	.about_01_01 .def_intro .in{ gap:25px 0;}
	.about_01_01 .def_intro .in .img_z .bgfix{ min-height:250px;}
	.about_01_01 .def_intro .in .txt_z .page_tt{ font-size:1.5em; margin-bottom:18px;}
	.about_01_01 .def_intro .in .txt_z .page_tt br{ display:none;}
	.about_01_01 .def_intro .in .txt_z .page_tx{ font-size:1em; margin-bottom:10px;}
	.about_01_01 .def_intro .in .txt_z .page_tx br{ display:none;}
	.about_01_01 .def_intro .in .txt_z .page_tx.ceo_name{ margin-top:25px;}
	.about_01_01 .def_intro .in .txt_z .page_tx.ceo_name .in_name{ font-size:1.188em; letter-spacing:3px;}
	/* 프로필 */
	.att_profile{ padding:40px 0 60px;}
	.att_profile .in_list{ gap:10px;}
	.att_profile .in_item,
	.att_profile .in_item.wide{ padding:22px 20px;}
	.att_profile .in_item .in_lb{ padding-bottom:15px; margin-bottom:15px;}
	.att_profile .in_item .in_lb i{ width:34px; height:34px; line-height:34px; margin-right:8px; font-size:1.063em;}
	.att_profile .in_item .dot_list > li{ padding-left:12px;}
	.att_profile .in_item .dot_list > li:before{ top:9px; width:4px; height:4px;}
    
    /* 02. 요금제 비교 */
	.cost_plan{ padding:0 0 40px;}
	.cost_plan .in_list{ gap:22px 0;}
	.cost_plan .in_item,
	.cost_plan .in_item.on{ flex:1 1 100%; max-width:100%;}
	.cost_plan .in_head .in_sum br{ display:none;}
	.cost_plan .in_catch .in_a br{ display:none;}
	.cost_plan .in_pay .in_srow{ font-size:1em;}
	.cost_plan .in_note{ margin-top:20px; padding:18px 16px;}
	/* 03. FAQ */
	.cost_faq{ padding:40px 0;}
	.cost_faq .in_item{ padding:20px 18px;}
	.cost_faq .in_q{ font-size:1.063em;}
	.cost_faq .in_q i{ width:28px; height:28px; line-height:28px; margin-right:6px;}
	.cost_faq .in_a{ padding-left:0; margin-top:12px;}
	.cost_faq .in_a br{ display:none;}
	.cost_faq .in_a .in_ol li{ padding:12px 14px 12px 42px;}
	.cost_faq .in_a .in_ol li:before{ width:22px; height:22px; line-height:22px; left:12px; font-size:1em;}
	.cost_faq .in_a .in_point{ padding:13px 15px;}
	/* 04. 혜택 */
	.cost_benefit{ padding:40px 0; margin-bottom:40px;}
	.cost_benefit .in_list{ gap:30px;}
	.cost_benefit .in_item{ flex:1 1 100%; max-width:100%; padding:24px 20px;}
	.cost_benefit .in_item .in_num{ padding:5px 14px; margin-bottom:12px;}
	.cost_benefit .in_item .in_tx br{ display:none;}
	/* 05. 의견제출통지서 */
	.cost_oa{ padding:40px 0;}
	.cost_oa .in_cost,
	.cost_oa .in_free{ padding:24px 20px;}
	.cost_oa .in_cost .in_row .in_num{ font-size:1.125em;}
	.cost_oa .in_free .in_ul li{ padding:12px 12px 12px 34px; font-size:1em;}
	.cost_oa .in_free .in_ul li:before{ top:11px; left:12px;}
	.cost_oa .in_free .in_ul li em{ font-size:1em;}
	/* 06. 상표등록절차 */
	.cost_step{ padding:40px 0;}
	.cost_step .in_list{ gap:12px;}
	.cost_step .in_item{ flex:1 1 100%; max-width:100%; padding:22px 18px;}
	.cost_step .in_item .in_num{ padding:6px 18px;}
	.cost_step .in_item .in_ico{ margin:15px 0 12px; width:70px; height:70px;}
	.cost_step .in_item .in_ico svg{ height:32px;}
	/* qa pop */
	.qa_pop .qa_box{ width:220px; right:0; font-size:1em;}
    
    /* step bar */
	.step_bar{ margin-bottom:30px;}
	.step_bar .step_line{ width:40px; margin:0 10px;}
	.step_bar .st_num{ width:32px; height:32px; line-height:32px; margin:0 auto 6px;}
	.step_bar .st_tt{ font-size:1em;}
	/* class wrap */
	.class_wrap .cw_box{ padding:18px;}
	.apply_sec{ padding:18px 0;}
	.class_wrap .page_stt br{ display:none;}
	/* search */
	.search_row{ flex-wrap:wrap; gap:8px;}
	.search_row .sr_inp{ flex:1 1 100%; width:100%;}
	.search_row > .input_st{ width:100%;}
	.search_note{padding:12px 14px; font-size:1em;}
	/* class list */
	.cls_wrap{ padding:18px 15px;}
	.cls_wrap .cls_gt{ margin-bottom:10px;}
	.cls_item{ flex-wrap:wrap; gap:8px; padding:12px;}
	.cls_item .ci_sel{ gap:10px; flex:1 1 100%;}
	.cls_item .ci_num{ min-width:34px;}
	/* selected class */
	.sel_class .sc_head{ padding-bottom:12px; margin-bottom:12px;}
	.sel_class .sc_list{ gap:10px;}
	.sel_class .sc_txt{ font-size:1em;}
	.sel_class .sc_reset,
	.sel_class .sc_help{ font-size:1em;}
	/* side est */
	.side_est .est_row{ padding:8px 0;}
	.side_est .er_mid,
	.side_est .es_cnt,
	.side_est .est_note p{ font-size:1em;}
	.side_est .est_total{ padding:16px 0;}
	.side_est .est_total strong{ font-size:1.375em;}
	/* side prev */
	.side_prev .sp_label,
	.side_prev .sp_empty,
	.side_prev .sp_help,
	.side_prev .sp_reset{ font-size:1em;}
	.side_prev .sp_box{ height:150px;}
	.side_preview{ padding:20px 12px; font-size:1.375em;}
	/* plan card */
	.cw_box.cost_plan .in_list{ font-size:1em;}
	.cw_box.cost_plan .in_item{ padding:18px 15px;}
	/* detail */
	.tm_detail_wrap{ padding:15px 0 0;}
	.tm_detail_wrap .dh_info,
	.tm_detail_wrap .db_desc{ font-size:1em;}
	.tm_detail_wrap .dt_box{ padding:18px;}
	.tm_detail_wrap .dt_box + .dt_box{ margin-top:15px;}
	.tm_detail_wrap .dt_box .db_tit{ padding:10px 14px; margin:-18px -18px 16px; font-size:1.125em;}
	.tm_detail_wrap .page_stx br{ display:none;}
	/* form */
	.tm_detail_wrap .form_grid{ column-gap:0; row-gap:16px; padding:18px 15px;}
	.tm_detail_wrap .fg_row,
	.tm_detail_wrap .fg_row.full{ width:100%;}
	.tm_detail_wrap .fg_row.full{ margin-bottom:16px;}
	.tm_detail_wrap .inp_box input,
	.tm_detail_wrap .addr_box .ab_top input,
	.tm_detail_wrap .addr_box > input{ height:42px;}
	.tm_detail_wrap .radio_row{ gap:20px;}
	.tm_detail_wrap .pay_info li{ flex-wrap:wrap; gap:5px 0; padding:12px 0; font-size:1em;}
	.tm_detail_wrap .pay_info li .fwB,
	.tm_detail_wrap .pay_info li span{ width:100%;}
	/* mark info */
	.mark_info .mi_cont{ flex-direction:column; align-items:flex-start; gap:20px;}
	.mark_info .mi_prev{ width:140px; height:120px;}
	.mark_info .mi_list{ width:100%; row-gap:14px;}
	.mark_info .mi_list li{ width:100%;}
	.mark_info .ml_lb{ margin-bottom:5px;}
	/* mark type */
	.mark_type{ flex-wrap:wrap; gap:10px;}
	.mark_type .type_box{ width:100%; padding:18px;}
	/* agree */
	.agree_list li{ font-size:1em;}
	.agree_list li.flex{ flex-wrap:wrap; gap:10px 0;}
    
    .search_sx .xi{margin:0 3px 0 5px;}
    
    .search_help li .xi{margin-left:-12px;}
    .search_help li span{ font-size: 1.068em;}
    .search_note{font-size:.95em; line-height: 1.4;}
    .inq_link{flex-wrap: wrap; gap:10px 0;}
    .inq_link li{width:100%;}
    
    
	/* 결제수단 */
	#sod_frm_paysel{ gap:6px;}
	#sod_frm_paysel .lb_icon{ width:calc(50% - 3px); padding:13px 10px;}
	#settle_bank{ padding:13px;}
	.pay_ck{ gap:10px 15px;}
	.file_box{ font-size:1em;}
	/* app btn */
	.app_btn{ margin:30px auto 0; gap:6px;}
	.app_btn button{ flex:1; width:auto;}
    
    .ask_ban .in_list{flex-wrap:wrap; gap:7px;}
    .ask_ban .in_item{width:100%; flex:100%; padding:25px;}
	
}

@media screen and (max-width:500px) {
body{font-size:14px; line-height: 1.4;}

/* qk_list */
.qk_list{ gap:6px; bottom:8px; right:8px; font-size:14px;}
/*
.qk_list > li a,
.qk_list li .qk_call:hover,
.qk_list li .qk_kakao:hover,
.qk_list li .qk_inq:hover,
.qk_list li .qk_blog:hover{width:46px; height:46px; line-height:46px; border-radius:14px;}
.qk_list li .xi{ width:46px; line-height:46px;}
*/
	
/*sub_visual*/
#sub_visual{height:120px;}
#sub_visual .sub_v_tit{font-size:1.825em;}
#snb .snb_list .sdp1 a{width:40px; height: 40px; line-height: 40px;}
#snb .snb_list .sdp2, 
#snb .snb_list .sdp3, 
#snb .snb_list .last{padding: 6px 10px; width:40%;}
#snb .snb_list .sdp_tt{font-size:1.068em;}
#snb .snb_list .sdp_tt:before{right:5px;}
#snb .snb_list .sdp_list_wrap{top:45px; border-radius: 7px;}
#snb .snb_list .sdp_list{padding:15px;}	
#snb .snb_list .sdp_list > li a{font-size:1em;}	
.container_title{padding-top:20px; margin:35px 0;}
.container_title:before{height:17px;}
	
/*board : inc*/
.board_tt{font-size:1.375em;}	
#bo_list .td_datetime{width:62px;}	
#bo_list .td_name{width:74px;}
#bo_list .td_num2{width:45px;}	
.input_st{padding:.5em .6em; font-size:.9em;}
input[type=file]{width:75%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}	
.label_select:after{width:2em;}
.label_select select{padding-right:2em!important;}	
.board_sch_wrap	.input_st.w1{width:9.5em;}
.pg_wrap .pg_page, 
.pg_wrap .pg_current{width: 36px; height: 36px; line-height: 36px;}
.board_btn_wrap{margin-top:10px;}
.board_btn_wrap .xi{display:none;}
#bo_v_title{padding:.5em 0;}	
#bo_v_title .bo_v_cate{font-size:.7em; margin-bottom: 2px;}	
#bo_v_title .bo_v_tit{font-size:.938em;}
#bo_v_info{padding:10px 0; margin:0 0 20px;}
.bo_v_nb li .nb_tit{padding-right:10px;}	
.bo_v_nb li a{width:calc(100% - 130px);}
.bo_vc_w .btn_submit{font-size:1em; height:40px;}	
	
	
/*모바일에서 글쓰기 임시저장글 버튼 삭제*/
.bo_w_tit button.btn_frmline{display:none;}	
	
.board_webzine .td_subject .bo_cnt,
#bo_gall .gall_li .gall_text_href .bo_cnt{display:none;}
	
/*board : product_gallery , board : gallery*/	
#bo_gall .gall_li .gall_text_href{padding:10px;}
.board_product_list > li .gall_box .gall_text_href{padding:10px;}
.board_product_gallery > li .gall_box .gall_text_href{padding:10px;}
	
/*회원가입*/
#reg_result{padding:30px 15px;}
	
/*latest : gallery_slide*/	
.la_gall_wrap .la_gall_control{display:none;}
	
/*style*/
#header #logo img,
#footer .ft_logo img{width:100px;}
#header .h_check a{padding:8px 18px;}    
#header .btn_gnb{margin-left:12px; width:28px; height: 28px;}
#header .hd_login{margin-left:12px;}	
#header .hd_login > li a{margin-left:12px;}
#footer{padding:40px 0 15px; margin-top:6em;}    
#footer .ft_top{padding-bottom: 20px;}
#footer .f_menu > li a{margin-right:20px;}	
#footer .ft_copy{padding-top:15px;}


    .page_tt{font-size:1.45em;}
    .page_tt2{font-size:1.325em;}
    .page_stt{font-size:1.15em;}
    .page_stt2{font-size:1.068em;}
    .page_tx{font-size:.938em;}
    .page_stx{font-size:.9em; }    

    .input_st.s1{font-size:1em;}
    
    
    .tab_idx.st01{margin:-.5em 0 0 -.5em;}
    .tab_idx.st01 > li > a{margin:.5em 0 0 .5em;}	
    .tab_idx.st01 > li > a .va{font-size:1em;}

    /* common */
    .main_tit{ margin-bottom:25px;}
    .main_tit .in_tt{ font-size:1.5em;}
    /*.main_tit .in_tt br{ display:none;}*/
    .main_tit .in_stt{ font-size:1.125em;}
    .main_more{ padding:13px 18px;}
    /* main visual */
    /*.main_visual{ padding:calc(var(--header_H) + 20px) 0 40px;}*/
    .main_visual .mv_txt .mv_logo img{ width:95px;}
    .main_visual .mv_txt .main_tit .in_tt{ font-size:1.625em;}
    .main_visual .mv_txt .main_tit .in_tt br{ display:block;}
    .main_visual .mv_txt .mv_btn .main_more{padding:15px 25px; width:auto;}
    
    /* main logo */
    .main_logo{ padding:0 0 35px;}
    /* main expert */
    .main_expert{ padding:50px 0;}
    .main_expert .expert_bg *{ font-size:2em; margin-bottom:15px;}
    .main_expert .expert_wrap{ padding:25px 5px;}
    .main_expert .expert_box{ gap:30px;}
    .main_expert .expert_left .ex_case{ padding:20px 15px;}
    .main_expert .expert_right .news_badge{left:inherit; right:5%; bottom:-5px; width:130px;}
    .main_expert .expert_bot .bot_tt{ font-size:1.063em;}
    /* main start */
    .main_start{ padding:50px 0;}
    .main_start .main_tit{ margin-bottom:30px;}
    .main_start .main_tit .in_stt{ margin-top:30px;}
    .main_start .st_ico img{ height:34px;}
    .main_start .st_tt{ font-size:1.063em;}
    .main_start .st_tt br{ display:none;}
    .main_start .start_left{ padding:25px 20px; gap:20px;}
    .main_start .start_left .st_tt{ font-size:1.188em;}
    .main_start .start_left .st_tt br{ display:block;}
    .main_start .start_right .sr_list li .sr_inner{ flex-wrap:wrap; padding:20px 18px; gap:12px;}
    .main_start .start_right .sr_list li .sr_txt{ width:100%;}
    /* main case */
    .main_case{ padding:50px 0;}
    .main_case .case_item .ci_img:after{ width:55px; height:55px;}
    .main_control .xi{ width:32px; height:32px; line-height:32px;}
    /* main global */
    .main_global{ padding:50px 0 60px;}
    .main_global .main_tit .in_tt{ font-size:1.375em;}
    .main_global .gl_row,
    .main_global .gl_row.rev{ gap:30px;}
    .main_global .gl_row + .gl_row{ margin-top:50px;}
    .main_global .gl_img .gl_pic{ height:180px;}
    .main_global .gl_img .main_more{ bottom:-10px; right:5px;}
    .main_global .gl_row.rev .gl_img .main_more{ right:5px;}
    /* main cta */
    .main_cta{ padding:50px 0;}
    .main_cta .cta_btn .main_more{ padding:14px 15px;}    

    
    /* 인사말 */
	.about_01_01{ margin-bottom:35px;}
	.about_01_01 .def_intro .in{ gap:20px 0;}
	.about_01_01 .def_intro .in .img_z .bgfix{ min-height:200px;}
	.about_01_01 .def_intro .in .txt_z .page_tt{ font-size:1.25em; margin-bottom:15px;}
    .about_01_01 .def_intro .in .txt_z .page_tx{font-size:.938em;}
	.about_01_01 .def_intro .in .txt_z .page_tx.ceo_name{ margin-top:20px;}
	.about_01_01 .def_intro .in .txt_z .page_tx.ceo_name .in_name{ font-size:1.125em; letter-spacing:2px;}
	/* 프로필 */
	.att_profile{ padding:35px 0 50px;}
	.att_profile .in_item,
	.att_profile .in_item.wide{ padding:20px 15px;}
	.att_profile .in_item .in_lb{ padding-bottom:12px; margin-bottom:12px;}
	.att_profile .in_item .in_lb i{ width:30px; height:30px; line-height:30px; font-size:1em;}
    .att_profile .in_item .dot_list > li + li{margin-top:3px;}
    

    .sub_thead{margin-bottom:25px;}
    
    /* 02. 요금제 비교 */
    .cost_plan .in_item{font-size:.9em;}
	.cost_plan .in_item,
	.cost_plan .in_item.on{ padding:24px 15px 20px;}
	.cost_plan .in_item .in_badge{ padding:5px 14px;}
    .cost_plan .in_service .in_ol > li{margin-bottom:5px;}
    .cost_plan .in_pay .in_stage{ padding:14px 12px;}
	.cost_plan .in_btn{ padding:14px 10px;}
    .cost_plan .in_note{font-size:.9em;}
    
	/* 03. FAQ */
	.cost_faq .in_item{ padding:18px 15px;}
	.cost_faq .in_a .in_ol li{ padding:12px 12px 12px 38px;}
	.cost_faq .in_a .in_ol li:before{ left:10px;}
    .cost_faq .in_a{font-size:.9em;}
    
	/* 04. 혜택 */
	.cost_benefit .in_item{ padding:20px 16px;}
    .cost_benefit .in_item .in_num,
    .cost_benefit .in_item .in_a,
    .cost_benefit .in_item .in_tx{font-size:.9em;}
    
	/* 05. 의견제출통지서 */
	.cost_oa .in_cost,
	.cost_oa .in_free{ padding:20px 16px;}
	.cost_oa .in_cost .in_row{ padding:12px 10px; font-size:.9em;}
    
	/* 06. 상표등록절차 */
	.cost_step .in_item{ padding:20px 15px;}
	.cost_step .in_item .in_ico{ width:64px; height:64px;}
	.cost_step .in_item .in_ico svg{ height:28px;}
    
	/* qa pop */
	.qa_pop .qa_box{ width:200px; padding:15px;}
    
    .ask_ban{padding:40px 0;}
    .ask_ban .in_list{margin-top:45px;}
    .ask_ban .in_item .in_lb{font-size:1.125em;}
    .ask_ban .in_item .in_num{font-size:10px; font-size:1.125em; margin-top:5px;}
    .ask_ban .in_item .in_go{padding:10px; font-size:.938em}
    .ask_ban .in_item .in_ico{width:50px; height: 50px; margin:0 auto 10px;}
    .ask_ban .in_item .in_ico svg{width:20px; height: 20px;}
    .ask_ban .in_item.kko .stk_w p.st1{width:55%;}
    
    
    /* step bar */
	.step_bar{ margin-bottom:25px;}
	.step_bar .st_num{ width:28px; height:28px; line-height:28px;}
	/* class wrap */
	.class_wrap .cw_box{ padding:15px;}
    .app_file{flex-wrap:wrap;}
    .app_file .input-group-append{margin-top:5px;}
    .app_file .input-group-append *{font-size:.9em;}
	.apply_sec{ padding:16px 0;}
	/* side preview */
	.side_preview{ padding:18px 10px; font-size:1.25em; width:100%;}
	/* class list */
	.cls_wrap{ padding:15px 12px;}
	.cls_item{ padding:10px;}
    .sel_class .sc_txt{font-size:.9em;}
    .side_est .er_mid, .side_est .es_cnt, .side_est .est_note p{font-size:.9em;}
	/* detail */
	.tm_detail_wrap .dt_box{ padding:15px;}
	.tm_detail_wrap .dt_box .db_tit{ padding:10px 12px; margin:-15px -15px 14px; font-size:1.063em;}
	.tm_detail_wrap .form_grid{ padding:15px 12px;}
	.tm_detail_wrap .radio_row{ gap:15px;}
	.tm_detail_wrap .rd_dot{ width:18px; height:18px;}
	/* mark info */
	.mark_info .mi_prev{ width:120px; height:105px;}
	/* 결제수단 */
	#sod_frm_paysel .lb_icon{ width:100%; padding:12px 10px;}
	#settle_bank .input_st{ margin-left:0; margin-top:5px;}
	/* app btn */
	.app_btn{ flex-wrap:wrap; margin:25px auto 0;}
	.app_btn button{ flex:1 1 100%; width:100%;}
    
    .inq_link li:before{font-size:.938em;}
    
    .cost_plan .in_item:nth-child(3):before{top:-10px; left:inherit; right:10px; transform:none;}
    
}