@charset "utf-8";
#subpage { width: 100%; overflow: hidden; position: relative; padding-top: 0px; min-height: 800px; }
#subpage .contents { position: relative; top: 0px; left: 50%; margin-left: -960px; width: 1920px; overflow: hidden; }

#subpage .contents.we .section3 {}
#subpage .contents.we .section3 dl > dd { position: relative; }
#subpage .contents.we .section3 dl > dd:nth-of-type(1)::after { content: ''; position: absolute; left: 50%; top: 88px; width: 5px; height: 102px; background: #ece1f4; }
#subpage .contents.we .section3 dl > dd:nth-of-type(2)::after { content: ''; position: absolute; left: 50%; top: 88px; width: 5px; height: 102px; background: #ece1f4; }

#subpage .contents.we .section3 dl:nth-of-type(2) > dd:nth-of-type(1)::after { content: ''; position: absolute; left: 50%; top: 88px; width: 5px; height: 270px; background: #8f46b8; }
#subpage .contents.we .section3 dl:nth-of-type(2) > dd:nth-of-type(2)::after { display: none; }


#subpage .contents.makeyou .section2 {}
#subpage .contents.makeyou .section2 .inner-wrap {}
#subpage .contents.makeyou .section2 .inner-wrap > ul {}
#subpage .contents.makeyou .section2 .inner-wrap > ul > li { position: relative; box-sizing: border-box; border: 2px solid #8f46b8; }
#subpage .contents.makeyou .section2 .inner-wrap > ul > li:nth-of-type(1) { border: 2px solid #ece1f4; }
#subpage .contents.makeyou .section2 .inner-wrap > ul > li:nth-of-type(1):hover { border: 2px solid #8f46b8; }
#subpage .contents.makeyou .section2 .inner-wrap > ul > li:hover { border: 2px solid #000; }
/* #subpage .contents.makeyou .section2 .inner-wrap > ul > li:hover p { font-weight: 900 !important; } */
#subpage .contents.makeyou .section2 .inner-wrap > ul > li:nth-of-type(4) { order: 6; }
#subpage .contents.makeyou .section2 .inner-wrap > ul > li:nth-of-type(5) { order: 5; }
#subpage .contents.makeyou .section2 .inner-wrap > ul > li:nth-of-type(6) { order: 4; }
#subpage .contents.makeyou .section2 .inner-wrap > ul > li::after { content: ''; position: absolute; width: 68px; height: 3px; background: #8f46b8; right: -68px; top: 50%; }
#subpage .contents.makeyou .section2 .inner-wrap > ul > li:nth-of-type(3)::after { width: 3px; height: 60px; top: auto; bottom: -60px; left: 50%; right: auto; }
#subpage .contents.makeyou .section2 .inner-wrap > ul > li:nth-of-type(4)::after { display: none; }

#subpage .contents.visit .section2 { width: 1505px; margin: 100px auto 0; }
#subpage .contents.visit .section2 > ul { border-bottom: 1px solid #8f46b8; display: flex; justify-content: space-between; }
#subpage .contents.visit .section2 > ul > li { border: 1px solid #8f46b8; width: 349px; height: 150px; border-bottom: none; border-radius: 30px 30px 0 0; display: flex; flex-direction: column; align-items: center; color: #8f46b8; cursor: pointer; }
#subpage .contents.visit .section2 > ul > li.on { background: #8f46b8; color: #fff; }
#subpage .contents.visit .section2 .tab-content { display: none !important; padding-bottom: 250px; }
#subpage .contents.visit .section2 .tab-content.on { display: flex !important; }

#subpage .contents.visit .section4 > p { width: 1530px; margin: 0 auto; }

