/*초기화 코드*/

@import url("http://fonts.googleapis.com/earlyaccess/nanumgothic.css");


html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, a, p, del, dfn, em, img, ins, kbd, q, samp, small, strong, 
b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, table, tbody, tfoot, thead, tr, th, td, article, aside, footer, header, nav, section ,article{
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:12px;
  font-family:"NotoSansKR",sans-serif, '나눔고딕', NanumGothic, 'Nanum Gothic',arial, Helvetica, AppleGothic;
  vertical-align:baseline;  
  font-weight:600;
}


a:link {text-decoration:none; color:#333;}
a:visited {text-decoration:none; color:#333;}
a:active {text-decoration:none; color:#333;}
a:hover {text-decoration:none; color:#333;}

html, body { width: 100%; height: 100%; margin: 0; padding: 0; outline: 0; border: 0; }

table { border-collapse: collapse; border-spacing: 0; }
input{ outline-style:none;} , textarea{ outline-style:none;}
input,select,textarea{
	font-size:12px;
	font-family:"NotoSansKR",sans-serif, '나눔고딕', NanumGothic, 'Nanum Gothic',arial, Helvetica, AppleGothic;
	color:#3d3d3d;
	border:1px solid #ccc;
}

img { max-width: 100%; vertical-align: middle; }
img,embed,object,video { max-width: 100%; }
img,fieldset,iframe{border:0 none}
br{letter-spacing:0px;}
header, footer, aside, section, article,div { display:block; }
div,ul,li{margin:0;padding:0;list-style:none;display:block}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }



/* 상단 네비메뉴 */
.topWrap {width:100%; position:absolute; z-index:210; padding:20px 0; transition:all 1s ease;}
.topWrap .topInner {max-width:1700px; margin:0 auto; width:100%; position:relative; z-index:210;}
.topWrap .topInner .topL {float:left; width:30%;}
@media all and (max-width:1700px){
	.topWrap .topInner .topL {box-sizing:border-box; padding:0 0 0 50px;}
}
.topWrap .topInner .topR {float:right; width:70%;}
.topWrap .topInner .topR > ul {width:100%; text-align:right;}
.topWrap .topInner .topR > ul:after {content:''; display:block; clear:both;}
.topWrap .topInner .topR > ul > li {display:inline-block; width:18.8%; position:relative;}
.topWrap .topInner .topR > ul > li > a {color:#fff; display:block; padding:10px 0; text-align:center; font-size:1.7rem; transition:all .3s ease; font-weight:700;}
.topWrap .topInner .topR > ul > li > a:hover {color:#000;}

/* 서브 상단 */
.topWrap.subTop .topInner .topR > ul > li > a {color:#000;}
.topWrap.subTop .topInner .topR > ul > li > a:hover {color:#ff0054;}

/* 네비 모바일 버튼 */
.mobileBtnBox {display:none; position:absolute; top:0; right:0; z-index:210;}
.mobileClose {display:none; position:absolute; top:6px; right:12px;}
.mobileMenu {display:none;}
.mobileClose > i {color:#fff; font-size:2.4rem; display:block; cursor:pointer;}
.mainNavi_btn {display:block; width:30px; height:40px; position:relative; padding:20px 0px 0 0; margin:0 30px 0 0;}
.mainNavi_btn .Navibar {position:absolute; width:100%; height:2px; background-color:#fff; transition:all 0.3s ease;}
.mainNavi_btn .Navibar:before {position:absolute; content:''; display:block; width:100%; height:2px; background-color:#fff; top:-8px; transition:all 0.3s ease;}
.mainNavi_btn .Navibar:after {position:absolute; content:''; display:block; width:100%; height:2px; background-color:#fff; top:8px; transition:all 0.3s ease;}
/* 네비 제이쿼리 추가 */
.mainNavi_btn .trans {background-color:transparent; transition:all 0.3s ease;}
.mainNavi_btn .trans:before {display:block; content:''; position:absolute; top:0px; left:0px; transform:rotate(-45deg); transition:all 0.3s ease; transition:all 0.3s ease;}
.mainNavi_btn .trans:after {display:block; content:''; position:absolute; top:0; left:0px; transform:rotate(45deg); transition:all 0.3s ease; transition:all 0.3s ease;}

/* 서브 모바일 버튼 */
.topWrap.subTop .mainNavi_btn .Navibar {background-color:#000;}
.topWrap.subTop .mainNavi_btn .Navibar:before {background-color:#000;}
.topWrap.subTop .mainNavi_btn .Navibar:after {background-color:#000;}

/* 백그라운드 */
.navibg {position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.9); z-index:201; display:none;}


@media all and (max-width:1200px){
	.topWrap {padding:20px 0;}
	/*.topWrap.topOn {background:rgba(0,0,0,0);}*/
	.mobileBtnBox {display:block;}
	.mobileClose {display:block;}

	.topWrap .topInner .topL {float:none; width:100%; text-align:center; padding:0;}
	.topWrap .topInner .topR {float:none; width:300px; height:100%; position:fixed; top:0; right:-300px; box-sizing:border-box; padding:20px 0; z-index:220; background:#ff0054; /*box-shadow:0 5px 5px 5px #ff0054; -webkit-box-shadow:inset 0 0 5px 5px #dca010*/}
	.topWrap .topInner .topR > ul {}
	.topWrap .topInner .topR > ul > li {display:block; width:100%; }
	.topWrap .topInner .topR > ul > li:before {display:block; content:"-"; position:absolute; top:10px; left:15px; color:#fff; font-size:2.4rem;}
	.topWrap .topInner .topR > ul > li > a {padding:20px 40px; text-align:left; color:#fff;}
	.topWrap.subTop .topInner .topR > ul > li > a {color:#fff;}

	.mobileMenu {display:block;}
	.mobileMenu .bar {width:74%; height:1px; background:#fff; margin:20px auto;}
	.mobileMenu > a {display:block; width:86%; margin:0 auto; padding:10px 0; text-align:center; font-size:1.6rem; color:#333; background:#fff; border-radius:30px;}
	.mobileMenu > a > i {color:#333; font-size:1.6rem;}
}

/* 업버튼 */
.upBtn {position:fixed; z-index:210; bottom:20px; right:20px; display:none;}
.upBtn > i {font-size:4rem; color:#333; cursor:pointer;}

/* 메인슬라이드 부분 */
.mainsliderWrap {width:100%; height:1080px;}
.mainsliderWrap .mainslider_inner {width:100%; height:1080px; position:relative;}
.bx-mainSl {width:100%; height:1080px;}
.bx-mainSl .bx-viewport {width:100%; height:1080px !important;}

.mainSl {width:100%; height:1080px;}
.mainSl > div {width:100%; height:1080px; background-repeat:no-repeat; background-size:cover; background-position:center;}

.mainSl div.img1 {background-image:url("/img/main/main01-1.jpg");}
.mainSl div.img2 {background-image:url("/img/main/main01-2.jpg");}
.mainSl div.img3 {background-image:url("/img/main/main01-3.jpg");}
.mainSl div.img4 {background-image:url("/img/main/main01-4.jpg");}

.bx-mainSl {position:relative;}
.bx-mainSl .bx-pager{position:absolute; top:50%; right:20px; z-index:110;}
.bx-mainSl .bx-pager .bx-pager-item{display:block; margin:12px 0px; z-index:110;}
.bx-mainSl .bx-pager.bx-default-pager a{display:block; width:12px; height:12px; background:#fff; transition:all .3s ease; border-radius:10px;}
.bx-mainSl .bx-pager.bx-default-pager a.active { width:12px; height:12px; background:#959595;}

.mainUpWrap {position:absolute; top:8%; right:0; width:50%; z-index:100;}
.mainUp {position:relative;}
.upimg {position:relative;}

.upimgtextBox {position:absolute; top:0; left:0; width:100%; height:100%;}
.upimgtextBox .upimgtable {display:table; width:100%; height:100%; padding:40px; box-sizing:border-box;}
.upimgtextBox .upimgtable .upimgtable-cell {display:table-cell; width:100%; height:100%; vertical-align:middle;}

.upimgtextBox dl dt {color:#fff; font-size:4rem; margin:20px 0;}
.upimgtextBox dl dt:after {display:block; content:''; height:2px; background:#fff; width:10%; margin:20px 0;}
.upimgtextBox dl dd {margin:20px 0; font-size:2rem; color:#fff;}
.upimgtextBox dl dd.btn > a {display:block; color:#fff; border:1px solid #fff; padding:10px; text-align:center; width:160px; font-size:1.4rem;}

@media all and (max-width:870px){
	
	.mainsliderWrap {height:100%;}
	.mainsliderWrap .mainslider_inner {height:100%;}
	.bx-mainSl {height:100%;}
	.bx-mainSl .bx-viewport {height:100% !important;}
	.mainSl {height:100%;}
	.mainSl > div {height:100%;}


	.mainUpWrap {width:100%; top:200px;}
	.mainUp {width:80%; margin:0 auto;}
	.upimgtextBox dl dt {font-size:3rem;}

	/* 한양건설 영문만 모바일에서 글씨크기 줄이기 */
	.typoline0 {font-size:2rem;}
}

.section {width:100%;}
.section > img {width:100%;}
.section.mainMtBox {margin:200px 0 0 0;}
.section.setionBg {background-image:url("/img/main/main02-1.jpg"); background-repeat:no-repeat; background-size:cover; background-position:center;}
.section .section_inner {max-width:1700px; margin:100px auto 0; width:94%;}
.section .section_inner .iconBox {text-align:center;}
.section .section_inner .textBox {width:100%; margin:30px 0 120px 0;}
.section .section_inner .textBox > h3 {font-size:6rem; text-align:center;}
.section .section_inner .textBox p { font-size:3rem; text-align:center; line-height:5rem;}

.btnBox {width:100%; margin:80px 0 0 0; text-align:center;}
.btnBox > a {display:inline-block; border:1px solid #333; border-radius:30px; padding:10px 30px; font-size:1.6rem; margin:0 10px;}
.btnBox > a > i {font-size:1.6rem;}
@media all and (max-width:870px){
	.section .section_inner .textBox p {font-size:1.8rem;}
	.btnBox > a {font-size:1.2rem; margin:0 10px;}
}

.popolBox {width:100%;}
.popolBox .popolBox_inner {max-width:1730px; margin:70px auto; width:100%;}
.popolBox .popolBox_inner > ul {width:100%;}
.popolBox .popolBox_inner > ul:after {content:''; display:block; clear:both;}
.popolBox .popolBox_inner > ul > li {float:left; width:33.333%; box-sizing:border-box; padding:15px;}
.popolBox .popolBox_inner > ul > li > a {display:block; width:100%; height:100%; position:relative;}
.popolBox .popolBox_inner > ul > li > a .popolTxtBox {position:absolute; top:0; left:0; width:100%; height:100%; z-index:10;}
.popolBox .popolBox_inner > ul > li > a .popolTxtBox .popolTxtBox_table {display:table; width:100%; height:100%;}
.popolBox .popolBox_inner > ul > li > a .popolTxtBox .popolTxtBox_table .popolTxtBox_tableCell {display:table-cell; width:100%; height:100%; vertical-align:middle; text-align:center;}
.popolBox .popolBox_inner > ul > li > a .popolTxtBox .popolTxtBox_table .popolTxtBox_tableCell dl {position:relative; top:30px; transition:all 1s ease-in-out; opacity:0;}
.popolBox .popolBox_inner > ul > li:hover > a .popolTxtBox .popolTxtBox_table .popolTxtBox_tableCell dl {top:0; opacity:1;}
.popolBox .popolBox_inner > ul > li > a .popolTxtBox .popolTxtBox_table .popolTxtBox_tableCell dl dt {color:#fff; font-size:3rem; margin:20px 0;}
@media all and (max-width:1200px){
	.popolBox .popolBox_inner > ul > li > a .popolTxtBox .popolTxtBox_table .popolTxtBox_tableCell dl dt {font-size:2.4rem;}
}
@media all and (max-width:1000px){
	.popolBox .popolBox_inner > ul > li > a .popolTxtBox .popolTxtBox_table .popolTxtBox_tableCell dl dt {font-size:2rem;}
}
@media all and (max-width:860px){
	.popolBox .popolBox_inner > ul > li > a .popolTxtBox .popolTxtBox_table .popolTxtBox_tableCell dl dt {font-size:2.6rem;}
}
@media all and (max-width:680px){
	.popolBox .popolBox_inner > ul > li > a .popolTxtBox .popolTxtBox_table .popolTxtBox_tableCell dl dt {font-size:2.2rem;}
}
@media all and (max-width:580px){
	.popolBox .popolBox_inner > ul > li > a .popolTxtBox .popolTxtBox_table .popolTxtBox_tableCell dl dt {font-size:2rem;}
}
.popolBox .popolBox_inner > ul > li > a .popolTxtBox .popolTxtBox_table .popolTxtBox_tableCell dl dd {}
.popolBox .popolBox_inner > ul > li > a .bgBox {position:absolute; top:0; left:0; width:100%; height:100%; background-image:url("/img/sub/portfolio_ov.png");background-repeat:no-repeat;background-size:cover; opacity:0;  transition:all .5s ease-in-out; z-index:9;}
.popolBox .popolBox_inner > ul > li:hover > a .bgBox {transform:scale(1.05); opacity:0.8;}


.popolBox .popolBox_inner > ul > li > a > img {width:100%; transition:all .5s ease;}
.popolBox .popolBox_inner > ul > li:hover > a > img {transform:scale(1.05);}
.popolBox .popolBox_inner > a {display:block; text-align:center; font-size:2rem; padding:50px 0; background:#e1e1e1; transition:all .3s ease; width:98.2%; margin:0 auto;}
.popolBox .popolBox_inner > a:hover {background:#252525; color:#fff;}
@media all and (max-width:870px){
	.popolBox .popolBox_inner > ul > li {width:50%;}
	.popolBox .popolBox_inner > a {font-size:1.4rem;}
}

.whdmBox {width:100%;}
.whdmBox > ul {width:100%;}
.whdmBox > ul:after {content:''; display:block; clear:both;}
.whdmBox > ul > li {float:left; width:25%; box-sizing:border-box; border-right:1px solid #d7d7d7; min-height:570px; transition:all .3s ease;}
.whdmBox > ul > li:hover {background:#ebebeb;}
.whdmBox > ul > li:last-child {border:none;}
.whdmBox > ul > li > div {text-align:center; padding:90px 0 50px 0;}
/*.whdmBox > ul > li > div > img {transition:all 1s ease;}
.whdmBox > ul > li:hover > div > img {
	position:relative;
	transform:Perspective(200) rotateY(180deg);
	-webkit-transform:Perspective(200) rotateY(180deg);
	-ms-transform:Perspective(200) rotateY(180deg);
}*/
.whdmBox > ul > li > dl {}
.whdmBox > ul > li > dl dt{text-align:center; font-size:2rem; padding:0 0 20px 0;}
.whdmBox > ul > li > dl dd{text-align:center; font-size:1.4rem; padding:5px 0;}
@media all and (max-width:870px){
	.whdmBox > ul > li {width:50%; border-bottom:1px solid #d7d7d7;}
	.whdmBox > ul > li:nth-child(2n){ border-right:none; }
}

.section_logosong {padding:200px 0; margin:0 auto !important;}
.table {width:100%; display:table;}
.table .table-cell {display:table-cell; width:50%; vertical-align:top;}
.table .table-cell > img {width:100%;}
.table .table-cell > div {background:#fff; min-height:475px; width:100%; box-sizing:border-box; padding:8% 3% 0 10%;}
.table .table-cell > div > p {font-size:1.6rem; line-height:3.4rem;}
.table .table-cell > div > ul {margin:20px 0 20px 0;}
.table .table-cell > div > ul > li {padding:5px 0;}
.table .table-cell > div > ul > li > span {font-size:1.4rem; color:#c00106;}
.table .table-cell > div .callBtn {text-align:right;}
.table .table-cell > div .callBtn > a {display:inline-block; padding:10px 0; width:250px; border:1px solid #333; border-radius:30px; text-align:center; font-size:1.4rem;}
@media all and (max-width:1500px){
	.table .table-cell > div {min-height:425px;}
}
@media all and (max-width:1300px){
	.table .table-cell > div {min-height:365px;}
	.table .table-cell > div > p {font-size:1.4rem; line-height:3rem;}
	.table .table-cell > div > ul > li > span {font-size:1.3rem;}
	.table .table-cell > div > ul {margin:20px 0 0 0;}
}
@media all and (max-width:1100px){
	.table .table-cell > div {min-height:315px; padding:5% 3% 0 5%;}
	.table .table-cell > div > p {font-size:1.2rem; line-height:2.6rem;}
	.table .table-cell > div > ul > li > span {font-size:1.3rem;}
	.table .table-cell > div > ul > li {padding:3px 0;}
}
@media all and (max-width:1000px){
	.table .table-cell {display:block; width:100%;}
	.table .table-cell > div {padding:5%;}
	.table .table-cell > div > p {font-size:1.6rem; line-height:3.4rem;}
	.table .table-cell > div > ul {margin:20px 0 20px 0;}
	.table .table-cell > div > ul > li {padding:5px 0;}
}
@media all and (max-width:680px){
	.table .table-cell > div > p {font-size:1.3rem; line-height:3rem;}
	.table .table-cell > div > ul > li > span {font-size:1.2rem;}
}

.sction_Bg_eb {background:#ebebeb;}
.clientsBox {padding:5%; box-sizing:border-box;}
.clientsBox > ul {width:100%;}
.clientsBox > ul:after {content:''; display:block; clear:both;}
.clientsBox > ul > li {width:20%; float:left; box-sizing:border-box; padding:1%;}

@media all and (max-width:1000px){
	.clientsBox > ul > li {width:25%;}
}
@media all and (max-width:800px){
	.clientsBox > ul > li {width:33.333%;}
}
@media all and (max-width:600px){
	.clientsBox > ul > li {width:50%;}
}

/* sub CSS */
.subWrap {width:100%;}
.subWrap > img {width:100%;}
.subWrap .subInner {width:100%; max-width:1700px; margin:0 auto;}

.sub1Top {padding:200px 0 140px 0;}
.sub2Top {padding:200px 0 60px 0;}

.titleBox {position:relative; transition:all 2s ease; top:50px; opacity:0; max-width:1700px; margin:0 auto; width:94%;}
.titleBox > div {text-align:center; font-size:5.4rem; font-weight:500; padding:5px 0 0px 0;}
.titleBox > div > span {font-size:6rem; font-weight:500;}
.titleBox > div > span.pinkcolor {color:#ff0054;}
.titleBox > div > span.blackcolor {}
.titleBox > div > p {font-size:2rem; line-height:4.5rem; padding:50px 0 0 0;}
@media all and (max-width:1160px){
	.titleBox > div > p {font-size:1.4rem;}
}
.subProcess {padding:90px 0 100px 0;}

@media all and (max-width:860px){
	.sub1Top {padding:160px 0 100px 0;}
	.titleBox > div {font-size:3rem;}
	.titleBox > div > span {font-size:3rem;}

	.subProcess {padding:40px 0 60px 0;}
}

.homepageReady {width:100%; max-width:1700px; margin:0 auto;}
.homepageReady .readyTitleBox {padding:90px 0 140px 0; text-align:center;}
@media all and (max-width:860px){	.homepageReady .readyTitleBox {padding:40px 0 70px 0;} }
.homepageReady .readyTitleBox .readyTitle {font-size:5.5rem; color:#464646; position:relative; top:50px; opacity:0; transition:all 2s ease;}

.homepageReady > ul {width:94%; max-width:1700px; margin:0 auto;}
.homepageReady > ul:after {content:''; display:block; clear:both;}
.homepageReady > ul > li {float:left; width:50%; position:relative; padding:0 150px 0 80px; box-sizing:border-box; color:#464646; font-size:1.4rem; min-height:160px;}
.homepageReady > ul > li > p {font-size:1.4rem; line-height:2.6rem;}
.homepageReady > ul > li > h3 {padding:0 0 10px 0; position:relative; font-size:1.6rem; color:#464646;}
.homepageReady > ul > li.ani {top:50px; opacity:0;}
.homepageReady > ul > li.ready01 {transition:all 1.5s ease .5s;}
.homepageReady > ul > li.ready02 {transition:all 1.5s ease 1s;}
.homepageReady > ul > li.ready03 {transition:all 1.5s ease 1.5s;}
.homepageReady > ul > li.ready04 {transition:all 1.5s ease 2s;}
.homepageReady > ul > li.ready01:before {content:'01' ; display:block; position:absolute; top:0; left:0; border-radius:5px; text-align:center; padding:10px 0; background:#ff0054; color:#fff; width:60px; font-size:2rem;}
.homepageReady > ul > li.ready02:before {content:'02'; display:block; position:absolute; top:0; left:0; border-radius:5px; text-align:center; padding:10px 0; background:#ff0054; color:#fff; width:60px; font-size:2rem;}
.homepageReady > ul > li.ready03:before {content:'03'; display:block; position:absolute; top:0; left:0; border-radius:5px; text-align:center; padding:10px 0; background:#ff0054; color:#fff; width:60px; font-size:2rem;}
.homepageReady > ul > li.ready04:before {content:'04'; display:block; position:absolute; top:0; left:0; border-radius:5px; text-align:center; padding:10px 0; background:#ff0054; color:#fff; width:60px; font-size:2rem;}
.homepageReady .btnWrap {padding:100px 0 170px 0;}
@media all and (max-width:860px){
	.homepageReady .btnWrap {padding:40px 0 100px 0;}
}

@media all and (max-width:1270px){
	.homepageReady > ul > li {min-height:180px; padding:0 100px 0 80px;}
}
@media all and (max-width:980px){
	.homepageReady > ul > li {min-height:180px; padding:0 30px 0 80px;}
}
@media all and (max-width:820px){
	.homepageReady .readyTitleBox .readyTitle {font-size:3rem;}
	.homepageReady > ul > li {min-height:auto; float:none; width:100%; padding:0px 30px 50px 80px;}
}

.bulitBox {padding:50px 0 !important; text-align:center;}
.bulitBox2 {text-align:center; padding:10px 0;}
.bulitBox3 {text-align:center; padding:10px 0 60px 0;}

.portfolioWrap {max-width:1730px; width:94%; margin:0 auto;}


.sub4_section {width:100%;}
.sub4_section > ul {margin:0 0 40px 0;}
.sub4_section > ul:after {content:''; display:block; clear:both;}
.sub4_section > ul > li {width:50%; float:left; position:relative; overflow:hidden;}
.sub4_section > ul > li img {width:100%;}
.sub4_section > ul > li .txtBox {position:absolute; top:-100%; left:0; width:100%; height:100%; background:rgba(255,0,83,0.85); transition:all 0.5s cubic-bezier(1, 0.02, 1, 1);}
.sub4_section > ul:hover > li .txtBox {top:0;}
.sub4_section > ul > li .txtBox .txtTable {display:table; width:100%; height:100%;}
.sub4_section > ul > li .txtBox .txtTable .txtTable_cell {display:table-cell; width:100%; height:100%; vertical-align:middle; text-align:center;}
.sub4_section > ul > li .txtBox .txtTable .txtTable_cell dl {}
.sub4_section > ul > li .txtBox .txtTable .txtTable_cell dl dd {font-size:3rem; color:#fff; margin:20px 0;}
@media all and (max-width:1330px){
	.sub4_section > ul > li .txtBox .txtTable .txtTable_cell dl dd {font-size:2rem;}
}
@media all and (max-width:970px){
	.sub4_section > ul > li .txtBox .txtTable .txtTable_cell dl dd {font-size:1.6rem; margin:15px 0;}
}
@media all and (max-width:840px){
	.sub4_section > ul > li .txtBox .txtTable .txtTable_cell dl dd {font-size:1.3rem; margin:10px 0;}
}

.sub4_section > ul > li .sizeimg {transition:all 1s ease;}
.sub4_section > ul > li .ttBox {position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.85);}
.sub4_section > ul > li .ttBox.hosting {background:rgba(0,0,0,0.7);}
.sub4_section > ul > li .ttBox dl {display:table; width:100%; height:100%;}
.sub4_section > ul > li .ttBox dl dt {display:table-cell; width:100%; height:100%; vertical-align:middle; text-align:center; color:#fff; font-size:4rem; transition:all 1s ease;}
.sub4_section > ul:hover > li .sizeimg {}
.sub4_section > ul:hover > li .ttBox dl dt {font-size:5rem;}

.locationWrap {padding:40px 0 100px 0; width:94%; margin:0 auto; max-width:1700px;}

.mapInner {width:94%; max-width:1700px; margin:0 auto; padding:100px 0;}
.mapInner > ul {width:100%;}
.mapInner > ul:after {content:''; display:block; clear:both;}
.mapInner > ul > li {float:left; width:50%;}
.mapInner > ul > li > h3 {position:relative; padding:5px 0 5px 70px; font-size:3rem;}
.mapInner > ul > li > h3:before {display:block; position:absolute; content:''; width:40px; height:3px; background:#ff0054; left:20px; top:32px;}

.mapInner > ul > li > .mapBox {position:relative; width:100%; height:100%; box-sizing:border-box;}
.mapInner > ul > li > .mapBox .mapcont {position:relative; padding:0 20px; width:100%; height:100%; box-sizing:border-box; z-index:10}

.mapBg {position:absolute; width:100%; height:100%; top:10px; left:10px; padding:0 20px; box-sizing:border-box; z-index:5;}
.mapBg > div {background:#ff0054; width:100%; height:100%;}
.root_daum_roughmap {width:100% !important;}

.addrBox {padding:30px 0 0 20px;}
.addrBox > p {font-size:1.6rem; margin:5px 0;}

@media all and (max-width:860px){
	.mapInner > ul > li {float:none; width:100%;}
	.mapInner > ul > li:first-child {margin:0 0 60px 0;}
}

.sub5_section {max-width:1700px; margin:0 auto; width:100%; padding:0 0 100px 0;}
.sub5_section > ul {}
.sub5_section > ul:after {content:''; display:block; clear:both;}
.sub5_section > ul > li {float:left; width:25%; box-sizing:border-box; padding:0 0.7%;}
.sub5_section > ul > li > div.sub5_box {opacity:0;}
.sub5_section > ul > li > div.sub5_box .sub5_img {}
.sub5_section > ul > li > div.sub5_box .sub5_img > img {width:100%;}
.sub5_section > ul > li > div.sub5_box .sub5_con_Box {box-sizing:border-box; padding:30px; background:#f4f4f4; min-height:540px;}
.sub5_section > ul > li > div.sub5_box .sub5_con_Box > h3 {font-size:2rem;}
.sub5_section > ul > li > div.sub5_box .sub5_con_Box p.sub5_price {font-size:3rem; margin:15px 0;}
.sub5_section > ul > li > div.sub5_box .sub5_con_Box p.sub5_price > span {font-size:1.2rem;}
.sub5_section > ul > li > div.sub5_box .sub5_con_Box > ul {}
.sub5_section > ul > li > div.sub5_box .sub5_con_Box > ul > li {padding:7px 0 7px 10px; font-size:1.2rem; position:relative; font-weight:500;}
.sub5_section > ul > li > div.sub5_box .sub5_con_Box > ul > li.colorred {color:#ff0054; font-weight:bold;}
.sub5_section > ul > li > div.sub5_box .sub5_con_Box > ul > li:after {content:'-'; display:block; position:absolute; top:6px; left:0;}

@media all and (max-width:1200px){
	.sub5_section > ul > li {width:50%; margin:30px 0;}
}
@media all and (max-width:780px){
	.sub5_section > ul > li {width:100%;}
}


.estWrap {max-width:1700px; width:94%; margin:0 auto; padding:0 0 150px 0;}

/* aniCSS */
.animation {top:0 !important; opacity:1 !important;}

/* footer CSS */
.footerWrap {width:100%;}
.footerWrap .footerContact {width:100%; background-image:url("/img/main/customer_bg.jpg"); background-repeat:no-repeat; background-size:cover; background-position:center;}
.footerWrap .footerContact .footerContact_inner {padding:140px 0;}
.footerWrap .footerContact .footerContact_inner > h3 {font-size:4rem; text-align:center; color:#fff; padding:20px 0;}
.footerWrap .footerContact .footerContact_inner > h4 {font-size:3.4rem; text-align:center; color:#e8c869; font-weight:300; padding:20px 0;}
.footerWrap .footerContact .footerContact_inner > p.cus {color:#e8c869; text-align:center; padding:0 0 20px 0; font-size:1.6rem;}
.footerWrap .footerContact .footerContact_inner > p.addr { color:#fff; text-align:center; font-size:1.6rem;}
.footerWrap .footerContact .footerContact_inner .btnBox {width:760px; margin:60px auto 0;}
.footerWrap .footerContact .footerContact_inner .btnBox > div {display:inline-block; width:49%; text-align:center;}
.footerWrap .footerContact .footerContact_inner .btnBox > div > a {display:block;}
.footerWrap .footerContact .footerContact_inner .btnBox > div > a > p {color:#fff; padding:40px 0 0 0; font-size:2rem;}
@media all and (max-width:980px){
	.footerWrap .footerContact .footerContact_inner {width:94%; margin:0 auto;}
}
@media all and (max-width:860px){
	.footerWrap .footerContact .footerContact_inner .btnBox{width:94%;}	
}

.footer {background:#252525;}
.footer .footer_inner {max-width:1200px; margin:0 auto; width:100%;}
.footer .footer_inner .f_Box {display:table; width:100%;}
.footer .footer_inner .f_Box > div {display:table-cell; vertical-align:middle; text-align:center;}
.footer .footer_inner .f_Box > div.f_logo {width:30%; padding:30px 0;}
.footer .footer_inner .f_Box > div.f_cont {width:70%;}
.footer .footer_inner .f_Box > div.f_cont > div {text-align:left; padding:3px 0;}
.footer .footer_inner .f_Box > div.f_cont > div > span {color:#949494; display:inline-block; font-size:1.2rem;}
.footer .footer_inner .f_Box > div.f_cont > div > span.bar {padding:0 10px;}