@charset "utf-8";

/* User Custom CSS */  /*  */
#mw-nav .navbar-nav>li>a,.login-menu li,.login-menu button,.login-menu a {color:#fff} /* 탑 메뉴 폰트컬러 */
#mw-nav {border-bottom: 1px solid rgba(255,255,255,.1)} /* 탑 메뉴 하단 라인 컬러 */
#mw-nav .dropdown-menu {background-color: #fff}  /* 2차 메뉴 배경 컬러 */
#mw-nav .dropdown-menu>li>a {color: #333} /* 2차 메뉴 폰트 컬러 */

#mw-nav.sticked .navbar-nav li:last-child{margin-top: 10px !important; color:#fff !important} /* 탑 메뉴 폰트컬러 */
#mw-nav .navbar-nav li:last-child a {color:#fff !important} /* 탑 메뉴 폰트컬러 */

#mw-nav.sticked .navbar-nav>li>a,#mw-nav.sticked .dropdown-menu>li>a {color: #333} /* 스크롤 후 메뉴 폰트 컬러 */
#mw-nav.sticked,#mw-nav.sticked .dropdown-menu {background-color: rgba(255,255,255,.9)} /* 스크롤 후 메뉴바 배경컬러 */
.mw-opener .line,
.navbar-nav > li.active > a > span,.navbar-nav > li:hover > a > span {border-bottom-color:#fff} /* 탑 메뉴 활성화된 메뉴 하단 라인 컬러 */
#mw-nav.sticked .mw-opener .line,
#mw-nav.sticked .navbar-nav > li.active > a > span,
#mw-nav.sticked .navbar-nav > li:hover > a > span {border-bottom-color:#333} /* 스크롤 후에 활성화된 메뉴 하단 라인 컬러 */

/* 슬라이드 */
#mw-promotion .caption-title {font-size: 60px;font-weight: normal;letter-spacing: 10px} /* 캡션 폰트 */
#mw-promotion .caption-title,#mw-promotion .caption-cont {color:#fff} /* 캡션 폰트 컬러*/
#mw-promotion .caption-cont p {color:#d40304 !important;} /* 캡션 폰트 컬러*/
#mw-promotion .caption-title:after {background-color:#fff} /* 타이틀 아래 라인 컬러 */
.btn-camera {letter-spacing: 0.5px;color:#d40304;border-color:#d40304} /* 버튼 컬러 */
.btn-camera:hover {background-color:#d40304; color:#FFF; border-color:#d40304} /* 버튼 마우스 오버 시 컬러 */

/* 각 섹션 상하 공간 */
#mw-about {padding-top:100px} /* 1) 어바웃 */
#mw-about .mw-about-1 {padding-top:0px;padding-bottom:80px} /* 1_1) 어바웃 */
#mw-about .mw-about-2 {padding-top:90px;padding-bottom:80px} /* 1_2) 어바웃 */
#mw-services {padding-top:100px;padding-bottom:100px} /* 2) 섹션 서비스 */
#mw-parallax-1{padding-top:130px;padding-bottom:100px} /* 3) 패럴랙스 1 */
#mw-tab {padding-top:100px;padding-bottom:0px} /* 4) 섹션 인포 */
#mw-parallax-2 {padding-top:130px;padding-bottom:80px} /* 5) 패럴랙스 2 */
#mw-post {padding-top:50px;padding-bottom:70px} /* 6) 섹션 포스트 */
#mw-contact{padding-top:60px;padding-bottom:50px} /* 7) 콘텍트 */
#mw-footer {padding-top:40px;padding-bottom:10px} /* 8) 푸터(하단) */
#mw-copyright {padding-top:15px;padding-bottom:15px} /* 9) 카피라이트 */

.h4, h4 {font-size: 17px; margin-top: 5px;}

.mw-footer {background-color: #fcfcfc; border-top: solid 1px #ddd; border-bottom: solid 1px #ddd; padding-top:6px;padding-bottom:5px}

/* 카트 */
.fa11 {font-size: 17px; color: #fff; padding-right: 15px;}
.sticked .fa11 {color: #777;}
.mcart {font-size: 16px; color: #fff}
/* ETC */
section h1,section h2,section h3,section h4 {font-family:'Open Sans','Apple SD 산돌고딕 Neo', 'Apple SD Gothic Neo', '나눔고딕', 'NanumGothic', 'ng'} /* 섹션 타이틀 폰트 */
#mw-teaser .col-img .teaser-caption h3, #mw-teaser .col-img .teaser-caption p {color:#fff} /* 티져 이미지형 폰트 컬러 */
.company-info,.parallax .plus-line span,
.parallax h3,.parallax p,.parallax .box-cont h4,.parallax .box-cont i {color:#fff} /* 패럴랙스, 콘텍트섹션 폰트 컬러 */
ul.float-menu, ul.float-menu .member-title span {background-color: #1b1b1b}  /* 우측 판넬 배경 컬러 */

/* 서브 */
.sub-head-title h1 {font-size:51px} /* 서브 탑 제목 폰트 사이즈 */
.sub-head-title p {font-size:16px} /* 제목 아래 폰트 사이즈 */
.sub-head-title h1,.sub-head-title p {color:#fff} /* 폰트 컬러 */

/* 푸터 */
#mw-footer {*background-color:#232323; border-top: solid 1px #ddd;} /* 배경컬러 */
#mw-footer .footer-color {color:#585858} /* 내용컬러 */
#mw-footer .deco-line {border-color:#ddd} /* 제목 아래 라인 컬러 */
#mw-copyright {*background-color:#1a1a1a} /* 카피라이트 배경 */

@media (min-width: 1200px) {  
	#camera_wrap {min-height: 500px}
}
/* 추가할 CSS는 여기에 @media (max-width: @iphone-screen) {  */
/* 
@media screen and (-webkit-min-device-pixel-ratio: 2), screen and (max–moz-device-pixel-ratio: 2) {
	#mw-onepage1,#mw-onepage2,#mw-onepage3,#mw-onepage4,#mw-onepage5 {background-repeat:no-repeat;background-size: 414px 767px;width:414px;height: 767px;}
}
*/
@media (max-width: 480px) {  
	#rey-onepage1,#rey-onepage2,#rey-onepage3,#rey-onepage4,#rey-onepage5,
	#rey-parallax-1,#rey-parallax-2,#rey-contact {background-attachment:scroll;}
	.padding-horizontal-small { padding-left: 10px !important; padding-right: 10px !important; }
	#rey-about { padding-top: 60px !important; }
	#rey-about .rey-about-1 { padding-bottom: 50px; }
	.sub-head-title h1 {text-shadow: 1px 1px 1px #777 !important; line-height: 1.1; font-size:35px} /* 서브 탑 제목 폰트 사이즈 */
	.sub-head-title h1,.sub-head-title p {text-shadow: 1px 1px 1px #585858; color:#fff} /* 폰트 컬러 */
	#mw-post {padding-top:30px;padding-bottom:0px} /* 6) 섹션 포스트 */
	#mw-contact{padding-top:50px;padding-bottom:70px} /* 7) 콘텍트 */
	.mw-footer {padding-top:5px;} /* 풋터 메뉴 탑라인 */
}

.image-box {position: absolute;top: 1px;left: 2px;border-radius: 7px;width: 98.3%;height: 98%;object-fit: cover;object-position: center;}
.image-box2 {position: absolute;top: 1px;left: 1px;border-radius: 50%;width: 99%;height: 98%;object-fit: cover;object-position: center;}

.icon-wrap a {
    display: inline-block;
    position: relative;
    color: #fff;
	text-decoration: none;
    border-radius: 5px;
    cursor: pointer;
    z-index: 1;
}
.icon-wrap a:hover:after {
	-webkit-transform: scale(1.3);
	-moz-transform: scale(1.3);
	-ms-transform: scale(1.3);
	transform: scale(1.3);
	opacity: 0;
}

.icon-wrap a:after {
    content: '';
    position: absolute;
    top: -2px;
    left: -2px;
    padding: 2px;
    width: 100%;
    height: 100%;
    border-radius: 5px;
    pointer-events: none;
    z-index: -1;
    -webkit-transition: -webkit-transform 0.2s, opacity 0.3s;
    -moz-transition: -moz-transform 0.2s, opacity 0.3s;
    transition: transform 0.2s, opacity 0.3s;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.icon-wrap a i {border: solid 2px #1abc9c; color:#fff}
.icon-wrap a:after {background-color: #1abc9c;}
.icon-wrap a:hover {border: solid 2px #1abc9c;color: #fff;box-shadow: 0 0 8px #1abc9c;}

.icon-wrap a,.image-box3 a i {
	-webkit-transition: color 0.3s;
	-moz-transition: color 0.3s;
	transition: color 0.3s;
}

#image-right {margin-top: 50px;}

.fa-stack-1x {
    *line-height: inherit !important;
}

.side-info {display: inline-block;width: 100%;margin-top: 3px;font-weight: bold;color: #8a3a39;padding: 15px;border: solid 1px; *border-radius: 10px;}

.shop-btn a{width: 100%; font-size: 12px; text-align: center; color: #eee; border: solid 1px #333; *border-radius: 5px; padding: 5px 10px !important; }
.shop-btn a:hover{ color: #1470B8; border: solid 1px #1470B8; }
.shop-mbtn a{width: 100%; *text-align: center; *border: solid 1px #666; *border-radius: 5px; }

.fa-stack { width: 2em !important; }
.fa {font-family: var(--fa-style-family, "Font Awesome 6 Free"); font-weight: var(--fa-style, 600) !important;}
.checkbox label, .radio label { padding-left: 15px; }