@charset "utf-8";
@import url(./nomalize.css);
@import url(./reset.css);
@import url(./tab.css);

html, body{width: 100%;height: 100%;}
body.index{}
#wrap{width: 100%;height: 100%;position: relative;}



/* 2022.04.06. 메인텍스트 추가 */
.txt_wrap{position : absolute; z-index: 100; top: 350px; left: 6%; color : #fff;}
.txt_wrap h2{font-size: 55px; margin-bottom: 16px; line-height: 1.1;}
.txt_wrap p{font-size: 28px; font-weight: 300;}

.visual_mo{display : none;}

.scroll_elem{opacity : 0; transform: translateY(20px); transition: 1s;}
.scroll_up{opacity: 1; transform: translateY(0);}
.delay03{transition-delay: 0.3s;}
.delay06{transition-delay: 0.6s;}
.delay09{transition-delay: 0.9s;}

.scroll_elem_right{opacity: 0; transform: translateX(-50px); transition: 1s;}
.scroll_right{opacity: 1;transform: translateX(0);}

/* main link icon 2022.04.06. */
.main_link{position : absolute; bottom : 0px; z-index: 100; width : 100%; background: #ebebeb; box-sizing: border-box;}
.main_link ul{display : flex; justify-content: center; padding: 19px 0;}
.main_link ul li{margin-right: 40px;}
.main_link ul li:last-child{margin-right: 0;}

/* 2022.02.21. 우리프로 메인페이지 리뉴얼 */
nav{}
nav ul{display : flex;}
nav ul li{ margin-left: 40px;}
nav ul li:first-child{margin-left: 0;}
nav ul li a{ font-size: 18px; color : #fff;}
nav.sub ul li a{ font-size: 18px; color : #111;}
nav.sub ul li.on a{ color : #d71920;}



.index nav ul li a{ font-size: 18px; color : #fff;}
.sub nav ul li a{ font-size: 18px; color : #111;}
.sub nav ul li.on a{ font-size: 18px; color : #d71920;}

.topList{margin-top:0; float:right; text-align:right;  display:inline;  /*transform:translate(-50%, -50%);*/ font-size: 18px; word-break: break-all; }
.topList:after { display:block; width:100%;  content:"";}

.topList li{ float:left; display:inline; margin:0 0px; padding:0 0 0 40px;}
.topList li a{color:#333; font-weight:600; font-size:18px;}
.topList li a:hover{color:#be1e2d;}
.topList li.on a{color:#be1e2d;}


.menu_open_btn{display : none;}
#wrap #header a.menu_open_btn{position: absolute; top: 25px;right: 30px;width: 40px;z-index: 202;}
.top_btn{display : flex; justify-content: flex-end; padding : 0 70px;}
.top_btn ul{display : flex;}
.top_btn ul li{}
.top_btn ul li a{ font-family: "Montserrat", sans-serif;font-weight:500;display : inline-block; padding : 0 14px; height: 25px; line-height: 25px;}
.top_btn ul li:first-child a{background: #d71920; color : #fff;}
.top_btn ul li:last-child a{background: #000; color : #fff;}
.mobile_menu{display : none;}

.bottom{  width: 100%; margin-top: 20px;}
.bottom:after{display: block;content: '';clear: both;}
.bottom li{display:inline; float:left; border-bottom : none !important; line-height: 1.5 !important; width:50%; text-align:center; padding:0;}
.bottom li:after{display: block;content: '';clear: both;}
.bottom li a{ display:inline-block; padding :10px 0; color : #fff; font-size: 13px; text-align:center; letter-spacing:-0.05em;}
.bottom li:first-child a{background: #d71920;}
.bottom li:last-child a{background: #000;}
.bottom li:first-child{background: #d71920;}
.bottom li:last-child{background: #000;}

.close_btn{cursor: pointer;}
.close_btn img{width : 23px;}

@media (max-width : 991px){
  .menu_open_btn{display : block;}
  .mobile_menu{display : block; position : fixed; right : -300px; z-index: 600; background: #fff; height : 100%; width : 300px; padding : 20px 20px 0 20px; box-sizing: border-box; border-left : 1px solid #ccc; transition : 0.3s;}
  .mobile_menu.on{right : 0px;}
  .mobile_menu .top{margin-bottom: 40px; display : flex; justify-content: space-between;}
  .mobile_menu .top .m_logo a img{width : 130px;}
  .mobile_menu .top .close_btn{}

  .mobile_menu ul{}
  .mobile_menu ul li{line-height: 50px; font-size: 18px; border-bottom : 1px solid #ccc;}
  .mobile_menu ul li a{display : inline-block; width :100%;}




}

@media (max-width : 780px){
  #wrap #header a.menu_open_btn{right: 15px;}
}
/* 2022.02.21. 우리프로 메인페이지 리뉴얼 End */
/* header */
#wrap #header{position: fixed;width: 100%;z-index: 500; border-bottom: 1px solid #f1f1f1; }

#wrap #header .container{display : flex; width : 100%; height: 79px; justify-content: space-between; align-items: flex-end;  padding : 0 70px; box-sizing: border-box; padding-bottom: 20px;}
/* #wrap #header .container:after{display: block;content: '';clear: both;} */
#wrap #header h1.logo{}

/* 220228 추가*/
.index .logo_sub{display:none;}
.index .logo{display:block;}
.sub .logo_sub{display:block;}
.sub .logo{display:none;}
.sub #header{background:#fff;}

#wrap #header h1.logo:after{display: block;content: '';clear: both;}
#wrap #header h1.logo strong{}
#wrap #header h1.logo strong img{}
#wrap #header h1.logo strong #bk{opacity: 0;}
#wrap #header h1.logo span{float: left;display: block;padding: 0 0 0 10px;width: 105px;height: 35px;line-height: 35px;font-size: 16px;color: #fff;font-weight: normal;letter-spacing: 1.5px;}
#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: #fff;}
#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{}

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

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



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



#wrap .snb{width: 100%;}
/*#wrap .snb.fixed{position: fixed;top: 0;left: 0;padding-bottom: 50px;}*/
#wrap .snb ul{width: 1200px;margin: 0 auto;padding: 50px 0;}
#wrap .snb ul:after{display: block;content: '';clear: both;}
#wrap .snb ul li{position: relative;float: left;margin: 1px 45px 0 0;}
#wrap .snb ul li a{display: block;font-size: 18px;color: #b2b2b2;font-weight: 300;padding: 11px 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 #header .snb{display: none;}



#wrap .snb02{width: 100%;}
/*#wrap .snb.fixed{position: fixed;top: 0;left: 0;padding-bottom: 50px;}*/
#wrap .snb02 ul{width: 1200px;margin: 0 auto;padding: 50px 0;}
#wrap .snb02 ul:after{display: block;content: '';clear: both;}
#wrap .snb02 ul li{position: relative;float: left;margin: 1px 45px 0 0;}
#wrap .snb02 ul li a{display: block;font-size: 18px;color: #b2b2b2;font-weight: 300;padding: 11px 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 #header .snb02{display: none;}




/* #wrap #header h1.logo strong{
	-webkit-transition:all 1s ease-in-out;
	-moz-transition:all 1s ease-in-out; 
	-o-transition:all 1s ease-in-out; 
	-ms-transition:all 1s ease-in-out;  
	transition:all 1s ease-in-out;  
} */
/* #wrap #header h1.logo strong:hover{
	-webkit-transform:rotate(180deg);
	-moz-transform:rotate(180deg);
	-o-transform:rotate(180deg);
	-ms-transform:rotate(180deg);
	transform:rotate(180deg);  
} */

/* #wrap #header a.menu_open_btn:hover span.icon span.line.l1 {
  -webkit-animation: burger-hover-a 1s infinite ease-in-out alternate;
          animation: burger-hover-a 1s infinite ease-in-out alternate;
}
#wrap #header a.menu_open_btn:hover span.icon span.line.l2 {
  -webkit-animation: burger-hover-b 1s infinite ease-in-out alternate forwards 200ms;
          animation: burger-hover-b 1s infinite ease-in-out alternate forwards 200ms;
          margin: 11px 0;
}
#wrap #header a.menu_open_btn:hover span.icon span.line.l3 {
  -webkit-animation: burger-hover-c 1s infinite ease-in-out alternate forwards 250ms;
          animation: burger-hover-c 1s infinite ease-in-out alternate forwards 250ms;
} */

@-webkit-keyframes burger-hover-a {
  0% {width: 35px;}
  50% {width: 10px;}
  100% {width: 35px;}
}

@keyframes burger-hover-a {
  0% {width: 35px;}
  50% {width: 10px;}
  100% {width: 35px;}
}

@-webkit-keyframes burger-hover-b {
  0% {width: 32px;}
  50% {width: 25px;margin-left: 14px;}
  100% {width: 32px;}
}

@keyframes burger-hover-b {
  0% {width: 32px;}
  50% {width: 25px;margin-left: 14px;}
  100% {width: 32px;}
}

@-webkit-keyframes burger-hover-c {
  0% {width: 39px;}
  50% {width: 15px;}
  100% {width: 39px;}
}

@keyframes burger-hover-c {
  0% {width: 39px;}
  50% {width: 15px;}
  100% {width: 39px;}
}
/* header */

#wrap #gnbBg{position: fixed;top: 0;right: 0;width: 0;height: 0;border-radius: 50%;background: #f5f4f4;z-index: 1400;}
#wrap #gnbBox{display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 1500;}
#wrap #gnbBox .padding{position: relative;margin: 50px;}
#wrap #gnbBox a#menuClose{position: absolute;top: 0;right: 0;z-index;}
#wrap #gnbBox ul.gnb{padding: 10% 0 40px 0;width: 410px;margin: 0 auto;}
#wrap #gnbBox ul.gnb li{position: relative;width: 100%;margin: 0 0 38px 0;}
#wrap #gnbBox ul.gnb li a{position: relative;z-index: 2;display: block;width: 100%;font-size: 35px;color: #101010;font-weight: 500;text-align: center;letter-spacing: -0.5px;height: 45px;}
#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.on a{color: #b70006;}
#wrap #gnbBox ul.gnb li.on span.line{display: block;}

#wrap #gnbBox a#menuClose img{
	-webkit-transition:all 1s ease-in-out;
	-moz-transition:all 1s ease-in-out; 
	-o-transition:all 1s ease-in-out; 
	-ms-transition:all 1s ease-in-out;  
	transition:all 1s ease-in-out;  
}
#wrap #gnbBox a#menuClose:hover img{
	-webkit-transform:rotate(180deg);
	-moz-transform:rotate(180deg);
	-o-transform:rotate(180deg);
	-ms-transform:rotate(180deg);
	transform:rotate(180deg);  
}

#wrap #gnbBox ul.gnb li:hover span.line{ 
	-webkit-animation: gnb_line 1s ease-in-out alternate;
    animation: gnb_line 1s ease-in-out alternate;
}

@-webkit-keyframes gnb_line {
  0% {width: 0%;}
  100% {width: 100%;}
}

@keyframes gnb_line {
  0% {width: 0%;}
  100% {width: 100%;}
}

#wrap #gnbBox ul.social{width: 200px;margin: 0 auto;padding-bottom: 32px;}
#wrap #gnbBox ul.social:after{display: block;content: '';clear: both;}
#wrap #gnbBox ul.social li{float: left;width: 58px;height: 58px;margin: 0 13px 0 0;}
#wrap #gnbBox ul.social li a{display: block;width: 100%;height: 100%;}
#wrap #gnbBox ul.social li.home{background: url(../img/s_img/gnb_social1.png) no-repeat center center;}
#wrap #gnbBox ul.social li.facebook{background: url(../img/s_img/gnb_social2.png) no-repeat center center;}
#wrap #gnbBox ul.social li.blog{background: url(../img/s_img/gnb_social3.png) no-repeat center center;margin-right: 0;}



#wrap #gnbBox p{font-size: 20px;font-weight: normal;color: #101010;letter-spacing: -0.2px;text-align: center;line-height: 28px;}
#wrap #gnbBox p strong{font-weight: normal;color: #505050;}

#wrap .visual{position: relative;z-index: 1;width: 100%;height: 100%;background: url(../img/p_img/main_visual1_pc.jpg) no-repeat center center;-webkit-background-size: cover;background-size: cover;}
#wrap .visual .bg{position: absolute;z-index: 2;width: 100%; /*background: url(../img/s_img/video_cover.png) repeat;*/}

#wrap .visual .video{z-index: 1;top: 0;left: 0;width: 100%;height: 100%;overflow: hidden;}
#wrap .visual .video .box{ position: relative; overflow: hidden; max-width: 100%; height: 100%; } 
#wrap .visual .video .box .bg{display: block; }
#wrap .visual .video .box iframe{position: absolute;z-index: 1;top: -5%; left: -5%; width: 110%; height: 110%;display: none;}

#wrap .visual .video .box figure{position: absolute;z-index: 1;top: 0%; left: 0%; width: 100%; height: 100%;}
#wrap .visual .video .box figure video{min-width : 100%; min-height : 100%; width : auto; height: auto; position :absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}


#wrap .main_section{display:none; position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 100;}
#wrap .main_section .container{position: relative;z-index :2;text-align: center;height: 79%;}
#wrap .main_section h3.main_logo{position: relative;z-index: 3;}
#wrap .main_section .sub_txt{position: relative;z-index: 3;font-size: 21px;color: #fff;font-weight: 500;padding: 25px 0 0 0;line-height: 28px;}
#wrap .main_section .scroll_down{display:none; position: absolute;bottom: 50px;width: 100%;}
#wrap .main_section .scroll_down .icon{text-align: center;}




#wrap #content{position: relative;}

#wrap .business_section{position: relative;z-index: 3;background: #fff;width: 100%;}
#wrap .business_section > .container{padding:120px 0 100px 0;width: 1200px;margin: 0 auto;}
#wrap .business_section h4{font-size: 50px;color: #3d3d3d;text-align: center;font-weight: 500;letter-spacing: 0.5px;margin-bottom: 15px;}
#wrap .business_section .sub_txt{font-size:18px;color: #3d3d3d;font-weight: 300;padding: 0 0 60px 0;line-height: 28px;text-align: center;}

#wrap .business_section .sub_txt span.pc_cut{display:block;}



/*문주 21.05.25*/


#wrap .business_section h4 strong{font-size:60px;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:17px; 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:100%; max-width:243px;}
#wrap .business_section ul.circle_wrap li dd.tit{color:#c1272c; font-size:24px; letter-spacing:-0.05em; font-weight:600; margin:25px 0 15px 0;font-family:'NanumS', 'Malgun Gothic', '맑은 고딕', Dotum, '돋움', Gulim, '굴림', sans-serif;  }
#wrap .business_section ul.circle_wrap li dd.txt{font-size:16px; line-height:22px; color:#555; font-weight:400;  letter-spacing:-0.05em;font-family:'NanumS', 'Malgun Gothic', '맑은 고딕', Dotum, '돋움', Gulim, '굴림', sans-serif; }
#wrap .business_section ul.circle_wrap li dd span.pc_cut{display:block;}


#wrap .business_section ul.business_box{padding: 0 20px;background: #ebebeb;}
#wrap .business_section ul.business_box:after{display: block;content: '';clear: both;}
#wrap .business_section ul.business_box li{position: relative;float: left;width: 32.25%;height: 420px;padding: 20px 0 0 0;background: #ebebeb;}
#wrap .business_section ul.business_box li.center{width: 35.5%;}
#wrap .business_section ul.business_box li.center .container{margin: 0 20px;background: #fff;}
#wrap .business_section ul.business_box li .container{position: relative;padding: 75px 0 0 0;background: #fff;height: 325px;text-align: center;}
#wrap .business_section ul.business_box li h5{font-size: 30px;color: #0f0f0f;font-weight: 500;letter-spacing: -0.5px;text-align: center;padding: 0 0 40px 0;}
#wrap .business_section ul.business_box li ul.b_list{width: auto;padding: 0;}
#wrap .business_section ul.business_box li ul.b_list li{float: none;width: 100%;height: auto;text-align: center;font-size: 16px;color: #606060;font-weight: 300;line-height: 24px;padding: 0;background: #fff;}
#wrap .business_section ul.business_box li .more{position: absolute;bottom: 65px;left: 0;width: 100%;text-align: center;font-size: 14px;color: #000;}
#wrap .business_section ul.business_box li .more a{font-size: 14px;color: #000;transition: all 1s ease 0s; -webkit-transition: all 1s ease 0s;}

#wrap .business_section ul.business_box li .side{display: none;position: absolute;z-index: 1;width: 20px;height: 440px;background: #b70006;}
#wrap .business_section ul.business_box li .side.left{top: 0;left: -20px;}
#wrap .business_section ul.business_box li .side.right{top: 0;right: -20px;}
#wrap .business_section ul.business_box li .s_bullet{display: none;position: absolute;bottom: -23px;left: 0;z-index: 2;width: 100%;height: 23px;background: url(../img/s_img/bullet_main_business.png) no-repeat center center;}

#wrap .business_section ul.business_box li.on{background: #b70006;}
#wrap .business_section ul.business_box li.on .container{background: #b70006;}
#wrap .business_section ul.business_box li.on h5{color: #fff;}
#wrap .business_section ul.business_box li.on ul.b_list li{color: #d8d8d8;background: #b70006;}
#wrap .business_section ul.business_box li.on .more a{color: #fff;transition: all 1s ease 0s; -webkit-transition: all 1s ease 0s;}
#wrap .business_section ul.business_box li.on .side{display: block;}
#wrap .business_section ul.business_box li.on .s_bullet{display: block;}

#wrap .portfolio_section{width: 100%; max-width:1200px; margin:0 auto; margin-bottom:100px;}
#wrap .portfolio_section .container{width: 100%;}
#wrap .portfolio_section ul.portfolio{display: block;}
#wrap .portfolio_section ul.portfolio.on{display: block;}
#wrap .portfolio_section ul.portfolio:after{display: block;content: '';clear: both;}
#wrap .portfolio_section ul.portfolio li{position: relative;float: left;width:33.3333%;height:auto;}
#wrap .portfolio_section ul.portfolio li .img_box{position: absolute;top: 0;left: 0;z-index: 1;width: 100%;height: 100%;overflow: hidden;background: #000;}
#wrap .portfolio_section ul.portfolio li .img_box img{width: 100%;height: 100%;min-width: 400px;min-height: 400px;transition: all 1s ease 0s; -webkit-transition: all 1s ease 0s;}
#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#design li.on .img_box img{width: 100%;height: 100%;}
#wrap .portfolio_section ul.portfolio li .padding{display:none;position: relative;z-index: 2;padding: 60px 50px;}
#wrap .portfolio_section ul.portfolio li p.subject{display:none; font-size: 22px;line-height: 28px;font-weight: 500;color: #fff;padding: 0 0 10px 0;}
#wrap .portfolio_section ul.portfolio li p.info{display:none; color: #d9d9d9;font-weight: 300;font-size: 13px;padding: 0 0 10px 0;}
#wrap .portfolio_section ul.portfolio li span.line{display:none !important; display: block;width: 28px;height: 2px;background: #fff;}



#wrap .portfolio_section ul.portfolio li a img{width:100% !important; height:auto !important; max-width:400px !important; }




#wrap #footer{clear:both; position: relative;width: 100%; background: #000;}
#wrap #footer .container{width:1200px; margin:0 auto; text-align: left;padding:30px 20px 40px; overflow : hidden;}
#wrap #footer h2.copy_logo{margin-bottom: 8px;}
#wrap #footer p{color : #fff; line-height: 1.5; font-size: 15px; font-weight: 300;}
#wrap #footer p .pc_cut{display : block;}
#wrap #footer p.address{color: #fff;font-size: 15px;font-weight: 300; line-height:1.5;}
#wrap #footer p.address.mobile{display: none;}
#wrap #footer p.copyright{font-family: 'Myriad Pro', sans-serif; color: #b7b7b7;font-size: 14px;font-weight: 300;padding: 65px 0 0 0;}
#wrap #footer p.address strong{}
#wrap #footer p.contac{font-size:16px; color:#fff; font-family: 'Raleway', sans-serif;font-weight:500; letter-spacing: 0em;}
#wrap #footer p.contac strong{font-weight:700; text-decoration: underline; padding-right:5px;}
#wrap #footer p.contac strong.fax{padding-left:10px; }
#wrap #footer p.privacy{padding: 0px 0 0 0;}
#wrap #footer p.privacy a{color: #fff;font-weight: 500;font-size: 16px;}

#wrap #footer #btnTop{position: absolute;top: -40px;left: 0;z-index: 2;width: 100%;height: 88px;}
#wrap #footer #btnTop a{display: block;width: 88px;height: 88px;margin: 0 auto;}

#wrap #footer .food_add{float:left; display:inline; text-align:left;}
#wrap #footer ul.sns{float:right; display:inline; width:50%; max-width:193px; text-align:right;}
#wrap #footer ul.sns li{float:left; display:inline;margin:0 0 0 17px;}





#wrap #bgContact{position: fixed;top: 0;left: -100%;width: 100%;height: 100%;background: url(../img/s_img/bg_contact.png) repeat;z-index: 500;}
#wrap #contactUs{position: fixed;top: 0;right: -835px;width: 835px;height: 100%;background: #000;z-index: 600;}
#wrap #contactUs .padding{padding: 100px 50px 0 50px;}
#wrap #contactUs h5{color: #fff;font-weight: 500;font-size: 30px;padding: 25px 0 45px 0;}
#wrap #contactUs ul{}
#wrap #contactUs ul:after{display: block;content: '';clear: both;}
#wrap #contactUs ul li{float: left;width: 360px;margin: 0 15px 15px 0;}
#wrap #contactUs ul li.last{margin-right: 0;}
#wrap #contactUs ul li input{width: 100%;border: 1px solid #fff;background: transparent;color: #fff;height: 45px;border-radius: 47px;text-indent: 24px;font-size: 16px;}
#wrap #contactUs ul li.long{width: 100%;margin-right: 0;}
#wrap #contactUs ul li.long textarea{background: transparent;width: 690px;border: 1px solid #ccc;color: #fff;font-size: 16px;line-height: 22px;height: 145px;border-radius: 20px;padding: 20px;}

#wrap #contactUs ul li.file{position: relative;}
#wrap #contactUs ul li.file input[type="text"]#userfile1{width: 100%;height: 43px;border-radius: 43px;}
#wrap #contactUs ul li.file .file_input_div{position: absolute;top: 0;right: -1px;overflow: hidden;width: 93px;border: 0;height: 45px;}
#wrap #contactUs ul li.file .file_input_div .file_box{position: relative;width: 100%;height: 47px;}
#wrap #contactUs ul li.file .file_input_div input.file_input_hidden{position: absolute;top: 0;right: 0px;filter: alpha(opacity=0);-ms-filter: "alpha(opacity=0)";-khtml-opacity: 0;-moz-opacity: 0;width: 100%;opacity: 0;height: 47px;padding: 0;border: none;border-radius: 0;}
#wrap #contactUs ul li.file .file_input_div input.file_input_button{position: absolute;top: 0;right: 0px;width: 100%;border: 0;height: 47px;color: #fff;font-weight: 500;font-size: 17px;text-align: center;background: url(../img/s_img/btn_file.png) no-repeat center 0;padding: 0;border: none;border-radius: 0;text-indent: -9999px;}

#wrap #contactUs .ck_content{display: none;position: fixed;z-index: 9999;top: 30%;right: 40px;width: 760px;margin: 0 auto;float: none;padding: 20px 0;}
#wrap #contactUs .ck_content .padding{position: relative;border: 1px solid #fff;padding: 40px 40px 30px 40px;border-radius: 20px;background: #282828;}
#wrap #contactUs .ck_content p.title{font-size: 24px;color: #fff;margin-bottom: 20px;}
#wrap #contactUs .ck_content ul{width: 100%;margin: 0;}
#wrap #contactUs .ck_content ul li{float: none;width: 100%;text-align: left;}
#wrap #contactUs .ck_content ul li p{text-align: left;color: #fff;line-height: 1.4;}
#wrap #contactUs .ck_content ul li p.tit{margin-bottom: 5px;}
#wrap #contactUs .ck_content ul li p.txt{padding: 0 0 0 15px;}
#wrap #contactUs .ck_content ul li p.txt.bullet{padding: 0 0 0 27px;background: url(../img/s_img/ck_agree_bullet.png) no-repeat 15px 11px;}
#wrap #contactUs .ck_content a.btn{display: block;width: 160px;margin: 0 auto;margin-top: 40px;margin-bottom: 10px;height: 40px;line-height: 40px;background: #b70005;font-size: 18px;color: #fff;font-weight: 600;text-align: center;}
#wrap #contactUs .ck_content a.close{position: absolute;top: 30px;right: 30px;display: block;width: 41px;height: 41px;background: #fff;text-indent: -9999px;background: url(../img/s_img/popup_close_wh.png) no-repeat center center;}

#wrap #contactUs .ck_agree{margin: 0 0 40px 0;}
#wrap #contactUs .ck_agree:after{display: block;content: '';clear: both;}
#wrap #contactUs .ck_agree span{}
#wrap #contactUs .ck_agree span.ck_box{float: left;display: block;width: 16px;margin-right: 5px;height: 16px;border: 1px solid #fff;cursor: pointer;}
#wrap #contactUs .ck_agree span.ck_box.on{background: url(../img/s_img/ck_box_on_wh.png) no-repeat center center;}
#wrap #contactUs .ck_agree p{float: left;color: #fff;line-height: 16px;}

#wrap #contactUs .send{}
#wrap #contactUs .send a{display: block;width: 100%;height: 65px;border: 1px solid #fff;text-align: center;color: #fff;font-size: 25px;font-weight: 500;line-height: 65px;}

#wrap #contactUs .btn_contact{position: absolute; top:40%; left:-55px !important;}

/* sub(common) */
#wrap .sub_vis{position: relative;width: 100%;height: 755px;-webkit-background-size: cover;
background-size: cover;}
#wrap .sub_vis .container{text-align: center;padding: 18% 0 0 0;}
#wrap .sub_vis h4{font-size: 60px;color: #fff;font-weight: 600;}
#wrap .sub_vis span{display: block;padding: 8px 0;}
#wrap .sub_vis .scroll_down{position: absolute;bottom: 50px;width: 100%;}
#wrap .sub_vis .scroll_down .icon{text-align: center;}

#wrap .sub_vis#sub1{background: url(../img/p_img/sub_vis1.jpg) no-repeat center center;-webkit-background-size: cover;background-size: cover;}
#wrap .sub_vis#sub2{background: url(../img/p_img/sub_vis2.jpg) no-repeat center center;-webkit-background-size: cover;background-size: cover;}
#wrap .sub_vis#sub4{background: url(../img/p_img/sub_vis4.jpg) no-repeat center center;-webkit-background-size: cover;background-size: cover;}

#wrap .con_box{padding: 20px 0 0 0;}
#wrap .con_box .container{width: 1200px;margin: 0 auto;padding: 0 0 100px 0;}
#wrap .con_box h5{font-size: 28px;color: #090909;font-weight: 600;text-align: center;padding: 200px 0 100px 0;}
#wrap .con_box h5 span{display: block;font-size: 11px;color: #787878;font-weight: 100;padding: 6px 0 0 0;letter-spacing: 0.5px}
#wrap .con_box p{font-size: 16px;color: #3a3a3a;line-height: 22px;font-weight: 300;letter-spacing: -0.5px;text-align: center;}
#wrap .con_box p.subject{font-size: 20px;line-height: 26px;color: #090909;padding: 0 0 15px 0;font-weight: 500;}
#wrap .con_box p.title{font-size: 30px;color: #3a3a3a;font-weight: 300;text-align: left;margin: 0 0 24px 0;}
#wrap .con_box p.title strong{font-weight: 500;color: #000;}
#wrap .con_box p.left{text-align: left;}
#wrap .con_box p.mb20{margin-bottom: 20px;}
#wrap .con_box p.pc{display: block;}
#wrap .con_box p.mobile{display: none;}

#wrap .con_box .fix_box{width: 100%;height: 400px;margin: 0 0 145px 0;}
#wrap .con_box .fix_box p{font-size: 20px;color: #fff;font-weight: normal;text-align: center;letter-spacing: 7px;line-height: 400px;}

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




#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: 20%;height: 190px;}
#wrap .con_box ul.prd li.four{float: left;width: 25% !important;height: 190px;}

#wrap .con_box ul.prd li.even{background: #f3f3f3;}
#wrap .con_box ul.prd li .icon{width: 100%;text-align: center;padding: 40px 0 12px 0;height: 90px;}
#wrap .con_box ul.prd li p.tit{font-size: 16px;color: #181818;font-weight: normal;margin-bottom: 2px;}
#wrap .con_box ul.prd li p.txt{font-size: 13px;color: #3a3a3a;line-height: 16px;}
#wrap .con_box ul.prd li.space{display: none;}

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

#wrap .con_box#prfilm ul.prd li.p1 img{margin-top: 11px;}
#wrap .con_box#prfilm ul.prd li.p2 img{margin-top: 10px;}
#wrap .con_box#prfilm ul.prd li.p3 img{margin-top: 3px;}
#wrap .con_box#prfilm ul.prd li.p4 img{margin-top: 18px;}
#wrap .con_box#prfilm ul.prd li.p5 img{margin-top: 8px;}

#wrap .con_box .btn_box{margin: 0 0 180px 0;}
#wrap .con_box .btn_box ul{width: 484px;margin: 0 auto;}
#wrap .con_box .btn_box ul:after{display: block;content: '';clear: both;}
#wrap .con_box .btn_box ul li{float: left;width: 233px;border: 1px solid #ccc;margin: 0 14px 0 0;}
#wrap .con_box .btn_box ul li.last{margin: 0;}
#wrap .con_box .btn_box ul li a{display: block;width: 100%;height: 55px;color: #000;font-size: 16px;font-weight: 500;line-height: 55px;text-align: center;}

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

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

#wrap .con_box#woori p{text-align: left;}
#wrap .con_box#woori .pc{display: block;}
#wrap .con_box#woori .mobile{display: none;}
#wrap .con_box#woori p.definition{padding: 25px 0 5px 0;font-size: 25px;color: #262626;font-weight: normal;line-height: 35px;}
#wrap .con_box#woori p.definition strong{color: #d10a11;font-weight: normal;}

#wrap .con_box#woori .brand_box{width: 100%;background: #f8f8f8;padding: 130px 0;}
#wrap .con_box#woori .brand_box .padding{width: 1200px;margin: 0 auto;}
#wrap .con_box#woori .brand_box h5{padding-top: 0;}
#wrap .con_box#woori .brand_box ul.brand{width: 100%;margin: 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: left;width: 240px;}
#wrap .con_box#woori .brand_box ul.brand li .box{width: 100%;height: 240px;text-align: center;background: url(../img/s_img/brand_box.png) no-repeat center center;}
#wrap .con_box#woori .brand_box ul.brand li .icon{width: 240px;height: 129px;display: table-cell;vertical-align: bottom;}
#wrap .con_box#woori .brand_box ul.brand li p{font-size: 25px;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: 119px 20px 0 20px;width: 200px;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: 650px;background: url(../img/p_img/bg_woori.jpg) no-repeat center center;margin-bottom: 0;}

#wrap .con_box#contact{padding: 0px 0 100px 0;}
#wrap .con_box#contact .container{}
#wrap .con_box#contact .contact{}
#wrap .con_box#contact .contact:after{display: block;content: '';clear: both;}
#wrap .con_box#contact .contact .left{float: left;width: 464px;}
#wrap .con_box#contact .contact .right{float: right;width: 736px;}

#wrap .con_box#contact .contact h5{font-family: "Montserrat", sans-serif;padding: 0;text-align: left;font-size: 40px;color: #575757;font-weight: 300;letter-spacing: -0.5px;line-height: 42px;}
#wrap .con_box#contact .contact h5 span{display: inline;font-size: 40px;color: #262626;font-weight: 700;padding: 0;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 .left ul.social{margin: 35px 0 0 0;}
#wrap .con_box#contact .contact .left ul.social:after{display: block;content: '';clear: both;}
#wrap .con_box#contact .contact .left ul.social li{float: left;width: 58px;height: 58px;margin: 0 13px 0 0;}


#wrap .con_box#contact .contact ul:after{display: block;content: '';clear: both;}
#wrap .con_box#contact .contact ul li{float: left;width: 360px;margin: 0 15px 15px 0;}
#wrap .con_box#contact .contact ul li.last{margin-right: 0;}
#wrap .con_box#contact .contact ul li input{width: 100%;border: 1px solid #959595;background: transparent;color: #232323;height: 45px;border-radius: 47px;text-indent: 24px;font-size: 16px;font-weight: normal;}
#wrap .con_box#contact .contact ul li.long{width: 100%;margin-right: 0;}
#wrap .con_box#contact .contact ul li.long textarea{background: transparent;width: 690px;border: 1px solid #959595;color: #232323;font-size: 16px;line-height: 22px;height: 235px;border-radius: 20px;padding: 20px;font-weight: normal;}

#wrap .con_box#contact .contact ul li.file{position: relative;}
#wrap .con_box#contact .contact ul li.file input[type="text"]#userfile1{width: 100%;height: 43px;border-radius: 43px;}
#wrap .con_box#contact .contact ul li.file .file_input_div{position: absolute;top: 0;right: -1px;overflow: hidden;width: 93px;border: 0;height: 45px;}
#wrap .con_box#contact .contact ul li.file .file_input_div .file_box{position: relative;width: 100%;height: 47px;}
#wrap .con_box#contact .contact ul li.file .file_input_div input.file_input_hidden{position: absolute;top: 0;right: 0px;filter: alpha(opacity=0);-ms-filter: "alpha(opacity=0)";-khtml-opacity: 0;-moz-opacity: 0;width: 100%;opacity: 0;height: 47px;padding: 0;border: none;border-radius: 0;}
#wrap .con_box#contact .contact ul li.file .file_input_div input.file_input_button{position: absolute;top: 0;right: 0px;width: 100%;border: 0;height: 47px;color: #fff;font-weight: 500;font-size: 17px;text-align: center;background: url(../img/s_img/btn_file_.png) no-repeat center 0;padding: 0;border: none;border-radius: 0;text-indent: -9999px;}

#wrap .con_box#contact .contact .ck_content{width: 100%;float: none;padding: 20px 0;}
#wrap .con_box#contact .contact .ck_content .padding{border: 1px solid #959595;padding: 30px 30px 20px 30px;border-radius: 20px;}
#wrap .con_box#contact .contact .ck_content p.title{font-size: 24px;}
#wrap .con_box#contact .contact .ck_content ul{width: 100%;margin: 0;}
#wrap .con_box#contact .contact .ck_content ul li{float: none;width: 100%;text-align: left;}
#wrap .con_box#contact .contact .ck_content ul li p{text-align: left;}
#wrap .con_box#contact .contact .ck_content ul li p.tit{margin-bottom: 5px;}
#wrap .con_box#contact .contact .ck_content ul li p.txt{padding: 0 0 0 15px;}
#wrap .con_box#contact .contact .ck_content ul li p.txt.bullet{padding: 0 0 0 27px;background: url(../img/s_img/ck_agree_bullet.png) no-repeat 15px 11px;}

#wrap .con_box#contact .contact .ck_agree{margin: 0 0 60px 0;width: 100%;float: none;}
#wrap .con_box#contact .contact .ck_agree:after{display: block;content: '';clear: both;}
#wrap .con_box#contact .contact .ck_agree span{}
#wrap .con_box#contact .contact .ck_agree span.ck_box{float: left;display: block;width: 16px;margin-right: 5px;height: 16px;border: 1px solid #959595;cursor: pointer;}
#wrap .con_box#contact .contact .ck_agree span.ck_box.on{background: url(../img/s_img/ck_box_on.png) no-repeat center center;}
#wrap .con_box#contact .contact .ck_agree p{float: left;color: #393939;line-height: 16px;font-weight: normal;}

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

#wrap .con_box#contact .map{width: 100%;height: 650px;position: relative;overflow: hidden;background: #eee;}

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



/* sub(common) */

#bo_v_con{width: 100%;}

#bo_v_con div{position:relative;width: 100%; /*padding-bottom: 56.25%;*/text-align: left !important;}
#bo_v_con div iframe{position:absolute;width:100%;height:100%;}



 /* 개인정보 처리방침 */
#wrap .con_box.privacy{padding: 100px 0 0 0;}
#wrap .con_box.privacy{clear:both; margin:0;text-align: left !important;font-size: 13px !important;line-height: 1.5 !important;}
#wrap .con_box.privacy h4 { clear:both; margin:15px 0px 10px 0px; padding:5px 0 0 0px; font-weight:600; color:#222; font-size:15px; letter-spacing:-0.5px;}
#wrap .con_box.privacy h5{margin:0; padding:10px 0 0 10px; background:none; font-size:14px; font-weight:600; color:#444; text-align: left !important;}

#wrap .con_box.privacy p{font-size: 14px !important;line-height: 1.5 !important;font-weight: 300;}

#wrap .con_box.privacy p.box{ background:#f4f4f4; border:1px solid #cdcdcd; width: auto;margin: 0 auto; padding:35px;text-align: left !important;}

#wrap .con_box.privacy ul {margin:10px 0px 10px 0px; padding:0px 0 0px 0px;}
#wrap .con_box.privacy ul li{font-weight:normal; padding-left:15px;  margin:2px 0px 0px 3px; vertical-align:middle; font-weight: 300;line-height: 1.5;}
#wrap .con_box.privacy ul.int li{padding:0;  margin:0px 0px 0px 30px; text-indent:-15px; background:none;}
#wrap .con_box.privacy ul li li{ margin:2px 0px; padding: 0 0 0 10px;  }

#wrap .con_box.privacy li dl{margin:10px 0px 10px 0px; padding:0px 0 0px 0px;}
#wrap .con_box.privacy li dt{font-weight:normal; padding:0;  margin:5px 0px 0px 0px; vertical-align:middle; font-weight:normal; color:#1c3d7c;text-indent:0px;}
#wrap .con_box.privacy li dd{font-weight:normal; padding-left:10px; margin:2px 0px 0px 0px; vertical-align:middle;text-indent:0px; }


#wrap .con_box.privacy dl{margin:10px 0px 10px 10px; padding:0px 0 0px 0px;}
#wrap .con_box.privacy dt{font-weight:normal; padding-left:0px;  margin:5px 0px 0px 0px; vertical-align:middle; font-weight:normal;color:#1c3d7c; }
#wrap .con_box.privacy dd{font-weight:normal; padding-left:10px;  margin:2px 0px 0px 0px; vertical-align:middle;  }


#bo_v_atc p.right_btn{width:205px !important; text-align:right;float:right; padding-bottom:10px;}
#bo_v_atc p.right_btn:after{display: block;content: '';clear: both;}



/* 20220228 추가*/
#wrap .m_bann_wrap{position: absolute;bottom:40px; left: 0;width: 100%;height: 50px;z-index: 100;}
#wrap .m_bann_wrap ul.m_bann {width: 1200px;margin: 0 auto; padding-left:9px;}
#wrap .m_bann_wrap ul.m_bann li{float:left; display:inline; padding-right:40px; margin-right:40px; 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:100%; max-width:240px; }
#wrap .m_bann_wrap ul.m_bann li.m_bann_02 img{width:100%; max-width:268px; }
#wrap .m_bann_wrap ul.m_bann li.m_bann_03 img{width:100%; max-width:226px; }
#wrap .m_bann_wrap ul.m_bann li.m_bann_04 img{width:100%; max-width:208px; }



#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 0px 0;width: 1200px;min-height:930px;margin: 0 auto;}

#wrap .business_section_new dl.business_new_title{width:1200px; margin: 0 auto; }
#wrap .business_section_new dl.business_new_title dt{padding-top:300px; font-family: 'Raleway', sans-serif; font-weight:600; font-size:107px; line-height:1.1; }
#wrap .business_section_new dl.business_new_title dd.tit{font-family: 'Raleway', sans-serif;font-weight:500;font-size:60px; line-height:1.2; letter-spacing:-0.015em;}
#wrap .business_section_new dl.business_new_title dd.txt{font-family: 'Raleway',sans-serif; font-weight:300; margin-top:60px; font-size:25px; line-height:1.5; }
#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 strong{font-family: 'Raleway',sans-serif; font-weight:500;}
#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;}





/*220228상단 타이틀*/
.top_tit_wrap{clear:both; margin: 0 auto; padding:280px 0 200px 0; }
.pb120{padding-bottom:100px; }
.top_tit_wrap dl.top_tit_list{width:100%; max-width:1200px; margin:0 auto;}
.top_tit_wrap dt{font-family: "Montserrat", sans-serif;font-size:120px; line-height:1.1; letter-spacing:-0.05em; color:#111; font-weight:400; text-align:left;}
.top_tit_wrap dt strong{display:block; font-weight:700;}
.top_tit_wrap dd.tit{font-family: "Montserrat", sans-serif; font-size:80px; margin:120px 0 60px 0;line-height:1.1; letter-spacing:-0.05em; color:#111;  font-weight:600;text-align:left;}
.top_tit_wrap dd.tit span{color:#d71920;}
.top_tit_wrap dd.txt{font-family: "NanumSquare", sans-serif; font-size:28px; line-height: 1.5; letter-spacing: -0.025em;}
.top_tit_wrap dd.txt strong{font-weight:700;}
.top_tit_wrap dd.txt span.pc_cut{display:block;}

.top_tit_wrap dd.tit02{font-family: "NanumSquare", sans-serif; font-size:50px; 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:25px; line-height: 1.5; letter-spacing: -0.025em;}
.top_tit_wrap dd.txt02 span.pc_cut{display:block;}



/* fix_box 회사개요 */
.fix_box_lab{clear:both;width: 100%;height:500px;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: fixed;}




#wrap .con_box#woori_new{clear:both; position: relative;z-index: 3;background: #fff;width: 100%; height:100%; padding-bottom:100px;background:url(../img/s_img/woori_new.gif) no-repeat 0 0; }
#wrap .con_box#woori_new > .container{position: relative;padding:0px 0 0px 0;width: 1200px;min-height:930px;margin: 0 auto;}
dl.sub4_1_list01{clear:both; width:1200px; margin: 0 auto; padding:180px 0 180px 0;  }
dl.sub4_1_list01 dt{font-family:'NanumSquare'; font-weight:400; font-size:60px; line-height:1.25;}
dl.sub4_1_list01 dt strong{font-weight: 700; display:block; }

dl.sub4_1_list01 dd.txt{padding:180px 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; font-family: 'Montserrat', sans-serif; font-weight:800; color:#d71920;}
dl.sub4_1_list01 dd.txt li dd{padding-top:30px; font-size:34px; font-family: "NanumSquare, sans-serif"; font-weight:300; line-height:1.5; letter-spacing: -0.05em;}
dl.sub4_1_list01 dd.txt li dd span.pc_cut{display:block;}
dl.sub4_1_list01 dd.txt{padding-bottom:30px; }
dl.sub4_1_list01 dd.txt li:after{display: block;content: '';clear: both;} 



dl.sub4_1_list02{clear:both;}
dl.sub4_1_list02 dt{padding:200px 0 200px 0;font-size:80px; font-family:'NanumSquare';  font-weight:300; }
dl.sub4_1_list02 dd.tit{font-size:60px; font-family:'NanumSquare'; font-weight:600; line-height: 1.4; letter-spacing: -0.05em;}
dl.sub4_1_list02 dd.tit span.pc_cut{display:block;}
dl.sub4_1_list02 dd.txt{font-family:'NanumSquare'; margin-top:100px;font-size:28px; font-weight:400; letter-spacing: -0.05em; 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; font-weight:300; }
dl.sub4_1_list02 dd.txt em.point{color:#d60011;}




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


/* 220307 추가*/
dl.sub4_1_list04{clear:both; margin: 0 auto; padding:80px 0 80px 520px;}
dl.sub4_1_list04 dt{font-size:56px; 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:24px;line-height:1.5; font-weight:300;}
dl.sub4_1_list04 dd span.pc_cut{display:block;}


/*220301 홍보영상 상단 타이틀*/
.top_tit_wrap02{clear:both; margin: 0 auto; padding:280px 0 80px 0; }
.top_tit_wrap02 dl.top_tit_list02{width:100%; max-width:1200px; margin:0 auto;}
.top_tit_wrap02 dt{font-family: "Montserrat", sans-serif;font-size:120px; line-height:1.1; letter-spacing:-0.05em; color:#111; font-weight:400; text-align:left;}
.top_tit_wrap02 dt strong{display:block; font-weight:700;}
.top_tit_wrap02 dd.tit{font-family: "NanumSquare", sans-serif; font-size:28px; margin:100px 0 40px 0;line-height:1.1; letter-spacing:-0.05em; color:#111;  font-weight:800;text-align:left;}
.top_tit_wrap02 dd.tit strong{font-size:30px; font-family: "Montserrat", sans-serif; }
.top_tit_wrap02 dd.tit span{color:#d71920;}
.top_tit_wrap02 dd.txt{font-family: "NanumSquare", sans-serif; font-size:28px; font-weight:400; line-height: 1.5; letter-spacing: -0.025em;}
.top_tit_wrap02 dd.txt strong{font-weight:700;}
.top_tit_wrap02 dd.txt span.pc_cut{display:block;}
.top_tit_wrap02 dd.ya{margin-top:60px;}





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




/*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;}






/* 220302 */
.map{clear:both; width:100%; max-width:1200px; margin:40px auto 80px auto;}