@media (max-width: 1800px) {
	.w1720,.w1600,.w1685{ padding: 0 20px; }

	/*main*/
	#fullpage .people .ctnBox{ margin: 0 0 0 5%;}
	#fullpage .people .ctnBox .txtBox{ margin: 180px 5% 0 0;}
	#fullpage .story .w1600 > .txtBox{ margin-right: 50px; }
	#fullpage .analyze .ctnBox .txtBox{ margin-right: 50px; }
	#fullpage .analyze .ctnBox{ padding: 100px 0 0 20px ;}
	#fullpage .analyze .ctnBox .slideBox .s_swiper .cap_w{ left: 0%; }
	#fullpage .contact .ctnBox{ padding: 0 5%;}

	/*sub*/
	#philosophy .thank figure{ margin-right: 5%;}
}

@media (max-width: 1600px) {
	.font160{ font-size:100px; white-space: nowrap;}
	.font80{ font-size:65px; }

	/*main*/
	#fullpage .people .ctnBox{ padding: 0 20px; }
	#fullpage .people .ctnBox .txtBox{ width: 40%;}
	#fullpage .people .font160{ z-index: -1; top: 180px; }
	#fullpage .people .ctnBox .slideBox .secondBox{ left: 75%; }
	#fullpage .result .ctnBox > div{ padding: 200px 0 0 20px;}
	#fullpage .result .ctnBox > .txtBox p.num{ font-size:90px; }
	#fullpage .result .ctnBox > .txtBox h4{ font-size:42px; }
	#fullpage .story .w1600 > .txtBox{ flex-shrink: inherit; width: 30%;}
	#fullpage .story .txtBox h3{ font-size:55px; }
	#fullpage .story .txtBox h3 span.num{ font-size:65px;}
	#fullpage .story .txtBox .selectBox{ width: 100%;}
	#fullpage .analyze .ctnBox .txtBox p.num{ font-size:100px; }
	#fullpage .contact .ctnBox .inputBox .selectBox,#fullpage .contact .ctnBox .inputBox p.txt,#fullpage .contact .ctnBox .apply{ width: 100%; }
	#fullpage .contact .leftBox .contactswiper{ height: 100%; }
	#fullpage .contact .leftBox .contactswiper .swiper-slide img{ height: 100%; }
	#fullpage .contact .leftBox .inBox{ padding: 90px 40px 0; gap:20px; }

	/*sub*/
	#philosophy .founding figure{ flex-shrink:0; }
	#philosophy .founding .txtBox{ margin-right: 100px;}
	#philosophy .thank figure{ flex-shrink: inherit;} 
	#philosophy .thank .txtBox{ width: 50%; }
	#history .wrapBox .ctnBox .yearBox{ display:flex;  flex-direction: column; align-items: center; padding: 170px 20px 200px;}

	#award .ctnBox .itemBox1 .imgBox img,#award .ctnBox .itemBox:not(.itemBox3) .imgBox .m-img{ width: 45%; }
	
	#taxcare .award .slideBox{ padding: 0 20px;}
}

@media (max-width: 1500px) {
	/*common*/
	.w1450{ padding: 0 20px;}

	/*header*/
	header .headerBox > div #gnb > li > a{ padding:  0 15px; }
	#allMenu .rightBox{  padding: 100px 0 0 50px; }

	/*main*/
	#full_navi{ right: 55px; }
	#fullpage .visual .txtBox h1{ font-size:80px;}
	#fullpage .story .scrollBox{ left: 75%; }
	#fullpage .story .ctnBox{ gap: 25px; }
	#fullpage .story .ctnBox .itemBox{ width: 400px; padding: 0 20px;}
	#fullpage .analyze .ctnBox .slideBox .s_swiper{ max-width:1600px; }
	#fullpage .analyze .ctnBox .slideBox .s_swiper .cap_w{ left: -6%; }
	#fullpage .analyze .ctnBox .txtBox p.num sup{ font-size:50px; right: auto;}
	#fullpage .news .w1600 .txtBox h5,#fullpage .contact .ctnBox .txtBox h4{ font-size:60px; }

	/*sub*/
	#location .ctnBox .txtBox ul.innerList{ gap:20px; flex-wrap:wrap; justify-content: normal }
	#taxcare .process .ctnBox{ gap:40px; }
	#taxcare .process .ctnBox .itemBox{ width: calc((100% - 120px) / 4); }
	#taxcare .process .ctnBox .itemBox:not(.itemBox4) .txtBox .txt:after{ width: 40px; right: -40px;}
	#taxcare .process .ctnBox .itemBox .imgBox{ padding: 30px 20px 45px;}
}

@media (max-width: 1400px) {
	.font52{ font-size:48px; }

	/*main*/
	#fullpage .people .ctnBox .txtBox p{ margin: 60px 0 70px;}
	#fullpage .people .ctnBox .txtBox h4{ font-size:48px; }
	#fullpage .analyze .ctnBox .slideBox .s_swiper .cap_w{ left: 0%; }
	#fullpage .analyze .ctnBox .txtBox p.title{ font-size:48px; }
	#fullpage .analyze .ctnBox .txtBox p.num{ font-size: 80px; }
	#fullpage .contact .ctnBox{ margin-top: 10%; }
	#fullpage .story .ctnBox .itemBox .txtBox p{ font-size:25px; }

	/*sub*/
	.font100{ font-size:80px; }
	.font80{ font-size:75px;}
	.font65{ font-size:55px; }
	.font55{ font-size:45px; }
	
	#sv .txtBox h2{ font-size:70px; }

	#philosophy .circleBox{ gap: 20px; }
	#philosophy .thank .txtBox p.font21 br:not(.d_br){ display:none; }

	#award .ctnBox .itemBox .txtBox ul li{ text-indent: -10px; margin-left: 10px;}
	#history .wrapBox{ justify-content: normal; padding: 0 0 0 20px;}
	#history .wrapBox .titleBox{ margin-right: 0; }
	#history .wrapBox .ctnBox{ margin: 0 0 0 auto;}

	#nti .research .ctnBox{ flex-wrap:wrap; gap:60px 30px; }
	#nti .research .ctnBox .itemBox{ width: calc((100% - 60px) / 3);}
	#nti .research .ctnBox .itemBox .listBox{ position: relative;  text-align: center; }
	#nti .research .ctnBox .itemBox .circleBox .circle{ width: 290px; margin: 0 auto;}

	.business .apply .ctnBox .itemBox .txtBox .txt br{ display:none; }
	
	#family .question .ctnBox .itemBox .txtBox .txt{ white-space:wrap; }
	#family .question .ctnBox .itemBox .txtBox .txt br{ display:none; }
	#family .question .ctnBox .itemBox.on .txtBox.off{ padding: 135px 40px 100px;}
	
	#example .ctnBox .itemBox{ padding: 40px 20px;}
	#example .ctnBox .itemBox .circleBox{ transform: scale(0.8);}
	#example .ctnBox .itemBox ul.txtBox li{ padding: 5px 10px;}
	
	#audit .ctnBox .itemBox{ padding: 60px 40px;}
	#audit .ctnBox .itemBox figure{ width: 160px; height: 160px;}

	.view_txtBox .txtBox .txt br{ display:none; }

	/*footer*/
	.footer_in .f_top .f_right { width: 50%;}
	.footer_in .f_top .f_right .linkBox{ flex-wrap: wrap; }
	.footer_in .f_top .f_right .linkBox p{ width: calc((100% - 20px) / 2);}
	.footer_in .f_top .f_right .linkBox a{ padding: 20px;  width: 100%;}
}