#subpage .contents.reference .section2 {}
#subpage .contents.reference .section2 > ul { width: 1505px; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: space-between; }
#subpage .contents.reference .section2 > ul > li { width: 350px; height: 350px; background-position: center; background-size: cover; display: flex; justify-content: center; align-items: center; margin-bottom: 35px; position: relative; overflow: hidden; }
#subpage .contents.reference .section2 > ul > li:nth-of-type(1) { background-image: url('../img/sub/reference/bg/bg-hover-airbnb-r.jpg'); }
#subpage .contents.reference .section2 > ul > li:nth-of-type(2) { background-image: url('../img/sub/reference/bg/bg-hover-amount-r.jpg'); }
#subpage .contents.reference .section2 > ul > li:nth-of-type(3) { background-image: url('../img/sub/reference/bg/bg-hover-cloud-apartments-r.jpg'); }
#subpage .contents.reference .section2 > ul > li:nth-of-type(4) { background-image: url('../img/sub/reference/bg/bg-hover-eos-r.jpg'); }
#subpage .contents.reference .section2 > ul > li:nth-of-type(5) { background-image: url('../img/sub/reference/bg/bg-hover-flowhaven-r.jpg'); }
#subpage .contents.reference .section2 > ul > li:nth-of-type(6) { background-image: url('../img/sub/reference/bg/bg-hover-highline-r.jpg'); }
#subpage .contents.reference .section2 > ul > li:nth-of-type(7) { background-image: url('../img/sub/reference/bg/bg-hover-microsoft.jpg'); }
#subpage .contents.reference .section2 > ul > li:nth-of-type(8) { background-image: url('../img/sub/reference/bg/bg-hover-source-r.jpg'); }
#subpage .contents.reference .section2 > ul > li:nth-of-type(9) { background-image: url('../img/sub/reference/bg/bg-hover-spring.jpg'); }
#subpage .contents.reference .section2 > ul > li:nth-of-type(10) { background-image: url('../img/sub/reference/bg/bg-hover-takeup-r.jpg'); }
#subpage .contents.reference .section2 > ul > li:nth-of-type(11) { background-image: url('../img/sub/reference/bg/bg-hover-wand.jpg'); }
#subpage .contents.reference .section2 > ul > li:nth-of-type(12) { background-image: url('../img/sub/reference/bg/g-bg-hover-coventure-r.jpg'); }
#subpage .contents.reference .section2 > ul > li:nth-of-type(13) { background-image: url('../img/sub/reference/bg/g-bg-hover-headset.jpg'); }
#subpage .contents.reference .section2 > ul > li:nth-of-type(14) { background-image: url('../img/sub/reference/bg/g-bg-hover-healto.jpg'); }
#subpage .contents.reference .section2 > ul > li:nth-of-type(15) { background-image: url('../img/sub/reference/bg/g-bg-hover-interos.jpg'); }
#subpage .contents.reference .section2 > ul > li:nth-of-type(16) { background-image: url('../img/sub/reference/bg/bg-hover-airbnb-r.jpg'); }
#subpage .contents.reference .section2 > ul > li:nth-of-type(17) { background-image: url('../img/sub/reference/bg/bg-hover-amount-r.jpg'); }
#subpage .contents.reference .section2 > ul > li:nth-of-type(18) { background-image: url('../img/sub/reference/bg/bg-hover-cloud-apartments-r.jpg'); }
#subpage .contents.reference .section2 > ul > li:nth-of-type(19) { background-image: url('../img/sub/reference/bg/bg-hover-eos-r.jpg'); }
#subpage .contents.reference .section2 > ul > li:nth-of-type(20) { background-image: url('../img/sub/reference/bg/bg-hover-flowhaven-r.jpg'); }

#subpage .contents.reference .section2 > ul > li > img { position: relative; z-index: 2; }
#subpage .contents.reference .section2 > ul > li > canvas { position: absolute; left: 0; top: 0; transition: top 2s ease-out; transform: rotate(180deg); z-index: 1; }
#subpage .contents.reference .section2 > ul > li:hover > canvas { top: -500px; }

#subpage .contents.contact .section2 .inner-wrap { padding-left: 625px; box-sizing: border-box; }
#subpage .contents.contact .section2 .inner-wrap > div { transform: translateY(-60px); }
#subpage .contents.contact .section2 .inner-wrap input[type=text] { width: 355px; height: 59px; border: 0; border-bottom: 1px solid #747474; font-size: 16px; outline: none; }
#subpage .contents.contact .section2 .inner-wrap input[type=text]::placeholder { color: #747474 !important; }
#subpage .contents.contact .section2 .inner-wrap textarea { width: 100%; height: 300px; border: 0; border-bottom: 1px solid#747474; font-size: 16px; margin-top: 0px; resize: none; outline: none; }
#subpage .contents.contact .section2 .inner-wrap textarea::placeholder { color: #999 !important; }
#subpage .contents.contact .section2 .inner-wrap label { font-size: 18px; color: #747474; }
#subpage .contents.contact .section2 .inner-wrap input[type=checkbox] { width: 18px; height: 18px; margin-right: 10px; }
#subpage .contents.contact .section2 .inner-wrap input[type=submit] { margin: 70px auto 0; width: 310px; height: 70px; border-radius: 35px; background: url('../img/sub/submit.jpg'); border: 0; display: flex; flex-direction: column; align-items: center; text-indent: -999999px; }

/* 게시판 커스텀 */
/* list */
#bo_list .td_name { text-align: center !important; }
#bo_list tbody tr:hover {border-left:2px solid #D0A972 !important; }

#bo_cate a {border:1px solid #D0A972 !important;color:#D0A972 !important; }
#bo_cate a:focus, #bo_cate a:hover, #bo_cate a:active { background:#D0A972 !important; color:#fff !important; }
#bo_cate #bo_cate_on {background:#D0A972 !important; border:1px solid #D0A972 !important; color: #fff !important;
-webkit-box-shadow:inset 0 0 0 rgb(33, 135, 202) !important;
-moz-box-shadow:inset 0 0 0 rgb(33, 135, 202) !important;
box-shadow:inset 0 0 0 rgb(33, 135, 202) !important}

/*view*/
#bo_v_share { display: none !important; }
.cmt_btn span.total { color: #D0A972 !important; }
.cmt_btn span.total:after { background: #D0A972 !important; }