@charset "euc-kr";

.eventbg {background:url('../../img/event_bg.png') center 0 no-repeat;}

/* ------------------------------¸ÞÀνÃÀÛ------------------------------ */

#topmain {position:relative; overflow:hidden; z-index:20; }
body.scrollfix #mainVisual {margin-top:61px}
#topmain > .imgList {position:relative; height:540px;}
#topmain > .imgList > li {position:absolute; top:0; left:100%; width:1920px; height:100%; background-size:cover !important}

#topmain > .imgList > li.item1 {left:0; background:url('../../img/1.png') center 0 no-repeat; }
#topmain > .imgList > li.item2 {background:url('../../img/2.png') center 0 no-repeat;}
#topmain > .imgList > li.item3 {background:url('../../img/4.png') center 0 no-repeat;}


#topmain > .direction a {position:absolute; top:7%; margin-top:-29px; z-index:30}
#topmain > .direction .prev {left:200px}
#topmain > .direction .next {right:200px}

#topmain > .pagination {position:absolute; bottom:250px; width:100%; right:-900px; font-size:0; z-index:30}
#topmain > .pagination > li {display:inline-block; font-size:13px; width:17px; height:17px; margin-right:8px; border-radius:50%; background:#fff; cursor:pointer}
#topmain > .pagination > li.active, #mainVisual > .pagination > li:hover {background:#0f131f;}

/* ------------------------------¸ÞÀγ¡------------------------------ */



/* ------------------------------³»ºÎ½Ã¼³½ÃÀÛ------------------------------ */

#topmain2 {position:relative; overflow:hidden; z-index:20; margin:0 auto; width:1200px; }
#topmain2 > .imgList {position:relative; height:800px;}
#topmain2 > .imgList > li {position:absolute; top:0; left:100%; width:100%; height:100%; background-size:cover !important}
#topmain2 > .imgList > li a {position:absolute; top:0; left:100%; width:100%; height:100%; background-size:cover !important}

#topmain2 > .imgList > li.item1 {left:0; background:url('../../img/1.jpg') center 0 no-repeat; }
#topmain2 > .imgList > li.item2 {background:url('../../img/2.jpg') center 0 no-repeat;}
#topmain2 > .imgList > li.item3 {background:url('../../img/3.jpg') center 0 no-repeat;}
#topmain2 > .imgList > li.item4 {background:url('../../img/4.jpg') center 0 no-repeat;}
#topmain2 > .imgList > li.item5 {background:url('../../img/5.jpg') center 0 no-repeat;}
#topmain2 > .imgList > li.item6 {background:url('../../img/6.jpg') center 0 no-repeat;}
#topmain2 > .imgList > li.item7 {background:url('../../img/7.jpg') center 0 no-repeat;}
#topmain2 > .imgList > li.item8 {background:url('../../img/8.jpg') center 0 no-repeat;}
#topmain2 > .imgList > li.item9 {background:url('../../img/9.jpg') center 0 no-repeat;}
#topmain2 > .imgList > li.item10 {background:url('../../img/10.jpg') center 0 no-repeat;}
#topmain2 > .imgList > li.item11 {background:url('../../img/11.jpg') center 0 no-repeat;}


#topmain2 > .direction a {position:absolute; top:60%; margin-top:-29px; z-index:30}
#topmain2 > .direction .prev {left:20px}
#topmain2 > .direction .next {right:20px}

#topmain2 > .pagination {position:absolute; bottom:20px; right:0px; font-size:0; z-index:30}
#topmain2 > .pagination > li {display:inline-block; font-size:13px; width:12px; height:12px; margin-right:8px; border-radius:50%; background:#fff; cursor:pointer}
#topmain2 > .pagination > li.active, #mainVisual > .pagination > li:hover {background:#0f131f;}

/* ------------------------------³»ºÎ½Ã¼³³¡------------------------------ */

/* ------------------------------À̺¥Æ®½ÃÀÛ------------------------------ */

#topmain3 {position:relative; overflow:hidden; z-index:20; margin:0 auto; margin-bottom:30px; width:852px; }
#topmain3 > .imgList {position:relative; height:400px;}
#topmain3 > .imgList > li {position:absolute; top:0; left:100%; width:100%; height:100%; background-size:cover !important}
#topmain3 > .imgList > li a {position:absolute; top:0; left:100%; width:100%; height:100%; background-size:cover !important}


#topmain3 > .imgList > li.item1 {left:0; background:url('../../img/middlemain_img01.png') center 0 no-repeat; }
#topmain3 > .imgList > li.item2 {background:url('../../img/middlemain_img02.png') center 0 no-repeat;}
#topmain3 > .imgList > li.item3 {background:url('../../img/middlemain_img03.png') center 0 no-repeat;}
#topmain3 > .imgList > li.item4 {background:url('../../img/middlemain_img04.png') center 0 no-repeat;}


#topmain3 > .direction a {position:absolute; top:60%; margin-top:-29px; z-index:30}
#topmain3 > .direction .prev {left:20px}
#topmain3 > .direction .next {right:20px}

#topmain3 > .pagination {position:absolute; bottom:20px; right:0px; font-size:0; z-index:30}
#topmain3 > .pagination > li {display:inline-block; font-size:13px; width:12px; height:12px; margin-right:8px; border-radius:50%; background:#fff; cursor:pointer}
#topmain3 > .pagination > li.active, #mainVisual > .pagination > li:hover {background:#0f131f;}

/* ------------------------------À̺¥Æ®³¡------------------------------ */


/* ------------------------------¿ÞÂÊÀ̺¥Æ®½ÃÀÛ------------------------------ */

.mc1 { position:relative; z-index:20; margin-top:-213px; }
.middlemain {position:relative; overflow:hidden; width:50%; float:left; z-index:20;height:100%;}
.middlemain img {width:100%;}

.middlemain > .imgList {position:relative; height:100%;}


.middlemain > .imgList > li {position:absolute; top:0; left:100%; width:100%; height:100%; background-size:cover !important}
.middlemain > .imgList > li a {display:block; width:100%; height:100%;}
.middlemain > .imgList > li.item1 {left:0;}




