<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";

/* ===== subVisual */
#subVisual{position:relative;color:#111;text-align:center;width:100%;}
#subVisual .sub_bg{position:absolute;left:0;top:0;height:530px;width:100%;background:#000;transition:transform 3s linear;background-size:cover !important;overflow:hidden;}
#subVisual .banner1{background:url('../img/sub/sub_visual1.jpg') no-repeat 50% 50%;}
#subVisual .banner2{background:url('../img/sub/sub_visual2.jpg') no-repeat 50% 50%;}
#subVisual .banner4{background:url('../img/sub/sub_visual4.jpg') no-repeat 50% 50%;}
#subVisual .banner5{background:url('../img/sub/sub_visual5.jpg') no-repeat 50% 50%;}
#subVisual .sub_bg.on{transform: scale(1.0,1.0) rotate(0.002deg);overflow:hidden;}
#subVisual .vis_wrap{display:table; width:100%;max-width:1400px;table-layout:fixed;margin:0 auto;border-collapse:collapse;position:relative;height:100%;overflow:hidden;}
#subVisual .tit{position:relative;display:table-cell;height:530px;text-align:left;vertical-align:middle;}
#subVisual .tit h3{text-transform:uppercase;font-size:72px;font-weight:700;color:#fff;padding-top:80px}
#subVisual .txt p{margin-top:30px;font-size:52px;font-weight:500}
#subVisual .txt i{display:block;font-style:normal}
#subVisual .txt span{overflow:hidden;display:block}
#subVisual .txt div{font-weight:400;white-space:pre-line;line-height:1.8}
#subVisual .location {position:absolute;width:100%;z-index:99;right:0;bottom:0;margin:0 auto;}
#subVisual .location .menu {max-width:1400px;margin:0 auto;padding-bottom:30px}
#subVisual .location .menu &gt; .sub_title{display:none}
#subVisual .location .menu .lnbmenu{text-align:right}
#subVisual .location .menu .lnbmenu &gt; li {position:relative;display:inline-block;max-width:200px;padding-left:30px}
#subVisual .location .menu .lnbmenu &gt; li &gt; a{position:relative;display:inline-block;padding:10px 0;font-size:20px;color:#fff;font-weight:400;transition:all .4s}
#subVisual .location .menu .lnbmenu &gt; li &gt; a:hover{color:#fff;}
#subVisual .location .menu .lnbmenu &gt; li &gt; a:after{display:block;content:"";position:absolute;right:0;bottom:0;transform:scaleX(0);transform-origin:bottom right;width:100%;height:3px;background-color:#fff;transition:transform .3s cubic-bezier(.0,.53,.49,1)}
#subVisual .location .menu .lnbmenu &gt; li:not(.snb_on):hover a:after{transform:scaleX(1);transform-origin:bottom left}
#subVisual .location .menu .lnbmenu &gt; li.snb_on a{color:#fff;font-weight:bold}
#subVisual .location .menu .lnbmenu &gt; li.snb_on a:after{transform:scaleX(1);}
@media (max-width:1400px){
	#subVisual .tit{padding:0 15px}
	#subVisual .tit h3{font-size:60px;}
	#subVisual .location .menu .lnbmenu &gt; li &gt; a{font-size:18px;}
}
@media (max-width:1024px){
	#subVisual .sub_bg{height:400px}
	#subVisual .tit{text-align:center;height:400px}
	#subVisual .tit h3{font-size:50px}
	#subVisual .location .menu{max-width:100%;padding-bottom:0}
	#subVisual .location .menu &gt; .sub_title{display:block;position:relative;padding:0 15px;width:100%;height:100%;font-size:18px;color:#fff;line-height:60px;text-align:left;background:rgba(255,255,255,0.1)}
	#subVisual .location .menu &gt; a:before{display:block;position:absolute;top:24px;right:30px;content:'';width:2px;height:14px;background:#fff;clear:both;transition:all 0.5s ease;}
	#subVisual .location .menu &gt; a:after{display:block;position:absolute;top:30px;right:24px;content:'';width:14px;height:2px;background:#fff;clear:both;}
	#subVisual .location .menu.on &gt; a:before{transform:rotate(-450deg);}
	#subVisual .location .menu .lnbmenu{display:none;position:absolute;top:60px;padding:15px;width:100%; background:#005ab3;}
	#subVisual .location .menu .lnbmenu li{max-width:100%;display:block;padding:0;text-align:left;line-height:36px}
	#subVisual .location .menu .lnbmenu &gt; li &gt; a{display:inline-block;width:auto;padding:0;font-size:16px;color:rgba(255,255,255,0.7);}
	#subVisual .location .menu .lnbmenu &gt; li.snb_on a{color:#fff}
	#subVisual .location .menu .lnbmenu &gt; li &gt; a.on{color:#fff;}
	#subVisual .location .menu .lnbmenu &gt; li &gt; a:after{height:2px;}
}
@media (max-width:600px){
	#subVisual .sub_bg{height:360px}
	#subVisual .tit{text-align:center;height:360px}	
	#subVisual .tit h3{font-size:36px;padding-top:0;}
	#subVisual .location .menu &gt; .sub_title{font-size:16px}
	#subVisual .location .menu .lnbmenu &gt; li &gt; a{font-size:15px}
}

