﻿/* 베이직 ==================================== */
/*body * {box-sizing:border-box; font-family:'微软雅黑', serif;}*/
body .dotum-font, body .dotum-font * {font-family:'微软雅黑', sans-serif;}
body .bury-font, body .bury-font * {font-family:'微软雅黑', serif; }

body.home {padding-top:0;}
a {text-decoration:none;}
p {margin:0;}
ul {margin:0; padding:0;}
li {padding:0;}
dl, dt, dd {margin:0;}
figure {margin:0;}
h1, h2, h3, h4 {margin:0; font-weight:normal;}
table {border-spacing:0; border-collapse:collapse;}

.wrap {overflow:hidden;}
.fl{ float:left;}
.fr{ float:right;}
.clear{ clear:both;}
.point-color {color:#4abcc9;}
.link-area {position:absolute; width:100%; height: 42px; left:0; top:0; font-size:0; background:#fff; opacity:0; filter:alpha(opacity=0);}
.slide-link-area {position:absolute; width:100%; height:100%; left:0; top:0; font-size:0; background:#fff; opacity:0; filter:alpha(opacity=0);}

#footer-section a[title=tel] {
display: block;
padding: 5px 0;
font-size: 12px;
color: #bbb;
}

.only-pc {display:inline;}
.only-mobile {display:none;}
@media only screen and (max-width:768px){
	.only-pc {display:none;}
	.only-mobile {display:inline;}
}

.ie8 body {min-width:1290px;}
.ie8 .navigation-outer, .ie8 .header-outer.navbar-fixed-top {position:absolute; min-width:1290px;}
.ie8 .home .navigation-outer {top:0;}

/* 공유하기 ================================== */
.share-box {}
body .sharedaddy {position:absolute; top:170px; right:0;}
body div.sharedaddy {padding:17px 26px 17px 32px; box-shadow:1px 1px 5px rgba(0,0,0,0.16); width:136px; background:url(../images/share-off-bg.jpg) 93px 19px no-repeat #fff; cursor:pointer; text-align:left;}
body div.sharedaddy.active {background-image:url(../images/share-on-bg.jpg);}
body div.sharedaddy h3.sd-title {display:block; font-size:20px; color:#bcaf8c; margin-bottom:0;}
body div.sharedaddy h3.sd-title:before {content:none;}
body .sd-content {padding-top:14px; padding-bottom:9px; display:none;}
body .sd-content ul {margin-bottom:0px !important;}
body .sd-content ul li {display:block;}
body .sd-social-text .sd-content ul li {border-bottom:1px solid #f2efe8;}
body .sd-social-text .sd-content ul li.share-end {display:none;}
body .sd-social-text .sd-content ul li a.sd-button {background:transparent; border:0; box-shadow:none; font-style:italic; color:#bcaf8c; font-size:14px; padding:0; line-height:31px; margin-bottom:0;}
body .sd-social-text .sd-content ul li a.sd-button:hover {border:0; background:transparent; color:#bcaf8c;}
body .sd-social-text .sd-content ul li a.sd-button span {color:#bcaf8c;}

/* 콜렉션 싱글 */
body.page-template-page-event .sharedaddy {display:none;}
body.single-portfolio div.sharedaddy {position:fixed;}

/* 이벤트 싱글 */
body.single-event .sharedaddy {top:145px;}

@media only screen and (max-width:767px){
	body.single-portfolio .vertical-box {position:relative;}
	body.single-portfolio div.sharedaddy {position:absolute; top:0; right:0;}
}

@media only screen and (max-width:480px){
	body.single-portfolio div.sharedaddy {top:-4px; padding:7px 26px 7px 30px; background-position:93px 9px;}
}


/* 메인 비주얼 추가 ============================ */
#new-home-visual {background:url(../picture/home-visual.jpg) center no-repeat; background-size:cover; position:fixed; width:100%; height:100%;}
#new-home-visual > div {position:absolute; top:50%; width:100%; text-align:right;}
#new-home-visual > div > figure {max-width:1124px; margin:-44px auto 0;}

@media only screen and (max-width:999px){
	#new-home-visual {position:relative; height:600px !important}
	#new-home-visual img {width:160px; height:auto;}
	#new-home-visual>div>figure {margin-top:-30px; padding-right:40px;}
	#home-visual-slider-section {margin-top:0 !important;}

}
@media only screen and (max-width:480px){
	#new-home-visual {position:relative; height:250px !important}
	#new-home-visual img {width:60px;}
	#new-home-visual>div>figure {margin-top:-12px; padding-right:30px;}
}


/* 그리드 ==================================== */
.container {width:1100px; margin:0 auto;}
@media only screen and (max-width:1150px){
	.container {width:100%; padding:0 20px;}
	.header-outer .container {padding:0;}
}
@media only screen and (max-width:1040px){
	.container {width:100%;}
}


/* 숏코드 ==================================== */
.active .d102-btn-box {z-index:100;}
.d102-btn-box {display:inline-block; position:relative; text-align:center; cursor:pointer;}
.d102-btn-box .motion-bg {position:absolute; width:100%; height:100%; left:0; bottom:0;}
.d102-btn-box .motion-bg2 {height:1px; transition:height 0.4s; -webkit-transition:height 0.4s}
.d102-btn-box a {font-size:0; position:absolute; width:100%; height:100%; left:0; top:0; background:#fff; opacity:0; filter:alpha(opacity=0);}
.d102-btn-box p {position:absolute; top:0; width:100%; height:100%; line-height:inherit !important; transition:color 0.3s; -webkit-transition:color 0.3s;}

.d102-btn-box:hover .motion-bg2 {height:100%; transition:height 0.5s; -webkit-transition:height 0.5s;}
.d102-btn-box:hover p {color:inherit !important;/*background: #f3861f !important;*/ transition:color 0.3s; -webkit-transition:color 0.3s;}


/* 해더 ===================================== */
.logo-outer {width:140px; height:104px; /*background:#fff;*/ position:absolute; top:0; left:0; text-align:center; padding:17px 0 32px; z-index:300; transition:background 0.2s 0.2s; -webkit-transition:background 0.2s 0.2s;}
.mobile-nav-area {position:absolute; display:none; right:0; top:0; width:140px; height:104px; background:#fff; text-align:center; padding:47px 0 27px; z-index:300; transition:opacity 0.2s 0.2s; -webkit-transition:opacity 0.2s 0.2s; cursor:pointer; opacity:1; filter:alpha(opacity=100);}
.navigation-outer {position:fixed; top:0; left:0; width:100%;  text-align:center; height:104px; z-index:200; transition:top 0.25s; -webkit-transition:top 0.25s; box-shadow:0px 1px 2px rgba(0,0,0,0.05); background: rgba(255,255,255,0.6)}
.navbar-sns-share {position:absolute; right:0; top:0; width:140px; height:104px; z-index:250; transition:opacity 0.1s; -webkit-transition:opacity 0.1s; padding:20px 0; text-align:center;}
.navbar-sns-share figure {display:inline-block;}
.navigation-outer ul {font-size:0;}

/*.home .navigation-outer {top:-104px;}
.home .mobile-nav-area {display:block;}
.home .navbar-sns-share {opacity:0; filter:alpha(opacity=0);}*/

.main-nav-outer.active .logo-outer {background:transparent; transition:background 0.2s; -webkit-transition:background 0.2s;}
.main-nav-outer.active .mobile-nav-area {opacity:0; filter:alpha(opacity=0); transition:opacity 0.2s; -webkit-transition:opacity 0.2s;}
.main-nav-outer.active .navigation-outer{top:0px; transition:all 0.5s; -webkit-transition:all 0.5s;background:#fff; }
.main-nav-outer.active .navbar-sns-share {opacity:1; filter:alpha(opacity=100); transition:opacity 0.2s 0.7s; -webkit-transition:opacity 0.2s 0.7s; z-index:350;}

.mobile_nav_box {font-size:0; line-height:0;}
.mobile_nav_box .select_nav {display:inline-block; font-size:18px; color:#2a2222; margin-right:18px;}
.mobile_nav_box .navbar-toggle {position:relative; padding:0; border:0; display:inline-block; width:25px; height:14px; background:#fff;}
.mobile_nav_box .navbar-toggle .sr-only {display:none;}
.mobile_nav_box .navbar-toggle .icon-bar {position:absolute; width:100%; height:2px; background:#2a2222; left:0;}
.mobile_nav_box .navbar-toggle .sr-only + .icon-bar {top:0;}
.mobile_nav_box .navbar-toggle .sr-only + .icon-bar + .icon-bar {top:6px;}
.mobile_nav_box .navbar-toggle .sr-only + .icon-bar + .icon-bar + .icon-bar {bottom:0;}

.navigation-outer li {list-style:none;}
.navigation-outer .nav-main > ul > li {display:inline-block; height:31px; font-size:16px; padding:0 20px; color:#fff;margin-top: 28px;}
.navigation-outer .nav-main > ul > li a {color:#222; display:inline-block; position:relative; transition:color 0.35s; -webkit-transition:color 0.35s; padding:55px 0 34px; font-size:16px;}
.navigation-outer .nav-main > ul > li > a:after {content:''; display:inline-block; width:0%; height:1px; position:absolute; bottom:28px; background:#127bc9; left:50%; margin-left:0; transition:all 0.25s 0.1s; -webkit-transition:all 0.25s 0.1s;}
/*.navigation-outer .nav-main > ul > li:hover > a {color:#127bc9;}*/
.navigation-outer .nav-main > ul > li:hover > a:after {width:100%; margin-left:-49.8%;}

.navigation-outer .nav-main > ul > li .navigation_image a {padding:0;}

/*.home .navbar-sns-share figure {transform:translateY(-20px); -webkit-transform:translateY(-20px); transition:transform 0.1s; -webkit-transition:-webkit-transform 0.1s;}*/
.navbar-sns-share figure a {display:inline-block; padding:25px 10px 15px;}
.home .main-nav-outer.active .navbar-sns-share figure {transform:translateY(0); -webkit-transform:translateY(0); transition:transform 0.2s 0.7s; -webkit-transition:-webkit-transform 0.2s 0.7s;}
.home .main-nav-outer.active .navbar-sns-share figure + figure {transition-delay:0.73s; -webkit-transition-delay:0.73s;}


/* 네비 ===================================== */
.home .active .two_depth_nav {display:block;}
.home  .two_depth_nav {display:none;}
.two_depth_nav {position:absolute; width:100%; left:0; background:#fff; margin-top:-1px;}
.two_depth_nav:after {content:""; position:absolute; bottom:-6px; width:100%; height:10px; background:url(../images/nav-box-shadow-top.png) left bottom repeat-x; left:0;}
.two_depth_nav > .container {padding-top:11px;}
.two_depth_nav .container > .navigation_title {padding-top:10px; float:left; width:170px; color:#000; font-size:15px; padding-top:6px; line-height:16px; margin-bottom:40px; border-right:1px solid #eaeaea; letter-spacing:-0.5px; text-align:left;}
.navigation-outer .nav-main > ul li .two_depth_nav .container > ul {float:left; width:210px;}
.navigation-outer .nav-main > ul li .two_depth_nav .container > ul li {text-align:left; position:relative;}
.navigation-outer .nav-main > ul li .two_depth_nav .container > ul li:first-child {margin-top:2px;}
.navigation-outer .nav-main > ul li .two_depth_nav .container > ul li a {color:#837777; padding:0 0 18px 0; margin-left:30px;}

.navigation-outer .nav-main > ul li .two_depth_nav .container > ul li:hover a {color:#4abcc7; transition:color 0.35s; -webkit-transition:color 0.35s;}
.navigation-outer .nav-main > ul li .two_depth_nav .container > ul li a:after {content:''; display:inline-block; width:0%; height:1px; position:absolute; bottom:17px; background:#4abcc7; left:50%; margin-left:0; transition:all 0.25s 0.1s; -webkit-transition:all 0.25s 0.1s;}
.navigation-outer .nav-main > ul li .two_depth_nav .container > ul li:hover a:after {width:100%; margin-left:-49.5%;}

.two_depth_nav .container > .navigation_image {float:right; width:700px; height:275px; margin-bottom:40px;}
.two_depth_nav .container:after {content:""; clear:both; display:block;}

.two_depth_nav {opacity:0; height:0; transition:opacity 0.3s; -webkit-transition:opacity 0.3s; overflow:hidden;}
li:hover .two_depth_nav {opacity:1; height:auto; overflow:visible;}

@media only screen and (max-width:1140px){
	.navigation-outer .nav-main>ul>li {padding:0 18px;}
	.two_depth_nav .container > .navigation_image {width:59.6%; margin-right:1%;}
	.two_depth_nav .container > .navigation_image img {width:100%; height:auto;}
	.navigation-outer .nav-main > ul li .two_depth_nav .container>ul {width:21.9%;}
	.two_depth_nav .container>.navigation_title {width:17.5%; padding-left:2%;}
}



/* 콘텐츠 ==================================== */
/* 메인 비주얼 슬라이드 */
#home-visual-slider-section {position:relative;}

.text-right {right:0;}
.text-right .text-box {position:absolute; width:58%; left:21%; height:62%; top:19%; background:rgba(255,255,255,0.8); text-align:center; display:table; transition:background .3s; -webkit-transition:background .3s;}
.text-right .text-box:hover {background:rgba(255,255,255,0.9);}
.text-right .text-box .text-box-vertical {display:table-cell; vertical-align:middle;}
.text-right .text-box h3 {color:#127bc9; font-size:35px; margin-bottom:35px;}
.text-right .text-box p {color:#565555; font-size:15px; line-height:24px;}
.text-right .text-box h3 + p {margin-bottom:36px;padding: 0 10%;}

.outer-arrow {position:absolute; top:50%; right:0; margin-top:-37px; width:140px; height:84px; background:#fff; padding:0; z-index:100;}
.outer-arrow .arrow-box {position:relative; height:100%; width:100%;}
.outer-arrow .arrow-box figure {position:absolute; width:50%; height:100%; top:0; left:0; overflow:hidden; cursor:pointer;}
.outer-arrow .arrow-box figure + figure {border-left:1px solid #bcaf8c; right:0; left:inherit;}

.outer-arrow .arrow-box figure span {position:absolute; left:0;}
.outer-arrow .arrow-box figure span + span {opacity:0; filter:alpha(opacity=0); transition:opacity 0.4s; -webkit-transition:opacity 0.4s;}
.outer-arrow .arrow-box figure:hover span + span {opacity:1; filter:alpha(opacity=100);}
/*
.outer-arrow .arrow-box figure:first-child span + span {overflow:hidden; height:0; top:100%; transition:all 0.4s; -webkit-transition:all 0.4s;}
.outer-arrow .arrow-box figure:first-child:hover span + span {height:100%; top:0; height:85px;}

.outer-arrow .arrow-box figure:first-child span + span img{margin-top:-84px; transition:all 0.4s; -webkit-transition:all 0.4s;}
.outer-arrow .arrow-box figure:first-child:hover span + span img{margin-top:0;}
*/

.slider-chapter {position:absolute; width:100%; height:100%;}
.slider-chapter.active {z-index:10;}
.slider-chapter.next-view {z-index:5;}
.slider-chapter .text-right .image-box {position:absolute; width:100%; height:100%; top:0; left:0; overflow:hidden;}
.slider-chapter .text-right .image-box .image-area {position:absolute; width:100%; top:0; left:0;}

/* 슬라이드 1번 */
.slider-chapter1 .object-left .obj-inner-1 {background-image:url(../images/slide4_object.png);}
.slider-chapter1 .text-right .image-box .image-area {background:url(../images/new_slide_4_bg4.jpg) center center no-repeat; background-size:cover;}

/* 슬라이드 2번 */
.slider-chapter2 .object-left .obj-inner-1 {background-image:url(../images/slide4_object1.png);}
.slider-chapter2 .text-right .image-box .image-area {background:url(../images/new_slide_4_bg5.jpg) center center no-repeat; background-size:cover;}

/* 슬라이드 3번 */
.slider-chapter3 .object-left .obj-inner-1 {background-image:url(../images/slide4_object.png);}
 
.slider-chapter3 .text-right .image-box .image-area {background:url(../images/new_slide_4_bg4.jpg) center center no-repeat; background-size:cover;}

/* 슬라이드 4번 */
.slider-chapter4 .object-left .obj-inner-1 {background-image:url(../images/slide4_object1.png);}
 
.slider-chapter4 .text-right .image-box .image-area {background:url(../images/new_slide_4_bg5.jpg) center center no-repeat; background-size:cover;}

/* 슬라이드 5번 */
.slider-chapter5 .object-left .obj-inner-1 {background-image:url(../images/slide4_object.png);}
 
.slider-chapter5 .text-right .image-box .image-area {background:url(../images/new_slide_4_bg4.jpg) center center no-repeat; background-size:cover;}

/* 슬라이드 6번 */
.slider-chapter6 .object-left .obj-inner-1 {background-image:url(../images/slide4_object1.png);}
.slider-chapter6 .text-right .image-box .image-area {background:url(../images/new_slide_4_bg5.jpg) center center no-repeat; background-size:cover;}

/* 슬라이드 7번 */
.slider-chapter7 .object-left .obj-inner-1 {background-image:url(../images/slide4_object.png);}
.slider-chapter7 .text-right .image-box .image-area {background:url(../images/new_slide_4_bg4.jpg) center center no-repeat; background-size:cover;}


/* 슬라이드 오브제 이미지 디테일 사이즈 */
.slider-chapter2 .object-left .object-inner-slider>div.obj-necklace {background-size:23%;}
.slider-chapter2 .object-left .object-inner-slider>div.obj-inner-3 {background-size:38%;}
.slider-chapter3 .object-left .object-inner-slider>div.obj-necklace {background-size:28%;}
.slider-chapter3 .object-left .object-inner-slider>div.obj-inner-3 {background-size:35%;}
.slider-chapter4 .object-left .object-inner-slider>div.obj-necklace {background-size:40%;}
.slider-chapter4 .object-left .object-inner-slider>div.obj-inner-3 {background-size:35%;}
.slider-chapter5 .object-left .object-inner-slider>div.obj-necklace {background-size:56%;}
.slider-chapter5 .object-left .object-inner-slider>div.obj-inner-3 {background-size:25%;}

/* 슬라이드 모션 */
.slide-left-box, .slide-right-box {position:relative;}

.slider-chapter .text-right {top:0; height:100%; transition:0.6s ease-in; -webkit-transition:0.7s cubic-bezier(0.88, 0.08, 0.29, 0.93);}
.slider-chapter .text-right .slide-right-box {top:0; transition:top 0.6s ease-in; -webkit-transition:top 0.7s cubic-bezier(0.88, 0.08, 0.29, 0.93);}
.slider-chapter.remove .text-right {top:100%;}
.slider-chapter.remove .text-right .slide-right-box {top:-100%;}
.slider-chapter.remove.remove-prev .text-right {top:0%; height:0%;}
.slider-chapter.remove.remove-prev .text-right .slide-right-box {top:0%;}

/*
.slider-chapter.next-view .text-right .text-box {background-color:rgba(255,255,255,0);}
.slider-chapter.next-view .text-right .text-box .text-box-vertical > * {opacity:0; transform:translateY(-100px); -webkit-transform:translateY(-100px); -ms-transform:translateY(-100px);}
.slider-chapter.active .text-right .text-box .text-box-vertical > * {opacity:1; transform:translateY(0); -webkit-transform:translateY(0); -ms-transform:translateY(0); transition:0.9s; -webkit-transition:0.9s;}

.slider-chapter.active .text-right .text-box .text-box-vertical > p {transition-delay:0.05s;}
.slider-chapter.active .text-right .text-box .text-box-vertical > h3 {transition-delay:0.1s;}


.slider-chapter.remove .text-right .image-box {height:0; transition:.6s; -webkit-transition:.6s;}
.slider-chapter.remove .text-right .text-box .text-box-vertical > * {opacity:0;}
.slider-chapter.remove .text-right .text-box .text-box-vertical > h3 {transform:translateY(-70px); -webkit-transform:translateY(-70px); -ms-transform:translateY(-70px); transition:.6s .7s; -webkit-transition:.6s .7s;}
.slider-chapter.remove .text-right .text-box .text-box-vertical > p {transform:translateY(-80px); -webkit-transform:translateY(-80px); -ms-transform:translateY(-80px); transition:.6s .73s; -webkit-transition:.6s .73s;}
.slider-chapter.remove .text-right .text-box .text-box-vertical > div {transform:translateY(-90px); -webkit-transform:translateY(-90px); -ms-transform:translateY(-90px); transition:.6s .75s; -webkit-transition:.6s .75s;}
*/

.slider-chapter .object-left {height:100%; transition:height 1s 0.2s; -webkit-transition:height 1s 0.2s;}
/*.slider-chapter.remove .object-left {height:0%;}*/

.object-left, .text-right {position:absolute; width:50%; height:100%; top:0; overflow:hidden;}
.object-left {left:0; background:#f8f8f8;}
.object-left .object-inner-text {position:absolute; bottom:24%; width:100%; left:0; text-align:center;}
.object-left .object-inner-text h3 {color:#222; font-size:24px; margin-bottom:30px;}
.object-left .object-inner-text p {color:#939598; font-size:14px; position:absolute; padding:0 15%;
top:45px; letter-spacing:1px; bottom:0; width:100%; opacity:0; filter:alpha(opacity=0); transition:opacity 0.4s; -webkit-transition:opacity 0.4s;}
.slider-chapter.active .object-left .object-inner-text p.active.view {opacity:1; filter:alpha(opacity=100); transition-delay:0.5s; -webkit-transition-delay:0.5s;}

.object-left .inner-bullet {position:absolute; bottom:11%; width:100%; left:0; text-align:center;}
.object-left .inner-bullet p {display:inline-block; padding:5px; cursor:pointer;}
.object-left .inner-bullet p span {width:9px; height:9px; display:inline-block; border:1px solid #ccc79a; background:#fff; border-radius:9px; transition: background 0.4s; -webkit-transition:background 0.4s;}
.object-left .inner-bullet p.active span {background: #ccc79a;}

.object-left .object-inner-slider > div {position:absolute; width:100%; height:100%; top:0; left:0; opacity:0; filter:alpha(opacity=0); transform:translateX(200px); -webkit-transform:translateX(200px); transition:0.8s; -webkit-transition:0.8s; background-position:center 31%; background-repeat:no-repeat;}
.slider-chapter.active .object-left .object-inner-slider > div.active {filter:alpha(opacity=100);}
.slider-chapter.active .object-left .object-inner-slider > div.active.view {opacity:1; filter:alpha(opacity=100); transform:translateX(0); -webkit-transform:translateX(0); transition-delay:0.3s; -webkit-transition-delay:0.3s;}
.object-left .object-inner-slider > div.remove {opacity:0; filter:alpha(opacity=0); transform:translateX(-210px); -webkit-transform:translateX(-210px); transition:0.7s; -webkit-transition:0.7s;}

.ie8 .object-left .object-inner-slider > div {display:none;}
.ie8 .object-left .object-inner-slider > div.active {display:block;}

.slider-chapter.next-view .object-left .object-inner-slider > div.active,
.slider-chapter.next-view .object-left .object-inner-text h3,
.slider-chapter.next-view .object-left .object-inner-text p.active,
.slider-chapter.next-view .object-left .inner-bullet
{opacity:0; transform:translateY(-70px); -webkit-transform:translateY(-70px); -ms-transform:translateY(-70px); transition:none; -webkit-transition:none;}

.slider-chapter.active .object-left .object-inner-slider > div.active,
.slider-chapter.active .object-left .object-inner-text h3,
.slider-chapter.active .object-left .object-inner-text p.active,
.slider-chapter.active .object-left .inner-bullet
{opacity:1; transform:translateY(0); -webkit-transform:translateY(0); -ms-transform:translateY(0); transition:.65s; -webkit-transition:.65s;}

.slider-chapter.active .object-left .object-inner-slider > div.active {transition-delay:0.14s;}
.slider-chapter.active .object-left .object-inner-text h3 {transition-delay:0.06s;}
.slider-chapter.active .object-left .object-inner-text p.active {transition-delay:0.03s;}
.slider-chapter.active .object-left .inner-bullet {}

.slider-chapter.remove .object-left .object-inner-slider > div.active {opacity:0; transform:translateY(-70px); -webkit-transform:translateY(-70px); -ms-transform:translateY(-70px); transition:.6s .7s; -webkit-transition:.6s .3s;}
.slider-chapter.remove .object-left .object-inner-text h3 {opacity:0; transform:translateY(-70px); -webkit-transform:translateY(-70px); -ms-transform:translateY(-70px); transition:.6s .73s; -webkit-transition:.6s .35s;}
.slider-chapter.remove .object-left .object-inner-text p.active {opacity:0; transform:translateY(-70px); -webkit-transform:translateY(-70px); -ms-transform:translateY(-70px); transition:.6s .75s; -webkit-transition:.6s .4s;}
.slider-chapter.remove .object-left .inner-bullet {opacity:0; transform:translateY(-70px); -webkit-transform:translateY(-70px); -ms-transform:translateY(-70px); transition:.6s .77s; -webkit-transition:.6s .45s;}
/*
.slider-chapter.active .object-left .object-inner-slider > div.active,
.slider-chapter.active .object-left .object-inner-text h3,
.slider-chapter.active .object-left .object-inner-text p.active,
.slider-chapter.active .object-left .inner-bullet
{opacity:1; transform:translateY(0); -webkit-transform:translateY(0); -ms-transform:translateY(0); transition:0.9s; -webkit-transition:0.9s;}

.slider-chapter.active .object-left .object-inner-slider > div.active {transition-delay:.15s;}
.slider-chapter.active .object-left .object-inner-text h3 {transition-delay:.1s;}
.slider-chapter.active .object-left .object-inner-text p.active {transition-delay:.05s;}
*/
/*
.slider-chapter.remove .object-left .object-inner-slider > div.active {opacity:0; transform:translateY(-70px); -webkit-transform:translateY(-70px); -ms-transform:translateY(-70px); transition:.6s .7s; -webkit-transition:1s;}
.slider-chapter.remove .object-left .object-inner-text h3 {opacity:0; transform:translateY(-70px); -webkit-transform:translateY(-70px); -ms-transform:translateY(-70px); transition:.6s .73s; -webkit-transition:1s .05s;}
.slider-chapter.remove .object-left .object-inner-text p.active {opacity:0; transform:translateY(-70px); -webkit-transform:translateY(-70px); -ms-transform:translateY(-70px); transition:.6s .75s; -webkit-transition:1s .1s;}
.slider-chapter.remove .object-left .inner-bullet {opacity:0; transform:translateY(-70px); -webkit-transform:translateY(-70px); -ms-transform:translateY(-70px); transition:.6s .77s; -webkit-transition:1s .15s;}
*/

/* 다이아몬트 세트 & 커플링 */
#dia-couple-section {height:397px; background:#fff; position:relative;}
#dia-couple-section:after {content:""; clear:both; display:block;}
#dia-couple-section .two-column {position:relative; width:50%; height:397px; float:left;}
#dia-couple-section .two-column + .two-column:before {content:""; position:absolute; width:1px; height:200px; background:#ececec; left:0; top:50%; margin-top:-100px;}

#dia-couple-section .two-column:after {content:""; clear:both; display:block;}
#dia-couple-section .two-column > div {float:left;}
#dia-couple-section .two-column .left-text {width:47%; text-align:center;}
#dia-couple-section .two-column .right-rings {width:53%;}

#dia-couple-section .two-column + .two-column .left-text {width:53%;}
#dia-couple-section .two-column + .two-column .right-rings {width:47%;}

#dia-couple-section .two-column .left-text h3 {color:#127bc9; font-size:30px; margin-bottom:24px; margin-top:104px; transform:translateY(40px); -webkit-transform:translateY(40px); -ms-transform:translateY(40px); transition:0.4s 0.08s; -webkit-transition:0.4s 0.08s; opacity:0;}
#dia-couple-section .two-column .left-text > p {font-size:14px; color:#888; line-height:26px; margin-bottom:27px; transform:translateY(40px); -webkit-transform:translateY(40px); -ms-transform:translateY(40px); transition:0.4s 0.04s; -webkit-transition:0.4s 0.04s; opacity:0;}
#dia-couple-section .two-column .left-text .d102-btn-box {transform:translateY(30px); -webkit-transform:translateY(30px); -ms-transform:translateY(30px); transition:0.4s; -webkit-transition:0.4s; opacity:0;}

#dia-couple-section.view-section .two-column .left-text h3 {transform:translateY(0px); -webkit-transform:translateY(0px); -ms-transform:translateY(0px); opacity:1; transition:0.4s; -webkit-transition:0.4s;}
#dia-couple-section.view-section .two-column .left-text > p {transform:translateY(0px); -webkit-transform:translateY(0px); -ms-transform:translateY(0px); opacity:1; transition:0.4s 0.025s; -webkit-transition:0.4s 0.02s;}
#dia-couple-section.view-section .two-column .left-text .d102-btn-box {transform:translateY(0px); -webkit-transform:translateY(0px); -ms-transform:translateY(0px); opacity:1; transition:0.4s 0.1s; -webkit-transition:0.4s 0.1s;}

#dia-couple-section.view-section .two-column + .two-column .left-text h3 {transition:0.4s 0.6s; -webkit-transition:0.4s 0.6s;}
#dia-couple-section.view-section .two-column + .two-column .left-text > p {transition:0.4s 0.65s; -webkit-transition:0.4s 0.65s;}
#dia-couple-section.view-section .two-column + .two-column .left-text .d102-btn-box {transition:0.4s 0.8s; -webkit-transition:0.4s 0.8s;}

#dia-couple-section .two-column .right-rings {/*background:url(../images/diamond_rings.png) 18% 90% no-repeat; */height:100%; opacity:0; transition:opacity 0.5s; -webkit-transition:opacity 0.5s;}
#dia-couple-section .two-column + .two-column .right-rings {/*background:url(../images/couple_rings.png) 40% 35% no-repeat;*/}

#dia-couple-section.view-section .two-column .right-rings {opacity:1; transition:opacity 0.5s 0.5s; -webkit-transition:opacity 0.5s 0.5s;}
#dia-couple-section.view-section .two-column + .two-column .right-rings {opacity:1; transition:opacity 0.5s 1.3s; -webkit-transition:opacity 0.5s 1.3s;}

/* 프로세스 & 어바웃 */
#process-about-section {height:704px;}
#process-about-section:after {content:""; display:block; clear:both;}
#process-about-section .two-column {width:50%; float:left; height:100%; position:relative;}
#process-about-section .two-column > div {text-align:center; display:table; color:#fff;}
#process-about-section .two-column > div > div + div:before {content:""; position:absolute; width:101%; height:100%; background-color:rgba(18,123,203,0.85); color:#fff; transition:background 0.6s; -webkit-transition:background 0.6s; left:-0.5%; top:0;}
#process-about-section .two-column + .two-column > div > div + div:before {background:rgba(0,0,0,0.7); margin-left:-1px;}
#process-about-section .two-column .hover-column-box {position:absolute; width:100.5%; height:100%; left:0; top:0; overflow:hidden;}

#process-about-section .two-column .process-about-bg {background:url(../images/process_bg.jpg) center no-repeat; background-size:cover; transition:transform 0.4s; position:absolute; width:100%; height:100%;}
#process-about-section .two-column + .two-column .process-about-bg {background-image:url(../images/about_bg.jpg); overflow:hidden;}
#process-about-section .two-column:hover .process-about-bg {transform:scale(1.05) rotate(0.1deg); -ms-transform:scale(1.05) rotate(0.1deg); -webkit-transform:scale(1.05) rotate(0.1deg);}

#process-about-section .two-column > div > div + div:hover:before {background-color:rgba(18,123,203,0.85);}
#process-about-section .two-column + .two-column > div > div + div:hover:before {background:rgba(0,0,0,0.6);}

#process-about-section .two-column > div > div {display:table-cell; vertical-align:middle; position:relative;}
#process-about-section .two-column h3 {font-size:30px; margin-bottom:42px; position:relative;}
#process-about-section .two-column p {font-size:14px; line-height:26px; margin-bottom:31px; position:relative;}
#process-about-section .two-column p span {display:inline-block; margin-top:18px;}

/* 로케이션 & 이벤트 */
#location-event-section {height:400px;}
#location-event-section:after {content:""; display:block; clear:both;}
#location-event-section .two-column {width:50%; float:left; height:100%; position:relative;}
#location-event-section .two-column:after {content:""; display:block; clear:both;}
#location-event-section .two-column > div {width:50%; float:left; display:block; height:100%; position:relative; text-align:center; background:#fff;}
#location-event-section .two-column > .left-image-box {overflow:hidden;}
#location-event-section .two-column > .left-image-box > div {background:url(../picture/n1.jpg) center no-repeat; background-size:cover; position:absolute; width:100%; height:100%; transition:transform linear 2s; -webkit-transition:-webkit-transform linear 2s;}
#location-event-section .two-column + .two-column > .left-image-box > div {background-image:url(../picture/n2.jpg);}
#location-event-section .two-column h3 {font-size:20px; color:#127bc9; margin-bottom:25px; padding:0 30px;}
#location-event-section .two-column p.dotum-font {font-size:14px; line-height:26px; margin-bottom:28px; color:#888; padding:0 30px;}
#location-event-section .two-column .right-content-box {display:table;}
#location-event-section .two-column .right-content-box:after {content:""; position:absolute; width:1px; height:100%; right:-1px; top:0; background-color:#fff;}
#location-event-section .two-column .right-content-box > div {display:table-cell; vertical-align:middle;}

#location-event-section .two-column:hover > .left-image-box > div {transform:scale(1.12) rotate(0.1deg); -webkit-transform:scale(1.12) rotate(0.1deg); -ms-transform:scale(1.12) rotate(0.1deg);}

/* 인스타그램, 페이스북 */
#sns-load-section {height:400px;position:relative;}
#sns-load-section:after {content:""; display:block; clear:both;}
#sns-load-section .two-column {width:50%; float:left; height:100%; position:relative;}
#sns-load-section .two-column:after {content:""; display:block; clear:both;}
#sns-load-section .two-column > div {width:50%; float:left; display:block; height:100%; position:relative; text-align:center; background:#fff;}
#sns-load-section .two-column > .sns-image-box {overflow:hidden;}
#sns-load-section .two-column > .sns-image-box > div {background:url(../picture/n1.jpg) center no-repeat; background-size:cover; position:absolute; width:100%; height:100%; transition:transform linear 2s; -webkit-transition:-webkit-transform linear 2s;}
#sns-load-section .two-column + .two-column > .sns-image-box > div {background-image:url(../picture/n3.jpg);}
#sns-load-section .two-column h3 {font-size:20px; color:#127bc9; margin-bottom:25px; padding:0 30px;}
#sns-load-section .two-column p.dotum-font {font-size:14px; line-height:26px; margin-bottom:28px; color:#888; padding:0 30px;}
#sns-load-section .two-column .sns-text-box {display:table;}
#sns-load-section .two-column .sns-text-box:after {content:""; position:absolute; width:1px; height:100%; right:-1px; top:0; background-color:#fff;}
#sns-load-section .two-column .sns-text-box > div {display:table-cell; vertical-align:middle;}
#sns-load-section .two-column:hover > .sns-image-box > div {transform:scale(1.12) rotate(0.1deg); -webkit-transform:scale(1.12) rotate(0.1deg); -ms-transform:scale(1.12) rotate(0.1deg);}

/* 콜렉션 페이지 */
#collection-title-section {text-align:center; background:#4abcc7; color:#fff; padding:80px 0 45px;}
#collection-title-section h1 {font-size:56px; margin-bottom:21px;}
#collection-title-section p span {color:#fff; font-size:16px; display:inline-block; margin:0 16px; position:relative; transition:color 0.4s; -webkit-transition:color 0.4s; cursor:pointer; line-height:28px;}
#collection-title-section p span:before {content:""; position:absolute; border-left:1px solid #a5dee3; left:-16px; top:50%; height:8px; margin-top:-4px;}
#collection-title-section p span:after {content:""; position:absolute; bottom:-2px; border-bottom:1px solid #fff; width:0; left:50%; transition:0.5s; -webkit-transition:0.5s;}
#collection-title-section p span:first-child:before {content:none;}

.mobile #collection-title-section p span:after {content:none;}
.mobile #collection-title-section p span.active {color:#1e555a;}

#collection-title-section p span:hover:after {width:100%; left:0;}
#collection-title-section p span.active:after {width:100%; left:0;}

/* 콜렉션 메이슨리 */
#collection-box-section {background:#f8f8f8; padding:5px; min-height:500px;}
.single-portfolio #collection-box-section {min-height:inherit;}
#collection-box-section:after {content:""; clear:both; display:block;}
#collection-box-container {transition:height 0.3s; -webkit-transition:height 0.3s}
#collection-box-section .d102_product_box {padding:5px; width:20%; float:left;}
#collection-box-section .d102_product_sizer {width:20%; padding:0;}
#collection-box-section .d102_product_box.big_box {width:40%;}
#collection-box-section .d102_product_box > div {padding:20% 3%; background:#fff;}
#collection-box-section .d102_product_box .d102_product_img {line-height:0; text-align:center; background:#fff;}
#collection-box-section .d102_product_box .d102_product_img img {max-width:298px; height:auto; width:100%;}
#collection-box-section .d102_product_box.big_box .d102_product_img img {max-width:600px;}

.ie8 #collection-box-container {width:1290px; margin:0 auto;}

@media only screen and (max-width:1920px){
	#collection-box-section .d102_product_sizer {width:20%;}
	#collection-box-section .d102_product_box {width:20%;}
	#collection-box-section .d102_product_box.big_box {width:40%;}
	#collection-box-section .d102_product_box > div {height:360px; padding:0; display:table;}
	#collection-box-section .d102_product_box > div .d102_product_img {display:table-cell; vertical-align:middle;}
	#collection-box-section .d102_product_box.big_box > div {padding:0; height:730px;}

	.ie6789 #collection-box-section .d102_product_box .d102_product_img img,
	.ie10 #collection-box-section .d102_product_box .d102_product_img img {width:100%;}
}

@media only screen and (max-width:1650px){
	#collection-box-section .d102_product_sizer {width:25%;}
	#collection-box-section .d102_product_box {width:25%;}
	#collection-box-section .d102_product_box.big_box {width:50%;}
	#collection-box-section .d102_product_box > div {height:330px;}
	#collection-box-section .d102_product_box.big_box > div {height:670px;}
}
@media only screen and (max-width:1250px){
	#collection-box-section .d102_product_sizer {width:33.33%;}
	#collection-box-section .d102_product_box {width:33.33%;}
	#collection-box-section .d102_product_box.big_box {width:66.66%;}
}
@media only screen and (max-width:950px){
	#collection-box-section .d102_product_sizer {width:50%;}
	#collection-box-section .d102_product_box {width:50%;}
	#collection-box-section .d102_product_box.big_box {width:50%;}
}
@media only screen and (max-width:640px){
	#collection-box-section .d102_product_sizer {width:100%;}
	#collection-box-section .d102_product_box {width:100%;}
	#collection-box-section .d102_product_box.big_box {width:100%;}
	#collection-box-section .d102_product_box.big_box > div {height:330px;}
	#collection-box-section .d102_product_box.big_box > div img {max-width:90%;}
	#collection-box-section .d102_product_box.small_box > div img {max-width:90%;}
}
@media only screen and (max-width:500px){
	#collection-title-section p a {margin-bottom:15px;}
}
@media only screen and (max-width:360px){
	#collection-box-section .d102_product_box > div {height:300px;}
	#collection-box-section .d102_product_box.big_box > div {height:300px;}
}

/* 콜렉션 메이슨리 박스 */
.d102_product_box > div {position:relative; width:100%; height:100%;}
.d102_product_text {position:absolute; width:100%; height:100%; left:0; top:0; background-color:#4abcc7; background-color:rgba(74,188,199,0.95); text-align:center; color:#fff; opacity:0; filter:alpha(opacity=0); transition:opacity 0.5s; -webkit-transition:opacity 0.5s; padding:0 20px; z-index: -1;}
.d102_product_text .vertical-box > h3 {font-size:21px; margin-bottom:25px; transform:translateY(30px); -webkit-transform:translateY(30px); -ms-transform:translateY(30px); opacity:0; filter:alpha(opacity=0);}
.d102_product_text .vertical-box > p {font-size:14px; line-height:23px; margin-bottom:25px; transform:translateY(30px); -webkit-transform:translateY(30px); -ms-transform:translateY(30px); opacity:0; filter:alpha(opacity=0);}
.d102_product_text .vertical-box > div {transform:translateY(25px); -webkit-transform:translateY(25px); -ms-transform:translateY(25px); opacity:0; filter:alpha(opacity=0);}

.d102_product_box:hover .d102_product_text,.d102_product_box.active .d102_product_text{opacity:1; filter:alpha(opacity=100); z-index: 33;}
.d102_product_box:hover .d102_product_text .vertical-box > h3 ,.d102_product_box.active .d102_product_text .vertical-box > h3 {opacity:1; filter:alpha(opacity=100); transform:translateY(0); -webkit-transform:translateY(0); -ms-transform:translateY(0); transition:0.4s;}
.d102_product_box:hover .d102_product_text .vertical-box > p,.d102_product_box.active .d102_product_text .vertical-box > p {opacity:1; filter:alpha(opacity=100); transform:translateY(0); -webkit-transform:translateY(0); -ms-transform:translateY(0); transition:0.4s 0.05s;}
.d102_product_box:hover .d102_product_text .vertical-box > div, .d102_product_box.active .d102_product_text .vertical-box > div {opacity:1; filter:alpha(opacity=100); transform:translateY(0); -webkit-transform:translateY(0); -ms-transform:translateY(0); transition:0.4s 0.1s;}


.vertical-container {display:table; width:100%; height:100%;}
.vertical-box {display:table-cell; vertical-align:middle;}

/* 콜렉션 싱글 */
.colleection-container {position:fixed; min-height:660px; overflow-y:hidden; height:100%; width:100%; top:0; left:0; padding-top:105px;}
.colleection-container:after {content:""; clear:both; display:block;}
.collection_post_image {float:left; width:63%; text-align:center; height:100%; padding-bottom:50px;}
.collection_post_image img {max-width:100%; max-height:100%; height:auto;}
.collection_post_text {float:left; width:37%; height:100%; padding-bottom:50px;}
.collection_post_text .vertical-container {width:382px;}
.collection_post_text h2 {font-size:40px; color:#000; margin-bottom:45px;}
.collection_post_text p {color:#666; font-size:15px;}
.collection_post_text .excerpt_text {line-height:27px;}
.collection_post_text .collection_option_box {margin-top:43px; border-top:1px solid #e7e7e7; padding-top:25px;}
.collection_post_text .collection_option_box p {margin-bottom:8px;}
.collection_post_text .collection_option_box p:after {content:""; clear:both; display:block;}
.collection_post_text .collection_option_box p strong {display:inline-block; width:21%; float:left; line-height:24px;}
.collection_post_text .collection_option_box p span {float:left; display:inline-block; width:79%; line-height:24px;}

.collection-single > article, .single-portfolio #main-footer{opacity:0; filter:alhpa(opacity=0); transition:opacity 0.6s; -webkit-transition:opacity 0.6s;}
.page-view-action .collection-single > article, .single-portfolio.page-view-action #main-footer {opacity:1; filter:alpha(opacity=100);}


#category-list {position:relative;}

.design_copyright {position:absolute; bottom:50px; width:100%; text-align:center; color:#bbb; font-size:12px; line-height:20px; padding:0 40px;}


@media only screen and (max-width:1070px){
	.collection_post_text {width:40%;}
	.collection_post_image {width:60%;}
}
@media only screen and (max-width:999px){
	.single-portfolio .header-outer {box-shadow:0px 1px 2px rgba(0,0,0,0.05);}

	.colleection-container {position:relative; padding-bottom:70px; padding-top:20px; min-height:inherit;}
	#category-list {margin-top:0 !important;}
	
	.collection_post_image {width:52%;}
	.collection_post_text {width:48%;}
}

@media only screen and (max-width:999px) and (min-width:768px){
	.collection_post_text .vertical-container {width:90%;}
	.collection_post_image {position:absolute; top:0; height:90%;}
	.collection_post_text {margin-left:52%;}

	.colleection-container {padding-bottom:0px;}
	.design_copyright {width:50%; bottom:40px;}
}

@media only screen and (max-width:767px){
	.collection_post_image {width:90%; float:none; margin:0 auto;}
	.collection_post_text {width:100%; float:none;}

	.collection_post_text .vertical-container {width:100%;}
	.collection_post_text .vertical-container .vertical-box > h2,
	.collection_post_text .vertical-container .vertical-box > p,
	.collection_post_text .vertical-container .vertical-box > .collection_option_box {width:70%; margin-left:auto; margin-right:auto;}
}
@media only screen and (max-width:480px){
	.colleection-container {padding-top:30px;}
	.collection_post_text h2 {margin-bottom:15px; font-size:28px;}
	.collection_post_text .collection_option_box {margin-top:20px; padding-top:20px;}
	.collection_post_text .vertical-container .vertical-box > h2,
	.collection_post_text .vertical-container .vertical-box > p,
	.collection_post_text .vertical-container .vertical-box > .collection_option_box {width:100%; padding-left:20px; padding-right:20px;}
	.collection_post_text .collection_option_box p strong {width:28%;}
	.collection_post_text .collection_option_box p span {width:72%;}

	.collection_post_text .vertical-container .vertical-box > h2{float: left; width: calc( 100% - 120px );}
	.collection_post_text .vertical-container .vertical-box > h2 + * {clear: left;}

}

/* navigation */
.collection_naviagtion {margin-top:105px; line-height:0; font-size:0; text-align:center; min-width:380px;}
.collection_naviagtion:after {content:""; clear:both; display:block;}
.collection_naviagtion > a {display:inline-block; height:25px; line-height:25px; font-size:20px; text-align:left;}
.collection_naviagtion .pre-bg-img {width:132px; background:url(../images/single-arrow-right.png) right center no-repeat; padding-left:40px; border-left:1px solid #bcaf8c; color:#bcaf8c;}
.collection_naviagtion .list-bg-img {width:116px; background:url(../images/single-list.png) center center no-repeat;}
.collection_naviagtion .next-bg-img {width:132px; background:url(../images/single-arrow-left.png) left center no-repeat; padding-left:55px; border-right:1px solid #bcaf8c; color:#bcaf8c;}

.collection_naviagtion .list-bg-img:first-child {width:58px; background-position:left center;}

.collection_naviagtion > a:hover {color:#4abcc7;}
.collection_naviagtion .pre-bg-img:hover {background-image:url(../images/single-arrow-right-hover.png);}
.collection_naviagtion .list-bg-img:hover {background-image:url(../images/single-list-hover.png);}
.collection_naviagtion .next-bg-img:hover {background-image:url(../images/single-arrow-left-hover.png);}

@media only screen and (max-width:999px){
	.collection_naviagtion {min-width:inherit;}
	.collection_naviagtion .next-bg-img {width:112px; padding-left:45px;}
	.collection_naviagtion .pre-bg-img {width:112px; padding-left:27px;}
	.collection_naviagtion .list-bg-img {width:76px;}
}
@media only screen and (max-width:480px){
	.collection_naviagtion {margin-top:60px; min-width:100%;}
	.design_copyright {bottom:30px;}
}

/* 예약 */
#reservation-title-section {background:#4abcc7; color:#fff; height:187px; line-height:187px; text-align:center;}
#reservation-title-section h1 {color:#fff; font-size:56px;}
#reservation-form-section h2 {color:#000; font-size:30px; margin-top:95px;}
#reservation-form-section h2 span {color:#4abcc7;}
.reservation-form {margin-top:55px; border-top:1px solid #eee; padding-bottom:150px;}
/* 큐폼 시작 */
.iphorm-group-wrap {border-bottom:1px solid #eee; padding:15px 0; color:#666;}
.iphorm-group-wrap:after {content:""; clear:both; display:block;}
.iphorm-input-wrap {float:left;}
.iphorm-group-wrap label {display:inline-block; width:203px; float:left; line-height:40px;}
.iphorm-elements .iphorm-group-wrap .iphorm-element-wrap-text input {height:40px; background:#f5f5f5; border:1px solid #eee !important; width:300px; padding-left:15px; font-size:15px; color:#666;}
.iphorm_1_13-group-wrap .iphorm-group-elements > div,
.iphorm_1_11-group-wrap .iphorm-group-elements > div {float:left;}

.iphorm-elements .iphorm_1_11-group-wrap.iphorm-group-wrap .iphorm-element-wrap-text input {width:140px; float:left;}
.iphorm_1_11-group-wrap.iphorm-group-wrap .iphorm-input-wrap:before {content:"-"; display:block; float:left; width:25px; text-align:center; margin-top:13px;}
.iphorm_1_11-group-wrap.iphorm-group-wrap .iphorm-input-wrap.iphorm_1_23-input-wrap:before {content:none;}

.iphorm_1_13-group-wrap.iphorm-group-wrap .iphorm-input-wrap.iphorm_1_24-input-wrap .selector,
.iphorm_1_19-group-wrap.iphorm-group-wrap .iphorm-input-wrap.iphorm_1_5-input-wrap .selector,
.iphorm_1_11-group-wrap.iphorm-group-wrap .iphorm-input-wrap.iphorm_1_23-input-wrap .selector {width:140px; height:40px; background:#fff; border:1px solid #eee;}
.iphorm_1_19-group-wrap.iphorm-group-wrap .iphorm-input-wrap.iphorm_1_5-input-wrap .selector {width:300px;}

.iphorm_1_13-group-wrap.iphorm-group-wrap .iphorm-input-wrap.iphorm_1_24-input-wrap .selector > span,
.iphorm_1_19-group-wrap.iphorm-group-wrap .iphorm-input-wrap.iphorm_1_5-input-wrap .selector > span,
.iphorm_1_11-group-wrap.iphorm-group-wrap .iphorm-input-wrap.iphorm_1_23-input-wrap .selector > span {height:40px; background:url(../images/select_arrow_bg.png) right center no-repeat #fff; line-height:40px; text-align:center; font-size:15px; }

.iphorm-uniform-theme-default .iphorm div.selector select {height:40px;}

.iphorm_1_10-input-wrap {margin-right:10px;}

.iphorm-elements .iphorm-element-wrap textarea {width:897px; height:110px; border:1px solid #eee !important; background:#f5f5f5; padding:10px 15px; font-size:15px; color:#666;}

.iphorm-submit-input-wrap {float:right;}
.iphorm-submit-wrap button {width:85px; height:40px; line-height:40px; text-align:center; margin-right:0;}
.iphorm-submit-wrap button span, .iphorm-submit-wrap button em {height:40px; line-height:40px; background:#4abcc7; color:#fff; border:0; font-size:15px;}
.iphorm-submit-wrap button:hover span, .iphorm-submit-wrap button:hover em {background:#4abcc7;}

.iphorm-edit-form-wrap {display:none;}
.iphorm-success-message {display:none !important;}

.iphorm-group-wrap {position:relative;}
.iphorm-errors-wrap {position:absolute; left:220px;}
.iphorm-errors-list > .iphorm-error {padding-top:10px; border:0; background-color:transparent;}

@media only screen and (max-width:1139px){
	.iphorm-elements .iphorm-element-wrap textarea {width:300px;}
}

@media only screen and (max-width:767px){
	.iphorm-elements .iphorm_1_11-group-wrap.iphorm-group-wrap .iphorm-element-wrap-text input {width:80px !important;}
	.iphorm_1_13-group-wrap.iphorm-group-wrap .iphorm-input-wrap.iphorm_1_24-input-wrap .selector, .iphorm_1_11-group-wrap.iphorm-group-wrap .iphorm-input-wrap.iphorm_1_23-input-wrap .selector {width:80px;}
	.iphorm_1_19-group-wrap.iphorm-group-wrap .iphorm-input-wrap.iphorm_1_5-input-wrap .selector {width:240px;}
	.iphorm-responsive .iphorm-elements .iphorm-element-wrap-text input, .iphorm-responsive .iphorm-elements .iphorm-element-wrap-captcha input, .iphorm-responsive .iphorm-elements .iphorm-element-wrap-password input, .iphorm-responsive .iphorm-elements .iphorm-element-wrap select, .iphorm-responsive .iphorm-elements .iphorm-element-wrap textarea
	{width:240px !important;}
	.iphorm-responsive .iphorm-submit-input-wrap {width:80px;}
}
@media only screen and (max-width:600px){
	.iphorm-group-wrap label {width:160px; font-size:15px;}
	.iphorm-elements .iphorm_1_11-group-wrap.iphorm-group-wrap .iphorm-element-wrap-text input {width:70px !important; min-width:inherit;}
	.iphorm_1_13-group-wrap.iphorm-group-wrap .iphorm-input-wrap.iphorm_1_24-input-wrap .selector, .iphorm_1_11-group-wrap.iphorm-group-wrap .iphorm-input-wrap.iphorm_1_23-input-wrap .selector {width:70px;}
	.iphorm_1_19-group-wrap.iphorm-group-wrap .iphorm-input-wrap.iphorm_1_5-input-wrap .selector,
	.iphorm-responsive .iphorm-elements .iphorm-element-wrap-text input, .iphorm-responsive .iphorm-elements .iphorm-element-wrap-captcha input, .iphorm-responsive .iphorm-elements .iphorm-element-wrap-password input, .iphorm-responsive .iphorm-elements .iphorm-element-wrap select, .iphorm-responsive .iphorm-elements .iphorm-element-wrap textarea
	{width:180px !important;}
}
@media only screen and (max-width:480px){
	.iphorm-group-wrap label {display:block; float:none;}
	.iphorm-input-wrap {float:none;}
	.iphorm_1_19-group-wrap.iphorm-group-wrap .iphorm-input-wrap.iphorm_1_5-input-wrap .selector, .iphorm-responsive .iphorm-elements .iphorm-element-wrap-text input, .iphorm-responsive .iphorm-elements .iphorm-element-wrap-captcha input, .iphorm-responsive .iphorm-elements .iphorm-element-wrap-password input, .iphorm-responsive .iphorm-elements .iphorm-element-wrap select, .iphorm-responsive .iphorm-elements .iphorm-element-wrap textarea
	{width:100% !important;}
	.iphorm_1_11-group-wrap .iphorm-group-elements .iphorm-group-row:first-child + .iphorm-group-row,
	.iphorm_1_11-group-wrap .iphorm-group-elements .iphorm-group-row:first-child + .iphorm-group-row + .iphorm-group-row {margin-top:43px;}
	.iphorm-elements .iphorm_1_11-group-wrap.iphorm-group-wrap .iphorm-element-wrap-text input {margin-bottom:0;}
	.iphorm-group-wrap .iphorm_1_23-element-spacer label {width:70px;}
	.iphorm_1_13-group-wrap .iphorm-group-row-1cols.last-child {margin-top:45px;}
	.iphorm_1_13-group-wrap .iphorm-group-row-1cols .iphorm_1_10-element-spacer input {width:180px !important;}

	.iphorm-errors-wrap {left:10px; top:60px;}
}



/* 이벤트 페이지 */
#event-title-section {height:187px; line-height:187px; font-size:56px; color:#fff; background:#4abcc7; text-align:center;}

#event-box-section {padding-bottom:120px;}
#event-box-section .container:after {content:""; clear:both; display:block;}
.event-box.big-box {border-top:1px solid #e5e5e5; text-align:center; padding:65px 0 60px;}
.event-box.big-box:first-child {border-top:0; margin-top:0;}
.event-box.small-box {float:left; width:50%; padding-right:20px; text-align:left;}
.event-box.small-box + .small-box {padding-right:0; padding-left:20px;}

.event-box p.deco-event {color:#bcaf8c; margin-bottom:10px;}
.event-box h2 {color:#000; font-size:28px; margin-bottom:10px;}
.event-box h2 + p {color:#999; font-size:13px;}

.event-box .event-image-box {line-height:0;}
.event-box .event-image-box img {width:100%; height:auto;}
.event-box.big-box .event-image-box {margin-top:38px; line-height:0;}
.event-box.small-box .event-image-box {margin-bottom:30px;}
.event-box .event-text-box > p {color:#666; font-size:15px; padding-top:30px; line-height:27px;}
.event-box.small-box .event-text-box > p {padding-top:10px;}

.event-box.small-box .event-text-box .event-readmore-btn {padding-top:25px;}
.event-box .event-text-box .event-readmore-btn {padding-top:38px;}

.no-event-list {height:655px; background:url(../images/no-event-bg.jpg) center no-repeat; background-size:cover; margin-top:140px;}
.no-event-list h2 {color:#fff; font-size:45px; text-align:center;}

@media only screen and (max-width:767px){
	#event-box-section {padding-bottom:80px;}
	.no-event-list {margin-top:80px; height:550px;}
	.no-event-list h2 {font-size:35px;}
}

@media only screen and (max-width:480px){
	#event-box-section {padding-bottom:60px;}
	.no-event-list {margin-top:60px; height:350px;}
	.no-event-list h2 {font-size:23px;}
}

@media only screen and (max-width:400px){
	.event-box.small-box {width:100%; text-align:center; padding:0;}
	.event-box.small-box+.small-box {padding:0; margin-top:50px; border-top:1px solid #e5e5e5; padding-top:50px;}

	.no-event-list .vertical-box {padding:0 40px;}
}


/* 이벤트 싱글 */
.single-event .main {position:relative;}
.event-single {padding:100px 0 150px;}
.event-single-title {border-bottom:2px solid #4abcc7; padding-bottom:10px;}
.event-single-title h2 {color:#222; font-size:28px;}
.event-single-text {padding:40px 0 80px; color:#666; text-align:center; font-size:15px; line-height:27px;}
.event-single-text img {margin-bottom:30px; max-width:100%; height:auto;}

.event-post-content:after {content:""; clear:both; display:block;}
.event-single-naviagtion {border-top:1px solid #e5e5e5;}
.event-single-naviagtion > p {border-bottom:1px solid #e5e5e5; height:52px; line-height:52px;}
.event-single-naviagtion > p span {display:inline-block; width:85px; text-align:center; color:#222;}
.event-single-naviagtion > p a {padding:0 5px; color:#666;}
.event-single-naviagtion > p + p a {color:#777;}

.event-single-btn {text-align:right; margin-top:30px;}
.event-single-btn a {display:inline-block; width:121px; height:34px; line-height:34px; color:#fff; font-size:15px; background:#4bbcc7; text-align:center;}


/* 로케이션 페이지 수정 */
.wrap #location-section .location-img.last {background:url(../images/new-about-location-6.jpg) center no-repeat; background-size:cover;}


/* 자주묻는질문 */
#faq-title-section {height:187px; line-height:187px; font-size:56px; color:#fff; background:#4abcc7; text-align:center;}

.fna_container {padding:78px 0 150px; border-top:1px solid #f2f2f2; opacity:0; max-width:1100px;}
.fna_container.show {opacity:1; transition:opacity 0.5s; -webkit-transition:opacity 0.5s;}
.fna_container table {width:100%;}
.fna_container thead tr th:first-child {width:7.3%;}
.fna_container thead tr th:first-child + th {width:12.7%;}

.fna_container thead tr th {background:#4abcc7; color:#fff; height:50px; line-height:50px; font-size:15px; font-weight:500;}
.fna_container tbody tr td {font-size:15px; line-height:27px; color:#666; padding:17px 0; border-bottom:1px solid #eee; vertical-align:top;}
.fna_container tbody tr td p {margin:0;}

.fna_container tbody tr.fna_question {cursor:pointer;}
.fna_container th, .fna_container td {text-align:center;}
.fna_container .fna_content, .fna_container .fna_title {text-align:left; color:#666;}
.fna_container .fna_status {color:#bbb;}

.fna_container .fna_title {position:relative;}
.fna_container .fna_title i {position:absolute;}
.fna_container .fna_title .plus_icon {width:2px; height:12px; background:#949494; right:48px; top:24px; transition:all 0.3s; -webkit-transition:all 0.3s;}
.fna_container .fna_title .minus_icon {width:12px; height:2px; background:#949494; right:43px; top:29px; z-index:10; transition:all 0.3s; -webkit-transition:all 0.3s;}

.fna_container .active .fna_title .plus_icon {transform: rotate(90deg); -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); background:#4abcc7;}
.fna_container .active .fna_title .minus_icon {background:#4abcc7;}

.fna_container .fna_answer td {height:0; overflow:hidden; background:#fafafa;}
.fna_container .fna_answer .fna_status {color:#4abcc7;}
.fna_container tbody tr.fna_answer td {padding:0; line-height:0;}
.fna_container tbody tr.fna_answer td p {padding:13px 0; line-height:27px; width:100%; display:block;}
.fna_container tbody tr.fna_answer.fna_hidden td {border-bottom:0;}
.fna_container tbody tr.fna_answer td div {opacity:1; transition:opacity 0.6s 0.1s; -webkit-transition:opacity 0.6s 0.1s;}
.fna_container tbody tr.fna_answer.fna_hidden td div {height:0 !important; opacity:0; transition:all 0.6s; -webkit-transition:all 0.6s;}

.fna_container .fna_answer td.fna_content {overflow:hidden;}

.fna_container .fna_content div, .fna_container .fna_title p {padding-right:18%;}

.fna_container tbody tr td.fna_status, .fna_container tbody tr td.fna_title {transition:color 0.3s; -webkit-transition:color 0.3s;}
.fna_container tbody tr.active td.fna_status, .fna_container tbody tr.active td.fna_title {color:#333;}

.table_paging p {text-align:center; margin-top:35px; margin-bottom:0;}
.table_paging p a {display:inline-block; width:30px; height:30px; color:#888; border:1px solid #eee; line-height:30px; margin:0 3px;}
.table_paging p span {display:inline-block; width:30px; height:30px; color:#fff; border:1px solid #4abcc7; background:#4abcc7; line-height:30px; margin:0 3px;}


@media only screen and (max-width:1150px){
	.fna_container {padding-left:20px; padding-right:20px;}
}

@media only screen and (max-width:600px){
	.fna_container .fna_title .plus_icon {right:30px;}
	.fna_container .fna_title .minus_icon {right:25px;}
}

@media only screen and (max-width:480px){
	.fna_container .fna_title .plus_icon {right:20px;}
	.fna_container .fna_title .minus_icon {right:15px;}
	.fna_container thead tr th:first-child {width:15%;}
	.fna_container thead tr th:first-child+th,
	.fna_container .fna_status {display:none;}

}

/* 게시판 기본 */

/* 게시판 (Q&A / Notice) */
.board-title-section {height:187px; line-height:187px; font-size:56px; color:#fff; background:#4abcc7; text-align:center;}
.board-content-box:after {content:""; clear:both; display:block;}


/* 케이보드  =================================================================== */
.kboard-page-content {margin-bottom:150px; margin-top:80px;}
.kboard-page-content #kboard-customer-list:after {clear:both; content:""; display:block;}
.kboard-page-content #kboard-customer-list .kboard-list table {font-size:15px;}
.kboard-page-content #kboard-customer-list .kboard-pagination {width:100%;}
.kboard-page-content #kboard-customer-list .kboard-pagination .kboard-pagination-pages li {display:inline-block;}
.kboard-page-content #kboard-customer-list .kboard-pagination .kboard-pagination-pages li a {padding:0; line-height:30px; font-size:15px;}
.kboard-page-content #kboard-customer-list .kboard-pagination .kboard-pagination-pages li.active a { border:0; color:#fff; background-color: #4abcc7; text-decoration: none; }
.kboard-page-content #kboard-customer-list .kboard-list table td.kboard-list-uid {width:100px;}
.kboard-page-content #kboard-customer-list .kboard-list table td.kboard-list-date {width:170px;}
.kboard-page-content #kboard-customer-list .kboard-list table td.kboard-list-view {width:100px;}
.kboard-page-content #kboard-customer-list .kboard-list table td.kboard-list-user {width:100px;}

.kboard-page-content.notice-board #kboard-customer-list .kboard-list table td.kboard-list-title {padding-left:50px;}

.kboard-page-content #kboard-customer-list .kboard-list tbody tr td {border:0; border-bottom:1px solid #eee;}

.kboard-page-content #kboard-customer-list .kboard-list table td {padding:12px 0;}

.kboard-page-content #kboard-customer-list .kboard-list table a {color:#666;}
.kboard-page-content #kboard-customer-list .kboard-list table a .latest_new {font-size:12px; color:#4abcc7; display:inline-block; margin-left:5px; font-weight:600;}
.kboard-page-content #kboard-customer-list .kboard-list table {border-top:2px solid #fafafa; color:#666;}
.kboard-page-content #kboard-customer-list .kboard-list thead tr td {border:0; background:#4abcc7; color:#fff; padding:14px 0; font-weight:500;}
.kboard-page-content .bool-comment-false {background-color:inherit; color:#bbb; font-size:15px;}
.kboard-page-content .bool-comment-true {background-color:inherit; color:#4abcc7; font-size:15px;}

.kboard-page-content #kboard-customer-list .kboard-control .kboard-customer-button-small {border-color:#4abcc7; background:#4abcc7 !important; border-radius:0; width:120px; height:40px; line-height:40px; font-size:14px !important;}
.kboard-page-content #kboard-customer-list .kboard-control .kboard-customer-button-small:hover {border-color:#4abcc7; background:#4abcc7 !important; color:#fff !important;}

.kboard-page-content #kboard-customer-list .kboard-search {padding-bottom:18px; width:100%;}
.kboard-page-content #kboard-customer-list .kboard-search:after {content:""; clear:both; display:block;}
.kboard-page-content #kboard-customer-list .kboard-search input {background:#f5f5f5; border:0; height:30px; width:210px; float:right;}
.kboard-page-content #kboard-customer-list .kboard-search button {background:url(../images/search_icon_btn.png) center no-repeat #f5f5f5 !important; height:30px; width:40px; float:right; font-size:0 !important;}

.jt-select-box {background:url(../images/selectbox_arrow_bg.png) 80px center no-repeat #f5f5f5; position:relative; width:100px; height:30px; float:right; margin-right:10px;} 
.jt-select-box label {position:absolute; font-size:14px; top:7px; left:12px; color:#888; font-weight:400;}
.jt-select-box select {width:100%; height:30px; min-height:30px; line-height:30px; padding:0 10px; opacity:0; filter:alpha(opacity=0);}

#parent-board-content {width:99%; margin:0 auto; padding:20px; background:#f5f5f5;}
#parent-board-content h2 {font-size:17px; margin-top:0;}
#parent-board-content div {line-height:28px; color:#666;}
#parent-board-content div strong {display:inline-block; color:#222; min-width:70px; font-weight:400;}

#jt-comment-wrap {clear:both; width:99%; margin:0 auto 30px;}
body #kboard-customer-document .kboard-content {border-bottom:1px solid #eee;}
body #kboard-customer-document .kboard-content .content-view .jt-replay-text {background:#f5f5f5; padding:20px; margin-top:20px;}
body #kboard-customer-document .kboard-content .content-view .jt-replay-text h3{font-size:16px; color:#4abcc7; margin-top:0;}
body #kboard-customer-document .kboard-content .content-view .jt-replay-text h3 span {font-size:12px; color:#888; display:inline-block; margin-left:10px;}
body #kboard-customer-document .kboard-content .content-view .jt-replay-text .content-view {padding:20px 0; color:#666;}


body #kboard-customer-document + #jt-comment-wrap .kboard-control .kboard-customer-button-small
{margin-bottom:0 !important;}

body .review-board #kboard-customer-document .kboard-content,
body .notice-board #kboard-customer-document .kboard-content {border-bottom:0;}

body .review-board #kboard-customer-document .kboard-detail .detail-attr.jt-kboard-title {border-top:0; position:relative; border-bottom:2px solid #4abcc7; padding-bottom:3px;}
body .review-board #kboard-customer-document .kboard-detail .detail-attr.jt-kboard-title:after {content:""; clear:both; display:block;}
body .review-board #kboard-customer-document .kboard-detail .detail-attr.jt-kboard-title .detail-value {font-size:28px; color:#222; padding-left:0; float:left; width:auto; text-indent:0; width:70%;}
body .review-board #kboard-customer-document .kboard-detail .detail-attr.jt-kboard-title .jt-detail-value {position:absolute; right:1px; margin-top:27px;}
body .review-board #kboard-customer-document .kboard-detail .detail-attr.jt-kboard-title .jt-detail-value p {display:inline-block; font-size:15px; color:#4abcc7; padding-left:11px;}
body .review-board #kboard-customer-document .kboard-detail .detail-attr.jt-kboard-title .jt-detail-value p:first-child {padding-right:15px; border-right:1px solid #c5c5c5;}
body .review-board #kboard-customer-document .kboard-detail .detail-attr.jt-kboard-title .jt-detail-value p span {color:#666; display:inline-block; margin-left:3px;}
body .review-board #kboard-customer-document .kboard-content .content-view {padding-left:3px; padding-right:3px;}
body .review-board #kboard-customer-document .kboard-detail.next-prev-detail .detail-attr.kboard-attach .detail-name {background:inherit; border-right:0; width:80px; text-indent:0; text-align:center;}
body .review-board #kboard-customer-document .kboard-detail.next-prev-detail .detail-attr.kboard-attach .detail-value {padding-left:88px; text-indent:0;}

body .review-board #kboard-customer-document .kboard-content .content-view figure {margin-bottom:20px; line-height:0;}



/* 준현씨 css */
/*제목*/
body #kboard-customer-document .kboard-detail{border:none;border-bottom:none;background: none;}
body #kboard-customer-document .kboard-detail .detail-attr {padding:0; width:100%;}
body #kboard-customer-document .kboard-detail .detail-attr.jt-kboard-title {width:100%;border-top: 3px solid #e3e3e3;border-bottom: 1px solid #e3e3e3;}
body #kboard-customer-document .kboard-detail .detail-attr.jt-kboard-title .detail-name {top:0; left:0; width:130px; height:50px; line-height:50px;border-right: 1px solid #e3e3e3;text-align:left;text-indent:30px;color:#222222;font-size: 15px;font-weight: 500;letter-spacing: -0.5px;background: #fafafa;}
body #kboard-customer-document .kboard-detail .detail-attr.jt-kboard-title .detail-value {width:100%; padding-left:130px; box-sizing:border-box; line-height:50px;background: #ffffff;text-align:left;text-indent:30px;color: #666666;font-size: 15px;letter-spacing: -0.5px;}

/*작성자,날짜*/
body #kboard-customer-document .kboard-detail .detail-attr.jt-kboard-attr .detail-attr {width:50%; position:relative;border-bottom: 1px solid #e3e3e3;}
body #kboard-customer-document .kboard-detail .detail-attr.jt-kboard-attr .detail-attr .detail-name {width:130px; top:0; text-align:center; height:50px; line-height:50px;border-right: 1px solid #e3e3e3;text-align:left;text-indent:30px;color:#222222;font-size: 15px;font-weight: 500;background: #fafafa;letter-spacing: -0.5px;}
body #kboard-customer-document .kboard-detail .detail-attr.jt-kboard-attr .detail-attr .detail-value {width:100%; padding-left:130px; box-sizing:border-box; height:50px; line-height:50px;background: #ffffff;text-align:left;text-indent:30px;color: #666666;font-size: 15px;letter-spacing: -0.5px;}

/*첨부파일,조회*/
body #kboard-customer-document .kboard-detail .detail-attr.jt-kboard-attr .detail-date .detail-name {border-left: 1px solid #e3e3e3;}
body #kboard-customer-document .kboard-detail .detail-attr.jt-kboard-attr .detail-view .detail-name {border-left: 1px solid #e3e3e3;}

/*본문*/
body #kboard-customer-document .kboard-content .content-view {padding: 40px 30px;font-size: 13.95px;font-weight:500;color:#888888;letter-spacing: -0.5px; font-size:15px;}

/* 이전글,다음글 */
body #kboard-customer-document .kboard-detail.next-prev-detail {padding-bottom:0;border-top:1px solid #e3e3e3;}
body #kboard-customer-document .kboard-detail.next-prev-detail + div {padding-bottom:0;border-bottom:1px solid #e3e3e3;}
body #kboard-customer-document .kboard-detail.next-prev-detail a {color:inherit;}

body #kboard-customer-document .kboard-detail .detail-attr.kboard-attach {position:relative;border-top:none;}
body #kboard-customer-document .kboard-detail .detail-attr.kboard-attach .detail-name {width:130px;height:50px;line-height:50px;position: absolute; top: 0;text-align: left;text-indent: 30px;background: #fafafa;color:#222222;font-size: 15px;font-weight: 500;letter-spacing: -0.5px;border-right:1px solid #e3e3e3;}
body #kboard-customer-document .kboard-detail .detail-attr.kboard-attach .detail-value {width:100%;height:50px;line-height:50px;padding-left: 130px;text-align:left;text-indent:30px;color: #666666;font-size: 15px;letter-spacing: -0.5px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

/* 목록으로,다음글,이전글,답글쓰기,삭제,수정 */
body #kboard-customer-document .kboard-document-wrap {margin-bottom: 38px;}
body #jt-comment-wrap .kboard-control .left{float: left;}
body #jt-comment-wrap .kboard-control .left a{float: left;}
body #jt-comment-wrap .kboard-control .right{float: right;}
body #jt-comment-wrap .kboard-control .right a{float: left;}
body #jt-comment-wrap .kboard-control:after{content: "";display: block;	clear: both;}

body #jt-comment-wrap .kboard-customer-button-small,
body #jt-comment-wrap .kboard-customer-button-small:link,
body #jt-comment-wrap .kboard-customer-button-small:visited {width:120px; height:40px;line-height:40px;text-align:center;font-size:14px !important;letter-spacing:0.25px;font-weight:600;border-radius: 0px;background-color: #4abcc7 !important;margin-left:4px !important;margin-bottom:38px !important;padding:0 !important;transition:color,background 0.4s ease 0s;-webkit-transition:color,background 0.4s ease 0s;}
body #jt-comment-wrap .kboard-customer-button-small:first-child {
margin-left:0 !important;
}
body #jt-comment-wrap .kboard-customer-button-small:hover{background-color: #eeeeee !important;color: #222 !important;}

/* 7-1. 고객지원센터-온라인상담(kboard-editor.php) */
/*layout*/
body #kboard-customer-editor .kboard-header{;}
body #kboard-customer-editor .kboard-attr-row{float:left;height: auto;border: none;}
body #kboard-customer-editor .kboard-header{border-top:0px;}

/*작성자,비밀번호*/
body #kboard-customer-editor{;}
body #kboard-customer-editor .attr-value{width:100%;}

body #kboard-customer-editor .kboard-attr-row.kboard-attr-author,
body #kboard-customer-editor .kboard-attr-row.kboard-attr-password{width:50%;}
body #kboard-customer-editor .kboard-attr-row.kboard-attr-author{padding-right:20px;}

body #kboard-customer-editor .kboard-attr-row{padding:0;}
body #kboard-customer-editor form .kboard-attr-row .attr-name{width:100%;margin-top:30px;padding:0;text-align: left;color:#222222;font-size:15px;letter-spacing: -0.5px;font-weight:500;background: #ffffff;border: none;}
body #kboard-customer-editor form .kboard-attr-row .attr-name .color-pink{color:#e90485;}
body #kboard-customer-editor form .kboard-attr-row .attr-value{padding:0;}
body #kboard-customer-editor form .kboard-attr-row .attr-value input[type="text"],
body #kboard-customer-editor form .kboard-attr-row .attr-value input[type="password"]{width:100%;height:42px;margin:0;padding:0;line-height:42px;border:1px solid #e3e3e3;padding:0 10px;border-radius: 0; font-size:15px;}
body #kboard-customer-editor form .kboard-attr-row .attr-value input[type="checkbox"]{border:1px solid #e3e3e3;border-radius: 0;}

body #kboard-customer-editor .kboard-content textarea{border:1px solid #e3e3e3;padding:10px;border-radius: 0;}

/*제목*/
body #kboard-customer-editor .kboard-attr-row.kboard-attr-title{width:100%;}

/*첨부파일*/
body #kboard-customer-editor .kboard-attr-row.kboard-attr-attachment .attr-value input[type="file"]{width:100%;height:42px;margin:0;padding:0;line-height:42px;}

/*상담내용*/
body #kboard-customer-editor .kboard-content .attr-name{width:95px;height:30px;line-height:30px;margin:0;margin-top:30px;padding:0;background: #fff;border:none;text-align:left;color:#222222;font-size:15px;letter-spacing: -0.5px;font-weight:500;}
body #kboard-customer-editor .kboard-content .attr-name .color-pink{color:#e90485;}
body #kboard-customer-editor .attr-value{padding:0;}
body #kboard-customer-editor .kboard-content textarea{display: block;width:100%; font-size:15px;}
html body #kboard-customer-editor .kboard-content{border:none;padding:0;}

/*비밀글*/
body #kboard-customer-editor .kboard-attr-row.kboard-attr-secret{display:none;} 

/*공지사항*/
body #kboard-customer-editor .kboard-attr-row.kboard-attr-notice{position: relative;height: 30px;margin-top:30px;} 
body #kboard-customer-editor .kboard-attr-row.kboard-attr-notice .attr-name{position: absolute;width: 100px;margin: 0;} 
body #kboard-customer-editor .kboard-attr-row.kboard-attr-notice .attr-value{position: absolute;width: 100%;padding-left: 100px;} 

/*돌아가기, 등록하기*/
body #kboard-customer-editor .kboard-customer-button-small, 
body #kboard-customer-editor .kboard-customer-button-small:link, 
body #kboard-customer-editor .kboard-customer-button-small:visited{width:120px;height:40px;line-height:40px;text-align:center;color:#fff;font-size:14px;font-weight: 600;background: #4abcc7 !important;border-radius:0 !important;}
body #kboard-customer-editor .kboard-customer-button-small:hover{width:120px;height:40px;color:#222 !important;font-size:14px;font-weight: 600;background: #eee !important;}

body #kboard-customer-editor .kboard-customer-button-small, 
body #kboard-customer-editor .kboard-customer-button-small:link, 
body #kboard-customer-editor .kboard-customer-button-small:visited{transition:color, background 0.4s ease 0s;-webkit-transition: color 0.4s ease 0s;}
body #kboard-customer-editor .kboard-customer-button-small:hover{;}

body #kboard-customer-editor .kboard-control{padding: 40px 0 0;}

/* 7-1. 고객지원센터-온라인상담(kboard-confirm.php) */
body #kboard-customer-editor .kboard-confirm-form{width:50%;margin: 0 auto;text-align:center;}
body #kboard-customer-editor .kboard-confirm-form:after{content:"";width:0;height:0;display:block;clear:both;}
body #kboard-customer-editor .kboard-confirm-form form .kboard-attr-row .attr-name{text-align: center;margin:30px 0;}
body #kboard-customer-editor .kboard-confirm-form form .kboard-control .center{width:250px;margin:0 auto;}
body #kboard-customer-editor .kboard-confirm-form form .kboard-control .center:after{content:"";display: block;clear: both;}
body #kboard-customer-editor .kboard-confirm-form form .kboard-control .center button{margin-left:10px !important;border-radius: 0px;float: left;}
body #kboard-customer-editor .kboard-confirm-form form .kboard-control .center button:first-child{margin-left:0px !important;}
body #kboard-customer-editor .kboard-confirm-form form .kboard-control{margin-bottom:100px;}

@media only screen and (max-width:900px){
	body .review-board #kboard-customer-document .kboard-detail .detail-attr.jt-kboard-title .detail-value {width:100%; float:none; font-size:22px; line-height:27px;}
	body .review-board #kboard-customer-document .kboard-detail .detail-attr.jt-kboard-title .jt-detail-value {position:static; display:block; text-align:right; margin-top:10px;}

	.page-id-97 .kboard-page-content #kboard-customer-list .kboard-list table td.kboard-list-view {display:none;}
	.page-id-97 .kboard-page-content #kboard-customer-list .kboard-list table td.kboard-list-uid {width:60px;}
	.page-id-97 #kboard-customer-list .kboard-list table td.kboard-list-bool-comment {width:100px;}
}
@media only screen and (max-width:600px){
	body #kboard-customer-document .kboard-detail .detail-attr.jt-kboard-attr .detail-attr {width:100%;}
	body #kboard-customer-document .kboard-detail .detail-attr.jt-kboard-attr .detail-date .detail-name,
	body #kboard-customer-document .kboard-detail .detail-attr.jt-kboard-attr .detail-view .detail-name {border-left:0;}
	.page-id-97 #kboard-customer-list .kboard-list td.kboard-list-user, #kboard-customer-list .kboard-list td.kboard-list-view {display:table-cell;}
	.page-id-97 .kboard-page-content #kboard-customer-list .kboard-list table td.kboard-list-date {display:none;}

	body #kboard-customer-editor .kboard-confirm-form {width:280px;}
}
@media only screen and (max-width:560px){
	.kboard-page-content #kboard-customer-list .kboard-list table td.kboard-list-uid {width:40px;}
	.kboard-page-content #kboard-customer-list .kboard-list table td.kboard-list-date {width:90px;}
	.kboard-page-content.notice-board #kboard-customer-list .kboard-list table td.kboard-list-title {padding-left:10px;}
}
@media only screen and (max-width:480px){
	body #jt-comment-wrap .kboard-customer-button-small, body #jt-comment-wrap .kboard-customer-button-small:link, body #jt-comment-wrap .kboard-customer-button-small:visited {width:80px;}
	.page-id-97 #kboard-customer-list .kboard-list table td.kboard-list-bool-comment {display:none;}
}
@media only screen and (max-width:400px){
	.kboard-page-content #kboard-customer-list .kboard-search input {width:130px;}
	.kboard-page-content #kboard-customer-list .kboard-pagination .kboard-pagination-pages li {margin-bottom:10px;}
	body #kboard-customer-document .kboard-content .content-view {padding:40px 3px;}

	body #kboard-customer-document .kboard-detail .detail-attr.jt-kboard-attr .detail-attr .detail-name,
	body #kboard-customer-document .kboard-detail .detail-attr.jt-kboard-title .detail-name,
	body #kboard-customer-document .kboard-detail .detail-attr.kboard-attach .detail-name {width:80px; text-indent:15px; font-size:14px;}

	body #kboard-customer-document .kboard-detail .detail-attr.jt-kboard-title .detail-value,
	body #kboard-customer-document .kboard-detail .detail-attr.jt-kboard-attr .detail-attr .detail-value,
	body #kboard-customer-document .kboard-detail .detail-attr.kboard-attach .detail-value {padding-left:70px; font-size:14px;}

	.kboard-page-content {margin-bottom:100px;}
}

/* 7-1. 고객지원센터-온라인상담(리스트) */

/*페이지넘버*/
.kboard-page-content #kboard-customer-list .kboard-pagination .kboard-pagination-pages li.active a{border:1px solid transparent;}

/* 7-2. 고객지원센터-진료안내 */
.temp-page-area.hanvit-clinic .clinic-box.support-information{width:100%;padding: 150px 0;background: url(../images/jinryo.jpg) no-repeat;background-size: cover;}
.temp-page-area.hanvit-clinic .clinic-box.support-information .container .clinic-row-1.clinic-images{position: relative;}
.temp-page-area.hanvit-clinic .clinic-box.support-information .container .clinic-row-1.clinic-images a{position: absolute;right:50px;bottom:65px;width:168px;height:45px;line-height:45px;text-align: center;color: #ffffff;background: #27254c;display: block;}
.temp-page-area.hanvit-clinic .clinic-box.support-information .container .clinic-row-1.clinic-images a,
.temp-page-area.hanvit-clinic .clinic-box.support-information .container .clinic-row-1.clinic-images a:link,
.temp-page-area.hanvit-clinic .clinic-box.support-information .container .clinic-row-1.clinic-images a:visited{transition:color,background 0.4s ease 0s;-webkit-transition:color,background 0.4s ease 0s;}


/* 개인정보처리방침/ 이용약관 / 이메일수집거부 / 사이트맵 */
.privacy-section {background:url(../images/privacy-bg-img.jpg) center no-repeat; background-size:cover; padding:90px 0 70px;}
.privacy-section .container {background:#fff; max-width:1100px; padding:0;}
.privacy-section .statement-title {background:#4abcc7; color:#fff; font-size:28px; height:114px; font-weight:normal; padding-left:80px;}
.privacy-section .statement-title h2 {font-size:28px; line-height:114px; padding-top:4px;}
.privacy-section .statement-content {height:460px; overflow:auto; padding:20px 0 15px; z-index: 100000;}
.privacy-section .statement-content ul {list-style:none; padding:0 80px;}

.privacy-section .statement-content.agreement-privacy ul li:first-child dl {border-top:0;}
.privacy-section .statement-content.agreement-privacy ul li dl {padding:35px 0; border-top:1px solid #eee;}
.privacy-section .statement-content.agreement-privacy ul li dl:after {content:""; clear:both; display:block;}
.privacy-section .statement-content.agreement-privacy ul li dl dt {float:left; width:27%; background:url(../images/privacy-icon-bullet.png) left 4px no-repeat; padding-left:22px; font-size:16px; color:#333; line-height:25px;}
.privacy-section .statement-content.agreement-privacy ul li dl dd {float:left; width:73%; font-size:15px; line-height:26px; color:#666;}
.privacy-section .statement-content.agreement-privacy ul li dl dd p {margin-bottom:13px;}

.privacy-section .statement-content.refusal-of-email {text-align:center; padding:15px 20px 20px;}
.privacy-section .statement-content.refusal-of-email h3 {font-size:25px; color:#222; padding-bottom:27px; margin-bottom:25px; position:relative;}
.privacy-section .statement-content.refusal-of-email h3:after {content:""; position:absolute;  bottom:0; width:40px; left:50%; margin-left:-20px; border-bottom:2px solid #4abcc9;}
.privacy-section .statement-content.refusal-of-email h3 + p {margin-bottom:6px; color:#4abcc9; font-size:16px;}
.privacy-section .statement-content.refusal-of-email p {color:#666; font-size:15px; line-height:27px;}

.privacy-section .statement-content.site-map {padding-top:60px;}
.privacy-section .statement-content.site-map ul:after {content:""; clear:both; display:block;}
.privacy-section .statement-content.site-map ul li{float:left; width:14.28%;}
.privacy-section .statement-content.site-map ul li dt {position:relative; font-size:16px; color:#333; margin-bottom:25px; padding-bottom:33px;}
.privacy-section .statement-content.site-map ul li dt a {color:#333; transition:0.3s; -webkit-transition:0.3s;}
.privacy-section .statement-content.site-map ul li dt:after {content:""; position:absolute; border-bottom:1px solid #4abcc7; left:0; bottom:0; width:13px;}
.privacy-section .statement-content.site-map ul li dd {font-size:15px; color:#666; line-height:28px;}
.privacy-section .statement-content.site-map ul li dd a {color:#666; transition:0.3s; -webkit-transition:0.3s;}

.privacy-section .statement-content.site-map ul li dt a:hover {color:#4abcc9;}
.privacy-section .statement-content.site-map ul li dd a:hover {color:#4abcc9;}

@media only screen and (max-width:1150px){
	.privacy-section {padding-left:20px; padding-right:20px;}
}
@media only screen and (max-width:999px){
	.privacy-section .statement-content.site-map {padding-bottom:60px; height:auto;}
	.privacy-section .statement-content.site-map > ul > li {width:25%;}
	.privacy-section .statement-content.site-map > ul > li:first-child,
	.privacy-section .statement-content.site-map > ul > li:first-child + li,
	.privacy-section .statement-content.site-map > ul > li:first-child + li + li,
	.privacy-section .statement-content.site-map > ul > li:first-child + li + li + li {min-height:250px;}
}
@media only screen and (max-width:768px){
	.privacy-section .statement-content ul {padding:0 20px;}
	.privacy-section .statement-content.agreement-privacy ul li dl dt {width:17%; margin-right:5%;}
	.privacy-section .statement-content.agreement-privacy ul li dl dd {width:78%;}
	.privacy-section .statement-title {padding-left:40px;}
}
@media only screen and (max-width:580px){
	.page-id-132 .board-title-section h1,
	.page-id-142 .board-title-section h1 {font-size:42px;}
	.page-id-162 .board-title-section h1 {font-size:34px;}
	.privacy-section .statement-title h2 {font-size:22px;}

}
@media only screen and (max-width:480px){
	.privacy-section {padding:60px 20px 40px;}

	.page-id-142 .board-title-section h1, 
	.page-id-132 .board-title-section h1 {font-size:32px;}
	.page-id-162 .board-title-section h1 {font-size:23px;}
	.privacy-section .statement-title {padding-left:20px; height:90px;}
	.privacy-section .statement-title h2 {font-size:18px; line-height:86px;}
	.privacy-section .statement-content.agreement-privacy ul li dl dt {width:100%; float:none; margin-bottom:20px;}
	.privacy-section .statement-content.agreement-privacy ul li dl dt br {display:none;}
	.privacy-section .statement-content.agreement-privacy ul li dl dd {width:100%; float:none;}

	.privacy-section .statement-content.site-map > ul > li {width:50%;}
	.privacy-section .statement-content.site-map > ul > li:first-child,
	.privacy-section .statement-content.site-map > ul > li:first-child + li {min-height:270px;}

	.privacy-section .statement-content.site-map > ul > li:first-child + li + li
	.privacy-section .statement-content.site-map > ul > li:first-child + li + li + li {min-height:260px;}

	.privacy-section .statement-content.site-map > ul > li:nth-child(5),
	.privacy-section .statement-content.site-map > ul > li:nth-child(6) {min-height:180px;}
}

/* 푸터 ===================================== */
/* page top */
.page-top-box {position:fixed; z-index:100; opacity:0; filter:alpha(opacity=0); transition:0.4s; -webkit-transition:0.4s;}
.page-top-box.show {opacity:1; filter:alpha(opacity=100);}
.page-top-box .page-top-btn {position:fixed; width:69px; height:69px; right:10px; bottom:30px; background:url(../images/page-top.png) center 18px no-repeat #127bc9; color:#fff; cursor:pointer; transition:0.4s; -webkit-transition:0.4s;}
.page-top-box.show .page-top-btn {right:33px;}
.page-top-box .page-top-btn p {text-align:center; margin-top:40px; font-size:14px; }
.page-top-box .page-top-btn p.down a{ color: #fff; line-height: 19.5px; }
.page-top-box .page-top-btn p.down { color: #fff; background: #5c5c5c; margin-top: 12px; height: 69px; padding: 15px 0px; }



.footer-outer {position:relative;}
.footer-outer .copyright p {margin:0;}
#footer-section {padding:57px 0 45px;width: 1200px;margin: 0 auto;}
#footer-section:after {content:""; clear:both; display:block;}
#footer-section .four-column {width:35%; float:left; padding:0 30px;}

#footer-section .four-column:first-child {padding:0 0 0 48px;}
#footer-section .four-column:first-child figure {margin-bottom:61px;}
#footer-section .four-column .copyright-text {color:#868686; font-size:12px; line-height:23px;}
#footer-section .four-column .copyright-text a{color: #868686;}

#footer-section .location-list li {list-style:none; position:relative; padding:13px 0; border-top:1px solid #7d7d7d;}
#footer-section .location-list li {-webkit-tap-highlight-color: rgba(0,0,0,0);}
#footer-section .location-list li:first-child {border-top:0; padding-top:0;}
#footer-section .location-list li p {font-size:12px; color:#bbb; line-height:12px; margin-top:8px;}
#footer-section .location-list li p:first-child {margin-top:0; padding-right:25px; line-height:16px}

#footer-section .location-list li p i{
	color:#fff;
	font-size:14px;}

#footer-section .location-list li p span {color:#fff;}
#footer-section .location-list li figure {position:absolute; right:0; top:5px;}
#footer-section .location-list li:first-child figure {top:5px;}
#footer-section .location-list li figure + figure {height:0; overflow:hidden; transition:height 0.5s; -webkit-transition:height 0.5s;}
#footer-section .location-list li:hover figure + figure {height:100%; transition:height linear 1s; -webkit-transition:height linear 1s;}

#footer-section .last-column h3 {margin-bottom:9px;}
#footer-section .last-column h3 a {font-size:31px; color:#fff;}
#footer-section .last-column > p {margin-bottom:22px;}
#footer-section .last-column > p a {color:#bbb; font-size:12px; display:inline-block; padding:0 7px; position:relative; transition:color 0.3s; -webkit-transition:color 0.3s}
#footer-section .last-column > p a:before {content:""; height:100%; position:absolute; border-left:1px solid #bbb; left:0;}
#footer-section .last-column > p a:first-child {padding-left:0;}
#footer-section .last-column > p a:first-child:before {content:none;}
#kakao_id { width:184px; height:66px; border-radius:9px; position:relative;}
#kakao_id p { width:50%; text-align:center;font-size:13px; color:#A8A8A8; background:url(../images/kakao_icon.png) 3px 2px no-repeat; float:left;}
#kakao_id a {position:absolute; top:0; left:0; width:100%; height:100%;}
#footer-section .last-column > p a:hover {color:#fff;}


/*foot*/
.auto {
width: 1200px;
margin: 0 auto;
padding:30px 0;
}

.ft_dl {
background: url(../images/26.png) no-repeat right top;
padding: 30px 0;
padding-right: 60px;
margin-top: 20px;
margin-right: 45px;
}

.ph3 {
background: url(../images/24.png) no-repeat center center;
}

.ph2 {
background: url(../images/23.png) no-repeat center center;
}

.ft_dt {
width: 38px;
height: 39px;
background: url(../images/25.png) no-repeat;
margin-top: 5px;
}

.ph1 {
background: url(../images/22.png) no-repeat center center;
}

.ft_dt span {
display: block;
width: 100%;
height: 100%;
}

.ft_dd {
font-size: 14px;
color: #bbb;
line-height: 26px;
margin-left: 25px;
}


.ft_dd span {
display: block;
font-size: 24px;
font-family: arial;
}

.zxkf {
display: block;
width: 160px;
height: 40px;
background: #4b4b4b;
text-align: center;
line-height: 40px;
font-size: 14px;
color: #fff;
border-radius: 2em;
-moz-border-radius: 2em;
margin-top: 15px;
}

.wx_txt {
text-align: center;
font-size: 12px;
color: #FFFFFF;
margin-top: 5px;
}

.wx_txt b {
display: block;
font-size: 14px;
}

.foot_txt {
text-align: center;
color: #ffffff;
font-size: 12px;
}

.foot_txt a {
color: #FFFFFF;
}
/*foot  end*/

@media only screen and (max-width:768px){
#kakao_id {width:195px; text-align:left;}
}



/* 모션 ===================================== */
/* CEO MESSAGE */
#ceo-section .ceo-wrap .ceo-msg-img {background-image:url(../images/new-about-ceo-message2.jpg);}

#ceo-section .ceo-intro-wrap .ceo-intro-img,
#ceo-section .ceo-msg-wrap.pc .ceo-msg-img {transition:transform linear 20s; -webkit-transition:transform linear 20s;}

#ceo-section .ceo-intro-wrap:hover .ceo-intro-img,
#ceo-section .ceo-msg-wrap.pc:hover .ceo-msg-img {trasnform:scale(1.15); -webkit-transform:scale(1.15); -ms-transform:scale(1.15);}

#ceo-section .ceo-intro-wrap .ceo-intro-txt h3,
#ceo-section .ceo-intro-wrap .ceo-intro-txt li,
#ceo-section .ceo-msg-wrap.pc .ceo-msg-txt h3,
#ceo-section .ceo-msg-wrap.pc .ceo-msg-txt p {opacity:0; transform:translateY(-40px); -ms-transform:translateY(-40px); -webkit-transform:translateY(-40px); transition:0.6s;}

.page-view-action #ceo-section .ceo-intro-wrap .ceo-intro-txt h3,
.page-view-action #ceo-section .ceo-intro-wrap .ceo-intro-txt li,
.page-view-action #ceo-section .ceo-msg-wrap.pc .ceo-msg-txt h3,
.page-view-action #ceo-section .ceo-msg-wrap.pc .ceo-msg-txt p {opacity:1; transform:translateY(0); -ms-transform:translateY(0); -webkit-transform:translateY(0);}

#ceo-section .ceo-intro-wrap .ceo-intro-txt h3 {transition-delay:0s;}
#ceo-section .ceo-intro-wrap .ceo-intro-txt li:first-child {transition-delay:0.2s;}
#ceo-section .ceo-intro-wrap .ceo-intro-txt li:first-child + li {transition-delay:0.25s;}
#ceo-section .ceo-intro-wrap .ceo-intro-txt li:first-child + li + li {transition-delay:0.3s;}
#ceo-section .ceo-intro-wrap .ceo-intro-txt li:first-child + li + li + li{transition-delay:0.35s;}
#ceo-section .ceo-msg-wrap.pc .ceo-msg-txt h3 {transition-delay:0.9s;}
#ceo-section .ceo-msg-wrap.pc .ceo-msg-txt p {transition-delay:1.05s;}


.page-id-78 .wrap-inner > section:first-child,
.page-id-41 .wrap-inner > section:first-child,
.page-id-11 .wrap-inner > section:first-child {position:fixed; top:105px; width:100%;}
.page-id-78 .wrap-inner > section,
.page-id-41 .wrap-inner > section,
.page-id-11 .wrap-inner > section {position:relative; z-index:10; background:#fff;}
.page-id-78 footer,
.page-id-41 footer,
.page-id-11 footer {position:relative; z-index:10;}

.down-button {position:absolute; width:83px; height:105px; background:url(../images/mouse-on-down.png) center -157px no-repeat; left:50%; margin-left:-41px; bottom:30px; cursor:pointer; z-index:10000; transition:background 0.5s; -webkit-transition:background 0.5s;}
.down-button:hover {background-position:center top;}

@media only screen and (max-width:768px){
	#ceo-section .ceo-intro-wrap .ceo-intro-txt h3,
	#ceo-section .ceo-intro-wrap .ceo-intro-txt li,
	#ceo-section .ceo-msg-wrap.pc .ceo-msg-txt h3,
	#ceo-section .ceo-msg-wrap.pc .ceo-msg-txt p {transition:none; -webkit-transition:none;}
}

/* About D102 */
#about-jewelry-section .txt-wrap h4,
#about-jewelry-section .txt-wrap p {transform:translateY(-50px); -ms-transform:translateY(-50px); -webkit-transform:translateY(-50px); opacity:0; filter:alpha(opacity=0); transition:0.6s; -webkit-transition:0.6s;}

#about-jewelry-section .txt-wrap p {transform:translateY(-40px); -ms-transform:translateY(-40px); -webkit-transform:translateY(-40px);}

#about-jewelry-section .txt-wrap.text-view-action h4,
#about-jewelry-section .txt-wrap.text-view-action p {transform:translateY(0px); -ms-transform:translateY(0px); -webkit-transform:translateY(0px); opacity:1; filter:alpha(opacity=100);}
#about-jewelry-section .txt-wrap.text-view-action .detail-font-size{font-size: 30px;}
#about-jewelry-section .txt-wrap p {transition-delay:0.1s;}

.wrap #about-jewelry-section .sprite.second {background-image:url(../images/d102-about-bg.jpg);}


/* Perfect D102 */
.page-id-41 #perfect-handmade-section {background-image:url(../images/pefect_section_bg.jpg);}

/* Location */
.page-id-80 #location-subtitle .sub-title h1 {font-size:56px; line-height:185px;}








/* 반응형 ===================================== */

.block-999 {display:none;}

@media only screen and (max-width:1500px){
	#dia-couple-section {}
	#dia-couple-section .two-column .left-text,
	#dia-couple-section .two-column + .two-column .left-text {width:57%;}
	#dia-couple-section.view-section .two-column .right-rings {width:43%;margin-top:50px;}
	.right-rings img{width:100%;}

	.text-right .text-box {width:70%; left:15%;}
}

@media only screen and (max-width:1200px){
	.down-button {display:none;}
	#home-visual-slider-section, .slider-chapter .text-right .slide-right-box, .slide-left-box {height:600px !important;}
	.page-id-78 .wrap-inner > section:first-child, .page-id-41 .wrap-inner > section:first-child, .page-id-11 .wrap-inner>section:first-child {height:600px !important;}
	.page-id-78 .wrap-inner > section:first-child + section, .page-id-41 .wrap-inner > section:first-child + section, .page-id-11 .wrap-inner>section:first-child + section {margin-top:600px !important;}
	.text-right .text-box {width:80%; left:10%; height:80%; top:10%;}
	.text-right .text-box h3 {font-size:43px;}

	.object-left .object-inner-slider>div {background-size:60%;}
	.object-left .object-inner-slider>div.obj-necklace {background-size:55%;}

	.slider-chapter2 .object-left .object-inner-slider>div.obj-necklace {background-size:25%;}
	.slider-chapter2 .object-left .object-inner-slider>div.obj-inner-3 {background-size:40%;}

	.slider-chapter3 .object-left .object-inner-slider>div.obj-necklace {background-size:30%;}
	.slider-chapter3 .object-left .object-inner-slider>div.obj-inner-3 {background-size:37%;}

	.slider-chapter4 .object-left .object-inner-slider>div.obj-necklace {background-size:40%;}
	.slider-chapter4 .object-left .object-inner-slider>div.obj-inner-3 {background-size:37%;}

	.slider-chapter5 .object-left .object-inner-slider>div.obj-inner-3 {background-size:27%;}

	.slider-chapter6 .object-left .object-inner-slider>div.obj-inner-1 {background-size:45%;}
	.slider-chapter7 .object-left .object-inner-slider>div.obj-inner-1 {background-size:45%;}

	#location-event-section .two-column,
	#sns-load-section .two-column {width:100%; float:none; height:400px;}

	#location-event-section .two-column + .two-column > div,
	#sns-load-section .two-column + .two-column > div {float:right;}

	#location-event-section,
	#sns-load-section {height:800px;}


}

@media only screen and (max-width:999px){
	html body {padding-top:0;}
	.block-999 {display:block;}

	#home-visual-slider-section, .slider-chapter .text-right .slide-right-box, .slide-left-box {height:480px !important;}
	.object-left .inner-bullet {bottom:5%;}

	.page-id-78 .wrap-inner > section:first-child + section, .page-id-41 .wrap-inner > section:first-child + section, .page-id-11 .wrap-inner>section:first-child + section {margin-top:495px !important;}

	.main-nav-outer.container {width:100%;}
	.header-inner.container {width:100%;}

	.header-outer.navbar-fixed-top {position:relative;}
	.header-outer.navbar-fixed-top:after {content:""; clear:both; display:block;}

	.logo-outer {width:100%; text-align:left; padding-left:20px;}
	.navbar-sns-share {display:none;}
	.navigation-outer {position:relative; float:left; height:auto; display:none;}
	.mobile-nav-area {position:relative; float:right; display:block;}
	.home .navigation-outer {top:0; display:none; height:auto;}
	.main-nav-outer.active .mobile-nav-area {opacity:1;}

	.navigation-outer .nav-main ul li a {display:inline-block; width:100%;}
	.navigation-outer .nav-main > ul > li {display:block; min-height:40px; height:auto; line-height:40px; text-align:left; padding:0; border-top:1px solid #eee;}
	.navigation-outer .nav-main > ul > li a {padding:0 0 0 27px; text-align:left;}
	.navigation-outer .nav-main ul li a:after,
	.navigation-outer .nav-main > ul li .two_depth_nav .container > ul li a:after {content:none;}

	/* 2depth */
	.home .active .two_depth_nav, .two_depth_nav {position:relative; height:auto; display:none; opacity:1; margin-top:0;}
	.two_depth_nav .container>.navigation_title {display:none;}
	.two_depth_nav .container>.navigation_image {display:none;}

	.two_depth_nav > .container {padding:0; width:100%;}
	.navigation-outer .nav-main > ul li .two_depth_nav .container > ul {float:none; width:100%;}
	.navigation-outer .nav-main > ul li .two_depth_nav .container > ul li {border-top:1px solid #eee; line-height:1; background:#f5f5f5;}
	.navigation-outer .nav-main > ul li .two_depth_nav .container > ul li:first-child {margin-top:0;}
	.navigation-outer .nav-main > ul li .two_depth_nav .container > ul li a {padding:13px 0 11px 20px; color:#527e82;}
	.two_depth_nav:after {content:none;}
	.navigation-outer .nav-main > ul li .two_depth_nav .container > ul li:hover {background:#4abcc7;}
	.navigation-outer .nav-main > ul li .two_depth_nav .container > ul li:hover a {color:#fff; transition:none; -webkit-transition:none;}
	.navigation-outer .nav-main > ul li .two_depth_nav .container > ul li:hover:after {content:""; position:absolute; height:2px; width:11px; background:#fff; left:25px; top:19px;}

	.page-id-78 .wrap-inner > section:first-child, .page-id-41 .wrap-inner > section:first-child, .page-id-11 .wrap-inner>section:first-child
	{position:relative; top:0;}
	.page-id-78 .wrap-inner > section:first-child + section, .page-id-41 .wrap-inner > section:first-child + section, .page-id-11 .wrap-inner>section:first-child+section
	{margin-top:0 !important}

	/* 메인 다이아몬드셋 / 커플링 */
	#dia-couple-section {height:auto;}
	#dia-couple-section .two-column {width:100%; float:none;}
	#dia-couple-section .two-column + .two-column {border-top:1px solid #eee;}
	#dia-couple-section .two-column .left-text,
	#dia-couple-section .two-column + .two-column .left-text {width:47%;}
	#dia-couple-section.view-section .two-column .right-rings {display:block;}

	/* 메인 비주얼 */
	.text-right .text-box {width:90%; left:5%; height:90%; top:5%;}
	.text-right .text-box h3 {font-size:38px;}
	.object-left .object-inner-text h3 {font-size:20px;}

	.outer-arrow {width:100px; height:60px; margin-top:-30px; line-height:0;}
	.outer-arrow img {width:100%; height:auto;}

	/* process & about */
	#process-about-section {height:380px;}
	#process-about-section .two-column p span {color:#e4f0f2;}
	#process-about-section .two-column + .two-column p {color:#9b9999;}
	#process-about-section .two-column + .two-column p span {color:#6f6f6d;}


	body #about-about-wrap h1, body #perfect-visual-section h1, body #about-process-wrap h1 {margin-top:-37px;}
}

@media only screen and (max-width:767px){
	body header.main-nav-outer {min-height:inherit;}
	.logo-outer {height:64px; padding:16px 0 0 20px;}
	.mobile-nav-area {height:64px; padding:25px 0 0;}

	#home-visual-slider-section, .slider-chapter .text-right .slide-right-box, .slide-left-box
	{height:560px !important;}

	.object-left, .text-right {width:100%;}
	.slider-chapter .text-right {display:none;}

	.object-left .object-inner-slider>div {background-size:65%; background-position:center 35%;}
	.object-left .object-inner-slider>div.obj-necklace {background-size:15%;}

	.slider-chapter4 .object-left .object-inner-slider>div.obj-necklace {background-size:33%;}

	.slider-chapter6 .object-left .object-inner-slider>div.obj-inner-1 {background-size:40%;}
	.slider-chapter7 .object-left .object-inner-slider>div.obj-inner-1 {background-size:40%;}

	#dia-couple-section.view-section .two-column .right-rings {background-size:contain;}
	#dia-couple-section .two-column + .two-column .right-rings {width:52%;}
}

@media only screen and (max-width:650px){
	#dia-couple-section.view-section .two-column .left-text {text-align:left; padding:0 10px 0 25px;}
	#dia-couple-section.view-section .two-column .left-text h3 {margin-top:50px;}
	#dia-couple-section.view-section .two-column .left-text p br {display:none;}
	#dia-couple-section .two-column .right-rings {background-position:center;}
	#dia-couple-section.view-section .two-column + .two-column .left-text {float:right; padding:0 25px 0 10px;}
}

@media only screen and (max-width:620px){
	#location-event-section .two-column > div {width:100%; float:none;}
	#location-event-section .two-column > .left-image-box {display:none;}

	#sns-load-section .two-column > div {width:100%; float:none;}
	#sns-load-section .two-column > div + .jt-social-box {display:none;}

	#location-event-section .two-column + .two-column .right-content-box {background:#4abcc7;}
	#location-event-section .two-column + .two-column .right-content-box h3 {color:#fff;}
	#location-event-section .two-column + .two-column .right-content-box p {color:#fff;}
	#location-event-section .two-column + .two-column .right-content-box .d102-btn-box .motion-bg {background:#94d3d9 !important;}
	#location-event-section .two-column + .two-column .right-content-box .d102-btn-box p {color:#fff !important;}

	#sns-load-section .two-column:first-child > div {background:#fff;}
	#sns-load-section .two-column:first-child > div h3 {color:#4abcc7;}
	#sns-load-section .two-column:first-child > div p {color:#888;}
	#sns-load-section .two-column:first-child > div .d102-btn-box .motion-bg {background:#aecccf !important;}
	#sns-load-section .two-column:first-child > div .d102-btn-box p {color:#46757a !important;}
	#sns-load-section .two-column:first-child > div .d102-btn-box:hover p {color:#fff !important;}

	#process-about-section .two-column .hover-column-box > div > p {display:none;}
}

@media only screen and (max-width:480px){
	#dia-couple-section .two-column {height:auto; padding-bottom:40px;}
	#dia-couple-section.view-section .two-column .left-text {width:100%; padding:0 20px; margin-top:250px; position:relative; z-index:10; text-align:center;}
	#dia-couple-section.view-section .two-column + .two-column .left-text {padding:0 20px;}
	#dia-couple-section.view-section .two-column .right-rings {width:100%; padding:0 20px; height:250px; position:absolute; background-position:center; background-size:75%; top:20px;}
	#dia-couple-section.view-section .two-column + .two-column .right-rings {background-position:center; background-size:72%; top:0;}
	#dia-couple-section.view-section .two-column .left-text h3 {margin-top:0px;}

	.page-id-78 .wrap-inner > section:first-child, .page-id-41 .wrap-inner > section:first-child, .page-id-11 .wrap-inner>section:first-child {height:250px !important;}

	body #about-about-wrap h1, body #perfect-visual-section h1, body #about-process-wrap h1 {margin-top:-27px;}


	#home-visual-slider-section, .slider-chapter .text-right .slide-right-box, .slide-left-box {height:400px !important;}

	.object-left .object-inner-text {bottom:25%;}
	.object-left .inner-bullet {bottom:15%;}
	.object-left .inner-bullet p {padding:5px 10px;}
	.object-left .object-inner-text p {font-size:12px;}

	.outer-arrow {top:0; margin-top:0;}
	.outer-arrow img {height:60px;}
}


/*导航中英文切换*/
.jianti{width:122px;height:30px;position:relative;font-family:微软雅黑;color:#fff;overflow:hidden;}
.jianti p{height:40px;line-height:30px;position: relative;text-align:center;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}

.jianti .one{top:-45px;left:0;z-index:1;}
.jianti:hover .one{top:-79px;left:0;}
.jianti .one a{color:#ccc;text-decoration:none;}

.jianti .two{bottom:53px;left:0;z-index:2;color:#127bc9;}
.jianti:hover .two{bottom:88px;left:0;}
.jianti .two a{color:#fff;:none; font-size:14px;}
/*导航中英文切换  end*/

/*友情链接*/
.blogroll{height:200px;}
.blogroll h3{color:white;}
.blogroll ul{list-style-type: none;display: block;margin-top: 10px;}
.blogroll ul li{width:50%;display: inline;padding-right: 20px;}
.blogroll ul li a{color:white;}
.blogroll ul li a: visited{color:#868686;}
.blogroll ul li a:hover{color:#73b0e3;}




.erweima img{
	width: 100%;
    position: absolute;
    top: 50%;
    margin-top: -42%;
    left: 50%;
    margin-left: -190%;
}
 