@charset "utf-8";

@media (max-width: 1600px) {
#wrap .video div{}
/* #wrap .video iframe{position: absolute;top: -25%;left: -50%;width: 200%;height: 200%;} */
}/* end */



@media (max-width: 1400px) {

/* 220307 추가*/
dl.sub4_1_list04{clear:both; margin: 0 auto; padding:80px 0 80px 520px;}
dl.sub4_1_list04 dt{font-size:48px; letter-spacing:-0.05em; line-height:1.2;font-family: "NanumSquare", sans-serif; font-weight:300; padding-bottom:40px;}
dl.sub4_1_list04 dt span.pc_cut{display:block;}
dl.sub4_1_list04 dt strong{font-weight:700;}
dl.sub4_1_list04 dd{font-size:20px; letter-spacing:-0.05em;line-height:1.5; font-weight:300;}
dl.sub4_1_list04 dd span.pc_cut{display:block;}

}/* end */


@media (max-width: 1250px) {

  .main_link{padding: 0 20px;}
.main_link ul li img{width: 100%; box-sizing: border-box;}
  .top_btn{padding : 0 40px;}
#wrap #header .container{ padding : 0 40px 20px; height: 90px;}
#wrap #header h1.logo{}
#wrap #header h1.logo strong{   }
#wrap #header a.menu_open{top: 30px;right: 30px;width: 39px;}

/*#wrap .snb.fixed{position: fixed;top: 0;left: 0;padding-bottom: 50px;}*/
#wrap .snb{width: auto;}
#wrap .snb ul{margin: 0 auto;padding: 20px 0 20px 0;width: auto;}
#wrap .snb ul:after{display: block;content: '';clear: both;}
#wrap .snb ul li{position: relative;float: left;margin: 1px 35px 0 0;}
#wrap .snb ul li a{display: block;font-size: 16px;color: #b2b2b2;font-weight: 300;padding: 8px 0 0 0;margin-top: 1px}
#wrap .snb ul li.on{border-top: 1px solid #000;margin-top: 0;}
#wrap .snb ul li.on a{color: #000;}

#wrap .con_box .snb{padding: 20px 40px 30px 40px;}
#wrap #header .snb{background: #fff;padding: 90px 40px 0 40px;}


#wrap .snb02{width: auto;}
#wrap .snb02 ul{margin: 0 auto;padding: 20px 0 20px 0;width: auto;}
#wrap .snb02 ul:after{display: block;content: '';clear: both;}
#wrap .snb02 ul li{position: relative;float: left;margin: 1px 35px 0 0;}
#wrap .snb02 ul li a{display: block;font-size: 16px;color: #b2b2b2;font-weight: 300;padding: 8px 0 0 0;margin-top: 1px}
#wrap .snb02 ul li.on{border-top: 1px solid #000;margin-top: 0;}
#wrap .snb02 ul li.on a{color: #000;}

#wrap .con_box .snb02{padding: 20px 40px 30px 40px;}
#wrap #header .snb02{background: #fff;padding: 90px 40px 0 40px;}




#wrap #gnbBox .padding{position: relative;margin: 30px;}
#wrap #gnbBox a#menuClose{position: absolute;top: 0;right: 0;}
#wrap #gnbBox ul.gnb{padding: 16% 0 50px 0;width: 350px;margin: 0 auto;}
#wrap #gnbBox ul.gnb li{position: relative;width: 100%;margin: 0 0 50px 0;}
#wrap #gnbBox ul.gnb li a{position: relative;z-index: 2;display: block;width: 100%;font-size: 40px;color: #101010;font-weight: 500;text-align: center;letter-spacing: -0.5px;height: 30px;}
#wrap #gnbBox ul.gnb li span.line{display: none;position: absolute;left: 0;bottom: -8px;z-index: 1;width: 100%;height: 26px;background: #e1e1e1;}
#wrap #gnbBox ul.gnb li:hover span.line{display: none;}
#wrap #gnbBox p{font-size: 18px;line-height: 26px;}

#wrap .main_section h3.main_logo img{width: 400px;}
#wrap .main_section .sub_txt{font-size: 18px;line-height: 24px;padding: 30px 0 0 0;}

#wrap .business_section .sub_txt{font-size: 16px;line-height: 23px;padding: 0 0 50px 0;}

#wrap .business_section > .container{padding: 120px 25px 85px 25px;width: auto;}
#wrap .business_section h4{font-size: 38px;}
#wrap .business_section ul.business_box{padding: 0 15px;}
#wrap .business_section ul.business_box li{height: 350px;padding: 15px 0 0 0;}
#wrap .business_section ul.business_box li.center .container{margin: 0 15px;}
#wrap .business_section ul.business_box li .container{background: #fff;padding: 50px 0 0 0;height: 285px;text-align: center;}
#wrap .business_section ul.business_box li h5{font-size: 24px;padding: 0 0 25px 0;}
#wrap .business_section ul.business_box li ul.b_list li{font-size: 14px;line-height: 22px}
#wrap .business_section ul.business_box li .more{bottom: 45px;}

#wrap .business_section ul.business_box li .side{display: none;position: absolute;z-index: 1;width: 15px;height: 365px;background: #b70006;}
#wrap .business_section ul.business_box li .side.left{top: 0;left: -15px;}
#wrap .business_section ul.business_box li .side.right{top: 0;right: -15px;}
#wrap .business_section ul.business_box li .s_bullet{display: none;position: absolute;bottom: -23px;left: 0;z-index: 2;width: 100%;height: 23px;}

#wrap .portfolio_section ul.portfolio li{position: relative;float: left;width: 33.33333333333333%;height: auto;}
#wrap .portfolio_section ul.portfolio li .img_box{position: absolute;top: 0;left: 0;z-index: 1;width: 100%;height: 100%;}
#wrap .portfolio_section ul.portfolio li .img_box img{width: 100%;height: 100%;min-width: 395px;min-height: 313px;}
#wrap .portfolio_section ul.portfolio li.on .img_box img{width: 120%;height: 120%;transition: all 1s ease 0s; -webkit-transition: all 1s ease 0s;}
#wrap .portfolio_section ul.portfolio li .padding{position: relative;z-index: 2;padding: 60px 0 0 30px;}
#wrap .portfolio_section ul.portfolio li p.subject{font-size: 22px;line-height: 28px;font-weight: 500;color: #fff;padding: 0 0 10px 0;}
#wrap .portfolio_section ul.portfolio li p.info{color: #d9d9d9;font-weight: 300;font-size: 13px;padding: 0 0 10px 0;}
#wrap .portfolio_section ul.portfolio li span.line{display: block;width: 28px;height: 2px;background: #fff;}

#wrap #footer{position: relative;width: 100%;}

#wrap #footer .container{text-align: center;}
#wrap #footer h2.copy_logo{margin-bottom: 8px;}
#wrap #footer p.address{color: #fff;font-size: 14px;font-weight: 300;}
#wrap #footer p{font-size: 14px;}
#wrap #footer p.copyright{color: #fff;font-size: 14px;font-weight: 300;padding: 35px 0 0 0;}

#wrap .sub_vis{width: 100%;height: 500px;}
#wrap .sub_vis .container{text-align: center;padding: 200px 0 0 0;}
#wrap .sub_vis h4{font-size: 45px;color: #fff;font-weight: 600;}
#wrap .sub_vis span{display: block;padding: 8px 0;}
#wrap .sub_vis p.sm_logo img{width: 170px;}

#wrap .con_box{padding: 20px 0 0 0;}
#wrap .con_box .container{width: auto;padding: 0 20px 100px 20px;}
#wrap .con_box h5{padding: 80px 0 80px 0;}

#wrap .con_box .fix_box{height: 300px;margin: 0 0 90px 0;}
#wrap .con_box .fix_box p{line-height: 300px;}

#wrap .con_box#web .fix_box{background: url(../img/p_img/bg_fix_box_web.jpg) no-repeat center bottom;-webkit-background-size: cover;background-size: cover;}
#wrap .con_box#design .fix_box{background: url(../img/p_img/bg_fix_box_design.jpg) no-repeat center bottom;-webkit-background-size: cover;background-size: cover;}
#wrap .con_box#prfilm .fix_box{background: url(../img/p_img/bg_fix_box_pr.jpg) no-repeat center bottom;-webkit-background-size: cover;background-size: cover;}

#wrap .con_box ul.prd li p{text-align: center;}

#wrap .con_box#contact{padding:0px 0 0 0;}
#wrap .con_box#contact .container{}
#wrap .con_box#contact .contact{}
#wrap .con_box#contact .contact .left{float: none;width: 100%;margin-bottom: 70px;}
#wrap .con_box#contact .contact .right{float: none;width: 100%;}

#wrap .con_box#contact .contact .line{display: block;width: 35px;height: 5px;background: #262626;margin: 15px 0 25px 0;}

#wrap .con_box#contact .contact ul li{float: left;width: 49%;margin: 0 2% 15px 0;}
#wrap .con_box#contact .contact ul li.long textarea{width: 95%;padding: 20px 2.5%;}

#wrap .con_box#contact .map{width: 96%; margin-left:auto; margin-right:auto; height: 500px;position: relative;overflow: hidden;background: #eee;}


#wrap .con_box#woori h5{font-size: 32px;color: #464646;font-weight: 100;text-align: left;padding: 140px 0 30px 0;line-height: 42px;letter-spacing: -1px;}
#wrap .con_box#woori h5.pt125{padding: 125px 0 30px 0;}
#wrap .con_box#woori h5 strong{font-size: 28px;font-weight: 600;letter-spacing: -0.5px;}
#wrap .con_box#woori h5 span{display: inline;font-size: 32px;color: #464646;font-weight: normal;padding: 0;letter-spacing: 0;}

#wrap .con_box#woori p.definition{padding: 25px 0 0 0;font-size: 25px;color: #262626;font-weight: normal;line-height: 37px;}

#wrap .con_box#woori .brand_box{width: 100%;background: #f8f8f8;padding: 100px 0 80px 0;}
#wrap .con_box#woori .brand_box .padding{width: auto;padding: 0 40px;margin: 0 auto;}
#wrap .con_box#woori .brand_box h5{padding-top: 0;}
#wrap .con_box#woori .brand_box ul.brand{width: 720px;margin: 0 auto;padding: 50px 0 0 0;}
#wrap .con_box#woori .brand_box ul.brand:after{display: block;content: '';clear: both;}
#wrap .con_box#woori .brand_box ul.brand li{float: left;width: 200px;height: 200px;}
#wrap .con_box#woori .brand_box ul.brand li .box{width: 180px;height: 180px;text-align: center;background: url(../img/s_img/brand_box.png) no-repeat center center;-webkit-background-size: 100%;background-size: 100%;}
#wrap .con_box#woori .brand_box ul.brand li .icon{width: 180px;height: 100px;display: table-cell;vertical-align: bottom;text-align: center;}
#wrap .con_box#woori .brand_box ul.brand li .icon img{margin-top: 0;text-align: center;}
#wrap .con_box#woori .brand_box ul.brand li p{font-size: 20px;color: #545454;font-weight: normal;text-align: center;padding: 12px 0 0 0;}

#wrap .con_box#woori .brand_box ul.brand li.line{height: 1px;margin: 100px 10px 0 10px;width: 40px;background: #d7d7d7;}

#wrap .con_box#woori .brand_box ul.brand li.center .box{margin: 0 auto;}
#wrap .con_box#woori .brand_box ul.brand li.right .box{float: right;}

#wrap .con_box#woori ul.prd{margin-bottom: 30px;}
#wrap .con_box#woori ul.prd li{width: 25%;}
#wrap .con_box#woori ul.prd li p.tit{text-align: center;}

#wrap .con_box#woori .woori_bg{width: 100%;height: 500px;background: url(../img/p_img/bg_woori.jpg) no-repeat center center;-webkit-background-size: cover;background-size: cover;margin-bottom: 0;}

#wrap .con_box#board{width: 100%;padding-bottom: 80px;}
#wrap .con_box#board .container{width: auto; margin: 0 auto;}

#bo_gall .gall_img{height: auto;}










}/* end */




