#m_bnr2 .con_box li:last-child {
    border-right-color: #ddd;
}

.hover_area .fas {font-size:24pt;text-align:center;width:100%;padding:20px 0;color:#d1d1d1}
.hover_area b {font-size:16pt}
.hover_area p {padding-top:15px;font-size:10pt;color:#7b7b7b}

#m_bnr2 {
    border-bottom-color: #ddd;
}
#m_bnr2, #pro_tab [class~=tab] {
    border-bottom-style: solid;
}

#m_bnr2 {
    border-bottom-width: .75pt;
}
#m_bnr2 {
    border-image: none;
}

#m_bnr2 [class~=con_box] {
    height: 16.25pc;
}


#m_bnr2 [class~=con_box] li {
    overflow: hidden;
}
#m_bnr2 [class~=con_box] li {
    box-sizing: border-box;
}

#m_bnr2 [class~=con_box] li {
    border-left-width: .010416667in;
}

#m_bnr2 [class~=con_box] li, [class~=sub_location] > div [class~=cen], #pro_tab [class~=pro_list] > ul > li > a > div > img {
    border-left-style: solid;
}


#main_about_100 [class~=img_wrap], #m_bnr2 [class~=con_box] li {
    float: left;
}
#main_visual, #m_bnr2 [class~=con_box] li {
    position: relative;
}


#m_bnr2 [class~=con_box] li {
    border-left-color: #ddd;
}

#m_bnr2 [class~=con_box] li {
    height: 100%;
}

#m_bnr2 [class~=con_box] li {
    width: 25%;
}

#m_bnr2 .con_box li .hover_area, #m_bnr2 [class~=con_box] li:hover {
    transition: .6s;
}

#m_bnr2 .con_box li .hover_area {
    border-radius: .3125in;
}

#m_bnr2 .con_box li .hover_area {
    background: rgba(0, 0, 0, 0);
}

#m_bnr2 .con_box li .hover_area {
    padding-top: 30pt;
}

#m_bnr2 .con_box li .hover_area {
    height: 100%;
	text-align:center
}
#m_bnr2 [class~=con_box] li [class~=hover_area] span[class~=btn_view] {
    transition: .6s;
}


#m_bnr2 [class~=con_box] li [class~=hover_area] span[class~=btn_view] {
    margin-top: 1.875pc;
}

#m_bnr2 [class~=con_box] li [class~=hover_area] span[class~=btn_view] {
    line-height: .3125in;
}

#m_bnr2 [class~=con_box] li [class~=hover_area] span[class~=btn_view] {
    display: inline-block;
}


#m_bnr2 [class~=con_box] li, #main_visual, #pro_area [class~=pro_tit] p, #main_about_100 [class~=btn_more] {
    text-align: center;
}

.layouts .titles {
    position: relative;
    top: -20px;
    left: 0;
    width: 50%;
    padding: 10px 0 10px 20px;
    box-sizing: border-box;
    background: #008a06;
    font-size: 20px;
}

.layouts .titles dl {
    margin: 0;
    color: #ffffff;
}

.layouts{
    border: #CCC 1px solid;
    padding: 0px 10px 10px 10px;
    background: #f4f4f4;
	font-size:11pt;
}

.lines{
    display: block;
    width: 100%;
    height: 60px;
    line-height: 60px;
}

.img_tiles figure img {
    max-width: 100%;
    vertical-align: bottom;
    border-radius: 30px;
}

@media (max-width:700px){

.item {
    width: 33.3333%;
	float:left;
}

.subject{font-size:10pt}

.item img {width:100%}

}

@media (min-width:700px){

.item {
    width: 33.3333%;
	float:left;
}

}

.img_tiles:after {
    content: '';
    display: block;
    clear: both;
}

.tables td {
    height: 50px;
    padding: 5px 10px;
    background: #fff;
    font-size: 16px;
    font-weight: normal;
    color: #333;
    text-align: left;
    text-decoration: :none;
}

.tables {
    width: 100%;
    margin: 0 auto;
   
    background: #d7d7d7;
    border-spacing: 1px;
    border-collapse: separate;
    table-layout: auto;
}


