@charset "utf-8";

/* ---------------------------------------------------
POINTWEB.co.kr
Base Markup ver1.0 2016-07-01
---------------------------------------------------- */

/*Common */
 
html,body {width:100%;height:100%;min-width:320px;-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;-webkit-text-size-adjust:none}
body {min-height: 100%}
html,body, div,span,h1,h2,h3,h4,h5,h6,p,button,dl,dt,dd,ol,ul,li,tr,th,td,article,aside,footer,header,menu,nav,section,mark,input,textarea {margin:0;padding:0;color:#3b3b3b;font-family: 'Noto Sans KR', sans-serif;font-size:16px;word-break: keep-all;font-weight:400;line-height:1;box-sizing:border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;letter-spacing:-0.5px}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary{display:block}
table{border-collapse:collapse;border-spacing:0}
a {-webkit-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out}
a, a:visited,a:hover,a:focus,a:active {text-decoration:none;cursor:pointer;box-sizing:border-box}
img,iframe,table,fieldset  {border:0;padding:0;margin:0}
img,input,select,button,textarea {vertical-align:middle}
ol,ul,li{list-style:none;text-align:left}
tr,td {vertical-align:middle}
em,address,optgroup{font-style:normal}
caption{overflow:hidden;width:1px;heigth:1px;*height:0;padding:0;margin-top:-1px;font-size:0;line-height:0;text-indent:-999px}
::-moz-selection {color:#333;background:#aeaeae}
::selection { color:#333;background:#aeaeae}


@media screen and (max-width:320px) {
html,body, div,span,h1,h2,h3,h4,h5,h6,p,button,dl,dt,dd,ol,ul,li,tr,th,td,article,aside,footer,header,menu,nav,section,mark,input,textarea {font-size:13px}
}

  /* placeholder css 적용하기 */
::-webkit-input-placeholder{color: #333;font-weight:300}
::-moz-placeholder{color: #333;font-weight:300}
:-ms-input-placeholder{color: #333;font-weight:300}
:-moz-placeholder {color: #333;font-weight:300}
[placeholder]:focus::-webkit-input-placeholder {transition: opacity 0.2s 0.2s ease;opacity: 0}
  /* clears the 'X' from Internet Explorer */
input[type=search]::-ms-clear {display:none;width:0;height:0}
input[type=search]::-ms-reveal {display:none;width:0;height:0}
  /* clears the 'X' from Chrome */
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {display:none}

/* 로딩 */
.loadingWrap{position:fixed;top:0;left:0;width:100%;height:100%;background:#000;z-index:80}
.loadingWrap img {position: absolute;top: 50%;left: 50%;margin-top: -18px;margin-left: -18px;}


/*버튼 */
.btn {
    position: relative;
    z-index: 9;
    width: 200px;
    padding: 1.5% 0;
    display: inline-block;
    font-size: 1.429em;
    color: #fff;
    text-align: center;
    font-weight: 600;
    background-size: 307% 100%;
    background-position: 100% 0;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.btn.fb {
    color:#101010
}
.btn:hover {
    background-position: 0;
    box-shadow: 0 0 10px rgba(0,0,0,0.3);
}
.btn1 {
    background-image: linear-gradient(to right, #5cb8d3 33%, #5cb8d3 33%, #f87770 66%, #f87770 66%);
}
/* 섹션1 사전예약 버튼 */
.btn2 {
    background-image: linear-gradient(to right, #205763 33%, #205763 33%, #197d92 66%, #197d92 66%);
}
/* 섹션3 웨딩홀이벤트 버튼 */
.btn3 {
    background-image: linear-gradient(to right, #4b3595 33%, #4b3595 33%, #6349bb 66%, #6349bb 66%);
}
/* 섹션4 스드메 버튼 */
.btn4 {
    background-image: linear-gradient(to right, #ec4a7a 33%, #ec4a7a 33%, #dc3466 66%, #dc3466 66%);
}
/* 섹션5 허니문 버튼 */
.btn5 {
    background-image: linear-gradient(to right, #4ad6e3 33%, #4ad6e3 33%, #3ac6d3 66%, #3ac6d3 66%);
}
/* 섹션6 예물 버튼 */
.btn6 {
    background-image: linear-gradient(to right, #38bcf4 33%, #38bcf4 33%, #22a5dc 66%, #22a5dc 66%);
}
/* 섹션7 정장 버튼 */
.btn7 {
    background-image: linear-gradient(to right, #f14aaa 33%, #f14aaa 33%, #e43c9d 66%, #e43c9d 66%);
}
/* 섹션7 한복 버튼 */
.btn9 {
    background-image: linear-gradient(to right, #6b8644 33%, #6b8644 33%, #586f36 66%, #586f36 66%);
}
/* 섹션7 가전 버튼 */
.btn10 {
    background-image: linear-gradient(to right, #ba7445 33%, #ba7445 33%, #a6673d 66%, #a6673d 66%);
}
/* 섹션7 가구 버튼 */
.btn13 {
    background-image: linear-gradient(to right, #2a4eb5 33%, #2a4eb5 33%, #5d7dda 66%, #5d7dda 66%);
}
/* 섹션7 가구 버튼 */

.btn11 {
    background-image: linear-gradient(to right, #fb9287 33%, #fb9287 33%, #f571b8 66%, #f571b8 66%);
}
/* 섹션8 입력폼 버튼 */
.btn8 {
    background-image: linear-gradient(to right, #e53567 33%, #e53567 33%, #212121 66%, #212121 66%);
}
/* 레이어 입력폼 버튼 */
.btn12 {
    background-image: linear-gradient(to right, #909090 33%, #909090 33%, #adadad 66%, #ababab 66%);
}
/* 섹션8 입력폼 개인정보 자세히 버튼 */
.btn13 {
    background: #fff;
    color: #212121;
}

@media all and (max-width:1200px) {
.btnarea {margin-top:30px}
}

@media all and (max-width:767px) {
.btnarea {margin-top:5%}
.btn {width:200px;padding:4% 0;font-size:1.214em}
}

.nopro {text-align:center;border-bottom:1px solid #c2c2c2;padding:40px 0}

.action_top {text-align:center;position:fixed; right:37px;bottom:4%;display:none;font-size:30px}
.action_top:hover {cursor:pointer;}
.action_top a {color:#e84671;opacity:0.9}
.action_top:hover a {opacity:1}


#layer_body1 .fa {font-size:50px;color:#fff !important;position:absolute;top:-8px;right:-50px;z-index:9999999;overflow:visible;opacity:0.5;cursor:pointer}
#layer_body1 .fa:hover {opacity:1}

/* breadcrumb */
.breadcrumb {width:100%;} 
.breadcrumb ul {content: "";display: block;clear: both;text-align:center}
.breadcrumb li {display:inline;text-align:center;padding:0 10px;position:relative}
.breadcrumb li.bgnone {margin-left:10px;}
.breadcrumb li a {color:#fff;font-size:14px;}
.breadcrumb li.bgnone:after {content:"";position:absolute;left:-7px;bottom:5px;width:5px;height:6px;background:url("/mbx/mx/breadcrumb.png") no-repeat center}