@media screen and (max-width:1400px){
	.footer_inner{width:100%; padding:0 55px; box-sizing:border-box;}
	.container{width:100%; padding:0 55px; box-sizing:border-box;}
	.footer .footer_lnb > div{padding:21px 55px 20px;}
	.footer .footer_copy > div{padding:28px 55px 45px;}
	.footer .footer_copy .top{right:55px; margin-right:0;}
	.inner{width:100%; padding:0 55px; box-sizing:border-box;}
	

	.webzine_vis .webzine_visbox .txtbox{left:55px;}

	.social_wrap .socialbox h3{width:237px;}
	.social_wrap .socialbox > div{width:calc(100% - 237px);}
	.social_wrap .socialbox .group_social ul li div .arrow{right:12px;}
	.social_wrap .socialbox .group_social ul li > a div{padding-left:26px;}
	.social_wrap .socialbox .group_social ul li .div .arrow{right:12px;}
	.social_wrap .socialbox .group_social ul li > a .div{padding-left:26px;}

	.his_quick{right:55px; margin-right:0;}
	.his_Wrap .his_tab ul{width:auto; justify-content:center;}
	.his_Wrap .his_tab ul li{width:auto; margin-right:67px;}
	.his_Wrap .his_tab ul li:last-child{margin-right:0;}

	.his_Wrap .his_box .his_year{padding-top:175px; padding-bottom:96px;}
	.his_Wrap .his_box .his_cont ul li{margin-top:55px !important;}
	.his_Wrap .his_box .his_cont ul li:first-child{margin-top:0 !important;}
	.his_Wrap .his_box .his_cont ul li .txtbox h4{font-size:34px;}
	.his_popWrap .popbox_wrap{width:calc(100% - 110px); max-width:1200px; padding:162px 65px 105px; overflow-y:scroll;}
	.his_popWrap .popbox{flex-wrap:wrap;}
	.his_popWrap .popbox .popimg{order:1; width:100%; text-align:center;}
	.his_popWrap .popbox .poptxt{order:2; width:100%; padding:0; margin-top:25px;}

	.vision_wrap .vision_cont01 .vc_box{flex-wrap:wrap; margin-top:0;}
	.vision_wrap .vision_cont01 .vc_box .vc_txt{width:100%;}
	.vision_wrap .vision_cont01 .vc_box .vc_img{width:100%; text-align:center; margin-top:67px; margin-right:0;}
	.vision_wrap .vision_cont01 .vc_box .vc_img img{width:100%; max-width:766px;}

	.career_wrap01 .resource_box02 .teams_box{flex-wrap:wrap;}
	.career_wrap01 .resource_box02 .teams_box ul{width:100%;}
	.career_wrap01 .resource_box02 .teams_illus{}
	.cont02 .cont02_box ul li .txtbox{padding-left:25px; padding-bottom:200px;}

	.visual .visual_box .swiper-slide .inner{width:calc(100% - 110px);}

	


}/* 1400px */

