@charset "utf-8";

#hd_login_msg {display: none;}

@charset "utf-8";

#hd_login_msg {display: none;}
/* main_comm */
.main_wrp {margin:0 auto; width:100%; max-width:1920px; }
.full_wrp {margin:0 auto; width:100%; max-width:1920px; }

.none {display: none !important;}
.cf:after {clear:both;content:'';display:block;}
.inner_box {display:inline-block;}

.main_nav {position:fixed; left:110px; top:calc(50% + 70px); transform: translateY(-50%); z-index:9999; }
.main_nav li a {display:block; padding:10px; width:190px; border-bottom: 1px solid #84817f; color:#333; font-size:18px; font-weight:700; transition:all 0.4s;}
.main_nav li.active a {color:#a91054;}
.main_nav li:last-child a {border: none !important;}
.main_nav .arrow_btn {display: none;}

.fp-viewing-main_sec01 .main_nav li a {color:#fff; border-bottom: 1px solid #fff; text-shadow: 0px 0px 10px rgba(17,3,5,0.85);}
.fp-viewing-main_sec01 .main_nav .sec01 a {color:#a91054 !important;}
.fp-viewing-main_sec02 .main_nav .sec02 a {color:#a91054;}
.fp-viewing-main_sec06 .main_nav .sec06 a {color:#a91054;}
.fp-viewing-main_sec07 .main_nav .sec07 a {color:#a91054;}

#fullpage .main_wrp {padding-top:140px;}

.top_contain {padding-top:20px;}

.progress_contain p {padding-bottom:5px; font-size: 18px; font-weight: 700; letter-spacing: -0.45px;}
.progress_box {position:relative; height:12px; background: #dddddd;}
.progress_box .progress_bar {position:absolute; top:0; left:0; width:20%; height:100%;}

.ttl_contain {position:relative; text-align:center;}
.ttl_contain h3 {position:relative; display:inline-block; font-size: 44px; color: #333333; font-weight: 700;}
.ttl_contain h3 span {position:relative; z-index:2;}
.ttl_contain h3::after {display:block; content: ''; position:absolute; bottom:8px; left:50%; width:101%; height:12px; transform: translateX(-50%); opacity:0.2;}

.ttl_contain a {position:absolute; bottom:10px; right:0; overflow:hidden;display:block; padding:10px 20px; font-size:20px; border:1px solid;}
.ttl_contain a span {position: relative;}
.ttl_contain a:hover {color:#fff !important;}

.ttl_contain a::before {display:block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ''; transform: translate3d(-100%, 0 ,0); transition: transform 0.3s cubic-bezier(0.7, 0, 0.2, 1);}
.ttl_contain a:hover::before {transform: translate3d(0, 0 ,0);}

.bot_contain h4 {text-align: center; font-size: 32px; font-weight: 400; color:#333;}
.bot_contain h4 span {font-weight:600;}

.bot_contain .slide_box {padding-top:40px; margin:0 auto; width:900px;}
.bot_contain .slide_box h5 {padding-bottom:15px; font-size: 28px; color:#333;}
.bot_contain .slide_box li a {position:relative; padding:20px; display:block; height:300px; background:#fff; border: 1px solid #dddddd; box-sizing:border-box;}
.bot_contain .slide_box li a:hover {border: 1px solid #a91054;}

.bot_contain .slide_box .slick-list {margin-right:-10px;}
.bot_contain .slide_box .slick-slide {margin-right:10px;}
.bot_contain .slick-arrow {position:absolute; top:50%; font-size:30px; color:#9D9D9D; cursor: pointer; transform: translateY(-50%);}
.bot_contain .slick-prev {left:-40px;}
.bot_contain .slick-next {right:-40px;}
.bot_contain .slick-arrow.slick-disabled {cursor:default; opacity:0.9;}

.slick-dots {width: 100%;list-style: none;text-align: end;position: static; padding: 0; text-align: center; width:calc(100% - 15px); margin-left:15px;}
.slick-dots li {margin-left:10px; position: relative;display: inline-block; width: 48px;height: 6px; background-color:#d6c0de; padding: 0px;cursor: pointer;}
.slick-dots li:first-child{margin-left:0;}
.slick-dots li button {font-size: 0;line-height: 0;display: block;width: 48px;height: 6px; cursor: pointer;color: transparent;border: 0;outline: 0; background:transparent;}
.slick-dots li.slick-active button{background:#ad68d5;}
/*.slick-dots li button:before {font-size: 2.7rem;line-height: 20px;position: absolute;top: 50%;left: 50%;width: 10px;height: 10px;content: '';text-align: center;opacity: .75; background-color:#6D6968; border-radius: 50%; transform:translate(-50%, -50%); }*/

.fp-controlArrow.fp-next {right: 210px; width:120px; height:120px; border: none;}
.fp-controlArrow.fp-prev {display: none;}

.fp-controlArrow.fp-next {background:url('../img/main/sec_right.png') no-repeat center;}
.fp-viewing-main_sec02-1 .fp-controlArrow.fp-next {background:url('../img/main/sec_left.png') no-repeat center;}
.fp-viewing-main_sec06-1 .fp-controlArrow.fp-next {background:url('../img/main/sec_left.png') no-repeat center;}
.fp-viewing-main_sec07-1 .fp-controlArrow.fp-next {background:url('../img/main/sec_left.png') no-repeat center;}

.bot_contain .input_box {padding-top:10px; text-align:center;}

.bot_contain .input_box input {float:left; height:55px; border:1px solid; text-align: center;}
.bot_contain .input_box input[type="text"] {font-size: 20px; color:#333;}
.bot_contain .input_box .name_input {width:190px; margin-right:5px;}
.bot_contain .input_box .adress_input {width:360px; margin-right:5px;}
.bot_contain .input_box .submit_btn {width:210px; color:#fff; font-size: 28px; font-weight:700; cursor:pointer;}

.bot_contain .num_box {padding-top: 10px;}
.bot_contain .num_box p {text-align:center; font-size: 40px; font-weight:700;}

.bot_contain2 .top_box {padding-top:40px; text-align: center;}
.bot_contain2 .video_box {float:left; width:520px; height:380px; margin-right:15px; background:url('../img/main/video_icon.png') center no-repeat #a0a0a0;}
.bot_contain2 .list_box {float:left; width:520px; height:380px; padding:60px 35px; background:#fff; box-sizing:border-box; text-align: left;}
.bot_contain2 .list_box p {font-size: 32px; color:#333; font-weight:700;}
.bot_contain2 .list_box a {display:block; padding:10px 0 10px 20px; font-size: 22px; color:#333; border-bottom: 1px solid #ddd; letter-spacing: -0.55px; background:url('../img/main/list_icon.png') left 0px center no-repeat; overflow: hidden; text-overflow:ellipsis; white-space:nowrap;}
.bot_contain2 .list_box li:last-child a {border-bottom: 0;}

.bot_contain2 .bot_box {padding-top:40px; text-align: center;}
.bot_contain2 .bot_box a {float:left; display:block; padding:25px 40px; min-width:390px; color:#fff; font-size: 28px; letter-spacing: -0.7px;}
.bot_contain2 .bot_box a:nth-child(1) {background: #333333; margin-right:8px;}



