/*mainStyle.css*/
@font-face {
    font-family: 'GongGothicLight';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-10@1.0/GongGothicLight.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
body.dark-mode { background:#333; }
body.dark-mode h1, h2 , h3, p { color:#fff; }
body.dark-mode p,
body.dark-mode h1,
body.dark-mode h2,
body.dark-mode h3,
body.dark-mode a { color:#fff; }
body.dark-mode button {
    background-color:#c71526;
    color:#fff;
}
body.light-mode h1, h2, h3, p, a { color:#333; }
body.light-mode button {
    background-color:#c71526;
    color:#eee
}
button { background:#c71526; }
#darkLight {
    width:70px; height:90px; 
    font-size:3em;
    padding-left:0.5%;
    position:fixed;
    right:0; bottom:3%;
    border-radius:100px 0 0 100px;
    transition:all .3s;
    z-index:99999;
}
#darkLight:hover {
    width:130px;
    padding-left:1%;
    background-color:#111;
}

#container{overflow: hidden; }

.bannerWrap {position:relative;}
.bannerWrap.mobile {display:none;}
.bannerWrap.pc {display:block;} 
.mainSlider {position:relative;}
.mainSlider .swiper-slide {position:relative; }
.mainSlider .swiper-slide img {display:inline-block;}
.mainSlider .swiper-slide .main_title {width:1251px; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%);
-webkit-transition:opacity 0.7s,-webkit-transform 0.7s;transition:opacity 0.7s,-webkit-transform 0.7s;-o-transition:transform 0.7s,opacity 0.7s;transition:transform 0.7s,opacity 0.7s;transition:transform 0.7s,opacity 0.7s,-webkit-transform 0.7s;opacity:0}

.mainSlider .swiper-slide .main_title h3 {font-family: 'nanummyeongjo'; font-size:45px; font-weight:600; color:#000; line-height:120%;letter-spacing:-1;}
.mainSlider .swiper-slide .main_title p {font-size:20px; color:#000; line-height:150%; margin:10px 0;letter-spacing:-1;}


.mainSlider .swiper-slide.swiper-slide-active .main_title {-webkit-transition-delay:0.4s;-o-transition-delay:0.4s;transition-delay:0.4s;-webkit-transform: translate(-50%,-55%); -ms-transform: translate(-50%,-55%); transform: translate(-50%,-55%);opacity:1}

.mainSlider .swiper-pagination {bottom:50px !important;}
.mainSlider .swiper-pagination .swiper-pagination-bullet {width:10px; height:10px; background:#FFF; border-radius:10px; opacity:1;}
.mainSlider .swiper-pagination .swiper-pagination-bullet-active {width:47px; background:#f9960f;}

.mainSlider .swiper-button-prev {position:absolute; cursor:pointer; left:70px; top:calc(50% - 35px); z-index:99; width:70px; height:70px; background:url(../img/bg_direction_nav.png) no-repeat 0 0;}
.mainSlider .swiper-button-next {position:absolute; cursor:pointer; right:70px; top:calc(50% - 35px); z-index:99; width:70px; height:70px; background:url(../img/bg_direction_nav.png) no-repeat 100% 0;}



@media all and (min-width:1847px){

.mainSlider .swiper-slide img {width:100%;}
}

@media all and (max-width:1251px){
.mainSlider .swiper-slide .main_title {width:100%; padding:0 50px;}
}


@media all and (max-width:1000px){

.mainSlider .swiper-slide .main_title {width:100%; padding:0 30px; top: 50%; }
.mainSlider .swiper-slide .main_title h3 {font-size:40px; }
.mainSlider .swiper-slide .main_title p {font-size:20px; }

.mainSlider .swiper-slide {height:450px;}
.mainSlider .swiper-slide img {height:100%; object-fit:cover; width:auto;}


.bannerWrap.mobile {display:block;}
.bannerWrap.pc {display:none;}
}

@media all and (max-width:680px){

 
.mainSlider .swiper-slide .main_title {text-align:center;}
.mainSlider .swiper-slide .main_title h3 {font-size:28px; }
.mainSlider .swiper-slide .main_title p {font-size:16px;}

.mainSlider .swiper-button-prev {left:20px; }
.mainSlider .swiper-button-next {right:20px; }


}
@media all and (max-width:500px){

.mainSlider .swiper-slide {height:350px;}
.mainSlider .swiper-slide .main_title h3 {font-size:24px; }
.mainSlider .swiper-slide .main_title p {font-size:14px;}


}



.mainTitle {text-align:center; margin-bottom:40px; padding-top:90px; position:relative;}
.mainTitle h3 {font-size:38px; color:#222222; font-weight:bold; letter-spacing:-2px; line-height:120%;}
.mainTitle p {font-size:20px; color:#999999; letter-spacing:-1px; line-height:120%; margin-top:10px;}
.mainTitle .main_more {position:absolute;  right:0; top:90px; width:108px; height:40px; border:1px solid #eae4e0; border-radius:40px; display:flex; align-items:center; justify-content:center; font-size:14px; color:#222222;}

.mobile_br {display:none;}

@media all and (max-width:1000px){

.mainTitle {margin-bottom:30px; padding-top:60px; }
.mainTitle h3 {font-size:32px;letter-spacing:-2px; line-height:120%;}
.mainTitle p {font-size:18px; letter-spacing:-1px; line-height:120%; } 

.mainTitle .main_more {top:60px;}
}


@media all and (max-width:700px){

.mobile_br {display:block;}
.mainTitle {margin-bottom:30px; padding-top:50px; }
.mainTitle h3 {font-size:28px;letter-spacing:-2px; line-height:120%;}
.mainTitle p {font-size:16px; letter-spacing:-1px; line-height:120%; } 
.mainTitle .main_more {top:50px;}
}

@media all and (max-width:500px){

.mainTitle {margin-bottom:20px; padding-top:40px; }
.mainTitle h3 {font-size:24px;letter-spacing:-2px; line-height:120%;}
.mainTitle p {font-size:14px; letter-spacing:-1px; line-height:120%; margin-top:5px;}
.mainTitle .main_more {top:35px; width:40px; height:40px;font-size:18px; color:#999;} 
.mainTitle .main_more span {display:none;}
}


.mainBusiness {}


.mainBusinessBox {height:731px; background:url(../img/mainBusiness_bg.png) no-repeat center 0;}
.mainBusinessBox .txtbox {max-width:1251px; margin:0 auto; display:flex; height:100%; align-items:center;}
.mainBusinessBox .txtbox .title {width:50%;}
.mainBusinessBox .txtbox .title h4 {font-size:32px; color:#ffffff; font-weight:bold; letter-spacing:-1px; line-height:120%;}
.mainBusinessBox .txtbox .title a.more {position:relative; display:inline-flex; width:189px; height:45px; align-items:center; justify-content:center; border:1px solid #FFF; font-size:16px; color:#FFF; margin-top:25px;}
.mainBusinessBox .txtbox .title a.more i {position:absolute; right:10px;}
.mainBusinessBox .txtbox .desc {width:50%;}
.mainBusinessBox .txtbox .desc ul li {padding:35px; margin-bottom:20px; font-size:18px; color:#ffffff; letter-spacing:-1px; padding-right:90px;}
.mainBusinessBox .txtbox .desc ul li:last-child {margin-bottom:0;}
.mainBusinessBox .txtbox .desc ul li.skyblue {background:url(../img/plus_icon.png) no-repeat right+30px center #468cd4;}
.mainBusinessBox .txtbox .desc ul li.blue {background:url(../img/plus_icon.png) no-repeat right+30px center #457ece;}

.businessSlider {overflow:hidden; position:relative;} 
.businessSlider .swiper-button-prev2 {position:absolute; cursor:pointer; left:70px; top:calc(50% - 35px); z-index:99; width:38px; height:66px; background:url(../img/bg_direction_nav2.png) no-repeat 0 0;}
.businessSlider .swiper-button-next2 {position:absolute; cursor:pointer; right:70px; top:calc(50% - 35px); z-index:99; width:38px; height:66px; background:url(../img/bg_direction_nav2.png) no-repeat 100% 0;}

@media all and (min-width:1874px){
.mainBusinessBox {background-size:100%;}
}

@media all and (max-width:1251px){

.mainBusinessBox {height:680px;}
.mainBusinessBox .txtbox {padding:0 80px;}
.mainBusinessBox .txtbox .title h4 {font-size:28px;} 
.mainBusinessBox .txtbox .desc ul li br {display:none;}

.businessSlider .swiper-button-prev2 {left:20px; }
.businessSlider .swiper-button-next2 {right:20px;}

}

@media all and (max-width:992px){

.mainBusinessBox {height:580px;}
.mainBusinessBox .txtbox {padding:0 80px;}
.mainBusinessBox .txtbox .title h4 {font-size:24px;} 
.mainBusinessBox .txtbox .desc ul li {font-size:16px;}

.businessSlider .swiper-button-prev2 {left:20px; }
.businessSlider .swiper-button-next2 {right:20px;}

}

@media all and (max-width:800px){

.mainBusinessBox {height:580px;}
.mainBusinessBox .txtbox {padding:20px 80px; display:block;}
.mainBusinessBox .txtbox .title {width:100%; text-align:center; padding:30px 0;}
.mainBusinessBox .txtbox .title h4 {font-size:20px;} 
.mainBusinessBox .txtbox .title a.more {font-size:14px; width:160px; height:40px; margin-top:10px;}
.mainBusinessBox .txtbox .desc {width:100%; padding:0 0 30px 0;}
.mainBusinessBox .txtbox .desc ul li {font-size:16px; padding:20px 30px; padding-right:90px;}

.businessSlider .swiper-button-prev2 {left:20px; }
.businessSlider .swiper-button-next2 {right:20px;}

}

@media all and (max-width:550px){

.mainBusinessBox {height:auto; background-size:auto 100%;}
.mainBusinessBox .txtbox {padding:20px 20px; flex-wrap:wrap;}
.mainBusinessBox .txtbox .title {width:100%; text-align:center;}
.mainBusinessBox .txtbox .title h4 {font-size:17px;} 
.mainBusinessBox .txtbox .title a.more {font-size:14px; width:160px; height:40px; margin-top:10px;}
.mainBusinessBox .txtbox .desc {width:100%;}
.mainBusinessBox .txtbox .desc ul li {font-size:14px; padding:20px 30px; padding-right:90px; line-height:140%;}

.businessSlider .swiper-button-prev2 {left:10px; top:68px; }
.businessSlider .swiper-button-next2 {right:10px; top:68px;}

}





.mainHuwon {}
ul.mainHuwonList {display:flex; flex-wrap:wrap; margin-left:-2%;}
ul.mainHuwonList li {position:relative; width:23%; margin-left:2%;}
ul.mainHuwonList li img {max-width:100%;}
ul.mainHuwonList li a {color:#FFF;}
ul.mainHuwonList li .txt {position:absolute; left:0; bottom:0; width:100%; font-size:20px; color:#FFF; padding:50px 20px 20px 20px; background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%,rgba(0, 0, 0, 1) 100%); z-index:2; letter-spacing:-1px; text-align:center; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
ul.mainHuwonList li.last {background:url(../img/mainHuwon_icon.png) no-repeat right+15px bottom #ea8d78; padding:40px;}
ul.mainHuwonList li.last h4 {font-size:24px; color:#FFF; letter-spacing:-1px; line-height:140%; margin-bottom:15px;}
ul.mainHuwonList li.last p {font-size:18px; color:rgba(255,255,255,0.8); letter-spacing:-1px; line-height:140%;}
ul.mainHuwonList li.last q.more {quotes:"""";margin-top:30px; width:108px; height:41px; display:flex; align-items:center; justify-content:center; font-size:14px; color:#FFF; border:1px solid rgba(255,255,255,0.45); border-radius:41px;}



@media all and (max-width:1200px){
ul.mainHuwonList li .txt {font-size:16px;}
ul.mainHuwonList li.last {padding:30px;}
ul.mainHuwonList li.last h4 {font-size:20px;}
ul.mainHuwonList li.last p {font-size:16px;}

}

@media all and (max-width:900px){ 
ul.mainHuwonList li.last {padding:20px;} 
}



@media all and (max-width:830px){
 
ul.mainHuwonList li {width:48%; margin-bottom:2%;}
ul.mainHuwonList li .txt {font-size:16px;}
ul.mainHuwonList li img {width:100%;}
ul.mainHuwonList li.last {padding:30px;}
ul.mainHuwonList li.last h4 {font-size:20px;}
ul.mainHuwonList li.last p {font-size:16px; }

}

@media all and (max-width:500px){
ul.mainHuwonList li .txt {font-size:14px;}
ul.mainHuwonList li.last {padding:15px; background:#ea8d78;}
ul.mainHuwonList li.last h4 {font-size:17px;}
ul.mainHuwonList li.last p {font-size:14px;}
ul.mainHuwonList li.last q.more {margin-top:10px;}
}



.mainNotice {}
.noticeSlider {overflow:hidden;}

.noticeSlider li .mainNotice_box {padding:32px; display:flex; flex-wrap:wrap;}
.noticeSlider li .mainNotice_box .dateBox {width:80px; background:#c9a49e; display:flex; flex-direction:column; align-items:center; justify-content:center;}
.noticeSlider li .mainNotice_box .dateBox b {font-size:28px; color:#FFF; font-weight:bold;}
.noticeSlider li .mainNotice_box .dateBox span {font-size:14px; color:#FFF;}
.noticeSlider li .mainNotice_box .txtBox {width:calc(100% - 80px); padding-left:30px;}
.noticeSlider li .mainNotice_box .txtBox h5 {font-size:24px; color:#333333; margin-bottom:15px; letter-spacing:-1px; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.noticeSlider li .mainNotice_box .txtBox p {overflow: hidden; display:-webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical; font-size:18px; color:#555555; letter-spacing:-1px;}
.noticeSlider li:nth-child(odd) .mainNotice_box {background:#fcf5ef;}
.noticeSlider li:nth-child(even) .mainNotice_box {background:#fef7f1;}

.noticeSlider .swiper-pagination2 {margin-top:40px; text-align:center;}
.noticeSlider .swiper-pagination2 .swiper-pagination-bullet {width:14px; height:14px; background:#e6e0db; border-radius:14px; opacity:1; margin:0 10px !important;}
.noticeSlider .swiper-pagination2 .swiper-pagination-bullet-active {background:#f9960f;}


.noticeList {display:flex; margin-left:-3%;}
.noticeList li {width:47%; margin-left:3%;}
.noticeList li .mainNotice_box {padding:32px; display:flex; flex-wrap:wrap;}
.noticeList li .mainNotice_box .dateBox {width:80px; background:#c9a49e; display:flex; flex-direction:column; align-items:center; justify-content:center;}
.noticeList li .mainNotice_box .dateBox b {font-size:28px; color:#FFF; font-weight:bold;}
.noticeList li .mainNotice_box .dateBox span {font-size:14px; color:#FFF;}
.noticeList li .mainNotice_box .txtBox {width:calc(100% - 80px); padding-left:30px;}
.noticeList li .mainNotice_box .txtBox h5 {font-size:24px; color:#333333; margin-bottom:15px; letter-spacing:-1px; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.noticeList li .mainNotice_box .txtBox p {overflow: hidden; display:-webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical; font-size:18px; color:#555555; letter-spacing:-1px;}
.noticeList li:nth-child(odd) .mainNotice_box {background:#fcf5ef;}
.noticeList li:nth-child(even) .mainNotice_box {background:#fef7f1;}


@media all and (max-width:700px){

.noticeList {display:flex; margin-left:0;}
.noticeList li {width:100%; margin-left:0; margin-bottom:10px;}
.noticeList li .mainNotice_box {padding:20px;}
.noticeList li .mainNotice_box .txtBox {padding-left:15px;}
.noticeList li .mainNotice_box .dateBox b {font-size:22px;}
.noticeList li .mainNotice_box .dateBox span {font-size:14px; }
.noticeList li .mainNotice_box .txtBox h5 {font-size:20px; margin-bottom:10px;}
.noticeList li .mainNotice_box .txtBox p {font-size:16px;}
}


@media all and (max-width:992px){

.noticeSlider li .mainNotice_box .txtBox h5 {font-size:20px;}
.noticeSlider li .mainNotice_box .txtBox p {font-size:16px;}

}


.mainPhoto {padding-bottom:100px;}
.mainPhoto_list {display:flex; flex-wrap:wrap; margin-left:-2%;}
.mainPhoto_list li {width:23%; margin-left:2%;}
.mainPhoto_list li img {max-width:100%; border-top-left-radius:30px; border-bottom-right-radius:30px;}
.mainPhoto_list li h5 {margin-top:25px; font-size:18px; font-weight:normal; text-align:center; color:#333333; letter-spacing:0px; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.mainPhoto_list li p {margin-top:10px; font-size:16px;  color:#555555; overflow: hidden; display:-webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height:160%; height:3em; line-height:1.5em;}
.mainPhoto_list li p.date {font-size:14px; color:#555555;}

@media all and (max-width:992px){

.mainPhoto_list li h5 {margin-top:15px; font-size:18px;}
.mainPhoto_list li p {margin-top:5px; font-size:14px;}
}



@media all and (max-width:640px){

.mainPhoto_list li {width:48%; margin-bottom:4%;}
.mainPhoto_list li img {border-top-left-radius:10px; border-bottom-right-radius:10px;}
}



#about_wrap{width:100%; min-width:320px; padding:90px 0; background-color:#E8F1FA; }
#about_wrap:after{ content:""; display:block; clear:both;}
#about_wrap .inner {position:relative; width:100%; max-width:1251px; height:500px; margin:0 auto;}
#about_wrap .con_left {position:absolute; top:0; left:0; width:700px; height:400px; }
#about_wrap .con_left img {width:100%; height:400px;border-radius:30px;}
#about_wrap .con_right {position:absolute; top:60px; right:0;width:780px; height:400px; padding:30px 50px 50px 50px; background:#fff; border:1px solid #eee; border-radius:30px;}
#about_wrap .con_right:after{ position:absolute; top:-50px; content:'MECHO'; display:block; right:0; z-index:10; box-sizing:border-box; padding:10px 15px; color:#D7E5F2; font-size:60px; font-weight:900; letter-spacing:-1px;}
#about_wrap .con_right em{display:block; padding-top:20px;  color:#999; font-size:0.85em; letter-spacing:0.35em; font-style:normal; } 
#about_wrap .con_right h2{color:#333; font-size:30px; font-weight:500; line-height:1.5em; margin-top:20px;padding-left:20px;font-family: 'nanummyeongjo';}
#about_wrap .con_right p {margin-top:20px; padding-right:15px; padding-left:20px;font-size:16px; color:#333; line-height:1.5em; word-break:keep-all; }

#about_wrap .con_right ul { width:100%;  margin:60px 0 0 0; padding:0; list-style:none;}
#about_wrap .con_right ul li { float:left; width:25%;height:130px;margin:0; padding:0;}
#about_wrap .con_right ul li span { display:block; margin-top:100px;font-size:18px; font-family: 'GmarketSansMedium'; text-align:center;}
#about_wrap .con_right ul li.icon1 { background:url("../img/about_icon01.png") no-repeat 50% 0; border-right:1px dashed #D3D3D3;}
#about_wrap .con_right ul li.icon2 { background:url("../img/about_icon02.png") no-repeat 50% 0; border-right:1px dashed #D3D3D3;}
#about_wrap .con_right ul li.icon3 { background:url("../img/about_icon03.png") no-repeat 50% 0; border-right:1px dashed #D3D3D3;}
#about_wrap .con_right ul li.icon4 { background:url("../img/about_icon04.png") no-repeat 50% 0; border-right:0;}

.btn_view{overflow:hidden; position:absolute; left:50px; bottom:50px; width:180px; height:50px; background:#fff; border:1px solid #ddd; transition:all 0.3s ease 0s;}
.btn_view span{display:block; text-align:center; color:#000; line-height:50px; font-size:1em;}
.btn_view:hover { background:#000;  border:1px solid #000; }
.btn_view:hover span {color:#fff;}


@media all and (max-width:1500px){	
#about_wrap {padding:80px 2%;}

}


/* 반응형 중간기기 1300px 사이즈 이하*/
@media all and (max-width:1300px){	
	
	
	#about_wrap .con_right:after{right:0; top:-50px;}
}

/* 반응형 중간기기 1200px 사이즈 이하*/
@media all and (max-width:1300px){


	#about_wrap .con_left {width:50%; background:none;}
	#about_wrap .con_left img {height:auto;} 

}

/* 반응형 중간기기 768사이즈 이하 */
@media screen and (max-width: 768px) {			

	#about_wrap{height:100%; padding:40px 2% 0 2%;}
	#about_wrap .inner {height:auto;}
	#about_wrap .con_left {float:left; position:relative !important; width:100%; height:auto; }
	#about_wrap .con_left img { width:94%; margin:0 3%;}
	#about_wrap .con_right {float:left; position:relative !important; top:-50px; left:50%; margin-left:-47%; width:94%; padding:20px 10px; border:0; height:290px; }
	#about_wrap .con_right:after{ display:none;}
	#about_wrap .con_right ul { margin-top:20px;}
	#about_wrap .con_right ul li { height:110px;}
	#about_wrap .con_right ul li.icon1 { background-size:60px;}
	#about_wrap .con_right ul li.icon2 { background-size:60px;}
	#about_wrap .con_right ul li.icon3 { background-size:60px;}
	#about_wrap .con_right ul li span { font-size:11px; line-height:1.2; margin-top:70px;}
	
	
	
	
	#about_wrap .con_right h2 { font-size:20px; text-align:center; padding-left:0; margin-top:10px;}
	#about_wrap .con_right p { font-size:12px; text-align:center;padding-left:0;}
	
	#about_wrap .con_right ul
	
	#about_wrap .con_left img
	.btn_view{ left:25px; bottom:10%;}


}

/* 반응형 작은기기 480사이즈 이하 */
@media screen and (max-width: 480px) {	

	#about_wrap .con_left:after{ right:42px; top:-25px; padding:10px 20px; font-size:0.75em;}
	#about_wrap .con_right em {font-size:1em;}
	#about_wrap .con_right h2 {font-size:1.5em;}
	#about_wrap .con_right p {padding-right:0;}
	

}

#comm_wrap { width:100%; min-width:320px; padding:80px 0;}
#comm_wrap:after{ content:""; display:block; clear:both;}
#comm_wrap .board_area { width:100%; max-width:1251px; margin:0 auto;}
#comm_wrap .board_area:after{ content:""; display:block; clear:both;}
#comm_wrap .board_area .dleft{ float:left; width:31%; height:330px;border:1px solid #DDDDDD; padding:20px 40px; border-radius:20px; }
#comm_wrap .board_area .dcenter{ float:left; width:31%; height:330px; margin:0 2%;  border:1px solid #DDDDDD; padding:20px 40px; border-radius:20px; }
#comm_wrap .board_area .dright{ float:left; width:34%; height:320px; position:relative;border:1px solid #DDDDDD;border-radius:20px; padding:20px 0 0 0;background:url("../img/cs_tel.png") no-repeat 50% 20px;}
#comm_wrap .notice_area { position: relative; width:100%; overflow:hidden;}
#comm_wrap .notice_area .tit { text-align:center; padding:20px 0; margin-bottom:30px; border-bottom:1px solid #555; }
#comm_wrap .notice_area .more { display:none; position:absolute; right:0; top:0; background:none;}
#comm_wrap .notice_area strong{  color:#000; font-size:27px; font-weight:600; }
#comm_wrap .notice_area p{ color:#666; font-size:15px; margin-top:10px;font-weight:300;}
#comm_wrap .notice_area ul {padding:0; margin:0;}
#comm_wrap .notice_area ul li{position: relative; width:100%; line-height:1.2em; margin-bottom:2px;  color:#333; font-size:16px; font-weight:400;}
#comm_wrap .notice_area ul li a strong{ display:inline-block; height:unset; line-height:unset; font-size:1em; }
#comm_wrap .notice_area ul li span.date{position: absolute; top:3px; right:0; text-align:right; line-height:1.5em; font-size:14px; color:#777; }
#comm_wrap .notice_area div.cs_tel{margin:0; padding:0; text-align:center; }
#comm_wrap .notice_area div.cs_tel p{font-size:20px; color:#000; font-weight:600; letter-spacing:0px; padding-top:110px; margin-bottom:15px;line-height:1.7;}
#comm_wrap .notice_area div.cs_tel span{ display:block;font-size:15px; color:#777; }
#comm_wrap .notice_area div.cs_tel span strong {font-size:16px; color:#000;font-weight:100; }
#comm_wrap .notice_area div.cs_tel .btnGo { width:50%; line-height: 60px; color:#fff; display: inline-block; font-size:16px; font-weight:500; text-align:center; margin-top:15px;transition: 0.5s all ease; }

#comm_wrap .notice_area div.cs_tel .btnGo.no1:hover,
#comm_wrap .notice_area div.cs_tel .btnGo.no2:hover {background:#000;}
#comm_wrap .notice_area div.cs_tel .btnGo.no1 {float:left;border-bottom-left-radius:20px; background:#3274E7;}
#comm_wrap .notice_area div.cs_tel .btnGo.no2 {float:right;border-bottom-right-radius:20px; background:#215EBF;}



@media all and (max-width:1500px){	
#comm_wrap {padding:80px 2%;}

}
/* 반응형 중간기기 768사이즈 이하 */
@media screen and (max-width:1000px) {		

	#comm_wrap { padding:50px 3% 0 3%;}
	#comm_wrap .board_area .dleft{ width:49%; }
	#comm_wrap .board_area .dcenter{ float:right; width:50%; margin:0;  }
	#comm_wrap .board_area .dright{  width:100%; padding:10px 0 30px 0; margin-top:50px; }
	#comm_wrap .notice_area { padding:0; margin:0 auto;}
	#comm_wrap .board_area .dright .notice_area .tit {display:none;}
	
}


/* 반응형 중간기기 768사이즈 이하 */
@media screen and (max-width: 768px) {			

    	#comm_wrap { padding-left:4%; padding-right:4%;}
	#comm_wrap .board_area .dleft{ width:100%; padding:20px;}
	#comm_wrap .board_area .dcenter{ width:100%;padding:20px; margin-top:30px;}
	#comm_wrap .board_area .dright { margin-top:30px; height:300px;}

   	 #comm_wrap .notice_area div.cs_tel p{font-size:25px;}
	#comm_wrap .notice_area div.cs_tel span{font-size:11px; letter-spacing:-1px;}
	#comm_wrap .notice_area div.cs_tel span strong {font-size:13px;}
     
}



/* 반응형 작은기기 480사이즈 이하 */
@media screen and (max-width: 480px) {	

	#comm_wrap .notice_area ul li a{display:inline-block; width:70%; text-overflow:ellipsis; white-space:nowrap;word-wrap:normal;overflow:hidden;}
	#comm_wrap .more{display:none;}

}










/*



.main_program {padding:100px 0; background:linear-gradient(to bottom, #FFF 50%, #fcca0e 50%);}
.main_program_title { height:50px; margin-bottom:50px; text-align:center;}
.main_program_title .inner {display:inline-block; font-family: 'S-CoreDream-8Heavy'; font-size:40px; position:relative; padding-left:75px; padding-right:75px;}
.main_program_title .program-left {cursor:pointer; position:absolute; left:0; top:-15px; display:block;  width:56px; height:56px; background:url(../img/bg_direction_nav2.png) no-repeat;}
.main_program_title .program-right {cursor:pointer; position:absolute; right:0; top:-15px; display:block;  width:56px; height:56px; background:url(../img/bg_direction_nav2.png) no-repeat 100% 0;}

.program_slider ul.swiper-wrapper {}
.program_slider ul.swiper-wrapper .swiper-slide {background:#FFF; height: auto; border-radius:30px; overflow:hidden; box-shadow:0px 0px 20px rgba(0,0,0,0.2); }
.program_slider ul.swiper-wrapper .swiper-slide .img {overflow:hidden; background:#000;}
.program_slider ul.swiper-wrapper .swiper-slide .img img {opacity:1; width:100%; -webkit-transition-duration: 0.5s; transition-duration: 0.5s;  -webokit-transition-duration: 0.5s; }
.program_slider .swiper-slide .info {padding:35px 30px 50px 30px;} 
.program_slider .swiper-slide .info h4 {font-size:24px; color:#333333; font-family:'Pretendard-ExtraBold'; margin-bottom:20px; line-height:120%; letter-spacing:-1px;}
.program_slider .swiper-slide .info h4 span {font-size:18px; display:block;}
.program_slider .swiper-slide .info h4.play1 span {color:#e9536b;}
.program_slider .swiper-slide .info h4.play2 span {color:#8ec31f;}
.program_slider .swiper-slide .info h4.play3 span {color:#ed6d01;}
.program_slider .swiper-slide .info h4.play4 span {color:#00a4e3;}

.program_slider .swiper-slide .info ol {list-style:none; padding:0; margin:0;}
.program_slider .swiper-slide .info ol li {position:relative; padding-left:60px; background:url(../img/list_bullet.png) no-repeat 0px 10px;}
.program_slider .swiper-slide .info ol li span {position:absolute; left:10px; top:0; font-weight:bold;}


.program_slider .swiper-slide .info p {font-size:16px; color:#444444; letter-spacing:-1px; line-height:160%;}

.program_slider ul.swiper-wrapper .swiper-slide:hover {background:#eee;} 
.program_slider ul.swiper-wrapper .swiper-slide:hover .img img {opacity:0.8; transform:scale(1.2); -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -o-transform:scale(1.2);} 


@media all and (max-width:1000px){

.main_program {background:#FFF;}

.main_program_title .inner {font-size:30px; padding-right:50px; padding-left:50px;}
.main_program_title .program-left {width:45px; height:45px; background-size:90px; top:-10px;}
.main_program_title .program-right {width:45px; height:45px; background-size:90px; top:-10px;}

.program_slider {overflow:hidden;}
.program_slider ul.swiper-wrapper .swiper-slide {box-shadow:none; border:1px solid #ddd; margin-bottom:10px;}
.program_slider .swiper-slide .info p {display:none;}

}

@media all and (max-width:600px){

.main_program {background:#FFF;}

.main_program_title {height:40px; margin-bottom:30px;}
.main_program_title .inner {font-size:24px; padding-right:50px; padding-left:50px;}
.main_program_title .program-left {width:45px; height:45px; background-size:90px; top:-10px;}
.main_program_title .program-right {width:45px; height:45px; background-size:90px; top:-10px;}

.program_slider {overflow:hidden;}
.program_slider ul.swiper-wrapper .swiper-slide {box-shadow:none; border:1px solid #ddd; margin-bottom:10px;}
.program_slider .swiper-slide .info p {display:none;}

.program_slider .swiper-slide .info {padding:20px 20px 20px 20px;} 
.program_slider .swiper-slide .info h4 {font-size:20px;}
.program_slider .swiper-slide .info h4 span {font-size:14px; display:block;} 

.program_slider .swiper-slide .info ol li {font-size:14px; padding-left:50px; line-height:180%;}


}


.main_youtube_wrap {position:relative; top:-120px; min-height:972px; background:url(../img/main_section03_bg.png) no-repeat center 0; padding-top:250px; background-size:100%; }
.main_youtube_wrap .mainTitle {text-align:center; margin-bottom:40px;}
.main_youtube_wrap .mainTitle .title01 { font-family: 'S-CoreDream-8Heavy'; font-size:40px; color:#FFF; line-height:140%; letter-spacing:-1px;}
.main_youtube_wrap .mainTitle .title01 .stroke_txt {text-shadow: -1px 0px #FFF, 0px 1px #FFF, 1px 0px #FFF, 0px -1px #FFF; color:#fcca0e;}
.main_youtube_wrap .mainTitle .title02 { font-family: 'S-CoreDream-5Medium'; font-size:40px; color:#000; line-height:140%; letter-spacing:-1px;}
.main_youtube_wrap .mainTitle .title02 b {font-family: 'S-CoreDream-8Heavy';}
.main_youtube {text-align:center; border-radius:10px; border:10px solid #fff6d2; max-width:976px; margin:0 auto;}
.main_youtube img {display:inline-block; max-width:100%;}


@media all and (max-width:1000px){

.main_youtube_wrap {position:relative; top:0px; min-height:1000px; background:url(../img/main_section03_bg_m.jpg) no-repeat center bottom #fac80e; background-size:100%; padding-top:170px;}

.main_youtube_wrap .mainTitle .title01 { font-size:30px;}
.main_youtube_wrap .mainTitle .title02 {font-size:30px;}

}

@media all and (max-width:667px){

.main_youtube_wrap {position:relative; top:0px; min-height:700px; background:url(../img/main_section03_bg_m.jpg) no-repeat center bottom #fac80e; background-size:100%; padding-top:70px;}

.main_youtube_wrap .mainTitle .title01 { font-size:24px;}
.main_youtube_wrap .mainTitle .title02 {font-size:24px;}

}


.boardWrap {margin-bottom:150px;}
.boardWrap .d-flex {display:flex; justify-content:space-between;}
.boardWrap h3 {position:relative; font-family: 'S-CoreDream-8Heavy'; font-size:40px; line-height:150%; margin-bottom:40px;}
.boardWrap h3 a.main_more {position:absolute; right:0; top:0; font-size:20px; font-family: 'S-CoreDream-5Medium'; }
.boardWrap .main_photo {width:47%; overflow:hidden; position:relative;}
.boardWrap .main_photo .photoSlider li img { max-width:100%; border-radius:20px; overflow:hidden;}
.boardWrap .main_photo .photoSlider li .img_alt {font-family:'Pretendard-ExtraBold'; font-size:24px; color:#222222; padding:30px 0; letter-spacing:-1px;}
.boardWrap .main_photo .photoSlider li .img_alt .date {display:inline-block;font-family:'Pretendard-Regular'; font-size:20px; color:#9e9e9e; margin-left:10px;}

.photoSlider .photo-left {cursor:pointer; position:absolute; z-index:99; right:60px; bottom:10px; display:block;  width:56px; height:56px; background:url(../img/bg_direction_nav2.png) no-repeat;}
.photoSlider .photo-right {cursor:pointer; position:absolute; z-index:99;  right:0; bottom:10px; display:block;  width:56px; height:56px; background:url(../img/bg_direction_nav2.png) no-repeat 100% 0;}



.boardWrap .main_notice {width:48%;}
.main_notice_list {border-top:3px solid #2e264b;}
.main_notice_list li {position:relative; border-bottom:2px solid #e3e2e7;}
.main_notice_list li a {display:block; padding:23px 10px; }
.main_notice_list li a h4 {font-size:20px; color:#222222; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding-right:100px;}
.main_notice_list li a p {margin-top:10px; font-size:18px; color:#888888; line-height:140%;}
.main_notice_list li span.date {position:absolute; right:10px; top:20px; font-size:18px; color:#9e9e9e;}



@media all and (max-width:1000px){

.boardWrap .main_photo {width:100%; margin-bottom:30px;}

.boardWrap .main_notice {width:100%;}


.boardWrap h3 { font-size:30px; margin-bottom:20px;}
.boardWrap h3 a.main_more {font-size:20px; }

}



@media all and (max-width:676px){
 
.boardWrap h3 { font-size:24px;}
.boardWrap h3 a.main_more {font-size:16px; }

.boardWrap .main_photo .photoSlider li .img_alt {font-size:18px; color:#222222; padding:20px 0; letter-spacing:-1px;}
.boardWrap .main_photo .photoSlider li .img_alt .date {font-size:16px; color:#9e9e9e; margin-left:10px;}

.photoSlider .photo-left {right:50px; bottom:10px; display:block;  width:45px; height:45px; background:url(../img/bg_direction_nav2.png) no-repeat; background-size:90px;}
.photoSlider .photo-right {right:0; bottom:10px; display:block;  width:45px; height:45px; background:url(../img/bg_direction_nav2.png) no-repeat 100% 0; background-size:90px;}


.main_notice_list li a h4 {font-size:16px;}
.main_notice_list li a p {font-size:16px;}
.main_notice_list li span.date {font-size:14px;}

}


@media all and (max-width:580px){
 
.boardWrap .main_photo .photoSlider li .img_alt .date { display:block; margin-left:0px;}

.photoSlider .photo-left { bottom:0px; }
.photoSlider .photo-right { bottom:0px;}

}

















.boardWrap {padding:50px 0;}

.mainBoard {width:44%; margin-right:2%;}
.mainBoard_tab ul {display:flex; margin-bottom:20px;}
.mainBoard_tab ul li {margin-right:20px;}
.mainBoard_tab ul li a {font-size:26px; color:#d0d0d0; letter-spacing:-1px; font-weight:bold; }
.mainBoard_tab ul li a.active {color:#333;}

.boardContents {border:1px solid #e4e4e4; padding:30px; position:relative;}
.boardContents a.main_more {position:absolute; right:0; top:-45px; font-size:15px; color:#222;}

.notice_top {padding-bottom:30px; border-bottom:1px solid #cccccc; margin-bottom:30px;}
.notice_top h4 {font-size:20px; color:#333333; padding-left:70px; padding-right:110px; position:relative; letter-spacing:-1px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin-bottom:30px;}
.notice_top h4 span.cate {position:absolute; left:0; top:0px; font-size:15px; color:#0eb6da; text-transform: uppercase;}
.notice_top h4 span.date {position:absolute; right:0; top:0px; font-size:15px; color:#666666}
.notice_top p {font-size:18px; color:#959595; overflow: hidden; display:-webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height:160%;}

.notice_list {}
.notice_list li {position:relative; padding-right:95px; }
.notice_list li a {font-size:17px; color:#333333; padding-left:10px; background:url(../img/list_bullet.png) no-repeat 0 10px; padding-bottom:10px; display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.notice_list li span.date {position:absolute; right:0; top:0; font-size:15px; color:#666666;}

.mainFood {text-align:center; width:26%; margin-right:2%;}
.mainFood h3 {font-size:26px; color:#333; letter-spacing:-1px; font-weight:bold; margin-bottom:23px; height:23px;}
.mainFoodbox {background:#ffe9cb; height:calc(100% - 48px); padding:30px;}
.mainFoodbox p.date {display:block; font-weight:bold; letter-spacing:-1px; font-size:26px; color:#333333; text-align:center; margin-bottom:25px;}
.mainFoodbox .desc {font-size:18px; color:#2b2b2b; line-height:160%;}

.mainLink {width:26%;}
.mainLink h3 {font-size:26px; color:#333; letter-spacing:-1px; font-weight:bold; margin-bottom:25px; height:23px;}
.mainLink div {height:calc(50% - 20px);}
.mainLink div img {max-width:100%;}
/*.mainHuwon {height:calc(50% - 34px); background:#ffeeae; margin-bottom:20px; }
.mainHuwon a {display:flex; padding-left:125px; display:flex; align-items:center; height:100%; background:url(../img/main_huwon_bg.png) no-repeat 35px 35px; }
.mainHuwon h4 {font-size:26px; color:#333333; font-weight:bold; letter-spacing:-1px;}
.mainHuwon p {border:1px solid rgba(0,0,0,0.2); font-size:13px; color:#546061; display:inline-block; padding:5px 10px; border-radius:5px; margin-top:10px;}
.mainBongsa {height:calc(50% - 34px); background:#d9e9eb;  }
.mainBongsa a {display:flex; padding-left:95px; display:flex; align-items:center; height:100%; background:url(../img/main_bongsa_bg.png) no-repeat 25px bottom; }
.mainBongsa h4 {font-size:26px; color:#333333; font-weight:bold;  letter-spacing:-1px;}
.mainBongsa p {border:1px solid rgba(0,0,0,0.2); font-size:13px; color:#546061; display:inline-block; padding:5px 10px; border-radius:5px; margin-top:10px;}
 

@media all and (max-width:1000px){

.boardWrap {padding:30px 0;}
.boardWrap .d-flex {flex-wrap:wrap;}

.mainBoard {width:49%; margin-right:2%; margin-bottom:20px;}
.mainBoard_tab ul {margin-bottom:15px;}
.mainBoard_tab ul li a {font-size:18px;}
.boardContents {padding:20px;}
.boardContents a.main_more {font-size:14px; top:-40px;}

.notice_top {padding-bottom:20px; margin-bottom:20px;}
.notice_top h4 {font-size:18px; padding-right:80px; padding-left:50px; margin-bottom:20px;}
.notice_top h4 span.cate {font-size:13px;}
.notice_top h4 span.date {font-size:13px;}
.notice_top p {font-size:14px;}

.notice_list li a {font-size:14px;}

.mainFood {width:49%; margin-right:0; margin-bottom:20px;}
.mainFood h3 {font-size:18px; margin-bottom:15px;}
.mainFoodbox p.date {font-size:18px;}

.mainLink {width:100%; display:flex; flex-wrap:wrap;}
.mainLink h3 {font-size:18px; margin-bottom:15px; width:100%;}
.mainLink div {height:auto; width:50%;}
.mainLink div img {width:100%;}
/*
.mainHuwon {height:130px;  width:50%;} 
.mainHuwon h4 {font-size:20px;}
.mainBongsa {height:130px; width:50%; }
.mainBongsa h4 {font-size:20px;}  

@media all and (max-width:650px){

.boardWrap {padding:30px 0;}
.boardWrap .d-flex {flex-wrap:wrap;}

.mainBoard {width:100%; margin-right:0; margin-bottom:20px;}
.mainBoard_tab ul {margin-bottom:15px;}
.mainBoard_tab ul li a {font-size:18px;}
.boardContents {padding:20px;}
.boardContents a.main_more {font-size:14px; top:-40px;}

.notice_top {padding-bottom:20px; margin-bottom:20px;}
.notice_top h4 {font-size:18px; padding-right:80px; padding-left:50px; margin-bottom:20px;}
.notice_top h4 span.cate {font-size:13px;}
.notice_top h4 span.date {font-size:13px;}
.notice_top p {font-size:14px;}

.notice_list li a {font-size:14px;}

.mainFood {width:100%; margin-right:0; margin-bottom:20px;}
.mainFood h3 {font-size:18px; margin-bottom:15px;}
.mainFoodbox p.date {font-size:18px;}

.mainLink {width:100%; display:flex; flex-wrap:wrap;}
.mainLink h3 {font-size:18px; margin-bottom:15px; width:100%;}

.mainHuwon {height:130px;  width:50%;}
.mainHuwon a {padding-left:80px; background:url(../img/main_huwon_bg.png) no-repeat 0px center;}
.mainHuwon h4 {font-size:16px;}
.mainBongsa {height:130px; width:50%; }
.mainBongsa h4 {font-size:16px;}
.mainBongsa a {padding-left:60px; background:url(../img/main_bongsa_bg.png) no-repeat 0px bottom;}
}



.mainPhoto {padding:30px 0 30px 0;}
.mainPhoto_tab ul {display:flex; margin-bottom:30px;}
.mainPhoto_tab ul li {margin-right:40px;}
.mainPhoto_tab ul li a {font-size:26px; color:#d0d0d0; letter-spacing:-1px; font-weight:bold; }
.mainPhoto_tab ul li a.active {color:#333;}
 
.photoContents {overflow:hidden;}
.product_wrap {}
.product_wrap ul {/*overflow:hidden;  padding-bottom:50px;}
.product_wrap ul li { position:relative; }
.product_wrap ul li img {width:100%;}
.product_wrap ul li .subject { letter-spacing:-1px; font-size:20px; color:#333333; text-align:Center; margin-top:10px;} 

@media all and (max-width:1000px){
 
.mainPhoto_tab ul li a {font-size:20px;} 
}

@media all and (max-width:650px){

.mainPhoto {padding:20px 0 20px 0;}
.mainPhoto_tab ul li {margin-right:10px;}
.mainPhoto_tab ul li a {font-size:18px;}
.product_wrap ul li .subject {font-size:14px; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
}

@media all and (max-width:450px){ 
.mainPhoto_tab ul li a span {display:none;} 
}


.product_wrap  > .swiper-scrollbar {
  background: #f5f5f5  !important;
  border-radius: 1px !important;
  height: 3px !important;
  width: 100%  !important;
  left: 0  !important;
  bottom: 0  !important; 
}




.mainSns {margin-top:50px; }
.mainSns.main_youtube {margin-top:90px;}
.mainSns h3 {font-size:26px; font-weight:bold; margin-bottom:25px; position:relative;}
.mainSns .sns_go_link {position:absolute; right:0; height:41px; top:-10px;}
.mainSns .sns_go_link img {width:41px;}
.mainSns .sns_go_link a {display:inline-block; margin-left:5px;}
.snsSwiper {overflow:hidden; position:relative; padding-bottom:50px;}
.snsSwiper ul li img.sns_img {width:100%; height:393px;}

.snsSwiper > .swiper-scrollbar {
  background: #f5f5f5  !important;
  border-radius: 1px !important;
  height: 3px !important;
  width: 100%  !important;
  left: 0  !important;
  bottom: 0  !important; 
}


.youtubeSwiper {overflow:hidden; position:relative; padding-bottom:50px;}
.youtubeSwiper .txt {font-size:18px; color:#000000; margin-top:10px; font-weight:bold; display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.youtubeSwiper .profile {display:flex; align-items:center; margin-top:10px;}
.youtubeSwiper .profile img {margin-right:10px; width:Auto;}
.youtubeSwiper ul li img.sns_img {width:100%;}

.youtubeSwiper > .swiper-scrollbar {
  background: #f5f5f5  !important;
  border-radius: 1px !important;
  height: 3px !important;
  width: 100%  !important;
  left: 0  !important;
  bottom: 0  !important; 
}


@media all and (max-width:650px){


.mainSns h3 {font-size:18px;}
.youtubeSwiper .txt {font-size:15px;}
.youtubeSwiper .profile {font-size:13px;}

.snsSwiper {padding-bottom:30px;}
.snsSwiper ul li img.sns_img {width:100% !important; height:270px !important}
}




.bannerSwiper {overflow:hidden;}
.mainBanner {padding:50px 0;}
.mainBanner ul {display:flex; justify-content:space-between;}
.mainBanner ul li img {}
.mainBanner ul li {border:1px solid #e6e6e6;}

.mainBanner ul li img {max-width:100%;}

*/





/*

.detail{width: 100%; margin: 0 auto;}
.detail > ul{width: 100%; height: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 0 auto;}
.detail > ul li{float: left; width: 32%; padding: 13px 0;}
.detail > ul li.second{margin: 0 2%;}
.detail > ul li img{margin: 30px auto 35px;}
.detail > ul li p{color: #666; font-size: 28px; margin-bottom: 26px;}
.detail > ul li p span{display: block;}
.detail > ul li strong{display: block; font-size: 35px; line-height: 1.5; color: #333; margin: 0 auto; text-align: center;} 
.detail > ul li strong span{font-size: 44px; color: #223040; display: inline-block; font-weight: bold; margin-right: 10px;}
.detail > ul li p{text-align: center;}
.aboutWrap{width: 100%;}
.aboutWrap .detail > ul li strong{text-align: center;}
.coreComWrap{width: 100%; background: url(../img/main/bg_img1.png); background-size: 100% auto; background-position: center;}
.coreComWrap .main_title h2::after{background: #fff;}
.coreComWrap .main_title h2, .coreComWrap .main_title h2 span, .coreComWrap .main_title p{color: #fff;}
.coreComWrap .main_title h2{letter-spacing: -4px; font-weight: 600;}
.coreComWrap .main_title h2 span{letter-spacing: 0;}
.coreComWrap .detail ul li{background: #fff; border-radius: 10px; padding: 44px 0;}
.coreComWrap .detail ul li strong{font-weight: bold; margin-bottom: 26px;}
.coreComWrap .detail ul li p{font-size: 22px; line-height: 1.4; margin-bottom: 0;}
.portfolioWrap{background: url(../img/main/port_bg.png); padding-bottom: 90px;}
.portfolioWrap .main_title h2::after{background: #fff;}
.portfolioWrap .main_title h2, .portfolioWrap .main_title h2 span, .portfolioWrap .main_title p{color: #fff;}
.port_go{width: 100%;}
.portfolioWrap .port_go a{color: #fff; text-align: center; font-size: 18px; width: 100%; border: 1px solid #fff; padding: 15px 0px; -webkit-transition-duration: 0.3s; transition-duration: 0.3s;  -webokit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition: 0.3s; -0-transition-duration: 0.3s;margin: 0 auto;}
.portfolioWrap .port_go a:hover{background: #fff; color: #223040;}
.pic_lt .lat_title, .pic_lt .lt_more, .pic_lt li .new_icon, .pic_lt .lt_date{display: none;}
.portfolioWrap .mainPage{display: block;}  
.portfolioWrap .latest_wr{display: none;}
.portfolioWrap .latest_wr2{display: block;}
.portfolioWrap .pic_lt .empty_li{width: 100%; height: 500px; background: #fff; line-height: 500px; text-align: center;}
.portfolioWrap .pic_lt{width: 100%; background: none; border: none; margin-bottom: 0;} 
.portfolioWrap .pic_lt ul{padding: 0;}
.portfolioWrap .pic_lt li{padding: 0; margin:0.6%; height:347px; overflow: hidden;}
.portfolioWrap .pic_lt li .lt_img{  }
.portfolioWrap .pic_lt li .lt_img img{display: block;    display: block;}
.portfolioWrap .pic_lt li .lt_img + a{display: none;}
.portfolioWrap .latest_wr2 .pic_lt .new_icon + a{display: none;}
.portfolioWrap .owl-theme .owl-dots .owl-dot{outline: 0 none;}
.portfolioWrap .owl-theme .owl-dots .owl-dot span{background: #ddd;}
.portfolioWrap .owl-theme .owl-dots .owl-dot span:hover, .portfolioWrap .owl-theme .owl-dots .owl-dot.active span{background: #c80e21;}

.consertWrap{background: url(../img/main/consert_bg.png);}
.consertWrap .inner{padding-bottom: 170px;}
.consertWrap .main_title{padding-bottom: 30px;}
.consertWrap .latest_wr{width: 100%; margin: 0 auto;}
.consertWrap .latest_wr > div{float: left; width: 45%;}
.hot_icon .latest_wr > div.ing_projects{ }
.pic_lt li .hot_icon { float:left; margin:1%; }
.consertWrap .latest_wr > div.news{float: right;}
.consertWrap .lat{margin-bottom: 0; border: none; padding: 60px; min-height: 493px;}
.consertWrap .lat .lat_title{border-bottom: none; background: none; padding: 0; line-height: 1.0em; font-size: 1.0em; color:#333; border-bottom: 1px solid #ddd;}
.consertWrap .lat .lat_title a{color: #333; font-size: 30px; color: #333; font-weight: 600; line-height: 70px; height: 70px;}
.consertWrap .lat ul{padding: 0; margin-top: 30px;}
.consertWrap .lat li{padding: 0; padding-right: 0; padding-left: 0; line-height: 45px; overflow: hidden; }
.consertWrap .lat li:before{display: none;}
.consertWrap .lat li a{width: 70%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; color: #333; font-size: 18px;}
.consertWrap .lat li a:hover{color:#c80e21; font-weight: bold;}
.consertWrap .lat .lt_date{color: #888; font-size: 18px; float:right; }
.consertWrap .lat .lat_title_area{position: relative;}
.consertWrap .lat .lt_more{top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 0;  font-weight: normal; color: #7a838c; font-size: 45px;}
.consertWrap .lat .lt_more .fa{display: none;}
.consertWrap .lat li .new_icon{display: none;}
.consertWrap .lat li .hot_icon { float:left; margin: 4%; }
.consertWrap .lat .lat_title a:after{display: none;}
.consertWrap .lat .empty_li{line-height: 270px; font-size: 18px;}
.contactWrap{background: url(../img/main/bg_img2.png); background-size: cover; background-position: center;}
.contactWrap .inner{padding-bottom: 170px;}
.contactWrap .main_title{padding-bottom: 70px;}
.contactWrap .main_title h2::after{display: none;}
.contactWrap .main_title h2, .contactWrap .main_title h2 span, .contactWrap .main_title p{color: #fff;}
.contactWrap .main_title p{padding-top: 50px;}
.contactWrap .detail{width: 100%; height: 420px;}
.contactWrap .root_daum_roughmap{height: 100%;}
.contactWrap .root_daum_roughmap .wrap_map{height: 100%;}
@media screen and (max-width: 1199px){
    .bannerWrap > div img{width:110px;}   
    .bannerWrap > div h2{font-size: 30px;}
    .bannerWrap > div p{width: 90%; margin: 0 auto; font-size: 18px;}
    .bannerWrap > div > div{top: 20px;}
    .bannerWrap > div > div.square_bracket1{left: 160px;}
    .bannerWrap > div > div.square_bracket2{right: 160px;}
    .inner{width: 100%; padding: 0 20px 60px;} 
    .main_title{padding: 60px 0;}
    .main_title h2{font-size: 42px;}
    .main_title h2::after{width: 1px; height: 24px; margin: 35px auto;}
    .main_title h2 span{margin-right: 15px;}
    .main_title p{width: 100%; font-size: 16px; padding: 0 30px;} 
    .detail > ul li p{font-size: 20px; margin-bottom: 0;}
    .detail > ul li strong{font-size: 26px;} 
    .detail > ul li strong span{font-size: 30px;}
    .detail > ul li, .detail > ul li img{-webkit-transition-duration: 0.3s;transition-duration: 0.3s; -webokit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition: 0.3s; -0-transition-duration: 0.3s;} 
    .aboutWrap .detail > ul li:hover img{-webkit-transition-delay: 0.2s;transition-delay: 0.2s;}
    .coreComWrap{background-size: auto 100%;}
    .coreComWrap .main_title h2{letter-spacing: -2px;}
    .coreComWrap .detail ul li strong{margin-bottom: 0; font-size: 26px;}
    .coreComWrap .detail ul li p{padding: 0 20px; font-size: 20px;}  
    .portfolioWrap .port_go a{width: 100%; margin-top: 35px;}
    .portfolioWrap .port_go a{font-size: 16px;}
    .contactWrap .inner{padding-bottom: 100px;}
    .contactWrap .main_title{padding-bottom: 50px;}  
}
@media screen and (min-width:481px){
    .portfolioWrap .mainPagewrap{width: 100%; position: relative;}
    .portfolioWrap .latest_wr{display: none;}
    .portfolioWrap .latest_wr2{display: block; width: 100%; height: auto; margin: 0 auto;} 
    .portfolioWrap .pic_lt ul{display: inherit; width: 100%; overflow: hidden; margin-bottom: 32px; padding: 0;}
    .portfolioWrap .pic_lt li{padding: 0; width: 32%;  padding: 0;}
    .portfolioWrap .pic_lt li .lt_img{margin: 0; width: 100%; overflow: hidden;}
    .portfolioWrap .pic_lt li .lt_img:hover img{-webkit-transform: scale(1.2);-ms-transform: scale(1.2);transform: scale(1.2); -webkit-transition-duration: 0.6s; transition-duration: 0.6s; -webokit-transition-duration: 0.6s; -moz-transition-duration: 0.6s; -ms-transition: 0.6s; -0-transition-duration: 0.6s;}
}
@media screen and (min-width:481px) and (max-width: 1199px){
    .bannerWrap{height: 800px;}
}
@media screen and (max-width:1024px){
    .consertWrap .latest_wr > div{width: 49%;} 
    .consertWrap .lat .lat_title a{font-size: 20px;}
    .consertWrap .lat .lt_more{font-size: 30px;}
    .consertWrap .lat li a, .consertWrap .lat .lt_date{font-size: 16px;}
    .consertWrap .lat .empty_li{line-height: 270px; font-size: 16px;}
}
@media screen and (max-width:767px){
    .bannerWrap > div{width: 480px;}
    .bannerWrap > div > div.square_bracket1{left: 20px;}
    .bannerWrap > div > div.square_bracket2{right: 20px;}
    .detail > ul{width: 80%; display: inherit;}
    .detail > ul li{width: 100%;}
    .detail > ul li.second{margin: 0;}
    .detail > ul li p{font-size: 20px; margin-bottom: 0;}
    .detail > ul li strong{font-size: 26px;} 
    .detail > ul li strong span{font-size: 30px;}
    .consertWrap .inner{padding-bottom: 80px;}
    .consertWrap .main_title{padding-bottom: 0;} 
    .consertWrap .latest_wr > div{float: left; width: 100%;}
    .consertWrap .latest_wr > div.ing_projects{margin-bottom: 5%;}
    .consertWrap .lat{padding: 40px;}
    .consertWrap .lat .lat_title a{font-size: 20px; line-height: 60px; height: 60px;}
    .consertWrap .lat li{line-height: 50px;}
    .consertWrap .lat li a, .consertWrap .lat .lt_date{font-size: 16px;}
    .consertWrap .lat .empty_li{line-height: 300px; font-size: 16px;}
}
@media screen and (max-width:600px){
    .portfolioWrap .latest_wr{display: block;}
    .portfolioWrap .latest_wr2{display: none;}
    .portfolioWrap .pic_lt .empty_li{height: 200px; line-height: 200px;}
    .portfolioWrap .inner{position: relative;}
    .portfolioWrap .mainPagewrap{width: 100%; position: relative;}
    .portfolioWrap .latest_wr{width: 240px; height: auto; margin: 0 auto;}
    .portfolioWrap{padding-bottom: 60px;}
    .portfolioWrap .port_go a{width: 100%; margin-top: 35px; font-size: 12px; padding: 10px 0;}
}
@media screen and (min-width:481px) and (max-width:767px){
    .coreComWrap .detail ul{width: 40%; min-width: 320px;}
    .coreComWrap .detail img{margin: 10px auto 20px;}
    .coreComWrap .detail > ul li.second{margin: 20px 0;}
}
@media screen and (max-width: 480px){
    .bannerWrap{height: 700px;}
    .bannerWrap > div{width: 320px;}
    .bannerWrap > div img{width: 63px; height: 42px; margin: 30px auto 20px;}   
    .bannerWrap > div h2{font-size: 20px;}
    .bannerWrap > div p{font-size: 12px;}
    .bannerWrap > div > div{width: 20px; height: 104px;}
    .bannerWrap > div > div.square_bracket1{left: 20px;}
    .bannerWrap > div > div.square_bracket2{right: 20px;}
    .main_title{padding: 40px 0;}
    .main_title h2{font-size: 27px;}
    .main_title h2::after{width: 1px; height: 13px; margin: 20px auto;}
    .main_title h2 span{margin-right: 10px;}
    .main_title p{width: 100%; font-size: 12px; padding: 0 20px;} 
    .detail > ul{width: 240px;}
    .detail > ul li{width: 100%; height: 100px; overflow: hidden;}
    .detail > ul li img{width: 56px; margin: 0px auto 30px;} 
    .detail > ul li p{font-size: 16px;}
    .detail > ul li strong{font-size: 23px; line-height: 1.5; margin: 0 auto; text-align: left; line-height: 1.0;} 
    .detail > ul li strong span{font-size: 35px; color: #223040; display: inline-block; font-weight: bold; margin-right: 10px;} 
    .detail > ul li p, .detail > ul li strong{text-align: left; width: 152px; margin-right: 0px;}
    .aboutWrap .detail > ul li img{float: left;}
    .aboutWrap .detail > ul li p{float: right;}
    .aboutWrap .detail > ul li strong{float: right;} 
    .aboutWrap .detail > ul li strong{text-align: left;}
    .coreComWrap .detail ul li{padding: 40px 0; height: 240px;}
    .coreComWrap .detail > ul li.second{margin: 15px 0;}
    .coreComWrap .detail ul li strong, .coreComWrap .detail ul li p{width: 100%;}
    .coreComWrap .detail ul li strong{margin-bottom: 15px; text-align: center; font-size:23px;}
    .coreComWrap .detail ul li p{font-size: 14px; margin-bottom: 0; text-align: center;} 
    .consertWrap .inner{padding-bottom: 60px;}
    .consertWrap .lat{padding: 30px; min-height: 373px;}
    .consertWrap .lat .lat_title a{font-size: 17px; height: 40px; line-height: 40px;}
    .consertWrap .lat .lt_more{font-size: 20px;}
    .consertWrap .lat li{line-height: 40px;}
    .consertWrap .lat li a, .consertWrap .lat .lt_date{font-size: 14px;}
    .consertWrap .lat .empty_li{line-height: 240px; font-size: 14px;}
    .contactWrap .inner{padding-bottom: 50px;}
    .contactWrap .main_title{padding-bottom: 30px;}
    .contactWrap .detail{height: 220px; overflow: hidden;}  
    .portfolioWrap .pic_lt li .lt_img {height: 220px;}
}
@media screen and (max-width:350px){
    .portfolioWrap .port_go a{font-size: 12px;}
}


*/