.middlemain > .pagination {position:absolute; bottom:10px; width:100%; right:-10px; font-size:0; z-index:30; }
.middlemain > .pagination > li {display:inline-block; font-size:13px; width:10px; height:10px; margin-right:8px; border-radius:50%; background:#fff; cursor:pointer}
.middlemain > .pagination > li.active, .mainVisual > .pagination > li:hover {background:#0f131f;}

/* ------------------------------¿ÞÂÊÀ̺¥Æ®³¡------------------------------ */







/* ------------------------------¿À¸¥ÂÊÀ̺¥Æ®½ÃÀÛ------------------------------ */
.middlemain2 img {width:100%;}

.middlemain2 {position:relative; overflow:hidden; width:50%; float:right; z-index:20;height:100%;}
.middlemain2 > .imgList2 {position:relative; height:100%;}

.middlemain2 > .imgList2 > li {position:absolute; top:0; left:100%; width:100%; height:100%; background-size:cover !important}
.middlemain2 > .imgList > li a {display:block; width:100%; height:100%;}
.middlemain2 > .imgList2 > li.item1 {left:0;}



.middlemain2 > .pagination {position:absolute; bottom:10px; right:0px; font-size:0; z-index:30; }
.middlemain2 > .pagination > li {display:inline-block; font-size:13px; width:10px; height:10px; margin-right:8px; border-radius:50%; background:#fff; cursor:pointer}
.middlemain2 > .pagination > li.active, .mainVisual > .pagination > li:hover {background:#0f131f;}

/* ------------------------------¿À¸¥ÂÊÀ̺¥Æ®³¡------------------------------ */


/* ------------------------------±â°è½ÃÀÛ------------------------------ */
.mc1 { position:relative; z-index:20; margin-top:-213px; }
.middlemain3 {position:relative; overflow:hidden; width:100%; float:left; z-index:20;height:100%;}
.middlemain3 img {width:100%;}

.middlemain3 > .imgList3 {position:relative; height:100%;}


.middlemain3 > .imgList3 > li {position:absolute; top:0; left:100%; width:100%; height:100%; background-size:cover !important}
.middlemain3 > .imgList3 > li a {display:block; width:100%; height:100%;}
.middlemain3 > .imgList3 > li.item1 {left:0;}

.middlemain3 > .direction a {position:absolute; top:60%; margin-top:-29px; z-index:30}
.middlemain3 > .direction .prev {left:20px}
.middlemain3 > .direction .next {right:20px}


.middlemain3 > .pagination {position:absolute; bottom:10px; width:100%; right:-10px; font-size:0; z-index:30; }
.middlemain3 > .pagination > li {display:inline-block; font-size:13px; width:10px; height:10px; margin-right:8px; border-radius:50%; background:#fff; cursor:pointer}
.middlemain3 > .pagination > li.active, .mainVisual > .pagination > li:hover {background:#0f131f;}

/* ------------------------------±â°è³¡------------------------------ */


/* ------------------------------À̺¥Æ®½ÃÀÛ------------------------------ */
.mc1 { position:relative; z-index:20; margin-top:-213px; }
.middlemain4 {position:relative; overflow:hidden; width:100%; float:left; z-index:20;height:100%;}
.middlemain4 img {width:100%;}

.middlemain4 > .imgList4 {position:relative; height:100%;}


.middlemain4 > .imgList4 > li {position:absolute; top:0; left:100%; width:100%; height:100%; background-size:cover !important}
.middlemain4 > .imgList4 > li a {display:block; width:100%; height:100%;}
.middlemain4 > .imgList4 > li.item1 {left:0;}

.middlemain4 > .direction a {position:absolute; top:60%; margin-top:-29px; z-index:30}
.middlemain4 > .direction .prev {left:20px}
.middlemain4 > .direction .next {right:20px}


.middlemain4 > .pagination {position:absolute; bottom:10px; width:100%; right:-10px; font-size:0; z-index:30; }
.middlemain4 > .pagination > li {display:inline-block; font-size:13px; width:10px; height:10px; margin-right:8px; border-radius:50%; background:#fff; cursor:pointer}
.middlemain4 > .pagination > li.active, .mainVisual > .pagination > li:hover {background:#0f131f;}

/* ------------------------------À̺¥Æ®³¡------------------------------ */


/* ------------------------------Áß°£¸ÞÀνÃÀÛ------------------------------ */

#middle_img {position:relative; clear:both; width:1920px; margin:0px auto;}



/* ------------------------------Áß°£¸ÞÀγ¡------------------------------ */





/* ------------------------------3°¡ÁöÀ̹ÌÁö½ÃÀÛ------------------------------ */

#middle3main1 {position:relative; z-index:20; margin:0px auto; width:568px; height:425px;} 
#middle3main1 > .imgList {position:relative; margin-top:-220px; margin-left:-568px;}
#middle3main1 > .imgList > a li {position:absolute; top:0; left:100%; width:568px; height:425px; background-size:cover !important}
#middle3main1 > .imgList > a li.item1 {left:0; background:url('../../img/middle3img1.png') center 0 no-repeat; }


#middle3main2 {position:relative; z-index:21; margin:0px auto; width:568px; height:425px;} 
#middle3main2 > .imgList {position:relative; margin-top:-425px; margin-left:0px;}
#middle3main2 > .imgList > a li {position:absolute; top:205px; left:100%; width:568px; height:425px; background-size:cover !important}
#middle3main2 > .imgList > a li.item1 {left:0; background:url('../../img/middle3img2.png') center 0 no-repeat; }


#middle3main3 {position:relative; z-index:20; margin:0px auto; width:568px; height:425px; } 
#middle3main3 > .imgList {position:relative; margin-top:-425px; margin-left:568px; }
#middle3main3 > .imgList > a li {position:absolute; top:0; left:100%; width:568px; height:425px; background-size:cover !important}
#middle3main3 > .imgList > a li.item1 {left:0; background:url('../../img/middle3img3.png') center 0 no-repeat; }


/* ------------------------------3°¡ÁöÀ̹ÌÁö³¡------------------------------ */




/* ------------------------------4°¡ÁöÀ̹ÌÁö½ÃÀÛ------------------------------ */



#middle4main1 {position:relative; z-index:20; margin:0px auto; width:426px; height:425px;} 
#middle4main1 > .imgList {position:relative; margin-top:0px; margin-left:-639px;}
#middle4main1 > .imgList > a li {position:absolute; top:0; left:100%; width:426px; height:425px; background-size:cover !important}
#middle4main1 > .imgList > a li.item1 {left:0; background:url('../../img/middle4img1.png') center 0 no-repeat; }

#middle4main2 {position:relative; z-index:20; margin:0px auto; width:426px; height:425px;} 
#middle4main2 > .imgList {position:relative; margin-top:-425px; margin-left:-212px;}
#middle4main2 > .imgList > a li {position:absolute; top:0; left:100%; width:426px; height:425px; background-size:cover !important}
#middle4main2 > .imgList > a li.item1 {left:0; background:url('../../img/middle4img2.png') center 0 no-repeat; }

#middle4main3 {position:relative; z-index:20; margin:0px auto; width:426px; height:425px;} 
#middle4main3 > .imgList {position:relative; margin-top:-425px; margin-left:215px;}
#middle4main3 > .imgList > a li {position:absolute; top:0; left:100%; width:426px; height:425px; background-size:cover !important}
#middle4main3 > .imgList > a li.item1 {left:0; background:url('../../img/middle4img3.png') center 0 no-repeat; }

#middle4main4 {position:relative; z-index:20; margin:0px auto; width:426px; height:425px;} 
#middle4main4 > .imgList {position:relative; margin-top:-425px; margin-left:639px;}
#middle4main4 > .imgList > a li {position:absolute; top:0; left:100%; width:426px; height:425px; background-size:cover !important}
#middle4main4 > .imgList > a li.item1 {left:0; background:url('../../img/middle4img4.png') center 0 no-repeat; }



/* ------------------------------4°¡ÁöÀ̹ÌÁö³¡------------------------------ */





/* ------------------------------Áöµµ¿µ¿ªÀ̹ÌÁö½ÃÀÛ------------------------------ */

#bottom_img {position:relative; clear:both; margin:0px auto;}

/* ------------------------------Áöµµ¿µ¿ªÀ̹ÌÁö³¡------------------------------ */


#middle4_2main1 {position:relative; overflow:hidden; margin-left:-10px; z-index:20; width:1903px; margin:0px auto;}


/* 

#middle4_2main1 {position:relative; overflow:hidden; width:426px; margin-top:0px; margin-left:100px; z-index:20;}
#middle4_2main1 > .imgList {position:relative; height:350px;}
#middle4_2main1 > .imgList > li {position:absolute; top:0; left:100%; width:100%; height:100%; background-size:cover !important}
#middle4_2main1 > .imgList > li.item1 {left:0; background:url('../../img/middle4_2img1.png') center 0 no-repeat; }

#middle4_2main2 {position:relative; overflow:hidden; width:426px; margin-top:-350px; margin-left:526px; z-index:20;}
#middle4_2main2 > .imgList {position:relative; height:350px;}
#middle4_2main2 > .imgList > li {position:absolute; top:0; left:100%; width:100%; height:100%; background-size:cover !important}
#middle4_2main2 > .imgList > li.item1 {left:0; background:url('../../img/middle4_2img1.png') center 0 no-repeat; }

#middle4_2main3 {position:relative; overflow:hidden; width:426px; margin-top:-350px; margin-left:952px; z-index:20;}
#middle4_2main3 > .imgList {position:relative; height:350px;}
#middle4_2main3 > .imgList > li {position:absolute; top:0; left:100%; width:100%; height:100%; background-size:cover !important}
#middle4_2main3 > .imgList > li.item1 {left:0; background:url('../../img/middle4_2img1.png') center 0 no-repeat; }

#middle4_2main4 {position:relative; overflow:hidden; width:426px; margin-top:-350px; margin-left:1377px; z-index:20;}
#middle4_2main4 > .imgList {position:relative; height:350px;}
#middle4_2main4 > .imgList > li {position:absolute; top:0; left:100%; width:100%; height:100%; background-size:cover !important}
#middle4_2main4 > .imgList > li.item1 {left:0; background:url('../../img/middle4_2img1.png') center 0 no-repeat; }

*/


/* 

#middle4_3main1 {position:relative; overflow:hidden; width:426px; margin-top:0px; margin-left:100px; z-index:20;}
#middle4_3main1 > .imgList {position:relative; height:350px;}
#middle4_3main1 > .imgList > li {position:absolute; top:0; left:100%; width:100%; height:100%; background-size:cover !important}
#middle4_3main1 > .imgList > li.item1 {left:0; background:url('../../img/middle4_2img1.png') center 0 no-repeat; }

#middle4_3main2 {position:relative; overflow:hidden; width:426px; margin-top:-350px; margin-left:526px; z-index:20;}
#middle4_3main2 > .imgList {position:relative; height:350px;}
#middle4_3main2 > .imgList > li {position:absolute; top:0; left:100%; width:100%; height:100%; background-size:cover !important}
#middle4_3main2 > .imgList > li.item1 {left:0; background:url('../../img/middle4_2img1.png') center 0 no-repeat; }

#middle4_3main3 {position:relative; overflow:hidden; width:426px; margin-top:-350px; margin-left:952px; z-index:20;}
#middle4_3main3 > .imgList {position:relative; height:350px;}
#middle4_3main3 > .imgList > li {position:absolute; top:0; left:100%; width:100%; height:100%; background-size:cover !important}
#middle4_3main3 > .imgList > li.item1 {left:0; background:url('../../img/middle4_2img1.png') center 0 no-repeat; }

#middle4_3main4 {position:relative; overflow:hidden; width:426px; margin-top:-350px; margin-left:1377px; z-index:20;}
#middle4_3main4 > .imgList {position:relative; height:350px;}
#middle4_3main4 > .imgList > li {position:absolute; top:0; left:100%; width:100%; height:100%; background-size:cover !important}
#middle4_3main4 > .imgList > li.item1 {left:0; background:url('../../img/middle4_2img1.png') center 0 no-repeat; }

*/


/* ------------------------------»ó´ãÀ̹ÌÁö½ÃÀÛ------------------------------ */

#bottom_img2 {width:1920px;left:50%;margin-left:-960px; position:relative;}


/* ------------------------------»ó´ãÀ̹ÌÁö³¡------------------------------ */


#sns_img {position:absolute; width:600px;}



















/* 2°¡Áö¿µ¿ª¹è°æ½ÃÀÛ */
#middle2 {position:relative;clear:both;width:100%;background:url(../../img/middle2_bg.jpg) center top no-repeat; margin-top:-180px; height:800px;}
#middle2 .middle2_banner{position:relative;width:100%; top:160px;}


/* 2°¡Áö¿µ¿ª¹è°æ³¡ */

#middle2 .middle2_banner {width:1400px;margin:0px auto;}
#middle2 .middle2_banner ul {padding-top:86px;}
#middle2 .middle2_banner ul li {display:inline-block;margin-right:20px;}
#middle2 .middle2_banner ul li:last-child {margin-right:0px;}
#middle2 .wrap-img, #middle2 .wrap-img2 { width:690px; height:480px; overflow:hidden; }
#middle2 .wrap-img2:hover img, #middle2 .wrap-img:hover img {
transform:scale(1.2);
-webkit-transform:scale(1.2);
-moz-transform:scale(1.2);
-o-transform:scale(1.2);
-webkit-transition:.3s;
-moz-transition:.9s;
-ms-transition:.9s
}
.wrap-img img, .wrap-img2 img {
transform:scale(1);
-webkit-transform:scale(1);
-moz-transform:scale(1);
-o-transform:scale(1);
-webkit-transition:.3s;
-moz-transition:.3s;
-ms-transition:.3s
}





/* »ó´Ü ¿ÍÀÌµå ¹è³Ê */
#wideBanner {position:relative; margin:-350px auto 0 auto; height:940px; z-index:30}
#wideBanner img {position:relative; left:50%; margin-left:-960px}
/* ¸ÞÀÎÆäÀÌÁö ¼½¼Ç °øÅë */
.section {position:relative}
.section > .innerContainer {position:relative; width:1200px; margin:auto}
.section > .innerContainer:after {clear:both; display:block; content:''}
.section .section-tit {margin-bottom:40px; text-align:center}
.section .section-tit h2 {font-family:'Nanum Myeongjo'; font-size:30px; font-weight:normal; color:#989898; margin-bottom:5px}
.section .section-tit h3 {font-size:18px; font-weight:600; color:#cca865; letter-spacing:4px; text-transform:uppercase}
.section .section-tit h3 span {color:#25221d}
/* Before & After */
#section1 {margin:130px 0 100px 0}
#section1 .control-box {float:left; width:400px}
#section1 .control-box h2 {font-family:'Nanum Myeongjo'; font-size:60px; font-weight:normal; color:#cca865; line-height:1.16; margin-bottom:25px}
#section1 .control-box h2 span {color:#25221d}
#section1 .control-box h3 {font-family:'NBG'; font-size:19px; font-weight:600; color:#989898}
#section1 .control-box .btngroup {margin:40px 0 50px 0; font-size:0}
#section1 .control-box .btngroup > button {width:40px; height:40px; margin-right:1px; font-size:12px; color:#999; border:none; background:#ececec; cursor:pointer; outline:none}
#section1 .control-box .btngroup > button:hover {background:#dedede}
#section1 .control-box .tab-list li {position:relative; width:240px; height:40px; margin-bottom:10px; padding-left:30px; font-family:'NBG'; font-size:15px; color:#25221d; line-height:38px; border:1px solid #e0e0e0; cursor:pointer; transition:all .1s ease}
#section1 .control-box .tab-list li:after {position:absolute; right:30px; font-family:'Pe-icon-7-stroke'; font-size:20px; content:'\e684'; color:#b4b4b4}
#section1 .control-box .tab-list li.active, #section1 .control-box .tab-list li:hover {color:#ad8bbf; border-color:#cca865}
#section1 .control-box .tab-list li .active:after, #section1 .control-box .tab-list li:hover:after {color:#ad8bbf}
#rollingBox {position:relative; float:right; width:800px; overflow:hidden}
#rollingBox .rolling-box {display:none; position:relative; overflow:hidden}
#rollingBox .rolling-box.active {display:block !important}
#rollingBox .rolling-box > .imgList {position:relative; width:1000%}
#rollingBox .rolling-box > .imgList > li {float:left; width:800px}
#rollingBox .rolling-box > .imgList > li:after {clear:both; display:block; content:''}
#rollingBox .rolling-box > .imgList > li > div {position:relative}
#rollingBox .rolling-box > .imgList > li > div > img {display:block; width:100%}
#rollingBox .rolling-box > .imgList > li > div:after {position:absolute; display:inline-block; bottom:0; padding:12px 20px; font-size:18px; font-weight:500; color:#fff; z-index:20}
#rollingBox .rolling-box > .imgList > li .before {float:left; width:50%}
#rollingBox .rolling-box > .imgList > li .after {float:right; width:50%}
#rollingBox .rolling-box > .imgList > li .before:after {right:0; content:'BEFORE'; background:#25221d}
#rollingBox .rolling-box > .imgList > li .after:after {left:0; content:'AFTER'; background:#ad8bbf}
/* 3´Ü ·Ñ¸µ ¼½¼Ç */
#section2 {margin-bottom:140px}
#grid-rolling {position:relative}
#grid-rolling > .slide-wrapper {position:relative; overflow:hidden}
#grid-rolling > .slide-wrapper > .imgList {position:relative; width:1000%}
#grid-rolling > .slide-wrapper > .imgList > li {float:left; width:400px}
#grid-rolling > .slide-wrapper > .imgList > li a img {display:block}
#grid-rolling > .control-btn > button {position:absolute; top:50%; width:50px; height:50px; font-size:28px; color:#d0d0d0; margin-top:-25px; border:none; background:transparent; cursor:pointer; outline:none}
#grid-rolling > .control-btn > button:hover {color:#aaa}
#grid-rolling > .control-btn > .prev {left:-90px}
#grid-rolling > .control-btn > .next {right:-90px}
/* 2´Ü ¿ÍÀÌµå ¹è³Ê ¼½¼Ç */
#section3 {height:660px; background:url(../../img/main_wide_btm_bg.jpg) center top no-repeat}
#section3 > .innerContainer {height:100%}
#section3 .spacer {display:table; width:100%; height:100%}
#section3 .left, #section3 .right {display:table-cell; height:100%; text-align:center; vertical-align:middle}
/* ±×¸®µå ¹è³Ê ¼½¼Ç 1 */
#section4 {padding:80px 0; background:#e3d7c3}
#section4 div[class^=grid] a img {display:block}
#section4 .grid-left {float:left; margin-right:32px}
#section4 .grid-right {float:right}
#section4 .grid-right .top {margin-bottom:33px}
#section4 .grid-right .top .left {float:left; margin-right:34px}
#section4 .grid-right .top .right {float:right}
/* ±×¸®µå ¹è³Ê ¼½¼Ç 2 */
#section5 {padding:55px 0 0 0}
#section5 .grid > li {float:left; margin:0 14px 12px 0}
#section5 .grid > li.right-end {margin-right:0}
#section5 .grid > li.grid-center {margin-right:13px}
#section5 .grid > li.item-contact {width:391px; height:344px; padding:55px 50px 0 50px; background:#2b2b2b}
#section5 .grid > li.item-contact h3 {font-size:20px; font-weight:600; color:#fff; letter-spacing:1.5px; text-transform:uppercase; margin-bottom:15px}
#section5 .grid > li.item-contact strong {display:block; font-size:30px; color:#cca865; margin-bottom:10px}
#section5 .grid > li.item-contact p {font-size:14px; color:#bbb; line-height:1.5; margin-bottom:20px}
#section5 .grid > li.item-contact .sns-list {font-size:0}
#section5 .grid > li.item-contact .sns-list li {display:inline-block; font-size: 14px; font-weight:600; color:#fff; line-height:1.28; margin-right:10px}
#section5 .grid > li.item-contact .sns-list li > a {display:block; width:36px; height:36px; font-size:23px; color:#2b2b2b; text-align:center; line-height:36px; border-radius:50%; background:#cca865}
#section5 .grid > li.item-contact .sns-list li > a:hover {background:#c6a25f}
#section5 .grid > li.item-contact .sns-list li.sns-kakao > a {background:#fff20f}
#section5 .grid > li.item-contact .sns-list li.sns-kakao > a:hover {background:#f5e800}
#section5 .grid > li.item-contact .sns-list li.sns-kakao > a img {vertical-align:middle}
#main_map {width:809px; height:344px}

/* ----------------------------- ¼­ºêÆäÀÌÁö ½ºÅ¸ÀÏ ----------------------------- */
/* ¼­ºêÆäÀÌÁö ¼½¼Ç °øÅë */
.sub-section {position:relative; padding-top:60px;}
.sub-section.no-padding {padding:0}
.sub-section > .innerContainer {position:relative; width:1400px; margin:auto;}
.sub-section > .innerContainer:after {clear:both; display:block; content:''}
.sub-section .section-tit {margin-bottom:50px; text-align:center}
.sub-section .section-tit h2 {font-size:35px; font-weight:600; color:#3a3a3a; margin-bottom:10px}
.sub-section .section-tit h2 span {font-weight:300}
.sub-section .section-tit h3 {font-size:12px; font-weight:500; color:#888; letter-spacing:5px; text-transform:uppercase}
.sub-section .section-tit h3 span {color:#25221d}

/* .sub_img2 {padding:40px 0; margin:auto; width:1200px;} */


.sub_img {position:relative; top:-60px; left:0px; text-align:center; z-index:-1;}

.sub_img2 {top:-20px; left:0px; text-align:center;}




/* ÀÇ·áÀåºñ */

@import url(https://fonts.googleapis.com/css?family=Raleway:400,500,800);
figure.snip1200 {
font-family: 'Raleway', Arial, sans-serif;
position: relative;
float: left;
overflow: hidden;
margin: 10px 1%;
min-width: 220px;
max-width: 310px;
max-height: 310px;
width: 100%;
color: #ffffff;
text-align: center;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
font-size: 16px;
}
figure.snip1200 * {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 0.45s ease-in-out;
transition: all 0.45s ease-in-out;
}
figure.snip1200 img {
max-width: 100%;
position: relative;
opacity: 0.9;
}
figure.snip1200 figcaption {
position: absolute;
top: 45%;
left: 7%;
right: 7%;
bottom: 45%;
border: 1px solid white;
border-width: 1px 1px 0;
}
figure.snip1200 .heading {
overflow: hidden;
-webkit-transform: translateY(50%);
transform: translateY(50%);
position: absolute;
bottom: 0;
width: 100%;
}
figure.snip1200 h2 {
display: table;
margin: 0 auto;
padding: 0 10px;
position: relative;
text-align: center;
width: auto;
text-transform: uppercase;
font-weight: 400;
}
figure.snip1200 h2 span {
font-weight: 800;
}
figure.snip1200 h2:before,
figure.snip1200 h2:after {
position: absolute;
display: block;
width: 1000%;
height: 1px;
content: '';
background: white;
top: 50%;
}
figure.snip1200 h2:before {
left: -1000%;
}
figure.snip1200 h2:after {
right: -1000%;
}
figure.snip1200 p {
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
position: absolute;
width: 100%;
padding: 0 20px;
margin: 0;
opacity: 0;
line-height: 1.6em;
font-size: 0.9em;
}
figure.snip1200 a {
left: 0;
right: 0;
top: 0;
bottom: 0;
position: absolute;
z-index: 1;
}
figure.snip1200:hover img,
figure.snip1200.hover img {
opacity: 0.25;
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
figure.snip1200:hover figcaption,
figure.snip1200.hover figcaption {
top: 7%;
bottom: 7%;
}
figure.snip1200:hover p,
figure.snip1200.hover p {
opacity: 1;
-webkit-transition-delay: 0.35s;
transition-delay: 0.35s;
}
/* Demo purposes only */
body {
background-color: #fff;
}




/* ¹è°æŸÀÔ ÄÁÅÙÃ÷ */
.container-bgtype {background-position:center top; background-repeat:no-repeat}
/* ÀÇ·áÁø¼Ò°³ */
.team-info {position:relative; margin-bottom:20px}
.team-info .info-box {position:absolute; bottom:0; left:0; padding:20px; background:rgba(0, 0, 0, .75); z-index:10}
.team-info .info-box span {display:block; margin-bottom:5px; font-size:15px; color:#a6a6a6}
.team-info .info-box h3 {font-size:18px; font-weight:normal; color:#fff; margin-bottom:20px}
.team-info .info-box p {font-size:15px; color:#fff}
/* ã¾Æ¿À½Ã´Â ±æ */
.location-wrapper {padding-top:30px}
.location-wrapper .leftArea {float:left; width:480px}
.location-wrapper .leftArea h3 {font-size:30px; font-weight:600; color:#000; margin-bottom:25px}
.location-wrapper .leftArea img {margin-bottom:25px}
.location-wrapper .leftArea h4 {font-size:20px; font-weight:600; color:#2b2b2b; margin-bottom:15px}
.location-wrapper .leftArea p {font-size:16px; margin-bottom:5px}
.location-wrapper .leftArea strong {display:block; font-size:30px; font-weight:600; color:#746d66}
.location-wrapper .rightArea {float:right; width:650px}
.location-wrapper .rightArea #map {width:650px; height:400px}
/* µÑ·¯º¸±â */
#facilitySlider .big-thumb {position:relative; margin-bottom:50px}
#facilitySlider .big-thumb .thumb-list > li {display:none}
#facilitySlider .big-thumb .thumb-list > li.active {display:block}
#facilitySlider .big-thumb .thumb-list > li img {display:block; margin:0 auto; width:1000px;}
#facilitySlider .big-thumb .floor-tab {position:absolute; display:table; bottom:0; left:0; width:1000px; table-layout:fixed; border-spacing:1px; border-collapse:separate}
#facilitySlider .big-thumb .floor-tab > li {display:table-cell; width:auto; height:40px; padding-left:15px; color:#333; vertical-align:middle; background:rgba(200, 201, 202, .8); cursor:pointer}
#facilitySlider .big-thumb .floor-tab > li.active {color:#fff; background:rgba(0, 0, 0, .8)}
#facilitySlider .floor-container .floor-info {display:none}
#facilitySlider .floor-container .floor-info h2 {font-size:40px; font-weight:300; color:#2b2b2b; margin-bottom:40px}
#facilitySlider .floor-container .floor-info.active {display:block}
#facilitySlider .floor-container .floor-info .thumb-list {margin:0 -10px}
#facilitySlider .floor-container .floor-info .thumb-list:after {clear:both; display:block; content:''}
#facilitySlider .floor-container .floor-info .thumb-list > li {position:relative; float:left; width:25%; margin-bottom:20px; padding:0 10px; cursor:pointer}
#facilitySlider .floor-container .floor-info .thumb-list > li:before {position:absolute; top:0; left:10px; right:10px; bottom:0; content:''; border:0px solid #ad8bbf; transition:all .25s ease}
#facilitySlider .floor-container .floor-info .thumb-list > li.selected:before, #facilitySlider .floor-container .floor-info .thumb-list > li:hover:before {border-width:6px}
#facilitySlider .floor-container .floor-info .thumb-list > li img {display:block; width:100%}

#facilitySlider .direction a {position:absolute; top:50%; margin-top:-29px; border:1px solid #eab428; z-index:30}
#facilitySlider .direction .prev {left:50px}
#facilitySlider .direction .next {right:50px}



/* ----------------------------- Æ÷Åä°¶·¯¸® °Ô½ÃÆÇ ½ºÅ¸ÀÏ ----------------------------- */
/* ¸®½ºÆ® ÆäÀÌÁö */
.photo_list_wrapper {margin:0 auto; width:1200px; background-color:#fff; padding:0 40px;}
.photo_list_wrapper:after {clear:both; display:block; content:''}
.photo_list_wrapper.brd-grid-1 > table {width:1200px}
.photo_list_wrapper.brd-grid-2 > table {width:50%}
.photo_list_wrapper.brd-grid-3 > table {width:33.3333334%}
.photo_list_wrapper.brd-grid-4 > table {width:25%}
.photo_list_wrapper.brd-grid-5 > table {width:20%}



.photo_list_wrapper > table {float:left; margin-bottom:30px; padding:0 15px}
.photo_list_wrapper > table.board {float:none; clear:both; width:100% !important; padding:0}
.photo_list_wrapper > table .bbsnewf5 td[valign="bottom"] a {position:relative; display:block}
.photo_list_wrapper > table .bbsnewf5 td[valign="bottom"] a:before {position:absolute; top:0; left:0; width:100%; height:100%; content:''; border:0 solid #ad8bbf; transition:all .3s; z-index:30; box-sizing:border-box}
.photo_list_wrapper > table .bbsnewf5 td[valign="bottom"] a:hover:before {border-width:5px}
.photo_list_wrapper > table .bbsnewf5 a img {display:block; width:100%; height:100%; transition:all .3s}
.photo_list_wrapper > table .bbsnewf5 a:hover img {opacity:.8; filter:alpha(opacity='80')}
.photo_list_wrapper > table .bbsnewf5 .gallery_subject {padding:17px 8px 15px; border:1px solid #ddd;}
.photo_list_wrapper > table .bbsnewf5 .gallery_subject .gallery_title {font-family:inherit !important; font-size:14px; color:#555}
.photo_list_wrapper > table .bbsnewf5 .gallery_subject img {display:inline-block; width:50px; height:100%; transition:all .3s}
.image_sublist {display:none}



.tbl_board {margin-bottom:30px; border-top:2px solid #666}
.tbl_board th, .tbl_board td {font-family:inherit !important; padding:15px !important; border-bottom:1px solid #e5e5e5}
.tbl_board td td {border:none}
.tbl_board div th, .tbl_board div td {padding:0 !important}
.tbl_board span, .tbl_board font, .tbl_board a {font-family:inherit !important; font-size:inherit !important; color:#555}
.tbl_board a:hover {color:#333 !important}
.tbl_board .board_bgcolor {font-size:inherit !important; font-weight:500; color:#4b4b4b; background:#f4f4f4}
.tbl_board input[type=text], .tbl_board input[type=password] {font-family:inherit !important; font-size:inherit !important; height:35px; padding-left:10px; border:1px solid #dedede; background:#fff}
.tbl_board select {font-family:inherit !important; font-size:inherit !important; min-width:120px; height:35px; padding-left:10px; border:1px solid #dedede; background:#fff; vertical-align:middle}
.tbl_board .att_title {font-weight:600; color:#343434; text-align:center; background:#fff !important}
.tbl_board .att_title span, .tbl_board .att_title a, .tbl_board .att_title font {font-weight:600; color:#343434}
.tbl_board.tbl_list tr:hover {background:#f9f9f9}
.tbl_board.tbl_list td a font {font-weight:normal !important; margin-left:10px}
.tbl_board td textarea {width:98%; font-family:inherit !important; font-size:inherit !important; padding:10px; border:1px solid #dedede; background:#fff}
.tbl_board .td_center {text-align:center}







/* ----------------------------- °Ô½ÃÆÇ °øÅë ½ºÅ¸ÀÏ ----------------------------- */
/* ÅëÇÕ ÆùÆ® °ü·Ã */
.board, .bbsnewf5 {font-family:inherit !important; font-size:inherit !important}
/* Ä«Å×°í¸® */
.brd_category {display:none}
.board_tab {margin-bottom:30px}
.board_tab > ul {display:table; width:100%; table-layout:fixed}
.board_tab > ul > li {display:table-cell; width:auto}
.board_tab > ul > li > a {display:block; width:100%; height:100%; height:55px; font-size:16px; color:#333; text-align:center; line-height:55px; border:1px solid #d5d5d5; border-left:none}
.board_tab > ul > li:first-child > a {border-left:1px solid #d5d5d5}
.board_tab > ul > li.on > a {color:#fff; border-color:#ad8bbf; background:#ad8bbf !important}
.board_tab > ul > li:hover > a {background:#f4f4f4}
/* ÇÏ´Ü ±Û¾²±â ¹öÆ° */
.btn_btm_write {text-align:right}
/* ÆäÀÌ¡ */
.board-pagination {font-size:0; text-align:center; margin:0 auto; width:1200px; background-color:#fff;}
.board-pagination > b, .board-pagination > a {display:inline-block; width:36px; height:36px; margin:0 3px; font-size:14px; text-align:center; line-height:34px; border:1px solid #dedede}
.board-pagination > a {color:#777}
.board-pagination > a:hover {color:#555; background:#f4f4f4}
.board-pagination > b {color:#fff; border-color:#333; background:#4b4b4b}
/* °Ë»ö */
#ext_search {background-color: #fff; width: 1200px; height: 80px; margin: 0 auto; line-height: 80px;}
#ext_search > table {margin:0 auto}
#ext_search select {min-width:80px; height:35px; margin-right:2px; padding-left:10px; border:1px solid #dedede}
#ext_search input[type=text] {height:35px; margin-right:2px; padding:0 10px; border:1px solid #dedede}
/* ´ñ±Û ¿µ¿ª */
.board_comment_bgcolor {margin-bottom:30px}

/* ----------------------------- ¿¹¾à °ü·Ã ½ºÅ¸ÀÏ ----------------------------- */
/* ¿¹¾à Ķ¸°´õ */
.reserveWrapper .pickMonth {text-align:center; margin-bottom:30px}
.reserveWrapper .pickMonth .btn {padding:0 15px !important}
.reserveWrapper .pickMonth .btn i {margin:0}
.reserveWrapper .pickMonth #cur {display:inline-block; margin:0 15px; font-size:16px; color:#ad8bbf; letter-spacing:2px}
.tbl_calendar {width:100%; border-top:2px solid #666; table-layout:fixed}
.tbl_calendar thead th {padding:20px 0; font-size:15px; color:#333; border-left:1px solid #e5e5e5; border-bottom:1px solid #dedede}
.tbl_calendar thead th span {font-size:10px !important; font-weight:500 !important; letter-spacing:3px; opacity:.5}
.tbl_calendar thead th:first-child {border-left:none}
.tbl_calendar tbody td {padding:20px; border-left:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; vertical-align:top}
.tbl_calendar tbody td:hover {background:#f9f9f9}
.tbl_calendar tbody tr > td:first-child {border-left:none}
.tbl_calendar .td_sun {color:#c62b2b}
.tbl_calendar .td_sat {color:#3f63eb}
.tbl_calendar .m_sunday, .tbl_calendar .m_saturday {background:#f4f4f4 !important}
.tbl_calendar .ye {display:inline-block; color:#fff !important; margin-right:3px; padding:2px 5px; border-radius:2px; background:#23bbab}
.tbl_calendar .wan {display:inline-block; color:#fff !important; margin-right:3px; padding:2px 5px; border-radius:2px; background:#c43c3c}
.tbl_calendar div[style*='hand'] {cursor:pointer; padding:2px 0}
#order_list {display:none; margin-top:30px; padding:30px; border:1px solid #dedede; background:#f9f9f9}
#order_list h3 {font-size:15px; font-weight:normal; color:#222; margin-bottom:20px}
#order_list ul > li {color:#777; line-height:1.65}
#order_list input[type=button] {padding:10px 45px; border:1px solid #d5d5d5 !important; border-radius:2px; background:#fff; cursor:pointer}
/* ¿¹¾àÇϱâ Æû */
#css_orderform table {width:100%; border-top:2px solid #666; border-collapse:collapse}
#css_orderform table th, #css_orderform table td {padding:15px; border-bottom:1px solid #e5e5e5}
#css_orderform table th {width:15%; font-weight:500; color:#4b4b4b; background:#f4f4f4}
#css_orderform table td input[type=text] {font-family:inherit !important; font-size:inherit !important; height:35px; padding-left:10px; border:1px solid #dedede; background:#fff}
#css_orderform table td select {font-family:inherit !important; font-size:inherit !important; min-width:70px; height:35px; margin:0 10px; padding-left:5px; border:1px solid #dedede; background:#fff; vertical-align:middle}
#css_orderform table td select:first-child {margin-left:0}
#css_orderform table td label {margin-right:10px}
.agreeWrapper .checkArea:after {clear:both; display:block; content:''}
.agreeWrapper .checkArea .left {float:left}
.agreeWrapper .checkArea .right {float:right}
.agreeWrapper .agreeinfo {clear:both; margin-top:5px}
.agreeWrapper .agreeinfo textarea {width:100%; height:160px; padding:10px; border:1px solid #dedede; background:#fff}
.reserve-btn {margin-top:30px; text-align:center}

/* ¿¹¾àÈ®ÀÎ ¹× Ãë¼Ò */
h2.reservation-title {margin-bottom:20px; font-size:16px; font-weight:normal; color:#333}
h2.reservation-title:before {display:inline-block; width:6px; height:2px; margin-right:7px; content:''; background:#ad8bbf; vertical-align:6px}
.reservation-box {padding:20px; border:1px solid #e5d4c6}
.reservation-box ul > li {line-height:1.8}
.reservation-box ul > li:before {display:inline-block; width:2px; height:2px; margin-right:5px; content:''; background:#ccc; vertical-align:4px}


/* ----------------------------- ȸ¿ø °ü·Ã ½ºÅ¸ÀÏ ----------------------------- */
/* ȸ¿ø °ü·Ã °øÅë ¿ä¼Ò */
.member-box h2 {font-size:28px; font-weight:300; color:#ad8bbf; margin-bottom:30px}
.member-box h3 {font-size:16px; font-weight:normal; color:#4b4b4b; margin-bottom:20px}
.member-box h4 {font-size:15px; font-weight:600; color:#555; margin-bottom:10px}
.member-box input[type=text], .member-box input[type=password] {display:block; width:100%; height:45px; margin-bottom:10px; padding:10px; border:1px solid #dedede; background:#f9f9f9}
.member-box .btn-confirm {display:block; width:100%; height:45px; font-size:15px; color:#fff; border:none; background:#ad8bbf; cursor:pointer; outline:none}
.member-box .btn-confirm:hover {background:#ad8bbf}
.member-btm-btn {margin-top:30px; text-align:center}
.member_td_bgcolor {color:#4b4b4b; background:#f4f4f4}


/* ·Î±×ÀÎÆäÀÌÁö */
.loginWrapper {position:relative}
.loginWrapper:after {clear:both; display:block; content:''}
.loginWrapper > .login-box {float:right; width:560px; padding:30px; border:1px solid #e5e5e5}
.loginWrapper > .login-box:first-child {float:left}
.loginWrapper > .login-box .helpList {margin-top:30px; padding-top:20px; border-top:1px solid #e5e5e5}
.loginWrapper > .login-box .helpList > li {position:relative; color:#888; padding:4px 0 4px 10px}
.loginWrapper > .login-box .helpList > li.warning {color:#ff7e00}
.loginWrapper > .login-box .helpList > li:before {position:absolute; top:5px; left:0; content:'-'}
.loginWrapper > .login-box .helpList > li a {margin-left:10px}
/* ȸ¿ø°¡ÀÔ Áߺ¹È®ÀÎ ÆäÀÌÁö */
.joinWrapper > .join-box {width:560px; margin:auto; padding:30px; border:1px solid #e5e5e5}
/* ȸ¿ø°¡ÀÔ ¾à°üµ¿ÀÇ ÆäÀÌÁö */
.joinWrapper .agree-box {margin-bottom:40px}
.joinWrapper .agree-box textarea {width:100%; height:250px; margin-bottom:15px; padding:10px; border:1px solid #e5e5e5}
.joinWrapper .agree-box input[type=checkbox] {margin-right:5px}

/* ----------------------------- ¹öÆ° °øÅë ½ºÅ¸ÀÏ ----------------------------- */
.btn {display:inline-block; padding:0 25px; font-family:inherit !important; font-size:13px; height:35px; line-height:33px; border:1px solid #dedede; border-radius:2px; background:#fff; cursor:pointer; vertical-align:middle; transition:all .3s ease}
*, ::after, ::before {box-sizing: border-box}
.btn.btn-default:hover {color:#555 !important; border-color:#aaa}
.btn.btn-primary {color:#fff !important; border-color:#ad8bbf; background:#ad8bbf}
.btn.btn-primary:hover, .btn.btn-primary:focus {border-color:#ad8bbf; background:#ad8bbf}
.btn.btn-secondary {color:#fff !important; border-color:#6d7281; background:#6d7281}
.btn.btn-secondary:hover, .btn.btn-secondary:focus {border-color:#686d7b !important; background:#686d7b}
.btn.btn-link {font-size:12px !important; line-height:23px !important; padding:0 15px !important; height:25px !important}
.btn.btn-link:hover {border-color:#aaa; background:#f9f9f9}
.btn i {margin-right:7px; vertical-align:0}
.btn.right-icon i {margin:0 0 0 7px}

/* ----------------------------- ÅÇ °øÅë ½ºÅ¸ÀÏ ----------------------------- */
.tab-primary {display:table; width:100%; margin-bottom:30px; table-layout:fixed}
.tab-primary > li {display:table-cell; width:auto; height:55px; text-align:center; vertical-align:middle}
.tab-primary > li a {display:block; width:100%; height:100%; font-size:16px; color:#333; line-height:55px; text-align:center; border:1px solid #d5d5d5; border-left:none}
.tab-primary > li:first-child a {border-left:1px solid #d5d5d5}
.tab-primary > li.active a {color:#fff; border-color:#ad8bbf; background:#ad8bbf !important}
.tab-primary > li:hover a {background:#f4f4f4}


/* ----------------------------- ÅÇ4 °øÅë ½ºÅ¸ÀÏ ----------------------------- */

.tab1 {display:table; width:1200px; margin:0 auto; table-layout:fixed;}
.tab1 ul {float:left;width:100%;border-top:solid 1px #d5d5d5;border-bottom:solid 1px #d5d5d5;margin-bottom:0px;}
.tab1 ul li {float:left;width:300px; text-align:center;height:55px;border-right:solid 1px #d5d5d5;font-size:16px;line-height:55px;box-sizing:border-box; background-color:#fff;}
.tab1 ul li:first-child {border-left:solid 1px #d5d5d5;}
.tab1 ul li:last-child {/*border-right:none;*/}
.tab1 ul li:hover {background:#ad8bbf;color:#fff;}
.tab1 ul li:hover a {background:#ad8bbf;color:#fff;}
.tab1 ul li.on {background:#ad8bbf;color:#fff; }
.tab1 ul li a {color:#000;display:block;}
.tab1 ul li.on a {color:#fff;}


.tab2 {display:table; width:1200px; margin:0 auto; table-layout:fixed; }
.tab2 ul {float:left;width:100%;border-top:solid 1px #d5d5d5;border-bottom:solid 1px #d5d5d5;margin-bottom:0px;}
.tab2 ul li {float:left;width:240px; text-align:center;height:55px;border-right:solid 1px #d5d5d5;font-size:16px;line-height:55px;box-sizing:border-box; background-color:#fff;}
.tab2 ul li:first-child {border-left:solid 1px #d5d5d5;}
.tab2 ul li:last-child {/*border-right:none;*/}
.tab2 ul li:hover {background:#ad8bbf;color:#fff;}
.tab2 ul li:hover a {background:#ad8bbf;color:#fff;}
.tab2 ul li.on {background:#ad8bbf;color:#fff; }
.tab2 ul li a {color:#000;display:block;}
.tab2 ul li.on a {color:#fff;}


.tab3 {display:table; width:1200px; margin:0 auto; table-layout:fixed; }
.tab3 ul {float:left;width:100%;border-top:solid 1px #d5d5d5;border-bottom:solid 1px #d5d5d5;margin-bottom:0px;}
.tab3 ul li {float:left;width:150px; text-align:center;height:55px;border-right:solid 1px #d5d5d5;font-size:16px;line-height:55px;box-sizing:border-box; background-color:#fff;}
.tab3 ul li:first-child {border-left:solid 1px #d5d5d5;}
.tab3 ul li:last-child {/*border-right:none;*/}
.tab3 ul li:hover {background:#ad8bbf;color:#fff;}
.tab3 ul li:hover a {background:#ad8bbf;color:#fff;}
.tab3 ul li.on {background:#ad8bbf;color:#fff; }
.tab3 ul li a {color:#000;display:block;}
.tab3 ul li.on a {color:#fff;}

.tab4 {display:table; width:1200px; margin:0 auto; table-layout:fixed; }
.tab4 ul {float:left;width:100%;border-top:solid 1px #d5d5d5;border-bottom:solid 1px #d5d5d5;margin-bottom:0px;}
.tab4 ul li {float:left;width:200px; text-align:center;height:55px;border-right:solid 1px #d5d5d5;font-size:16px;line-height:55px;box-sizing:border-box; background-color:#fff;}
.tab4 ul li:first-child {border-left:solid 1px #d5d5d5;}
.tab4 ul li:last-child {/*border-right:none;*/}
.tab4 ul li:hover {background:#ad8bbf;color:#fff;}
.tab4 ul li:hover a {background:#ad8bbf;color:#fff;}
.tab4 ul li.on {background:#ad8bbf;color:#fff; }
.tab4 ul li a {color:#000;display:block;}
.tab4 ul li.on a {color:#fff;}

.tab5 {display:table; width:1000px; margin:0 auto; table-layout:fixed; }
.tab5 ul {float:left;width:100%; border-bottom:solid 5px #ad8bbf;margin-bottom:0px;}
.tab5 ul li {float:left;width:200px; text-align:center;height:55px;border-right:solid 1px #434343;font-size:16px;line-height:55px;box-sizing:border-box; background-color:#fff;}
.tab5 ul li:first-child {}
.tab5 ul li:last-child {border-right:none;}
.tab5 ul li:hover {background:#9e75b1;color:#fff;}
.tab5 ul li:hover a {background:#c0a8d0;color:#fff;}
.tab5 ul li.on {background:#9e75b1;color:#fff; }
.tab5 ul li a {color:#000;display:block; font-size:18px;}
.tab5 ul li.on a {color:#fff;font-size:18px;}



.tab6 {display:table; width:1200px; margin:0 auto; table-layout:fixed; }
.tab6 ul {float:left;width:100%;border-top:solid 1px #d5d5d5;border-bottom:solid 1px #d5d5d5;margin-bottom:0px;}
.tab6 ul li {float:left;width:200px; text-align:center;height:55px;border-right:solid 1px #d5d5d5;font-size:16px;line-height:55px;box-sizing:border-box; background-color:#fff;}
.tab6 ul li:first-child {border-left:solid 1px #d5d5d5;}
.tab6 ul li:last-child {/*border-right:none;*/}
.tab6 ul li:hover {background:#9e75b1;color:#fff;}
.tab6 ul li:hover a {background:#c0a8d0;color:#fff;}
.tab6 ul li.on {background:#9e75b1;color:#fff; }
.tab6 ul li a {color:#000;display:block;}
.tab6 ul li.on a {color:#fff;}


.tab7 {display:table; width:1050px; margin:0 auto; table-layout:fixed; }
.tab7 ul {float:left;width:100%; border-bottom:solid 5px #ad8bbf;margin-bottom:0px;}
.tab7 ul li {float:left;width:150px; text-align:center;height:55px;border-right:solid 1px #434343;font-size:16px;line-height:55px;box-sizing:border-box; background-color:#fff;}
.tab7 ul li:first-child {}
.tab7 ul li:last-child {border-right:none;}
.tab7 ul li:hover {background:#9e75b1;color:#fff;}
.tab7 ul li:hover a {background:#c0a8d0;color:#fff;}
.tab7 ul li.on {background:#9e75b1;color:#fff; }
.tab7 ul li a {color:#000;display:block; font-size:18px;}
.tab7 ul li.on a {color:#fff;font-size:18px;}


/* Tabbed Styles */
.tabbed {
width: 100%;
margin: 0 auto;
margin-bottom: 60px;
border-bottom: 4px solid #000;
overflow: hidden;
transition: border 250ms ease;
}
.tabbed ul {
margin: 0 auto;
overflow: hidden;
list-style-type: none;
width:1231px;
}
.tabbed ul * {
margin: 0px;
padding: 0px;
}
.tabbed ul li {
display: block;
float: right;
padding: 10px 24px 8px;
background-color: #FFF;
margin-right: 46px;
z-index: 2;
position: relative;
cursor: pointer;
color: #000;
text-transform: uppercase;
font: 600 14px roboto, "Open Sans", Helvetica, sans-serif;
transition: all 250ms ease;
}
.tabbed ul li:before,
.tabbed ul li:after {
display: block;
content: " ";
position: absolute;
top: 0;
height: 100%;
width: 44px; 
background-color: #FFF;
transition: all 250ms ease;
}
.tabbed ul li:before {
right: -27px;
transform: skew(30deg, 0deg);
box-shadow: rgba(0,0,0,.1) 3px 2px 5px, inset rgba(255,255,255,.09) -1px 0;
}
.tabbed ul li:after {
left: -27px;
transform: skew(-30deg, 0deg);
box-shadow: rgba(0,0,0,.1) -3px 2px 5px, inset rgba(255,255,255,.09) 1px 0;
}
.tabbed ul li:hover,
.tabbed ul li:hover:before,
.tabbed ul li:hover:after {
background-color: #F4F7F9;
color: #444;
}
.tabbed ul li.active {
z-index: 3;
}
.tabbed ul li.active,
.tabbed ul li.active:before,
.tabbed ul li.active:after {
background-color: #000;
color: #fff;
}
/* Round Tabs */
.tabbed.round ul li {
border-radius: 8px 8px 0 0;
}
.tabbed.round ul li:before {
border-radius: 0 8px 0 0;
}
.tabbed.round ul li:after {
border-radius: 8px 0 0 0;
}

/* Tabbed2 Styles */
.tabbed2 {
width: 100%;
min-width: 400px;
margin: 0 auto;
margin-bottom: 60px;
border-bottom: 4px solid #000;
overflow: hidden;
transition: border 250ms ease;
}
.tabbed2 ul {
margin: 0px;
padding: 0px;
overflow: hidden;
float: left;
padding-left: 28.5%;
list-style-type: none;
}
.tabbed2 ul * {
margin: 0px;
padding: 0px;
}
.tabbed2 ul li {
display: block;
float: right;
padding: 10px 24px 8px;
background-color: #FFF;
margin-right: 46px;
z-index: 2;
position: relative;
cursor: pointer;
color: #000;
text-transform: uppercase;
font: 600 18px roboto, "Open Sans", Helvetica, sans-serif;
transition: all 250ms ease;
}
.tabbed2 ul li:before,
.tabbed2 ul li:after {
display: block;
content: " ";
position: absolute;
top: 0;
height: 100%;
width: 44px; 
background-color: #FFF;
transition: all 250ms ease;
}
.tabbed2 ul li:before {
right: -27px;
transform: skew(30deg, 0deg);
box-shadow: rgba(0,0,0,.1) 3px 2px 5px, inset rgba(255,255,255,.09) -1px 0;
}
.tabbed2 ul li:after {
left: -27px;
transform: skew(-30deg, 0deg);
box-shadow: rgba(0,0,0,.1) -3px 2px 5px, inset rgba(255,255,255,.09) 1px 0;
}
.tabbed2 ul li:hover,
.tabbed2 ul li:hover:before,
.tabbed2 ul li:hover:after {
background-color: #F4F7F9;
color: #444;
}
.tabbed2 ul li.active {
z-index: 3;
}
.tabbed2 ul li.active,
.tabbed2 ul li.active:before,
.tabbed2 ul li.active:after {
background-color: #000;
color: #fff;
}
/* Round Tabs */
.tabbed2.round ul li {
border-radius: 8px 8px 0 0;
}
.tabbed2.round ul li:before {
border-radius: 0 8px 0 0;
}
.tabbed2.round ul li:after {
border-radius: 8px 0 0 0;
}

.bna_wrap{max-width:100%; margin:0 auto; padding:20px 0; text-align:center}
.bna_wrap .cate{text-align:left; padding:.6em; margin-top:20px}
.bna_wrap .cate i{color:#333; font-weight:bold; font-style:normal;}
.bna_wrap .cate select{height: 24px; line-height: 24px; font-size: 14px; border: 1px solid #999; margin-left: 0; margin-right: 0;}
.bna_wrap .bna_con{padding-bottom:30px; display:none;}
.bna_wrap .bna_con img{margin:0 auto; display:none}
.bna_wrap .bna_con h2{font-size:20px; padding:40px 0}
.bna_wrap .btn_group{padding:30px 0 20px}
.bna_wrap .btn_group a{
color: #5a5a5a;
border: solid 1px #502e19;
padding: 4px 35px 6px;
margin: 0 5px;
font-size: 14px;}
.bna_wrap .btn_group a.on{
color: #fff;
background: #282e38;
border: solid 1px #282e38;
}
.bna_wrap .list{*zoom:1; padding-top:20px; border-top:1px solid #ddd; padding-bottom:20px}
.bna_wrap .list:after{content:''; display:block; clear:both}
.bna_wrap .list li{float:left; width:33.33%}
.bna_wrap .list li img{max-width:98%; margin:0 auto; cursor:pointer}
.bna_wrap .list li img:hover {border:2px solid #282e38;}
.bna_wrap .pager{padding:20px 0}
.pc_none {display:none;}

.mo_none {position:relative; display:inline-block; width:100%; vertical-align:top; text-align:center;}
.tab-box {display:inline-block;}
.tab-box .btn {overflow: hidden; position: relative; float: left; width: 150px; padding-top:5px; padding-bottom: 10px; margin: 0 20px 0 0 ; text-align: center; border-bottom: 5px solid #dedee1; }
.tab-box .btn:before {content: ""; position: absolute; bottom: -4px; left: 0; width: 100%; height: 5px; background-color: #ad8bbf ; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; -ms-transition: all .3s ease; opacity: 0; filter: alpha(opacity=0);}

.tab-box .btn:hover {border-color:#ad8bbf ;}
.tab-box .btn span:hover {color: #ad8bbf ;}
.tab-box .btn.active {color: #ad8bbf ; border:0 none; padding-bottom:15px;}
.tab-box .btn.active:before {bottom: 0; opacity: 1; filter: alpha(opacity=100); }
.tab-box .btn.active span {font-weight: 400; color: #ad8bbf ;}
.tab-box .btn span {display: block; font-weight: bold; font-size: 19px; line-height: 19px; color: #555; -webkit-transition: color .3s ease; -moz-transition: color .3s ease; -o-transition: color .3s ease; -ms-transition: color .3s ease;}
.tab-box .first {background:#ad8bbf ; border-bottom:5px solid #ad8bbf ; padding-top:5px;}
.tab-box .first span {color:#fff;}
.tab-box .first:before {display:none;}
.ui-pagenate a {border: 1px solid #ccc; text-decoration: none; color: #555;}
.ui-pagenate a, .ui-pagenate strong {
display: inline-block;
font-size: 12px;
height: 24px;
line-height: 24px;
padding: 0 9px;
vertical-align: middle;
margin: 0 2px;
}