@charset "utf-8";
/*----------------------------- 메인페이지 -----------------------------*/


.mb20{margin-bottom:20px;}
.pd80{padding:0 4% 0 4%;}
.c-green {color:#1eaa4e;}
.c-blue {color:#132359;}
.mt500{margin-top:50px;}
.pl70{padding-left:70px;}

/* 메인비주얼 */
.main_visual_wrapper {position:relative; overflow:hidden}
#mainVisual {position:fixed; top:0; left:0; right:0; width:100%; height:100%; z-index:1; overflow:hidden}
#mainVisual > .imgList {position:relative; top:0; width:1000%; height:100%; overflow:hidden}
#mainVisual > .imgList > li {float:left; position:relative; width:100%; height:100%; background-size:cover !important; transition:all .4s; overflow:hidden;}
#mainVisual > .imgList > li.animate {transform:scale(1.1)}
/* #mainVisual > .imgList > li.animate {transform:scale(.85)} */
#mainVisual > .imgList > li:before {position:absolute; top:0; left:0; width:100%; height:100%; content:''; /*background:#000; opacity:.2;*/ z-index:5}
#mainVisual > .imgList > li.item1 {background:url(../img/main_visual1.jpg) center top no-repeat;}
/* #mainVisual > .imgList > li .video {position : fixed;	top : 0;	left : 0;	min-width :100%;	min-height : 100%;	width : auto;	height : auto;	z-index : -1;} */
#mainVisual > .imgList > li .video {display:block; width:100%; min-width:100%; height:130%; min-height:100%; margin:0 auto;  } 
#mainVisual > .imgList > li .video video { height: 100vh;  width: 100%;  object-fit: cover; }
.vjs_video_3-dimensions {width:auto !important; height:auto !important}
.video-js {position:static !important}
/* #mainVisual > .imgList > li.item1 {background:url(../img/main_visual1.jpg) center top no-repeat} */
#mainVisual > .imgList > li.item2 {background:url(../img/main_visual2.jpg) center top no-repeat}
#mainVisual > .imgList > li.item3 {background:url(../img/main_visual3.jpg) center top no-repeat}


#mainVisual > .imgList > li .typo {position:relative; top:22%; max-width:1200px; margin:auto; z-index:10}
#mainVisual > .imgList > li .typo h2 {font-size:50px; font-weight:600; color:#fff; word-break:keep-all; margin-bottom:60px}
#mainVisual > .imgList > li .typo h2 span {font-size:60px}
#mainVisual > .imgList > li .typo p {font-size:18px; color:#fff; line-height:1.5}

#mainVisual > .imgList > li .caption2 {position:absolute; top:38%; left:50%; width:56%; margin-left:-28%; z-index:30;}
#mainVisual > .imgList > li .caption2.center {text-align:center}
#mainVisual > .imgList > li .caption2 h2 {font-size:50px; font-weight:600; color:#fff; word-break:keep-all; margin-bottom:60px}
#mainVisual > .imgList > li .caption2 h2 span {font-size:60px}
#mainVisual > .imgList > li .caption2 p {font-size:18px; color:#fff; line-height:1.5;}


/* #mainVisual > .pagination {position:absolute; bottom:30px; left:0; width:100%; text-align:center; font-size:0; z-index:10}
#mainVisual > .pagination > li {display:inline-block; font-size:10px; margin:0 2px; padding:0; width:10px; height:10px; border-radius:50%; background:#ccc; cursor:pointer}
#mainVisual > .pagination > li.on {background:#aaa} */


/* #mainVisual > .control {position:absolute; top:50%; width:60px; height:60px; margin-top:-30px; text-align:center; line-height:60px; background:rgba(255, 255, 255, .6); z-index:10}
#mainVisual > .control.prev {left:0}
#mainVisual > .control.next {right:0} */


#mainVisual .control { position: absolute; top: 50%; display: block; text-align: center; z-index: 50; opacity: 0; }
#mainVisual .prev { left: 30px; }
#mainVisual .next { right: 30px; }


#mainVisual> .control span {position:relative; display:inline-block; width:50px; height:50px; top:50%; margin-top:-25px; color:#ccc; text-align:center; line-height:55px; border:1px solid rgba(255,255,255,.6); border-radius:50px;-webkit-transition:all .4s;transition:all .4s}
#mainVisual>  .control span i {-webkit-transition:all .4s;transition:all .4s}
#mainVisual>  .control span:hover i {opacity:0;}
#mainVisual>  .control span:hover {width:100px;height:50px;background:#132359;border:solid 1px #132359;}
#mainVisual>  .prev span p {-webkit-transition:all .4s;transition:all .4s;opacity:0;color:#fff;position:absolute; top:0px; margin-top:-3px;}
#mainVisual>  .prev span:hover p {display:block;  margin-left:33px; opacity:1; color:#fff;}
#mainVisual>  .next span p {-webkit-transition:all .4s;transition:all .4s;opacity:0; color:#fff;position:absolute;top:0px;right:0px; margin-top:-3px;}
#mainVisual>  .next span:hover p {display:block;  margin-right:33px; opacity:1; color:#fff;}


/* #mainVisual  > .pagination {margin-top:35px; font-size:0}
#mainVisual  > .pagination > li {display:inline-block; font-size:13px; width:12px; height:3px; margin-right:8px; background:#fff; transition:all .2s}
#mainVisual  > .pagination > li.on {background:#21bbb1; transform:rotate(45deg)}  */


#mainVisual> .pagination {position:absolute; bottom:30px; left:0; width:100%; text-align:center; font-size:0; z-index:10;display:block;}
#mainVisual> .pagination > li {display:inline-block; font-size:10px; margin:0 2px; padding:0; width:10px; height:10px; border-radius:50%; background:#ccc; cursor:pointer;transition:all .3s ease;border:0px;}
#mainVisua> .pagination > li.on {background:#fff;width:30px;border-radius:30px;}


/* #mainVisual > .control span {display:inline-block; width:30px; height:15px; font-size:0; text-indent:-9999em; vertical-align:middle}
#mainVisual > .control.prev span {background:url(../img/slide_arrow_prev.png) center top no-repeat}
#mainVisual > .control.next span {background:url(../img/slide_arrow_next.png) center top no-repeat} */





/*메인pdf다운로드*/

.downlist {position:relative;  margin:0 auto;}
.downlist > ul {display: flex;   flex-wrap: wrap; align-items: center;  justify-content: flex-start; }
.downlist > ul > li { text-align:left; align-items: center;  justify-content: center; margin-right:5px;}
.downlist > ul > li .custom-select {margin-top:25px; display: inline-block;max-width: 100%;height: calc(3.2rem + 2px);padding: .6rem 1.75rem .6rem .75rem;line-height: 1.5;color: #495057;vertical-align: middle; background-size: 8px 10px;border: 1px solid #ced4da; border-radius: 0rem;}
.downlist:after {clear:both;display:block; content:''}






/* 메인 컨테이너 */
#mainContainer {position:relative; margin-top:965px; z-index:20;padding-bottom:0px;background:#fff;}
/* 메인페이지 섹션 공통 */
#mainContainer > .section {position:relative; padding:80px 0}
#mainContainer > .section:after {clear:both; display:block; content:''}
#mainContainer > .section > .innerContainer {position:relative; max-width:1460px; margin:auto}
#mainContainer > .section > .innerContainer:after {clear:both; display:block; content:''}
#mainContainer > .section .large-title {text-align:center}
#mainContainer > .section .large-title h2 {  font-family: 'GmarketSansBold',sans-serif;  font-size: 3.0rem;   color:#2b2b2b; letter-spacing:0px; margin-bottom:30px}
#mainContainer > .section .large-title p {font-size:18px; color:#666; line-height:1.5}
#mainContainer > .section .large-title p:after {display:block; width:40px; height:1px; margin:20px auto 30px; content:''; background:#aaa}
#mainContainer > .section .bottom-btn {margin-top:40px; text-align:center}
/* 메인페이지 섹션 #1 */
#mainContainer #section1 {background:#ffffff;}
#mainContainer #section1 #imgSlider {position:relative; overflow:hidden}
#mainContainer #section1 #imgSlider > ul.imgList {position:relative; height:400px}
#mainContainer #section1 #imgSlider > ul.imgList > li {position:absolute; top:0; left:0; width:100%; height:100%; background-position:center top !important; background-size:cover !important}
#mainContainer #section1 #imgSlider > ul.imgList > li.item1 {background-image:url(../img/main_center_slide1.jpg)}
#mainContainer #section1 #imgSlider > ul.imgList > li.item2 {background-image:url(../img/main_center_slide2.jpg)}
#mainContainer #section1 #imgSlider > ul.imgList > li.item3 {background-image:url(../img/main_center_slide3.jpg)}
#mainContainer #section1 #imgSlider > .control {position:absolute; top:50%; width:60px; height:60px; margin-top:-30px; text-align:center; line-height:60px; background:rgba(255, 255, 255, .6); z-index:30}
#mainContainer #section1 #imgSlider > .control.prev {left:0}
#mainContainer #section1 #imgSlider > .control.next {right:0}
#mainContainer #section1 #imgSlider > .control span {display:inline-block; width:30px; height:15px; font-size:0; text-indent:-9999em; vertical-align:middle}
#mainContainer #section1 #imgSlider > .control.prev span {background:url(../img/slide_arrow_prev.png) center top no-repeat}
#mainContainer #section1 #imgSlider > .control.next span {background:url(../img/slide_arrow_next.png) center top no-repeat}
#mainContainer #section1 #imgSlider > .pagination {margin-top:30px; min-height:4px; font-size:0; text-align:center;display:block;}
#mainContainer #section1 #imgSlider > .pagination > li {position:relative; display:inline-block; font-size:13px; width:30px; height:3px; margin:0 3px; background:#ccc; transition:all .3s}
#mainContainer #section1 #imgSlider > .pagination > li > .bar {position:absolute; top:0; left:0; width:0; height:100%; background:#222}
#mainContainer #section1 #imgSlider > .pagination > li.on {width:60px; background:#999}
/* 메인페이지 섹션 #2 */
#mainContainer #section2 {background:#fff}
/* 메인페이지 섹션 #3 */
#mainContainer #section3 {background:url(../img/main_parallax_bg.jpg) center no-repeat/* fixed*/}
/* 메인페이지 섹션 #4 */
#mainContainer #section4 {background:#fff}
#mainContainer #section4 .product-grid {margin:0 -15px}
#mainContainer #section4 .product-grid li {float:left; width:33.333334%; padding:0 15px; table-layout:fixed}
#mainContainer #section4 .product-grid li .photo a img {display:block; width:100%; height:auto !important}
#mainContainer #section4 .product-grid li br {display:none}
#mainContainer #section4 .product-grid li .title {display:block; margin:15px 0 0; text-align:left !important; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
#mainContainer #section4 .product-grid li .title a {font-size:20px; font-weight:600; color:#000; transition:all .3s}
#mainContainer #section4 .product-grid li .title a:after {display:block; width:0; height:1px; margin:5px 0; content:''; background:#21bbb1; transition:all .3s}
#mainContainer #section4 .product-grid li:hover .title a {color:#21bbb1}
#mainContainer #section4 .product-grid li:hover .title a:after {width:50px}
#mainContainer #section4 .product-grid li .desc {font-size:13px; color:#888}
/*----------------------------- 서브페이지 -----------------------------*/
/* 서브비주얼 */
#subVisual {position:relative; overflow:hidden}
#subVisual > .imgList {position:relative; height:500px; overflow:hidden}
#subVisual > .imgList > li {position:absolute; top:0; left:0; width:100%; height:100%; background-size:cover !important; z-index:5}
#subVisual > .imgList > li.item1 {background:url(../img/sub_visual1.jpg) center top no-repeat}
#subVisual > .imgList > li.item2 {background:url(../img/sub_visual2.jpg) center top no-repeat}
#subVisual > .imgList > li.item3 {background:url(../img/sub_visual3.jpg) center top no-repeat}
#subVisual > .imgList > li.active {z-index:10}
#subVisual > .imgList > li.active-last {z-index:8}
#subVisual > .title {position:absolute; top:0; left:0; width:100%; height:100%; padding:10% 50px 0; z-index:30}
#subVisual > .title .inner {text-align:center}
#subVisual > .title .inner h2 {font-size:60px; font-weight:500; letter-spacing:5px; color:#000}
#subVisual > .title .inner h2:after {display:block; margin:30px auto; width:50px; height:1px; content:''; background:#000}
#subVisual > .title .inner h3 {font-size:30px; font-weight:400; color:#000}

#subVisual > .title_board {position:absolute; top:0; left:0; width:100%; height:100%; padding:10% 50px 0; z-index:30}
#subVisual > .title_board .inner {text-align:center}
#subVisual > .title_board .inner h2 {font-size:60px; font-weight:500; letter-spacing:5px; color:#000}
#subVisual > .title_board .inner h2:after {display:block; margin:30px auto; width:50px; height:1px; content:''; background:#000}
#subVisual > .title_board .inner h3 {font-size:30px; font-weight:400; color:#000}
/* 서브 컨텐츠 */
#subContainer {position:relative; padding-bottom:0px}
#subContainer:after {clear:both; display:block; content:''}
#subContainer .innerContainer {max-width:1460px; margin:auto;  position:relative; }
#subContainer .innerContainer.set01 {margin: 0 auto;padding-bottom: 50px;border-bottom: 4px solid #292929;}
#subContainer .wr-block.set02 {margin: 0 auto; border-bottom: 1px solid #eeeeee;}
#subContainer .wr-block.set02:after {clear:both; display:block; content:''}
#subContainer .innerContainer:after {clear:both; display:block; content:''}


.innerContainer .category_title2 {position: absolute; top: 15px;right: -85px;width: 300px;height: 300px;margin-top: -280px; z-index: 11;}

.innerContainer .category_title2 .circle { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: absolute; left: 0; top: 20px; width: 100%; height: 100%; padding: 0 55px; background: #078733; border-radius: 400px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; opacity: 1; color: #fff; }

/* #subContainer .innerContainer .category_title2:after { position: absolute; top: -110px; right: -60px; width: 149px; height: 151px; content: ""; background: url("/resources/images/kr/product/img_symbol.png") 50% 50% no-repeat; opacity: 0; -webkit-animation: turn 12s 0.9s infinite linear; animation: turn 12s 0.9s infinite linear; }
 */
@-webkit-keyframes turn { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }

@keyframes turn { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }

.innerContainer .category_title2 span { display: block; }

.innerContainer .category_title2 span.eng { font-size: 40px; font-weight: 600; line-height: 1.24em; }

.innerContainer .category_title2 span.kor { margin-top: 0px; font-size: 18px; line-height: 1.38em; letter-spacing: -0.5px; }

@media screen and (max-width:768px) {
  /*normal*/
	.innerContainer .category_title2 {display:none;
    .pl70{padding-left:0px;}
}
}

#subContainer .page-title {padding:60px 0 40px}
#subContainer .page-title h2 {font-size:55px; font-weight:600; color:#2b2b2b; line-height:1.2; margin-bottom:15px;}
#subContainer .page-title p {font-size:1.125rem; color:#888; line-height:1.6; letter-spacing:-0.8px; color:#2b2b2b;}
#subContainer img {max-width:100%}
/* #subContainer img.img-fluid {top:11.90476vw; margin:0 auto; border-radius:20px;} */
#subContainer img.img-fluid {top:11.90476vw; margin:0 auto;  border-radius:5px;}
#subContainer img.img-fluid2 {top:11.90476vw; margin:0 auto;  }
.bg-make{background:url(../images/together_m.png) 50% no-repeat; background-size:100% auto; height:194px; margin-top:40px;	img{height:100%;}}
/* 서브메뉴 */
#nav {height:50px; border-bottom:1px solid #e6e6e6}
#nav .inner {max-width:1460px; margin:0 auto}
#nav .title {float:left; width:50px; height:100%; background:#132359}
#nav .title a {display:block; width:100%; height:100%; font-size:16px; font-weight:600; color:#fff; text-align:center; line-height:50px}
#nav .dropdown {position:relative; float:left; margin-left:-1px; min-width:180px; z-index:10}
#nav .dropdown > a {position:relative; display:block; width:100%; height:100%; padding:0 75px 0 25px; color:#444; font-weight:600; line-height:50px; text-transform:uppercase; border-right:1px solid #e6e6e6}
#nav .dropdown > a:before {position:absolute; width:0; height:0; top:50%; right:15px; margin-top:-2px; content:''; border-style:solid; border-width:4px; border-color:transparent; border-top-color:#333}
#nav .dropdown.open > a:before {margin-top:-6px; border-top-color:transparent; border-bottom-color:#333}
#nav .dropdown > ul.mnuList {display:none; position:absolute; top:49px; left:0; width:100%; border:1px solid #e6e6e6; background:#fff; box-shadow:0 2px 2px rgba(0,0,0,.12)}
#nav .dropdown > ul.mnuList li {border-top:1px solid #e6e6e6}
#nav .dropdown > ul.mnuList li:first-child {border-top:none}
#nav .dropdown > ul.mnuList li a {display:block; padding:12px 25px; text-transform:uppercase}
#nav .dropdown > ul.mnuList li a:hover {background:#f9f9f9}

/* 서브메뉴 */
#nav_board {height:50px; border-bottom:1px solid #e6e6e6}
#nav_board .inner {max-width:1300px; margin:0 auto}
#nav_board .title {float:left; width:50px; height:100%; background:#132359;}
#nav_board .title a {display:block; width:100%; height:100%; font-size:16px; font-weight:600; color:#fff; text-align:center; line-height:50px}
#nav_board .dropdown {position:relative; float:left; margin-left:-1px; min-width:180px; z-index:10}
#nav_board .dropdown > a {position:relative; display:block; width:100%; height:100%; padding:0 75px 0 25px; color:#444; font-weight:600; line-height:50px; text-transform:uppercase; border-right:1px solid #e6e6e6}
#nav_board .dropdown > a:before {position:absolute; width:0; height:0; top:50%; right:15px; margin-top:-2px; content:''; border-style:solid; border-width:4px; border-color:transparent; border-top-color:#333}
#nav_board .dropdown.open > a:before {margin-top:-6px; border-top-color:transparent; border-bottom-color:#333}
#nav_board .dropdown > ul.mnuList {display:none; position:absolute; top:49px; left:0; width:100%; border:1px solid #e6e6e6; background:#fff; box-shadow:0 2px 2px rgba(0,0,0,.12)}
#nav_board .dropdown > ul.mnuList li {border-top:1px solid #e6e6e6}
#nav_board .dropdown > ul.mnuList li:first-child {border-top:none}
#nav_board .dropdown > ul.mnuList li a {display:block; padding:12px 25px; text-transform:uppercase}
#nav_board .dropdown > ul.mnuList li a:hover {background:#f9f9f9}

/* 버튼 공통 스타일 */
.btn_m.btn-main {position:relative; display:inline-block; height:50px; padding:0 35px; font-weight:500; color:#000; line-height:48px; border-color:#000; border-radius:0; background:transparent; transition:all .2s}
.btn_m:active {box-shadow:inset 0 3px 3px rgba(0, 0, 0, .1)}
.btn_m.btn-main:hover {color:#fff; border-color:#21bbb1; background:#21bbb1}
.btn_m.small {font-size:12px; letter-spacing:-1px; padding:0 10px}
.btn_m.btn-block {display:block; width:100%; text-align:center}
.btn_m.btn-primary {color:#fff; border-color:#21bbb1; background:#21bbb1}
.btn_m.btn-primary:hover, .btn_m.btn-primary:focus {border-color:#1aaca2; background:#1aaca2}



a.animated-button:link, a.animated-button:visited {
	position: relative;
	display: block;
	margin: 30px auto 0;
	padding: 14px 15px;
	color: #fff;
	font-size:14px;
	
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	overflow: hidden;
	letter-spacing: .08em;
	border-radius: 0;
	/* text-shadow: 0 0 1px rgba(0, 0, 0, 0.2), 0 1px 0 rgba(0, 0, 0, 0.2); */
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
a.animated-button:link:after, a.animated-button:visited:after {
	content: "";
	position: absolute;
	height: 0%;
	left: 50%;
	top: 50%;
	width: 150%;
	z-index: -1;
	-webkit-transition: all 0.4s ease 0s;
	-moz-transition: all 0.4s ease 0s;
	-o-transition: all 0.4s ease 0s;
	transition: all 0.4s ease 0s;
}
a.animated-button:link:hover, a.animated-button:visited:hover {
	color: #FFF;
	text-shadow: none;
}
a.animated-button:link:hover:after, a.animated-button:visited:hover:after {
	height: 450%;
}
a.animated-button.victoria-two2 {
	color:#078733;
	font-size:16px;
	font-weight:normal;
	text-align: left !important;
	cursor: pointer;
	padding-right:10px;
	display: inline-block ;
	position: relative;
	border: 1px solid #078733;
	transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1);

}



a.animated-button.victoria-two2 span
{ content: '';   	display: block ;position: absolute; top: 50%; right: 10px; width: 17px;height: 13px; 
background: url(/images/esg/arrow_ico_01.png) no-repeat; background-size: 100% auto; transform: translateY(-50%);}

a.animated-button.victoria-two2:hover span
{ content: '';  	display: block ;  position: absolute; top: 50%; right: 10px;width: 17px;height: 13px;
background: url(/images/esg/arrow_ico_01_ov.png) no-repeat;background-size: 100% auto; transform: translateY(-50%);}

a.animated-button.victoria-two2:hover {
	color: #ffffff !important;
	background-color: #078733;
	text-shadow: nthree;
}
a.animated-button.victoria-two2:hover:before {
	left: 0%;
	right: auto;
	width: 100%;
}
a.animated-button.victoria-two2:before {
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 0px;
	z-index: -1;
	content: '';
	color: #078733 !important;
	background: #078733;
	transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1);
0s;
}

a.animated-button.victoria-two3 {
	color:#ffffff;
	font-size:16px;
	font-weight:normal;
	text-align: left !important;
	cursor: pointer;
	padding-right:10px;
	display: inline-block ;
	position: relative;
	border: 1px solid #ffffff;
	transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1);
}
a.animated-button.victoria-two3 span
{ content: '';   	display: block ;position: absolute; top: 50%; right: 10px; width: 17px;height: 13px; 
background: url(/images/esg/arrow_ico_01.png) no-repeat; background-size: 100% auto; transform: translateY(-50%);}

a.animated-button.victoria-two3:hover span
{ content: '';  	display: block ;  position: absolute; top: 50%; right: 10px;width: 17px;height: 13px;
background: url(/images/esg/arrow_ico_01_ov.png) no-repeat;background-size: 100% auto; transform: translateY(-50%);}

a.animated-button.victoria-two3:hover {
	color: #132359 !important;
	background-color: #ffffff;
	text-shadow: nthree;
}
a.animated-button.victoria-two3:hover:before {
	left: 0%;
	right: auto;
	width: 100%;
}
a.animated-button.victoria-two3:before {
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 0px;
	z-index: -1;
	content: '';
	color: #ffffff !important;
	background: #ffffff;
	transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1);
0s;
}

a.animated-button.victoria-two4 {
   
	color:#ffffff;
	font-size:16px;
	font-weight:normal;
	text-align: left !important;
	cursor: pointer;
	padding-right:10px;
	display: inline-block ;
	position: relative;
	border: 1px solid #132359;
	background-color: #132359;
	transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1);
}
a.animated-button.victoria-two4 span
{ content: '';   	display: block ;position: absolute; top: 50%; right: 10px; width: 17px;height: 13px; 
background: url(/images/esg/arrow_ico_01.png) no-repeat; background-size: 100% auto; transform: translateY(-50%);}

a.animated-button.victoria-two3:hover span
{ content: '';  	display: block ;  position: absolute; top: 50%; right: 10px;width: 17px;height: 13px;
background: url(/images/esg/arrow_ico_01_ov.png) no-repeat;background-size: 100% auto; transform: translateY(-50%);}

a.animated-button.victoria-two4:hover {
	color: #132359 !important;
	background-color: #ffffff;
	text-shadow: nthree;
}
a.animated-button.victoria-two4:hover:before {
	left: 0%;
	right: auto;
	width: 100%;
}
a.animated-button.victoria-two4:before {
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 0px;
	z-index: -1;
	content: '';
	color: #ffffff !important;
	background: #ffffff;
	transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1);
0s;
}

a.animated-button.victoria-two5 {
   
	color:#132359;
	font-size:16px;
	font-weight:normal;
	text-align: left !important;
	cursor: pointer;
	padding-right:10px;
	display: inline-block ;
	position: relative;
	border: 1px solid #132359;
	transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1);
}
a.animated-button.victoria-two5 span
{ content: '';   	display: block ;position: absolute; top: 50%; right: 10px; width: 17px;height: 13px; 
background: url(/images/esg/arrow_ico_01.png) no-repeat; background-size: 100% auto; transform: translateY(-50%);}

a.animated-button.victoria-two3:hover span
{ content: '';  	display: block ;  position: absolute; top: 50%; right: 10px;width: 17px;height: 13px;
background: url(/images/esg/arrow_ico_01_ov.png) no-repeat;background-size: 100% auto; transform: translateY(-50%);}

a.animated-button.victoria-two5:hover {
	color: #ffffff !important;
	background-color: #132359;
	text-shadow: nthree;
}
a.animated-button.victoria-two5:hover:before {
	left: 0%;
	right: auto;
	width: 100%;
}
a.animated-button.victoria-two5:before {
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 0px;
	z-index: -1;
	content: '';
	color: #ffffff !important;
	background: #ffffff;
	transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1);
0s;
}
 @media screen and (max-width:768px) {
 .pl70{padding-left:20px;}

 .mtal{text-align:left;}
 a.animated-button:link, a.animated-button:visited {

	font-size:13px;
	letter-spacing:-0.5px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	overflow: hidden;
	letter-spacing: .08em;
	border-radius: 0;
	/* text-shadow: 0 0 1px rgba(0, 0, 0, 0.2), 0 1px 0 rgba(0, 0, 0, 0.2); */
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

    
   }


 


/*----------------------------- 게시판 -----------------------------*/
/* 게시판 공통 */
.bbsnewf5 {font:inherit !important}
.bbsnewf5 a:hover {color:inherit !important}
.board {font-family:inherit !important}
.tbl_brd {width:100%; margin-bottom:40px; border-top:2px solid #666}
.tbl_brd input {font:inherit !important}
.tbl_brd input[type=file] {width:80%}
.tbl_brd input[type=text], .tbl_brd input[type=password] {width:80%; height:40px; padding-left:10px; border:1px solid #e8e8e8; border-radius:3px; color:#666}
.tbl_brd input[type=text]:focus, .tbl_brd input[type=text]:hover, .tbl_brd input[type=password]:focus, .tbl_brd input[type=password]:hover {border-color:#d8d8d8}
.tbl_brd select {height:40px; line-height:38px; padding:0 10px; border:1px solid #e0e0e0; cursor:pointer}
.tbl_brd textarea {font:inherit !important; width:80%; max-height:120px; padding:10px; border:1px solid #e0e0e0; border-radius:3px}
.tbl_brd textarea:focus, .tbl_brd textarea:hover {border-color:#d8d8d8}
.tbl_brd select:focus, .tbl_brd select:hover {border-color:#d8d8d8}
.tbl_brd tbody td {font:inherit !important; font-size:14px !important; padding:15px; border-bottom:1px solid #e0e0e0}
.tbl_brd tbody td font, .tbl_brd tbody td span, .tbl_brd tbody td a {font:inherit !important; font-size:14px !important}
.board_bgcolor {width:30% !important; font:inherit !important; color:#333; background:#f9f9f9 !important}
#post_area img {max-width:100%; height:auto !important}
.prvThumbList {margin-top:40px}
.prvThumbList > table td table {width:135px}
div.nneditor-container .seResize2 span {font-size:0 !important}
.brd_btngroup {margin-top:50px}
.brd_btngroup a {margin-top:2px; margin-bottom:2px}
#check_all {margin-left:5px; vertical-align:-5px}
.board_bottom {margin-top:50px}
.board_bottom > a {float:right}
#ext_search {float:left}
#ext_search select {height:35px; line-height:38px; margin-right:5px; padding:0 10px; border:1px solid #e0e0e0; cursor:pointer}
#ext_search select:focus, #ext_search select:hover {border-color:#d8d8d8}
#ext_search input[type=text] {height:35px; margin-right:5px; padding-left:10px; border:1px solid #e8e8e8; border-radius:3px; color:#666}
#ext_search input[type=text]:focus, #ext_search input[type=text]:hover {border-color:#d8d8d8}
.board_comment_bgcolor {padding-bottom:20px; background-color:#f9f9f9 !important}
.comment_txt {padding:10px 0 !important; word-break:}
.comment_txt:first-child {padding:20px !important}
.comment_txt textarea {width:60%; width:-webkit-calc(100% - 120px); width:-moz-calc(100% - 120px); width:calc(100% - 120px); height:50px; padding:10px; font:inherit !important; border:1px solid #e8e8e8; border-radius:3px}
.comment_txt > a.btn {margin:2px 0; padding:0 15px !important; height:30px !important; line-height:28px !important}
.comment_txt > font {display:block; margin-bottom:10px; color:#ccc !important}
.comment_name {color:#333 !important; width:20% !important}
.comment_name input[type=checkbox] {margin-right:5px; vertical-align:middle}
/* 게시판 카테고리 탭 */
.cate_select {display:none !important}
.board_tab {position:relative; margin-bottom:50px}
.board_tab > a {display:none}
.board_tab ul {border-bottom:1px solid #e0e0e0}
.board_tab ul > li {float:left; margin-bottom:-1px; margin-left:-1px}
.board_tab ul > li:first-child {margin-left:0}
.board_tab ul > li > a {display:block; padding:12px 30px; color:#999; border:1px solid #e0e0e0; background:#f4f4f4}
.board_tab ul > li.on > a {position:relative; color:#333; border-color:#aaa; border-bottom-color:#fff; background:#fff; z-index:10}
/* 갤러리 타입 */
.portfolio-list {width:102.67%; margin-left:-1.219%}
.portfolio-list > li {float:left; display:block; width:30.89% !important; margin:0 1.219% 30px 1.219%}
.portfolio-list > li.board {width:100% !important}
.portfolio-list li.bbsnewf5 a > img {display:block; width:100%; height:auto !important; transition:all .5s ease}
.portfolio-list li.bbsnewf5 a:hover > img {transform:scale(1.1)}
.portfolio-list .hoverBox {position:absolute; display:block; top:0; left:0; width:100%; height:100%; padding:32% 30px 0 30px; text-align:center; background:rgba(0,0,0,.8); opacity:0; transition:all .5s ease}
.portfolio-list .hoverBox .inner {}
.portfolio-list .hoverBox .inner h3 {font-size:24px; font-weight:600; color:#fff; line-height:1.2}
.portfolio-list .hoverBox .inner h3:after {display:block; width:40px; height:1px; margin:20px auto; content:''; background:#fff; opacity:.5}
.portfolio-list .hoverBox .inner p {display:-webkit-box; color:#fff; max-height:69px; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden; text-overflow:ellipsis}
.portfolio-list .bbsnewf5:hover .hoverBox {opacity:1}
.bbsnewf5 {position:relative; overflow:hidden}
.pg_wrap {display:none; text-align:center}
.brd_paging > b, .brd_paging > a {display:inline-block; width:38px; height:38px; line-height:36px; text-align:center; margin:0 -2px; border:1px solid #e8e8e8}
.brd_paging > b {color:#fff; border-color:#666; background:#666}
.brd_paging > a {color:#666}
.brd_paging > a:hover {color:#555; border-color:#cdcdcd; background:#f4f4f4}
.btn-more {display:block; width:185px; margin:30px auto; height:45px; font-size:16px; color:#000; text-align:center; border:2px solid #000; background:transparent; cursor:pointer; transition:all .3s ease; vertical-align:middle}
.btn-more:disabled {color:#bbb !important; border-color:#ccc !important; background:#f4f4f4 !important}
.btn-more:hover {color:#fff; background:#000}
/* 웹진(매장안내) 타입 */
.webzine_type_img_td {width:30%;}

.webzine_type_text_td_left {vertical-align:top;}

.webzine_type2 {width:100%;}
.webzine_type2 td { width:25%; font-family:'notokr',sans-serif; font-size:14px; padding-bottom:30px;}
.webzine_type2 dl, #webzine_type2 dt, #webzine_type2 dd {margin:0;padding:0}
.webzine_type2 dl    {float:left;clear:both;width:100%;padding:0 0 16px 0;margin-bottom:0;}
.webzine_type2 .webzine_type_img_td { vertical-align:top;}
.webzine_type2 .webzine_type_img img {width:100%;height:auto;}
.webzine_type2 .webzine_type2_table_line { width:100%; border-top:1px solid #cccccc;}
.webzine_type2 dd:nth-child(odd) {background:#f3f3f3;}
.webzine_type2 dd {float:left;width:100%;padding:10px;margin:0 0 -1px 0;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;}
.webzine_type2 .obj_name {display:inline-block;width:90px;padding:0px 0 0 12px;color:#666666;background:url(/cimg/board/cafe24_webzine/bl_webzine_type2_title.gif) right 5px no-repeat;}
.webzine_type2 .obj_value {padding:0px 0 0 10px;}
.webzine_type2_table_line {display:none;}
.webzine_type2 dl .webzine_btn {border:solid 0px red;background:#000;color:#fff;width:100px;height:35px;display:inline-block;text-align:center;line-height:35px;margin-top:20px;transition:all .3s ease;}
.webzine_type2 dl .webzine_btn:hover {background:#ededed;color:#000;}
/* 폼메일 */
.tbl_formmail {width:100%; margin-bottom:40px}
.tbl_formmail:before {display:block; width:100%; height:1px; margin-bottom:40px; content:''; background:#e8e8e8}
.tbl_formmail input {font:inherit !important}
.tbl_formmail input[type=file] {width:100%}
.tbl_formmail input[type=text], .tbl_formmail input[type=password] {width:100%; height:60px; font-size:14px !important; color:#666; padding-left:20px; border:none; border-radius:4px; background:#f0f0f0}
.tbl_formmail input[name^=phone] {width:80px !important}
.tbl_formmail select {height:40px; line-height:38px; padding:0 10px; border:1px solid #e0e0e0; cursor:pointer}
.tbl_formmail textarea {font:inherit !important; font-size:14px !important; line-height:1.75; width:100%; min-height:150px; padding:20px; border:none; border-radius:4px; background:#f0f0f0}
.tbl_formmail select:focus, .tbl_formmail select:hover {border-color:#d8d8d8}
.tbl_formmail tbody td {font:inherit !important; font-size:0 !important; padding:3px 0}
.tbl_formmail tbody td br {display:none}
.tbl_formmail tbody td font, .tbl_formmail tbody td span, .tbl_formmail tbody td a {font:inherit !important; font-size:14px !important}
.formmail_title_bgcolor {display:none}
/*----------------------------- 웹스리 제공 공통 섹션 -----------------------------*/
/* 4단 팀구성 섹션 */
.wr-section.typeTeam > .inner > ul > li {position:relative;}
.wr-section.typeTeam > .inner > ul > li .imgArea {position:relative; overflow:hidden}
.wr-section.typeTeam > .inner > ul > li .imgArea:before {position:absolute; top:0; left:0; width:100%; height:100%; content:''; background:#20243c; 
opacity:0; filter:alpha(opacity='0'); transition:all .3s ease; z-index:1}
.wr-section.typeTeam > .inner > ul > li .imgArea img {display:block; width:100%; transition:all .3s ease}

.wr-section.typeTeam > .inner > ul > li .imgArea:hover:before {opacity:.8; filter:alpha(opacity='50')}
.wr-section.typeTeam > .inner > ul > li .imgArea:hover img {transform:scale(1.1)}
.wr-section.typeTeam > .inner > ul > li .imgArea figcaption {position: absolute; top: 0; bottom: 0; left: 0; right: 0;}
.wr-section.typeTeam > .inner > ul > li .imgArea figcaption > div {z-index: 5; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1}
.wr-section.typeTeam > .inner > ul > li .imgArea figcaption > div p { text-align:center;
font-size: 1.1rem; font-weight:300; opacity: 0; -webkit-transform: translateY(40px); transform: translateY(40px); color: #fff; 
width: 150px; height: 40px; line-height: 38px; border: 1px solid #fff;}
.wr-section.typeTeam > .inner > ul > li .imgArea:hover figcaption > div p {-webkit-transform: translate(0px, 0px); transform: translate(0px, 0px); opacity: 1; }
.wr-section.typeTeam > .inner > ul > li .infoArea {margin:20px 0; padding-bottom:20px; border-bottom:1px solid #eee}
.wr-section.typeTeam > .inner > ul > li .infoArea h3 {font-size:1.5rem; color:#333; font-weight:600; margin-bottom:5px}
.wr-section.typeTeam > .inner > ul > li .infoArea span {display:block; font-size:13px; color:#888}
.wr-section.typeTeam > .inner > ul > li .infoArea span.font2 {display:block; padding-top:20px;font-size:1.0rem; color:#888}
.wr-section.typeTeam > .inner > ul > li p {display:-webkit-box; font-size:14px; color:#888; line-height:1.75; -webkit-box-orient:vertical; -webkit-line-clamp:3; max-height:74px; overflow:hidden; text-overflow:ellipsis;}
 
.wr-section.typeTeam > .inner > ul > li .imgArea .banner {  position: absolute; bottom: 0px; left: 0px; width: 120px; height: 120px;   z-index: 30; display:table; }
.wr-section.typeTeam > .inner > ul > li .press {background-color: #132359;}
.wr-section.typeTeam > .inner > ul > li .banner h4.txt001{text-align:center; display:table-cell; vertical-align:middle; font-size:1.2rem; font-weight:400; line-height: 22px; color: #ffffff; }


/* 패럴랙스 섹션 */
.wr-section.typeParallax {background-size:cover !important}
.wr-section.typeParallax.pr1 {background:url(../img/sub_parallax_bg.jpg) center no-repeat/* fixed*/}
.wr-section.typeParallax.pr2 {background:url(../img/sub_parallax_bg2.jpg) center no-repeat/* fixed*/}
.wr-section.typeParallax.pr3 {background:url(../img/sub_parallax_bg3.jpg) center no-repeat/* fixed*/}
.wr-section.typeParallax.pr4 {background:url(../img/sub_parallax_bg4.jpg) center no-repeat/* fixed*/}
.wr-section.typeParallax.pr5 {background:#F1F4F9;}
.wr-section.typeParallax .captionBox {max-width:1200px; margin:auto; padding:30px 0; text-align:center}
.wr-section.typeParallax .captionBox h2 {font-size:48px; font-weight:600; color:#fff; line-height:1.3; margin-bottom:40px}
.wr-section.typeParallax .marginh {display: block; width: 50px; margin: 26px auto 28px; border-top: 1px solid #ffffff; height: 36px;}
.wr-section.typeParallax .captionBox p {font-size:18px; color:#fff; line-height:1.6}
.wr-section.typeParallax .captionBox .btnArea {margin-top:30px}
.wr-section.typeParallax .captionBox .btnArea > .btn {margin:0 4px}
/* 4단 숫자 카운트 섹션 */
.wr-section.typeCount {background:#f4f4f4}
.wr-section.typeCount > .inner > ul > li {text-align:center}
.wr-section.typeCount > .inner > ul > li .iconArea i {font-size:32px; color:#666}
.wr-section.typeCount > .inner > ul > li .num-count {display:block; font-size:40px; font-weight:600; color:#333; margin:30px 0 20px 0}
.wr-section.typeCount > .inner > ul > li p {font-size:18px; color:#444; letter-spacing:-1px}
/* 3단 와이드 섹션 */
.wr-section.typeFullGrid {padding:0 !important}
.wr-section.typeFullGrid > ul > li {position:relative; display:table; min-height:450px; padding:50px; background-size:cover !important}
.wr-section.typeFullGrid > ul > li.item1 {background:url(../img/grid_full_img1.jpg) center no-repeat}
.wr-section.typeFullGrid > ul > li.item2 {background:url(../img/grid_full_img2.jpg) center no-repeat}
.wr-section.typeFullGrid > ul > li.item3 {background:url(../img/grid_full_img3.jpg) center no-repeat}
.wr-section.typeFullGrid > ul > li .textCell {display:table-cell; padding:60px 0; vertical-align:middle}
.wr-section.typeFullGrid > ul > li .textCell h3 {font-size: 2.0rem; font-weight:600; color:#fff; letter-spacing:-1px; margin-bottom:40px}
.wr-section.typeFullGrid > ul > li .textCell p {font-size: 1.05rem; color:#fff; line-height:1.5; margin-bottom:30px}
.wr-section.typeFullGrid > ul > li .textCell a {color:#fff}


/* 3단 중앙정렬 그리드 섹션 */
.wr-section.typeFeature > .inner > ul > li .tile {padding:20px; background-color:#333}
.wr-section.typeFeature > .inner > ul > li .tile .tile-count {display:block; font-size:32px; font-weight:600; color:#fff; letter-spacing:-1px; margin-bottom:40px}
.wr-section.typeFeature > .inner > ul > li .tile h3 {font-size:18px; font-weight:600; color:#fff; margin-bottom:15px}
.wr-section.typeFeature > .inner > ul > li .tile p {color:#fff; line-height:1.75}
.wr-section.typeFeature > .inner > ul > li .item1 {background-color:#2c3e50}
.wr-section.typeFeature > .inner > ul > li .item2 {background-color:#078733}
.wr-section.typeFeature > .inner > ul > li .item3 {background-color:#2c3e50}
.wr-section.typeFeature > .inner > ul > li .item4 {background-color:#078733}
.wr-section.typeFeature > .inner > ul > li .item5 {background-color:#2c3e50}
.wr-section.typeFeature > .inner > ul > li .desc {margin-top:30px; text-align:center}
.wr-section.typeFeature > .inner > ul > li .desc h4 {font-size:14px; font-weight:600; color:#333; letter-spacing:-1px; margin-bottom:5px}
.wr-section.typeFeature > .inner > ul > li .desc p {font-size:13px; color:#888}


/* 4단 중앙정렬 그리드 섹션 */
.wr-section.typeFeature2 > .inner {position:relative;  margin:0 auto;}
.wr-section.typeFeature2 > .inner > ul > li {text-align:center;}
.wr-section.typeFeature2 > .inner > ul > li .tile {padding:40px 20px 20px 20px; background-color:#333}
.wr-section.typeFeature2 > .inner > ul > li .tile .tile-count { margin-bottom:40px}
.wr-section.typeFeature2 > .inner > ul > li .tile h3 {font-size:2.0rem; font-weight:600; color:#fff; letter-spacing:-1px;  margin-top:25px;}
.wr-section.typeFeature2 > .inner > ul > li .tile p {color:#fff; line-height:1.75; margin-top:-10px; }


.wr-section.typeFeature2 > .inner > ul > li .tile2 {padding:40px 20px 20px 20px; background-color:#333}
.wr-section.typeFeature2 > .inner > ul > li .tile2 .tile-count { margin-bottom:40px}
.wr-section.typeFeature2 > .inner > ul > li .tile2 h3 {font-size:2.0rem; font-weight:600; color:#132359; letter-spacing:-1px;  margin-top:25px;}
.wr-section.typeFeature2 > .inner > ul > li .tile2 p {color:#132359; line-height:1.4; margin-top:-10px; }


.wr-section.typeFeature2 > .inner > ul > li .item1 {background-color:#132359;  min-height:20.0rem; display: flex;
	align-items: center; 	flex-direction:column; 	justify-content: center;}
.wr-section.typeFeature2 > .inner > ul > li .item2 {background-color:#ffffff; border:1px solid #132359;  min-height:20.0rem; display: flex;
	align-items: center; 	flex-direction:column; 	justify-content: center;}
.wr-section.typeFeature2 > .inner > ul > li .item3 {background-color:#ffffff; border:1px solid #132359;  min-height:20.0rem; display: flex;
	align-items: center; 	flex-direction:column; 	justify-content: center;}
.wr-section.typeFeature2 > .inner > ul > li .item4 {background-color:#ffffff; border:1px solid #132359;  min-height:20.0rem; display: flex;
	align-items: center; 	flex-direction:column; 	justify-content: center;}
.wr-section.typeFeature2 > .inner > ul > li .item5 {background-color:#ffffff; border:1px solid #132359;  min-height:20.0rem; display: flex;
	align-items: center; 	flex-direction:column; 	justify-content: center;}
.wr-section.typeFeature2 > .inner > ul > li .desc {margin-top:30px; text-align:center}
.wr-section.typeFeature2 > .inner > ul > li .desc h4 {font-size:14px; font-weight:600; color:#333; letter-spacing:-1px; margin-bottom:5px}
.wr-section.typeFeature2 > .inner > ul > li .desc p {font-size:13px; color:#888}





/* 2단 칼럼 섹션 */
.wr-section.typeNews {background:#f4f4f4}
.wr-section.typeNews .gridWrapper:after {clear:both; display:table; content:''}
.wr-section.typeNews .gridWrapper .textArea {float:left; width:55%}
.wr-section.typeNews .gridWrapper .textArea p {color:#555; line-height:1.75; margin-bottom:40px}
.wr-section.typeNews .gridWrapper .imgArea {float:right; width:40%}
.wr-section.typeNews .gridWrapper .imgArea img {display:block; width:100%}
/* 상단 이미지타이틀 섹션 */
.wr-section.typeImgTitle {}
.wr-section.typeImgTitle .imgWrapper {margin:auto auto 60px auto; text-align:center}
.wr-section.typeImgTitle .imgWrapper .img_top {position:relative; width:120px; height:120px; margin:auto auto 30px auto; border-radius:50%; background:#f1f1f1; overflow:hidden}
.wr-section.typeImgTitle .imgWrapper .img_top img {display:block; width:100%}
.wr-section.typeImgTitle .imgWrapper h3 {font-size:22px; font-weight:600; color:#333; letter-spacing:-1px; margin-bottom:15px}
.wr-section.typeImgTitle .imgWrapper p {font-size:16px; color:#666}
.wr-section.typeImgTitle > .inner > ul > li {margin-bottom:60px}
.wr-section.typeImgTitle > .inner > ul > li h4 {font-size:18px; font-weight:600; color:#555; margin-bottom:10px}
.wr-section.typeImgTitle > .inner > ul > li p {color:#888; line-height:1.75}
/* 기본 2단 그리드 섹션 */
.wr-section.typeBasicGrid2 {background:#f4f4f4}
.wr-section.typeBasicGrid2 > .inner > ul > li .imgArea {margin-bottom:20px}
.wr-section.typeBasicGrid2 > .inner > ul > li .imgArea img {display:block; width:100%}
.wr-section.typeBasicGrid2 > .inner > ul > li h4 {font-size:18px; font-weight:600; color:#555; margin-bottom:10px}
.wr-section.typeBasicGrid2 > .inner > ul > li p {color:#888; line-height:1.75}
/* 5단 프로세스 섹션 */
.wr-section.typeProcess {background:#f4f4f4}
.wr-section.typeProcess > .inner > ul > li {position:relative; text-align:center}
.wr-section.typeProcess > .inner > ul > li:after {position:absolute; top:25%; right:-5px; font-family:'FontAwesome'; font-size:30px; color:#dedede; content:'\f105'; margin-top:-9px}
.wr-section.typeProcess > .inner > ul > li:last-child:after {display:none; content:''}
.wr-section.typeProcess > .inner > ul > li .iconArea {margin:auto auto 20px auto; max-width:140px}
.wr-section.typeProcess > .inner > ul > li .iconArea img {display:block; width:100%}
.wr-section.typeProcess > .inner > ul > li .infoArea h3 {font-size:16px; font-weight:600; color:#555; letter-spacing:-1px}
.wr-section.typeProcess > .inner > ul > li .infoArea h3:after {display:block; width:20px; height:2px; margin:15px auto; content:''; background:#666}
.wr-section.typeProcess > .inner > ul > li .infoArea p {color:#888; line-height:1.75}

/* 2단 와이드 지도 섹션 
.wr-section.typeMap {position:relative; padding:0 !important;  }
.wr-section.typeMap .row {display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px;
text-align:center;
}
 .wr-section.typeMap .contactArea {width:50%; text-align:left; padding:50px 50px 50px 20%;  }
.wr-section.typeMap .contactArea h3 {font-size:24px; font-weight:600; color:#333; margin-bottom:40px;}
.wr-section.typeMap .contactArea .iconList li {position:relative; padding:15px 0 15px 40px}
.wr-section.typeMap .contactArea .iconList li:before {position:absolute; top:15px; left:0; font-family:'FontAwesome'; font-size:20px; color:#555}
.wr-section.typeMap .contactArea .iconList li.item1:before {content:'\f041'}
.wr-section.typeMap .contactArea .iconList li.item2:before {content:'\f0e0'}
.wr-section.typeMap .contactArea .iconList li.item3:before {content:'\f095'}
.wr-section.typeMap #mapHalf { width:50%; height:100%; background:#f4f4f4; }
.wr-section.typeMap:after  { display:table; content:''; padding-bottom:20px;} */

/*2단 와이드 지도 섹션 */
/* COMPANY - 찾아오시는 길 */
#map {position:relative; height:400px;  overflow:hidden}
#container > .inner .map_box {padding:30px; background:#f6f6f6}
#container > .inner .map_box ul.map_info li {color:#666; line-height:2}
#container > .inner .map_box ul.map_info li:before {display:inline-block; width:3px; height:3px; margin-right:5px; content:''; background:#aaa; vertical-align:4px}
.wr-section.typeMap {position:relative; padding:0 !important; overflow:hidden;}
.wr-section.typeMap:after  {content:'';display:block;clear:both;padding-bottom:20px;}
.wr-section.typeMap .contactArea {float:right; width:50%; max-width:650px; padding:50px; }
.wr-section.typeMap .contactArea h3 {font-size:24px; font-weight:600; color:#333; margin-bottom:40px;}
.wr-section.typeMap .contactArea .iconList li {position:relative; padding:15px 0 15px 40px}
.wr-section.typeMap .contactArea .iconList li:before {position:absolute; top:15px; left:0; font-family:'FontAwesome'; font-size:20px; color:#555}
.wr-section.typeMap .contactArea .iconList li.item1:before {content:'\f041'}
.wr-section.typeMap .contactArea .iconList li.item2:before {content:'\f0e0'}
.wr-section.typeMap .contactArea .iconList li.item3:before {content:'\f095'}
.wr-section.typeMap #mapHalf {float:right; width:50%; height:100%; background:#f4f4f4;overflow:hidden;}



@media (max-width:768px) {
#map {position:relative; height:300px !important;  overflow:hidden}
 .wr-section.typeMap {position:relative; padding:0 !important; overflow:hidden;}
.wr-section.typeMap:after  {content:'';display:block;clear:both;padding-bottom:20px;}
.wr-section.typeMap .contactArea {display:block; width:100%; padding:50px; }
.wr-section.typeMap .contactArea h3 {font-size:24px; font-weight:600; color:#333; margin-bottom:40px;}
.wr-section.typeMap .contactArea .iconList li {position:relative; padding:15px 0 15px 40px}
.wr-section.typeMap .contactArea .iconList li:before {position:absolute; top:15px; left:0; font-family:'FontAwesome'; font-size:20px; color:#555}
.wr-section.typeMap .contactArea .iconList li.item1:before {content:'\f041'}
.wr-section.typeMap .contactArea .iconList li.item2:before {content:'\f0e0'}
.wr-section.typeMap .contactArea .iconList li.item3:before {content:'\f095'}
.wr-section.typeMap #mapHalf {display:block; width:100%; height:100%; background:#f4f4f4;overflow:hidden;}




  }



* {
  box-sizing: border-box;
}

.pc_img {display:block;}
.mpc_img {display:none;}



/* 미디어 쿼리 */
@media screen and (max-width:1280px) {
 /* 메인페이지 섹션 공통 */
 #mainContainer > .section > .innerContainer {padding:0 50px}
 #subContainer .innerContainer {padding:0 50px}
 /* 갤러리 타입 */
 /*.portfolio-list .hoverBox {padding-top:25%}*/
}
@media screen and (max-width:1024px) {
 /* 메인비주얼 */
 .pc_img {display:none;}
 .mpc_img {display:block;}
 #mainVisual {height:600px}
 #mainVisual > .imgList > li {width:964px}
 #mainVisual > .imgList > li .typo {top:20%; padding:0 80px}
 #mainVisual > .imgList > li .typo h2 {font-size:36px}
 #mainVisual > .imgList > li .typo p {font-size:16px}
 /* 메인 컨테이너 */
 #mainContainer {margin-top:600px}
 /* 메인페이지 섹션 #1 */
 #mainContainer #section1 #imgSlider > ul.imgList {height:350px}
 /* 서브비주얼 */
 #subVisual > .imgList {height:300px}
 #subVisual > .title .inner h2 {font-size:42px}
 #subVisual > .title .inner h2:after {margin:25px auto}
 #subVisual > .title .inner h3 {font-size:24px}
 /* 서브메뉴 */
 #nav {float:none; width:100%; margin:0; border-bottom:1px solid #dcdcdc}
 #nav:after {clear:both; display:block; content:''}
 /* 4단 팀구성 섹션 */
 .wr-section.typeTeam > .inner > ul > li {margin-bottom:50px}
 /* 패럴랙스 섹션 */
 .wr-section.typeParallax {background-position:center top !important}
 /* 4단 숫자 카운트 섹션 */
 .wr-section.typeCount > .inner > ul > li {margin-bottom:40px}
 /* 3단 와이드 섹션 */
 .wr-section.typeFullGrid > ul > li .textCell h3 {font-size:20px}
 .wr-section.typeFullGrid > ul > li .textCell p {font-size:14px}
 /* 5단 프로세스 섹션 */
 .wr-section.typeProcess > .inner > ul > li {margin-bottom:30px}
 /* 갤러리 타입 */
 .portfolio-list .hoverBox .inner h3 {font-size:18px}
 .portfolio-list .hoverBox .inner p {font-size:12px; max-height:63px}
 .gallery-grid-2 .portfolio-list > table {width:50%}
 .gallery-grid-3 .portfolio-list > table {width:50%}
 .gallery-grid-4 .portfolio-list > table {width:33.3333334%}
 .gallery-grid-5 .portfolio-list > table {width:33.3333334%}
 /* 웹진(매장안내)*/
 .webzine_type2 td { width:40%;}
 /* 게시판 카테고리 탭 */
 .cate_select {display:none !important}
 .board_tab {margin:auto auto 50px auto}
 .board_tab > a {position:relative; display:block !important; width:100%; height:50px; padding-left:15px; font-size:16px; line-height:50px; border:1px solid #e0e0e0}
 .board_tab > a:after {position:absolute; font-family:'FontAwesome'; font-size:18px; color:#333; right:20px; content:'\f107'}
 .board_tab > a.open:after {content:'\f106'}
 .board_tab ul {display:none; position:absolute; top:49px; width:100%; margin:0; border:1px solid #e8e8e8; border-top:none; background:#fff; z-index:30}
 .board_tab ul > li {float:none; display:block; margin:0}
 .board_tab ul > li > a {display:block; padding:12px 15px; font-size:16px; color:#999; border:none; border-top:1px solid #f0f0f0; background:none}
 .board_tab ul > li.on > a {color:#333; border-color:#f0f0f0}
}




@media screen and (max-width:768px) {
 /* 메인비주얼 */
 #mainVisual {height:500px}
 #mainVisual > .imgList > li {width:708px}
 #mainVisual > .imgList > li .typo {top:17%; padding:0 30px}
 #mainVisual > .imgList > li .typo h2 {font-size:30px; line-height:1.2; margin-bottom:30px}
 #mainVisual > .imgList > li .typo h2 span {font-size:38px}
 #mainVisual > .imgList > li .typo p {font-size:15px}
 #mainVisual > .imgList > li .typo p br {display:none}
 #mainVisual > .imgList > li .pagination {margin-top:25px}

/*  #mainVisual > .control {display:none; width:50px; height:50px; margin-top:-25px}
 #mainVisual > .control span {vertical-align:-12px} */



#mainVisual .control { position: absolute; top: 50%; display: block; text-align: center; z-index: 50; opacity: 0; }
#mainVisual .prev { left: 15px; }
#mainVisual .next { right: 15px; }

.wr-section.typeFeature2 > .inner > ul > li .tile h3 {font-size:1.2rem; font-weight:600; color:#fff; letter-spacing:-1px;  margin-top:0.1rem;}
.wr-section.typeFeature2 > .inner > ul > li .tile2 h3 {font-size:1.2rem; font-weight:600; color:#132359; letter-spacing:-1px;  margin-top:0.1rem;}
.wr-section.typeFeature2 > .inner > ul > li .tile2 p {font-size:0.8rem;  color:#132359; line-height:1.4; margin-top:-10px; }
#mainVisual> .control span {position:relative; display:inline-block; width:50px; height:50px; top:50%; margin-top:-25px; color:#ccc; text-align:center; line-height:55px; border:1px solid rgba(255,255,255,.6); border-radius:50px;-webkit-transition:all .4s;transition:all .4s}
.wr-section.typeFeature2 > .inner > ul > li .item1 {background-color:#132359; min-height:12.0rem; max-height:13.0rem; display: flex;
	align-items: center; 	flex-direction:column; 	justify-content: center;}
.wr-section.typeFeature2 > .inner > ul > li .item2 {background-color:#ffffff; border:1px solid #132359; min-height:12.0rem; max-height:13.0rem; display: flex;
	align-items: center; 	flex-direction:column; 	justify-content: center;}
.wr-section.typeFeature2 > .inner > ul > li .item3 {background-color:#ffffff; border:1px solid #132359; min-height:12.0rem; max-height:13.0rem; display: flex;
	align-items: center; 	flex-direction:column; 	justify-content: center;}
.wr-section.typeFeature2 > .inner > ul > li .item4 {background-color:#ffffff; border:1px solid #132359;min-height:12.0rem;  max-height:13.0rem; display: flex;
	align-items: center; 	flex-direction:column; 	justify-content: center;}
.wr-section.typeFeature2 > .inner > ul > li .item5 {background-color:#ffffff; border:1px solid #132359;min-height:12.0rem;  max-height:13.0rem; display: flex;
	align-items: center; 	flex-direction:column; 	justify-content: center;}



#mainVisual>  .control span i {-webkit-transition:all .4s;transition:all .4s}
#mainVisual>  .control span:hover i {opacity:0;}
#mainVisual>  .control span:hover {width:100px;height:50px;background:#132359;border:solid 1px #132359;}
#mainVisual>  .prev span p {-webkit-transition:all .4s;transition:all .4s;opacity:0;color:#fff;position:absolute; top:0px; margin-top:-3px;}
#mainVisual>  .prev span:hover p {display:block;  margin-left:33px; opacity:1; color:#fff;}
#mainVisual>  .next span p {-webkit-transition:all .4s;transition:all .4s;opacity:0; color:#fff;position:absolute;top:0px;right:0px; margin-top:-3px;}
#mainVisual>  .next span:hover p {display:block;  margin-right:33px; opacity:1; color:#fff;}



 /* 메인페이지 섹션 공통 */
 #mainContainer {margin-top:500px}
 #mainContainer > .section > .innerContainer {padding:0 30px}
 #mainContainer > .section .large-title h2 {font-size:36px; margin-bottom:20px}
 #mainContainer > .section .large-title p {font-size:15px; word-break:keep-all}
 /* 메인페이지 섹션 #1 */
 #mainContainer #section1 #imgSlider > ul.imgList {height:300px}
 #mainContainer #section1 #imgSlider > .control {width:50px; height:50px; margin-top:-25px}
 #mainContainer #section1 #imgSlider > .control span {vertical-align:-12px}
 /* 메인페이지 섹션 #4 */
 #mainContainer #section4 .product-grid {margin:0}
 #mainContainer #section4 .product-grid li {float:none; width:100%; margin-bottom:40px; padding:0}
 #mainContainer #section4 .product-grid li .board_output_gallery_subject a {font-size:16px}
 /* 서브비주얼 */
 #subVisual > .imgList {height:300px}
 #subVisual > .title {padding-top:25%}
 #subVisual > .title .inner h2 {font-size:24px}
 #subVisual > .title .inner h2:after {margin:15px auto; width:30px}
 #subVisual > .title .inner h3 {font-size:16px}
 
 #subVisual > .title_board {padding-top:25%}
 #subVisual > .title_board .inner h2 {font-size:24px}
 #subVisual > .title_board .inner h2:after {margin:15px auto; width:30px}
 #subVisual > .title_board .inner h3 {font-size:16px}
 /* 서브 컨텐츠 */
 #subContainer .innerContainer {padding:0 30px}
 #subContainer .page-title {padding:40px 0 25px}
 #subContainer .page-title .hline {display:block; height:35px; width:2px; background:#666666; margin-bottom:30px;}
 #subContainer .page-title h2 {font-size:2.4rem; text-align:left;}
 #subContainer .page-title p {font-size:1.05rem; text-align:left;}
 /* 서브메뉴 */
 #nav .title {display:none}
 #nav .inner {padding:0}
 #nav .inner:after {clear:both; display:block; content:''}
 #nav .dropdown {min-width:inherit; width:50%; width:-webkit-calc(50% + 1px); width:-moz-calc(50% + 1px)}
#nav .dropdown.depth3 {z-index:5 !important; width:100%; width:-webkit-calc(100% + 1px); width:-moz-calc(100% + 1px);border-left: 1px solid #e6e6e6;
border-right: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; }
 #nav .dropdown:last-child a {border-right:none}
 #nav .dropdown > a {padding:0 50px 0 15px; font-size:12px; font-weight:400}
 #nav .dropdown > ul.mnuList li a {padding:10px 15px; font-size:12px}
 
 #nav_board .title {display:none}
 #nav_board .inner {padding:0}
 #nav_board .inner:after {clear:both; display:block; content:''} #nav_board .dropdown {min-width:inherit; width:50%; width:-webkit-calc(50% + 1px); width:-moz-calc(50% + 1px)}
 #nav_board .dropdown:last-child a {border-right:none}
 #nav_board .dropdown > a {padding:0 50px 0 15px; font-size:12px; font-weight:400}
 #nav_board .dropdown > ul.mnuList li a {padding:10px 15px; font-size:12px}
 
 







 
 /* 4단 팀구성 섹션 */
 .wr-section.typeTeam > .inner > ul > li {margin-bottom:40px}
 .wr-section.typeTeam > .inner > ul > li .infoArea h3 {font-size:14px}
 .wr-section.typeTeam > .inner > ul > li .infoArea span {font-size:12px}
 .wr-section.typeTeam > .inner > ul > li p {display:block; font-size:12px; max-height:inherit; -webkit-line-clamp:inherit}
 /* 패럴랙스 섹션 */
 .wr-section.typeParallax {background-attachment:scroll !important}
 .wr-section.typeParallax .captionBox {max-width:inherit; margin:auto; padding:30px 20px}
 .wr-section.typeParallax .captionBox h2 {font-size:18px; margin-bottom:30px}
 .wr-section.typeParallax .captionBox p {font-size:13px}
 .wr-section.typeParallax .captionBox .btnArea > .btn {margin:0 !important}
 /* 4단 숫자 카운트 섹션 */
 .wr-section.typeCount > .inner > ul > li {margin:0 0 30px 0}
 .wr-section.typeCount > .inner > ul > li .num-count {font-size:28px; margin:20px 0 15px 0}
 .wr-section.typeCount > .inner > ul > li p {font-size:16px}
 /* 3단 와이드 섹션 */
 .wr-section.typeFullGrid > ul > li {min-height:inherit; padding:50px 20px !important}
 .wr-section.typeFullGrid > ul > li .textCell {padding:0}
 .wr-section.typeFullGrid > ul > li .textCell h3 {font-size:18px}
 /* 3단 중앙정렬 그리드 섹션 */
 .wr-section.typeFeature > .inner > ul > li {margin-bottom:40px}
 .wr-section.typeFeature > .inner > ul > li .tile .tile-count {font-size:24px; margin-bottom:30px}
 .wr-section.typeFeature > .inner > ul > li .tile h3 {font-size:15px}
 .wr-section.typeFeature > .inner > ul > li .tile p {color:#fff; line-height:1.75}
 .wr-section.typeFeature > .inner > ul > li .item1 {background-color:#ff5848}
 .wr-section.typeFeature > .inner > ul > li .item2 {background-color:#3b3737}
 .wr-section.typeFeature > .inner > ul > li .item3 {background-color:#00d255}
 .wr-section.typeFeature > .inner > ul > li .desc {margin-top:30px; text-align:center}
 .wr-section.typeFeature > .inner > ul > li .desc h4 {font-size:14px; font-weight:600; color:#333; letter-spacing:-1px; margin-bottom:5px}
 .wr-section.typeFeature > .inner > ul > li .desc p {font-size:13px; color:#888}
 /* 2단 칼럼 섹션 */
 .wr-section.typeNews .gridWrapper .textArea {float:none; width:100%}
 .wr-section.typeNews .gridWrapper .textArea p {font-size:12px}
 .wr-section.typeNews .gridWrapper .imgArea {float:none; width:100%; margin-bottom:30px}
 /* 상단 이미지타이틀 섹션 */
 .wr-section.typeImgTitle .imgWrapper {margin-bottom:40px}
 .wr-section.typeImgTitle .imgWrapper h3 {font-size:18px}
 .wr-section.typeImgTitle .imgWrapper p {font-size:14px}
 .wr-section.typeImgTitle > .inner > ul > li {margin-bottom:40px}
 .wr-section.typeImgTitle > .inner > ul > li h4 {font-size:15px}
 .wr-section.typeImgTitle > .inner > ul > li p {font-size:12px}
 /* 기본 2단 그리드 섹션 */
 .wr-section.typeBasicGrid2 > .inner > ul > li {margin-bottom:40px}
 .wr-section.typeBasicGrid2 > .inner > ul > li h4 {font-size:15px}
 .wr-section.typeBasicGrid2 > .inner > ul > li p {font-size:12px}
 /* 5단 프로세스 섹션 */
 .wr-section.typeProcess > .inner > ul > li {margin-bottom:50px}
 .wr-section.typeProcess > .inner > ul > li:last-child {margin-bottom:0}
 .wr-section.typeProcess > .inner > ul > li:after {font-size:40px; color:#aaa; top:inherit; bottom:-44px; right:50%; margin-right:-12px; content:'\f107'}
 .wr-section.typeProcess > .inner > ul > li .infoArea h3 {font-size:14px; margin-bottom:5px}
 .wr-section.typeProcess > .inner > ul > li .infoArea h3:after {display:none}
 .wr-section.typeProcess > .inner > ul > li .infoArea p {font-size:12px}
 /* 2단 와이드 지도 섹션 */
 .wr-section > .contactArea {float:none; width:100%; max-width:inherit; padding:30px 20px}
 .wr-section > .contactArea h3 {font-size:16px; margin-bottom:30px}
 .wr-section > .contactArea .iconList li {font-size:13px}
 #mapHalf {float:none; width:100%}
 /* 갤러리 타입 */
 .portfolio-list > li {float:none; display:block; width:48% !important; margin:0px;}
 .portfolio-list {margin-left:0 !important; margin-right:0 !important;width:100%;}
 div[class^=gallery-grid] .portfolio-list > table {width:100% !important}
 /*.portfolio-list .hoverBox {padding:0 20px}*/

 /* 웹진(매장안내) */
 .webzine_type2 td { width:100%;display:block;}
 .webzine_type2 .webzine_type_text_td_left {padding:0px;}
 .webzine_type2 dl .webzinebtn {display:inline-block;width:100%;text-align:center;}
 /* 게시판 읽기 */
 .tbl_brd tbody td {font-size:12px !important; padding:12px 10px}
 .tbl_brd tbody td font, .tbl_brd tbody td span, .tbl_brd tbody td a {font-size:12px !important}
 .prvThumbList table td {padding:2px !important}
 .prvThumbList > table {width:100%}
 .prvThumbList > table td table {width:33%}
 .prvThumbList img {width:100%; height:auto}
 /* 게시판 - 공지사항 */
 .brd_notice .att_title:first-child {display:none}
 .brd_notice .att_title:nth-child(3) {display:none}
 .brd_notice .bbsno {display:none}
 .brd_notice .bbswriter {display:none}
 /* 게시판 - QNA */
 .brd_qna .att_title:first-child {display:none}
 .brd_qna .att_title:nth-child(4) {display:none}
 .brd_qna .att_title:nth-child(5) {display:none}
 .brd_qna .att_title:nth-child(6) {display:none}
 .brd_qna .bbsno {display:none}
 .brd_qna .bbsetc_dateof_write {display:none}
 .brd_qna .bbspublic_ox {display:none}
 /* 게시판 공통 */
 #ext_search {display:none}
 .comment_name {display:block !important; width:100% !important; padding:10px !important}
 .comment_txt[align=left], .comment_txt[align=right] {display:block !important; width:100% !important; text-align:left !important; padding:10px !important}
 /* 폼메일 */
 .tbl_formmail input {font:inherit !important; font-size:12px !important}
 .tbl_formmail input[type=text], .tbl_formmail input[type=password] {font-size:12px !important}
 .tbl_formmail input[name^=phone] {width:50px !important}
 .tbl_formmail select {font-size:12px !important}
 .tbl_formmail textarea {font-size:12px !important}
}

/*헤시테크 소스*/
.tab-inner {width: 70%; margin:0 auto; height: 57px; }
.tab-inner ul {display: -webkit-box; display: -ms-flexbox; display: flex; justify-content:center; flex-direction: row; }
.tab-inner ul li {flex: 0 1 auto; padding:0 2px 0 2px;}
.tab-inner ul li div {flex: 0 1 auto; color:#132359;
 font-size:1.0rem; text-align: center; border: 1px solid #132359; padding: 7px 17px; line-height:1.5;}



.wr_col-half {max-width:auto; margin:auto !important}

.table-box {margin-top: 50px; margin-bottom: 30px;
}
.tbl-type-2 {line-height:160%;	table-layout:fixed;
	width:100%;}
.tbl-type-2 thead th {  font-size:16px; border-top: 2px solid #51555e; background: #fafafa; border-bottom: 1px solid #e0e1e2; padding:15px;}
.tbl-type-2 thead th.none {padding: 0; font-size: 0;}
.tbl-type-2 tbody th.line01 {border-bottom: 1px solid #e0e1e2 }
.tbl-type-2 .linewh {border-bottom: 1px solid #ffffff;  border-top: 1px solid #ffffff;}
.tbl-type-2 th.linewh2 {border-bottom: 1px solid #ffffff;  border-top: 2px solid #ffffff !important;}
.tbl-type-2 td {padding: 15px 0;  font-size:16px; border-bottom: 1px solid #e0e1e2; }
.tbl-type-2 td .tbox1 {display: inline-block; padding: 5px 15px; background:#132359; color:#fff; border-radius:50px; font-size:16px; border-bottom: 1px solid #e0e1e2; }
.tbl-type-2 td.title2 {background: #fafafa; }
span.blc {display:block;}
span.mblc{display:inline-block;}


/* .table {
	table-layout:fixed;
	width:100%;
	text-align:center;
}
.table th {	
	background:#ccc;
}
.table td, .table th {
	padding:10px 20px;
	border-top:1px solid #ccc;
	word-break:break-all
} */
.table--min {
	min-width:800px; margin:0 auto;
}




.innerContainer .tab {
  width: 100%;
  height: auto;
  padding: 1rem 0 3rem 0;
  overflow:hidden;
}

.innerContainer ul.tab-menu {
  overflow-x: auto;
  overflow-y: hidden;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
  border-bottom: 1.3px solid #dbdbdb;
  transition: all 0.3s ease;
}
.innerContainer li.tab-menu-link{
  text-decoration: none;
  text-align: center;
  position: relative;
  overflow: visible;
  font-family: inherit;
  font-weight: 600;
  line-height: inherit;
  cursor: pointer;
  width: calc(100% / 3);
  height: auto;
  padding: 1rem 1rem;
   color: #888;
  transition: all 0.3s ease;
}
.innerContainer li.tab-menu-link a {
  color: #888;
  text-decoration: none;
  font-size: 1rem;}












.innerContainer li.tab-menu-link::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  z-index: 2;
}
.innerContainer li.tab-menu-link.is-active {
  bottom: -2px;
  z-index: 0;
  overflow: visible;
  border-bottom: 2.5px solid #132359;
  background: #ffffff;
  color: #132359 !important;
}


.innerContainer li.tab-menu-link.is-active a {
  z-index: 0;
  overflow: visible;
  text-decoration: none;
  color: #132359 !important;
}
.container .marginh {display: block; width: 1px; margin: 26px auto 28px; border-left: 1px solid #a8aaae; height: 36px;}
a {text-decoration:none;}
a.link3 {text-decoration:none; border: 2px solid #132359; display: inline-block; color: #132359; background:#ffffff url(/theme/websre15/img/ic_arr_r.png) 7px center no-repeat;
background-size: 24px; min-height: 24px; padding:4px 15px 4px 45px; line-height:35px;font-size:15px;font-weight: bold;border-radius: 200px 200px 200px 200px; -moz-border-radius: 200px 200px 200px 200px; -webkit-border-radius: 200px 200px 200px 200px;
}
.img-fluid2 {margin-left:40px;}

@media screen and (max-width:768px) {
  /*normal*/

.tbl-type-2 {line-height:160%;	table-layout:fixed;
	width:100%;}
.tbl-type-2 thead th {  font-size:12px; border-top: 2px solid #51555e; background: #fafafa; border-bottom: 1px solid #e0e1e2; padding:15px;}
.tbl-type-2 thead th.none {padding: 0; font-size: 0;}
.tbl-type-2 tbody th.line01 {border-bottom: 1px solid #e0e1e2 }
.tbl-type-2 .linewh {border-bottom: 1px solid #ffffff;  border-top: 1px solid #ffffff;}
.tbl-type-2 th.linewh2 {border-bottom: 1px solid #ffffff;  border-top: 2px solid #ffffff !important;}
.tbl-type-2 td {padding: 3px 0;  font-size:12px; border-bottom: 1px solid #e0e1e2; }
.tbl-type-2 td.title2 {background: #fafafa; }

	.table-box {
		overflow-x:auto;
		border:5px solid #cccccc;
	
	}
	span.blc {display:inline-block;}
    span.mblc {display:block;}
.img-fluid2 {margin-left:0px;}
.tab-inner {width: 100%; margin:0 auto; height: 57px; }
.tab-inner ul {display: -webkit-box; display: -ms-flexbox; display: flex; justify-content:center; flex-direction: row;}
.tab-inner ul li {flex: 0 1 auto; padding:0 2px 0 2px;}
.tab-inner ul li div {flex: 0 1 auto; color:#132359;
 font-size:0.8rem; text-align: center; border: 1px solid #132359; padding: 7px 17px; line-height:1.5;}

a.animated-button.victoria-two3 {
	color:#132359 ;
	font-size:16px;
	font-weight:normal;
	text-align: left !important;
	cursor: pointer;
	padding-right:10px;
	display: inline-block ;
	position: relative;
	border: 1px solid #132359 ;
	transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1);
}
a.animated-button.victoria-two3 span
{ content: '';   	display: block ;position: absolute; top: 50%; right: 10px; width: 17px;height: 13px; 
background: url(/images/esg/arrow_ico_01.png) no-repeat; background-size: 100% auto; transform: translateY(-50%);}

a.animated-button.victoria-two3:hover span
{ content: '';  	display: block ;  position: absolute; top: 50%; right: 10px;width: 17px;height: 13px;
background: url(/images/esg/arrow_ico_01_ov.png) no-repeat;background-size: 100% auto; transform: translateY(-50%);}

a.animated-button.victoria-two3:hover {
	color: #ffffff !important;
	background-color: #132359 ;
	text-shadow: nthree;
}
a.animated-button.victoria-two3:hover:before {
	left: 0%;
	right: auto;
	width: 100%;
}
a.animated-button.victoria-two3:before {
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 0px;
	z-index: -1;
	content: '';
	color: #ffffff !important;
	background: #ffffff;
	transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1);
0s;
}

}

.mt20{margin-top:20px;}
.num1 { border-radius: 50%;
        display: flex;
        justify-content: center; /* 가로 중앙 */
        align-items: center;
		background-color: #172356;
        color: #ffffff;
		font-size:1.0rem;
		width: 30px;
        height: 30px;

.section-gallery__img-list > ul > li{
  width: calc(100% / 2);
}





.align-ct {align-content: space-between;}

@media screen and (max-width: 768px) {

.align-ct {align-content: flex-start; margin-bottom:0.5rem;}
.fdb-block .row-70 {
    height: 0rem;
}

.lead {
    font-size: 1.4rem;
}
    

}