/* ===== fs_section */
#fs_section{}
.imgmo{display:none}
.color_1{color:#134e90}
.color_2{color:#5ca919}
.sub_page{margin:0 auto;max-width:1400px;padding:160px 0 80px}
.sub_page &gt;.cont_box{font-size:20px;color:#363636;padding:60px 0}
/* about */
#sub1_1 &gt; h3{text-align:left;}
#sub1_1 .greeting_wr{display:flex;flex-direction:row;flex-wrap:wrap;}
#sub1_1 .greeting_wr .left{width:45%;}
#sub1_1 .greeting_wr .left .img_box{position:relative;transition:all 0.5s ease;}
#sub1_1 .greeting_wr .left .img_box:after{content:'';position:absolute;background:#005ab3;bottom:-30px;right:-30px;width:100%;height:100%;border-radius:150px 0;z-index:-1}
#sub1_1 .greeting_wr .left .img_box:hover{transform:scale(0.9)}
#sub1_1 .greeting_wr .left img{width:100%;border-radius:120px 0;}
#sub1_1 .greeting_wr .right{width:50%;margin-left:5%;padding:30px 0 60px 30px}
#sub1_1 .greeting_wr .right img{width:50%}
#sub1_1 .greeting_wr .right p{text-align:left;line-height:1.6;word-break:keep-all;font-size:20px;padding-top:60px}
#sub1_1 .greeting_wr .right p span{font-weight:bold;}
#sub1_1 .greeting_wr .right p em{font-weight:bold;font-style:normal;font-size:22px;line-height:3.0}
#sub1_1 &gt; div.cont_ft{position:relative;margin-top:180px;height:450px;background:url('../img/sub/about_img1.jpg') no-repeat 50% 100%;background-size:cover;display:none}
#sub1_1 &gt; div.cont_ft &gt; .left_box{position:absolute;left:60px;top:-120px;background:#003595;padding:80px;}
#sub1_1 &gt; div.cont_ft &gt; .left_box .txt span{color:#fff;font-size:18px;}
#sub1_1 &gt; div.cont_ft &gt; .left_box .txt h4{color:#fff;font-size:62px;font-weight:700;line-height:1.0;margin:30px 0;letter-spacing:-0.05em}
#sub1_1 &gt; div.cont_ft &gt; .left_box .txt p{color:#fff;font-size:24px;line-height:1.3;}
#sub1_2 .txtwrap{margin-bottom:100px;}
#sub1_2 .txtwrap h3{font-size:52px;font-weight:700;margin-bottom:50px;}
#sub1_2 .txtwrap p{font-size:20px;line-height:1.6;word-break:keep-all;color:#363636}
#sub1_2 .imgwrap{margin-bottom:100px;max-width:1400px;width:100%;}
#sub1_2 .sub_content{width:100%;margin-bottom:60px}
#sub1_2 .sub_content .left_wrap{padding:0 60px;width:24%;float:left}
#sub1_2 .sub_content .left_wrap h4{font-size:42px;text-align:left;font-weight:700;word-break:keep-all;line-height:1.3}
#sub1_2 .sub_content .right_wrap{padding:0;width:76%;float:left}
#sub1_2 .sub_content .right_wrap p{font-size:20px;word-break:keep-all;color:#363636;line-height:1.6;width:80%}
#sub1_2 .sub_content .right_wrap ul{width:100%;text-align:left;margin:30px 0}
#sub1_2 .sub_content .right_wrap ul li{display:inline-block;border:1px solid #d7d7d7;padding:10px;margin:15px;border-radius:10px}
#sub1_2 .sub_content .right_wrap .numbox{display:grid;grid-template-columns:repeat(3, 1fr);gap:32px;clear:both;margin-top:50px}
#sub1_2 .sub_content .right_wrap .numbox .innerB{border:1px solid #a3c3d6;padding:30px;border-radius:10px;text-align:center;}
#sub1_2 .sub_content .right_wrap .numbox .innerB h5{margin:15px;font-size:20px;font-weight:700;word-break:keep-all;line-height:1.3}
#sub1_3 .txtwrap{margin-bottom:100px;}
#sub1_3 .txtwrap h3{font-size:52px;font-weight:700;margin-bottom:50px;}
#sub1_3 .txtwrap h6{font-size:24px;line-height:1.6;word-break:keep-all;color:#363636}
#sub1_3 .txtwrap strong{font-weight:700}
#sub1_3 .imgwrap{margin-bottom:160px;max-width:1400px;width:100%;}
#sub1_3 .fir{margin-bottom:100px;transition:all 0.5s ease;}
#sub1_3 .fir:hover{padding:0 60px}
#sub1_3 .fir h4{position:relative;font-size:42px;font-weight:700;margin-bottom:60px;transition:all 0.5s ease;}
#sub1_3 .fir:hover h4::before{content:'';position:absolute;background:#363636;width:30px;height:5px;left:0;top:50%;}
#sub1_3 .fir:hover h4{padding-left:40px}
#sub1_3 .fir .left_wrap{width:35%;float:left}
#sub1_3 .fir .left_wrap .txtwrap{padding-left:30px}
#sub1_3 .fir .left_wrap .txtwrap h5{font-size:30px;line-height:1.3;margin-bottom:30px;font-weight:700;word-break:keep-all}
#sub1_3 .fir .left_wrap .txtwrap p{font-size:18px;width:60%;word-break:keep-all}
#sub1_3 .fir .right_wrap{width:585px;float:right;text-align:right}
#sub1_3 .fir .right_wrap .bg{background:url('../img/sub/about_img3_2.jpg') no-repeat 70% 50%;width:100%;max-width:600px;height:360px;text-align:right}
#sub1_3 .sec{clear:both;margin-bottom:0}
#sub1_3 .sec .left_wrap{float:right}
#sub1_3 .sec .right_wrap{float:left}
#sub1_3 .sec .right_wrap .bg{background:url('../img/sub/about_img3_3.jpg') no-repeat 50% 40%;width:100%;max-width:600px;height:360px;text-align:right}
#sub1_4 .tabs{margin:0 0 60px;padding:0px;list-style:none;text-align:left;width:100%;white-space:nowrap;overflow-x:auto;overflow-y: hidden;}
#sub1_4 .tabs::-webkit-scrollbar {height:5px}
#sub1_4 .tabs::-webkit-scrollbar-thumb {background-color:#d7d7d7;border-radius:5px;background-clip:padding-box}
#sub1_4 .tabs::-webkit-scrollbar-track {background-color: #efefef;border-radius:5px; }
#sub1_4 .tabs li{position:relative;background:none;display:inline-block;padding:20px 15px 0;margin:0 0 10px;cursor:pointer;text-align:left;transition:all .4s;}
#sub1_4 .tabs li p{color:#363636;font-size:20px;}
#sub1_4 .tabs li.current p{position:relative;color:#005ab3;font-weight:700;transition:all .4s;padding-bottom:10px}
#sub1_4 .tabs li.current p:after{content:'';position:absolute;width:100%;height:2px;background:#005ab3;bottom:0;left:50%;border-radius:50%;margin-left:-50%}
#sub1_4 .tab-content{position:relative;display:none;padding:0;margin:100px 0 0;text-align:left;transition:all .6s;background:url('../img/sub/about_img4_1.jpg') no-repeat 50% 50%;background-size:cover;width:100%;height:100%;min-height:610px;}
#sub1_4 .tab-content.current{display:inherit;transition:all .4s}
#sub1_4 .tab-content .txtbox{z-index:1;width:100%;height:auto;overflow:hidden;text-align:left;padding:30% 10% 10%;}
#sub1_4 .tab-content .txtbox h4{color:#fff;font-size:42px;font-weight:700;word-break:keep-all;margin-bottom:15px}
#sub1_4 .tab-content .txtbox h4 span {border-bottom:1px solid #fff;display:inline-block;padding-bottom:15px}
#sub1_4 .tab-content .txtbox p{color:#fff;font-size:20px;width:52%;line-height:1.3;word-break:keep-all;} 
#sub1_4 .tab-content.sbg_2{background-image:url('../img/sub/about_img4_2.jpg')}
#sub1_4 .tab-content.sbg_3{background-image:url('../img/sub/about_img4_3.jpg')}
#sub1_4 .tab-content.sbg_4{background-image:url('../img/sub/about_img4_4.jpg')}
#sub1_4 .tab-content.sbg_5{background-image:url('../img/sub/about_img4_5.jpg')}
#sub1_4 .txtwrap{position:relative;margin-bottom:100px;}
#sub1_4 .txtwrap h3{font-size:52px;font-weight:400;margin-bottom:50px;color:#363636;padding-bottom:50px}
#sub1_4 .txtwrap h3 strong{font-weight:700;color:#151515}
#sub1_5 .txtwrap{position:relative;margin-bottom:100px;}
#sub1_5 .txtwrap h3{font-size:52px;font-weight:400;margin-bottom:50px;color:#363636;padding-bottom:50px;word-break:keep-all;line-height:1.3}
#sub1_5 .txtwrap h3 strong{font-weight:700;color:#151515}
#sub1_5 .txtwrap .location_btn{position:absolute;right:0;bottom:-30px}
#sub1_5 .txtwrap .location_btn .btn_type{display:inline-block;position:relative;overflow:hidden;width:150px;height:50px;border:1px solid #f4f4f4;width:auto;padding:0 4rem;margin-bottom:0;line-height:1.0;margin-right:10px;border-radius:30px}
#sub1_5 .txtwrap .location_btn .btn_type::after{display:block;content:'';clear:both;position:absolute;top:0;left:-150%;width:130%;height:70px;transform:skewX(-40deg);background:#e7f7ff ;transition:all 0.5s ease;-ms-transition:all 0.5s ease;}
#sub1_5 .txtwrap .location_btn .btn_type span{color:#666;font-weight:400;margin:0;position:relative;z-index:1;font-size:16px;color:#262626;line-height:50px;font-weight:700;}
#sub1_5 .txtwrap .location_btn .btn_type:hover::after{left:-40px;}
#sub1_5 .map .root_daum_roughmap .wrap_controllers{display:none}
#sub1_5 .map .map_info{background:#003595;padding:50px}
#sub1_5 .map .map_info ul{width:100%;}
#sub1_5 .map .map_info ul li{width:45%;display:inline-block;color:#fff;font-size:20px;padding:15px 0}
#sub1_5 .map .map_info ul li span{margin-right:30px}
#sub1_5 .map .map_info ul li span i {margin-right:10px}
@media (max-width:1430px){
	#fs_section{padding-left:15px;padding-right:15px}
	#sub1_3 .fir {padding-left:15px;padding-right:15px}
	#subVisual .location .menu .lnbmenu{padding-right:15px}
}
@media (max-width:1260px){
	#sub1_1 .greeting_wr .left{display:none}
	#sub1_1 .greeting_wr .right{width:100%;margin-left:0;padding:0 60px}
	#sub1_1 .greeting_wr .right p, #sub1_1 .greeting_wr .right h3{text-align:center}
	#sub1_1 &gt; div.cont_ft{display:block}
}
@media (max-width:1024px){
	#fs_section{padding-left:15px;padding-right:15px}
	.sub_page{padding:120px 0 60px}
	.sub_page .cont_box{font-size:18px;}
	.sub_page h3{padding:0 30px}
	.sub_page h3 img{max-width:540px;width:100%;}
	#sub1_1 .greeting_wr .right img{width:100%}
	#sub1_1 .greeting_wr .right p{font-size:18px;}
	#sub1_2 .imgwrap{max-width:100%;margin-bottom:30px}
	#sub1_2 .sub_content .left_wrap{padding:0 15px;width:100%;float:none;margin-bottom:30px}
	#sub1_2 .sub_content .right_wrap{padding-left:15px;width:100%;}
	#sub1_2 .sub_content .right_wrap p{width:100%}
	#sub1_2 .sub_content .right_wrap ul li{margin-left:0;}
	#sub1_2 .sub_content .right_wrap .numbox .innerB img{max-width:100%;}
	#sub1_2 .sub_content .right_wrap .numbox .innerB h5{font-size:18px;}
	#sub1_3 .txtwrap{margin-bottom:60px;}
	#sub1_3 .fir .left_wrap{width:100%;float:none}
	#sub1_3 .fir .left_wrap .txtwrap p{width:60%;}
	#sub1_3 .fir .right_wrap{width:100%;float:none;text-align:right}
	#sub1_3 .fir .right_wrap .bg{max-width:100%;height:240px;background-size:cover;}
	#sub1_3 .sec .right_wrap .bg{background-position:50% 50%;background-size:cover;}
	#sub1_4 .txtwrap{margin-bottom:60px;}
	#sub1_5 .txtwrap h3{font-size:42px;}
	#sub1_5 .map .map_info ul li{width:100%;}
	
}
@media (max-width:800px){
	.imgpc{display:none}
	.imgmo{display:block;width:100%;}
	.sub_page{padding:100px 0 50px}
	.sub_page &gt;.cont_box{font-size:16px;padding-bottom:0}
	#sub1_1 .greeting_wr .right{padding:0}
	#sub1_1 .greeting_wr{max-width:680px;}
	#sub1_1 .greeting_wr p{font-size:18px}
	#sub1_1 &gt; div.cont_ft{background-position:80% 100%}
	#sub1_1 &gt; div.cont_ft &gt; .left_box{position:relative;left:auto;top:-12%;padding:40px;}
	#sub1_1 &gt; div.cont_ft &gt; .left_box .txt span{font-size:16px;}
	#sub1_1 &gt; div.cont_ft &gt; .left_box .txt h4{font-size:42px;margin:20px 0;}
	#sub1_1 &gt; div.cont_ft &gt; .left_box .txt p{font-size:20px;}
	#sub1_2 .txtwrap{margin-bottom:80px;}
	#sub1_2 .txtwrap h3, #sub1_3 .txtwrap h3{font-size:42px;}
	#sub1_2 .txtwrap p, #sub1_3 .txtwrap p{font-size:18px;}
	#sub1_2 .sub_content .left_wrap h4{font-size:32px;}
	#sub1_2 .sub_content .right_wrap p{font-size:18px;}
	#sub1_2 .sub_content .right_wrap .numbox{grid-template-columns:repeat(2, 1fr);}
	#sub1_3 .txtwrap h6{font-size:20px;}
	#sub1_3 .fir:hover{padding:0 30px}
	#sub1_3 .fir h4{font-size:32px;margin-bottom:30px}
	#sub1_3 .fir .left_wrap .txtwrap h5{font-size:24px;}
	#sub1_3 .fir .left_wrap .txtwrap p{font-size:18px;width:100%;}
	#sub1_3 .fir .left_wrap .txtwrap{padding-left:15px;margin-bottom:30px}
	#sub1_3 .imgwrap{margin-bottom:120px;}
	#sub1_4 .txtwrap h3{font-size:42px;}
	#sub1_4 .tabs{width:100%;overflow:auto;margin-bottom:30px}
	#sub1_4 .tab-content{margin-top:30px}
	#sub1_4 .tabs li p{font-size:18px}
	#sub1_4 .tab-content{min-height:420px;}
	#sub1_4 .tab-content .txtbox{padding:20% 10%;}
	#sub1_4 .tab-content .txtbox h4{font-size:32px;}
	#sub1_4 .tab-content .txtbox p{font-size:18px;width:85%}
	#sub1_5 .txtwrap h3{font-size:32px;}
	#sub1_5 .txtwrap .location_btn{right:0;bottom:-30px}
	#sub1_5 .txtwrap .location_btn .btn_type span{font-size:14px}
	#sub1_5 .map .map_info ul li{font-size:18px;}
}
@media (max-width:600px){
	#sub1_1 .greeting_wr .right p{font-size:16px}
	#sub1_2 .sub_content .right_wrap .numbox{grid-template-columns:repeat(1, 1fr);}
	#sub1_2 .sub_content .right_wrap .numbox img{max-width:120px !important}
	#sub1_2 .sub_content .right_wrap{padding-left:0;}
	#sub1_2 .sub_content .left_wrap{padding:0 0;margin-bottom:15px}
	#sub1_3 .imgwrap{margin-bottom:60px;}
	#sub1_5 .map .map_info{padding:30px}
	#sub1_5 .map .map_info ul li{font-size:16px;}
}
@media (max-width:460px){
	.sub_page{padding:60px 0 30px}
	.sub_page &gt;.cont_box{font-size:14px;padding-bottom:30px}	
	.sub_page h3{padding:0 15px}
	#sub1_1 &gt; div.cont_box p{font-size:16px}
	#sub1_1 &gt; div.cont_ft{margin-top:60px;background:none;height:auto}
	#sub1_1 &gt; div.cont_ft &gt; .left_box .txt span{font-size:14px;}
	#sub1_1 &gt; div.cont_ft &gt; .left_box .txt h4{font-size:28px;margin:20px 0;}
	#sub1_1 &gt; div.cont_ft &gt; .left_box .txt p{font-size:16px;word-break:keep-all}
	#sub1_2 .txtwrap{margin-bottom:50px;}
	#sub1_2 .txtwrap h3, #sub1_3 .txtwrap h3{font-size:30px;word-break:keep-all;line-height:1.3}
	#sub1_2 .txtwrap p, #sub1_3 .txtwrap p{font-size:16px;}
	#sub1_2 .sub_content .right_wrap ul li{width:100%;text-align:center;margin:5px 0}
	#sub1_2 .sub_content .right_wrap ul li img{max-width:100%;}
	#sub1_2 .sub_content .right_wrap p{font-size:16px;}
	#sub1_3 .txtwrap h6{font-size:18px;}
	#sub1_3 .fir h4{font-size:24px;}
	#sub1_3 .fir .left_wrap .txtwrap h5{font-size:20px;}
	#sub1_3 .fir .left_wrap .txtwrap p{font-size:16px;}
	#sub1_4 .tabs li p{font-size:16px}
	#sub1_4 .tab-content{min-height:360px;}
	#sub1_4 .tab-content .txtbox{padding:35% 10%;}
	#sub1_4 .tab-content .txtbox h4{font-size:24px;}
	#sub1_4 .tab-content .txtbox p{font-size:16px;width:100%}
	#sub1_5 .txtwrap h3{font-size:24px;}
	#sub1_5 .map .map_info ul li{font-size:14px;line-height:1.3}
}
#bo_tableB{}
#bo_tableB .txtwrap{text-align:center;margin-bottom:120px;}
#bo_tableB .txtwrap h3{font-size:52px;font-weight:700;word-break:keep-all;}
@media (max-width:800px){
	#bo_tableB .txtwrap{margin-bottom:80px;}
	#bo_tableB .txtwrap h3{font-size:42px;}
}
@media (max-width:460px){
	#bo_tableB .txtwrap{margin-bottom:50px;}
	#bo_tableB .txtwrap h3{font-size:30px;}
}
/* brand */
#subVisual.banwrap3 .banner3{background:#fff;height:380px;}
#subVisual.banwrap3 .vis_wrap .tit{height:380px;}
#subVisual.banwrap3 .vis_wrap .tit h3{display:inline-block;color:#363636;padding-top:0}
#subVisual.banwrap3 .vis_wrap .tit span{color:#134e90;display:inline-block;padding-left:30px;font-size:20px}
#subVisual.banwrap3 .location .menu .lnbmenu &gt; li &gt; a{color:#363636;}
#subVisual.banwrap3 .location .menu .lnbmenu &gt; li &gt; a:after{background-color:#005ab3;transition:transform .3s cubic-bezier(.0,.53,.49,1)}
#subVisual.banwrap3 .location .menu .lnbmenu &gt; li.snb_on a{color:#363636;}
#sub3_0{margin:0 auto;padding-top:0}
#sub3_0 ul{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;}
#sub3_0 ul li{overflow:hidden;width:30.5%;padding:0;margin:1% 0;position:relative;border:1px solid #d7d7d7;background:#f7f7f7}
#sub3_0 ul li:nth-child(1){width:60.5%}
#sub3_0 ul li:nth-child(2){width:35.5%}
#sub3_0 ul li a{display:block;height:100%}
#sub3_0 ul li .thum{width:100%;transition:all .6s;}
#sub3_0 ul li .mask{opacity:0;position:absolute;left:0;top:0;z-index:1;width:100%;height:100%;background:rgb(1,1,1);background:linear-gradient(0deg, rgba(1,1,1,1) 0%, rgba(0,0,0,0) 60%);transition:all .25s}
#sub3_0 ul li .txt{opacity:0;position:absolute;z-index:1;display:flex;justify-content:flex-end;width:100%;height:100%;padding:0 0 60px 30px;flex-flow:column;color:#fff;transition:.6s}
#sub3_0 ul li .txt h4{font-size:32px;margin-bottom:20px;color:#005ab3;font-weight:700;transition:all .4s}
#sub3_0 ul li .txt p{padding-right:30%;margin-bottom:20px;font-size:18px;line-height:1.35;word-break:keep-all}
#sub3_0 ul li .txt span{overflow:hidden;position:relative;width:max-content;padding-right:28px;font-size:14px;transition:all .4s}
#sub3_0 ul li .txt span i{position:absolute;top:2px;transition:all .4s;right:-10px;opacity:0;font-size:12px}
#sub3_0 ul li .txt span i{right:20px;opacity:0}
#sub3_0 ul li:hover .thum{transform:scale(1.1);filter:grayscale(100%);}
#sub3_0 ul li:hover .mask{opacity:.8}
#sub3_0 ul li a:hover .txt{opacity:1}
#sub3_0 ul li a:hover span i{right:0;opacity:1}
#sub3_0 ul li .thum.mo{display:none}

@media (max-width:1024px){
	#subVisual.banwrap3 .vis_wrap .tit{height:300px;}
	#subVisual.banwrap3 .vis_wrap .tit h3{display:block;}
	#subVisual.banwrap3 .vis_wrap .tit span{display:inline-block;padding-left:0px;font-size:18px;padding-top:20px}
	#subVisual.banwrap3 .location .menu &gt; .sub_title{background:#005ab3}
	#subVisual.banwrap3 .location .menu .lnbmenu &gt; li &gt; a{color:rgba(255,255,255,0.7);}
	#subVisual.banwrap3 .location .menu .lnbmenu &gt; li.snb_on a{color:#fff}
	#sub3_0{padding-top:30px}
	#sub3_0 ul li{width:48% !important;margin:0 0 30px}
	#sub3_0 ul li:nth-child(1){width:100% !important}
	#sub3_0 ul li .txt{padding-bottom:50px}
	#sub3_0 ul li .txt h4{font-size:28px}
	#sub3_0 ul li .txt p{font-size:16px;padding-right:30px}
}
@media (max-width:768px){	
	#sub3_0 ul li .txt{padding:15px 15px 30px}
	#sub3_0 ul li .txt h4{font-size:22px}
	#sub3_0 ul li .txt p{font-size:16px;}
	#subVisual.banwrap3 .vis_wrap .tit span{font-size:16px;padding-top:15px}

}
@media (max-width:480px){
	#sub3_0 ul li{width:100% !important;}
	#sub3_0 ul li .txt p{display:none}
	#sub3_0 ul li .thum.mo{display:block}
	#sub3_0 ul li .thum.pc{display:none}
	#subVisual.banwrap3 .vis_wrap .tit span{font-size:14px;}
}
.brand_wrap{position:relative;}
.brand_wrap .brandbg{text-align:center;padding:0 0 30%;height:600px;width:100%;margin:0 auto;transition: all 0.6s;}
.brand_wrap .brand1{background:url('../img/sub/brand1_topimg.jpg') 50% 50% no-repeat;background-size:cover}
.brand_wrap .brand2{background:url('../img/sub/brand2_topimg.jpg') 50% 50% no-repeat;background-size:cover}
#brand1{padding-top:60px}
.brand_tit{text-align:center;margin:60px 0}
.brand_tit h4{padding-bottom:100px;position:relative;max-width:1400px;margin:0 auto}
.brand_tit p{font-size:20px;line-height:1.6;color:#666;margin:0 auto;width:30%;word-break:keep-all;margin-bottom:30px}
.brand_tit p em{font-size:32px;font-weight:700;font-style:italic;color:#363636;margin-bottom:30px;}
.brand_tit h4 a{position:absolute;right:15px;bottom:30px;display:inline-block;margin:0;font-size:16px;white-space:pre-line;word-break:keep-all;line-height:36px;}
.brand_tit h4 a span{display:inline-block;padding:6px 32px;justify-content:center;border-radius:30px;font-size:16px;font-weight:500;background:#fff;color:#262626;line-height:32px;transition:all .4s ease-in-out;border:1px solid #d7d7d7}
.brand_tit h4 &gt; a &gt; span &gt; img.on{margin-left:10px}
.brand_tit h4 &gt; a:hover &gt; span {background:#e7f7ff !important;-webkit-filter:drop-shadow(rgba(0, 0, 0, 0.2) 0px 4px 8px);filter:drop-shadow(rgba(0, 0, 0, 0.2) 0px 4px 8px);margin-right:10px}
.brand_tit h4 &gt; a:hover &gt; span &gt; img.on {transform:translate(10px, 0);transition-duration:0.1s;}
[data-aos=zoom-in]{transform:scale(.85)}

@media (max-width:1600px){
	.brand_tit p{width:60%;}
}
@media (max-width:1024px){
	#brand1{padding-top:0}
	.brand_tit p{width:80%;}
	.brand_wrap{margin-top:30px}
	.brand_tit p em{font-size:28px;font-weight:700;font-style:italic;color:#363636;margin-bottom:30px;}

}
@media (max-width:768px){	
	.brand_tit p{width:100%;}
	.brand_tit p{font-size:18px;}
	.brand_tit h4 img{max-width:120px}
}
@media (max-width:480px){
	.brand_tit p em{font-size:22px;}
	.brand_tit p{font-size:16px;}
}</pre></body></html>