@media (max-width: 1200px) {
	/*header*/
	header{ background: rgba(255,255,255,0.9);  height: 80px;}
	header .headerBox > div #gnb{ display:none; }
	header.active .headerBox> div .logo{ display:block; }
	header .headerBox #menubar p{ color:#c49a6c; }
	header .headerBox #menubar button span,header .headerBox #menubar button span:after{ background: #c49a6c; }
	#gnb > li > a i{ display: inline-block; font-size: 15px; margin-left: 10px;  transition:all 0.5s; }
	#allMenu{ flex-direction: column; }
	#allMenu .rightBox .allMenu_gnb #gnb > li > a{ font-size:23px; }
	#allMenu .rightBox .allMenu_gnb #gnb > li.on > a i{ transform:rotate(180deg); color:#111; }
	#allMenu .leftBox{ width: 100%; order: 2;}
	#allMenu .rightBox .allMenu_gnb #gnb > li:not(:last-child){ margin: 0;}
	#allMenu .rightBox .allMenu_gnb #gnb > li > a{ margin: 20px auto; transition:all 0.5s; pointer-events: auto; }
	#allMenu .rightBox .allMenu_gnb #gnb > li.on > a{ color:#c49a6c;}
	#allMenu .rightBox .allMenu_gnb #gnb .depth2{ display:none; }
	#allMenu .rightBox .allMenu_gnb #gnb .depth2 li:not(:last-child):after{ display:none; }
	#allMenu .rightBox .allMenu_gnb #gnb .depth2 li{ display:inline-block; width: 40%; margin-bottom: 10px; }
	#allMenu .rightBox .allMenu_gnb #gnb .depth2 li a{ font-size:19px; }
	#allMenu .leftBox{ display:none; }
	#allMenu_bottom{ display: flex;}
	#wrap.over .stop-cursor{ position: fixed; margin-top: -27%; }
	#policy-Box{ width: 90%; padding: 50px 30px;}

	/*main*/
	#fullpage > section{ height: auto; }
	#fullpage .visual { height: 100vh; }
	#fullpage .visual .txtBox h1{ font-size:60px; }
	#fullpage .visual .txtBox p{ font-size: 20px;}
	#fullpage .visual .scroll{ bottom: 80px; }

	#fullpage .people .font160{ top: 50px;}
	#fullpage .people .ctnBox{ flex-direction: column; align-items: normal; padding: 100px 20px; height: auto;}
	#fullpage .people .ctnBox .txtBox{ margin: 0; width: 100%; }
	#fullpage .people .ctnBox .txtBox h4 br{ display:block; }
	#fullpage .people .ctnBox .txtBox h4{ font-size:40px; }
	#fullpage .people .ctnBox .slideBox .firstBox{ margin: 0 auto; }
	#fullpage .people .ctnBox .slideBox .firstBox .circle_swiper{ margin-top: 0; }
	#fullpage .people .ctnBox .slideBox .firstBox .circle_swiper .swiper-slide .inner{ transform:scale(1); width: 100%;}
	#fullpage .people .ctnBox .slideBox .firstBox .circle_swiper .swiper-slide-prev .inner,#fullpage .people .ctnBox .slideBox .firstBox .circle_swiper .swiper-slide-next .inner{ display:none; 
	transform-origin: center; margin: 0 ;}
	#fullpage .people .ctnBox .slideBox .firstBox .circle_swiper .swiper-slide.swiper-slide-active{ animation: s_scale 0.8s 1s both; display: flex;  justify-content: center; }
	#fullpage .people .bg_circle{ display:none; }
	#fullpage .people .ctnBox .slideBox .firstBox .swiper_img #m_circle_img01{ left: 15%;}
	#fullpage .people .ctnBox .slideBox .firstBox .swiper_img #m_circle_img02{ top: 45%;  left: 20%;}

	#fullpage .result .ctnBox{ flex-direction: column;}
	#fullpage .result .ctnBox > .txtBox,#fullpage .result .ctnBox > .countBox{ padding: 100px 20px; width: 100%;}
	#fullpage .result .ctnBox > .txtBox h4{ font-size:32px; }
	#fullpage .result .ctnBox > .txtBox p.num{ margin-bottom: 60px;}
	#fullpage .result .ctnBox > .countBox .numBox{ gap:50px 0; }
	#fullpage .result .ctnBox > .countBox .numBox{ width: 70%; margin: 0 auto;}
	#fullpage .result .ctnBox > .countBox .numBox .itemBox{ text-align: center; }

	#fullpage .story{ padding: 100px 0 150px;}
	#fullpage .story .w1600{ flex-direction:column; position: relative; transform: none; top: auto; left: auto; }
	#fullpage .story .w1600 > .txtBox{ z-index: 2; overflow: visible;  margin-bottom: 100px; position: relative; transform: none; top: auto; left: auto; width: 100%; }
	#fullpage .story .txtBox .selectBox{ width: 80%; }
	#fullpage .story .txtBox .selectBox .label{ width: 100%; }
	#fullpage .story .scrollBox{ position: relative; transform: none; top: auto; left: auto; max-width: none; overflow: inherit;}
	#fullpage .story .scrollBox .s_pagi{ display:flex; }
	#fullpage .story .scrollBox .s_pagi .s_pagination{ width: 60px; font-size:16px; color:#fff; font-weight: 500; font-family: 'Lora', serif; margin-right: 35px; }
	#fullpage .story .scrollBox .s_pagi .s_pagination .total{ color:#777; }
	#fullpage .story .scrollBox .arrowBox{ display:flex; margin-bottom: 30px;}
	#fullpage .story .scrollBox .arrowBox .slick-arrow{ width: 38px; height: 24px; font-size:0; }
	#fullpage .story .scrollBox .arrowBox .slick-arrow.slick-prev{ background: url("/img/main/main_btn_prev.png") no-repeat;  margin-right: 13px; }
	#fullpage .story .scrollBox .arrowBox .slick-arrow.slick-next{ background: url("/img/main/main_btn_next.png") no-repeat; }
	#fullpage .story .ctnBox{ margin-top: 0; flex-wrap: inherit; gap:0; }
	#fullpage .story .ctnBox .itemBox{  width: calc((100% - 50px) / 2); opacity: 1; box-shadow:none;}
	#fullpage .story.on .ctnBox .itemBox{ animation:none; }
	#fullpage .story .ctnBox .itemBox .circleBox p{ font-size:30px; }
	#fullpage .story .ctnBox .itemBox .txtBox p{ font-size:20px; }
	#fullpage .story .ctnBox .itemBox:nth-child(2),#fullpage .story .ctnBox .itemBox:nth-child(2n-1):not(:first-child){ margin: 0;}

	#fullpage .analyze{ overflow: hidden;}
	#fullpage .analyze .ctnBox{  flex-direction: column; padding: 100px 20px; align-items: normal; }
	#fullpage .analyze .ctnBox .txtBox{ margin:  0 0 100px 0;}
	#fullpage .analyze .ctnBox .txtBox .a_pagi{ margin-top: 50px; }
	#fullpage .analyze .ctnBox .txtBox p.num{ font-size:70px; }
	#fullpage .analyze .ctnBox .txtBox p.title{ font-size:40px; }
	#fullpage .analyze .ctnBox .slideBox .s_swiper .cap_w{ display:none; }
	#fullpage .analyze .ctnBox .slideBox .m_swiper{ width: 600px; height: 600px; }
	#fullpage .analyze .ctnBox .slideBox .m_swiper .viewBox{ width: 180px; height: 180px; }
	#fullpage .analyze .ctnBox .slideBox .m_swiper .viewBox p.title{ font-size:20px; }

	#fullpage .news .w1600{ position: relative; transform: none; top: auto; left: auto;  padding:  100px 20px; }
	#fullpage .news .w1600 .txtBox h5,#fullpage .contact .ctnBox .txtBox h4{ font-size:50px; }
	#fullpage .news .w1600 .slideBox .newsswiper .swiper-slide a{ padding: 40px 20px;}
	#fullpage .news .w1600 .slideBox .newsswiper .swiper-slide p.title{ font-size:20px; }
	#fullpage .news .w1600 .slideBox .newsswiper .swiper-slide p.ctn{ margin: 30px 0;}
	#fullpage .news .w1600 .slideBox .newsswiper .swiper-slide{ height: 270px; }

	#fullpage .video_blog{ padding: 100px 0;}
	#fullpage .video_blog .w1600{ position: relative; transform: none; top: auto; left: auto;}
	#fullpage .video_blog .vb_bg{ height: 50%;}
	#fullpage .video_blog .videoBox{ position: relative; height: auto;}
	#fullpage .video_blog .videoBox .mainBox .swiper-slide{ flex-direction:column; }
	#fullpage .video_blog .videoBox .mainBox .swiper-slide .movbox{ height: auto; padding: 20% 0; width: 100%; margin-bottom: 50px;}
	#fullpage .video_blog .videoBox .mainBox .swiper-slide .txtbox{ order:-1; margin: 0 0 150px 0px;}
	#fullpage .video_blog .videoBox .v_pagi{ top: 210px; left: 0;}
	#fullpage .video_blog .videoBox .subBox{ position: relative; right: auto; bottom: auto; width: 100%;  height: 250px;}
	#fullpage .video_blog .blogBox{ flex-direction:column; }
	#fullpage .video_blog .blogBox .txtBox{ margin-right: 0; }
	#fullpage .video_blog .blogBox .txtBox .txt{ margin: 20px 0 60px;}
	#fullpage .video_blog .pagi{ position: relative; }
	#fullpage .video_blog .blogBox .blogswiper { margin-top: 50px;}

	#fullpage .contact{ display:flex; flex-direction: column;}
	#fullpage .contact > div{ display:flex; flex-direction:column; }
	#fullpage .contact .leftBox{ order:2; width: 100%;}
	#fullpage .contact .leftBox .contactswiper{ width: 100%; height: 300px;}
	#fullpage .contact .leftBox .contactswiper .swiper-slide img{ width: 100%; height: 100%; object-fit:cover; }
	#fullpage .contact .ctnBox{ margin: 0 ; padding: 100px 20px; order:1;}
	#fullpage .contact .ctnBox .txtBox p{ font-size:21px; }
	#fullpage .contact .ctnBox .inputBox{ z-index: 1; margin-top: 60px;}
	#fullpage .contact .ctnBox .apply{ float:left; }
	#full_navi { display: none !important; }

	/*sub*/
	.font20{ font-size:18px; }
	.font21{ font-size:19px; }
	.font24,.font25{ font-size:20px; }
	.font30{ font-size:22px;}
	.font34,.font35,.font37{ font-size:26px; }
	.font40,.font45{ font-size:30px; }
	.font52,.font55{ font-size:40px;}
	.font65{ font-size:45px; }
	.font80{ font-size:55px;}
	.font100{ font-size:70px; }

	#subContents{ padding: 100px 0 150px;}
	#sv .txtBox h2{ font-size:60px; }
	#philosophy .founding .txtBox p.font35{ margin: 50px 0 20px;}
	#philosophy .circleBox{ margin-top: 100px; }
	#philosophy .circleBox .itemBox .txtBox p span{ font-size:17px; }
	#philosophy .thank{ margin: 100px 0;}

	#history .wrapBox .yearList{ display:none; }
	#history .wrapBox .ctnBox h3.title{ padding: 0 20px;}
	#history .wrapBox .ctnBox .yearBox{ align-items:flex-start; }
	#history .wrapBox .ctnBox .yearBox{ padding: 150px 20px 170px;}
	#history .wrapBox .ctnBox .yearBox .itemBox p.year{ margin-right: 5%;}
	#history .wrapBox .ctnBox .yearBox .itemBox:not(:last-child){ margin-bottom: 100px;}

	/*#people .ctnBox .itemBox .imgBox{ margin-right: 5%; height: 500px;}*/
	#people .ctnBox .itemBox .imgBox{ margin-right: 0; height: 500px; width: 400px; }
    #people .ctnBox .itemBox .txtBox{ width: calc(100% - 400px); padding-left: 80px; }
	
	#award .title.font65{ margin-bottom: 80px;}
	#award .ctnBox .itemBox{ flex-direction:column; }
	#award .ctnBox .itemBox > div{ width: 100%; }
	#award .ctnBox .itemBox:not(:last-child){ margin-bottom: 150px;}
	#award .ctnBox .itemBox .imgBox{ order:-1; }
	#award .ctnBox .itemBox .imgBox .m-img{ position: relative; }
	#award .ctnBox .itemBox .txtBox .year{ padding-top: 80px;}
	#award .ctnBox .itemBox1 .imgBox img, #award .ctnBox .itemBox:not(.itemBox3) .imgBox .m-img{ width: auto;}
	#award .ctnBox .itemBox1,#award .ctnBox .itemBox3 .txtBox,#award .ctnBox .itemBox4 .txtBox{ padding-bottom: 0;}
	#award .ctnBox .itemBox1 .imgBox{ position: relative; top: auto; right: auto; justify-content:flex-start; }
	#award .ctnBox .itemBox2 .txtBox > figure{ display:none; }
	#award .ctnBox .itemBox3 .imgBox{ position: relative; top: auto; right: auto;}
	#linkBox{ margin-top: 150px;}
	
	.business > .titleBox .w1685{ flex-direction:column; }
	.business > .titleBox .w1685 figure{ order:-1; margin-bottom: 60px; overflow: hidden; height: 300px;}
	.business > .titleBox .w1685 .txtBox .big{ margin-right: 0;}
	.business > .titleBox .w1685 .txtBox .txt br{ display:none;}
	.business > .titleBox .w1685 .txtBox .big{ color:rgba(196,154,108,0.3)}
	.business .apply .ctnBox .itemBox{ gap:30px}
	.business .apply .ctnBox .itemBox:nth-child(2n-1) .txtBox{ margin-left: 0;}
	.business .apply,#nti .research,#enti .process,.business .suggest,#taxcare .award{ margin-bottom: 100px;}

	#taxcare .process .ctnBox{ flex-wrap:wrap; }
	#taxcare .process .ctnBox .itemBox{ width: calc((100% - 40px) / 2);}

	#family .apply .ctnBox .itemBox .txtBox .innerBox > ul > li br{ display:none; }
	#family .apply .ctnBox .itemBox .btnList p.txt{ width: 100%;}
	#family .apply .ctnBox .itemBox .btnList .pop-box{ width: 90%;}
	#family .apply .ctnBox .itemBox .btnList .pop-box .tableBox td,#family .apply .ctnBox .itemBox .btnList .pop-box .tableBox td:last-child{ height: auto; padding: 20px;}
	#family .apply .ctnBox .itemBox .btnList .pop-box .tableBox td:first-child{ padding: 20px;}
	#family .apply .ctnBox .itemBox .btnList .pop-box .close{ right: 0px; top: -35px;}
	
	#searchBox{ padding: 40px 20px;}
	#searchBox .selectBox,#searchBox .inputBox{ height: 70px;}
	#example .ctnBox .itemBox{ width: calc((100% - 32px) / 3);}
	#searchBox .title{ width: 120px;}

	#example_view .ctnBox .topBox .infoBox{ padding: 40px 30px;}

	#audit .topBox .infoBox{ padding: 10px 20px;}
	#audit .ctnBox{ gap:50px 20px;}
	#audit .ctnBox .itemBox{ width: calc((100% - 40px) / 3); padding: 40px 30px;}
	#audit .topBox .infoBox .itemBox .txtBox .title{ width: auto;}
	
	.video_s .ctnBox .itemBox .pop-box .closeBtn{ width: 60px; height: 60px; font-size:25px; top: 60px;}
	.video_s .ctnBox .itemBox .pop-box .videoBox{ transform:scale(0.7);}
	
	.online .ctnBox .itemBox .title{ width: 200px;}
	
	#social .ctnBox .itemBox:not(:last-child) .view_txtBox{ margin-bottom: 100px;}
 
	/*footer*/
	.footer_in{ padding: 80px 0 60px; }
	.footer_in .f_top{ flex-direction:column;  }
	.footer_in .f_top .f_right{ display: flex; flex-direction: column-reverse; margin-top: 40px; }
	.footer_in .f_top .f_right .iconBox{ margin: 20px 0 0 0 ; justify-content: flex-start;}
}