/* --- 페이지 로더 --- */
.page-loader {position:fixed;top:0;left:0;z-index:9999;width:100%;height:100%;background:#5faae3}
.page-loader .logo-loader {position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}
.page-loader .logo-loader:before, .page-loader .logo-loader:after {content:"";position:absolute;top:60px;left:0;height:1px}
.page-loader .logo-loader:before {width:100%;background:rgba(255,255,255,.4)}
.page-loader .logo-loader:after {width:0;background:#fff;-webkit-transition:all 1.2s ease;-moz-transition:all 1.2s ease;-o-transition:all 1.2s ease;-ms-transition:all 1.2s ease;transition:all 1.2s ease}
.page-loader .logo-loader.active:after {width:100%}
.page-loader .logo-loader img {max-height:35px;width:auto}
.page-loader .logo-loader h5 {margin:40px 0 0;text-align:center;letter-spacing:5px;font-size:12px;color:#fff}

/* --- 메인 슬라이더 --- */
.main-slider {position:relative;height:500px}
.main-slider-inner {position:relative;overflow:hidden;display:none}
.main-slider .main-slider-list {margin-bottom:0}
.main-slider .main-slider-item {position:relative;outline:none;height:500px;overflow:hidden}

/* 이미지 */
.main-slider .main-slider-image {position:relative;width:100%;height:100%;background-repeat:no-repeat;background-size:cover;background-position:center}
.main-slider .slick-current .main-slider-item.item-animation .main-slider-image {-webkit-transform:scale(1.1);transform:scale(1.1);;-webkit-transition: transform 10s linear;-moz-transition: transform 10s linear;-o-transition: transform 10s linear;-ms-transition: transform 10s linear;transition: transform 10s linear}
.main-slider .main-slider-image:before {content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.4)}
.main-slider .main-slider-image .mask-block {opacity:0;position:absolute;width:33.333%;height:100%;background:#c4c4c4}
.main-slider .main-slider-image .mask-block.mask-1 {top:0;left:0}
.main-slider .main-slider-image .mask-block.mask-2 {bottom:0;left:33.33%}
.main-slider .main-slider-image .mask-block.mask-3 {top:0;left:66.666%}
.main-slider .slick-current .main-slider-item.item-animation .main-slider-image .mask-block {opacity:1;height:0;-webkit-transition-delay:1s;transition-delay:1s;-webkit-transition: height 1s linear;-moz-transition: height 1s linear;-o-transition: height 1s linear;-ms-transition: height 1s linear;transition: height 1s linear}
/* 내용 */
.main-slider .main-slider-caption {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;max-width:1100px;text-align:center}
.main-slider .main-slider-caption h4 {position:relative;margin:0 0 30px;font-size:60px;letter-spacing:2px;color:#fff;font-family: 'Do Hyeon', sans-serif;}
.main-slider .main-slider-caption h4:after {content:"";display:block;position:absolute;bottom:-15px;left:50%;transform:translateX(-50%);width:50px;height:1px;background:#fff}
.main-slider .main-slider-caption h5 {margin:0 0 30px;line-height:30px;font-size:20px;word-break:keep-all;color:#fff;font-family: 'Noto Serif KR', serif;}
/* 버튼 */
.main-slider .main-slider-caption .btn-more a {color:#fff;border-color:#fff}
.main-slider .main-slider-caption .btn-more a:hover {color:#333}
.main-slider .main-slider-caption .btn-more a:before {border-bottom:80px solid #fff}
/* 컨트롤 점 - 숫자 */
.main-slider .slick-dots {bottom:50px}
.main-slider .slick-dots li {display:inline-block;margin:0 1px 0 0;width:40px;height:40px;line-height:40px;text-align:center;font-size:15px;border-bottom:1px solid #ccc;color:#ccc;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease}
.main-slider .slick-dots li:hover {background:rgba(200,200,200,.2)}
.main-slider .slick-dots li.slick-active {color:#fff;border-color:#fff}
/* 컨트롤 좌우 */
.main-slider .slick-next, .main-slider .slick-prev {width:60px;height:120px;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-o-transition: all .3s ease;-ms-transition: all .3s ease;transition: all .3s ease}
.main-slider .slick-next {right:40px;z-index:1}
.main-slider .slick-prev {left:40px;z-index:1}
.main-slider .slick-next:before, .main-slider .slick-prev:before {content:"";display:block;position:absolute;top:50%;width:80px;height:80px;margin-top:-40px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}
.main-slider .slick-next:before {right:17px;border-right:1px solid #ccc;border-top:1px solid #ccc}
.main-slider .slick-prev:before {left:17px;border-left:1px solid #ccc;border-bottom:1px solid #ccc}
.main-slider .slick-next:after, .main-slider .slick-prev:after {content:"";display:block;position:absolute;top:50%;width:0;height:1px;background:#ccc;-webkit-transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out}
.main-slider .slick-next:after {right:1px}
.main-slider .slick-prev:after {left:1px}
.main-slider .slick-next:hover:after, .main-slider .slick-prev:hover:after {width:100px}
@media (max-width:1199px){
	.main-slider, .main-slider .main-slider-item {height:720px}
	.main-slider .main-slider-caption {max-width:800px}
	.main-slider .main-slider-caption h4 {font-size:50px}
}
@media (max-width:991px){
	.main-slider .main-slider-caption {max-width:700px}
	.main-slider .main-slider-caption h4 {font-size:40px}
	.main-slider .main-slider-caption h5 {font-size:18px}
	.main-slider .slick-next, .main-slider .slick-prev {width:30px;height:60px}
	.main-slider .slick-next {right:15px}
	.main-slider .slick-prev {left:15px}
	.main-slider .slick-next:before, .main-slider .slick-prev:before {width:40px;height:40px;margin-top:-20px}
	.main-slider .slick-next:before {right:10px}
	.main-slider .slick-prev:before {left:10px}
	.main-slider .slick-next:after {right:3px}
	.main-slider .slick-prev:after {left:3px}
	.main-slider .slick-next:hover:after, .main-slider .slick-prev:hover:after {width:40px}
}
@media (max-width:767px){
	.main-slider, .main-slider .main-slider-item {height:300px}
	.main-slider .main-slider-caption {max-width:inherit;padding:0 40px}
	.main-slider .main-slider-caption h4 {font-size:24px}
	.main-slider .main-slider-caption h5 {margin-bottom:20px;font-size:13px;line-height:25px}
	.main-slider .slick-dots {bottom:30px}
}

/* scroll down */
.scroll-down {position: relative;}
.scroll-down span {display:block;position:absolute;left:72px;top:20px;z-index:99;width:100px;letter-spacing:1px;transform-origin:top left;-webkit-transform-origin:top left;-webkit-transform:rotate(90deg);transform:rotate(90deg)}
.scroll-down span:before {content:"";display:block;position:absolute;left:95px;bottom:9px;height:1px;width:20px;background:#2b4481;-webkit-animation: scrollDown 2s infinite;animation: scrollDown 2s infinite;}
@-webkit-keyframes scrollDown {
	form {left:95px;width:20px}
	to {left:120px;width:0}
}
@keyframes scrollDown {
	form {left:95px;width:20px}
	to {left:120px;width:0}
}
@media (max-width:991px){
	.scroll-down {display:none}
}


#m_bnr2s .con_box li:last-child {
    border-right-color: #ddd;
}

.hover_area .fas {font-size:24pt;text-align:center;width:100%;padding:20px 0 0 0;color:#d1d1d1}
/* .hover_area b {font-size:12pt}  */
.hover_area p {padding-top:15px;font-size:10pt;color:#7b7b7b}


.hover_areas .fas {font-size:24pt;text-align:center;width:100%;padding:25px 0 15px 0;color:#d1d1d1}
/* .hover_area b {font-size:12pt}  */
.hover_areas p {padding-top:15px;font-size:10pt;color:#7b7b7b}




#m_bnr2s {
    border-bottom-color: #ddd;
}
#m_bnr2s, #pro_tab [class~=tab] {
    border-bottom-style: solid;
}

#m_bnr2s {
    border-bottom-width: .75pt;
}
#m_bnr2s {
    border-image: none;
}

#m_bnr2s [class~=con_box] {
    height:7.25pc;
}


#m_bnr2s [class~=con_box] li {
    overflow: hidden;
}
#m_bnr2s [class~=con_box] li {
    box-sizing: border-box;
}

#m_bnr2s [class~=con_box] li {
    border-left-width: .010416667in;
}

#m_bnr2s [class~=con_box] li, [class~=sub_location] > div [class~=cen], #pro_tab [class~=pro_list] > ul > li > a > div > img {
    border-left-style: solid;
}


#m_bnr2s [class~=con_box] li {
    float: left;
}
#main_visual, #m_bnr2s [class~=con_box] li {
    position: relative;
}


#m_bnr2s [class~=con_box] li {
    border-left-color: #ddd;
}

#m_bnr2s [class~=con_box] li {
    height: 100%;
}

#m_bnr2s [class~=con_box] li {
    width: 33.3%;
}

#m_bnr2s .con_box li .hover_area, #m_bnr2 [class~=con_box] li:hover {
    transition: .6s;
}

#m_bnr2s .con_box li .hover_area {
    border-radius: .3125in;
}

#m_bnr2s .con_box li .hover_area {
    background: rgba(0, 0, 0, 0);
}

#m_bnr2s .con_box li .hover_area {
}

#m_bnr2s .con_box li .hover_area {
    height: 100%;
	text-align:center
}
#m_bnr2s [class~=con_box] li [class~=hover_area] span[class~=btn_view] {
    transition: .6s;
}


#m_bnr2s [class~=con_box] li [class~=hover_area] span[class~=btn_view] {
    margin-top: 1.875pc;
}

#m_bnr2s [class~=con_box] li [class~=hover_area] span[class~=btn_view] {
    line-height: .3125in;
}

#m_bnr2s [class~=con_box] li [class~=hover_area] span[class~=btn_view] {
    display: inline-block;
}


#m_bnr2s [class~=con_box] li, #main_visual, #pro_area [class~=pro_tit] p, #main_about_100 [class~=btn_more] {
    text-align: center;
}