@charset "utf-8";
.blue {color:#0253a5;vertical-align: top;}
.red {color:#ed1c2a;vertical-align: top;}
.resize {-webkit-transform: scale(1.05) rotate(0.01deg);-ms-transform: scale(1.05) rotate(0.01deg);transform: scale(1.05) rotate(0.01deg);transition:2s all ease-out;}

/* mainVisual */
#mainVisual {position: relative;overflow:hidden;}
#mainVisual img.m {display:none;}
#mainVisual .mask {}
#mainVisual .mask > a {position:absolute;top:50%;display:none;}
#mainVisual .mask > a.btnPrev {left:50%;margin-left:-800px;}
#mainVisual .mask > a.btnNext {right:50%;margin-right:-800px;}
#mainVisual .mask .slick-dots {position:absolute;left:0;bottom:30px;width:100%;text-align:center;}
#mainVisual .mask .slick-dots li {display:inline-block;text-indent:-999999px;width:3px;height:20px;background:#6e6b6b;margin:0 8px;transition:0.3s all ease-out;opacity:0.5;cursor:pointer;}
#mainVisual .mask .slick-dots li.slick-active {transform:rotate(30deg);opacity:1;}
#mainVisual .mask .slick-dots.black li {background:#4d4d4d;}

#mainVisual .mask li {position:relative;}
#mainVisual .mask li .inner {position:absolute;top:0;left:0;bottom:0;right:0;padding-left:0%;padding-top:0px;}
#mainVisual .mask li .inner .auto {height:100%;color:#fff;margin-top:50px;}
#mainVisual .mask li .inner .auto p.main {font-size:45px;trans ition:4s all ease-out;opacity:0;font-family:"Noto Sans KR";font-weight:300;line-height:1.4;}
#mainVisual .mask li .inner .auto p strong {font-weight:500;}
#mainVisual .mask li .inner .auto p.sub {font-size:18px;line-height:1.8em;transition:4s all ease-out;opacity:0;letter-spacing:1px;font-weight:100;font-family:"YMjO530";margin-top:40px;}
#mainVisual .mask li .inner .auto p.sub span {font-size:20px;line-height:1.8em;font-family:"YMjO540";}
#mainVisual .mask li .inner .auto .effect03 {font-size:36px !important;transition:4s all ease-out;opacity:20%;letter-spacing:2px;font-weight:500;font-family:"Noto Sans KR";margin-top:30px;}
#mainVisual .mask li .inner .auto dt strong {}
#mainVisual .mask li .inner .auto dd {font-size:20px;font-weight:100;trans ition:4s all ease-out;opacity:0;}
#mainVisual .mask li .inner .auto .btn {tra nsition:4s all ease-out;opacity:0;}
#mainVisual .mask li .inner .auto a {display:block;width:180px;line-height:50px;text-align:center;font-size:16px;color:#fff;font-weight:500;border:2px solid #fff;margin-top:40px;transition:0.3s all ease-out;}

#mainVisual .mask li.black .inner .auto p.main,
#mainVisual .mask li.black .inner .auto p.sub {color:#333;}
#mainVisual .mask li.black .inner .auto a {color:#333;border-color:#333;}

/* 메인 공통 */
#mainContents {position: relative;overflow: hidden;}
#mainContents .con_title {text-align:center;padding-bottom:50px;}
#mainContents .con_title div {display:inline-block;margin-right:-3px;font-size:35px;color:#222;position:relative;}
#mainContents .con_title div:before {content:"";position:absolute;top:25px;left:-60px;width:45px;height:5px;background:url("../images/main/con_title_ icon_l.png") no-repeat;}
#mainContents .con_title div:after {content:"";position:absolute;top:25px;right:-60px;width:45px;height:5px;background:url("../images/main/con_title_ icon_r.png") no-repeat;}

#mainContents .conBox {padding:0px 0;}

/* 공지사항 */
#mainContents .conBox .mainNotice {float:left;width:820px;border:1px solid #e0e0e0;z-index: 99;}
#mainContents .conBox .mainNotice .mask {height:30px; overflow:hidden;position:relative;}
#mainContents .conBox .mainNotice ul {}
#mainContents .conBox .mainNotice ul li {color:#565656;line-height:35px;}
#mainContents .conBox .mainNotice .btn ul li {border-left:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0;}
#mainContents .conBox .mainNotice .btn ul li:last-child {border-bottom:0px solid #e0e0e0;}
#mainContents .conBox .mainNotice .subject {float:left;width:530px;}
#mainContents .conBox .mainNotice .date {float:right;color:#999;}
#mainContents .conBox .cscenter {float:right;width:340px;border:1px solid #e0e0e0;}
#mainContents .conBox .cscenter .tel {font-family:"Noto Sans KR";font-weight:500;color:#045b9f;font-size:22px;}
#mainContents .conBox .cscenter dt {float:left;font-size:20px; color:#222;font-family:"Noto Sans KR";font-weight:500;width:75%;height:55px;padding:17px 0px;margin:0px 0px 10px 40px;border-bottom:1px solid #ddd;}
#mainContents .conBox .mainNotice dt {float:left;font-size:20px; color:#222;font-family:"Noto Sans KR";font-weight:500;padding:17px 50px;}
#mainContents .conBox dt:afte r {content:"";position:absolut e;border-left:1px solid #ccc;margin-left:30px;}
#mainContents .conBox .mainNotice dd {float:left;width:610px;padding:15px 0px;}
#mainContents .conBox span.classroom {float:left;width:110px;margin-left:40px;font-weight:500;}

/*
#mainContents .mainNotice {z-index: 99;}
#mainContents .mainNotice dt {float:left;width:131px;text-align:center;font-size:20px;color:#fff;font-weight:500;}
#mainContents .mainNotice dd {float:left;width:1069px;}

#mainContents .mainNotice li {overflow:hidden;position:relative;}
#mainContents .mainNotice li > span {display:block;float:left;width:141px;text-align:center;font-size:18px;color:#c8c7c7;font-weight:500;}
#mainContents .mainNotice li > a {display:block;width:740px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;float:left;font-size:18px;color:#fff;}
#mainContents .mainNotice li > img {padding:25px 0;}
#mainContents .mainNotice .btn {position:absolute;top:15px;right:22px;line-height:1;z-index:9;}
#mainContents .mainNotice .btn a {display:block;padding:2px 0;}
#mainContents .mainNotice .btnMore {display:block;float:left;width:73px;color:#fff;text-align: center;}
#mainContents .mainNotice .btnMore img {margin-top:23px;}
*/

/* 바로가기 버튼*/
#mainContents .quickWrap {background:#f4f4f4;padding:15px 0px 15px 15px;}
#mainContents .quickWrap ul li {float:left;background:#fff;border-radius:15px;width:354px;height:200px; text-align:center; font-size:26px;color:#333;font-weight:500;margin:15px;}
#mainContents .quickWrap ul li .btn {width:354px;height:130px;vertical-align:middle !important;display:table-cell;}
#mainContents .quickWrap ul li:hover {background:#045b9f;color:#fff;font-weight:300 !important;}
}

/* OUR OVERVIEW */
#mainContents .conBox01 .maskWrap {position:relative; overflow: hidden;}
#mainContents .conBox01 .inner {width:1700px;margin:0 auto;position:relative;}
#mainContents .conBox01 .mask {he ight:600px;}
#mainContents .conBox01 .mask1 {}
#mainContents .conBox01 .mask1 li {padding:10px;}
#mainContents .conBox01 .mask2 {position:absolute;top:0;right:0;width:50%;height:100%;background:#fff;z-index:1;}
#mainContents .conBox01 .mask2 li {padding:75px;}
#mainContents .conBox01 .mask2 li .titleWrap {overflow:hidden;}
#mainContents .conBox01 .mask2 li .titleWrap .num {font-size:30px;color:#d2232a;font-weight:500;}
#mainContents .conBox01 .mask2 li .titleWrap .title {font-size:30px;color:#4c4c4c;font-weight:700;}
#mainContents .conBox01 .mask2 li .sub {font-size:22px;color:#666;margin-top:20px;}
#mainContents .conBox01 .mask2 li .txt {font-size:20px;color:#808080;font-weight:300;position:relative;padding-top:30px;margin-top:30px;}
#mainContents .conBox01 .mask2 li .txt:before {content:"";position:absolute;top:0;left:0;width:30px;height:1px;background:#676767;}
#mainContents .conBox01 .mask2 .btns {position:absolute;left:-80px;bottom:9px;z-index:1;}
#mainContents .conBox01 .mask2 .btns a {display:inline-block;float:left;width:70px;height:70px;text-align:center;line-height:70px;font-size:30px;font-weight:500;color:#808080;background:#fff;z-index:1;}
#mainContents .conBox01 .mask2 .pager {position:absolute;bottom:75px;right:75px;left:auto;width:auto;z-index:1;font-size:20px;color:#4c4c4c;font-weight:700;display:none;}
#mainContents .conBox01 .mask2 .pager .slider_num {color:#d2232a;}
/* INFORMATION */
#mainContents .conBox02 {padding:0 !important;}
#mainContents .conBox02 .auto2 {background:#f7f7f7;padding:100px 0;}
#mainContents .conBox02 ul li {float:left;width:25%;text-align:center;}
#mainContents .conBox02 ul li dt {font-size:20px;color:#333;font-weight:500;padding:15px 0;}
#mainContents .conBox02 ul li dd {font-size:16px;color:#666666;font-weight:300;}
/* OUR WORKS */
#mainContents .conBox03 .maskWrap {position:relative;}
#mainContents .conBox03 .auto {z-index:1;background:#fff;}
#mainContents .conBox03 .btnMore {display:block;width:180px;height:60px;line-height:60px;text-align:center;font-size:16px;color:#222;border:1px solid #222;font-weight:300;margin-top:40px;transition:0.3s all ease-out;}
#mainContents .conBox03 .mask {position:relative;z-index:1;overflow:hidden;}
#mainContents .conBox03 .mask .slick-list {overflow:visible;}
#mainContents .conBox03 .mask li {position:relative;margin:0 10px;}
#mainContents .conBox03 .mask li a > img {}
#mainContents .conBox03 .mask li .hover {position:absolute;top:0;left:0;width:100%;height:100%;color:#fff;background:rgba(128, 130, 133, 0.9);text-align:center;opacity:0;transition:0.3s all ease-out;}
#mainContents .conBox03 .mask li .hover span {display:block;margin-top:20px;}
#mainContents .conBox03 .mask li .hover span img {display:inline;}
#mainContents .conBox03 .mask li .title {display:none;}
#mainContents .conBox03 .btnPrev {position:absolute;bottom:0;left:-70px;display:block;float:left;width:70px;height:70px;text-align:center;line-height:70px;font-size:30px;font-weight:500;color:#808080;background:#fff;z-index:1;}
#mainContents .conBox03 .btnNext {position:absolute;bottom:0;left:0;display:block;float:left;width:70px;height:70px;text-align:center;line-height:70px;font-size:30px;font-weight:500;color:#808080;background:#fff;z-index:1;}

#mainContents .conBox03 .backCover {position:absolute;top:0;left:-100%;width:100%;height:100%;background:#fff;z-index:2;}
/* OUR COMMUNITY */
#mainContents .conBox04 {padding:0;padding-bottom:120px;}
#mainContents .conBox04 .auto2 {background:#f8f8f8;padding:120px 0;}
#mainContents .conBox04 .maskWrap {position:relative;}
#mainContents .conBox04 .maskWrap > a {position:absolute;bottom:130px;z-index:3;width:60px;height:60px;border-radius:50%;background:#e3e3e3;color:#808080;line-height:60px;font-size:30px;font-weight:500;text-align:center;transition:0.3s all ease-out;}
#mainContents .conBox04 .maskWrap > a.btnPrev {left:-90px;}
#mainContents .conBox04 .maskWrap > a.btnNext {right:-90px;}
#mainContents .conBox04 .maskTop {position:relative;overflow:hidden;}
#mainContents .conBox04 .maskTop .thumb {width:50%;}
#mainContents .conBox04 .maskTop .thumb img {width:100%;}
#mainContents .conBox04 .maskTop .txtBox {position:absolute;top:0;left:50%;width:50%;height:100%;}
#mainContents .conBox04 .maskTop .txtBox > a {display:block;padding:50px;background:#fff;height:100%;}
#mainContents .conBox04 .maskTop .txtBox dt {font-size:23px;color:#4c4c4c;font-weight:700;}
#mainContents .conBox04 .maskTop .txtBox dd {font-size:18px;color:#808080;margin-top:10px;margin-bottom:40px;line-height:1.6em;font-weight:300;}
#mainContents .conBox04 .maskTop .txtBox span {font-size:18px;color:#808080;font-weight:500;margin-top:40px;transition:0.3s all ease-out;}
#mainContents .conBox04 .maskBottom {margin-top:30px;overflow:hidden;}
#mainContents .conBox04 .maskBottom li {outline:none;}
#mainContents .conBox04 .maskBottom .slider {margin:-15px;}
#mainContents .conBox04 .maskBottom .slider li {cursor:pointer;}
#mainContents .conBox04 .maskBottom .slider li h3 {margin:15px;}
#mainContents .conBox04 .maskBottom li img {width:100%;}
#mainContents .conBox04 .maskBottom li p {font-size:18px;color:#4c4c4c;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:15px;transition:0.3s all ease-out;text-align: center;}
.bottom_btn {display:block;width:180px;margin:60px auto;text-align:center;border:1px solid #222;font-size:16px;color:#222;line-height:60px;transition:0.3s all ease-out;}
.bottom_btn span {display:inline-block;position:relative;top:0;width:13px;height:11px;background:url("../images/main/icon_hamberger.png") no-repeat;margin-left:10px;transition:0.3s all ease-out;}
#mainContents .conBox04 .banner {position:absolute;width:1400px;margin:auto;height:450px;background-repeat:no-repeat;background-size:cover;padding:20px;margin-top:80px;overflow:hidden;}
#mainContents .conBox04 .banner .bg {background-size:cover;background-position:50% 50%;position:absolute;top:0;left:0;width:100%;height:100%;background-image:url("../images/main/conBox04_img04.jpg");}
#mainContents .conBox04 .banner .inner {text-align:center;color:#fff;height:100%;position:relative;padding:0 10px;}
#mainContents .conBox04 .banner .inner:after {content:"";position:absolute;top:0;left:0;width:100%;height:100%;border:1px solid rgba(255,255,255,0.5);transition:0.3s all ease-out;box-sizing:border-box;}
#mainContents .conBox04 .banner .inner dt {font-size:40px;}
#mainContents .conBox04 .banner .inner dd {font-size:18px;font-weight:300;margin-top:20px;}
#mainContents .conBox04 .banner .inner span {display:block;width:60px;height:60px;border-radius:50%;border:1px solid #fff;text-align:center;margin:30px auto 0 auto;line-height:60px;}
#mainContents .conBox04 .banner .inner span i {vertical-align:top;line-height:60px;}
/* OUR CLIENTS */
#mainContents .conBox05 {padding:0 !important;}
#mainContents .conBox05 .auto2 {padding:100px 0;background:url("../images/main/conBox05_bg.jpg") no-repeat 50% 50%;background-size:cover;}
#mainContents .conBox05 .maskWrap {position:relative;}
#mainContents .conBox05 .maskWrap > a {position:absolute;top:50%;margin-top:-30px;}
#mainContents .conBox05 .maskWrap > a.btnPrev {left:-90px;}
#mainContents .conBox05 .maskWrap > a.btnNext {right:-90px;}
#mainContents .conBox05 .mask {overflow:hidden;border:1px solid #d9d9d9;border-top:none;border-left:none;}
#mainContents .conBox05 .clientList li {float:left;width:20%;}
#mainContents .conBox05 .clientList li span {display:block;position:relative;}
#mainContents .conBox05 .clientList li span:after {content:"";position:absolute;top:1px;bottom:0;left:1px;right:0;border:1px solid #d9d9d9;width:100%;height:100%;}
#mainContents .conBox05 .clientList li span img {width:100%;}
#mainContents .conBox05 td {border:1px solid #d9d9d9;}
#mainContents .conBox05 td a {display:block;}
#mainContents .conBox05 td a img {width:100%;}
/* 하단배너 */
#mainContents .conBox06 {padding-bottom:0;}
#mainContents .conBox06 ul li {float:left;width:33.33%;text-align:center;}
#mainContents .conBox06 ul li a {display:block;height:340px;position:relative;overflow:hidden;}
#mainContents .conBox06 ul li a .inner {height:100%;}
#mainContents .conBox06 ul li a .bg {position:absolute;top:0;left:0;width:100%;height:100%;background-repeat:no-repeat;background-size:cover;background-position:50% 50%;z-index:-1;transform:scale(1.05);}
#mainContents .conBox06 ul li a span {display:block;color:#fff;}
#mainContents .conBox06 ul li a span.title {font-size:18px;font-weight:500;}
#mainContents .conBox06 ul li a span.eng {font-size:30px;}
#mainContents .conBox06 ul li a span.arrow {opacity:0;position:absolute;left:50%;transition:0.3s ease-out;-ms-transition:0.3s all ease-out;margin-left:-51px;margin-top:30px;}
#mainContents .conBox06 ul li:nth-child(1) a .bg {background-image:url("../images/main/conBox06_bg01.png");}
#mainContents .conBox06 ul li:nth-child(2) a .bg {background-image:url("../images/main/conBox06_bg02.png");}
#mainContents .conBox06 ul li:nth-child(3) a .bg {background-image:url("../images/main/conBox06_bg03.png");}










/* HOVER */
@me dia all and (min-width:1200px) {
	/* 메인비주얼 */
	#mainVisual .btnMore:hover {border-color:#d2232a;color:#fff;background:#d2232a;}
	#mainVisual .btnMore:hover i {color:#fff;}
	/* OUR OVERVIEW */
	#mainContents .conBox01 .mask2 .btns a:hover {color:#d2232a;}
	/* OUR WORKS */
	#mainContents .conBox03 .mask li:hover .hover {opacity:1;}
	#mainContents .conBox03 .mask .btns a:hover {color:#d2232a;}
	#mainContents .conBox03 .btnNext:hover {color:#d2232a}
	#mainContents .conBox03 .btnPrev:hover {color:#d2232a}
	#mainContents .conBox03 .btnMore:hover {border-color:#d2232a;color:#fff;background:#d2232a;}
	/* OUR COMMUNITY */
	#mainContents .conBox04 .maskBottom li:hover p {color:#d2232a;}
	#mainContents .conBox04 .banner:hover .inner:after {border-width:5px;}
	#mainContents .conBox04 .banner:hover .bg {transform:scale(1);}
	.bottom_btn:hover {color:#fff;border-color:#d2232a;background:#d2232a;}
	.bottom_btn:hover span {background:url("../images/main/icon_hamberger_hover.png") no-repeat;}
	#mainContents .conBox04 .maskTop .txtBox a:hover span {color:#d2232a;}
	/* 하단배너 */
	#mainContents .conBox06 ul li a:hover span.arrow {opacity:1;margin-left:-31px;}
	#mainContents .conBox06 ul li a:hover .bg {transform:scale(1.01);}
}


/* 반응형 레이아웃 */
@me dia all and (max-width:1700px){
	#mainContents .conBox01 .inner {width:100%;padding:0 20px;}
}
@me dia all and (max-width:1600px) {

	/* 메인비주얼 */
	#mainVisual .pagerWrap {display:none;}

	

	#mainContents .conBox05 .maskWrap {padding:0 100px;}
	#mainContents .conBox05 .maskWrap > a.btnPrev {left:0;}
	#mainContents .conBox05 .maskWrap > a.btnNext {right:0;}
}
@me dia all and (max-width:1400px) {
	
	/* OUR OVERVIEW */
	#mainContents .conBox01 .mask2 li {padding:10px;}
	#mainContents .conBox01 .mask2 .pager {bottom:10px;right:10px;}

	/* OUR COMMUNITY */
	#mainContents .conBox04 .banner {width:100%;left:0;} 
	
}

@me dia all and (max-width:1024px) {
	/* 메인비주얼 */
	#mainVisual {height:auto;padding-top:115%;}
	#mainVisual .mask {position:absolute;top:0;left:0;width:100%;height:100%;}
	#mainVisual .mask .swiper-slide {height:auto;}
	#mainVisual .auto .inner {display:block;text-align:center;padding-top:60px;}
	#mainVisual p.main:before {left:50%;margin-left:-30px;}
	#mainVisual p.sub br {content:"";}
	#mainVisual p.sub {font-size:1.1rem;width:60%;margin:0 auto;}
	#mainVisual p.main {font-size:3rem;line-height:60px;margin:0 auto 30px auto;padding-top:30px;}

	#mainVisual .mask li.visual01 {background-image:url("../images/main/t_mainVisual01.jpg");}
	#mainVisual .mask li.visual02 {background-image:url("../images/main/t_mainVisual01.jpg");}

	#mainVisual .mask li .imgBox.pc {display:none;}
	#mainVisual .mask li .imgBox.mobile {display:block;}
	
	/* OUR OVERVIEW */
	#mainContents .conBox01 .mask2 li .sub {font-size:18px;}
	#mainContents .conBox01 .mask2 li .txt {font-size:16px;padding-top:10px;margin-top:20px;}
	#mainContents .conBox01 .mask2 .btns {left:-50px;}
	#mainContents .conBox01 .mask2 .btns a {width:40px;height:40px;line-height:40px;}

	/* INFORMATION */
	#mainContents .conBox02 ul {margin:-20px;}
	#mainContents .conBox02 ul li {width:50%;padding:20px;}
	#mainContents .conBox02 ul li .icon {display:block;height:70px;}

	/* OUR WORKS */
	#mainContents .conBox03 .maskWrap {padding-left:0;margin-left:-10px;}
	#mainContents .conBox03 .txtWrap {display:none;}
	#mainContents .conBox03 .mask {width:100%;}
	#mainContents .conBox03 .mask .btnPrev,
	#mainContents .conBox03 .mask .btnNext {display:none;}
	#mainContents .conBox03 .mask li .title {display:block;font-size:20px;color:#333;font-weight:700;margin-top:15px;text-align:center;}

	/* OUR COMMUNITY */
	#mainContents .conBox04 .maskTop .thumb img {width:100%;}
	#mainContents .conBox04 .maskTop .txtBox {position:static;width:100%;}	
	#mainContents .conBox04 .maskBottom {display:none;}
	#mainContents .conBox04 .maskTop .thumb {width:100%;}
	
}
@me dia all and (max-width:768px) {
	#mainVisual .mask {padding-top:100px;}
	#mainVisual .mask li .inner {height:auto;top:auto;bottom:0;background:rgba(255,255,255,0.8);text-align:center;padding:30px 0;}
	#mainVisual dd:before {left:50%;margin-left:-15px;}
	#mainVisual .bottomArrow {display:none;}
	#mainVisual .btnMore {margin:10px auto 0 auto;}
	#mainVisual dt span {font-size:16px;}
	#mainVisual dt strong {font-size:25px;}
	#mainVisual dd {font-size:15px;padding-top:10px;margin-top:10px;}
	#mainVisual .btnMore {height:40px;line-height:40px;font-size:15px;}
	#mainVisual .btnMore i {line-height:40px;font-size:12px;}
	#mainVisual .mask li.visual01 .imgBox {background-imag e:url("../images/main/mainVisual01_m.jpg");}
	#mainVisual .mask li.visual02 .imgBox {background-imag e:url("../images/main/mainVisual02_m.jpg");}
	#mainVisual .mask li.visual03 .imgBox {background-imag e:url("../images/main/mainVisual03_m.jpg");}
	#mainContents .conBox {padding:80px 0;}
	
	/* OUR OVERVIEW */
	#mainContents .conBox01 .mask2 li {}
	#mainContents .conBox01 .mask2 li .titleWrap .num {font-size:25px;}
	#mainContents .conBox01 .mask2 li .titleWrap .title {font-size:25px;}
	#mainContents .conBox01 .mask2 li .sub {font-size:15px;}
	#mainContents .conBox01 .mask2 li .txt {font-size:15px;}
	#mainContents .conBox01 .mask2 li .txt:before {}
	#mainContents .conBox01 .mask2 .btns {display:none;}
	/* OUR COMMUNITY */
	#mainContents .conBox04 {margin-bottom:130px;padding-top:0;}
	#mainContents .conBox04 .auto2 {padding:80px 0 320px 0;}
	#mainContents .conBox04 .maskTop .txtBox dt {font-size:20px;} 
	#mainContents .conBox04 .maskTop .txtBox dd {font-size:14px;line-height:1.4;height:7em;display:-webkit-box;-webkit-line-clamp:7;-webkit-box-orient:vertical;word-wrap:break-word;overflow:hidden;margin-bottom:10px;}

	#mainContents .conBox05 .maskWrap {padding:0 !important;}
	#mainContents .conBox05 .maskWrap > a {display:none !important;}
	#mainContents .conBox04 .banner {margin-top:0;}

	/* 하단 배너 */
	#mainContents .conBox06 {padding-top:0;padding-bottom:0 !important;}

}
@me dia all and (max-width:719px) {
	

	#mainContents .conBox {padding:50px 0;}
	#mainContents .con_title {padding-bottom:20px;}
	/* OUR OVERVIEW */
	#mainContents .conBox01 {padding-top:0;}
	#mainContents .conBox01 .mask1 {p adding:0 30px;}
	#mainContents .conBox01 .mask2 {position:relative;width:100%}
	#mainContents .conBox01 .mask2 .btns {position:static}
	#mainContents .conBox01 .mask2 .btns a {position:absolute;bottom:0;display:block;}
	#mainContents .conBox01 .mask2 .btns a.btnPrev {left:50%;margin-left:-70px;}
	#mainContents .conBox01 .mask2 .btns a.btnNext {right:50%;margin-right:-70px;}
	#mainContents .conBox01 .mask2 .pager {position:static;text-align:center;line-height:40px;}
	/* INFORMATION */
	#mainContents .conBox02 {padding:0;}
	#mainContents .conBox02 .auto2 {padding:50px 0;}
	/* OUR COMMUNITY */
	#mainContents .conBox04 {padding:0;margin-bottom:190px;}
	#mainContents .conBox04 .auto2 {padding:50px 0 270px 0;}
	#mainContents .conBox04 .banner {width:auto;margin:0 20px;}
	/* OUR CLIENTS */
	#mainContents .conBox05 {padding:0;}
	#mainContents .conBox05 .auto2 {padding:50px 0;}
	#mainContents .conBox05 .maskWrap {padding:0 50px;}
	#mainContents .conBox05 .maskWrap > a {width:30px;margin-top:-15px;}


}
@me dia all and (max-width:640px) {
	
	/* 메인비주얼 */
	#mainVisual {padding-top:155%;}	
	#mainVisual p.sub02 {display:none;}
	#mainVisual .mask {padding-top:55px;}
	#mainVisual .mask li .inner {padding:20px 0;}
	#mainVisual dt span {font-size:14px;}
	#mainVisual dt strong {font-size:24px;}
	#mainVisual dd {font-size:12px;padding-top:10px;margin-top:10px;}
	#mainVisual .btnMore {height:30px;line-height:30px;font-size:12px;}
	#mainVisual .btnMore i {line-height:30px;font-size:12px;}
	

	/* 메인컨텐츠 */
	#mainContents {margin-top:55px;}
	
	#mainContents .con_title div {font-size:28px;}

	#mainContents .conBox01 .mask1 li {padding:5px;}
	#mainContents .conBox01 .mask2 li {padding:5px;}
	/* INFORMATION */
	#mainContents .conBox02 ul li dt {font-size:16px;padding:15px 0 5px 0;}
	#mainContents .conBox02 ul li dd {font-size:12px;height:54px;}
	#mainContents .conBox02 ul li dd br {content:"";}
	/* OUR WORKS */
	#mainContents .conBox03 .btnPrev,
	#mainContents .conBox03 .btnNext,
	#mainContents .conBox03 .btnMore {display:none;}
	/* OUR COMMUNITY */
	#mainContents .conBox04 .maskTop .txtBox {padding:0;}
	#mainContents .conBox04 .maskTop .txtBox > a {padding:20px;}
	#mainContents .conBox04 .maskTop .txtBox .table,
	#mainContents .conBox04 .maskTop .txtBox .tableCell {display:block;}
	#mainContents .conBox04 .maskTop .txtBox dt {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px;}
	#mainContents .conBox04 .maskTop .txtBox dd {height:2.8em;-webkit-line-clamp:2;}
	#mainContents .conBox04 .maskTop .txtBox span {font-size:14px;}
	#mainContents .conBox04 .btnMore {line-height:40px;}
	#mainContents .conBox04 {margin-bottom:130px;}
	#mainContents .conBox04 .auto2 {padding:50px 0 110px 0;}
	#mainContents .conBox04 .banner {height:220px;padding:10px;}
	#mainContents .conBox04 .banner .inner dt {font-size:16px;}
	#mainContents .conBox04 .banner .inner dd {font-size:10px;}
	#mainContents .conBox04 .banner .inner dd br {content:"";}
	#mainContents .conBox04 .banner .inner span {display:none;}

	
	/* 하단 배너 */
	#mainContents .conBox06 ul li {float:none;width:100%;}
	#mainContents .conBox06 ul li a {height:140px;}
	#mainContents .conBox06 ul li a span.title {font-size:14px;}
	#mainContents .conBox06 ul li a span.eng {font-size:20px;}

}
@me dia all and (max-width:480px) {

	/* 메인비주얼 */
	#mainVisual .auto .inner {padding-top:30px;}
	#mainVisual p.main {font-size:2rem;line-height:40px;padding-bottom:25px;margin:0 auto 25px auto; }
	#mainVisual p.main:before {width:40px;margin-left:-20px;}
	#mainVisual p.sub {font-size:0.9rem;}
	#mainVisual .btnPrev,
	#mainVisual .btnNext {width:40px;}

}