@media screen and (max-width:1200px){
	.skip a.wversion{display:none !important;}
	.skip a.mversion{display:block !important;; }
	.skipBox.wversion{display:none !important;}
	.skipBox.mversion{display:inline-block;}
	/*#wrap{padding-top:70px;}*/
	#wrap.sub{padding-top:135px;}


	/* 20220820 popup */
	.top_popups {width:100%; /* background-color: #4da6b8; 광고ver */ background-color: #1d305b;  min-width: unset;}
	.top_popups .popup_box {width:100%; height:70px;}	
	.top_popups .popup_slide ul {height:70px;}	
	.top_popups .bx-controls-direction .bx-prev{display:none; }
	.top_popups .bx-controls-direction .bx-next{display:none; }
	.top_popups .popup_closbx{ display:none;}
	#popup .bx-viewport {height:70px !important;}





	.header{padding:0 31px; border-bottom:1px solid #dadada;}
	.header h1{position:absolute; left:50%; top:0; transform:translateX(-50%); padding-left:0;}
	.header .m_menuBtn{display:block; order:1;}
	.header .gnb{display:none;}
	.header .lnb{order:2;}
	.header .lnb li.lang{display:none;}
	.header .lnb li.aff a{background:url(/web/images/common/aff_m.png); width:27px; height:27px; padding:0;}
	.header .lnb li.aff a span{position: absolute; width: 1px;  height: 1px;  margin: -1px;  overflow: hidden;  clip-path: polygon(0 0, 0 0, 0 0);}
	.footer .footer_lnb .footer_sns{display:none;}
	.footer .footer_copy h4{margin-right:35px;}

	/*220919*/
	.visual{height:1027px;}
	.visual .visual_box .swiper-slide .inner{width:100%;}
	.visual_211019 .visual_box .inner{padding-top:155px;}
	.visual .visual_box h2{font-size:38px; }
	.visual_211019 .visual_box h2 span:before{}
	.visual_211019 .visual_box .txtbox{left:55px; top:740px;}
	.visual .scroll{left:40px;}
	.cont01 .cont01_box ul li{width:calc(50% - 8px); margin-right:15px; margin-top:15px;}
	.cont01 .cont01_box ul li .txtbox{padding-left:19px; padding-bottom:18px;}
	.cont01 .cont01_box ul li .txtbox h4{font-size:20px; line-height:30px; }
	.cont02 .cont02_box ul li .txtbox h4{font-size:22px;}
	.cont02 .cont02_box ul li .txtbox{min-height:30vh; padding-left:25px; padding-bottom:26px;}
	.cont02 .cont02_box ul li .txtbox p{font-size:15px; line-height:25px; padding-top:8px;}

	.sub_m_menu.fixed{top:65px;}
	.subCont .sub_vis{height:304px;}

	.media_listWrap .media_m_menu{display:block;}
	.listWrap .listBox ul{flex-wrap:wrap;}
	.media_listWrap .media_listBox ul li{width:calc(50% - 12px); margin-top:26px;}
	.media_listWrap .media_listBox ul li:nth-child(-n+2){margin-top:0;}
	.media_listWrap .media_listBox ul li:nth-child(2n){margin-right:0;}
	.media_listWrap .media_listBox ul li > a:hover .imgbox:after, .media_listWrap .media_listBox ul li > a:focus .imgbox:after{width:0; height:0;}

	.news_listWrap .news_listBox ul li{width:calc(50% - 12px); margin-right:24px;}
	.news_listWrap .news_listBox ul li:nth-child(3n){margin-right:24px;}
	.news_listWrap .news_listBox ul li:nth-child(2n){margin-right:0;}
	.news_listWrap .news_listBox ul li:nth-child(-n+3){margin-top:26px;}
	.news_listWrap .news_listBox ul li:nth-child(-n+2){margin-top:0;}
	.list_moreBtn em{padding-left:4px;}
	.list_moreBtn img{padding-left:8px; padding-right:0;}
	.list_moreBtn img.list_moreBtn_wimg{display:none;}
	.list_moreBtn img.list_moreBtn_mimg{display:inline;}
	
	.listWrap .listBox2 ul li .txtbox{padding-top:8px; padding-bottom:20px;}
	.listWrap .listBox2 ul li .txtbox .h4{display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space:revert; margin-bottom:0px;}
	
	.view_vis{border-top:none; padding:0 55px;}
	.ci_contWrap .ci_contBox01 .mark_box{padding:0 15px;}
	.ci_contWrap .ci_contBox01 .mark_box img{max-width:582px; width:100%;}
	.ci_contWrap .ci_contBox02 .color_box .subcolor_box ul{flex-wrap:wrap;}
	.ci_contWrap .ci_contBox02 .color_box .subcolor_box li{width:calc(33.333% - 16px); margin-right:24px; margin-top:26px;}
	.ci_contWrap .ci_contBox02 .color_box .subcolor_box li:nth-child(3n){margin-right:0;}
	.ci_contWrap .ci_contBox02 .color_box .subcolor_box li:nth-child(-n+3){margin-top:0;}
	.ci_contWrap .ci_contBox04{padding-bottom:163px;}
	.ci_contWrap .ci_contBox04 .prohibit_box ul li{height:180px; padding-top:0;}
	.ci_contWrap .ci_contBox04 .prohibit_box ul li .imgbox{height:110px; padding-top:20px;}
	.ci_contWrap .ci_contBox04 .prohibit_box ul li .imgbox img{width:87%;}
	.ci_contWrap .ci_contBox04 .prohibit_box ul li.prohibit_img01 .imgbox img{max-width:105px;}
	.ci_contWrap .ci_contBox04 .prohibit_box ul li.prohibit_img02 .imgbox img{max-width:149px;}
	.ci_contWrap .ci_contBox04 .prohibit_box ul li.prohibit_img03 .imgbox img{width:184px; max-width:87%;}
	.ci_contWrap .ci_contBox04 .prohibit_box ul li.prohibit_img04 .imgbox img{max-width:152px;}
	.ci_contWrap .ci_contBox04 .prohibit_box ul li.prohibit_img05 .imgbox img{max-width:152px;}
	.ci_contWrap .ci_contBox04 .prohibit_box ul li.prohibit_img06 .imgbox img{max-width:136px; padding-top:8px;}
	.ci_contWrap .ci_contBox04 .prohibit_box ul li.prohibit_img07 .imgbox img{width:161px; max-width:87%;}
	.ci_contWrap .ci_contBox04 .prohibit_box ul li.prohibit_img08 .imgbox img{max-width:144px;}
	.ci_contWrap .ci_contBox04 .prohibit_box ul li.prohibit_img09 .imgbox img{max-width:148px;}
	.ci_contWrap .ci_contBox04 .prohibit_box ul li.prohibit_img10 .imgbox img{max-width:101px;}
	.ci_contWrap .ci_contBox04 .prohibit_box ul li.prohibit_img11 .imgbox img{width:160px; max-width:87%;}
	.ci_contWrap .ci_contBox04 .prohibit_box ul li.prohibit_img12 .imgbox img{max-width:148px;}
	.ci_contWrap .ci_contBox04 .prohibit_box ul li p{padding:0 10px; margin-top:0;}

	.aff_listWrap{padding-bottom:155px;}
	.aff_listWrap .aff_box .aff_list ul li{width:calc(50% - 12px);}
	.aff_listWrap .aff_box .aff_list ul li:nth-child(3n){margin-right:24px;}
	.aff_listWrap .aff_box .aff_list ul li:nth-child(2n){margin-right:0;}
	.aff_listWrap .aff_box .aff_list ul li:nth-child(-n+3){margin-top:24px;}
	.aff_listWrap .aff_box .aff_list ul li:nth-child(-n+2){margin-top:0;}
	.aff_listWrap .aff_box .aff_list ul li .txtbox{min-height:246px; height:auto;}
	
	.report_wrap .report_topBox > div{padding:88px 55px 92px;}
	.report_wrap .report_topBox .rtb_txtbox{width:calc(100% - 356px); box-sizing:border-box; padding-right:27px;}
	.report_wrap .report_topBox .rtb_txtbox h3{font-size:28px; line-height:40px;}
	.report_wrap .report_topBox .rtb_txtbox h3 span{display:block;}
	.report_wrap .report_topBox .rtb_txtbox p{font-size:17px; line-height:27px; padding-top:10px; word-break:keep-all;}
	.report_wrap .report_topBox .rtb_imgbox img{width:203px;}
	.report_wrap .report_topBox .down_wrap{margin-top:20px;}

	.webzine_visual{height:100%;}
	.webzine_vis .webzine_visbox{height:615px;}
	.webzine_vis .webzine_visbox .txtbox{width:50%;}
	.webzine_vis .webzine_visbox .txtbox h2 span br{display:block;}
	.webzine_wrap{padding-bottom:245px;}
	.webzine_wrap .webzine_list li{width:100%; margin-right:0;}
	.webzine_wrap .webzine_list li:nth-child(-n+2){margin-top:21px;}
	.webzine_wrap .webzine_list li:nth-child(1){margin-top:0;}
	.webzine_wrap .prev_more{margin-top:37px;}
	.webzine_vis .webzine_visbox .txtbox .sub_vis_more{display:none;}

	.webzineList_wrap{padding-bottom:178px;}
	.webzineList_wrap .vol_box{padding-bottom:35px; margin-bottom:60px;}
	.webzineList_wrap .vol_box:last-child{border-bottom:none;}
	.webzineList_wrap .vol_box ul{flex-wrap:wrap;}
	.webzineList_wrap .vol_box ul li{width:calc(50% - 12px); margin-right:24px; margin-top:31px;}
	.webzineList_wrap .vol_box ul li:nth-child(2n){margin-right:0;}
	.webzineList_wrap .vol_box ul li:nth-child(-n+2){margin-top:0;}
	.webzineList_wrap .vol_box ul li .txtbox{padding-left:18px; padding-right:18px;}
	.webzineList_wrap .vol_box ul li:nth-child(-n+4){margin-top:45px;}
	.webzineList_wrap .vol_box ul li:nth-child(-n+2){margin-top:0;}
	.webzineList_wrap .vol_box ul li .imgbox{width:100%;}

	.subCont .sub_vis.webzine_viewVis .sub_vis_txt h2{padding-left:55px; padding-right:55px;}
	.webzine_navi .pager{display:none;}
	.webzine_navi .webzine_naviList{width:100%;}
	.webzine_navi .webzine_naviList li{width:calc(50% - 12px); margin-right:24px;}
	.webzine_navi .webzine_naviList li:last-child{margin-right:0;}
	.webzine_navi .webzine_naviList li .imgbox{width:128px; height:110px;}
	.webzine_navi .webzine_naviList li .txtbox{padding:5px 0 5px 20px;}

	.ir_wrap01 .ir_listBox ul li{width:calc(50% - 12px); margin-top:24px;}
	.ir_wrap01 .ir_listBox ul li:nth-child(3n){margin-right:24px;}
	.ir_wrap01 .ir_listBox ul li:nth-child(2n){margin-right:0;}
	.ir_wrap01 .ir_listBox ul li:nth-child(-n+2){margin-top:0;}

	.ir3_list ul li{width:calc(50% - 12px);}
	.ir3_list ul li .txtbox{height:auto;}
	.ir3_list ul li:nth-child(3n){margin-right:24px;}
	.ir3_list ul li:nth-child(2n){margin-right:0;}
	.ir3_list ul li:nth-child(-n+3){margin-top:24px;}
	.ir3_list ul li:nth-child(-n+2){margin-top:0;}

	.career_wrap04 .career_list ul{flex-wrap:wrap;}
	.career_wrap04 .career_list ul li{width:calc(50% - 12px); margin-top:24px;}
	.career_wrap04 .career_list ul li:nth-child(3n){margin-right:24px;}
	.career_wrap04 .career_list ul li:nth-child(2n){margin-right:0;}
	.career_wrap04 .career_list ul li:nth-child(-n+2){margin-top:0;}

	.phil_wrap .phil_box01{padding-top:62px;}
	.phil_wrap .phil_box01 .order1{width:100%;}
	.phil_wrap .phil_box01 .order2{width:100%; text-align:center; margin-top:24px;}
	.phil_wrap .phil_box01 .order3{width:100%; margin-top:55px;}
	.phil_wrap .phil_box02 .order1{width:100%; margin-top:0;}
	.phil_wrap .phil_box02 .order2{width:100%; text-align:center; margin-top:32px;}
	.phil_wrap .phil_box03 .order1{width:100%;}
	.phil_wrap .phil_box03 .order2{width:100%; margin-top:64px; text-align:center;}
	.phil_wrap .phil_box03 .order3{width:100%; margin-top:85px;}

	.social_wrap .socialbox{flex-wrap:wrap;}
	.social_wrap .socialbox h3{width:100%; }
	.social_wrap .socialbox > div{width:100%;}
	.social_wrap .socialbox .group_social ul li div img.w_ico{display:none;}
	.social_wrap .socialbox .group_social ul li div img.t_ico{display:inline;}
	.social_wrap .socialbox .group_social ul li .div img.w_ico{display:none;}
	.social_wrap .socialbox .group_social ul li .div img.t_ico{display:inline;}

	.vision_wrap .vision_cont01 .vc_box{width:100%;}
	.vision_wrap .vision_cont02{padding-bottom:75px;}
	.vision_wrap .vision_cont02 .vc2_box ul{flex-wrap:wrap; max-width:485px; width:100%;}
	.vision_wrap .vision_cont02 .vc2_box ul li{width:calc(50% - 13px); margin-top:45px;}
	.vision_wrap .vision_cont02 .vc2_box ul li:nth-child(2n){margin-right:0;}
	.vision_wrap .vision_cont02 .vc2_box ul li:nth-child(-n+2){margin-top:0;}
	.vision_wrap .vision_cont03 .vc3_box .vc3_top{width:100%; max-width:995px;}
	.vision_wrap .vision_cont03 .vc3_box .vc3_top .decs_box{width:calc(50% - 148px); max-width:290px;}
	.vision_wrap .vision_cont03 .vc3_box .vc3_top .decs_box p br{display:none;}
	.vision_wrap .vision_cont03 .vc3_box .vc3_bottom{width:100%; max-width:995px;}
	.vision_wrap .vision_cont03 .vc3_box .vc3_bottom ul li{width:calc(33.333% - 48px); margin-right:72px; position:relative;}
	.vision_wrap .vision_cont03 .vc3_box .vc3_bottom ul li:last-child{margin-right:0;}
	.vision_wrap .vision_cont03 .vc3_box .vc3_bottom ul li .txtbox{position:static;}
	.vision_wrap .vision_cont03 .vc3_box .vc3_bottom ul li .txtbox:after{width:72px; background-size:72px; background-position:center center; height:13px; margin-left:0; top:72px;}

	.ir_wrap04 .info_cont table .col1{width:78px;}
	.ir_wrap04 .info_cont table .col2{width:calc(100% - 300px);}
	.ir_wrap04 .info_cont table .col3{width:222px;}
	.ir_wrap04 .info_cont table td.title{padding-left:24px;}

	.career_wrap01 .resource_box01 .pride_box{width:100%;}
	.career_wrap01 .resource_box01 .pride_box > div{width:204px;}
	.career_wrap01 .resource_box01 .pride_box .toptxt h4{width:199px; height:199px; background-size:100%; margin:0 auto;}
	.career_wrap01 .resource_box01 .pride_box .toptxt h4 span{width:186px; height:186px;}
	.career_wrap01 .resource_box01 .pride_box .plus{width:calc(50% - 306px); background-size:33px; left:204px; transform:translateX(0); margin-left:0;}
	.career_wrap01 .resource_box01 .pride_box .equal{width:calc(50% - 306px); background-size:33px; left:auto; right:204px; transform:translateX(0); margin-left:0;}
	.career_wrap01 .human_illus img{width:100%; max-width:793px;}
	.career_wrap01 .resource_box02{padding-bottom:191px;}

	.manage_wrap .manage_cont01 .manage_box{flex-wrap:wrap;}
	.manage_wrap .manage_cont01 .manage_box .txtbox{width:100%; margin-right:0;}
	.manage_wrap .manage_cont01 .manage_box .txtbox > em{text-align:left;}
	.manage_wrap .manage_cont01 .manage_box .imgbox{width:100%; text-align:right; margin-top:20px;}
	.manage_wrap .manage_cont02 .manage_box .idea_list{width:726px; height:446px; }
	.manage_wrap .manage_cont02 .manage_box .idea_list .idea_ico{width:383px; height:257px; background:url(https://www.hlcompany.com/web/images/sub/manage_cont2_bgt.png) no-repeat center center;}
	.manage_wrap .manage_cont02 .manage_box .idea_list ul li{width:352px;}
	.manage_wrap .manage_cont02 .manage_box .idea_list ul li p{font-size:16px; line-height:27px;}
	.manage_wrap .manage_cont02 .manage_box .idea_list ul li:after{left:50%; transform:translateX(-50%); top:auto;}
	.manage_wrap .manage_cont02 .manage_box .idea_list ul li.b1:after{bottom:-6px;}
	.manage_wrap .manage_cont02 .manage_box .idea_list ul li.b2:after{bottom:-6px; left:50%;}
	.manage_wrap .manage_cont02 .manage_box .idea_list ul li.b3:after{top:-6px;}
	.manage_wrap .manage_cont02 .manage_box .idea_list ul li.b4:after{top:-6px; left:50%;}
	.manage_wrap .manage_cont02 .manage_box .pr_list{background: url(https://www.hlcompany.com/web/images/sub/principle_bg_t.png) no-repeat center center;}
	.manage_wrap .manage_cont02 .manage_box .pr_list li{width:199px; height:199px; margin-left:-33px;}
	.manage_wrap .manage_cont02 .manage_box .pr_list li:before{width:100px;}
	.manage_wrap .manage_cont02 .manage_box .pr_list li h4{margin-bottom:13px; font-size:20px; line-height:26px;}
	.manage_wrap .manage_cont02 .manage_box .pr_list li p{width:100%; font-size:17px; margin-top:13px; line-height:27px;}
	.manage_wrap .manage_cont03 .manage_box ul li{padding-bottom:24px;}
	.manage_wrap .manage_cont03 .manage_box ul li .txtbox .btnWrap{flex-wrap:wrap;}
	.manage_wrap .manage_cont03 .manage_box ul li .txtbox .btnWrap a{margin-bottom:9px;}

	.inquiry_wrap .inquiry_box .formWrap h5{width:78px;}
	.inquiry_wrap .inquiry_box .formWrap .formCont{width:calc(100% - 78px);}
	.inquiry_wrap .inquiry_box .formWrap .formCont input.w30{width:37%;}
	.inquiry_wrap .inquiry_box .formWrap .formCont input.mail_input2{width:29%;}
	.inquiry_wrap .inquiry_box .formWrap .formCont select{width:27%;}
	.inquiry_wrap .inquiry_box .formWrap .formCont input.w15{width:26%; max-width:157px;}
	.inquiry_wrap .inquiry_box .formWrap .tit .formCont input[type="text"]{width:100%; max-width:540px;}

	.myinquiry_wrap .my_table table .col1{width:6%;}
	.myinquiry_wrap .my_table table .col2{width:12%;}
	.myinquiry_wrap .my_table table .col3{width:53%;}
	.myinquiry_wrap .my_table table .col4{width:18%;}
	.myinquiry_wrap .my_table table .col5{width:11%;}
	.myinquiry_wrap .my_table table td.tit{padding-left:18px;}

	.inquiryView_wrap .view_cont{padding-top:50px;}
	.inquiryView_wrap .comment_box{flex-wrap:wrap;}
	.inquiryView_wrap .comment_box textarea{width:100%; margin-top:12px;}

	.his_Wrap .his_visual .vis_txt{width:100%; text-align:center;}
	.his_Wrap .his_box .his_cont ul li { margin: 0 !important; width: calc(100% - 78px); margin-left: 24px !important; margin-top: 75px !important; text-align: center;}
	.his_Wrap .his_box .his_cont ul li .txtbox{text-align:left;}
	.his_Wrap .his_box .his_cont ul li .imgbox img{max-width:100%;}

	.career_wrap02{padding-bottom:167px;}
	.career_wrap02 .culture_wrap .culture_box01{flex-wrap:wrap;}
	.career_wrap02 .culture_wrap .culture_box .txtbox{width:100%;}
	.career_wrap02 .culture_wrap .culture_box01 .imgbox{width:100%; text-align:center;}
	.career_wrap02 .culture_wrap .culture_box .imgbox img{max-width:100%;}
	.career_wrap02 .culture_wrap .culture_box02{flex-wrap:wrap;}
	.career_wrap02 .culture_wrap .culture_box02 .imgbox{width:100%; text-align:right; margin-top:-125px;}
	.career_wrap02 .culture_wrap .culture_box03 .mind_box{width:710px; height:173px; background-size:100% 100%; padding:0;}
	.career_wrap02 .culture_wrap .culture_box03 .mind_box h4{width:146px; height:146px; font-size:22px; line-height:28px;}
	.career_wrap02 .culture_wrap .culture_box03 .mind_box ul li{width:157px; height:157px; margin-left:22px;}
	.career_wrap02 .culture_wrap .culture_box03 .mind_box ul li:before{width:22px; left:-35px;}
	.career_wrap02 .culture_wrap .culture_box03 .mind_box ul li span{font-size:18px; line-height:27px; padding-top:15px;}
	.career_wrap02 .culture_wrap .culture_box03 .mind_box ul li.b2 span{padding-top:5px;}
	.career_wrap02 .culture_wrap .culture_box03{margin-top:60px;}

	.map_wrap .mapbox .mapLine .map_depth1 > li{width:50%;}
	.map_wrap .mapbox .mapLine .map_depth1 > li:nth-child(-n+4){margin-top:22px;}
	.map_wrap .mapbox .mapLine .map_depth1 > li:nth-child(-n+2){margin-top:0;}

	.policy_wrap{padding:65px 0 170px;}
	.policy_wrap .top_desc ul{margin-top:26px;}

	.view_cont .view_contBox .article_box h2{font-size:19px;}
	.view_cont .view_contBox .article_box p{margin-top:20px !important; font-size:15.5px; line-height:26px;}

	.webzineView_wrap .webzine_viewBox .article_box h2{font-size:19px;}
	.webzineView_wrap .webzine_viewBox .article_box p{margin-top:20px !important; font-size:15.5px; line-height:26px;}

	.coorp_wrap .coorp_cont01 .coorp_box1 .icobox:before{width:479px; background:url(https://www.hlcompany.com/web/images/sub/coorp_cont1_lineT.png) no-repeat;}
	.coorp_wrap .coorp_cont01 .coorp_box1 ul{width:690px; margin:79px auto 0;}
	.coorp_wrap .coorp_cont01 .coorp_box1 ul li{flex-wrap:wrap; flex-direction:column; width:212px; margin-right:27px; padding:0 18px 22px;}
	.coorp_wrap .coorp_cont01 .coorp_box1 ul li i{width:100%; height:105px; display:flex; align-items:center; justify-content:center;}
	.coorp_wrap .coorp_cont01 .coorp_box1 ul li span{line-height:24px; word-break:keep-all;}
	.coorp_wrap .coorp_cont01 .coorp_box1 ul li span br{display:none;}
	.coorp_wrap .coorp_cont02 .theme_list ul{flex-wrap:wrap;}
	.coorp_wrap .coorp_cont02 .theme_list ul li{width:calc(33.333% - 16px); margin-right:24px; margin-top:22px;}
	.coorp_wrap .coorp_cont02 .theme_list ul li:nth-child(3n){margin-right:0;}
	.coorp_wrap .coorp_cont02 .theme_list ul li:nth-child(-n+3){margin-top:0;}
	.coorp_wrap .coorp_cont02 .goal_list ul{flex-wrap:wrap;}
	.coorp_wrap .coorp_cont02 .goal_list ul li{margin-right:28px; width:calc(25% - 21px); margin-top:28px;}
	.coorp_wrap .coorp_cont02 .goal_list ul li:nth-child(4n){margin-right:0;}
	.coorp_wrap .coorp_cont02 .goal_list ul li:nth-child(-n+4){margin-top:0;}
	.coorp_wrap .coorp_cont02 .goal_list ul li .imgbox img{width:100%;}

	.career_wrap01 .resource_box02 .teams_box{width:100%;}
	.career_wrap01 .resource_box02 .teams_box ul{order:1;}
	.career_wrap01 .resource_box02 .teams_illus{position:static; transform:translate(0); margin-top:0; width:100%; text-align:center; margin-top:47px; order:3;}
	.career_wrap01 .resource_box02 .teams_box .goBtn{order:2;}

	.phil_wrap .phil_box .philcontBox{width:100%;}
	.phil_wrap .phil_box01 .order2{position:static; margin-top:55px;}
	.phil_wrap .phil_box01 .imgbox{transform:translate(0);}
	.phil_wrap .phil_box03 .order2{position:static; transform:translate(0);}

	.toon_vis { border-top: none; padding: 0 55px;}

	/*220803*/
	.ci_contWrap .ci_contBox01 .mark_box {padding:0 40px;}
	.ci_contWrap .ci_contBox01 .mark_box img {max-width:400px}

	/*220805*/
	/*header*/
	.header {border-bottom:none;}
	.header h1 {padding-top:26px;}
	.header .lnb > ul {background-color:transparent;}
	.header .lnb li.aff a {background:url(/web/images/common/2022_aff_m.png)}

}/* 1200px */

@media screen and (max-width:940px){
	.footer .footer_copy > div{flex-wrap:wrap; gap:10px 0;}

	/*220916*/
	.inner_01{width:calc(100% - 45px); padding:0 31px; box-sizing:border-box;}
	.cont02 .cont02_box ul{/*display:flex;*/ flex-direction: column;}

	.report_wrap .report_topBox .rtb_txtbox p br{display:none;}
	.esgWrap .esgbox .esg_table table em{display:block;}
	.esgWrap .esgbox > span br{display:none;}
	
	.cont02 .cont02_box ul{flex-wrap:wrap;}
	.cont02 .cont02_box ul li{width:100%; margin-bottom: 24px;}

	
	.cont02 .cont02_box ul li .imgbox{width: 100%;}
	.cont02 .cont02_box ul li .imgbox img.shotcut_img_w{display:none;}
	.cont02 .cont02_box ul li .imgbox img.shotcut_img_m{display:block;}

	.cont02 .cont02_box ul li:nth-child(3n) {margin-right:24px;}

	.manage_wrap .manage_cont02 .manage_box .pr_list{margin-top:28px; flex-wrap:wrap; flex-direction:column; justify-content:center; background: url(https://www.hlcompany.com/web/images/sub/principle_bg_m.png) no-repeat top center; background-size:199px}
	.manage_wrap .manage_cont02 .manage_box .pr_list li{width:100%; margin:0; width:199px; height:199px; margin-top:-33px;}
	.manage_wrap .manage_cont02 .manage_box .pr_list li:first-child{margin-top:0;}
	.manage_wrap .manage_cont02 .manage_box .pr_list li h4{margin-bottom:10px;}
	.manage_wrap .manage_cont02 .manage_box .pr_list li p{margin-top:10px;}

	.inquiry_wrap .inquiry_annon h3 br{display:none;}

	.career_wrap02 .culture_wrap .culture_box02 .imgbox{margin-top:35px; text-align:center;}
	.career_wrap02 .culture_wrap .culture_box03 .mind_box{flex-direction:column; background: url(https://www.hlcompany.com/web/images/sub/culture_dot_bg_m.png) no-repeat; width:252px; height:930px;}
	.career_wrap02 .culture_wrap .culture_box03 .mind_box h4{width:214px; height:214px; font-size:34px; line-height:40px;}
	.career_wrap02 .culture_wrap .culture_box03 .mind_box ul{flex-direction:column;}
	.career_wrap02 .culture_wrap .culture_box03 .mind_box ul li{width:214px; height:214px; margin-left:0; margin-top:15px;}
	.career_wrap02 .culture_wrap .culture_box03 .mind_box ul li:before{width:1px; height:15px; left:50%; top:-28px; transform:translateX(-50%);}
	.career_wrap02 .culture_wrap .culture_box03 .mind_box ul li span{font-size:26px; line-height:30px;}

	.coorp_wrap .coorp_cont01 .coorp_box1 .icobox:before{width:1px; background:#999;}
	.coorp_wrap .coorp_cont01 .coorp_box1 ul{flex-wrap:wrap; justify-content:center; width:100%;}
	.coorp_wrap .coorp_cont01 .coorp_box1 ul li{width:470px; margin-right:0; margin-bottom:22px; flex-wrap:nowrap; flex-direction:row; padding:0 32px 0 0;}
	.coorp_wrap .coorp_cont01 .coorp_box1 ul li i{width:120px; height:120px;}
	.coorp_wrap .coorp_cont01 .coorp_box1 ul li span{width:calc(100% - 120px);}
	.coorp_wrap .coorp_cont01 .coorp_box1 ul li:last-child{margin-bottom:0;}
	.coorp_wrap .coorp_cont01 .coorp_box1 ul li:before{content:""; width:1px; height:22px; background:#999; position:absolute; left:50%; bottom:100%; transform:translateX(-50%);}
	.coorp_wrap .coorp_cont03 .program .program_tab ul li{width:20%; padding:0; text-align:center;}
	.coorp_wrap .coorp_cont03 .program .program_tab ul li a{white-space:nowrap;}
	.coorp_wrap .coorp_cont03 .program .program_cont ul li .txtbox p br{display:none;}
	.coorp_wrap .coorp_cont03 .program .program_tab ul{display:none;}
	.coorp_wrap .coorp_cont03 .program .program_tab select{display:block;}
	.coorp_wrap .coorp_cont03 .program .program_cont{margin-top:32px;}
	.coorp_wrap .coorp_cont03 .program .program_cont ul li{width:100%; margin-right:0; margin-top:0; margin-bottom:73px;}
	.coorp_wrap .coorp_cont03 .program .program_cont ul li:last-child{margin-bottom:0;}

	.toon_wrap .toon_intro .txtbox p{padding-top:12px;}

	.view_vis .view_vis_txt{width:100%;}

	/*220803*/
	.ci_contWrap .ci_contBox02 .color_box2{flex-direction:column;}
	.design_motive{padding:50px 40px;}
	.design_motive .d_motive_pc {display:none;}
	.design_motive .d_motive_t {display:block}

	/*220919*/
	/*.visual_211019 .visual_box .swiper-slide .vidbox {overflow:hidden;}*/
	

}/* 940px */

@media screen and (max-width:800px){
	.footer .footer_lnb > div{padding:32px 26px 5px 29px;}
	.footer .footer_lnb .footer_menu{flex-wrap:wrap;}
	.footer .footer_lnb .footer_menu li{padding-bottom:21px;}
	.footer .footer_lnb .footer_menu li:after{top:0; transform:translate(0);}
	.footer .footer_lnb .footer_menu li a{padding:0 23px 0 26px;}
	.footer .footer_lnb .footer_menu li:first-child a{padding-left:26px;}

	.list_search{flex-wrap:wrap;}
	.list_search .searchWrap{width:100%; margin-top:15px;}
	.list_search .searchWrap select{width:178px;}
	.list_search .searchWrap .search_input{width:calc(100% - 202px);}

	.listWrap .listBox2 ul li .imgbox{width:240px; height:auto;}
	.listWrap .listBox2 ul li .txtbox{width:calc(100% - 240px);}

	.ci_contWrap .ci_contBox .h3_txt p br{display:none;}

	.report_wrap .report_topBox{}
	.report_wrap .report_topBox > div{flex-wrap:wrap; padding-top:70px; padding-bottom:68px;}
	.report_wrap .report_topBox .rtb_imgbox{order:1; width:100%; text-align:center;}
	.report_wrap .report_topBox .rtb_imgbox img{width:100%; max-width:225px;}
	.report_wrap .report_topBox .rtb_imgbox:before{max-width:225px; left:50%; top:50%; transform:translate(-50%,-50%); margin-top:8px; margin-left:8px;}
	.report_wrap .report_topBox .rtb_txtbox{order:2; width:100%; max-width:484px; margin:20px auto 0;}
	.report_wrap .report_topBox .rtb_txtbox h3 span{display:inline;}
	.report_wrap .report_list ul li .down_wrap a{width:126px;}

	.webzineList_wrap .list_search{margin-bottom:40px;}

	.career_wrap04 .career_list ul li .career_box span{word-break:keep-all;}
	.career_wrap04 .career_list ul li .career_box span br{display:none;}

	.cont01 .cont01_box ul li{width:100%; margin-right:0; margin-top:26px;}
	.cont01 .cont01_box ul li:nth-child(-n+2){margin-top:26px;}
	.cont01 .cont01_box ul li:nth-child(1){margin-top:0;}
	.cont01 .cont01_box ul li .imgbox{background:none; height:auto; padding:0;}
	.cont01 .cont01_box ul li .imgbox img{display:block;}

	.pager_wrap .pager_list a.page_btn_m{display:none;}

	.phil_wrap .phil_box .imgbox > img{max-width:100%;}

	.social_wrap .socialbox .group_social ul li{width:100%; margin-right:0;}
	.social_wrap .socialbox .group_social ul li:nth-child(-n+2){margin-top:24px;}
	.social_wrap .socialbox .group_social ul li:nth-child(1){margin-top:0;}
	.social_wrap .socialbox .group_social ul li div img.w_ico{display:inline;}
	.social_wrap .socialbox .group_social ul li div img.t_ico{display:none;}
	.social_wrap .socialbox .group_social ul li .div img.w_ico{display:inline;}
	.social_wrap .socialbox .group_social ul li .div img.t_ico{display:none;}

	.vision_wrap .vision_cont03{padding-bottom:170px;}
	.vision_wrap .vision_cont03 .vc3_box .vc3_top .txtbox{margin:0;}
	.vision_wrap .vision_cont03 .vc3_box .vc3_top .decs_box{left:0; margin-left:310px; width:calc(100% - 310px);}
	.vision_wrap .vision_cont03 .vc3_box .vc3_bottom:before{left:139px; transform:translateX(0);}
	.vision_wrap .vision_cont03 .vc3_box .vc3_bottom ul{flex-wrap:wrap;}
	.vision_wrap .vision_cont03 .vc3_box .vc3_bottom ul li{width:100%; margin-right:0; margin-bottom:63px; margin-left:65px; display:flex; align-items:center;}
	.vision_wrap .vision_cont03 .vc3_box .vc3_bottom ul li:last-child{margin-bottom:0;}
	.vision_wrap .vision_cont03 .vc3_box .vc3_bottom ul li .txtbox{margin:0; position:relative;}
	.vision_wrap .vision_cont03 .vc3_box .vc3_bottom ul li .txtbox:after{width:24px; height:63px; background: url(https://www.hlcompany.com/web/images/sub/vision_arrow03.png) no-repeat center center; left:50%; bottom:100%; transform:translateX(-50%); top:auto;}
	.vision_wrap .vision_cont03 .vc3_box .vc3_bottom ul li:first-child .txtbox:after{width:0; height:0;}
	.vision_wrap .vision_cont03 .vc3_box .vc3_bottom ul li:last-child .txtbox:after{width:24px; height:63px;}
	.vision_wrap .vision_cont03 .vc3_box .vc3_bottom ul li .decs_box{width:calc(100% - 165px); margin-left:30px; padding-top:0;}

	.career_wrap01 .resource_box01 .pride_box{flex-wrap:wrap; position:relative;}
	.career_wrap01 .resource_box01 .pride_box > div{width:100%; display:flex; margin-bottom:20px; position:relative;}
	.career_wrap01 .resource_box01 .pride_box > div:last-child{margin-bottom:0;}
	.career_wrap01 .resource_box01 .pride_box .toptxt{margin-right:29px;}
	.career_wrap01 .resource_box01 .pride_box .bottxt{width:calc(100% - 228px);}
	.career_wrap01 .resource_box01 .pride_box .bottxt p{margin-top:15px; padding-bottom:17px; text-align:left; position:relative; border:none;}
	.career_wrap01 .resource_box01 .pride_box .bottxt p:after{content:""; width:27px; height:1px; background:#000; position:absolute; left:0; bottom:0;}
	.career_wrap01 .resource_box01 .pride_box .bottxt h5{word-break:keep-all; padding-top:16px;}
	.career_wrap01 .resource_box01 .pride_box .bottxt h5 br{display:none;}
	.career_wrap01 .resource_box01 .pride_box .plus{left:78px; width:49px; height:calc(100% - 199px); top:199px; background-size:49px; margin-top:10px;}
	.career_wrap01 .resource_box01 .pride_box .equal{right:auto; left:78px; width:49px; height:calc(100% - 199px); top:199px; background-size:49px; margin-top:10px;}

	.inquiry_wrap .inquiry_box .formWrap .formLine{flex-wrap:wrap; padding-top:17px;}
	.inquiry_wrap .inquiry_box .formWrap h5{width:100%; text-align:left;}
	.inquiry_wrap .inquiry_box .formWrap .formCont{width:100%; padding-left:0; margin-top:22px;}

	.map_wrap .mapbox .mapLine .map_depth1 > li{width:100%;}
	.map_wrap .mapbox .mapLine .map_depth1 > li:nth-child(-n+2){margin-top:22px;}
	.map_wrap .mapbox .mapLine .map_depth1 > li:nth-child(-n+1){margin-top:0;}

	.policy_wrap .top_desc ul li{width:100%; margin-right:0;}
	.policy_wrap .top_desc ul li:nth-child(-n+2){margin-top:6px;}
	.policy_wrap .top_desc ul li:nth-child(-n+1){margin-top:0;}

	.manage_wrap .manage_cont02 .manage_box .idea_list{width:100%; height:auto; margin:42px 0 0;}
	.manage_wrap .manage_cont02 .manage_box .idea_list .idea_ico{width:183px; height:183px; background:url(https://www.hlcompany.com/web/images/sub/manage_cont2_bgm.png) no-repeat center center; background-size:100%; position:static; transform:translate(0); margin:0 auto;}
	.manage_wrap .manage_cont02 .manage_box .idea_list ul li{position:relative; transform:translate(0); width:100%; height:auto; padding:27px 11px; margin-top:31px;}
	.manage_wrap .manage_cont02 .manage_box .idea_list ul li:after{left:50% !important; top:-6px !important; bottom:auto; transform:translateX(-50%) !important;}
	.manage_wrap .manage_cont02 .manage_box .idea_list ul li:before{content:""; width:1px; height:31px; background:#bcbcbc; position:absolute; left:50%; bottom:100%; transform:translateX(-50%);}

	.coorp_wrap .coorp_cont02 .theme_list ul li{width:calc(50% - 12px);}
	.coorp_wrap .coorp_cont02 .theme_list ul li:nth-child(3n){margin-right:24px;}
	.coorp_wrap .coorp_cont02 .theme_list ul li:nth-child(2n){margin-right:0;}
	.coorp_wrap .coorp_cont02 .theme_list ul li:nth-child(-n+3){margin-top:24px;}
	.coorp_wrap .coorp_cont02 .theme_list ul li:nth-child(-n+2){margin-top:0;}

	.toon_wrap .toon_intro{flex-direction:column;}
	.toon_wrap .toon_intro .imgbox{width:450px; margin:0 auto;}
	.toon_wrap .toon_intro .txtbox{width:450px; padding:0; text-align:center; padding-top:52px;}
	.toon_wrap .toon_list{padding-top:12px;}
	.toon_wrap .toon_list li .txtbox{padding-left:22px;}

	/*220803*/
	.bg_uses_box .bg_use_pc{display:none;}
	.bg_uses_box .bg_use_t{display: block;}

	.m_subMenu{display:block;}
	.subCont .subCont_box .com_tabmenu {display:none;}




}/* 800px */

@media screen and (max-width:768px){
	/*220914*/
	.vidbox_pc{display:none;}
	.imgbox_mo{display: block;}
	/*221101 임시*/
	.imgbox_pc{display: none;}
}

@media screen and (max-width:640px){
	html{font-size:0.66px;}
	#wrap{padding-top:padding-top:85rem;}
	#wrap.sub{padding-top:160rem;}


/* 20220820 popup */ 
	.top_popups {width:100%; min-width: unset;}
	.top_popups .popup_box {width:100%; height:70px;}	
	.top_popups .popup_slide ul {height:70px;}	
	.top_popups .bx-controls-direction .bx-prev{display:none; }
	.top_popups .bx-controls-direction .bx-next{display:none; }
	.top_popups .pc { display:none;}
	.top_popups .mo { display:unset;}
	.top_popups .popup_closbx{ display:none;}
	#popup .bx-viewport {height:70px !important;}
	.top_popups .popup_slide ul {height:70px;}
/* 20220820 popup */ 


	#header.hide{top:-85rem;}
	/* 220913 */
	.inner_01{width:100%; padding:0 55px; box-sizing:border-box;}

	.header{height:85rem; padding:0 26rem;}
	.header h1{width:116rem; padding:0; top:50%; transform:translate(-50%,-50%);}

	/*.header h1 img{width:100%;}*/

	.header .m_menuBtn{width:32rem; height:24rem; background-size:100%;}
	.header .lnb li.aff a{width:27rem; height:27rem; background-size:100%;}
	.header .aff_wrap .aff_tab li a{line-height:85rem; font-size:17rem;}
	.header .aff_wrap .aff_contBox{width:calc(77% + 85rem); max-width:498px; padding-left:85rem;}
	.header .aff_wrap .aff_cont ul li > a{height:95rem; padding-left:33rem;}
	.header .aff_wrap .aff_cont ul li p{font-size:18rem;}
	.header .aff_wrap .aff_cont ul li .arrow{width:38rem; height:38rem; right:26rem; background-size:16rem;}
	.header .aff_wrap .aff_cont ul li .arrow svg{width:38rem; height:38rem;}
	.header .aff_wrap .aff_close{width:85rem; height:85rem; background-size:22rem;}
	.media_listWrap .media_m_menu.fixed{top:75rem;}
	.m_menuWrap .m_menuBox .m_lang ul{height:85rem; padding-left:37rem;}
	.m_menuWrap .m_menuBox .m_lang ul li{margin-right:25rem;}
	.m_menuWrap .m_menuBox .m_lang ul li a{font-size:18rem;}
	.m_menuWrap .m_menuBox .m_menu_navi > li > a{font-size:24rem; padding-left:37rem; line-height:90rem; background-size:19rem; background-position:right 35rem center;}
	.m_menuWrap .m_menuBox .m_menu_navi > li.on > a{background-size:19rem; background-position:right 35rem center;}
	.m_menuWrap .m_menuBox .m_menu_navi .m_depth2{padding:0 40rem;}
	.m_menuWrap .m_menuBox .m_menu_navi .m_depth2 li a{font-size:20rem; line-height:75rem;}
	.m_menuWrap .m_menuBox .m_menu_sns{margin-top:39rem; padding:0 40rem 58px;}
	.m_menuWrap .m_menuBox .m_menu_close{width:22rem; height:22rem; background-size:100%; right:33rem; top:32rem;}
	.footer .footer_lnb > div{padding:32rem 26rem 5rem 0;}
	.footer .footer_lnb .footer_menu li{padding-bottom:21rem;}
	.footer .footer_lnb .footer_menu li:after{top:0; transform:translate(0);}
	.footer .footer_lnb .footer_menu li a{font-size:18rem; padding:0 23rem 0 26rem;}
	.footer .footer_lnb .footer_menu li:first-child a{padding-left:26rem;}
	.footer .footer_copy > div{padding:33rem 26rem 44rem; flex-wrap:wrap;}
	.footer .footer_copy h4{width:130rem;}
	.footer .footer_copy h4 img{width:100%;}
	.footer .footer_copy .right_btn{}
	.footer .footer_copy .right_btn .award{margin-right:30rem;}
	.footer .footer_copy .right_btn .award img{width:51rem;}
	.footer .footer_copy .right_btn .wa img{width:55rem;}
	.footer .footer_copy .add_txt{width:100%; order:3; padding-left:30rem; box-sizing:border-box; padding-top:11rem; font-size:16rem; line-height:26rem;}
	.footer .footer_copy .top{width:65rem; height:65rem; background-size:17rem; right:26rem;}
	.footer .footer_copy .top svg.line{width:65rem; height:65rem;}
	.footer .footer_copy .top.bg2 svg.line{width:65rem; height:65rem; left:0; top:0;}
	.footer .footer_copy .top i svg{width:65rem; height:65rem;}
	.footer .footer_copy .top.on{bottom:352rem;}
	.container{padding:0 26rem;}
	.inner{padding:0 26rem;}

	/*220914*/
	.visual{height:calc(100vh - 85rem); max-height:832rem;}
	/*.visual{height:calc(100vh - 85rem); max-height:1140rem;}*/

	.visual .visual_box h2{padding-left:21rem; word-break:keep-all;}
	.visual_211019 .visual_box h2 span{font-size:70rem; letter-spacing:10rem;}
	.visual_211019 .visual_box .txtbox em{font-size:60rem; line-height:75rem; margin-top:27rem;}
	.visual_211019 .visual_box .txtbox{left:47rem; top:500rem;}
	.visual .swiper_navi .swiper-pagination .swiper-pagination-bullet{width:50rem; height:50rem; font-size:16rem;}
	.visual .swiper_navi .swiper-pagination .swiper-pagination-bullet svg{width:52rem; height:52rem; left:-2rem; top:-2rem;}
	.visual .scroll{left:40rem;}
	.visual .scroll em{height:91rem;}
	.cont01{padding-top:37px;}
	.cont01 h3{font-size:36rem; padding-bottom:25rem;}
	.cont01 .cont01_box ul li{margin-top:26rem;}
	.cont01 .cont01_box ul li:nth-child(-n+2){margin-top:26rem;}
	.cont01 .cont01_box ul li:nth-child(1){margin-top:0;}
	.cont01 .cont01_box ul li .txtbox{padding-left:36rem; padding-bottom:30rem; padding-top:17px; padding-right:30rem;}
	.cont01 .cont01_box ul li .txtbox h4{font-size:26rem; line-height:36rem;}
	.cont01 .cont01_box ul li .txtbox .arrow{width:44rem; height:44rem; background-size:22rem;}
	.cont01 .cont01_box ul li .txtbox .arrow.play{width:46rem; height:44rem; background-size:15rem;}
	.cont01 .cont01_box ul li .txtbox .arrow svg{width:44rem; height:44rem;}
	.cont01 .cont01_box ul li .txtbox .arrow.play svg{width:55rem; height:44rem;}
	.cont02{padding-top:76rem; padding-bottom:146rem; overflow:hidden;}
	.cont02 h3{font-size:36rem;}
	.cont02 .cont02_box{padding-top:28rem;}
	.cont02 .cont02_box ul li .txtbox{padding-left:35rem; padding-bottom:35rem;}
	.cont02 .cont02_box ul li .txtbox h4{font-size:30rem; line-height:38rem;}
	.cont02 .cont02_box ul li .txtbox p{font-size:20rem; line-height:30rem; padding-top:8rem;}
	.cont02 .cont02_box ul li .txtbox .arrow{width:44rem; height:44rem; background-size:22rem;}
	.cont02 .cont02_box ul li .txtbox .arrow svg{width:44rem; height:44rem;}

	.sub_m_menu.fixed{top:74rem;}
	.m_subMenu{height:75rem;}
	.m_subMenu select{font-size:24rem; background-size:26rem; background-position:right 26rem center; padding:0 26rem;}
	.subCont .sub_vis{height:304rem;}
	.subCont .sub_vis .sub_vis_txt h2{font-size:45rem;}
	.subCont .sub_vis .sub_vis_txt p{font-size:20rem; line-height:30rem; padding-right:26rem; padding-left:26rem; word-break:keep-all;}

	.listWrap{padding-bottom:113rem;}
	.media_listWrap .media_m_menu ul li{margin-right:8rem;}
	.media_listWrap .media_m_menu ul li a{font-size:22rem; line-height:75rem; padding:0 20rem;}
	.media_listWrap .media_listBox{padding-top:30rem; padding-bottom:86rem;}
	.media_listWrap .media_listBox:first-child{padding-top:65rem;}
	.media_listWrap .media_category{padding-top:74rem;}
	.media_listWrap .media_category ul li{margin-right:26rem;}
	.media_listWrap .media_category ul li a{font-size:18rem; color:#666;}
	.media_listWrap .media_category ul li span{font-size:12rem;}
	.listWrap .media_listBox h3{font-size:32rem; padding-bottom:22rem;}
	.listWrap .listBox ul li{width:100%; margin-right:0; margin-top:0;}
	.listWrap .listBox ul li .txtbox{padding:16rem 19rem 60rem;}
	.listWrap .listBox ul li .txtbox h4{font-size:24rem; line-height:34rem;}
	.listWrap .listBox ul li .txtbox .h4{font-size:24rem; line-height:34rem;}
	.listWrap .listBox ul li .txtbox .date{margin-top:38rem; font-size:18rem;}
	.listWrap .listBox ul li .txtbox .arrow{bottom:47rem; right:9rem;}
	.hover_line em{display:none;}

	.pager_wrap .pager_list{display:flex; align-items:center; justify-content:center;}
	.pager_wrap .pager_list a.prev_page{margin-right:24rem;}
	.pager_wrap .pager_list a.next_page{margin-left:19rem;}
	.pager_wrap .pager_list a{width:50rem; height:50rem; font-size:20rem; line-height:48rem; margin-right:5rem;}

	.news_listWrap{padding-bottom:183rem;}
	.news_listWrap .news_tabmenu ul li a{font-size:22rem; line-height:75rem; padding:0 20rem;}
	.news_listWrap .list_search{margin-top:72rem;}
	.list_search .list_result{font-size:20rem;}
	.list_search .searchWrap{margin-top:15rem;}
	.list_search .searchWrap select{width:178rem; margin-right:24rem; font-size:20rem;}
	.list_search .searchWrap .search_input{width:calc(100% - 202rem);}
	.list_search .searchWrap .search_input input[type="text"]{font-size:20rem;}
	.list_search .searchWrap .search_input .searchBtn{width:42rem; background-size:22rem;}
	.news_listWrap .news_listBox{padding-top:37rem; padding-bottom:39rem;}
	.list_moreBtn{margin:0 auto; width:410rem; height:60rem; line-height:60rem; font-size:18rem; background-position:right 137rem center; padding-right:24rem;}
	.list_moreBtn img{padding-left:9rem; vertical-align:-1px;}

	.listWrap .listBox2{padding-top:37rem;}
	.listWrap .listBox2 ul li .imgbox{width:240rem; height:141rem;}
	.listWrap .listBox2 ul li .imgbox img{min-height:100%;}
	.listWrap .listBox2 ul li .txtbox{width:59%; min-width:calc(100% - 240rem); padding-left:28rem; padding-right:15rem; padding-bottom:15rem; padding-top:8rem;}
	.listWrap .listBox2 ul li .txtbox .h4{font-size:24rem; line-height:32rem; margin-bottom:1rem;}
	.listWrap .listBox2 ul li .txtbox .p{font-size:20rem; line-height:30rem; overflow: hidden; text-overflow: ellipsis; display: block; -webkit-line-clamp: revert; -webkit-box-orient: revert; white-space:nowrap; padding-right:0;}
	.listWrap .listBox2 ul li .txtbox .arrow{display:none;}
	.listWrap .listBox2 ul li .txtbox .date{font-size:16rem;}
	.news_listWrap .listBox2{padding-bottom:72rem;}

	.view_vis{padding:0 26rem; height:320rem;}
	.view_vis .view_vis_txt span{font-size:22rem; padding-bottom:12rem;}
	.view_vis .view_vis_txt h2{font-size:38rem; line-height:50rem;}
	.view_vis .view_vis_txt .date{font-size:16rem; margin-top:14rem;}
	.view_cont{padding-bottom:165rem;}
	.view_cont .view_contBox{padding-top:65rem; padding-bottom:68rem;}
	.view_cont .view_contBox .column{margin-bottom:58rem;}
	.view_cont .view_contBox p{font-size:20rem; line-height:32rem;}
	.list_navi ul li > a{font-size:19rem;}
	.list_navi ul li span{line-height:75rem; width:105rem;}
	.list_navi ul li p{width:calc(100% - 105rem); padding-left:13rem; line-height:75rem;}
	.list_navi ul li span img{width:12rem;}
	.list_navi ul li.prev span img{padding-left:14rem;}
	.list_navi ul li.next span img{padding-right:14rem;}
	.view_cont .list_btn{margin-top:35rem;}

	.list_btn{width:152rem; height:55rem; line-height:51rem; font-size:18rem; background-position:left 47rem center; background-size:14rem;}
	.list_btn:hover{background-position:left 47rem center; background-size:14rem;}

	.ci_contWrap .ci_contBox .h3_txt{padding-top:65rem;}
	.ci_contWrap .ci_contBox .h3_txt h3{font-size:36rem; line-height:40rem; padding-bottom:15rem;}
	.ci_contWrap .ci_contBox .h3_txt p{font-size:21rem; line-height:32rem;}
	.ci_contWrap .ci_contBox01 .container{padding-bottom:0; border-bottom:none;}
	.ci_contWrap .ci_contBox01 .mark_box{margin-top:42rem; height:286rem;}
	.ci_contWrap .ci_contBox01 .mark_box img{max-width:521rem;}
	.ci_contWrap .ci_contBox01 .mark_box .m_img{display:inline;}
	.ci_contWrap .ci_contBox01 .mark_box .w_img{display:none;}
	.ci_contWrap .ci_contBox01 .mark_down{margin-top:21rem; padding-bottom:81rem; border-bottom:1px solid #dadada;}
	.ci_contWrap .ci_contBox01 .mark_down a{margin-right:6rem;}

	.downBtn{font-size:16rem; width:174rem; height:50rem; line-height:50rem;}
	.downBtn img{width:17rem; padding-left:12rem;}
	.goBtn{font-size:16rem; width:174rem; height:50rem; line-height:50rem;}
	.goBtn img{width:17rem; padding-left:12rem;}

	.ci_contWrap .ci_contBox02{padding-bottom:90rem;}
	.ci_contWrap .ci_contBox02 .color_box{padding-top:50rem;}
	.ci_contWrap .ci_contBox02 .color_box h4{font-size:24rem; line-height:30rem; padding-bottom:12rem;}
	.ci_contWrap .ci_contBox02 .color_box .palette_box ul{flex-wrap:wrap; height:auto;}
	.ci_contWrap .ci_contBox02 .color_box .palette_box ul li{width:20%; }
	.ci_contWrap .ci_contBox02 .color_box .palette_box ul li.o100{width:100%;}
	.ci_contWrap .ci_contBox02 .color_box .palette_box ul li em{height:105rem; }
	.ci_contWrap .ci_contBox02 .color_box .palette_box ul li p{top:20rem; left:17rem;}
	.ci_contWrap .ci_contBox02 .color_box .palette_box ul li p{font-size:20rem; line-height:24rem;}
	.ci_contWrap .ci_contBox02 .color_box .palette_box ul li p span{font-size:18rem;}
	.ci_contWrap .ci_contBox02 .color_box .palette_box ul li span{font-size:16rem;}
	.ci_contWrap .ci_contBox02 .color_box .txtbox{padding-top:18rem; padding-left:17rem; padding-bottom:20rem; height:146rem; padding-right:17rem;}
	.ci_contWrap .ci_contBox02 .color_box .txtbox .h5{font-size:20rem;}
	.ci_contWrap .ci_contBox02 .color_box .txtbox p{font-size:16rem; line-height:24rem; white-space:nowrap;}
	.ci_contWrap .ci_contBox02 .color_box .txtbox span{font-size:16rem; line-height:24rem;}
	.ci_contWrap .ci_contBox02 .color_box .subcolor_box li{width:calc(33.333% - 16rem); margin-right:24rem; margin-top:26rem;}
	.ci_contWrap .ci_contBox02 .color_box .subcolor_box li .imgbox{padding-top:19rem; padding-left:20rem; height:105rem; padding-right:0;}
	.ci_contWrap .ci_contBox02 .color_box .subcolor_box li .imgbox span{font-size:20rem;}

	.ci_contWrap .ci_contBox03{padding-bottom:80rem;}
	.ci_contWrap .ci_contBox03 .sig_box{padding-top:50rem;}
	.ci_contWrap .ci_contBox03 .sig_box ul li{width:calc(50% - 12rem); margin-right:24rem;}
	.ci_contWrap .ci_contBox03 .sig_box ul li h4{font-size:24rem;}
	.ci_contWrap .ci_contBox03 .sig_box ul li .imgbox{margin-top:15rem; height:180rem; }
	.ci_contWrap .ci_contBox03 .sig_box ul li.horizon .imgbox img{width:71%;}
	.ci_contWrap .ci_contBox03 .sig_box ul li.vertical .imgbox img{width:47%;}

	.ci_contWrap .ci_contBox04{padding-bottom:166rem;}
	.ci_contWrap .ci_contBox04 .prohibit_box{padding-top:45rem;}
	.ci_contWrap .ci_contBox04 .prohibit_box h4{font-size:24rem; line-height:30rem; padding-bottom:18rem;}
	.ci_contWrap .ci_contBox04 .prohibit_box ul li{width:calc(50% - 12rem); margin-right:24rem; margin-top:24rem; height:179rem; padding-top:0;}
	.ci_contWrap .ci_contBox04 .prohibit_box ul li:nth-child(3n){margin-right:24rem;}
	.ci_contWrap .ci_contBox04 .prohibit_box ul li:nth-child(2n){margin-right:0;}
	.ci_contWrap .ci_contBox04 .prohibit_box ul li:nth-child(-n+3){margin-top:24rem;}
	.ci_contWrap .ci_contBox04 .prohibit_box ul li:nth-child(-n+2){margin-top:0;}
	.ci_contWrap .ci_contBox04 .prohibit_box ul li .imgbox{height:114rem; padding-top:23rem;}
	.ci_contWrap .ci_contBox04 .prohibit_box ul li .imgbox img{max-height:revert;}
	.ci_contWrap .ci_contBox04 .prohibit_box ul li.prohibit_img03 .imgbox img{padding-top:5rem;}
	.ci_contWrap .ci_contBox04 .prohibit_box ul li.prohibit_img06 .imgbox img{max-width:136rem; padding-top:0;}
	.ci_contWrap .ci_contBox04 .prohibit_box ul li p{font-size:16rem; line-height:24rem; margin-top:0; padding:0 22rem;}
	.ci_contWrap .ci_contBox04 .prohibit_box ul li span{top:18rem; right:18rem;}
	.ci_contWrap .ci_contBox04 .prohibit_box ul li span img{width:18rem;}

	.aff_listWrap{padding-bottom:195rem;}
	.aff_listWrap .aff_tabmenu ul li a{font-size:22rem; line-height:75rem; padding:0 20rem;}
	.aff_listWrap .aff_box{padding-top:65rem;}
	.aff_listWrap .aff_box h3{font-size:36rem;}
	.aff_listWrap .aff_box .aff_list ul li{width:100%; margin-right:0; margin-top:27rem;}
	.aff_listWrap .aff_box .aff_list ul li:nth-child(3n){margin-right:0;}
	.aff_listWrap .aff_box .aff_list ul li:nth-child(-n+2){margin-top:27rem;}
	.aff_listWrap .aff_box .aff_list ul li:first-child{margin-top:0}
	.aff_listWrap .aff_box .aff_list ul li .txtbox{background-size:23rem; background-position:right 33rem bottom 37rem; height:auto; min-height:252rem; padding:30rem 33rem 37rem 28rem;}
	.aff_listWrap .aff_box .aff_list ul li.hightxt .txtbox{min-height:295rem; height:auto;}
	.aff_listWrap .aff_box .aff_list ul li a:hover .txtbox{background-size:23rem; background-position:right 33rem bottom 37rem;}
	.aff_listWrap .aff_box .aff_list ul li .txtbox h4{font-size:26rem; line-height:31rem;}
	.aff_listWrap .aff_box .aff_list ul li .txtbox p{font-size:20rem; line-height:32rem; padding-top:10rem; letter-spacing:-0.5px;}
	.aff_listWrap .aff_box .aff_list ul li .txtbox .h4{font-size:26rem; line-height:31rem;}
	.aff_listWrap .aff_box .aff_list ul li .txtbox .p{font-size:20rem; line-height:32rem; padding-top:10rem; letter-spacing:-0.5px;}
	.aff_listWrap .aff_box .aff_list ul li .txtbox .address{font-size:16rem; background-size:18rem; padding-left:23rem; padding-top:35rem;}
	.aff_listWrap .aff_box .aff_list ul li > a:hover .txtbox .address{background-size:18rem;}

	.sustain_wrap .sustain_tabmenu ul li a{font-size:19rem; line-height:75rem; padding:0 8rem;}
	.report_wrap{padding-bottom:183rem;}
	.report_wrap .report_topBox > div{padding:70rem 26rem 68rem;}
	.report_wrap .report_topBox .rtb_txtbox{margin-top:28rem;}
	.report_wrap .report_topBox .rtb_txtbox h3{font-size:34rem; line-height:40rem; word-break:keep-all;}
	.report_wrap .report_topBox .rtb_txtbox p{font-size:20rem; line-height:36rem;}
	.report_wrap .report_topBox .down_wrap{margin-top:20rem;}
	.report_wrap .report_topBox .down_wrap a{width:126rem;}
	.report_wrap .report_list ul li{padding:40rem 0 43rem;}
	.report_wrap .report_list ul li .report_list_txtBox h4{font-size:26rem; line-height:38rem;}
	.report_wrap .report_list ul li .report_list_txtBox h4 b{font-size:24rem;}
	.report_wrap .report_list ul li .down_wrap{margin-top:50rem;}
	.report_wrap .report_list ul li .down_wrap a{width:126rem;}
	.report_wrap .report_list .list_moreBtn{margin-top:50rem;}
	.report_wrap .report_list .pager_wrap{margin-top:50rem;}
	
	.webzine_vis .webzine_visbox{height:615rem;}
	.webzine_vis .webzine_visbox .txtbox{left:60rem; top:100rem; transform:translateY(0);}
	.webzine_vis .webzine_visbox .txtbox .cate{font-size:20rem;}
	.webzine_vis .webzine_visbox .txtbox h2{font-size:45rem; line-height:60rem; letter-spacing:-2rem;}
	.webzine_vis .webzine_visbox .txtbox h2 em:before{height:20rem; bottom:0;}
	.webzine_visual .swiper_navi .swiper_controller .controllBtn{margin-right:30rem;}
	.webzine_visual .swiper_navi .swiper-pagination .swiper-pagination-bullet{font-size:16rem; width:50rem; height:50rem; margin-right:10rem;}
	.webzine_wrap{padding-top:70rem; padding-bottom:203rem;}
	.webzine_wrap h3{font-size:34rem; line-height:46rem; letter-spacing:-2rem;}
	.webzine_wrap h3 .vol{font-size:24rem; letter-spacing:0; line-height:40rem;}
	.webzine_wrap .webzine_list{padding-top:23rem;}
	.webzine_wrap .webzine_list li{height:227rem; margin-top:24rem;}
	.webzine_wrap .webzine_list .txtbox{padding:34rem 20rem 35rem 25rem; width:calc(100% - 264rem);}
	.webzine_wrap .webzine_list .txtbox .cate{font-size:18rem;}
	.webzine_wrap .webzine_list .txtbox .h4{font-size:25rem; line-height:37rem; padding-top:5rem; word-break:keep-all;}
	.webzine_wrap .webzine_list .txtbox .h4 br{display:none;}
	.webzine_wrap .webzine_list .txtbox .date{font-size:16rem; bottom:35rem; left:25rem;}
	.webzine_wrap .webzine_list .txtbox .arrow{right:9px; bottom:16px; background-size:19rem;}
	.webzine_wrap .webzine_list li a:hover .txtbox .arrow, .webzine_wrap .webzine_list li a:focus .txtbox .arrow{background-size:19rem;}
	.webzine_wrap .webzine_list li .imgbox{width:264rem;}
	.webzine_wrap .webzine_list .imgbox img{width:100%;}
	.webzine_wrap .prev_more{margin-top:52rem; width:247rem; height:60rem; line-height:58rem; font-size:18rem; background-size: 18rem; background-position: right 30rem center;}

	.subCont .sub_vis.webzine_subVis{height:235rem;}
	.subCont .sub_vis .sub_vis_txt h2{font-size:38rem;}
	.webzineList_wrap{padding-top:62rem; padding-bottom:197rem;}
	.webzineList_wrap .list_search{margin-bottom:40rem;}
	.webzineList_wrap .vol_box{padding-bottom:50rem; margin-bottom:62rem;}
	.webzineList_wrap .vol_box h3{font-size:30rem;}
	.webzineList_wrap .vol_box ul{padding-top:21rem;}
	.webzineList_wrap .vol_box ul li{width:calc(50% - 12rem); margin-right:24rem;}
	.webzineList_wrap .vol_box ul li .txtbox{height:174rem; padding-top:24rem; padding-left:18rem;}
	.webzineList_wrap .vol_box ul li .txtbox .cate{font-size:16rem;}
	.webzineList_wrap .vol_box ul li .txtbox h4{font-size:24rem; line-height:36rem; padding-top:10rem;}
	.webzineList_wrap .vol_box ul li .txtbox .date{font-size:16rem; left:18rem; bottom:20rem;}
	.webzineList_wrap .vol_box ul li .txtbox .arrow{right:11px; bottom:4px;}
	.webzineList_wrap .vol_box ul li{margin-top:45rem;}
	.webzineList_wrap .vol_box ul li:nth-child(-n+4){margin-top:45rem;}
	.webzineList_wrap .vol_box ul li:nth-child(-n+2){margin-top:0;}
	.webzineList_wrap .prev_more {margin-top: 52rem; width: 247rem; height: 60rem; line-height: 58rem; font-size: 18rem;
    background-size: 18rem; background-position: right 25rem center; padding-right:29rem;}
	.webzineList_wrap .prev_more:hover, .webzineList_wrap .prev_more:focus{background-size: 18rem; background-position: right 25rem center;}

	.subCont .sub_vis.webzine_viewVis{min-height:318rem; height:auto; padding:40rem 0;}
	.subCont .sub_vis.webzine_viewVis .sub_vis_txt h2{font-size:38rem; line-height:50rem;}
	.subCont .sub_vis.webzine_viewVis .sub_vis_txt .cate{font-size:22rem; padding-bottom:15rem;}
	.subCont .sub_vis.webzine_viewVis .sub_vis_txt .date{font-size:16rem; margin-top:15rem;}
	.webzineView_wrap{padding-top:66rem; padding-bottom:147rem;}
	.webzineView_wrap .webzine_viewBox{padding-bottom:42rem;}
	.webzineView_wrap .webzine_viewBox .column{margin-bottom:52rem;}
	.webzineView_wrap .webzine_viewBox .column p{font-size:20rem; line-height:32rem; padding-bottom:34rem;}
	.webzineView_wrap .list_btn{margin-top:35rem;}
	.webzine_navi{margin-top:57rem;}
	.webzine_navi .webzine_naviList{padding:27rem 0 0;}
	.webzine_navi .webzine_naviList li{width:calc(50% - 12rem); margin-right:24rem;}
	.webzine_navi .webzine_naviList li .imgbox{width:128rem; height:110rem;}
	.webzine_navi .webzine_naviList li .imgbox img{width:100%;}
	.webzine_navi .webzine_naviList li .txtbox{padding:5rem 0 5rem 20rem; width:calc(100% - 128rem);}
	.webzine_navi .webzine_naviList li .txtbox .cate{font-size:14rem;}
	.webzine_navi .webzine_naviList li .txtbox h4{font-size:20rem; line-height:30rem; padding-top:4rem;}
	.webzine_navi .webzine_naviList li .txtbox h4 br{display:none;}
	.webzine_navi .webzine_naviList li .txtbox .date{font-size:14rem; padding-top:8rem;}

	.ir_wrap01{padding-top:65rem; padding-bottom:198rem;}
	.ir_wrap01 .ir_listBox h3{font-size:36rem;}
	.ir_wrap01 .ir_listBox ul{padding-top:25rem;}
	.ir_wrap01 .ir_listBox ul li{width:100%; margin-top:24rem; margin-right:0;}
	.ir_wrap01 .ir_listBox ul li:nth-child(3n){margin-right:0;}
	.ir_wrap01 .ir_listBox ul li:nth-child(2n){margin-right:0;}
	.ir_wrap01 .ir_listBox ul li:nth-child(-n+2){margin-top:24rem;}
	.ir_wrap01 .ir_listBox ul li:nth-child(1){margin-top:0;}
	.ir_wrap01 .ir_listBox ul li .txtbox{background-size:23rem; background-position:right 33rem bottom 37rem; height:auto; min-height:175rem; padding:30rem 33rem 37rem 28rem;}
	.ir_wrap01 .ir_listBox ul li a:hover .txtbox, .ir_wrap01 .ir_listBox ul li a:focus .txtbox{background-size:23rem; background-position:right 33rem bottom 37rem;}
	.ir_wrap01 .ir_listBox ul li .txtbox .h4{font-size:26rem; line-height:31rem;}
	.ir_wrap01 .ir_listBox ul li .txtbox .p{font-size:20rem; line-height:32rem; padding-top:10rem; letter-spacing:-0.5px;}

	.ir_tabmenu ul li a{font-size:22rem; line-height:75rem; padding:0 20rem;}
	.esgWrap{padding-top:65rem; padding-bottom:185rem;}
	.esgWrap .esgbox{margin-bottom:86rem;}
	.esgWrap .esgbox h3{font-size:36rem; line-height:40rem;}
	.esgWrap .esgbox span{font-size:21rem; line-height:30rem; padding-top:18rem;}
	.esgWrap .esgbox .esg_table{margin-top:28rem;}
	.esgWrap .esgbox .esg_table table{table-layout:fixed;}
	.esgWrap .esgbox .esg_table table th{font-size:18rem; line-height:28rem; padding:16rem 0 17rem;}
	.esgWrap .esgbox .esg_table table .sth{font-size:24rem;}
	.esgWrap .esgbox .esg_table table td{font-size:18rem; line-height:28rem; padding:18rem 0; vertical-align:middle; word-break:keep-all;}
	.esgWrap .esgbox .esg_table table td img{width:57rem;}
	.esgWrap .esgbox2 .esg_table table th.grade_s img{width:23rem;}
	.esgWrap .esgbox2 .esg_table table th.grade_ap img{width:34rem;}
	.esgWrap .esgbox2 .esg_table table th.grade_a img{width:33rem;}
	.esgWrap .esgbox2 .esg_table table th.grade_bp img{width:35rem;}
	.esgWrap .esgbox2 .esg_table table th.grade_b img{width:25rem;}
	.esgWrap .esgbox2 .esg_table table th.grade_c img{width:25rem;}
	.esgWrap .esgbox2 .esg_table table th.grade_d img{width:28rem;}

	.ir3_list{padding-top:68rem; padding-bottom:227rem;}
	.ir3_list ul li{width:100%; margin-right:0;}
	.ir3_list ul li:nth-child(3n){margin-right:0;}
	.ir3_list ul li:nth-child(-n+2){margin-top:24rem;}
	.ir3_list ul li:nth-child(1){margin-top:0;}
	.ir3_list ul li .imgbox{height:335rem;}
	.ir3_list ul li .txtbox{padding:28rem 22rem 42rem 28rem; background-size:23rem; background-position:right 33rem bottom 37rem; height:auto; min-height:175rem;}
	.ir3_list ul li a:hover .txtbox, .ir3_list ul li a:focus .txtbox{background-size:23rem; background-position:right 33rem bottom 37rem;}
	.ir3_list ul li .txtbox .h3{font-size:26rem; line-height:31rem;}
	.ir3_list ul li .txtbox .p{font-size:20rem; line-height:32rem;}

	.career_wrap04{padding-top:62rem; padding-bottom:189rem;}
	.career_wrap04 h3{font-size:36rem; line-height:40rem;}
	.career_wrap04 .career_list{padding-top:24rem;}
	.career_wrap04 .career_list ul li{width:100%; margin-right:0; margin-top:33rem; height:371rem;}
	.career_wrap04 .career_list ul li:nth-child(3n){margin-right:0;}
	.career_wrap04 .career_list ul li:nth-child(-n+2){margin-top:33rem;}
	.career_wrap04 .career_list ul li:nth-child(1){margin-top:0;}
	.career_wrap04 .career_list ul li .career_box{padding:46rem 50rem 0;}
	.career_wrap04 .career_list ul li .career_box h4{font-size:28rem; line-height:31rem;}
	.career_wrap04 .career_list ul li .career_box span{font-size:20rem; line-height:32rem; padding-top:15rem;}
	.career_wrap04 .career_list ul li .career_box span br{display:block;}
	.career_wrap04 .career_list ul li .career_box p{font-size:20rem; line-height:26rem; padding:30rem 0 45rem; background-size:23rem;}
	.career_wrap04 .career_list ul li > a:hover .career_box p, .career_wrap04 .career_list ul li > a:focus .career_box p{background-size:23rem;}
	.career_wrap04 .career_list ul li.career_info01 .career_box{background-size:102rem; background-position:right 50rem  bottom 118rem;}
	.career_wrap04 .career_list ul li.career_info02 .career_box{background-size:118rem; background-position:right 58rem bottom 140rem;}
	.career_wrap04 .career_list ul li.career_info03 .career_box{background-size:95rem; background-position:right 54rem bottom 121rem;}

	.career_wrap03{padding-top:68rem; padding-bottom:182rem;}
	.career_wrap03 .pager_wrap{margin-top:72rem;}

	.phil_wrap .phil_box{padding-left:20rem; padding-right:20rem;}
	.phil_wrap .phil_box .txtbox h3{font-size:40rem; line-height:50rem; margin-bottom:24rem; word-break:keep-all;}
	.phil_wrap .phil_box .txtbox h3 span{font-size:26rem;}
	.phil_wrap .phil_box .txtbox p{margin-bottom:20rem; font-size:26rem; line-height:38rem;}
	.phil_wrap .phil_box .bigtxtbox p{font-size:22rem; line-height:34rem;}
	.phil_wrap .phil_box .txtbox span{font-size:22rem; line-height:34rem;}
	.phil_wrap .phil_box02 .txtbox p span{font-size:22rem; line-height:34rem;}
	.phil_wrap .phil_box .show_bigBtn{display:block;}
	.phil_wrap .phil_box01{padding-top:60rem; padding-bottom:70rem;}
	.phil_wrap .phil_box01 .order2{margin-top:68rem;}
	.phil_wrap .phil_box02{padding-top:73rem; padding-bottom:84rem;}
	.phil_wrap .phil_box03{padding-top:75rem; padding-bottom:223rem;}
	.phil_wrap .phil_box03 .order2{margin-top:71rem;}
	.phil_wrap .phil_box03 .order3{margin-top:60rem;}
	.phil_wrap .phil_box03 .txtbox p span{font-size:26rem;}
	.phil_wrap .phil_box03 .txtbox p img{width:286rem;}

	.social_wrap{padding-top:70rem; padding-bottom:256rem;}
	.social_wrap .socialbox h3{font-size:36rem; padding-bottom:32rem;}
	.social_wrap .socialbox .group_social ul li{margin-top:26rem;}
	.social_wrap .socialbox .group_social ul li:nth-child(-n+2){margin-top:26rem;}
	.social_wrap .socialbox .group_social ul li:nth-child(1){margin-top:0;}
	.social_wrap .socialbox .group_social ul li > a div{padding:30rem 33rem 35rem 38rem; height:160rem;}
	.social_wrap .socialbox .group_social ul li div h4{font-size:22rem; padding-bottom:15rem;}
	.social_wrap .socialbox .group_social ul li.gs1 div img{width:302rem;}
	.social_wrap .socialbox .group_social ul li.gs2 div img{width:166rem;}
	.social_wrap .socialbox .group_social ul li.gs3 div img{width:197rem;}
	.social_wrap .socialbox .group_social ul li.gs4 div img{width:209rem;}
	.social_wrap .socialbox .group_social ul li div .arrow{width:38rem; height:38rem; background-size:20rem; right:33rem; bottom:40rem;}
	.social_wrap .socialbox .group_social ul li div .arrow svg{width:38rem; height:38rem;}
	.social_wrap .socialbox.sbox02{margin-top:80rem;}
	.social_wrap .socialbox .group_social ul li > a .div{padding:30rem 33rem 35rem 38rem; height:160rem;}
	.social_wrap .socialbox .group_social ul li .div .h4{font-size:22rem; padding-bottom:15rem;}
	.social_wrap .socialbox .group_social ul li.gs1 .div img{width:302rem;}
	.social_wrap .socialbox .group_social ul li.gs2 .div img{width:166rem;}
	.social_wrap .socialbox .group_social ul li.gs3 .div img{width:197rem;}
	.social_wrap .socialbox .group_social ul li.gs4 .div img{width:209rem;}
	.social_wrap .socialbox .group_social ul li .div .arrow{width:38rem; height:38rem; background-size:20rem; right:33rem; bottom:40rem;}
	.social_wrap .socialbox .group_social ul li .div .arrow svg{width:38rem; height:38rem;}
	.social_wrap .socialbox.sbox02{margin-top:80rem;}
	.social_wrap .socialbox .aff_social .aff_socialBox{padding:26rem 0 27rem;}
	.social_wrap .socialbox .aff_social .aff_socialBox h4{font-size:26rem; white-space:nowrap;}
	.social_wrap .socialbox .aff_social .aff_socialBox ul li{margin-right:14rem;}
	.social_wrap .socialbox .aff_social .aff_socialBox ul li img{width:54rem;}

	.vision_wrap .vision_cont h3{font-size:36rem;}
	.vision_wrap .vision_cont .h4{font-size:21rem; line-height:32rem; }
	.vision_wrap .vision_cont01{padding:64rem 0 80rem;}
	.vision_wrap .vision_cont01 .vc_box{}
	.vision_wrap .vision_cont01 .vc_box .vc_txt p{font-size:24rem; line-height:38rem;}
	.vision_wrap .vision_cont01 .vc_box .vc_img{margin-top:60rem;}
	.vision_wrap .vision_cont02{padding:75rem 0 78rem;}
	.vision_wrap .vision_cont02 .vc2_box{margin-top:32rem;}
	.vision_wrap .vision_cont02 .vc2_box ul li{width:calc(50% - 12rem); margin-right:24rem;}
	.vision_wrap .vision_cont02 .vc2_box ul li .txtbox{height:201rem;}
	.vision_wrap .vision_cont02 .vc2_box ul li .txtbox h4{font-size:22rem; padding:19rem 0 21rem;}
	.vision_wrap .vision_cont02 .vc2_box ul li .txtbox p{font-size:20rem; line-height:30rem; padding-top:24rem;}
	.vision_wrap .vision_cont02 .vc2_box ul li .icobox{margin-top:34rem; width:204rem; height:204rem; padding-top:40rem;}
	.vision_wrap .vision_cont02 .vc2_box ul li .icobox:before{height:34rem;}
	.vision_wrap .vision_cont02 .vc2_box ul li:last-child .icobox{padding-top:30rem;}
	.vision_wrap .vision_cont02 .vc2_box ul li .icobox img{width:73rem;}
	.vision_wrap .vision_cont02 .vc2_box ul li .icobox span{font-size:20rem; padding:12rem 24rem 0;}
	.vision_wrap .vision_cont03{padding:84rem 0 170rem;}
	.vision_wrap .vision_cont03 .vc3_box{margin-top:45rem;}
	.vision_wrap .vision_cont03 .vc3_box .vc3_top{display:flex; align-items:center;}
	.vision_wrap .vision_cont03 .vc3_box .vc3_top .txtbox{width:295rem; height:295rem; background-size:100%; padding-top:62rem; order:1;}
	.vision_wrap .vision_cont03 .vc3_box .vc3_top .txtbox img{width:88rem;}
	.vision_wrap .vision_cont03 .vc3_box .vc3_top .txtbox span{font-size:24rem; line-height:30rem; padding-top:15rem;}
	.vision_wrap .vision_cont03 .vc3_box .vc3_top .decs_box{width:calc(100% - 295rem); margin-left:0; position:static; transform:translate(0); padding-left:25rem; box-sizing:border-box; order:2;}
	.vision_wrap .vision_cont03 .vc3_box .vc3_top .decs_box p{font-size:20rem; line-height:30rem;}
	.vision_wrap .vision_cont03 .vc3_box .vc3_top .decs_box p br{display:none;}
	.vision_wrap .vision_cont03 .vc3_box .vc3_bottom{margin-top:89rem;}
	.vision_wrap .vision_cont03 .vc3_box .vc3_bottom:before{width:23rem; height:71rem; background-size:100%; left:139rem;}
	.vision_wrap .vision_cont03 .vc3_box .vc3_bottom ul li{margin-left:65rem; margin-bottom:63rem;}
	.vision_wrap .vision_cont03 .vc3_box .vc3_bottom ul li .txtbox{width:165rem; height:165rem;}
	.vision_wrap .vision_cont03 .vc3_box .vc3_bottom ul li .txtbox:after{width:24rem; height:63rem; background-size:100%;}
	.vision_wrap .vision_cont03 .vc3_box .vc3_bottom ul li:last-child .txtbox:after{width:24rem; height:63rem;}
	.vision_wrap .vision_cont03 .vc3_box .vc3_bottom ul li .txtbox span{font-size:22rem; line-height:32rem;}
	.vision_wrap .vision_cont03 .vc3_box .vc3_bottom ul li .decs_box{width:calc(100% - 195rem); margin-left:30rem;}
	.vision_wrap .vision_cont03 .vc3_box .vc3_bottom ul li .decs_box p{font-size:20rem; line-height:30rem;}
	.vision_wrap .vision_cont03 .vc3_box .vc3_bottom ul li .decs_box p br{display:none;}
	.vision_wrap .vision_cont02 .vc2_box ul li .txtbox:after{width:15rem; height:15rem; background-size:100%; bottom:-8rem;}
	.vision_wrap .vision_cont02 .vc2_box ul li .icobox:after{width:15rem; height:15rem; background-size:100%; top:-8rem;}

	.ir_wrap04{padding-bottom:164rem;}
	.ir_wrap04 .info_cont{margin-top:68rem; margin-bottom:68rem;}
	.ir_wrap04 .info_cont table .col1{width:13%;}
	.ir_wrap04 .info_cont table .col2{width:60%;}
	.ir_wrap04 .info_cont table .col3{width:27%;}
	.ir_wrap04 .info_cont table th{font-size:20rem; padding:20rem 0 18rem;}
	.ir_wrap04 .info_cont table td{padding:17rem 0; font-size:24rem;}
	.ir_wrap04 .info_cont table td.title{padding-left:0;}
	.ir_wrap04 .info_cont table td.file a{width:134rem;}
	.ir_wrap04 .info_cont table td.file a img{padding-left:14rem;}

	.career_wrap01 .resource_box01{padding:64rem 0 83rem;}
	.career_wrap01 .resource_box h3{font-size:37rem;}
	.career_wrap01 .resource_box .h4{font-size:21rem; padding-top:18rem;}
	.career_wrap01 .resource_box01 .pride_box{margin-top:56rem;}
	.career_wrap01 .resource_box01 .pride_box > div{margin-bottom:20rem;}
	.career_wrap01 .resource_box01 .pride_box .toptxt{margin-right:29rem;}
	.career_wrap01 .resource_box01 .pride_box .toptxt h4{width:199rem; height:199rem; font-size:30rem; line-height:40rem;}
	.career_wrap01 .resource_box01 .pride_box .toptxt h4 span{width:186rem; height:186rem; border-width:15rem;}
	.career_wrap01 .resource_box01 .pride_box .bottxt{width:calc(100% - 228rem);}
	.career_wrap01 .resource_box01 .pride_box .bottxt p{margin-top:15rem; padding-bottom:17rem; font-size:28rem; line-height:32rem;}
	.career_wrap01 .resource_box01 .pride_box .bottxt p:after{width:27rem;}
	.career_wrap01 .resource_box01 .pride_box .bottxt h5{padding-top:16rem; font-size:28rem; line-height:40rem;}
	.career_wrap01 .resource_box01 .pride_box .bottxt ul{padding-top:12rem;}
	.career_wrap01 .resource_box01 .pride_box .bottxt ul li{font-size:20rem; line-height:32rem;}
	.career_wrap01 .resource_box01 .pride_box .plus{left:78rem; height:calc(100% - 199rem); background-size:49rem; width:49rem; top:199rem;}
	.career_wrap01 .resource_box01 .pride_box .equal{left:78rem; height:calc(100% - 199rem); background-size:49rem; width:49rem; top:199rem;}
	.career_wrap01 .human_illus{padding:53rem 0 44rem;}
	.career_wrap01 .resource_box02{padding:73rem 0 191rem;}
	.career_wrap01 .resource_box02 .h4{font-size:21rem; padding-top:18rem;}
	.career_wrap01 .resource_box02 .teams_box{margin-top:37rem;}
	.career_wrap01 .resource_box02 .teams_box ul li{margin-bottom:13rem;}
	.career_wrap01 .resource_box02 .teams_box ul li h4{width:90rem; height:90rem; background-size:100%; font-size:36rem; line-height:90rem; margin-right:24rem;}
	.career_wrap01 .resource_box02 .teams_box ul li p{font-size:22rem; line-height:36rem; word-break:keep-all; width:calc(100% - 114rem);}
	.career_wrap01 .resource_box02 .teams_box ul li p span{font-size:24rem;}
	.career_wrap01 .resource_box02 .teams_illus{margin-top:57rem;}
	.career_wrap01 .resource_box02 .teams_illus img{max-width:100%;}
	.career_wrap01 .resource_box02 .teams_box .goBtn{margin:40rem auto 0; width:227rem;}

	.manage_wrap .manage_cont01{padding:54rem 0 82rem;}
	.manage_wrap .manage_cont01 .manage_box .txtbox h4{font-size:32rem; line-height:44rem; margin-bottom:29rem;}
	.manage_wrap .manage_cont01 .manage_box .txtbox div{font-size:22rem; line-height:34rem;}
	.manage_wrap .manage_cont01 .manage_box .txtbox div p{margin-bottom:18rem;}
	.manage_wrap .manage_cont01 .manage_box .txtbox div p br{display:none;}
	.manage_wrap .manage_cont01 .manage_box .txtbox > em{font-size:22rem; line-height:34rem; margin-top:39rem;}
	.manage_wrap .manage_cont01 .manage_box .txtbox h4 span{padding-left:17rem;}
	.manage_wrap .manage_cont01 .manage_box .txtbox div p span{padding-left:10rem;}
	.manage_wrap .manage_cont01 .manage_box .imgbox{margin-top:50rem; text-align:center;}
	.manage_wrap .manage_cont01 .manage_box .imgbox img{width:100%; max-width:399rem;}
	.manage_wrap .manage_cont02{padding:75rem 0 89rem;}
	.manage_wrap .manage_cont02 .manage_box{margin-bottom:95rem;}
	.manage_wrap .manage_cont02 .manage_box > h3{font-size:36rem;}
	.manage_wrap .manage_cont02 .manage_box > p{font-size:21rem; line-height:34rem; margin-top:13rem; word-break:keep-all;}
	.manage_wrap .manage_cont02 .manage_box .idea_list ul li{position:relative; transform:translate(0); width:100%; height:auto; padding:27rem 11rem; margin-top:31rem; border-radius:60rem;}
	.manage_wrap .manage_cont02 .manage_box .idea_list ul li:after{left:50% !important; top:-6rem !important; bottom:auto; transform:translateX(-50%) !important; width:12rem; height:12rem;}
	.manage_wrap .manage_cont02 .manage_box .idea_list ul li:before{content:""; width:1px; height:31rem; background:#bcbcbc; position:absolute; left:50%; bottom:100%; transform:translateX(-50%);}
	.manage_wrap .manage_cont02 .manage_box .idea_list ul li em{font-size:50rem; width:80rem;}
	.manage_wrap .manage_cont02 .manage_box .idea_list ul li p{font-size:20rem; line-height:30rem; width:calc(100% - 91rem);}
	.manage_wrap .manage_cont02 .manage_box .pr_list{margin-top:28rem; flex-wrap:wrap; flex-direction:column; justify-content:center; background: url(https://www.hlcompany.com/web/images/sub/principle_bg_m.png) no-repeat top center; background-size:279rem}
	.manage_wrap .manage_cont02 .manage_box .pr_list li{width:100%; margin:0; width:279rem; height:279rem; margin-top:-48rem;}
	.manage_wrap .manage_cont02 .manage_box .pr_list li:first-child{margin-top:0;}
	.manage_wrap .manage_cont02 .manage_box .pr_list li:before{width:193rem;}
	.manage_wrap .manage_cont02 .manage_box .pr_list li h4{font-size:26rem; line-height:30rem; margin-bottom:20rem;}
	.manage_wrap .manage_cont02 .manage_box .pr_list li p{font-size:22rem; line-height:34rem; margin-top:20rem; width:100%;}
	.manage_wrap .manage_cont03{padding:90rem 0 194rem;}
	.manage_wrap .manage_cont03 h3{font-size:36rem;}
	.manage_wrap .manage_cont03 .manage_box ul li{padding:34rem 0 30rem;}
	.manage_wrap .manage_cont03 .manage_box ul li .icobox{width:143rem; height:143rem; margin-right:38rem;}
	.manage_wrap .manage_cont03 .manage_box ul li.sys01 .icobox{background-size:68rem;}
	.manage_wrap .manage_cont03 .manage_box ul li.sys02 .icobox{background-size:67rem;}
	.manage_wrap .manage_cont03 .manage_box ul li.sys03 .icobox{background-size:66rem;}
	.manage_wrap .manage_cont03 .manage_box ul li .txtbox{width:calc(100% - 181rem);}
	.manage_wrap .manage_cont03 .manage_box ul li .txtbox h4{font-size:26rem; line-height:30rem; padding-bottom:14rem;}
	.manage_wrap .manage_cont03 .manage_box ul li .txtbox p{font-size:20rem; line-height:32rem;}
	.manage_wrap .manage_cont03 .manage_box ul li .txtbox .btnWrap{margin-top:15rem; flex-direction:column; display:block;}
	.manage_wrap .manage_cont03 .manage_box ul li .txtbox .btnWrap a{font-size:16rem; padding:0; }
	.manage_wrap .manage_cont03 .manage_box ul li .txtbox .btnWrap a span{display:flex; align-items:center; justify-content:space-between; padding:0 19rem;}
	.manage_wrap .manage_cont03 .manage_box ul li .txtbox .btnWrap a.downBtn{width:240rem;}
	.manage_wrap .manage_cont03 .manage_box ul li .txtbox .btnWrap a.downBtn img{padding-left:18rem;}
	.manage_wrap .manage_cont03 .manage_box ul li .txtbox .btnWrap a.goBtn{width:380rem;}
	.manage_wrap .manage_cont03 .manage_box ul li .txtbox .btnWrap a.goBtn img{width:17rem;}
	.protective_pop .pop_cont{width:calc(100% - 52px); height:750rem; padding:58rem 46rem;}
	.protective_pop .pop_cont .protective_box h4{font-size:30rem;}
	.protective_pop .pop_cont .protective_box .process_list{margin-top:27rem;}
	.protective_pop .pop_cont .protective_box .process_list .process_box .icobox{width:92rem; height:92rem; border-width:4rem; margin-right:31rem;}
	.protective_pop .pop_cont .protective_box .process_list .process_box .icobox img{width:42rem;}
	.protective_pop .pop_cont .protective_box .process_list .process_box .txtbox{width:calc(100% - 123rem);}
	.protective_pop .pop_cont .protective_box .process_list .process_box .txtbox h5{font-size:20rem; line-height:30rem; padding-bottom:6rem;}
	.protective_pop .pop_cont .protective_box ul li{font-size:18rem; line-height:28rem; padding-left:8rem;}
	.protective_pop .pop_cont .protective_box .process_list .process_box .txtbox ul li{margin-bottom:10rem;}
	.protective_pop .pop_cont .protective_box .process_list .process_box .icobox:after{width:34rem; height:calc(100% - 72rem); min-height:14rem; background-size:34rem; left:29rem; top:102rem;}
	.protective_pop .pop_cont .protective_box.protective_box01{padding-bottom:58rem;}
	.protective_pop .pop_cont .protective_box.protective_box02{padding-top:65rem;}
	.protective_pop .pop_cont .protective_box .speaker_list{margin-top:20rem;}
	.protective_pop .pop_cont .protective_box .speaker_list .speaker_box{margin-bottom:25rem;}
	.protective_pop .pop_cont .protective_box .speaker_list .speaker_box .titbox{width:108rem; height:108rem; margin-right:18rem;}
	.protective_pop .pop_cont .protective_box .speaker_list .speaker_box .titbox h5{font-size:19rem; line-height:21rem;}
	.protective_pop .pop_cont .protective_box .speaker_list .speaker_box .txtbox{width:calc(100% - 126rem);}
	.protective_pop .pop_cont .pop_close{top:26rem; right:22rem;}
	.protective_pop .pop_cont .pop_close img{width:21rem;}

	.subCont .sub_vis.etc_vis{height:231rem;}
	.inquiry_wrap{padding:62rem 0 143rem;}
	.inquiry_wrap .inquiry_annon{margin-bottom:65rem;}
	.inquiry_wrap .inquiry_annon h3{font-size:28rem; line-height:40rem;}
	.inquiry_wrap .inquiry_annon .inquiry_agreebox{margin-top:20rem; padding:25rem 35rem 17rem; height:217rem;}
	.inquiry_wrap .inquiry_annon .inquiry_agreebox p{font-size:18rem; line-height:30rem;}
	.inquiry_wrap .inquiry_annon .inquiry_agreebox ul li{font-size:18rem; line-height:30rem;}
	.inquiry_wrap .inquiry_annon .noti{font-size:20rem; line-height:28rem; margin-top:20rem;}
	.inquiry_wrap .inquiry_box{margin-bottom:65rem;}
	.inquiry_wrap .inquiry_box h4{font-size:32rem; padding-bottom:26rem;}
	.inquiry_wrap .inquiry_box .formWrap .formLine{padding:17rem 0 22rem;}
	.inquiry_wrap .inquiry_box .formWrap h5{font-size:18rem;}
	.inquiry_wrap .inquiry_box .formWrap .formCont{margin-top:15rem;}
	.inquiry_wrap .inquiry_box .formWrap .formCont input[type="text"]{height:55rem; font-size:18rem;}
	.inquiry_wrap .inquiry_box .formWrap .formCont select{height:55rem; font-size:18rem;}
	.inquiry_wrap .inquiry_box .formWrap .formCont .noti{font-size:16rem; line-height:28rem; margin-top:15rem;}
	.inquiry_wrap .inquiry_box .formWrap .formCont .noti img{width:21rem; padding-right:9rem; }
	.inquiry_wrap .inquiry_box .formWrap .cate .formCont ul li{font-size:20rem; margin-right:0; width:18%;}
	.inquiry_wrap .inquiry_box .formWrap .cate .formCont ul li:last-child{width:28%;}
	.inquiry_wrap .inquiry_box .formWrap .formCont span{font-size:20rem; white-space:nowrap;}
	.inquiry_wrap .inquiry_box .formWrap .formCont input.w30{width:56%;}
	.inquiry_wrap .inquiry_box .formWrap .mail .formCont .inputWrap{flex-wrap:wrap;}
	.inquiry_wrap .inquiry_box .formWrap .formCont input.mail_input1{width:52%;}
	.inquiry_wrap .inquiry_box .formWrap .formCont input.mail_input2{width:42%;}
	.inquiry_wrap .inquiry_box .formWrap .formCont select{width:100%; margin-left:0; margin-top:10rem;}
	.inquiry_wrap .inquiry_box .formWrap .mail .formCont span{width:6%; text-align:center; margin:0;}
	.inquiry_wrap .inquiry_box .formWrap .formCont input.w15{width:31%;}
	.inquiry_wrap .inquiry_box .formWrap .number .formCont .inputWrap{justify-content:space-between;}
	.inquiry_wrap .inquiry_box .formWrap .number .formCont span{width:3.5%; text-align:center; margin:0;}
	.inquiry_wrap .inquiry_box .formWrap .formCont textarea{height:255rem;}
	.inquiry_wrap .btnWrap{margin-top:28rem;}
	.inquiry_wrap .btnWrap a{width:152rem; height:50rem; line-height:48rem; font-size:16rem; margin-right:10rem;}
	.inquiry_wrap .inquiry_box h4 a{width:155rem; height:50rem; line-height:48rem; font-size:16rem;top: -10px;}
	.myhistoryPop .popCont{padding:56rem 45rem 60rem; width:calc(100% - 52rem);}
	.myhistoryPop .popCont h4{padding-bottom:16rem;}
	.myhistoryPop .popCont p{font-size:18rem; line-height:30rem;}
	.myhistoryPop .popCont .formWrap{margin-top:20rem;}
	.myhistoryPop .popCont .loginBtn{width:152rem; height:50rem; line-height:50rem; font-size:16rem; margin-top:34rem;}
	.myhistoryPop .popCont .popCloseBtn{top:26rem; right:22rem;}
	.myhistoryPop .popCont .popCloseBtn img{width:21rem;}

	.myinquiry_wrap{padding:58rem 0 187rem;}
	.myinquiry_wrap h3{font-size:30rem; line-height:42rem;}
	.myinquiry_wrap .my_table.w_block{display:none;}
	.myinquiry_wrap .my_table.m_block{display:block;}
	.myinquiry_wrap .my_table{margin-top:27rem;}
	.myinquiry_wrap .my_table li{border-bottom:1px solid #dadada; padding-top:24rem; padding-bottom:25rem;}
	.myinquiry_wrap .my_table li div{border-bottom:0; padding:0; box-sizing:border-box; font-size:20rem; display:flex; align-items:center;}
	.myinquiry_wrap .my_table li div span{display:block; box-sizing:border-box; white-space:nowrap;}
	.myinquiry_wrap .my_table li div h4{box-sizing:border-box; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
	.myinquiry_wrap .my_table li div .cate{text-align:left; padding-left:10rem; color:#000; margin-right:17rem;}
	.myinquiry_wrap .my_table li div .re{width:102rem; margin-left:auto;}
	.myinquiry_wrap .my_table li .date{display:block; width:100%; text-align:left; padding-left:10rem; margin-top:15rem; font-size:16rem;}
	
	.myinquiry_wrap .pager_wrap{margin-top:62rem;}

	.subCont .view_vis{height:261rem;}
	.subCont .view_vis .sub_vis_txt h2{font-size:36rem; line-height:50rem;}
	.view_vis .date{font-size:20rem; margin-top:15rem;}
	.inquiryView_wrap{padding-bottom:178rem;}
	.inquiryView_wrap .view_cont{padding:54rem 0 44rem;}
	.inquiryView_wrap .view_cont p{font-size:20rem; line-height:32rem;}
	.inquiryView_wrap .view_cont p span{margin-bottom:35rem;}
	.inquiryView_wrap .comment_box{padding:24px 26px 24px 25px;}
	.inquiryView_wrap .comment_box p{font-size:20rem; line-height:30rem;}
	.inquiryView_wrap .comment_box textarea{margin-top:16rem; height:168rem; font-size:20rem; line-height:32rem; padding:15rem 22rem;}
	.inquiryView_wrap .list_btn{margin-top:34rem;}

	.his_popWrap .pop_bg{background:#fff;}
	.his_popWrap .popbox_wrap{width:100%; padding:102rem 40rem 65rem; height:700rem;}
	.his_popWrap .popbox_wrap .pop_btn{top:0; padding:0 40rem;}
	.his_popWrap .popbox_wrap .pop_btn .pop_prev img{width:46rem;}
	.his_popWrap .popbox_wrap .pop_btn .pop_close img{width:45rem;}
	.his_popWrap .popbox_wrap .pop_btn .pop_next img{width:46rem;}
	.his_popWrap .popbox .poptxt{margin-top:25rem;}
	.his_popWrap .popbox .poptxt span{font-size:22rem; padding-bottom:10rem;}
	.his_popWrap .popbox .poptxt h5{font-size:35rem; line-height:45rem; padding-bottom:42rem;}
	.his_popWrap .popbox .poptxt h5:after{width:29rem;}
	.his_popWrap .popbox .poptxt p{margin-top:35rem; font-size:20rem; line-height:30rem;}
	.his_Wrap .his_visual{height:calc(100vh - 160rem);}
	.his_Wrap .his_visual .vis_txt{width:100%; text-align:center;}
	.his_Wrap .his_visual .vis_txt span{font-size:26rem; padding-bottom:18rem; letter-spacing:10rem;}
	.his_Wrap .his_visual .vis_txt h2{font-size:62rem;}
	.his_Wrap .his_visual .vis_txt p{font-size:26rem; padding-top:24rem;}
	.his_Wrap .his_visual .scroll{font-size:16rem;}
	.his_Wrap .his_visual .scroll span{height:100rem; margin-top:15rem;}
	.his_Wrap .his_visual .scroll span:after{height:50rem;}
	.his_Wrap .his_tab{background-size:9rem 64rem;}
	.his_Wrap .his_tab ul{width:100%;}
	.his_Wrap .his_tab ul li{width:25%; margin-right:0;}
	.his_Wrap .his_tab ul li a{font-size:18rem; padding:20rem 12rem 26rem 9rem;}
	.his_Wrap .his_box .his_year{padding-top:105rem; padding-bottom:75rem;}
	.his_Wrap .his_box .his_year span{font-size:26rem; letter-spacing:5rem; padding-bottom:6rem; line-height:41rem; word-break:keep-all;}
	.his_Wrap .his_box .his_year h3{font-size:70rem;}
	.his_Wrap .his_box .his_cont ul li{margin:0 !important; width:calc(100% - 78rem); margin-left:24rem !important; margin-top:75rem !important; text-align:center;}
	.his_Wrap .his_box .his_cont ul li .txtbox{transform:translateY(-14rem); text-align:left;}
	.his_Wrap .his_box .his_cont ul li .txtbox h4{font-size:40rem;}
	.his_Wrap .his_box .his_cont ul li .txtbox p{font-size:20rem; padding-top:11rem; letter-spacing:0;}
	.his_Wrap .his_box .his_cont ul li .imgbox{margin-left:35rem; width:calc(100% - 35rem); text-align:center;}
	.his_Wrap .his_box .his_cont ul li .imgbox img{max-width:100%;}
	.his_quick{right:26rem; bottom:105px;}
	.his_quick .quick_btn{width:65rem; height:65rem; background-size:5rem;}
	.his_quick .quick_btn.on{background-size:13rem;}
	.his_quick ul{bottom:40px;}
	.his_quick ul li{margin-bottom:22rem;}
	.his_quick ul li a{font-size:16rem; width:65rem; height:65rem; }
	.his_quick ul li a span{font-size:16rem; height:65rem; line-height:65rem; }
	.his_quick ul li a i{width:65rem; height:65rem;}
	.his_quick ul li.quick01 a i{background-size:22rem;}
	.his_quick ul li.quick02 a i{background-size:18rem;}
	.his_quick ul li.quick01 a span{width:160rem; padding-left:17rem;}
	.his_quick ul li.quick02 a span{width:160rem; padding-left:29rem;}
	.his_quick ul li a:hover span, .his_quick ul li a:focus span{opacity:1; }
	.his_quick ul li.quick01 a:hover span, .his_quick ul li.quick01 a:focus span{width:147rem;}
	.his_quick ul li.quick02 a:hover span, .his_quick ul li.quick02 a:focus span{width:110rem;}
	.footer .footer_copy .top.his.on{bottom:394rem;}
	.his_Wrap .his_visual .scroll{transition:opacity 0.3s;}
	.his_Wrap .his_visual .scroll.on{opacity:0;}

	.career_wrap02{padding-bottom:145rem;}
	.career_wrap02 .culture_wrap{padding-top:56rem;}
	.career_wrap02 .culture_wrap .culture_box01 .txtbox h3{font-size:36rem; line-height:40rem;}
	.career_wrap02 .culture_wrap .culture_box01 .txtbox p{font-size:26rem; line-height:38rem; padding-top:35rem; width:89%; word-break:keep-all;}
	.career_wrap02 .culture_wrap .culture_box01 .txtbox p br{display:none;}
	.career_wrap02 .culture_wrap .culture_box01 .imgbox{margin-top:60rem;}
	.career_wrap02 .culture_wrap .culture_box01 .imgbox img{max-width:525rem;}
	.career_wrap02 .culture_wrap .culture_box01 .imgbox img{max-width:361rem;}
	.career_wrap02 .culture_wrap .culture_box01 ul{padding-top:63rem;}
	.career_wrap02 .culture_wrap .culture_box01 .txtbox ul li{margin-bottom:50rem;}
	.career_wrap02 .culture_wrap .culture_box01 .txtbox ul li h4{font-size:32rem; line-height:40rem;}
	.career_wrap02 .culture_wrap .culture_box01 .txtbox ul li p{font-size:22rem; line-height:34rem; margin-top:12rem; padding-top:0;}
	.career_wrap02 .culture_wrap .culture_box01 .imgbox{margin-top:40rem;}
	.career_wrap02 .culture_wrap .culture_box03{margin-top:70rem;}
	.career_wrap02 .culture_wrap .culture_box03 .mind_box{width:252rem; height:930rem; background-size:100% 100%;}
	.career_wrap02 .culture_wrap .culture_box03 .mind_box h4{width:214rem; height:214rem; font-size:32rem; line-height:40rem;}
	.career_wrap02 .culture_wrap .culture_box03 .mind_box ul li{width:214rem; height:214rem; margin-top:15rem; border-width:13rem;}
	.career_wrap02 .culture_wrap .culture_box03 .mind_box ul li:before{height:15rem; top:-28rem;}
	.career_wrap02 .culture_wrap .culture_box03 .mind_box ul li span{font-size:26rem; line-height:30rem; padding-top:15rem;}
	.career_wrap02 .culture_wrap .culture_box03 .mind_box ul li.b2 span{padding-top:10rem;}
	.career_wrap02 .culture_wrap .culture_box03 .mind_box ul li.b1 img{width:57rem;}
	.career_wrap02 .culture_wrap .culture_box03 .mind_box ul li.b2 img{width:54rem;}
	.career_wrap02 .culture_wrap .culture_box03 .mind_box ul li.b3 img{width:47rem;}

	.map_wrap{padding:72rem 0 218rem;}
	.map_wrap .mapbox .mapLine{padding:40rem 0 42rem;}
	.map_wrap .mapbox .mapLine h3{width:247rem; font-size:28rem; line-height:28rem;}
	.map_wrap .mapbox .mapLine .map_depth1{width:calc(100% - 247rem);}
	.map_wrap .mapbox .mapLine .map_depth1 > li{margin-top:15rem;}
	.map_wrap .mapbox .mapLine .map_depth1 > li:nth-child(-n+4){margin-top:15rem;}
	.map_wrap .mapbox .mapLine .map_depth1 > li:nth-child(-n+2){margin-top:15rem;}
	.map_wrap .mapbox .mapLine .map_depth1 > li:nth-child(-n+1){margin-top:0;}
	.map_wrap .mapbox .mapLine .map_depth1 > li h4{font-size:24rem; line-height:28rem;}
	.map_wrap .mapbox .mapLine .map_depth1 .map_depth2{padding-top:9rem;}
	.map_wrap .mapbox .mapLine .map_depth1 .map_depth2 li a{font-size:20rem; line-height:32rem;}

	.policy_wrap{padding:65rem 0 170rem;}
	.policy_wrap .top_desc p{font-size:20rem; line-height:32rem;}
	.policy_wrap .top_desc ul{margin-top:32rem;}
	.policy_wrap .top_desc ul li{margin-top:5rem;}
	.policy_wrap .top_desc ul li:nth-child(-n+2){margin-top:5rem;}
	.policy_wrap .top_desc ul li a{font-size:20rem; line-height:32rem; padding:7px 12rem 8rem 24rem;}
	.policy_wrap .policy_cont{margin-top:72rem;}
	.policy_wrap .policy_cont .policybox{padding-top:72rem;}
	.policy_wrap .policy_cont .policybox h3{font-size:26rem;}
	.policy_wrap .policy_cont .policybox .descbox{margin-top:12rem; padding:24rem 28rem 26rem 30rem; font-size:20rem; line-height:32rem;}
	.policy_wrap .policy_cont .policybox .descbox .margin-p{margin-bottom:0;}
	.policy_wrap .policy_cont .policybox .descbox .margin-t{margin-top:17rem;}
	.policy_wrap .policy_cont .policybox .descbox table{margin:17rem 0;}
	.policy_wrap .policy_cont .policybox .descbox table th{font-size:20rem; padding:11rem 0 8rem;}
	.policy_wrap .policy_cont .policybox .descbox table td{font-size:20rem; padding:11rem 0 8rem;}
	.policy_wrap .policy_cont .policybox#policy01 .descbox table .col1{width:16%;}
	.policy_wrap .policy_cont .policybox#policy01 .descbox table .col2{width:22%;}
	.policy_wrap .policy_cont .policybox#policy01 .descbox table .col3{width:62%;}
	.policy_wrap .policy_cont .policybox#policy02 .descbox table .col1{width:28%;}
	.policy_wrap .policy_cont .policybox#policy02 .descbox table .col2{width:72%;}
	.policy_wrap .policy_cont .policybox#policy05 .descbox table .col1{width:36%;}
	.policy_wrap .policy_cont .policybox#policy05 .descbox table .col2{width:64%;}

	.mail_wrap{padding:71rem 0 167rem;}
	.mail_wrap .sign_box{padding:50rem 0; height:auto; min-height:476rem;}
	.mail_wrap .sign_box .imgbox{margin-bottom:23rem;}
	.mail_wrap .sign_box .imgbox i{width:128rem; height:128rem; background-size:78rem; background-position:left 30rem center;}
	.mail_wrap .sign_box p{font-size:22rem; line-height:34rem; margin-bottom:34rem; word-break:keep-all;}
	.mail_wrap .sign_box p br{display:none;}
	.mail_wrap .sign_box p em{display:block;}
	.mail_wrap .sign_box em{font-size:22rem; line-height:28rem;}
	
	.view_cont .view_contBox .article_box h3{font-size:17px; margin-top:44px;}
	.webzineView_wrap .webzine_viewBox .article_box h3{font-size:17px; margin-top:44px;}
	.article_box figure figcaption{font-size:13.5px;}
	.article_box figure figcaption:before{font-size:13.5px;}
	blockquote[data-ke-style='box'], #tt-body-page blockquote[data-ke-style='box'], blockquote[data-ke-style='style3'], #tt-body-page blockquote[data-ke-style='style3']{font-size:15.5px;}

	.coorp_wrap .coorp_cont01{padding:59rem 0 97rem;}
	.coorp_wrap .coorp_cont01 h3{font-size:36rem; line-height:46rem;}
	.coorp_wrap .coorp_cont01 .h4{font-size:21rem; line-height:32rem; padding-top:15rem;}
	.coorp_wrap .coorp_cont01 .coorp_box1{margin-top:28rem;}
	.coorp_wrap .coorp_cont01 .coorp_box1 .icobox{width:295rem; height:295rem; background-size:100%;}
	.coorp_wrap .coorp_cont01 .coorp_box1 .icobox h4{width:268rem; height:268rem; border-width:15rem;}
	.coorp_wrap .coorp_cont01 .coorp_box1 .icobox h4 img{width:97rem;}
	.coorp_wrap .coorp_cont01 .coorp_box1 .icobox h4 span{font-size:20rem; padding:15rem 0 12rem;}
	.coorp_wrap .coorp_cont01 .coorp_box1 .icobox h4 p{font-size:30rem;}
	.coorp_wrap .coorp_cont01 .coorp_box1 .icobox:after{width:15rem; height:15rem; border-width:3rem;}
	.coorp_wrap .coorp_cont01 .coorp_box1 ul{margin-top:79rem;}
	.coorp_wrap .coorp_cont01 .coorp_box1 .icobox:before{height:79rem;}
	.coorp_wrap .coorp_cont01 .coorp_box1 ul li{width:100%; max-width:470rem; padding-right:0;}
	.coorp_wrap .coorp_cont01 .coorp_box1 ul li i{width:120rem; height:120rem;}
	.coorp_wrap .coorp_cont01 .coorp_box1 ul li:nth-child(1) i img{width:71rem;}
	.coorp_wrap .coorp_cont01 .coorp_box1 ul li:nth-child(2) i img{width:71rem;}
	.coorp_wrap .coorp_cont01 .coorp_box1 ul li:nth-child(3) i img{width:68rem;}
	.coorp_wrap .coorp_cont01 .coorp_box1 ul li span{display:block; width:calc(100% - 120rem); font-size:22rem; line-height:34rem;}
	.coorp_wrap .coorp_cont02{padding:76rem 0 92rem;}
	.coorp_wrap .coorp_cont02 h3{font-size:36rem;}
	.coorp_wrap .coorp_cont02 .h4{font-size:21rem; line-height:32rem; padding-top:17rem; word-break:keep-all;}
	.coorp_wrap .coorp_cont02 .theme_list{margin-top:19rem;}
	.coorp_wrap .coorp_cont02 .theme_list ul li{width:calc(50% - 12rem); margin-right:24rem; margin-top:24rem;}
	.coorp_wrap .coorp_cont02 .theme_list ul li:nth-child(3n){margin-right:24rem;}
	.coorp_wrap .coorp_cont02 .theme_list ul li:nth-child(-n+3){margin-top:24rem;}
	.coorp_wrap .coorp_cont02 .theme_list ul li:nth-child(-n+2){margin-top:0;}
	.coorp_wrap .coorp_cont02 .theme_list ul li h4{font-size:20rem; padding:21rem 0 22rem;}
	.coorp_wrap .coorp_cont02 .theme_list ul li p{padding:24rem 0 31rem; font-size:20rem; line-height:32rem;}
	.coorp_wrap .coorp_cont02 .goal_list{margin-top:50rem;}
	.coorp_wrap .coorp_cont02 .goal_list h4{font-size:30rem; margin-bottom:15rem;}
	.coorp_wrap .coorp_cont02 .goal_list ul li{width:calc(25% - 18rem); margin-right:24rem; margin-top:35rem;}
	.coorp_wrap .coorp_cont02 .goal_list ul li .txtbox{font-size:20rem; padding-top:12rem; line-height:28rem; word-break:keep-all;}
	.coorp_wrap .coorp_cont03{padding:78rem 0 190rem;}
	.coorp_wrap .coorp_cont03 h3{font-size:32rem;}
	.coorp_wrap .coorp_cont03 .program{margin-top:36rem;}
	.coorp_wrap .coorp_cont03 .program .program_tab select{height:60rem; font-size:22rem; padding-left:21rem; background-position:right 19rem center; background-size:26rem;}
	.coorp_wrap .coorp_cont03 .program .program_cont{margin-top:32rem;}
	.coorp_wrap .coorp_cont03 .program .program_cont h4{font-size:24rem; line-height:30rem; word-break:keep-all;}
	.coorp_wrap .coorp_cont03 .program .program_cont ul{margin-top:32rem;}
	.coorp_wrap .coorp_cont03 .program .program_cont ul li{margin-bottom:70rem;}
	.coorp_wrap .coorp_cont03 .program .program_cont ul li .txtbox{padding-top:20px;}
	.coorp_wrap .coorp_cont03 .program .program_cont ul li .txtbox h5{font-size:26rem; line-height:30rem;}
	.coorp_wrap .coorp_cont03 .program .program_cont ul li .txtbox p{font-size:20rem; line-height:30rem;}

	.toon_wrap{padding-top:62rem; padding-bottom:179rem;}
	.toon_wrap .toon_intro{padding-bottom:77rem;}
	.toon_wrap .toon_intro .imgbox{max-width:100%; width:450rem;}
	.toon_wrap .toon_intro .txtbox{max-width:100%; width:450rem; padding-top:52rem;}
	.toon_wrap .toon_intro .txtbox h3{font-size:34rem; line-height:40rem;}
	.toon_wrap .toon_intro .txtbox p{font-size:20rem; line-height:36rem; padding-top:14rem;}
	.toon_wrap .toon_list{padding-top:12rem;}
	.toon_wrap .toon_list li > a{padding:24rem 9rem;}
	.toon_wrap .toon_list li .imgbox{width:100rem;}
	.toon_wrap .toon_list li .txtbox{width:calc(100% - 100rem); padding-left:22rem; padding-right:77rem;}
	.toon_wrap .toon_list li .txtbox h4{font-size:26rem; line-height:38rem;}
	.toon_wrap .toon_list li .txtbox .arrow{right:29rem;}

	.toon_navi ul li > a{font-size:19rem;}
	.toon_navi ul li span{line-height:75rem; width:105rem;}
	.toon_navi ul li p{width:calc(100% - 105rem); padding-left:13rem; line-height:75rem;}
	.toon_navi ul li span img{width:12rem;}
	.toon_navi ul li.prev span img{padding-left:14rem;}
	.toon_navi ul li.next span img{padding-right:14rem;}
	.toon_vis{height:261rem;}
	.toon_vis .toon_vis_txt h2{font-size:36rem; line-height:50rem;}
	.toon_vis .date{font-size:20rem; margin-top:15rem;}

	.ethics_pop .pop_cont{width:calc(100% - 52px); height:750rem; padding:58rem 46rem;}
	.ethics_pop .pop_cont .ethics_box h5{font-size:30rem; margin-bottom:35rem;}
	.ethics_pop .pop_cont .ethics_box .ethics_chp h6{font-size:20rem; margin-bottom:10rem;}
	.ethics_pop .pop_cont .ethics_box .ethics_chp span{font-size:18rem; line-height:28rem; margin-bottom:25rem;}
	.ethics_pop .pop_cont .ethics_box .ethics_chp p{font-size:18rem; line-height:28rem; }
	.ethics_pop .pop_cont .ethics_box .ethics_chp ul{padding-left:10rem;}
	.ethics_pop .pop_cont .ethics_box .ethics_chp li{font-size:18rem; line-height:28rem;}

	.guidelines_pop .pop_cont{width:calc(100% - 52px); height:750rem; padding:58rem 46rem;}
	.guidelines_pop .pop_cont .guidelines_box h5{font-size:30rem; margin-bottom:35rem;}
	.guidelines_pop .pop_cont .guidelines_box .ethics_chp h6{font-size:20rem; margin-bottom:10rem;}
	.guidelines_pop .pop_cont .guidelines_box .ethics_chp span{font-size:18rem; line-height:28rem; margin-bottom:25rem;}
	.guidelines_pop .pop_cont .guidelines_box .ethics_chp p{font-size:18rem; line-height:28rem; }
	.guidelines_pop .pop_cont .guidelines_box .ethics_chp ul{padding-left:10rem;}
	.guidelines_pop .pop_cont .guidelines_box .ethics_chp li{font-size:18rem; line-height:28rem;}

	.article_box iframe{height:300px;}

	/*220803*/
	/*ci페이지*/
	.btnstyle2022 {font-size:16rem; width:174rem; height:50rem; line-height:50rem; }
	.btnstyle2022 img{width: 17rem;padding-left: 12rem;}
	.bg_uses_box {padding-bottom:50px; overflow-x:auto;}
	.bg_uses{ position:relative;}
	.bg_uses:after{content:''; position:absolute; right:15px; top:-60px; background:url(https://www.hlcompany.com/new2022/web/images/sub/m_slide_ico.png)no-repeat center center; width:44px; height:51px; background-size:contain;}
	.palette_box_2022 ul{flex-direction:column; gap:10px}
	.palette_box_2022 li {height:107px; padding:22rem;}
	.subcolor_box_2022 ul{flex-direction:column; height:auto;gap:10px}
	.subcolor_box_2022 li{padding:22rem}
	.ci_contWrap .ci_contBox02 {padding-bottom:65rem;}
	.ci_contWrap .ci_contBox02 .palette_box_2022 {height:auto;}
	.ci_contWrap .ci_contBox05{padding-bottom:55rem;}
	.bg_uses_box .bg_use_t{display:none;}
	.bg_uses_box .bg_use_m{display: block; width:auto;}
	.top_txt .t_tit{font-size:18rem;}
	.em_etc {font-size:14rem;}
	.design_motive{padding:40rem 30rem; margin-top:65rem}
	.design_motive .d_motive_t {display:none}
	.design_motive .d_motive_m {display:block;}


	.view_cont .view_contBox img { height: unset !important; max-width:unset; margin-left: unset; margin-right: unset; margin-top: 15px;}
	.view_cont .view_contBox .article_box img { height: unset !important; max-width:unset; margin-left: unset; margin-right: unset; margin-top: 15px; width: 100% !important; }


	/*220914*/
	/*.vidbox_pc{display:none;}
	.imgbox_mo{display: block;}*/
	

}/* 640px */

@media screen and (max-width:420px){
	.ci_contWrap .ci_contBox02 .color_box .subcolor_box li{width:calc(50% - 12rem);}
	.ci_contWrap .ci_contBox02 .color_box .subcolor_box li:nth-child(3n){margin-right:24rem;}
	.ci_contWrap .ci_contBox02 .color_box .subcolor_box li:nth-child(2n){margin-right:0;}
	.ci_contWrap .ci_contBox02 .color_box .subcolor_box li:nth-child(-n+3){margin-top:26rem;}
	.ci_contWrap .ci_contBox02 .color_box .subcolor_box li:nth-child(-n+2){margin-top:0}
	.manage_wrap .manage_cont03 .manage_box ul li .txtbox .btnWrap{display:block;}
	.manage_wrap .manage_cont03 .manage_box ul li .txtbox .btnWrap:after{content:""; display:block; clear:both;}
	.manage_wrap .manage_cont03 .manage_box ul li .txtbox .btnWrap a.goBtn{float:right; margin-right:0;}
}/* 420px */
@media screen and (max-width:370px){
	.vision_wrap .vision_cont03 .vc3_box .vc3_top{flex-wrap:wrap;}
	.vision_wrap .vision_cont03 .vc3_box .vc3_top .txtbox{margin:0 auto;}
	.vision_wrap .vision_cont03 .vc3_box .vc3_top .decs_box{width:100%; padding-left:0; margin-top:24rem;}
	.vision_wrap .vision_cont03 .vc3_box .vc3_bottom:before{left:50%; transform:translateX(-50%);}
	
}


/* 20231227 수정 */

.new_biz_container{padding: 0 150px;}
.newbiz_inquiry_wrap {padding:0 0 50px;}
.newbiz_vis {height: 60px; text-align: center; border-bottom: 0px solid #dadada; margin: 36px 0 10px 0;width: 100%; background-size: cover; background-position: center center; display: flex; align-items: center; justify-content: center; box-sizing: border-box;}
.subCont .newbiz_vis .sub_vis_txt h2{font-size: 36px;font-weight: bold;}
.new_biz_container .inquiry_annon h3{text-align: center;font-size: 18px;line-height: 160%;} 
.inquiry_wrap .inquiry_box h4 {font-size: 24px;font-weight: 500;padding-bottom: 15px; text-align: left;}
.new_biz_container .noti_text {font-size: 15px;line-height: 160%;color: #555;padding-bottom: 22px;text-align: center;}
.new_biz_container .bg_uses_box {margin-top: 30px;}
.inquiry_wrap .inquiry_annon .inquiry_agreebox ul li {font-size: 14px;}
.inquiry_wrap .inquiry_annon .inquiry_agreebox p {font-size: 16px;}
.inquiry_wrap .btnWrap a {width: 200px;height: 51px; line-height: 51px;}

@media screen and (max-width:1400px){

	.new_biz_container {padding: 0 150px;}

}

@media screen and (max-width: 1200px){
	.new_biz_container {padding: 0 130px;}
	.newbiz_vis {height: 60px; margin: 36px 0 10px 0;}

}

@media screen and (max-width: 900px){
	.new_biz_container {padding: 0 50px;}
	.new_biz_container .inquiry_annon h3 { padding-bottom: 20px; text-align: center;}

}

@media screen and (max-width: 640px){
	.new_biz_container {padding: 0 30rem;}
	.subCont .sub_vis.etc_vis .sub_vis_txt h2{;}
	.new_biz_container .inquiry_annon h3 {font-size: 16px;  padding-bottom: 3px; text-align: center;}
	.subCont .newbiz_vis .sub_vis_txt h2{font-size: 38rem}
	.new_biz_container .bg_uses_box .bg_use_m {width: 100%;}
	.new_biz_container .bg_uses_box {padding-bottom: 0;}
	.inquiry_wrap .inquiry_annon .inquiry_agreebox p {font-size: 14px;}
	.inquiry_wrap .inquiry_annon .inquiry_agreebox ul li {font-size: 12px;line-height: 24px;}
	.bg_uses:after {background:none;}
	.inquiry_wrap .btnWrap a {width: 300rem; height: 73rem; line-height: 71rem; font-size: 25rem;}
}

@media screen and (max-width: 380px){
	.inquiry_wrap .inquiry_box .formWrap .formCont input.w30{width: 90%;}

}


/* 20231227 수정 */