.main_content_01{ width: 100%; height: 349px; padding: 0 20px; background-color: rgb(245,245,245); background-position: center; background-repeat: no-repeat; background-size: auto 100%; display: flex; flex-flow: column nowrap; justify-content: center; align-items: center; }
.main_content_01>h6{ max-width: 100%; margin-bottom: 10px; color: rgb(255,255,255); font-size: 30px; font-weight: bold; text-align: center; text-shadow: 2px 2px 3px rgb(0,0,0); }
.main_content_01>p{ max-width: 100%; margin-top: 15px; color: rgb(255,255,255); font-size: 16px; font-weight: normal; text-align: center; text-shadow: 0px 0px 7px rgb(0,0,0); }

.main_content_02{ width: 100%; height: auto; max-width: 1200px; margin: auto; padding: 0 20px; display: flex; flex-flow: row wrap; justify-content: space-between; }
.main_content_02>li{ width: 48%; margin-top: 45px; }
.main_content_02>li>h4{ width: 100%; height: 35px; display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: flex-end; }
.main_content_02>li>h4>p{ width: auto; height: auto; font-size: 20px; color: rgb(51,51,51); font-weight: bold; }
.main_content_02>li>h4>a{ width: auto; height: auto; font-size: 14px; color: rgb(136,136,136); font-weight: normal; transition: all 0.12s ease-in-out; cursor: pointer; }
.main_content_02>li>h4>a:hover{ color: rgb(51,51,51); }
.main_content_02>li>figure{ width: 100%; height: auto; margin-top: 10px; padding: 35px 20px; border: 1px solid rgb(220,220,220); display: flex; flex-flow: row nowrap; justify-content: space-between; }
.main_content_02>li>figure>a{ width: 250px; height: 200px; border: 1px solid rgb(220,220,220); position: relative; cursor: pointer; }
.main_content_02>li>figure>a>p{ width: 100%; padding: 0 10px; position: absolute; bottom: 0; left: 0; z-index: 1; background-color: rgba(0,0,0,0.7); font-size: 16px; color: rgb(255,255,255); font-weight: normal; word-break: keep-all; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 40px; transition: all 0.12s ease-in-out; }
.main_content_02>li>figure>a>p:hover{ background-color: rgba(0,0,0,1); }
.main_content_02>li>figure>a>h6{ width: 100%; height: 100%; position: absolute; z-index: 0; background-color: rgb(235,235,235); color: rgb(185,185,185); font-size: 20px; font-weight: normal; line-height: 156px; text-align: center; }
.main_content_02>li>figure>p{ width: 100%; line-height: 200px; text-align: center; font-size: 16px; color: rgb(102,102,102); }

.main_content_03{ width: 100%; height: auto; max-width: 1200px; margin: 75px auto 0; padding: 0 20px; display: flex; flex-flow: row nowrap; justify-content: center; }
.main_content_03>a{ width: 200px; height: 160px; margin: 0 30px; padding: 20px; display: flex; flex-flow: column nowrap; justify-content: space-between; align-items: center; background-color: rgb(220,220,220); }
.main_content_03>a>img{ width: 72px; height: 73px; }
.main_content_03>a>img:nth-of-type(2){ display: none; }
.main_content_03>a:hover>img:nth-of-type(1){ display: none; }
.main_content_03>a:hover>img:nth-of-type(2){ display: inline; }
.main_content_03>a:hover>p{ color: rgb(150,52,41); }






/* 메인비주얼 - 220310 */
.main-visual-area { width:100%;/*  height:412px; */ height:320px; /* margin-top:100px; */}
.main-visual-area > div {position:relative; width:100%; height:100%; background-repeat:no-repeat; background-position:center; background-size:cover; }
.main-visual-area .bgimg01 { background-image:url('/img/new/main_visual_image01.jpg'); background-size: cover;}
.main-visual-area .bgimg02 { background-image:url('/img/new/main_visual_image02.jpg'); background-size: cover;}
.main-visual-area .bgimg03 { background-image:url('/img/new/main_visual_image03.jpg'); background-size: cover;}
.main-visual-area .bgimg04 { background-image:url('/img/new/main_visual_image04.jpg'); background-size: cover;}