@media (max-width: 1199px) {
  #wrap .visual .video .box .bg{top: 0;}
  .txt_wrap{top: 38%;}
  .txt_wrap h2{font-size: 42px;}
  .txt_wrap p{font-size: 20px;}

.sub #header{background:#fff;}
.sub #header.bk{background: #fff; transition: 0.3s;}
.sub #header.bk h1.logo span{color: #fff;}
.sub #header.bk a.menu_open_btn span.icon span.line{background: #000;}


#wrap #header a.menu_open_btn span.icon{display: block;width: 40px;height: 34px;}
#wrap #header a.menu_open_btn span.icon span.line{display: block;width: 39px;height: 2px;background: #000;}
#wrap #header a.menu_open_btn span.icon span.line.l1{}
#wrap #header a.menu_open_btn span.icon span.line.l2{margin: 11px 0;}
#wrap #header a.menu_open_btn span.icon span.line.l3{}


.index #wrap #header.bk a.menu_open_btn span.icon span.line{background: #fff;}
.index #wrap #header a.menu_open_btn span.icon span.line{display: block;width: 39px;height: 2px;background: #fff;}



#wrap .visual{ padding-top : 56.25%; box-sizing: border-box; height : auto;}
#wrap .visual .video{}
#wrap .visual .video .box{position :static;}
#wrap .visual .video .box figure{position: absolute;z-index: 1;top: 0; left: 0; width: 100%; height: 100%;}
#wrap .visual .video .box figure video{width: 100%;height: 100%;}

#wrap .visual .bg{display: none;}

#wrap .visual .video .box .bg{display: block;}

#wrap .main_section{height: auto;}
#wrap .main_section .container{padding-top: 0%;height: auto;}
#wrap .main_section .scroll_down{display: none;}



/*���� 21.05.25*/


#wrap .business_section h4 strong{font-size:58px;color:#c1272d; display:block; text-align: center;font-weight:600;letter-spacing: 0.5px;margin-bottom: 15px;}
#wrap .business_section h4 span.s_gray{font-size:16px; color:#cdcdcd; }


#wrap .business_section ul.circle_wrap{padding: 0 20px;background: #fff;}
#wrap .business_section ul.circle_wrap:after{display: block;content: '';clear: both;}
#wrap .business_section ul.circle_wrap li{position: relative;float: left;width: 25%;height: 420px;padding: 20px 0 0 0;}
#wrap .business_section ul.circle_wrap li dl{text-align:center;}
#wrap .business_section ul.circle_wrap li dt{}
#wrap .business_section ul.circle_wrap li dt img{width:96%; max-width:243px; margin:0 auto;}
#wrap .business_section ul.circle_wrap li dd.tit{color:#c1272c; font-size:22px; letter-spacing:-0.05em; margin:25px 0 15px 0;}
#wrap .business_section ul.circle_wrap li dd.txt{font-size:15px; line-height:22px; color:#555;  letter-spacing:-0.05em;padding:0 10px;}

#wrap .business_section ul.circle_wrap li dd.txt span.pc_cut{display:inline; }






/* 20220228 �߰�*/
#wrap .m_bann_wrap{position: absolute;bottom:30px; left:2%;width:98%;height: 50px;z-index: 100;}
#wrap .m_bann_wrap ul.m_bann {width:98%;margin: 0 auto; padding-left:0px;}
#wrap .m_bann_wrap ul.m_bann li{float:left; display:inline; width:22%; padding-right:2%; margin-right:2%; background:url(../img/s_img/m_bann_bar.png) no-repeat right 0; }
#wrap .m_bann_wrap ul.m_bann li:last-child {margin-right:0; padding-right:0; background:none; }


#wrap .m_bann_wrap ul.m_bann li.m_bann_01 img{width:96%; max-width:240px; margin:0 auto;}
#wrap .m_bann_wrap ul.m_bann li.m_bann_02 img{width:96%; max-width:268px; margin:0 auto;}
#wrap .m_bann_wrap ul.m_bann li.m_bann_03 img{width:96%; max-width:226px; margin:0 auto;}
#wrap .m_bann_wrap ul.m_bann li.m_bann_04 img{width:96%; max-width:208px; margin:0 auto;}



#wrap .business_section_new{position: relative;z-index: 3;background: #fff;width: 100%; min-height:930px; background:url(../img/s_img/business_section_bg.jpg) no-repeat 0 0; }
#wrap .business_section_new > .container{position: relative;padding:0px 0 0 0;width: 100%;min-height:930px;margin: 0 auto;}

#wrap .business_section_new dl.business_new_title{width:100%; margin: 0 auto; }
#wrap .business_section_new dl.business_new_title dt{padding-top:20%; font-size:97px; }
#wrap .business_section_new dl.business_new_title dd.tit{font-size:55px; }
#wrap .business_section_new dl.business_new_title dd.txt{margin-top:60px; font-size:25px; }
#wrap .business_section_new dl.business_new_title dd.txt img{padding-left:10px;}
#wrap .business_section_new dl.business_new_title dd.business_new_btn{position:absolute; left:0; bottom:60px;}



#wrap .con_box#board{width: 100%;padding-bottom: 80px;}
#wrap .con_box#board .container{width:100%;margin: 0 auto;}


/*220228상단 타이틀*/
.top_tit_wrap{clear:both; margin: 0 auto; padding:250px 0 100px 0; }
.top_tit_wrap dl.top_tit_list{width:98%; max-width:1200px; margin:0 auto;}
.top_tit_wrap dt{font-size:80px; }
.top_tit_wrap dd.tit{font-size:50px; margin:100px 0 40px 0;}
.top_tit_wrap dd.txt{font-size:18px; }
.top_tit_wrap dd.txt span.pc_cut{display:block;}

.top_tit_wrap dd.tit02{font-family: "NanumSquare", sans-serif; font-size:42px; margin:100px 0 40px 0;line-height:1.1; font-weight:700;letter-spacing:-0.05em; color:#111;  font-weight:600;text-align:left;}
.top_tit_wrap dd.txt02{font-family: "NanumSquare", sans-serif;font-size:20px; line-height: 1.5; letter-spacing: -0.025em;}
.top_tit_wrap dd.txt02 span.pc_cut{display:block;}





/*220301 홍보영상 상단 타이틀*/
.top_tit_wrap02{clear:both; margin: 0 auto; padding:250px 0 100px 0; }
.top_tit_wrap02 dl.top_tit_list02{width:98%; max-width:1200px; margin:0 auto;}
.top_tit_wrap02 dt{font-size:80px; }
.top_tit_wrap02 dt strong{display:block; font-weight:700;}
.top_tit_wrap02 dd.tit{font-size:24px; margin:100px 0 40px 0}
.top_tit_wrap02 dd.tit strong{font-size:26px; }
.top_tit_wrap02 dd.txt{font-size:24px;}

dl.btn_video{margin:0 auto; width:98%; }
dl.btn_video dd{margin:20px 0 0 38px; font-size:28px; font-weight:500;}






/* fix_box 회사개요 */

.fix_box_lab{clear:both;width: 100%;height:340px;margin:0px 0 0px 0;}
.fix_box_lab{background: url(../img/s_img/bg_fix_box_lab.jpg) no-repeat center top; background-size:100%; background-attachment: scroll;}





#wrap .con_box#woori_new{clear:both; position: relative;z-index: 3;background: #fff;width: 100%; height:100%; padding-bottom:100px; }
#wrap .con_box#woori_new > .container{position: relative;padding:0px 0 0px 0;width: 100%;min-height:930px;margin: 0 auto;}



dl.sub4_1_list01{ width:98%; margin: 0 auto; padding:120px 0 120px 0;  }
dl.sub4_1_list01 dt{font-family:'NanumSquare'; font-size:55px; line-height:1.25;}

dl.sub4_1_list01 dd.txt{padding:120px 0 30px 0; }
dl.sub4_1_list01 dd.txt li{width:50%; float:left; display:inline; padding-bottom:40px; background: url(../img/s_img/sub4_1_lis01_bar.gif) no-repeat 0 bottom; }
dl.sub4_1_list01 dd.txt li dt{font-size:55px; }
dl.sub4_1_list01 dd.txt{padding-bottom:30px; }
dl.sub4_1_list01 dd.txt li dd{padding-top:30px; font-size:22px; }



dl.sub4_1_list02{clear:both; width:98%; margin: 0 auto; }
dl.sub4_1_list02 dt{padding:120px 0 120px 0;font-size:60px; }
dl.sub4_1_list02 dd.tit{font-size:40px;}
dl.sub4_1_list02 dd.tit span.pc_cut{display:block;}
dl.sub4_1_list02 dd.txt{margin-top:120px;font-size:22px;}
dl.sub4_1_list02 dd.txt span.pc_cut{display:block;}
dl.sub4_1_list02 dd.txt em.un_line{text-decoration: underline; font-weight:300; }


.sub4_1_list03_wrap{clear:both; margin:40px 0; padding-top:150px; width:100%; min-height:400px;background: url(../img/s_img/sub4_1_bgcircle.png) no-repeat 0 0; background-size:320px;}
.sub4_1_list03{width:100%; margin:0px auto 0 auto; padding-left:0px;max-width:990px;  height:360px; background: url(../img/s_img/sub4_1_list01_circle_03.png) no-repeat center 0; background-size:100%;;}
.sub4_1_list03:after{display: block;content: '';clear: both;}
.sub4_1_list03 li{float:left; display:inline; width:33.33%; padding-top:100px; margin-right:auto;text-align: center; font-weight:300;font-size:22px; letter-spacing: -0.05em; line-height:1.5;}
.sub4_1_list03 li:last-child{margin-right:auto;}
.sub4_1_list03 li.last{padding-top:65px;}


#wrap #footer .container{width:96%; }





/* 220307 추가*/
dl.sub4_1_list04{clear:both; margin: 0 auto; padding:0px 0 80px 280px;}
dl.sub4_1_list04 dt{font-size:48px; letter-spacing:-0.05em; line-height:1.2;font-family: "NanumSquare", sans-serif; font-weight:300; padding-bottom:40px;}
dl.sub4_1_list04 dt span.pc_cut{display:block;}
dl.sub4_1_list04 dt strong{font-weight:700;}
dl.sub4_1_list04 dd{font-size:20px; letter-spacing:-0.05em;line-height:1.5; font-weight:300;}
dl.sub4_1_list04 dd span.pc_cut{display:block;}



#wrap .portfolio_section{margin-bottom:60px;}




}/* 1199px End*/

@media (max-width: 1100px) {
/*
#bo_gall .gall_img{height: 240px;}*/

}

@media (max-width: 1000px) {
/*
#bo_gall .gall_img{height: 210px;}*/



}

@media (max-width: 900px) {
/*
#bo_gall .gall_img{height: 185px;}

*/


}

@media (max-width: 991px) {

  .pg_wrap{display : block;}
/*���� 21.05.25*/
.top_btn{display : none;}
#wrap #header .container{ padding : 0 30px; height: 80px; align-items: center; }
#wrap #header h1.logo strong img{width: 150px;}
#wrap #header h1.logo_sub strong img{width: 150px;}

#wrap .business_section h4 strong{font-size:56px;color:#c1272d; display:block; letter-spacing: 0.5px;margin-bottom: 15px;}
#wrap .business_section h4 span.s_gray{font-size:15px; color:#cdcdcd; }
#wrap .business_section ul.circle_wrap{padding: 0 20px;background: #fff;}
#wrap .business_section ul.circle_wrap:after{display: block;content: '';clear: both;}
#wrap .business_section ul.circle_wrap li{position: relative;float: left;width: 50%;height: 420px;padding: 20px 0 0 0;}
#wrap .business_section ul.circle_wrap li dl{text-align:center;}
#wrap .business_section ul.circle_wrap li dt{}
#wrap .business_section ul.circle_wrap li dt img{width:96%; max-width:243px; margin:0 auto;}
#wrap .business_section ul.circle_wrap li dd.tit{color:#c1272c; font-size:22px; letter-spacing:-0.05em; margin:25px 0 15px 0;}
#wrap .business_section ul.circle_wrap li dd.txt{font-size:15px; line-height:22px; color:#555;  letter-spacing:-0.05em;padding:0 10px;}
#wrap .business_section ul.circle_wrap li dd.txt span.pc_cut{display:block; }

nav{display : none;}
.menu_open{display :block;}
#wrap #contactUs{display: none;}



/* 20220228 �߰�*/
#wrap .m_bann_wrap{position: absolute;bottom:10px; left:0;width: 100%;height: 50px;z-index: 100;}
#wrap .m_bann_wrap ul.m_bann {width:96%;margin: 0 auto; padding-left:0px;}
#wrap .m_bann_wrap ul.m_bann li{float:left; display:inline; width:22%; padding-right:2%; margin-right:2%; background:url(../img/s_img/m_bann_bar.png) no-repeat right 2px; }
#wrap .m_bann_wrap ul.m_bann li:last-child {margin-right:0; padding-right:0; background:none; }


#wrap .m_bann_wrap ul.m_bann li.m_bann_01 img{width:96%; max-width:240px; margin:0 auto;}
#wrap .m_bann_wrap ul.m_bann li.m_bann_02 img{width:96%; max-width:268px; margin:0 auto;}
#wrap .m_bann_wrap ul.m_bann li.m_bann_03 img{width:96%; max-width:226px; margin:0 auto;}
#wrap .m_bann_wrap ul.m_bann li.m_bann_04 img{width:96%; max-width:208px; margin:0 auto;}





#wrap .business_section_new{min-height:730px;  }
#wrap .business_section_new > .container{position: relative;padding:0px 0 0px 0;width:96%;min-height:730px;margin: 0 auto;}

#wrap .business_section_new dl.business_new_title{width:100%; margin: 0 auto; }
#wrap .business_section_new dl.business_new_title dt{padding-top:15%; font-size:77px; }
#wrap .business_section_new dl.business_new_title dd.tit{font-size:44px; line-height:1.2; letter-spacing:-0.015em;}
#wrap .business_section_new dl.business_new_title dd.txt{margin-top:60px; font-size:20px; }
#wrap .business_section_new dl.business_new_title dd.txt span.pc_cut{display:block; }
#wrap .business_section_new dl.business_new_title dd.txt img{padding-left:10px;}
#wrap .business_section_new dl.business_new_title dd.txt img{width:190px;}
#wrap .business_section_new dl.business_new_title dd.business_new_btn{position:absolute; left:0; bottom:60px;}




/*220228상단 타이틀*/
.top_tit_wrap{clear:both; margin: 0 auto; padding:150px 0 80px 0; }
.top_tit_wrap dl.top_tit_list{width:96%; max-width:1200px; margin:0 auto;}
.top_tit_wrap dt{font-size:70px; }
.top_tit_wrap dd.tit{font-size:40px; margin:60px 0 60px 0;}
.top_tit_wrap dd.txt{font-size:18px; }
.top_tit_wrap dd.txt span.pc_cut{display:block;}

.top_tit_wrap dd.tit02{font-family: "NanumSquare", sans-serif; font-size:28px; margin:60px 0 40px 0;line-height:1.1; font-weight:700;letter-spacing:-0.05em; color:#111;  font-weight:600;text-align:left;}
.top_tit_wrap dd.txt02{font-family: "NanumSquare", sans-serif;font-size:18px; line-height: 1.5; letter-spacing: -0.025em;}
.top_tit_wrap dd.txt02 span.pc_cut{display:inline;}





/*220301 홍보영상 상단 타이틀*/
.top_tit_wrap02{clear:both; margin: 0 auto; padding:150px 0 80px 0; }
.top_tit_wrap02 dl.top_tit_list02{width:96%; max-width:1200px; margin:0 auto;}
.top_tit_wrap02 dt{font-size:80px; }
.top_tit_wrap02 dt strong{display:block; font-weight:700;}
.top_tit_wrap02 dd.tit{font-size:22px; margin:60px 0 40px 0}
.top_tit_wrap02 dd.tit strong{font-size:24px; }
.top_tit_wrap02 dd.txt{font-size:22px;}

dl.btn_video{margin:0 auto; width:96%; }
dl.btn_video dd{margin:20px 0 0 38px; font-size:26px; font-weight:500;}






/*이미지박스*/
.fix_box_lab{clear:both;width: 100%;height:300px;margin: 0 0 0px 0;}
.fix_box_lab{background: url(../img/s_img/bg_fix_box_lab.jpg) no-repeat center top; background-size:100%; background-attachment: scroll;}
/* 20220228 */



#wrap .con_box#woori_new{ padding-bottom:40px; }
#wrap .con_box#woori_new > .container{position: relative;padding:0px 0 0px 0;width: 100%;min-height:930px;margin: 0 auto;}




dl.sub4_1_list01{ width:96%; margin: 0 auto; padding:80px 0 80px 0;  }
dl.sub4_1_list01 dt{font-size:36px; line-height:1.25;}

dl.sub4_1_list01 dd.txt{padding:40px 0 30px 0; }
dl.sub4_1_list01 dd.txt li{width:50%; float:left; display:inline; padding-bottom:40px; background: url(../img/s_img/sub4_1_lis01_bar.gif) no-repeat 0 bottom; }
dl.sub4_1_list01 dd.txt li dt{font-size:55px;  }
dl.sub4_1_list01 dd.txt li dd{padding-top:30px; font-size:18px; }
dl.sub4_1_list01 dd.txt{padding-bottom:30px; }



dl.sub4_1_list02{clear:both; width:96%; margin: 0 auto; }
dl.sub4_1_list02 dt{padding:60px 0 40px 0;font-size:46px; }
dl.sub4_1_list02 dd.tit{font-size:36px; }
dl.sub4_1_list02 dd.txt{margin-top:40px;font-size:18px; line-height:1.6;}
dl.sub4_1_list02 dd.txt span.pc_cut{display:block;}
dl.sub4_1_list02 dd.txt em.un_line{text-decoration: underline; }


.sub4_1_list03_wrap{clear:both; margin:40px 0; padding-top:100px; width:100%; min-height:250px;background: url(../img/s_img/sub4_1_bgcircle.png) no-repeat 0px 0; background-size:200px;}
.sub4_1_list03{width:100%; margin:0px auto 0 auto; padding-left:0px;max-width:780px;  height:300px; background: url(../img/s_img/sub4_1_list01_circle_03.png) no-repeat center 0; background-size:100%;;}
.sub4_1_list03 li{float:left; display:inline; width:33.33%; padding-top:80px; margin-right:auto;font-size:18px; }
.sub4_1_list03 li:last-child{margin-right:auto;}
.sub4_1_list03 li.last{padding-top:45px;}


/*TOP*/

.navBtn {position:fixed;  right:20px; bottom:40px; z-index:999999; display: flex;  justify-content: center; width:50px;  height: 50px; transition: 0.3s ease-in-out; align-items: center; transform: scale(0) rotate(-80deg); }
.navBtn > div { margin:10px 20px 40px 0px; text-align:center; flex-shrink:0; cursor: pointer;}

.goTop { font-size:14px; line-height:70px; color:#d81920;  width:100%; height:100%; box-shadow: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);  transition: 3s; display: flex; justify-content: center;
    position: relative; background-color: #d81920 !important ;  border-radius:50%;}
.goTop:after{content:''; position:absolute; background: url('../img/s_img/up_black.png') no-repeat; width:19px;height: 27px; top:26%; left: 33%; background-size: contain;}
.goTop > img { width:48px;  margin-top:5px;}

#wrap .portfolio_section ul.portfolio li{position: relative;float: left;width: 33.33333333333333%;height: auto;}







/* 220307 추가*/
dl.sub4_1_list04{clear:both; width:96%; margin: 0 auto; padding:0px 0 80px 0px;}
dl.sub4_1_list04 dt{font-size:38px; letter-spacing:-0.05em; line-height:1.4;font-family: "NanumSquare", sans-serif; font-weight:300; padding-bottom:40px;}
dl.sub4_1_list04 dt span.pc_cut{display:block;}
dl.sub4_1_list04 dt strong{font-weight:700;}
dl.sub4_1_list04 dd{font-size:18px; letter-spacing:-0.05em;line-height:1.5; font-weight:300;}
dl.sub4_1_list04 dd span.pc_cut{display:block;}












} /* END */



@media (max-width: 780px) {

  .main_link ul li img{width : 95%;}

#wrap #header .container{padding : 0 15px;height: 80px;}
#wrap #header h1.logo{top: 26px;left: 20px;width: 179px;}
#wrap #header h1.logo strong{}
#wrap #header h1.logo strong img{width: 120px;}
#wrap #header h1.logo span{padding: 0 0 0 7px;width: 105px;height: 27px;line-height: 27px;font-size: 14px;}

#wrap #header a.menu_open{top: 28px;right: 20px;width: 34px;}
#wrap #header a.menu_open span.icon{display: block;width: 34px;height: 28px;}
#wrap #header a.menu_open span.icon span.line{}
#wrap #header a.menu_open span.icon span.line.l1{}
#wrap #header a.menu_open span.icon span.line.l2{}
#wrap #header a.menu_open span.icon span.line.l3{}

#wrap .con_box .snb{padding: 20px 25px 30px 25px;}
#wrap #header .snb{padding: 70px 25px 0 25px;}


#wrap .con_box .snb02{padding: 20px 25px 30px 25px;}
#wrap #header .snb02{padding: 70px 25px 0 25px;}




#wrap .video{top: 0;left: 0;width: 100%;height: 100%;overflow: hidden;}
#wrap .video .container{position: relative;width: 100%;height: 100%;}
/* #wrap .video iframe{position: absolute;top: -50%;left: -125%;width: 350%;height: 350%;} */


#wrap #gnbBox .padding{position: relative;margin: 28px 20px 0 20px;}
#wrap #gnbBox a#menuClose{position: absolute;top: 0;right: 0;}
#wrap #gnbBox a#menuClose img{width: 26px;}
#wrap #gnbBox ul.gnb{padding: 30% 0 50px 0;width: 240px;margin: 0 auto;}
#wrap #gnbBox ul.gnb li{position: relative;width: 100%;margin: 0 0 25px 0;}
#wrap #gnbBox ul.gnb li a{position: relative;z-index: 2;display: block;width: 100%;font-size: 30px;color: #101010;font-weight: 500;text-align: center;letter-spacing: -0.5px;height: 35px;}
#wrap #gnbBox ul.gnb li span.line{display: none;position: absolute;left: 0;bottom: 0px;z-index: 1;width: 100%;height: 20px;background: #e1e1e1;}

#wrap #gnbBox p{font-size: 16px;line-height: 24px;}

#wrap .main_section h3.main_logo img{width: 300px;}
#wrap .main_section .sub_txt{font-size: 17px;}

#wrap .business_section > .container{padding: 60px 25px 85px 25px;width: auto;}
#wrap .business_section h4{font-size: 30px;}
#wrap .business_section ul.business_box{padding: 0 5px;}
#wrap .business_section ul.business_box li{height: 110px;padding: 5px 0 0 0;}
#wrap .business_section ul.business_box li.center .container{margin: 0 5px;}
#wrap .business_section ul.business_box li .container{background: #fff;padding: 27px 0 0 0;height: 78px;text-align: center;}
#wrap .business_section ul.business_box li h5{font-size: 20px;padding: 0 0 25px 0;}
#wrap .business_section ul.business_box li ul.b_list{display: none;}
#wrap .business_section ul.business_box li .more{position: absolute;bottom: 20px;font-size: 11px;}
#wrap .business_section ul.business_box li .more a{font-size: 11px;}

#wrap .business_section ul.business_box li .side{display: none;position: absolute;z-index: 1;width: 5px;height: 115px;background: #b70006;}
#wrap .business_section ul.business_box li .side.left{top: 0;left: -5px;}
#wrap .business_section ul.business_box li .side.right{top: 0;right: -5px;}
#wrap .business_section ul.business_box li .s_bullet{display: none;position: absolute;bottom: -18px;left: 0;z-index: 2;width: 100%;height: 23px;-webkit-background-size: 50px;background-size: 50px;}




#wrap .business_section h4 strong{font-size:46px;color:#c1272d; display:block; text-align: center;font-weight:600;letter-spacing: 0.5px;margin-bottom: 15px;}
#wrap .business_section h4 span.s_gray{font-size:15px; color:#cdcdcd; }


#wrap .business_section ul.circle_wrap{padding: 0 20px;background: #fff;}
#wrap .business_section ul.circle_wrap:after{display: block;content: '';clear: both;}
#wrap .business_section ul.circle_wrap li{position: relative;float: left;width:100%;height: 420px;padding: 20px 0 0 0;}
#wrap .business_section ul.circle_wrap li dl{text-align:center;}
#wrap .business_section ul.circle_wrap li dt{}
#wrap .business_section ul.circle_wrap li dt img{width:96%; max-width:243px; margin:0 auto;}
#wrap .business_section ul.circle_wrap li dd.tit{color:#c1272c; font-size:22px; letter-spacing:-0.05em; margin:25px 0 15px 0;}
#wrap .business_section ul.circle_wrap li dd.txt{font-size:15px; line-height:22px; color:#555;  letter-spacing:-0.05em;padding:0 10px;}

#wrap .business_section ul.circle_wrap li dd.txt span.pc_cut{display:block; }






#wrap .portfolio_section ul.portfolio li{position: relative;float: left;width: 50%;height: auto;}
#wrap .portfolio_section ul.portfolio li .img_box{position: absolute;top: 0;left: 0;z-index: 1;width: 100%;height: 100%;}
#wrap .portfolio_section ul.portfolio li .img_box img{width: 100%;height: 100%;min-width: auto;min-height: auto;}
#wrap .portfolio_section ul.portfolio li .padding{display:none;position: relative;z-index: 2;padding: 30px 0 0 20px;}
#wrap .portfolio_section ul.portfolio li p.subject{font-size: 18px;line-height: 24px;padding: 0 0 10px 0;width: auto;letter-spacing: -0.5px;}


#wrap #footer .container{width:96%;}

#wrap #footer .food_add{float:none; display:block; width:100%; text-align:center;}
#wrap #footer ul.sns{float:none; display:block; width:100%; max-width:192px; margin:20px auto 0 auto;text-align:center;}
#wrap #footer ul.sns li{float:left; display:inline;margin:0 0 0 17px;}
#wrap #footer p.copyright{padding:25px 0 0 0;}






#wrap .sub_vis{width: 100%;height: 350px;}
#wrap .sub_vis .container{padding: 160px 0 0 0;}
#wrap .sub_vis h4{font-size: 35px;color: #fff;font-weight: 600;}
#wrap .sub_vis span{display: block;padding: 8px 0;}
#wrap .sub_vis p.sm_logo img{width: 130px;}

#wrap .con_box{padding: 20px 0 0 0;}
#wrap .con_box .container{width: 94%; margin:0 auto; padding: 0 0px 70px 0px;}
#wrap .con_box h5{font-size: 22px;padding: 40px 0 70px 0;}
#wrap .con_box h5 span{font-size: 9px;padding: 4px 0 0 0;}
#wrap .con_box p{font-size: 14px;line-height: 24px;text-align: left;}
#wrap .con_box p.subject{font-size: 16px;line-height: 24px;color: #090909;padding: 0 0 10px 0;font-weight: 500;}
#wrap .con_box p.title{font-size: 25px;line-height: 31px;text-align: left;margin: 0 0 18px 0;}
#wrap .con_box p.title strong{font-weight: 500;color: #000;}
#wrap .con_box p.left{text-align: left;}
#wrap .con_box p.pc{display: none;}
#wrap .con_box p.mobile{display: block;}

#wrap .con_box .fix_box p{font-size: 16px;color: #fff;font-weight: normal;text-align: center;letter-spacing: 5px;line-height: 300px;}

#wrap .con_box ul.prd{border: 1px solid #f3f3f3;margin: 60px 0 80px 0;}
#wrap .con_box ul.prd:after{display: block;content: '';clear: both;}
#wrap .con_box ul.prd li{float: left;width: 50%;height: 175px;}
#wrap .con_box ul.prd li.even{background: #fff;}
#wrap .con_box ul.prd li .icon{width: 100%;text-align: center;padding: 40px 0 12px 0;height: 60px;}
#wrap .con_box ul.prd li p.tit{font-size: 15px;color: #181818;font-weight: normal;margin-bottom: 2px;}
#wrap .con_box ul.prd li p.txt{font-size: 12px;color: #3a3a3a;line-height: 15px;}
#wrap .con_box ul.prd li.space{display: block;text-align: center;}
#wrap .con_box ul.prd li.space img{width: 110px;margin-top: 80px}

#wrap .con_box#web ul.prd li{height: 200px;}

#wrap .con_box#web ul.prd li.p1 img{width: 56px;}
#wrap .con_box#web ul.prd li.p2 img{width: 56px;}
#wrap .con_box#web ul.prd li.p3 img{width: 28px;}
#wrap .con_box#web ul.prd li.p4 img{width: 62px;}
#wrap .con_box#web ul.prd li.p5 img{width: 56px;}
#wrap .con_box#web ul.prd li.p6 img{width: 56px;}
#wrap .con_box#web ul.prd li.p7 img{width: 56px;}
#wrap .con_box#web ul.prd li.p8 img{width: 56px;}
#wrap .con_box#web ul.prd li.p9 img{width: 56px;}
#wrap .con_box#web ul.prd li.p10 img{width: 56px;}

#wrap .con_box#web ul.prd li.p1{background: #fff;}
#wrap .con_box#web ul.prd li.p2{background: #f3f3f3;}
#wrap .con_box#web ul.prd li.p3{background: #f3f3f3;}
#wrap .con_box#web ul.prd li.p4{background: #fff;}
#wrap .con_box#web ul.prd li.p5{background: #fff;}
#wrap .con_box#web ul.prd li.p6{background: #f3f3f3;}
#wrap .con_box#web ul.prd li.p7{background: #f3f3f3;}
#wrap .con_box#web ul.prd li.p8{background: #fff;}
#wrap .con_box#web ul.prd li.p9{background: #fff;}
#wrap .con_box#web ul.prd li.p10{background: #f3f3f3;}

#wrap .con_box#design ul.prd li.p1 img{width: 52px;}
#wrap .con_box#design ul.prd li.p2 img{width: 43px;}
#wrap .con_box#design ul.prd li.p3 img{width: 68px;}
#wrap .con_box#design ul.prd li.p4 img{width: 69px;}
#wrap .con_box#design ul.prd li.p5 img{width: 43px;}

#wrap .con_box#design ul.prd li.p1{background: #f3f3f3;}
#wrap .con_box#design ul.prd li.p2{background: #fff;}
#wrap .con_box#design ul.prd li.p3{background: #fff;}
#wrap .con_box#design ul.prd li.p4{background: #f3f3f3;}
#wrap .con_box#design ul.prd li.p5{background: #f3f3f3;}

#wrap .con_box#prfilm ul.prd li.p1 img{width: 49px;}
#wrap .con_box#prfilm ul.prd li.p2 img{width: 52px;}
#wrap .con_box#prfilm ul.prd li.p3 img{width: 55px;}
#wrap .con_box#prfilm ul.prd li.p4 img{width: 37px;}
#wrap .con_box#prfilm ul.prd li.p5 img{width: 26px;}

#wrap .con_box#prfilm ul.prd li.p1{background: #f3f3f3;}
#wrap .con_box#prfilm ul.prd li.p2{background: #fff;}
#wrap .con_box#prfilm ul.prd li.p3{background: #fff;}
#wrap .con_box#prfilm ul.prd li.p4{background: #f3f3f3;}
#wrap .con_box#prfilm ul.prd li.p5{background: #f3f3f3;}

#wrap .con_box .btn_box{margin: 0 0 100px 0;}
#wrap .con_box .btn_box ul{width: 100%;margin: 0 auto;}
#wrap .con_box .btn_box ul li{float: left;width: 100%;border: none;margin: 0 0 0 0;margin-bottom: 10px;}
#wrap .con_box .btn_box ul li a{display: block;border: 1px solid #ccc;width: 100%;height: 55px;color: #000;font-size: 14px;font-weight: 500;line-height: 55px;text-align: center;}

#wrap .con_box#contact{padding:0px 0 0 0;}
#wrap .con_box#contact .container{}
#wrap .con_box#contact .contact{}
#wrap .con_box#contact .contact .left{float: none;width: 100%;margin-bottom: 50px;}
#wrap .con_box#contact .contact .right{float: none;width: 100%;}

#wrap .con_box#contact .contact h5{font-size: 35px;letter-spacing: -0.5px;line-height: 38px;}
#wrap .con_box#contact .contact h5 span{font-size: 35px;letter-spacing: -0.5px;}
#wrap .con_box#contact .contact .line{display: block;width: 35px;height: 5px;background: #262626;margin: 15px 0 25px 0;}
#wrap .con_box#contact .contact .left p{text-align: left;}
#wrap .con_box#contact .contact .left p strong{font-weight: normal;}

#wrap .con_box#contact .contact ul li{float: left;width: 100%;margin: 0 0 10px 0;border: 1px solid #fff;}
#wrap .con_box#contact .contact ul li input{width: 99.5%;border: 1px solid #959595;background: #fff;color: #232323;height: 40px;border-radius: 40px;text-indent: 20px;font-size: 14px;font-weight: normal;}
#wrap .con_box#contact .contact ul li input[placeholder]{line-height: 40px;}
#wrap .con_box#contact .contact ul li.long textarea{width: 90%;padding: 20px 5%;}
#wrap .con_box#contact .contact ul li.long{border: none;height: auto;border: none;}

#wrap .con_box#contact .contact .ck_agree{margin: 0 0 40px 0;}

#wrap .con_box#contact .contact .send a{display: block;width: 100%;height: 50px;border: 1px solid #959595;text-align: center;color: #393939;font-size: 22px;font-weight: 500;line-height: 50px;}

#wrap .con_box#contact .map{width:94%;height: 300px;position: relative;overflow: hidden;background: #eee; margin:20px auto 60px auto;}


#wrap .con_box#woori h5{font-size: 26px;color: #464646;font-weight: 100;text-align: left;padding: 50px 0 20px 0;line-height: 32px;letter-spacing: -1px;}
#wrap .con_box#woori h5.pt125{padding: 80px 0 20px 0;}
#wrap .con_box#woori h5 strong{font-size: 22px;font-weight: 600;letter-spacing: -0.5px;}
#wrap .con_box#woori h5 span{display: inline;font-size: 26px;color: #464646;font-weight: normal;padding: 0;letter-spacing: 0;}

#wrap .con_box#woori p.definition{padding: 25px 0 0 0;font-size: 22px;color: #262626;font-weight: normal;line-height: 37px;}
#wrap .con_box#woori .pc{display: none;}
#wrap .con_box#woori .mobile{display: block;}

#wrap .con_box#woori .brand_box{width: 100%;background: #f8f8f8;padding: 70px 0;}
#wrap .con_box#woori .brand_box .padding{padding: 0 40px;}
#wrap .con_box#woori .brand_box h5{padding-top: 0;}
#wrap .con_box#woori .brand_box ul.brand{width: 100%;margin: 0 auto;padding: 30px 0 0 0;}
#wrap .con_box#woori .brand_box ul.brand:after{display: block;content: '';clear: both;}
#wrap .con_box#woori .brand_box ul.brand li{float: none;width: 100%;height: 100%;}
#wrap .con_box#woori .brand_box ul.brand li .box{width: 170px;height: 170px;margin: 0 auto;text-align: center;background: url(../img/s_img/brand_box.png) no-repeat center center;-webkit-background-size: 100%;background-size: 100%;}
#wrap .con_box#woori .brand_box ul.brand li .icon{width: 170px;height: 95px;display: table-cell;vertical-align: bottom;text-align: center;}
#wrap .con_box#woori .brand_box ul.brand li .icon img{margin-top: 0;text-align: center;}
#wrap .con_box#woori .brand_box ul.brand li p{font-size: 18px;color: #545454;font-weight: normal;text-align: center;padding: 12px 0 0 0;}

#wrap .con_box#woori .brand_box ul.brand li.line{height: 50px;margin: 0 auto;margin-top: 10px;margin-bottom: 10px;width: 1px;background: #d7d7d7;}

#wrap .con_box#woori .brand_box ul.brand li.center .box{margin: 0 auto;}
#wrap .con_box#woori .brand_box ul.brand li.right .box{float: none;}

#wrap .con_box#woori ul.prd{margin-bottom: 30px;}
#wrap .con_box#woori ul.prd li{width: 50%;height: 140px;}
#wrap .con_box#woori ul.prd li .icon{padding: 30px 0 12px 0;height: 50px;}

#wrap .con_box#woori ul.prd li.p1{background: #fff;}
#wrap .con_box#woori ul.prd li.p2{background: #f3f3f3;}
#wrap .con_box#woori ul.prd li.p3{background: #f3f3f3;}
#wrap .con_box#woori ul.prd li.p4{background: #fff;}
#wrap .con_box#woori ul.prd li.p5{background: #fff;}
#wrap .con_box#woori ul.prd li.p6{background: #f3f3f3;}
#wrap .con_box#woori ul.prd li.p7{background: #f3f3f3;}
#wrap .con_box#woori ul.prd li.p8{background: #fff;}

#wrap .con_box#woori ul.prd li.p1 img{width: 56px;}
#wrap .con_box#woori ul.prd li.p2 img{width: 56px;}
#wrap .con_box#woori ul.prd li.p3 img{width: 56px;}
#wrap .con_box#woori ul.prd li.p4 img{width: 43px;}
#wrap .con_box#woori ul.prd li.p5 img{width: 42px;}
#wrap .con_box#woori ul.prd li.p6 img{width: 42px;}
#wrap .con_box#woori ul.prd li.p7 img{width: 52px;}
#wrap .con_box#woori ul.prd li.p8 img{width: 58px;}

#wrap .con_box#woori .woori_bg{width: 100%;height: 300px;background: url(../img/p_img/bg_woori.jpg) no-repeat center center;-webkit-background-size: cover;background-size: cover;margin-bottom: 0;}

#wrap .con_box#board .container{width: auto; margin: 0 auto; width:94%; padding : 30px 0px 40px;}

.gall_row .col-gn-3{width:50%}

.bo_v_nb li {float: left;width: 40px;height: 40px;border:1px solid #ccc;text-align: center;margin: 0 8px 0 0;}
.bo_v_nb li a{display: block;width: 100%;height: 40px;color: #000;font-size: 13px;color: #000;line-height: 40px;font-weight: 500;}
.bo_v_nb li .nb_tit{display:inline-block;padding-right:20px;color:#4567b5}
.bo_v_nb li .nb_date{float:right;color:#888}
.bo_v_nb li.btn_prv{background: url(../img/s_img/btn_prev.png) no-repeat 45% center;text-indent: -9999px;-webkit-background-size: 10px;
background-size: 10px;}
.bo_v_nb li.btn_next{background: url(../img/s_img/btn_next.png) no-repeat 55% center;text-indent: -9999px;-webkit-background-size: 10px;
background-size: 10px;}
.bo_v_nb li.btn_list{float: right;width: 100px;margin-right: 0;}

#bo_v_con.mobile{width: 100%;overflow: hidden;}
#bo_v_con.mobile img{width: 160% !important;margin-left: -30%;}


#bo_v_con img {width:100%;height:auto}







/* 20220228 �߰�*/
#wrap .m_bann_wrap{position: absolute;bottom:20px; left:2%;width:98%;height: 50px;z-index: 100;}






#wrap .business_section_new{position: relative;z-index: 3;background: #fff;width: 100%; min-height:700px; background:url(../img/s_img/business_section_bg.jpg) no-repeat 0 0; }
#wrap .business_section_new > .container{position: relative;padding:0px 0 0px 0;width: 100%;min-height:700px;margin: 0 auto;}

#wrap .business_section_new dl.business_new_title{width:100%; margin: 0 auto; }
#wrap .business_section_new dl.business_new_title dt{padding-top:10%; font-size:57px; }
#wrap .business_section_new dl.business_new_title dd.tit{font-size:32px; line-height:1.2; letter-spacing:-0.015em;}
#wrap .business_section_new dl.business_new_title dd.txt{margin-top:60px; font-size:18px; line-height:1.5; }


#wrap .business_section_new dl.business_new_title dd.txt img{padding-left:10px;}
#wrap .business_section_new dl.business_new_title dd.txt img{width:190px;}
#wrap .business_section_new dl.business_new_title dd.business_new_btn{position:absolute; left:0; bottom:60px;}



/*
#bo_gall .gall_img{height: 235px;}
*/
#wrap .main_section h3.main_logo img{width: 250px;}
#wrap .main_section .sub_txt{font-size: 16px;line-height: 22px;padding: 30px 0 0 0;}



.sub4_1_list03_wrap{clear:both; margin:40px 0; padding-top:120px; width:100%; min-height:350px;background: url(../img/s_img/sub4_1_bgcircle.png) no-repeat 0 0; background-size:240px;}
.sub4_1_list03{width:100%; margin:0px auto 0 auto; padding-left:0px;max-width:680px;  height:320px; background: url(../img/s_img/sub4_1_list01_circle_03.png) no-repeat center 0; background-size:100%;;}
.sub4_1_list03 li{float:left; display:inline; width:33.33%; padding-top:65px; margin-right:auto;font-size:16px; }
.sub4_1_list03 li:last-child{margin-right:auto;}
.sub4_1_list03 li.last{padding-top:40px;}



/*TOP*/

.navBtn {display:none; }

#wrap .con_box#contact h6{font-size:18px; line-height:1.5; font-weight:600; text-align:center; padding:20px;}





/* 220307 추가*/
dl.sub4_1_list04{clear:both; width:94%; margin: 0 auto; padding:0px 0 60px 0px;}
dl.sub4_1_list04 dt{font-size:28px; letter-spacing:-0.05em; line-height:1.2;font-family: "NanumSquare", sans-serif; font-weight:300; padding-bottom:40px;}
dl.sub4_1_list04 dt span.pc_cut{display:block;}
dl.sub4_1_list04 dt strong{font-weight:700;}
dl.sub4_1_list04 dd{font-size:18px; letter-spacing:-0.05em;line-height:1.5; font-weight:300;}
dl.sub4_1_list04 dd span.pc_cut{display:block;}




} /* end */


/* 2022.03.30. */
@media (max-width : 768px){
  .visual{display : none;}
  .visual_mo{display : block; height: 100vh; overflow: hidden; position: relative; background-image: url('/file/img/p_img/wooriPro_m.jpg'); background-repeat: no-repeat; background-position: center center; background-size: cover;}
  .visual_mo video{width:100%; object-fit: cover; height: 100%;}
  .visual_mo .video .box{height: 100%;}
  .visual_mo .video .box figure{height: 100%;}
  .visual_mo .bg{}
  #wrap #footer p .m_cut{display : block;}
  #wrap #footer p{font-size: 13px;}
  #wrap #footer p.address{font-size: 13px;}
  div.byiwap{right : 5px !important; bottom : 5px !important;}

    /* main link  */
.main_link{}
.main_link ul{flex-wrap: wrap; padding: 10px 0;}
.main_link ul li{width: 50%; margin: 0; text-align: center;}
.main_link ul li:nth-child(1){margin-bottom: 5px;}
.main_link ul li:nth-child(2){margin-bottom: 5px;}
.main_link ul li img{width : 95%;}

.txt_wrap h2{font-size: 5vw;}
.txt_wrap p{font-size: 3vw;}
}




@media (max-width: 680px) {

#wrap{height: 100%;}
#wrap .video{width: 100%;height: 100%;}
#wrap .video .container{display: none;}
#wrap ul.slider{display: block;width: 100%;height: 100%;background: #000;}
#wrap ul.slider li{width: 100%;height: 100%;}
#wrap ul.slider li.s1{background: url(../img/p_img/main_s_visual1.jpg) no-repeat center 100%;-webkit-background-size: cover;background-size: cover;}
#wrap ul.slider li.s2{background: url(../img/p_img/main_s_visual2.jpg) no-repeat center 100%;-webkit-background-size: cover;background-size: cover;}
#wrap ul.slider li.s3{background: url(../img/p_img/main_s_visual3.jpg) no-repeat center 100%;-webkit-background-size: cover;background-size: cover;}
#wrap ul.slider li.s4{background: url(../img/p_img/main_s_visual4.jpg) no-repeat center 100%;-webkit-background-size: cover;background-size: cover;}
#wrap ul.slider li.s5{background: url(../img/p_img/main_s_visual5.jpg) no-repeat center 100%;-webkit-background-size: cover;background-size: cover;}
#wrap ul.slider li.s6{background: url(../img/p_img/main_s_visual6.jpg) no-repeat center 100%;-webkit-background-size: cover;background-size: cover;}
#wrap ul.slider li.s7{background: url(../img/p_img/main_s_visual7.jpg) no-repeat center 100%;-webkit-background-size: cover;background-size: cover;}
#wrap ul.slider li.s8{background: url(../img/p_img/main_s_visual8.jpg) no-repeat center 100%;-webkit-background-size: cover;background-size: cover;}
#wrap ul.slider li.s9{background: url(../img/p_img/main_s_visual9.jpg) no-repeat center 100%;-webkit-background-size: cover;background-size: cover;}
/*
#bo_gall .gall_img{height: 200px;}
*/
#bo_gall .gall_con .gall_text_href{top: 35px;left: 25px;}

#bo_gall .bo_tit span.tit{font-size: 16px;color: #fff;font-weight: 500;padding: 0 0 7px 0;}
#bo_gall .bo_tit span.txt{font-size: 12px;color: #fff;font-weight: 300;letter-spacing: 0.5px;}
#bo_gall .bo_tit span.line{width: 24px;height: 2px;background: #fff;margin: 10px 0 0 0;}






/* 20220228 */
#wrap .m_bann_wrap{position: absolute;bottom:0px; left:2%;width:98%;height: 40px;z-index: 100;}



#wrap .business_section_new{position: relative;z-index: 3;background: #fff;width: 100%; min-height:400px; background:url(../img/s_img/business_section_bg.jpg) no-repeat 0 0; }
#wrap .business_section_new > .container{position: relative;padding:0px 0 0px 0;width: 100%;min-height:400px;margin: 0 auto;}

#wrap .business_section_new dl.business_new_title{width:94%; margin: 0 auto; }
#wrap .business_section_new dl.business_new_title dt{padding-top:60px; font-size:38px;letter-spacing:-0.015em; }
#wrap .business_section_new dl.business_new_title dd.tit{font-size:21px; line-height:1.5; letter-spacing:-0.015em;}
#wrap .business_section_new dl.business_new_title dd.txt{margin-top:40px; font-size:18px; line-height:1.4; }
#wrap .business_section_new dl.business_new_title dd.txt strong{display:block;}

#wrap .business_section_new dl.business_new_title dd.txt img{padding-left:0px;}
#wrap .business_section_new dl.business_new_title dd.txt img{width:140px;}
#wrap .business_section_new dl.business_new_title dd.business_new_btn{position:absolute; left:20px; bottom:20px; }
#wrap .business_section_new dl.business_new_title dd.business_new_btn img{width:160px;}


/* 20220228 */
#wrap .con_box#woori_new{ padding-bottom:40px;}
#wrap .con_box#woori_new > .container{position: relative;padding:0px 0 0px 0;width: 100%;min-height:730px;margin: 0 auto;}

/*220228상단 타이틀*/
.top_tit_wrap{clear:both; margin: 0 auto; padding:120px 0 50px 0; }
.top_tit_wrap dl.top_tit_list{width:94%; max-width:1200px; margin:0 auto;}
.top_tit_wrap dt{font-size:48px; }
.top_tit_wrap dd.tit{font-size:28px; margin:40px 0 40px 0;}
.top_tit_wrap dd.txt{font-size:15px; }
.top_tit_wrap dd.txt span.pc_cut{display:inline;}

.top_tit_wrap dd.tit02{font-size:20px; margin:40px 0 20px 0;letter-spacing:-0.05em; }
.top_tit_wrap dd.txt02{font-size:15px; line-height: 1.5; letter-spacing: -0.05em;}
.top_tit_wrap dd.txt02 span.pc_cut{display:inline;}


/*220301 홍보영상 상단 타이틀*/
.top_tit_wrap02{clear:both; margin: 0 auto; padding:120px 0 50px 0; }
.top_tit_wrap02 dl.top_tit_list02{width:94%; max-width:1200px; margin:0 auto;}
.top_tit_wrap02 dt{font-size:48px; }
.top_tit_wrap02 dt strong{display:block;}
.top_tit_wrap02 dd.tit{font-size:18px; margin:40px 0 20px 0; letter-spacing:-0.05em;}
.top_tit_wrap02 dd.tit strong{display:block;font-size:22px; line-height:1.5; }

.top_tit_wrap02 dd.txt{font-size:15px; letter-spacing:-0.05em;}
.top_tit_wrap02 dd.txt span.pc_cut{display:block;}
.top_tit_wrap02 dd.ya{margin-top:40px;}
.top_tit_wrap02 dd.ya img{width:220px;}

dl.btn_video{margin:0 auto; width:94%; }
dl.btn_video dd{margin:10px 0 0 28px; font-size:20px; }
dl.btn_video dt img{width:160px;}








/*이미지박스*/
.fix_box_lab{clear:both;width: 100%;height:200px;margin: 0 0 0px 0;}
.fix_box_lab{background: url(../img/s_img/bg_fix_box_lab.jpg) no-repeat center top; background-size:100%; background-attachment: scroll;}
/* 20220228 */


dl.sub4_1_list01{ width:94%; margin: 0 auto; padding:20px 0 40px 0;  }
dl.sub4_1_list01 dt{font-size:28px; letter-spacing:-0.05em; line-height:1.4; }

dl.sub4_1_list01 dd.txt{padding:30px 0 30px 0; }
dl.sub4_1_list01 dd.txt li{width:100%; float:left; display:inline; padding-bottom:30px; margin-bottom:30px; background: url(../img/s_img/sub4_1_lis01_bar.gif) no-repeat 0 bottom; }
dl.sub4_1_list01 dd.txt li dt{font-size:28px; line-height:1.4; }
dl.sub4_1_list01 dd.txt li dd{padding-top:20px; font-size:15px;line-height:1.5; letter-spacing: -0.05em;}
dl.sub4_1_list01 dd.txt li dd span.pc_cut{display:inline;}
dl.sub4_1_list01 dd.txt{padding-bottom:30px; }


dl.sub4_1_list02{clear:both; width:94%; margin: 0 auto; }
dl.sub4_1_list02 dt{padding:30px 0 40px 0;font-size:28px; letter-spacing: -0.05em;}
dl.sub4_1_list02 dd.tit{font-size:28px; line-height:1.4; letter-spacing: -0.05em;}
dl.sub4_1_list02 dd.tit span.pc_cut{display:inline;}
dl.sub4_1_list02 dd.tit span.m_cut{display:block;}
dl.sub4_1_list02 dd.txt{margin-top:40px;font-size:15px;  line-height:1.6;}
dl.sub4_1_list02 dd.txt span.pc_cut{display:inline;}
dl.sub4_1_list02 dd.txt em.un_line{text-decoration: underline; font-weight:300; }


.sub4_1_list03_wrap{clear:both; margin:40px 0; padding-top:50px; width:100%; min-height:240px;background: url(../img/s_img/sub4_1_bgcircle.png) no-repeat 0 0; background-size:180px;}
.sub4_1_list03{width:100%; margin:0px auto 0 auto; padding-left:0px;max-width:680px;  height:240px; background:none; }
.sub4_1_list03 li{float:left; display:inline; width:33.33%; padding-top:70px; margin-right:auto;font-size:12px; line-height:1.2; letter-spacing:-0.075em;}
.sub4_1_list03 li:last-child{margin-right:auto;}
.sub4_1_list03 li.last{padding-top:70px;}
.sub4_1_list03 li span{padding-top:40px;width:120px; height:80px; display:block;background:#fff; border:1px solid #000; border-radius:50%;}
.sub4_1_list03 li.last span{padding-top:20px;width:120px; height:100px; display:block;background:#fff; border:1px solid #000; border-radius:50%;}




/* 220307 추가*/
dl.sub4_1_list04{clear:both; width:94%; margin: 0 auto; padding:40px 0 0px 0px;}
dl.sub4_1_list04 dt{font-size:24px; letter-spacing:-0.05em; line-height:1.4;font-family: "NanumSquare", sans-serif; font-weight:300; padding-bottom:40px;}
dl.sub4_1_list04 dt span.pc_cut{display:block;}
dl.sub4_1_list04 dt strong{font-weight:700;}
dl.sub4_1_list04 dd{font-size:15px; letter-spacing:-0.05em;line-height:1.5; font-weight:300;}
dl.sub4_1_list04 dd span.pc_cut{display:inline;}



#wrap .con_box#contact .contact h5{font-size: 28px;letter-spacing: -0.05em;line-height: 1.2;}
#wrap .con_box#contact .contact h5 span{font-size: 28px;letter-spacing: -0.05em;}
#wrap .con_box#contact .contact .line{display: block;width: 28px;height: 5px;background: #262626;margin: 15px 0 25px 0;}
#wrap .con_box#contact .contact .left p{text-align: left;}
#wrap .con_box#contact .contact .left p strong{font-weight: normal;}


/*온라인 문의*/
#wrap .con_box#contact .contact .ck_content .padding{border: 1px solid #959595;padding: 30px 20px 20px 20px;border-radius: 20px;}
#wrap .con_box#contact .contact .ck_content p.title{font-size: 20px;}


}/* end*/




@media (max-width: 620px) {
/*
#bo_gall .gall_img{height: 144px; }
#bo_gall .gall_img:hover{height: 144px; }
*/

/*#bo_gall .gall_img{height: 200px;}*/
}
/*
@media (max-width: 580px) {
#bo_gall .gall_img{height: auto;}

}
*/
@media (max-width: 480px) {
/*
#bo_gall .gall_img{height: auto;}*/
.gall_row .col-gn-3{width:50%}

#bo_gall .bo_tit span.tit{font-size: 18px;padding: 0 0 7px 0;}
#bo_gall .bo_tit span.txt{font-size: 12px;letter-spacing: 0.5px;}
#bo_gall .bo_tit span.line{width: 28px;height: 2px;margin: 10px 0 0 0;}

#wrap .main_section .container{padding-top: 28%}
#wrap .main_section h3.main_logo img{width: 150px;}
#wrap .main_section .sub_txt{font-size: 14px;line-height: 18px;padding: 15px 0 0 0;}
dl.sub4_1_list01 dt{font-size: 28px;}
}
/*
@media (max-width: 440px) {
#bo_gall .gall_img{height: auto;}

}

@media (max-width: 400px) {
#bo_gall .gall_img{height: auto;}

}

@media (max-width: 380px) {
#bo_gall .gall_img{height: auto;}

}

@media (max-width: 360px) {
#bo_gall .gall_img{height: auto;}

}

@media (max-width: 340px) {
#bo_gall .gall_img{height: auto;}

}

@media (max-width: 320px) {
#bo_gall .gall_img{height: auto;}

}*/