.wrap {overflow-y:hidden;}


.offer_inner_common{padding:24px 0; border-bottom:1px solid #ddd; width:100%;}

.check_control{display: inline-block; position: relative; padding-top:4px; padding-left:30px; 
    margin-bottom:5px; margin-right:10px; cursor: pointer; font-size:15px; user-select: none; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none;}
.check_control input{border:1px solid #ccc; position:absolute; top:6px; left:0; height:15px; width:15px; background-color:#f5f5f6; border-radius:2px;}

.radioUl li{display:inline-block; margin-right:-4px;}


/* HEADER 시작 */
body {padding-top:-80px;}
.mobile_nav{display:none;}

.topmenu{width:100%; height:40px; background:#333; position: relative;}
.topmenu .comeback{float: left; /* margin-left: 8px; */ padding: 9px; /* background: #136090; */ position: relative;}
.topmenu .comeback>a{color: #fff; font-size: 14px;}
.topmenu .comeback span{position: absolute; border-top: 5px solid transparent; border-bottom: 5px solid transparent; 
	border-left: 5px solid #fff; top: 15px; right: -5px;}
.topmenu .side{float: right; margin-right:7%;}
.topmenu .side>li{float: left; padding: 9px; font-size:14px; font-weight:300; position: relative;}
.topmenu .side>li::after{content:''; display:block; background:#969696; width:1px; height:8px; 
    position: absolute; right:0; top:16px;}
.topmenu .side>li:last-child::after{display:none;}
.topmenu .side>li a{color:#fff;}

.login_list{position: relative;}
.login_list li{display:none;}
.login_list li.active{display:block;}

.lang{width:60px; height:80px; background:rgba(0,0,0, 0); position: absolute; right:0; 
    cursor: pointer;}
.lang>li{color:#fff; text-align: center; font-size:14px; font-weight:600; display:none; line-height:80px;}
.lang .active{display:block; background-color:#ffcb31;}
.lang a:hover {color:#4d4d4d;}

.logo_head{float: left; padding-top: 8px;}
.logo_head img {padding:20px;}

.mainmenu{float: right; text-align: center;}
.mainmenu>li{float: left; position: relative;}
.mainmenu>li>a{color:#333; font-size:15px; font-weight:500; letter-spacing:-0.028rem; padding: 25px 28px;}
.mainmenu>li>a::after{content:''; display:block; width:100%; height:2px; background:#007dc9; 
    transform:scaleX(0);}
.mainmenu>li>a:hover::after{transform:scaleX(1);}
.submenu{overflow: hidden;  position: absolute;  width:100%; 
    z-index: 99; transition-duration:0.5s; display: none;;}
.submenu>li{padding:15px 0; background: #191f6c; opacity: 0.9;}
.submenu>li>a{color:#fff; font-size:13px;}
/* .submenu>li:hover{background:#007dc9;} */
.submenu>li:hover a{color:#fff; text-decoration: underline;}

.mainmenu>li:hover .submenu1{height:108px;}

/* 헤더 스크롤 감지 */
.header{position: fixed; z-index: 999; width:100%; top:0; height:80px; transition: top 0.2s ease-in-out;}
.nav-up {top:-80px;}
.main_nav{width:100%; height:80px; background:rgba(250,250,250, 1); position: relative; float: left;}
.main_nav:hover {background:#fff;}
/* 헤더 스크롤 감지 끝*/



/* 500px */
@media screen and (max-width:500px){
    .check_control{font-size:14px;}
}

/* bx슬라이드 커스텀 시작*/
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {bottom:32px;}
.bx-wrapper {border:0; margin:0; padding:0;}
.slider_banner {margin:0; padding:0; width:100%; min-height:400px;}

/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev {
    background-color: rgba( 0, 0, 0, 0.0 );
    left:0;
    display: none;
  }
  .bx-wrapper .bx-prev:hover,
  .bx-wrapper .bx-prev:focus {
    background-color: rgba( 0, 0, 0, 0.0 );
    left:0;
    display: none;
  }
  .bx-wrapper .bx-next {
    background-color: rgba( 0, 0, 0, 0.0 );
    right:0;
    display: none;
  }
  .bx-wrapper .bx-next:hover,
  .bx-wrapper .bx-next:focus {
    background-color: rgba( 0, 0, 0, 0.0 );
    right:0;
    display: none;
  }
  .bx-wrapper .bx-controls-direction a {
    position: absolute;
    top: 50%;
    margin-top: -16px;
    outline: 0;
    width: 60px;
    height: 60px;
    text-indent: none;
    z-index: 10;
  }
  .bx-wrapper .bx-controls-direction a.disabled {
    display: none;
  } 
  /* PAGER */
 .bx-wrapper .bx-pager {
    text-align: center;
    font-size: .85em;
    font-family: Arial;
    font-weight: bold;
    color: #666;
    padding-top: 20px;
  }
  .bx-wrapper .bx-pager.bx-default-pager a {
    background: rgba(255, 255, 255, 0.3);
    text-indent: -99px;
    display: block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    outline: 0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
  }
  .bx-wrapper .bx-pager.bx-default-pager a:hover,
  .bx-wrapper .bx-pager.bx-default-pager a.active,
  .bx-wrapper .bx-pager.bx-default-pager a:focus {
    background: #136090;
  }
  .bx-wrapper .bx-pager-item,
  .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
    display: inline-block;
    vertical-align: bottom;
    zoom: 1;
    display: inline;
  }
  .bx-wrapper .bx-pager-item {
    font-size: 0;
    line-height: 0;
  }

  /* bx슬라이드 커스텀 끝*/

/*커스텀 by김용진 */     
.t_center {text-align:center;}
.t_center h3 {font-size:22px;}
.t_center h2 {font-size:42px;}
.title_m {font-size:42px;}

/* 탑 배너*/
.topban {width:100%; height:100%; position: relative; text-align: center; margin:0 auto; height:200px; overflow: hidden;}
.topban img {height:100%; transition: 0.9s; width:100%;}
.topban img:hover{transform: scale(1.05);}
.topban h1 {position: absolute; color:#4d4d4d; font-size:20px; top:68%; lefT:50%; transform: translate(-50%,-50%); font-weight:400;}
.topban h1 span {font-weight:bold;}
.middle_menu {width:100%; height: 50px; background-color:#191f6c; color:#fff;}
.middle_menu_wrap div img {padding:16px; float:left; }
.mid_menu {float:left; text-align: center;}
.mid_menu>li {float:left; line-height:50px; position: relative; width:200px; cursor: pointer;}
.mid_menu>li>.mid_submenu {width:100%; position: absolute; background-color:#222222;}
.mid_submenu {display: none;}
.mid_submenu>li>a{color:#f9f9f9;}
/* 탑배너 끝 */

.title_text {font-size:30px; text-align: center; font-weight:bold; margin:2.5% 0;}




#line-wrapper {
  cursor:pointer;
  width:55px;
  height:60px;
  position:relative;
  padding:5px;
  top:5px;
}

/* 추가된 부분 */
.init {
  animation:none !important;
}

.line {
  background:#737373;
  margin-top:6px;
  margin-bottom:10px;
  width:41px;
  height:3px; 
  position:relative;
}

.line-top {
  animation:line-top .5s forwards ease-out,
            line-top-rotate .3s .5s forwards ease-out;
}

/* 추가된 부분 */
.top-reverse {
  animation:line-top-rotate-reverse .3s forwards ease-out,
            line-top-reverse .5s .3s forwards ease-out;
}

.line-mid {
  animation:line-mid .5s forwards ease-out;
}

/* 추가된 부분 */
.mid-reverse {
  animation:line-mid-invisible .3s forwards ease-out, 
            line-mid-reverse .5s .3s forwards ease-out;
}

.line-bot {
  animation:line-bot .5s forwards ease-out,
            line-bot-rotate .3s .5s forwards ease-out;
}

/* 추가된 부분 */
.bot-reverse {
  animation:line-bot-rotate-reverse .3s forwards ease-out,
            line-bot-reverse .5s .3s forwards ease-out;
}

@keyframes line-top {
  0% {transform:translateY(0px)}
  100% {transform:translateY(13px)}
}

/* 추가된 부분 */
@keyframes line-top-reverse {
  0% {transform:translateY(13px)}
  100% {transform:translateY(0px)}
}

@keyframes line-top-rotate {
  0% {transform:translateY(13px) rotateZ(0deg)}
  100% {transform:translateY(13px) rotateZ(45deg)}
}

/* 추가된 부분 */
@keyframes line-top-rotate-reverse {
  0% {transform:translateY(13px) rotateZ(45deg)}
  100% {transform:translateY(13px) rotateZ(0deg)}
}

@keyframes line-mid {
  0% {transform:scale(1)}
  100% {transform:scale(0)}
}

/* 추가된 부분 */
@keyframes line-mid-reverse {
  0% {transform:scale(0)}
  100% {transform:scale(1)}
}

@keyframes line-mid-invisible {
  0% {transform:scale(0)}
  100% {transform:scale(0)}
}

@keyframes line-bot {
  0% {transform:translateY(0px)}
  100% {transform:translateY(-13px)}
}

/* 추가된 부분 */
@keyframes line-bot-reverse {
  0% {transform:translateY(-13px)}
  100% {transform:translateY(0px)}
}

@keyframes line-bot-rotate {
  0% {transform:translateY(-13px) rotateZ(0deg)}
  100% {transform:translateY(-13px) rotateZ(135deg)}
}

/* 추가된 부분 */
@keyframes line-bot-rotate-reverse {
  0% {transform:translateY(-13px) rotateZ(135deg)}
  100% {transform:translateY(-13px) rotateZ(0deg)}
}



/*제품 3개 */ 
.product_3ea {text-align: center; box-sizing: border-box;}
.product_3ea div{width:33.3%; margin:0; float:left; position: relative;  cursor: pointer;}
.product_3ea div img {margin:0 auto;}
.product_3ea span {font-weight:bold; font-size:18px;}
/*제품 3개 끝*/


.product_3ea_01 {text-align:center; width:32%; margin-right:2%; float:left; position: relative;}
.product_3ea_01 img {max-height:510px; margin:0 auto;}
.product_3ea_01:nth-child(3n) {margin-right:0;}
.product_3ea_01 table {width:100%; margin-bottom:100px; margin-top:5px;}
.product_3ea_01 table tr {height:100px;}
.product_3ea_01 table tr td {vertical-align: middle;}
.product_3ea_01 table tr td {width:70%; padding:10px; border-bottom:1px solid #ddd; background-color:#fff;}
.product_3ea_01 table tr th {background-color:#f9f9f9; text-align: left; padding:10px; width:30%; vertical-align: middle;}


/*제품 4개 */ 
.product_4ea {text-align: center; box-sizing: border-box; overflow: hidden;}
.product_4ea {width:25%; margin:0; float:left; position: relative;}
.product_4ea span {font-weight:bold; font-size:18px;}
.product_4ea img {padding:40px 40px 40px 0px;}

.product_4ea h1 {font-size:40px;}
.product_4ea p {padding-bottom:50px;}
/*제품 4개 끝*/





/*제품 5개 */ 
.product_5ea {text-align: center; box-sizing: border-box; overflow: hidden; height:400px;}
.product_5ea {width:240px; margin:0; float:left; position: relative;}
.product_5ea div img {margin:0 auto;}
.product_5ea span {font-weight:bold; font-size:18px;}

.product_5ea_cont {width:100%; height:100%; background: rgba(0,0,0, 0.5); position: absolute; top:340px; transition: 0.5s; color:#fff; padding:17px 30px 30px 30px; text-align: left;}
.product_5ea:hover .product_5ea_cont {position: absolute; top:0; left:0; z-index: 2; width:100%;}
.product_5ea_cont p:first-child {font-weight:bold; text-align: center; font-size:17px; line-height: 1.3;}
.product_5ea_cont p:nth-child(3) {font-size:12px; line-height: 1.5;}


.product_5ea_wrap {margin:0 auto; width:100%;}
/*제품 5개 끝*/

.re_table {width:100%; overflow:scroll; margin-bottom:50px;}
.re_table thead {background-color:#222222; color:#fff;}
.re_table thead tr th {text-align: center; padding:5px; vertical-align: middle; height:40px;}
.re_table tbody tr td {text-align: center; padding:10px; vertical-align: middle;}
.re_table tbody tr td:first-child {width:20%;}
.re_table tbody tr td:nth-child(2) {width:30%;}
.re_table tbody tr td:nth-child(3) {width:20%;}
.re_table tbody tr td:nth-child(4) {width:15%;}
.re_table tbody tr td:nth-child(5) {width:15%;}


.re_table tbody tr:nth-child(2n) {background-color:#f9f9f9; vertical-align: middle;}
.re_table tbody tr td {height:70px;}

.re_table, .re_table_02 {border-bottom:1px solid #222222;}

.re_table_02 {width:100%; margin-bottom:50px;}
.re_table_02 thead {background-color:#222222; color:#fff; }
.re_table_02 thead tr th{text-align: center; padding:5px; vertical-align: middle; height:40px;}
.re_table_02 tbody tr td {text-align: center; padding:10px; vertical-align: middle;}
.re_table_02 tbody tr:nth-child(2n) {background-color:#f9f9f9; vertical-align: middle;}
.re_table_02 thead tr th:first-child {width:20%;}
.re_table_02 thead tr th:last-child {width:80%;}
.re_table_02 tbody tr td {height:70px; text-align: center;}


::-webkit-scrollbar { -webkit-appearance: none; } 
::-webkit-scrollbar:vertical { width: 12px; } 
::-webkit-scrollbar:horizontal { height: 8px; } 
::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, .5); border-radius: 10px; border: 2px solid #ffffff; } 
::-webkit-scrollbar-track { border-radius: 10px; background-color: #ffffff; }


/* 커스텀 by김용진 끝 */



.div50 {width:48%; margin-right:2%; float:left;}
.div50:nth-child(even){margin-right:0; margin-left:2%; width:48%;}

html,body {margin:0 auto; overflow-x:hidden;}





/* 회사개요 */
.company_img {position: relative;}
.company_box {width: 410px; height:290px; background-color:#191f6c; position: absolute; bottom:-80px; right:0; z-index: -1;
background:url(/DONGNAM//image/pt_01.png) repeat;}

/*비전 문화*/
.left {width:50%; position: relative;}
.vision_text {margin-bottom:40px;}
.vision_text h2 {font-weight:bold; font-size:24px; color:#019fd6; margin-bottom:20px;}
.vision_text:nth-child(2) {margin-left:30px;}

/*연혁*/
.history_img_text {font-size:100px; color:#f9f9f9; font-weight: 900; text-align: center;} 
/* .history_ {border-left:1px solid #ddd;} */

.history_box {width:100%;}
.history_mini_box {position: relative; padding-bottom:30px;}
.history_box:nth-child(odd) .history_mini_box {border-right: 1px solid #ddd; width:50%; text-align: right; left:1px;}
.history_box:nth-child(even) .history_mini_box .years::before {content:""; position: absolute; top:15px; left:-11px; background-color:#fff; width:20px; height:20px; border:5px solid #191f6c; border-radius: 50%; vertical-align: middle;}
.history_box:nth-child(odd) .history_mini_box .years::before {content:""; position: absolute; top:15px; right:-11px; background-color:#fff; width:20px; height:20px; border:5px solid #191f6c; border-radius: 50%; vertical-align: middle;}


.history_box:nth-child(even) .history_mini_box {border-left:1px solid #ddd; width:50%; text-align: left; float:right; display: block;}
.history_mini_box .years {font-size:30px; font-weight: bold; margin-left:30px;}
.history_mini_box .month {font-size:20px; font-weight: bold; margin-left:30px;}
.history_mini_box .cont {margin-left:30px;}

.history_box:nth-child(odd) .history_mini_box .years {font-size:30px; font-weight:bold; margin-right:30px; }
.history_box:nth-child(odd) .history_mini_box .month {font-size:20px; font-weight: bold; margin-right:30px;}
.history_box:nth-child(odd) .history_mini_box .cont {margin-right:30px;}


/* 제품 시작 */


.flowmix_wrap {margin-bottom:20px;}

.fm_title_wrap {font-size:30px;  font-weight:bold; padding-top:30px; margin-top:30px;}
.fm_title_wrap img {width:30px; margin-right:10px;}
.product_flowmix {background-position:center; width:100%; height:100%;  margin-top:25px; position: relative; padding:50px; background-repeat: repeat; border-radius: 10px; background-size:cover; background-color: #222222;}

.product_flowmix:first-child {background-image:url(/DONGNAM/image/fm_01.jpg);}
.product_flowmix:nth-child(2) {background-image:url(/DONGNAM/image/fm_02.jpg);}

.bg_dam {background-image:url(/DONGNAM/image/fm_03.jpg) !important;}
.bg_dam_b {background-image:url(/DONGNAM/image/fm_03_b.jpg) !important;}
.bg_factory {background-image:url(/DONGNAM/image/fm_04.jpg) !important;}
.bg_factory_b {background-image:url(/DONGNAM/image/fm_04_b.jpg) !important;}
.bg_cement {background-image:url(/DONGNAM/image/fm_05.jpg) !important;}
.bg_cement_b {background-image:url(/DONGNAM/image/fm_05_b.jpg) !important;}
.bg_cement_r {background-image:url(/DONGNAM/image/fm_05_r.jpg) !important;}
.bg_cement02 {background-image:url(/DONGNAM/image/fm_06.jpg) !important;}
.bg_cement02_b {background-image:url(/DONGNAM/image/fm_06_b.jpg) !important;}
.bg_cement03 {background-image:url(/DONGNAM/image/fm_07.jpg) !important;}
.bg_cement03_b {background-image:url(/DONGNAM/image/fm_07_b.jpg) !important;}
.bg_cement03_r {background-image:url(/DONGNAM/image/fm_07_r.jpg) !important;}
.bg_cement04 {background-image:url(/DONGNAM/image/fm_08.jpg) !important;}
.bg_cement04_b {background-image:url(/DONGNAM/image/fm_08_b.jpg) !important;}
.bg_cement05 {background-image:url(/DONGNAM/image/fm_09.jpg) !important;}
.bg_cement05_b {background-image:url(/DONGNAM/image/fm_09_b.jpg) !important;}
.bg_cement05_r {background-image:url(/DONGNAM/image/fm_09_r.jpg) !important;}
.bg_cement06_r {background-image:url(/DONGNAM/image/fm_10_r.jpg) !important;}
.bg_cement07 {background-image:url(/DONGNAM/image/fm_11.jpg) !important;}
.bg_cement08 {background-image:url(/DONGNAM/image/fm_12.jpg) !important;}

.product_flowmix:last-child {margin-bottom:5%;}
.product_flowmix h2 {font-size:30px; color:#24bcfa; font-weight:700;}
.product_flowmix p {font-size:14px; color:#fff;}

.fm_wrap {float:left; width:70%;}
.fm_title {float:left; margin-bottom:30px;}
.fm_cont {clear:both; }
.fm_cont div {width:25%; float:left; text-align: center; border-right:1px solid rgba(255,255,255, 0.2);  border-bottom:1px solid rgba(255,255,255, 0.2); padding:10px 20px; background-color:rgba(0,0,0, 0.5); border-radius: 5px;} 
.fm_cont div:hover {opacity: 0.8;}
.fm_cont div:nth-of-type(4n) {border-right:0px;}
.fm_cont div:last-of-type {border-right:0px;}
.fm_cont div img {display: inline; max-height:100px; opacity: 0.8;} 

.fm_btn {float:right;}
.fm_btn div {border:1px solid rgba(255,255,255, 0.3); width:100%; padding:5px;}
.fm_btn div:first-child {margin-bottom:15px;}
.fm_btn a {width:100px;}


.btn_img {margin:15px auto 0 auto;}
.fm_btn p{text-align: center;}

.fm_btn a:hover div {background-color:rgba(0,0,0, 0.5);}

.box_cont {background-color:#07064f; color:rgba(255,255,255, 0.8);; font-size:16px; font-weight:500; padding:5px 10px; border-radius: 3px; vertical-align: top; position: relative; top:12px; left:10px;}
.violet_{background-color:#6e458e; color:rgba(255,255,255, 0.8);}
.red_{background-color:#d03a27;}
.white {background:none; border:1px solid #fff;}
.yellow {background:#ffcb31; color:black;}

.logo_gray02 {position: absolute; right:30px; width:30%;}
/* 제품 끝 */

.re_title {font-size:30px;}
.re_title02 {margin-bottom:30px;}

.mp_title {font-size:30px; padding-top:50px;}
.mj_table {width:100%; margin-bottom:100px;}
.mj_table thead tr th {width:50%; text-align: center; background-color:#019fd6; color:#fff; padding: 5px 0; vertical-align: middle; font-weight: bold;}
.mj_table tbody tr td {width:50%; text-align: center; padding: 6px 0; vertical-align: middle;}
.mj_table tbody tr {border-bottom:1px solid #ddd;}
.mj_table tbody tr:nth-child(2n) {background-color:#fff;}
.mj_table tbody tr:last-child {border-bottom:1px solid #666;}

.flow05 {background-color:#f8f8f8;}
.flow06 {background-color:#fff;}
.slogan_bg {background-image:url(/DONGNAM/image/slogan_bg.jpg); background-attachment: fixed; background-size: 100%; background-size:cover;}


.tab2_btn  .swiper-slide > img:nth-child(2) {display:none;}
.tab2_btn  .swiper-slide > img {cursor: pointer;}


.lang_01 {float:right;}

.mainmenu>li:last-child {margin-left:50px; margin-right:0;}


.f_50 {width:48%; float: left; margin-right:2%;}
.f_50:nth-child(even){margin-right:0%; margin-left:2%;}
.f_100 {width:100%;}

 input[type=text], select {
 width: 100%;
 padding: 12px 20px;
 margin: 8px 0;
 display: inline-block;
 border: 1px solid #ccc;
 border-radius: 4px;
 box-sizing: border-box;
}

input[type=tel], select {
  width: 100%;
  padding: 12px 20px;
  margin: 8px 0;
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
 }

textarea {
  width:100%;
  border:1px solid #ccc; 
  border-radius: 4px;
  padding: 12px 20px;
  margin:8px 0;
 }
.submit_btn { padding:10px 20px; background: #0f4683; color:#fff; text-align: center; border-radius: 4px; cursor: pointer;}
.submit_btn:hover {background-color:#275a91;}
form {margin-bottom:70px;}


.logo_ci img {margin:0 auto;}
.logo_ci {text-align: center; padding:20px;}
.logo_ci>h3 {font-size:18px;  margin-bottom:10px;}


.swiper-button-next, .swiper-container-rtl .swiper-button-prev {top:85px; right:-5%;}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {top:85px; left:-5%;}


.page_n {margin:0 auto; width:300px; text-align: center;}
.page_n button {padding:10px; margin-bottom:100px;}
.page_n button:hover {background-color:#07064f; color:#fff;}
.active_btn {background-color:#07064f; color:#fff;}


.compact_table table{width:100%;}

.p_sub_name {font-size:12px !important; font-weight:bold; color:#fff !important; background-color:#136090; padding:3px 0; margin-top:3px; box-shadow:0px 0px 11px rgba(255, 255, 255, 0.3);}
.p_sub_name:hover {opacity: 0.7;}
.left_100 {width:100%;}

.p_title_s {font-size:16px !important;}

.video_jc {margin:0 auto; display: inline-block;}
.m_lang div {float:left; width:50%; padding:12px 0; background-color:#e9ecee; cursor: pointer;}
.active_m  {background-color:#fec02b !important; color:#fff;}



.major_p {text-align: center; font-size:14px; background-color:#fff; border:1px solid #ddd; color:#4d4d4d; padding:8px 0; margin:2px 0;}
.active_mp {text-align: center; font-size:14px; background-color:#191f6c; color:#fff; padding:8px 0;}
.active_mp a {color:#fff;}
.major_p:last-of-type {margin-bottom:60px;}

.com_table .com_left {width:49.5%; margin-right:0.5%;}
.com_table .com_left img {width:100%;}
.com_table .com_left:nth-of-type(2n) {margin-right:0; margin-left:0.5%; width:49.5%;}


.product_intro {width:100%; height:680px; background-image:url(/DONGNAM/image/bg_pi_.jpg);}
.product_intro .left h2 {font-size:33px; font-weight:900;}
.product_intro .left {padding:16% 0;}
.product_intro .left:first-child {padding:16% 0 0 160px;}
.product_intro .left:last-child {padding:0;}
.product_intro .left p{font-size:20px;}
.bottom_bt {width:100px; height:3px; background-color:#191f6c; margin-bottom:3%;}
.pp_wrap .product_4ea {width:25%; margin:0; padding:0 !important; border-radius: 5px;}
.pp_wrap .product_4ea:last-child {margin-bottom:5%;}
.pp_wrap .product_4ea img {width:100%; padding:0;}




figure.snip1132 {
  font-family: 'Raleway', Arial, sans-serif;
  position: relative;
  overflow: hidden;
  margin: 0;
  min-width: 100%;
  max-width: 100%;
  max-height: 100%;
  width: 100%;
  background: #000000;
  color: #ffffff;
  text-align: center;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
}

figure.snip1132 * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.45s ease-in-out;
  transition: all 0.45s ease-in-out;
}

figure.snip1132 img {
  max-width: 100%;
  position: relative;
  opacity: 1;
}

figure.snip1132 figcaption {
  position: absolute;
  top: 20px;
  left: 20px;
  right: 20px;
  bottom: 20px;
  border: 1px solid rgba(250,250,250, 0.5);
  border-width: 0 1px;
}

figure.snip1132 .heading {
  overflow: hidden;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

figure.snip1132 .caption {
  overflow: hidden;
  -webkit-transform: translateY(50%);
  transform: translateY(50%);
  position: absolute;
  width: 100%;
  bottom: 0;
  font-weight:bold;
}

figure.snip1132 h3,
figure.snip1132 p {
  display: table;
  margin: 0 auto;
  padding: 0 10px;
  position: relative;
  text-align: center;
  width: auto;
  text-transform: uppercase;
  font-weight: 400;
}

figure.snip1132 h3 span,
figure.snip1132 p span {
  font-weight: 800;
}

figure.snip1132 h3:before,
figure.snip1132 p:before,
figure.snip1132 h3:after,
figure.snip1132 p:after {
  position: absolute;
  display: block;
  width: 1000%;
  height: 1px;
  content: '';
  background: white;
}

figure.snip1132 h3:before,
figure.snip1132 p:before {
  left: -1000%;
}

figure.snip1132 h3:after,
figure.snip1132 p:after {
  right: -1000%;
}

figure.snip1132 h3:before,
figure.snip1132 h3:after {
  top: 50%;
}

figure.snip1132 p {
  font-size: 0.8em;
  font-weight: 500;
}

figure.snip1132 p:before,
figure.snip1132 p:after {
  bottom: 50%;
}

figure.snip1132 a {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
  z-index: 1;
}

figure.snip1132:hover img,
figure.snip1132.hover img {
  opacity: 0.35;
  -webkit-transform: scale(1.15);
  transform: scale(1.15);
}

.snip1132 .middle {font-size:30px; color:#fff; font-weight:300; position: absolute;  width:80%; top:50%; left:50%; transform: translate(-50%,-50%); font-weight:bold;}
.snip1132 .middle span {font-size:12px; line-height:1.1; font-weight:500; padding: 5px 0;}
.snip1132 .middle h2 {line-height:0.5;}
#middle_s1 {color:#2393c2;}
#middle_s2 {color:#705d91;}
#middle_s3 {color:#049b89;}
#middle_s4 {color:#607b8a;}
  .pp_wrap .product_4ea {border-top:10px solid #2393c2;}
  .pp_wrap .product_4ea:nth-child(2) {border-top:10px solid #705d91; position: relative; top:40px;}
  .pp_wrap .product_4ea:nth-child(3) {border-top:10px solid #049b89;}
  .pp_wrap .product_4ea:nth-child(4) {border-top:10px solid #607b8a;  position: relative; top:40px;}


.vision_text span {font-weight: bold; color:#2393c2;}
.div_border {width:100%; height:1px; background-color:#ddd;}

.top_btn {width:48px; height:35px; background-color:#333; border-radius: 4px 4px 0 0; color:#fff; position: fixed; text-align: center; text-transform: uppercase; opacity: 0.8; z-index:100001; bottom:0px; right:50px;}
.top_btn:hover {opacity: 1; cursor: pointer;}


.ma_wrap_dn {position: relative; height:738px;}
.ojb_dn {position: absolute; width:36%; height:62%; top:35%; right:7%;}
#ma_06 {position: absolute; width:37%; height:64%; top:32%; right:6%;}
#ma_floor {position: absolute; width:65%; height:79%; top:15%; right:26%;}
.ojb_dn_build {position: absolute; top:0; left:0; padding:0; display: block;}
#dnm_01 {cursor: pointer;}

/* .mp_title+.left img {margin:0 auto;} */

#product_5ea_cont_en .product_5ea_cont {padding-top:8px;}

#team_dongnam {margin-right:20%;}
#team_dongnam_eng {margin-right:0;}


textarea:focus {
  outline: none;
}
button:focus {
  outline: none;
}
input:focus {
  outline: none;
}