/**************************************************
	MainSlide [메인슬라이드]
**************************************************/
.slider {width: 100%; margin: 0px auto; padding: 0;position: relative; zoom: 1; border:solid 0px red;}
.slider .flex-viewport {}
.slider .slides {zoom: 1; margin: 0; padding: 0;}
.slider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.slider .slides img {margin-left:0px; width: 100%; display: block ; z-index: -1000;}
/* Direction Nav */
.slider .flex-direction-nav {*height: 0;margin: 0; padding: 0; list-style: none;}
.slider .flex-direction-nav a {width: 15px; height: 30px; margin: -28px 0 0; display: block; background: url(../../images/main/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 1; -webkit-transition: all .3s ease;}
.slider .flex-direction-nav .flex-next {background-position: 100% 0; right: 5px; }
.slider .flex-direction-nav .flex-prev {left: 5px;}
/* Control Nav */
.slider .flex-control-nav {display: block; width: 100%; position: absolute; bottom: 0px; text-align: center;margin: 0; padding: 0; list-style: none;}
.slider .flex-control-nav li {margin: 0 3px; display: inline-block; zoom: 1; *display: inline;}
.slider .flex-control-paging li a {width: 11px; height: 11px; display: block; background: #ffffff; cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);}
.slider .flex-control-paging li a:hover { background: #72615D;}
.slider .flex-control-paging li a.flex-active {background: #72615D; width: 24px; cursor: default; }


/**************************************************
	MainSlide [메인슬라이드]
**************************************************/
#about{width: 96%; padding: 20px 2%; position: relative; text-align: center;}
#about h2{position: relative; font-size: 26px; text-align: center; padding-top: 16px;}
#about h2:after{content: ''; display: block; position: absolute; top: -5px; left: 48%; width: 8px; height: 8px; background-color: #614f4b;}
#about h2:before{content: ''; display: block; position: absolute; top: -5px; left: 52%; width: 8px; height: 8px; background-color: #614f4b;}
#about p{font-size: 14px; color: #696969; line-height: 24px; text-align: center; width: 90%; margin: 20px auto; word-break: keep-all; }
#about a{display: inline-block; margin: 0 auto; border: 1px solid #72615d; color: #72615d; width: 32%; text-align: center; padding: 10px 0; box-sizing: border-box;}
#about a:hover, #about a.active{background-color: #72615d; color: #ffffff}


#charmbit{width: 100%; margin: 20px 0; padding: 30px 2%; box-sizing: border-box; position: relative; background-color: #f4f1ed; text-align: center;}
#charmbit h2{font-size: 50px; color: #614f4b; text-align: center; line-height: 50px;font-weight:900;}
#charmbit h2 > span{display: block; font-size: 22px; color: #72615d; line-height:30px;}
#charmbit img{width: 90%; margin: 30px auto;}
#charmbit h4{position: relative; font-size: 20px; text-align: center;line-height: 30px;}
#charmbit p{font-size: 14px; color: #696969; line-height: 22px; text-align: center; width: 90%; margin: 10px auto; word-break: keep-all;}
#charmbit li{display: inline-block; width: 26%;}
#charmbit a{display: block; margin: 0 auto; border: 1px solid #72615d; color: #72615d;  text-align: center; padding: 10px 0; box-sizing: border-box;}
#charmbit a:hover{background-color: #72615d; color: #ffffff}



.mainVideo{margin: 10px 0; width: 100%; height: 100%; position: relative; box-sizing: border-box; }
/*#mainVideo .videoImg{width: 100%; position: relative; top: 0; left: 0; cursor: pointer; z-index: 20; vertical-align: top;}*/
.mainVideo iframe{width: 100%; height: 100%; }


.charmBan{width: 100%; position: relative; font-size: 0; margin: 15px 0;}
.charmBan li{width: 32%; display: inline-block; margin-left: 2%;}
.charmBan li:first-child{ margin-left: 0;}
.charmBan li img{width: 100%;}

/* 191028수정 */
#story{width:100%; margin:0 auto; padding:10px 0 25px 0; box-sizing:border-box; position:relative; text-align:center;}
#story h2{font-size:32px;line-height:42px;font-weight:600;color:#62504c;font-family:'NanumGothic';}
#story h2 > span{font-weight:900;font-size:40px;}
#story .stslider li{display:inline-block;}
#story .st_Box h3{font-size:25px; font-weight:500;font-family:'NanumGothic';line-height:25px;padding:20px 0 5px 0; box-sizing:border-box;}
#story .st_Box span{font-size:30px; font-weight:800;}
#story .sTxt01{color:#9b6e29;}
#story .sTxt02{color:#9b5629;}
#story .sTxt03{color:#7a3310;}
#story .sTxt04{color:#614226;}
#story .bx-wrapper {position: relative; margin: 0 auto;padding: 0;*zoom: 1;}
#story .bx-wrapper img {width: 100%; display: block;}
#story .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {position: absolute; left: 50%; bottom: 0px;width: 100%;}
#story .bx-wrapper .bx-pager {text-align: center;font-size: .85em;font-family: Arial;font-weight: bold;padding-top: 20px;}
#story .bx-wrapper .bx-pager .bx-pager-item,.bx-wrapper .bx-controls-auto .bx-controls-auto-item {display: inline-block;*zoom: 1;*display: inline;}
#story .bx-controls-auto{display: none;}
#story .bx-wrapper .bx-pager.bx-default-pager{display:none;}
#story .bx-wrapper .bx-pager.bx-default-pager a{display:none;}
#story .bx-wrapper .bx-prev {left: -10%;background: url('../../images/main/l.png') no-repeat 0 0px;}
#story .bx-wrapper .bx-next {right:-11%;background: url('../../images/main/r.png') no-repeat 0px 0px;}
#story .bx-wrapper .bx-controls-direction a {position: absolute;top: 50%;margin-top: -15px;outline: 0;width: 32px;height: 32px;text-indent: -9999px;z-index: 9999;}
#story .bx-wrapper .bx-controls-direction a.disabled {display: none;}