@media (max-width: 960px) {
	/*header*/
	header .headerBox > div .logo img,.footer_in .f_top .f_left .logo svg{ width: 200px; }
	#allMenu .rightBox{ padding: 100px 0 0 20px; }

	/*main*/
	#fullpage .visual .txtBox h1{ font-size:40px; }
	#fullpage .visual .txtBox p{ font-size: 20px; white-space:nowrap; }
	#fullpage .people .ctnBox .slideBox .firstBox{ width: 400px; height: 400px;}
	#fullpage .people .ctnBox .slideBox .firstBox .swiper_img img{ width: 400px; height: 400px;}
	#fullpage .people .ctnBox .txtBox h4{ font-size:30px; }
	#fullpage .people .ctnBox .txtBox p{ font-size:18px; margin: 40px 0 60px;}
	#fullpage .result.on .ctnBox > .txtBox{ animation:none; opacity: 1;}
	#fullpage .result .ctnBox > .txtBox,#fullpage .result .ctnBox > .countBox{ padding: 80px 20px;}
	#fullpage .result .ctnBox > .txtBox h4{ font-size:30px; }
	#fullpage .result .ctnBox > .txtBox p.txt{ font-size:18px; }
	#fullpage .result .ctnBox > .txtBox p.num{ margin:30px 0; font-size:70px}
	#fullpage .result .ctnBox > .countBox .numBox{ gap:50px 0; }
	#fullpage .result .ctnBox > .countBox .numBox{ width: 100%;}
	#fullpage .story .w1600 > .txtBox{ width: 100%; }
	#fullpage .story .txtBox h3{ font-size:40px; }
	#fullpage .story .txtBox > p{ font-size:18px; margin: 40px 0 20px;}
	#fullpage .story .txtBox .inputBox,#fullpage .story .txtBox .keywordBox{ width: 100%;}
	#fullpage .story .ctnBox .itemBox .circleBox{ width: 130px; height: 130px; }
	#fullpage .story .ctnBox .itemBox .circleBox .out_img{ display:block; }
	#fullpage .story .ctnBox .itemBox .circleBox svg.out{ display:none; }
	#fullpage .story .ctnBox .itemBox .circleBox .ctxt p.num{ font-size:30px; }
	#fullpage .analyze .ctnBox .txtBox p.title{ font-size:30px; }
	#fullpage .analyze .ctnBox .txtBox p.num{ font-size:50px; }
	#fullpage .analyze .ctnBox .txtBox p.num sup{ font-size:40px; }
	#fullpage .analyze .ctnBox .txtBox p.txt{ font-size:18px; }
	#fullpage .analyze .ctnBox .slideBox .m_swiper{ width: 400px; height: 400px; margin: 0 auto 70px; }
	#fullpage .analyze .ctnBox .slideBox .s_swiper{ position: relative; transform: none; top: auto; left: auto;  }
	#fullpage .analyze .ctnBox .slideBox .s_swiper .swiper{ overflow:inherit; }
	#fullpage .analyze .ctnBox .slideBox .s_swiper .swiper-slide,#fullpage .analyze .ctnBox .slideBox .s_swiper .swiper-slide.swiper-slide-active{  box-shadow: 15px 20px 20px rgb(0 0 0 / 30%);}
	#fullpage .analyze .ctnBox .slideBox .s_swiper .swiper-slide.swiper-slide-prev{ box-shadow:none; }
	#fullpage .analyze .ctnBox .slideBox .s_swiper .swiper-slide.swiper-slide-active{ opacity: 1;}
	#fullpage .news .w1600 .txtBox p{ font-size:18px; line-height: 1.5;}
	#fullpage .news .w1600 .txtBox h5{ font-size:40px; margin-bottom: 40px; }
	#fullpage .news .w1600 .slideBox .newsswiper .swiper-slide p.title{ font-size:18px; }
	#fullpage .video_blog .videoBox .mainBox .swiper-slide .txtbox{ margin: 0 0 120px 0;}
	#fullpage .video_blog .videoBox .mainBox .swiper-slide .txtbox dd br{ display:none; }
	#fullpage .video_blog .videoBox .v_pagi{ top: 165px;}
	#fullpage .video_blog .videoBox .subBox{ height: 150px;}
	#fullpage .video_blog .videoBox .subBox .swiper-slide{ width: 50%;}
	#fullpage .contact .ctnBox .txtBox h4{ font-size:40px; }
	#fullpage .contact.on .ctnBox p{ font-size:18px; }

	/*sub*/
	.font20{ font-size:17px; }
	.font21,.font22,.font23{ font-size:18px; }
	.font24,.font25{ font-size:19px; }
	.font30{ font-size:20px; }
	.font34,.font35,.font37{ font-size:22px; }
	.font40,.font45{ font-size:25px; }
	.font52,.font55{ font-size:30px;}
	.font65{ font-size:35px; }
	.font80{ font-size:45px;}
	.font100{ font-size:60px; }
	
	#subWrap .subVisual{ height: 400px; }
	#sv #lnb li{ white-space:nowrap; }
	#sv .txtBox h2{ font-size:50px; }
	#philosophy .founding > div{ flex-direction:column;}
	#philosophy .founding .txtBox{ margin-right: 0;}
	#philosophy .founding .txtBox p.font21 br{ display:none; }
	#philosophy .founding figure{ margin-top: 50px; }
	#philosophy .founding figure img{ width: 100%; }
	#philosophy .founding p.big{ position: relative; }
	#philosophy .circleBox{ flex-wrap:wrap; gap:40px 20px}
	#philosophy .circleBox .itemBox{ width: calc((100% - 20px) / 2);  text-align: center;}
	#philosophy .thank > div{ flex-direction: column; margin-top: 0;}
	#philosophy .thank .txtBox{ width: 100%;}
	#philosophy .thank .txtBox p.font21 br{ display:block; } 
	#philosophy .thank p.font100{ position: relative; }
	#philosophy .process{ padding: 100px 0;}
	#philosophy .process .txtBox p:not(:last-child){ margin-right: 20px;}

	#history #circleImg{ width: 70%; }
	#history .title.font65{ white-space:nowrap; margin-bottom: 50px;}
	#history .wrapBox{ flex-direction: column; padding: 0;}
	#history .wrapBox .ctnBox{ margin: 0 auto;}
	#history .wrapBox .ctnBox .yearBox{ padding: 100px 20px 150px;}
	#history .wrapBox .ctnBox .yearBox .itemBox:not(:last-child){ margin-bottom: 70px;}
	#history .wrapBox .ctnBox .yearBox .itemBox p.year{ width: 150px; margin-right: 0;}
	#history .wrapBox .ctnBox .yearBox .itemBox ul li{ text-indent: -10px;}
	#history .wrapBox .ctnBox h3.title{ margin-top: 0;}
	#history .wrapBox .ctnBox h3.title span{ margin-left: 30px;}
	
	#people .ctnBox .itemBox{ flex-direction:column; padding-bottom: 70px;}
	#people .ctnBox .itemBox:not(:last-child){ margin-bottom: 70px; }
	/*#people .ctnBox .itemBox .imgBox{ margin: 0 auto 50px; width: 80%;  height: 400px;}*/
	#people .ctnBox .itemBox .imgBox{ margin: 0 auto 50px; width: 80%;  height: auto;}
    #people .ctnBox .itemBox .imgBox img{ position: relative; transform:translate(0,0); top: unset; left: unset; min-height: auto; min-width: 100%; object-fit: cover;}
    #people .ctnBox .itemBox .txtBox{ width: 100%; padding-left: 0; }
	#people .ctnBox .itemBox .txtBox .list > li{ margin-bottom: 25px;}
	#people .ctnBox .itemBox .txtBox .name{ margin-bottom: 30px;}


	#award .ctnBox .itemBox .txtBox .year{ padding-top: 60px;}
	#award .ctnBox .itemBox .txtBox ul{ margin-top: 20px;}
	#award .ctnBox .itemBox:not(:last-child){ margin-bottom: 100px;}
	#award .ctnBox .itemBox .txtBox ul li{ letter-spacing:-0.8px;}

	#location .ctnBox .txtBox{ flex-direction:column; }
	#location .ctnBox .txtBox p.title{ margin: 0 0 50px 0;}
	#location .ctnBox .txtBox ul.listBox > li:first-child{ text-indent: -17px; margin-left: 35px; }
	#location .ctnBox .root_daum_roughmap .wrap_map{ height: 500px !important;}

	.business > .titleBox .w1685 .txtBox .txt{ margin: 50px 0 30px;}
	.business #title{ text-indent:-13px; margin-left: 13px; margin-bottom: 30px; line-height: 1.5;}
	.business .question .imgBox{ padding: 80px 40px 100px;}
	.business .question .imgBox, .business > .titleBox,#taxcare .award{ margin-bottom: 80px;}
	.business .apply,#nti .research,#enti .process,.business .suggest{ margin-bottom: 80px;}
	.business .apply .ctnBox .itemBox{ flex-direction:column; }
	.business .apply .ctnBox .itemBox > figure{ order:-1; }
	.business .apply .ctnBox .itemBox > figure, .business .apply .ctnBox .itemBox .txtBox{ width: 100%; }
	.business .apply .ctnBox .itemBox .txtBox, .business .apply .ctnBox .itemBox:nth-child(2n-1) .txtBox{ margin: 40px 0 0;}
	.business .apply .ctnBox .itemBox .txtBox .title{ margin: 30px 0 20px;}
	.business .apply .ctnBox .itemBox .txtBox .txt br{ display:none; }
	.business .process .mobile{ display:block; }
	.business .process .pc{ display:none; }
	.business .suggest .ctnBox .itemBox{ padding: 0 20px;}
	#family .suggest .ctnBox .itemBox{width: 100%; height: auto; padding: 30px 25px; flex-direction:row;}
	#family .suggest .ctnBox .itemBox figure{ width: 30%; flex-shrink:0; }
	#family .suggest .ctnBox .itemBox .txtBox{ text-align: left;}
	#family .suggest .ctnBox .itemBox:nth-child(2n-1){ border-right: 1px solid rgba(255,255,255,0.2);}
	.business .suggest .ctnBox .itemBox p:not(.txt2){ margin-top: 0;}
	.business .suggest .ctnBox .itemBox p.txt2{ overflow: visible; height: auto; opacity: 1; transform: translateY(0px)}

	#nti .research .ctnBox{ flex-wrap:wrap; gap:60px 20px; }
	#nti .research .ctnBox .itemBox{ width: calc((100% - 20px) / 2);}
	#nti .research .ctnBox .itemBox .listBox{ position: relative;  text-align: center; }
	#nti .research .ctnBox .itemBox .circleBox .circle{ width: 290px; margin: 0 auto;}
	#nti .process figure{ text-align: center; width: 85%; margin: 0 auto;}
	#linkBox{ padding: 100px 20px; text-align: center; margin-top: 100px; }
	#linkBox p.title{ letter-spacing: -1.5px;}

	#enti .effect .ctnBox .circleBox{ width: 160px; height: 160px;}
	#trp .process > div{ margin-top: 80px;}
	#taxcare .award .slideBox .swiper-slide .imgBox .txtBox .blow{ margin-bottom: 20px;}
	#taxcare .process .ctnBox .itemBox .imgBox .circleBox{ width: 200px; height: 200px;}

	#family .question .ctnBox{ flex-direction:column; }
	#family .question .ctnBox .itemBox{ width: 100%; height: 80px;}
	#family .question .ctnBox .itemBox .txtBox figure{ transform: translate(-50%,-50%) rotate(-90deg);}
	#family .question .ctnBox .itemBox .txtBox figure img{ width: 80%;} 
	#family .question .ctnBox .itemBox.on{ width: 100%; height: auto; }
	#family .question .ctnBox .itemBox.on .txtBox.off{ position: relative; padding: 100px 20px;}
	#family .apply .ctnBox .itemBox .txtBox .innerBox:not(.innerBox2) > ul > li{ text-indent: -10px; margin-left: 10px;}
	#family .consulting .ctnBox section .wrapBox .imgBox.pc{ display:none; }
	#family .consulting .ctnBox section .wrapBox .imgBox.mobile{ display:block; width: 75%; margin: 0 auto;}
	#family .consulting .ctnBox section.on:not(.fit) .wrapBox{ flex-direction: column; align-items: normal}
	#family .consulting .ctnBox section .itemBox{ padding: 0 30px;}
	#family .consulting .ctnBox section.on .wrapBox{ gap:20px; }
	#family .consulting .ctnBox section.normal .itemBox{ margin-bottom: 0;}
	#family .consulting .ctnBox section.premier{ margin-top: 0;}
	
	#searchBox{ margin: 60px 0 80px;}
	#searchBox > div{ gap:20px 0; }
	#searchBox .title{ margin-right: 0px;}
	#searchBox .firstBox{ flex-wrap:wrap;}
	#searchBox .selectBox,#searchBox .inputBox{ height: 60px;}
	#searchBox .selectBox select{ width: 400px;}
	#searchBox .secondBox{ flex-direction:column; }
	#searchBox .secondBox ul{ gap: 10px; height: auto; overflow: hidden;}
	#searchBox .secondBox ul li button{ padding: 5px 15px;}
	#searchBox .secondBox.off{ height: auto;}
	#searchBox .secondBox.off ul{ height: 40px;}
	#searchBox .inputBox button{ width: 150px;}
	#example .ctnBox .itemBox{ width: calc((100% - 16px) / 2);}
	#example .ctnBox .itemBox .circleBox{ transform: scale(0.6);}
	#example .ctnBox .itemBox .title{ margin: 0 0 20px;}

	#example_view .ctnBox{ }
	#example_view .ctnBox .topBox{ flex-direction: column; margin-bottom: 80px;}	
	#example_view .ctnBox .topBox > div{ width: 100%; }
	#example_view .ctnBox .topBox .circleBox{ transform: scale(0.6);}
	#example_view .ctnBox .topBox .circleBox{ margin: 20px auto 0; }
	#example_view .ctnBox .topBox .circleBox .ctxt .txt{ font-size:40px; }
	#example_view .ctnBox .topBox .infoBox{ padding: 15px 20px;}
	.view_txtBox .txtBox .line{ margin: 30px 0;}
	.view_txtBox .txtBox:not(:last-child){ margin-bottom: 60px;}
	.view_txtBox .txtBox .txt li{ text-indent:-10px; margin-left: 10px;}
	
/*	#audit .topBox .infoBox{ gap:0 30px}*/
/*	#audit .topBox .infoBox .itemBox{ flex-direction:column; align-items:center; gap:30px; width: calc((100% - 30px) / 2);}*/
/*	#audit .topBox .infoBox .itemBox figure{ margin-right: 0;}*/
/*	#audit .topBox .infoBox .itemBox .txtBox .title{ margin-right: 20px;}*/
	#audit .ctnBox{ gap:40px 20px}
	#audit .ctnBox .itemBox{ width: calc((100% - 20px) / 2); padding: 30px 20px;}
	#audit .ctnBox .itemBox figure{ width: 100px; height: 100px;}
	#audit .ctnBox .itemBox figure img{ width: 50%; }

	.video_s .ctnBox{ gap:40px 20px;}
	.video_s .ctnBox .itemBox{ width: calc((100% - 20px) / 2);}
	.video_s .ctnBox .itemBox .pop-box .closeBtn{ top: 170px;}
	.video_s .ctnBox .itemBox .pop-box .videoBox{ transform:scale(0.4);}

	#review .ctnBox .itemBox .day span{ width: 40px; height: 25px; line-height: 25px; font-size:13px; }

	
	.online .ctnBox .itemBox div.inputBox{ flex-wrap:wrap; gap:15px; }
	.online .ctnBox .itemBox div.inputBox input{ width: 60%;}
	.online .ctnBox .itemBox .title{ width: 130px; padding: 0 20px; text-align: center;}
	.online .ctnBox .itemBox .inputBox label .btn{ width: 130px;}
	.online .btnBox button{ width: 180px;}
	.online .agreeBox{ margin-bottom: 80px;}
	.online .ctnBox .itemBox .dayBox .inputBox{ width: calc(100% / 3);}
	.online .ctnBox .itemBox .dayBox .inputBox span{ margin-left: 10px;}

	#social .titleBox p.txt{ text-indent:-10px; margin-left: 10px; line-height: 1.5; font-weight: 800;}
	#social .ctnBox .itemBox figure{ margin-bottom: 80px;}
	#social .ctnBox .itemBox:not(:last-child) .view_txtBox{ margin-bottom: 80px;}

	/*footer*/
	.footer_in{ padding: 60px 0; margin-top: -5px;}
	.footer_in .f_top .f_right { width: 100%;}
	#fullpage .contact .leftBox{ margin-bottom: -3px;}
}