.main-visual-area .in-cont-box {max-width: 1100px; position:absolute; left:50%; top:40%; width:100%; text-align:left;
transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%); -o-transform:translateY(-50%);}
.main-visual-area .mv-title { font-size:36px; color:#363636; font-weight:bold; line-height:1.2; margin-bottom:10px; }
.main-visual-area .mv-txt {display:block; /* font-size:20px;수정전 값*/ font-size: 16px; color:#363636; font-weight:400;}

/*btns*/
.cvbg-btns{  position:absolute;  display:inline-block; width:30px; height:60px;  top:50%;  transform: translateY(-50%);  text-align:center;  cursor:pointer;   z-index:100; -webkit-user-select: none; -moz-user-select: none; -khtml-user-select: none; -ms-user-select: none; -webkit-transition: all 0.1s ease;  -moz-transition: all 0.1s ease;  -o-transition: all 0.1s ease;  -ms-transition: all 0.1s ease;  transition: all 0.1s ease;}

#cvbg-next {right:3%; background:url('/img/new/main_slide_next.png') no-repeat center center;background-size:contain;}
#cvbg-pre {left:3%; background:url('/img/new/main_slide_prev.png') no-repeat center center; background-size:contain;}

#swiper-pagination{
  min-width:20px;
  margin-left: auto; 
  margin-right: auto;
  height:15px;
  position:relative;
  text-align:center;
  bottom:100px;
  z-index: 1;
}

.mainSlider .swiper-pagination-bullet {
  margin: 0 4px;
  display: inline-block;
  width:8px;
  height:8px;
  border-radius:50%;
  background:#fff;
  opacity:0.5;
  position:relative;
  top:0;
}

.mainSlider .swiper-pagination-bullet-active {
  width:20px;
  height:10px;
  border-radius:5px;
  opacity:1;
  box-shadow:rgba(0,0,0,0.1) 1px 1px 0px; 
  background:#fff ;
}


/* 메인-notice */
.mainVisual { position:relative;}
.inner {max-width:1100px;/*  min-width: 1300px; */ margin:0 auto; position:relative; width: 100%; height: 100%; overflow:hidden; }
.boardLatest { width: 100%; height: 100%; height:90px; position:absolute; bottom:0; left:50%; transform:translateX(-50%); z-index:10;}
.boardLatest .inner {border-top-right-radius:10px; border-top-left-radius:10px; }
.boardLatest .col1 {float:left; height:90px; width:70%; background:#fff; box-sizing:border-box; position:relative;  padding:0px; border:1px solid #e8e8e8; border-bottom:0;  border-top-left-radius:10px;}
.boardLatest .col2 {float:right; width:30%; height:90px; box-sizing:border-box; background:#ec713f; padding:16px 30px; display: flex; align-items: center;}

.col1 { display: flex; align-items: center; justify-content: space-between;}
.col1 > div {display:inline-block;}
.col1 .latestTit {width: 220px; height: 90px; display:inline-block; font-weight:600; color:#ffffff; font-size:20px; float:left; padding:30px 30px 30px 30px; background:#ec713f; text-align: center; position: relative;}
.col1 .bul {width: 2px; height: 14px; display: inline-block; background-color:#ffffff; position: absolute; top: 52%; right: 20px; transform: translateY(-50%);}

.col1 .notice_date {display:inline-block; padding-right:25px; color:#c8c8c8; float: right;}
.col1 .notice_tit {font-weight:400; color:#666; font-size:16px;}
.latestWrap {width: calc(100% - 135px); padding-left:20px;}
.latestWrap li { display: flex; justify-content: space-between; align-items: center; line-height: 20px;}
.latestBtn { width:43px; float: right; text-align: right; font-size: 0;}
.latestBtn span {font-size:0; line-height:0; display:inline-block; width:14px; height:12px; cursor: pointer; background-repeat: no-repeat; background-position: center center;}
.latestBtn span + span {margin-left:10px;}
.latestBtn .prev-btn { background-image:url('/img/new/icon_arrow_bottom.png'); }
.latestBtn .next-btn { background-image:url('/img/new/icon_arrow_top.png') ;}

/* 더보기 버튼 */
.latestMoreBtn .btn-more{width: 50px; height: 50px; text-align: center; line-height: 50px; background-color: #ffffff; border: 1px solid #d4d4d4;}

.search_con {position:relative;}
.col2 input[type=text] { background: none;}
.col2 input { width: 100%; height: 35px; padding: 0 25px 0 5px; font-size: 16px; border-bottom: 1px solid #fff; color:#fff;}
.col2 input::placeholder {color:#fff;}
.col2 button { width: 21px; height: 100%; margin-left: 5px; background-color: transparent; position: absolute; top: 0; right: 0px;}

.col2 .latest-list {max-width: 190px; margin: 0 auto; color: #ffffff;}
.col2 .latest-list li {margin-bottom: 6px;}
.col2 .latest-list li:last-child {margin-bottom: 0px;}
.col2 .latest-list .icon {width: 18px; margin-right: 2px; -webkit-filter: invert(1); filter: invert(1);}

/* product */
.main_TitleArea {font-size:40px; font-weight:bold; color:#363636; line-height: 40px; /* margin-bottom:50px; */}
.main_TitleArea .txt_orange {color: #ec713f; }
.title_line_box {font-size:24px;font-weight:600;}
.title_line {display: inline-block; width:65px; height:1px; background:#363636; margin:0 15px 6px 0; vertical-align: middle;}
.main_content {position:relative; width: 100%; height: auto; max-width: 1300px; margin: auto; /* padding-top: 100px; */ padding-top: 50px;}
.news_btn {z-index:10; position:absolute; top:45px; right:0; outline:0; font-size:0; overflow:hidden; }
.news_btn a {display: inline-block; width:55px; height:55px; border:1px solid #e8e8e8; border-radius:5px;}
.news_btn .more {background:url("/img/new/plus.png") no-repeat center center; background-size:55px 55px; font-size:0; width:55px; height:55px;}
.news_btn .more:hover { background:#ec713f url("/img/new/plus_on.png") no-repeat center center;}
.arrowSlider {z-index:10; position:absolute; top:45px; right:75px; outline:0; font-size:0;}
.arrowSlider span {display: inline-block; width:55px; height:55px;  border:1px solid #e8e8e8; padding:10px; box-sizing: border-box;}
.arrowSlider .prev { right:55px; background:url("/img/new/left_arrow.png") no-repeat center center; border-top-left-radius:5px; border-bottom-left-radius:5px;  border-right: none; background-size:55px 55px;}
.arrowSlider .prev:hover { background:#ec713f url("/img/new/left_arrow_on.png") no-repeat center center;}
.arrowSlider .next { right:0; background: url("/img/new/right_arrow.png") no-repeat center center; border-top-right-radius:5px; border-bottom-right-radius:5px; background-size:55px 55px;}
.arrowSlider .next:hover { background:#ec713f url("/img/new/right_arrow_on.png") no-repeat center center;}

.product_slide {box-sizing:border-box;}
.product_slide_list {padding:20px 0;}
.product_slide_list .swiper-slide {border-radius:10px; border: 1px solid #e8e8e8; overflow:hidden;}
.product_slide_list .swiper-slide {display: block;}
.product_slide_list .swiper-slide img {width: 100%; height:160px;}
.product_slide_list .swiper-slide:hover {box-shadow: 12px 12px 21px 0px rgb(0 0 0 / 5%);  }

.product_slide .infobox {background:#fff; width:100%; box-sizing:border-box; /* padding:30px; */  padding:20px; text-align:left; overflow:hidden; white-space:nowrap;}
.product_slide .infobox .case_title { font-size: 20px; color: #363636; font-weight:bold;  /*padding-bottom:15px; margin-bottom: 25px;margin-bottom: 15px; border-bottom:1px solid #e8e8e8; */ }
.product_slide .infobox .case_name { font-size:16px; color:#666; font-weight:300; 
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}



.icon_board_box {padding:50px 0;}
.icon_board_box.product-item {padding: 20px 0;}
.icon_board_box .inner {position:relative; width:100%; font-size:0; display: flex; justify-content: space-between;}
.ibbox {position:relative; display: inline-block; width:33.333%;/*  margin:1.6665%; */ height:80px; background:#fff; border:1px solid #e8e8e8; border-radius:5px; box-sizing:border-box;  padding:10px 25px; display: flex; justify-content: space-between;}
.ibbox + .ibbox {margin-left:3%;}
.icon_info_box {display:inline-block; padding-left:15px; width: calc(100% - 54px);}
.ib_title {font-size: 18px; color: #363636; font-weight:bold; padding-bottom:10px; }
.ib_txt { font-size:13px; color:#666; font-weight:300; }
.ib_icon {display: inline-block; width:54px; height:54px; vertical-align: top;} 
.ib01 {background: url("/img/new/notice_icon.png") no-repeat center center; background-size:100%;}
.ib02 {background: url("/img/new/file_icon.png") no-repeat center center; background-size:100%;}
.ib03 {background: url("/img/new/inquiry_icon.png") no-repeat center center; background-size:100%;}
.ib04 {background: url("/img/new/location_icon.png") no-repeat center center; background-size:80% auto;}
.ibbox:hover .ib01 {background-image: url("/img/new/notice_hover_icon.png");}
.ibbox:hover .ib02 {background-image: url("/img/new/file_hover_icon.png");}
.ibbox:hover .ib03 {background-image: url("/img/new/inquiry_hover_icon.png");}
.ibbox:hover .ib04 {background-image: url("/img/new/location_hover_icon.png");}

.ibbox:hover {background:#ec713f; border:1px solid #ec713f;}
.ibbox:hover .ib_title {color:#fff;}
.ibbox:hover .ib_txt {color:#fff;}


/* CONTACT US */
.contact_us { /* padding:50px 0; */ padding:10px 0; }
.contact_us .inner {position:relative; width:100%;  font-size:0;/*  background: url("/img/new/contact_us_bg.png") no-repeat center center; background-size:100%; */}
.contact_us .inner:after {content:''; display:block; clear:both;}
.contact_us .inner > div {display: inline-block; float:left; height: 563px;}

.contact_us .floatL {background: url("/img/new/main_contact_img01.png") no-repeat center center; background-size:100%;}
.contact_us .floatR {background: url("/img/new/main_contact_img02.png") no-repeat center center; background-size:100%;}
.contact_us .floatL {width:48%; color:#fff; font-size:16px; font-weight:200; text-align:center; padding:125px;}
.contact_us .floatR {width:52%; color:#666; font-size:16px; font-weight:200; text-align:left; padding:75px 100px;}
.contact_t_tit {font-size:50px; font-weight:bold;}
.contact_t_small {opacity:0.4; font-weight:300;}
.contact_m_tit {font-size:32px; font-weight:bold; margin-bottom:20px;}
.contact_bottom {font-size:22px; font-weight:bold;}
.contact_middle {padding:35px 0 40px; margin-bottom:40px; border-bottom:2px solid #f08f68;}
.icon_tel {display: inline-block; width:23px; height:23px; vertical-align: top; background: url("/img/new/icon_tel01.png") no-repeat center center; background-size:100%; margin:5px 7px;}


/* 문의 */
.inquiry_t_tit {color:#fff; font-size:30px; font-weight:bold; margin-bottom:20px;}
.en.inquiry_t_tit {color:#fff; font-size:30px; font-weight:bold; margin-bottom:20px;line-height:30px;}
.custom_inquiry {position:relative; width:100%;  font-size:0; margin: 2% 0; display: flex; justify-content: space-between;}
.custom_inquiry input {width:49%; border-radius:0;  border:1px solid #ccc;}
.contact_us .floatR input { color:#666; font-size:16px; font-weight:200; text-align:left; background: rgba(255,255,255,0.8);}
.contact_us .floatR input::placeholder, .texta textarea::placeholder {color:#666;}
.floatR select {width:100%; color:#666; font-size:16px; font-weight:200; text-align:left;  vertical-align: middle; padding: 5px; border: 1px solid #ccc; height: 40px; background:rgba(255,255,255,0.8) url('/img/new/select_arrow_down.png') no-repeat 98% 50%;}
.texta textarea {width:100%; color:#666; font-size:16px; font-weight:200; text-align:left; background: rgba(255,255,255,0.8); vertical-align: middle;  padding: 5px; border: 1px solid #ccc; height: 110px; }
.floatR.en .texta textarea {height: 80px;}


.agree_check {position: relative; color:#fff; font-size:16px; font-weight:200; text-align:left; padding-top:20px;}
.comm_check_label {display:inline-block; cursor:pointer;vertical-align:middle; padding:0;}
.comm_check_label input[type="checkbox"] { display: none;} 
.comm_check_label input {position:absolute; visibility:hidden; position:static; visibility:visible; width:0; height:0; } 
.comm_check_label input + span {display: inline-block; width:19px; height:19px;  margin-top: -1px; background: url("/img/new/checkbox.gif") no-repeat left top;  overflow: hidden;  font-size: 0; line-height: 0; margin-right: 10px; vertical-align: middle;}
.comm_check_label input:checked + span {background: url("/img/new/check_on.gif") no-repeat left bottom; }
.BtnArea {position: absolute; right: 0; top: 10px;}
.btn_bg_red {display: inline-block; width:170px; height:50px; line-height:50px; background:#963429;  text-align:center; color:#fff; font-size:18px; font-weight:500;}


/* top */
.btn_gotop {position: absolute; right: 5%; top: -25px;}

.gall_inner {
	position:relative; width:100%; font-size:0.75em; display: flex; justify-content: space-between;height: 100%;
	max-width: 1100px;margin: 0 auto;overflow: hidden;flex-wrap: wrap;
}

#bo_gall h2 {margin:0;padding:0; font-size: 24px}
#bo_gall #gall_ul {margin:20px -10px 0;padding:0;list-style:none;zoom:1;width:100%;}
#bo_gall #gall_ul:after {display:block;visibility:hidden;clear:both;content:""}
#bo_gall .gall_box {position:relative;margin:0 0 30px 0;background:#fff;border-radius:10px; box-shadow: 1px 1px 6px 1px rgb(0 0 0 / 10%); overflow: hidden;}
#bo_gall .gall_li .gall_chk{position:absolute;top:0;left:0;padding:5px;}

.gall_row .col-gn-0,.gall_row .col-gn-1,.gall_row .col-gn-2,.gall_row .col-gn-3,.gall_row .col-gn-4,.gall_row .col-gn-5,.gall_row .col-gn-6,.gall_row .col-gn-7,.gall_row .col-gn-8,.gall_row .col-gn-9,.gall_row .col-gn-10{position:relative;min-height:1px;padding-left:10px;*padding-left:0;padding-right:10px;*padding-right:0;float:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-left:0;}
.gall_row .col-gn-0,.latest_row .col-gn-1{width:100%}
.gall_row .col-gn-2{width:50%;}
.gall_row .col-gn-3{width:33.33333333%;}
.gall_row .col-gn-4{width:25%;}
.gall_row .col-gn-5{width:20%;}
.gall_row .col-gn-6{width:16.66666667%;}
.gall_row .col-gn-7{width:14.28571428%;}
.gall_row .col-gn-8{width:12.5%;}
.gall_row .col-gn-9{width:11.11111111%;}
.gall_row .col-gn-10{width:10%;}

.gall_row .box_clear{clear:both}

#bo_gall .gall_now .gall_text_href a {color:#ff3061}

#bo_gall .gall_href a:link, #bo_gall .gall_href a:focus, #bo_gall .gall_href a:hover {text-decoration:none}
#bo_gall .gall_img{text-align:center; background-color: #e6e6e6;}
#bo_gall .gall_img a,#bo_gall .gall_img .no_image,#bo_gall .gall_img .is_notice{display:block}
#bo_gall .gall_img img{max-width:100%;height:auto !important}
#bo_gall .gall_img span{display:inline-block;background:#eee;text-align:center;line-height:150px;text-transform:uppercase;font-weight:bold;font-size:1.25em;color:#777}

#bo_gall .gall_text_href {padding: 15px 30px; background-color: #ffffff; height: 76px; display: flex; justify-content: center; align-items: center;}
#bo_gall .gall_text_href a {font-weight:bold}
#bo_gall .gall_text_href img {margin:0 0 0 4px}
#bo_gall .bo_tit{/*padding:0 15px; */font-weight:bold;color:#000;font-size:1.083em; text-overflow: ellipsis; overflow: hidden; word-break: break-word; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
#bo_gall .bo_tit .cnt_cmt{background:#5c85c1;color:#fff; font-size:11px;height:16px;line-height:16px;padding:0 5px;border-radius:3px;vertical-align:middle;
-webkit-box-shadow: inset 0 2px 5px  rgba(255,255,255,0.3);
-moz-box-shadow: inset 0 2px 5px  rgba(255,255,255,0.3);
box-shadow: inset 0 2px 5px  rgba(255,255,255,0.3);}
#bo_gall .profile_img img{border-radius:50%}
#bo_gall .gall_name{margin:10px}

#bo_gall .bo_tit .fa-download{width:16px;height:16px;line-height:16px;background:#e89f31;color:#fff;text-align:center;font-size:10px;border-radius:2px;margin-right:2px;vertical-align:middle}
#bo_gall .bo_tit .fa-link{width:16px;height:16px;line-height:16px;background:#ad68d8;color:#fff;text-align:center;font-size:10px;border-radius:2px;margin-right:2px;vertical-align:middle;font-weight:normal}
#bo_gall .bo_tit .fa-link{width:16px;height:16px;line-height:16px;background:#ad68d8;color:#fff;text-align:center;font-size:10px;border-radius:2px;margin-right:2px;vertical-align:middle}
#bo_gall .bo_tit .new_icon{display:inline-block;width: 16px;line-height:16px ;font-size:0.833em;color:#fff;background:#6db142;text-align:center;border-radius: 2px;vertical-align:middle;margin-right:2px}
#bo_gall .bo_tit .hot_icon{display:inline-block;width: 16px;line-height:16px ;font-size:0.833em;color:#fff;background:#e52955;text-align:center;border-radius: 2px;vertical-align:middle;margin-right:2px}
#bo_gall .bo_tit .fa-lock{display: inline-block;line-height: 16px;color: #999;text-align: center;vertical-align:middle;}


#bo_gall .gall_info{line-height:1.5em;padding:10px;font-size:0.92em;background:#f6f6f6;line-height:20px}
#bo_gall .gall_info strong{ display:inline-block;margin:0 0 0 10px }
#bo_gall .gall_info i{font-size:12px}
#bo_gall .gall_info .gall_date{position:absolute;bottom:10px;right:10px;font-style:italic;display:inline-block;color:#777;}