@media (max-width: 768px) {
	/*main*/
	#fullpage .story .ctnBox .itemBox{ width: 100%; }
	#fullpage .story .w1600 > .txtBox{ margin: 0 0 70px 0;}
	#fullpage .story .ctnBox .itemBox:nth-child(2),#fullpage .story .ctnBox .itemBox:nth-child(3){ margin-top: 0 ;}
	#fullpage .contact .ctnBox .inputBox p.txt,#fullpage .contact .ctnBox .inputBox .selectBox{ width: 100%; }
	#family .apply .ctnBox .itemBox .txtBox .innerBox ul li span.circle{ flex-shrink:0; }
	#fullpage .contact .ctnBox .inputBox .selectBox .label,#fullpage .contact .ctnBox .inputBox .selectBox .optionBox{ width: 100%; }

	/*sub*/
	#philosophy .founding .txtBox{ margin: 0 ; }
}

@media (max-width: 640px) {
	/*common*/
	#wrap .stop-cursor .icon{ width: 70px; height: 70px;}
	#wrap.over .stop-cursor .icon .txt{ font-size:15px; }
	.sTxt{ margin-left: 10px;}

	/*main*/
	#fullpage .visual .txtBox h1{ font-size:40px; }
	#fullpage .visual .txtBox p{ font-size: 18px; }
	#fullpage .people .ctnBox{ margin: 25px 0 0;}
	#fullpage .people .ctnBox .txtBox h4{ font-size:25px; }
	#fullpage .people .ctnBox .txtBox p br{ display:none; }
	#fullpage .people .ctnBox .slideBox .firstBox{ width: 300px ; height: 300px;}
	#fullpage .people .ctnBox .slideBox .firstBox .swiper_img img{ width: 300px; height: 300px;}
	#fullpage .story{ padding: 100px 0 150px;}
	#fullpage .story .font160{ bottom: -35px; }
	#fullpage .story .txtBox h3{ font-size:30px; }
	#fullpage .story .txtBox h3 span.num{ font-size: 45px; }
	#fullpage .story .ctnBox .itemBox .circleBox p{ font-size:25px; line-height: 1;}
	#fullpage .story .txtBox .selectBox .label,#fullpage .story .txtBox .selectBox .optionList{ font-size:16px; }
	#fullpage .analyze .font160{ bottom: -35px;}
	#fullpage .analyze .ctnBox .txtBox{ margin: 0 0 50px 0;}
	#fullpage .analyze .ctnBox .txtBox p.title{ font-size: 25px; }
	#fullpage .analyze .ctnBox .slideBox .s_swiper{ max-width: none; }
	#fullpage .analyze .ctnBox .slideBox .m_swiper{ width: 300px; height: 300px; }
	#fullpage .analyze .ctnBox .slideBox .m_swiper .viewBox p.title{ font-size:18px; }
	#fullpage .analyze .ctnBox .slideBox .m_swiper .viewBox{ width: 130px; height: 130px; }
	#fullpage .analyze .ctnBox .slideBox .m_swiper .viewBox p.title{ font-size:17px;}
	#fullpage .news .w1600 .slideBox .newsswiper .swiper-slide{ height: 250px; }
	#fullpage .news .w1600 .slideBox .newsswiper .swiper-slide p.ctn{ font-size:16px;}
	#fullpage .contact .leftBox .inBox{ flex-direction: column; justify-content: normal; gap:0; justify-content: flex-end; padding: 0 40px 30px; height: auto;}
	#fullpage .contact .leftBox .inBox button{ font-size:14px;  height: 45px;}
	#fullpage .contact .ctnBox .inputBox{ margin-top: 60px;}
	#fullpage .contact .ctnBox .apply{ display: flex; justify-content: center;}
	#fullpage .contact .ctnBox .apply button{ width: 200px;}
	#fullpage .result .font160,#fullpage .video_blog .font160{ bottom: -20px;}

	/*sub*/
	.font18{ font-size:15px; }
	.font20{ font-size:16px; }
	.font21,.font22,.font23{ font-size:16.5px; }
	.font24,.font25{ font-size:17px; }
	.font30{ font-size:18px; }
	.font34,.font35,.font37{ font-size:20px; }
	.font40,.font45{ font-size:25px; }
	.font52,.font55{ font-size:28px;}
	.font65{ font-size:30px; }
	.font80{ font-size:35px;}
	.font100{ font-size:50px; }
	.font160{ font-size:70px; }

	#sv .txtBox h2{ font-size:45px; }
	#philosophy .circleBox .itemBox .txtBox figure{ width: 30%;  margin: 0 auto;}
	#philosophy .circleBox .itemBox .txtBox p span{ font-size:15px; }
	#philosophy .thank .txtBox p.font21 br:not(.d_br){ display:none; }
	#f_process .txtBox{ margin-top: 20px;}
	
	.business .question .imgBox{ padding: 50px 20px;}
	.business .question .imgBox .txtBox .txt br{ display:none; }
	.business .suggest .ctnBox .itemBox figure{ width: 50%;}
	#nti .research .ctnBox .itemBox .circleBox .circle{ width: 200px; height: 200px;}
	#nti .research .ctnBox .itemBox .circleBox .circle:before{ width: 180px; height: 180px;}
	#nti .research .ctnBox .itemBox .listBox{ white-space:wrap; }
	#enti .process .mobile .ctnBox .itemBox{ width: calc((100% - 20px) / 2); }
	#enti .process .mobile .ctnBox .itemBox .txtBox .title br{ display:none; }
	#enti .effect{ padding: 80px 0;}
	#enti .effect #title{ margin-bottom: 30px;}
	#enti .effect .ctnBox{ gap:20px; }
	#linkBox p.title{ margin-bottom: 20px;}

	#taxcare .award .slideBox .swiper-slide .imgBox figure{ width: 45%; height: 200px;}
	#taxcare .process .ctnBox{ gap:20px; }
	#taxcare .process .ctnBox .itemBox{width: calc((100% - 20px) / 2);}
	#taxcare .process .ctnBox .itemBox .imgBox{ padding: 30px 15px;}
	#taxcare .process .ctnBox .itemBox .imgBox .circleBox{ width: 170px; height: 170px;}
	#taxcare .process .ctnBox .itemBox .imgBox .circleBox img{ width: 30%;}
	#taxcare .process .ctnBox .itemBox .imgBox ul li{ font-size:16px; letter-spacing:-0.8px; }
	#taxcare .process .ctnBox .itemBox .txtBox .title{ padding: 20px 0;}
	#taxcare .process .ctnBox .itemBox:not(.itemBox4) .txtBox .txt:after{ width: 20px; right: -20px;}
	#taxcare .process .ctnBox .itemBox .txtBox .txt{ height: 200px; margin-top: -40px; padding-top: 50px;}
	
	#family .consulting .ctnBox section.fit .wrapBox{ flex-direction: column; }
	#family .consulting .ctnBox section.fit .itemBox{ width: 100%; height: 250px;}
	
	#example .ctnBox .itemBox{ width: calc((100% - 16px) / 2);}
	#example .ctnBox .itemBox .circleBox{ transform: scale(0.6);}
	#example .ctnBox .itemBox .title{ margin: 0 0 20px;}
	#example .ctnBox .itemBox{ padding: 0 20px 40px;}
	#example .ctnBox .itemBox .circleBox{ margin-left: -30px;}
	#example .ctnBox .itemBox .circleBox .ctxt .txt{ font-size:30px; }

	#audit .topBox .infoBox .itemBox{ padding: 20px;}
	#audit .topBox .infoBox .itemBox .txtBox{ flex-direction:column; align-items:center; text-align: center; gap:15px}
	#audit .topBox .infoBox .itemBox .txtBox .title{ margin-right: 0;}

	#review_view .ctnBox .titleBox{ padding: 50px 0;}
	#review_view .ctnBox .arrowBox .arrow .txt{ padding: 0 20px;}
	#review_view .ctnBox .listBtn,#Listback{ width: 150px; height: 60px; font-size: 16.5px;}

	.online .ctnBox .itemBox .title, .online .ctnBox .itemBox .inputBox label .btn{ width: 100px;}
	.online .ctnBox .itemBox .inputBox input[type="text"], .online .ctnBox .itemBox.email .inputBox .selectBox select, 
	.online .ctnBox .itemBox .inputBox label .txt, .online .ctnBox .itemBox .txtBox{ padding: 0 10px;}
	.online .btnBox button{ width: 130px; height: 55px;}
	.online .ctnBox .itemBox .dayBox{ flex-wrap:wrap; padding: 15px; gap:15px 10px}
	.online .ctnBox .itemBox .dayBox .inputBox{ width: 100%; padding: 0;}
	.online .ctnBox .itemBox div.inputBox .txt{ margin: 0;}
	.online .ctnBox .itemBox div.inputBox .selectBox{ flex-wrap:wrap; }
	.online .ctnBox .itemBox div.inputBox input.inputtxt,.online .ctnBox .itemBox.email .inputBox .selectBox select{ width: 100%; }
	.online .ctnBox .itemBox.email .inputBox > input[type="text"]{ width: 90%;}

	/*footer*/
	.footer_in .f_top{ margin-bottom: 50px; }
	.footer_in .f_top .f_left .infoBox{ margin-top: 40px;}
	.footer_in .f_top .f_left .infoBox p{ font-size:14px; }
	.footer_in .f_top .f_left .infoBox p span{ margin-right: 20px; font-size:15px; }
	.footer_in .f_top .f_right{ align-items: center; }
	.footer_in .f_top .f_right .linkBox{ width: 100%; }
	.footer_in .f_top .f_right .linkBox p a{ width: 100%; padding: 20px 10px; font-size:15px; }
	.footer_in .f_top .f_right .linkBox p a img{ width: 12px; }
	.footer_in .f_top .f_right .iconBox{ margin:  40px 0 0 0;}
	.footer_in .f_bottom p{ font-size:14px; }
}