html{ overflow-y:scroll; width:100%; height:100%;}
body{ -webkit-text-size-adjust:none; min-width:1300px; background:#FFF;}
body ::selection { color:#333; background-color:#ffcc01; text-shadow:none;}
body ::-moz-selection { color:#333; background-color:#ffcc01; text-shadow:none;}

[class*=" xi-"], [class^=xi-]{
	line-height:inherit;
}
.quick{ display:none; position:fixed; z-index:200; top:150px; right:20px; cursor:pointer;}
.review_btn{ 
	position: fixed;
    z-index: 200;
    bottom: 150px;
    right: 20px;
    cursor: pointer;
	
}

.qna{ position:fixed; z-index:300; top:0; right:0; bottom:100%; left:0; background:rgba(0,0,0,0.8); opacity:0;}
	.qna .wrap{ position:absolute; top:-570px; left:50%; margin:0 0 0 -250px; width:500px; height:570px; background:#FFF; opacity:0;}
	.qna .wrap .head{ overflow:hidden; padding:0 30px; height:60px; border-bottom:1px solid #DDD;}
	.qna .wrap .head img{ display:block; float:left; margin:15px 0; width:auto; height:30px;}
	.qna .wrap .head i{ display:block; float:right; line-height:60px; font-size:24px; color:#333; cursor:pointer;}
	.qna .wrap .body{ overflow:auto; position:absolute; top:60px; right:0; bottom:80px; left:0; padding:30px; background:#fafafa;}
	.qna .wrap .body img{ display:block; width:100%; height:auto;}
	.qna .wrap .body div{}
	.qna .wrap .body div p{ margin:20px 0 0 0; padding:15px; max-width:70%; border-radius:3px; border:1px solid #DDD; background:#FFF; line-height:20px; font-size:17px; color:#666;}
	.qna .wrap .body div font{ display:block; margin:5px 0 0 0; line-height:12px; font-size:12px; color:#999;}
	.qna .wrap .body div.left{ text-align:left;}
	.qna .wrap .body div.left p{ display:inline-block; border-color:#ffcc01; background:#ffcc01; color:#333;}
	.qna .wrap .body div.right{ text-align:right;}
	.qna .wrap .body div.right p{ display:inline-block;}
	.qna .wrap .input{ position:absolute; right:0; bottom:0; left:0; padding:0 30px; height:80px; border-top:1px solid #DDD;}
	.qna .wrap .input input{ display:block; float:left; margin:14px 0 0 0; padding:0 15px; width:370px; height:50px; border-radius:25px; border:1px solid #DDD; background:#f5f5f5; line-height:48px; font-size:17px; color:#333; outline:none; -webkit-appearance:none;}
	.qna .wrap .input p{ float:right; margin:14px 0 0 0; width:60px; height:50px; border-radius:25px; background:#ffcc01; text-align:center; line-height:50px; font-size:17px; font-family:HDR; color:#333; cursor:pointer;}
	.qna.on{ bottom:0; opacity:1;}
	.qna.on .wrap{ top:50%; margin:-285px 0 0 -250px; opacity:1;}
	
	
.scroll_top{ position:fixed; z-index:500; right:-50px; bottom:80px; width:50px; height:50px; border-radius:50%;  text-align:center; line-height:50px; font-size:24px; cursor:pointer; opacity:0;}
	.scroll_top i{ color:#333;}
	.scroll_top:hover{ transform:translate(0,-10px); background:#333;}
	.scroll_top:hover i{ color:#ffcc01;}
	.scroll_top.on{ right:35px; opacity:1;}


header{ background:#FFF;}
	header .top{ position:relative; height:30px;background:#ffcc01;}
	header .top .center{ position:relative; z-index:10; margin:0 auto; width:980px; height:30px; background:url(/static/images/h_top_bg.png) center no-repeat;}
	header .top ul{ float:right;}
	header .top ul li{ float:left; margin:0 0 0 30px;}
	header .top ul li a{ line-height:30px; font-size:25px; font-family:HDR; color:#47292b;}
	header .top ul li a i{ display:block; float:left; margin:0 3px 0 0; line-height:30px; font-size:30px; color:#47292b;}
	header .top ul li a i.xi-kakaotalk{ }
	header .top .bg_left{ position:absolute; top:0; right:50%; left:0; height:15px; background:#ffcc01;}
	header .top .bg_right{ position:absolute; top:0; right:0; left:50%; margin:0 0 0 490px; height:30px; background:#ffcc01;}
	header .middle{ background:#FFF;}
	header .middle .center{ overflow:hidden; position:relative; margin:0 auto; width:980px; height:100px;}
	header .middle .logo{ position:absolute; top:18px; left:0;}
	header .middle .logo img{ display:block;}
	header .middle .gnb{ float:left; margin:35px 0 0 240px;}
	header .middle .gnb li{ float:left; margin:0 20px 0 0;}
	header .middle .gnb li a{ line-height:30px; font-size:19px; font-family:HDR; color:#666; letter-spacing:-1px;}
	header .middle .gnb li a:hover{ color:#999;}
	header .middle .gnb li.on a{ border-bottom:2px solid #F00; font-family:HDR; color:#F00; text-decoration:underline;}
	header .middle .right{ display:block; position:absolute; top:24px; right:0;}
	header .bottom{ min-width:980px; height:200px; background:url(/static/images/guide.jpg) center no-repeat #999;}
	
	
	
.footer{ position:relative; z-index:2; padding:50px 0 0 0;}
	.footer .top{ height:200px; background:#ffcc01;}
	.footer .top .center{ position:relative; margin:0 auto; width:980px; height:200px;}
	.footer .top .center .left{ float:left; margin:55px 0 0 0;}
	.footer .top .center .right{ display:block; position:absolute; right:0; bottom:0;}
	
	.footer .middle{ background:#FFF;}
	.footer .middle .center{ overflow:hidden; margin:0 auto; padding:30px 0; width:980px;}
	.footer .middle .center .notice{ float:left; margin:0 65px 0 0; width:270px;}
	.footer .middle .center .notice .head{ overflow:hidden;}
	.footer .middle .center .notice .head p{ float:left; line-height:30px; font-size:25px; font-family:HDR; color:#333;}
	.footer .middle .center .notice .head a{ float:right;}
	.footer .middle .center .notice .head a i{ line-height:30px; font-size:24px; color:#666;}
	.footer .middle .center .notice .head a:hover i{ color:#333;}
	.footer .middle .center .notice .body{ overflow:hidden; margin:30px 0 0 0;}
	.footer .middle .center .notice .body li{}
	.footer .middle .center .notice .body li a{ padding:5px 0;}
	.footer .middle .center .notice .body li p{ line-height:30px; font-size:17px; color:#666; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
	.footer .middle .center .notice .body li a span{ display:block; line-height:20px; font-size:15px; color:#999;}
	.footer .middle .center .notice .body li a:hover p{ color:#333; text-decoration:underline;}
	.footer .middle .center .notice .body li a:hover span{ color:#333;}
	
	.footer .middle .center .number{ overflow:hidden;}
	.footer .middle .center .number p{ float:left;}
	.footer .middle .center .number p font{ display:block; margin:0 0 5px 0; line-height:30px; font-size:25px; font-family:HDR; color:#333;}
	.footer .middle .center .number p span{ display:block; line-height:50px; font-size:50px; font-family:HDB; color:#8fc31f;}
	.footer .middle .center .number > span{ display:block; float:left; margin:40px 0 0 20px; line-height:20px; font-size:16px; color:#666;}
	.footer .middle .center .icon{ overflow:hidden; margin:20px 0 0 0;}
	.footer .middle .center .icon li{ float:left;}
	.footer .middle .center .icon li a{ text-align:center;}
	.footer .middle .center .icon li a img{ display:block; margin:0 auto;}
	.footer .middle .center .icon li a p{ margin:10px 0 0 0; line-height:20px; font-size:17px; color:#666;}
	.footer .middle .center .icon li a:hover i{ color:#333;}
	.footer .middle .center .icon li a:hover p{ color:#333;}
	.footer .middle .center .icon li span{ display:block; margin:15px 45px; width:1px; height:40px; background:#DDD;}
	
	.footer .bottom{ background:#FFF;}
	.footer .bottom .menu{ background:#333;}
	.footer .bottom .menu ul{ overflow:hidden; margin:0 auto; padding:30px 0; width:980px;}
	.footer .bottom .menu ul li{ float:left;}
	.footer .bottom .menu ul li a{ line-height:20px; font-size:15px; color:rgba(255,255,255,1);}
	.footer .bottom .menu ul li a:hover{ color:#ffd600;}
	.footer .bottom .menu ul li span{ display:block; margin:0 40px; width:1px; height:20px; background:rgba(255,255,255,0.3);}
	.footer .bottom .center{ overflow:hidden; margin:0 auto; padding:30px 0 50px 0; width:980px;}
	.footer .bottom .center .logo{ float:left;}
	.footer .bottom .center .logo img{ display:block;}
	.footer .bottom .center p{ float:left; margin:0 0 0 50px; padding:0 0 0 50px; border-left:1px solid #DDD; line-height:25px; font-size:13px; color:#999;}
	.footer .bottom .center > img{ display:block; margin:30px 0 0 0;}
	
	
	
.visual{ overflow:hidden; position:relative; margin:0 !important; background:#ffcc01; transition:none;}
	.visual *{ transition:none;}
	.visual .slide{ min-width:980px;}
	.visual .slide .bg{ height:400px;}
	.visual .slide .bg.bg1{ background:url(/static/images/v_01.jpg) center no-repeat;}
	.visual .slide .bg.bg2{ background:url(/static/images/v_02.jpg) center no-repeat;}
	.visual .slick-prev{ position:absolute; top:50%; margin-top:-30px; width:60px; height:60px; left:50px; background:url(/static/images/v_left.png) !important;}
	.visual .slick-prev:before{ display:none;}
	.visual .slick-next{ position:absolute; top:50%; margin-top:-30px; width:60px; height:60px; right:50px; background:url(/static/images/v_right.png) !important;}
	.visual .slick-next:before{ display:none;}
	
	
	
.main_01{ padding:50px 0 70px 0;}
	.main_01 .head{ text-align:center;}
	.main_01 .head p{ line-height:50px; font-size:50px; font-family:HDB; color:#333;}
	.main_01 .head p font{ font-family:HDB; color:#ffcc01;}
	.main_01 .head span{ display:block; margin:10px 0 0 0; line-height:30px; font-size:25px; font-family:HDR; color:#666;}
	.main_01 .wrap{ margin:30px auto 0 auto; width:980px;}
	.main_01 .wrap *{ transition:none;}
	.main_01 .list{ margin:0 -5px;}
	.main_01 .list .slide{}
	.main_01 .list .slide a{ position:relative; margin:0 5px;}
	.main_01 .list .slide a img{ display:block; width:100%;}
	.main_01 .list .slide a .price{ position:absolute; top:350px; right:0; left:0; text-align:center; line-height:40px; font-size:40px; font-family:HDB; color:#ffcc01;}
	.main_01 .list .slide a .price font{ margin:0 0 0 5px; font-size:18px; color:#FFF;}
	.main_01 .list .slide a .tit{ margin:20px 0 0 0; line-height:20px; font-size:20px; font-family:HDR; color:#333; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
	.main_01 .list .slide a .txt{ margin:15px 0 0 0; line-height:20px; font-size:17px; color:#333; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;  overflow:hidden;}
	.main_01 .slick-prev{ position:absolute; top:50%; margin-top:-60px; width:60px; height:60px; left:-110px; background:url(/static/images/m_left.png) !important;}
	.main_01 .slick-prev:before{ display:none;}
	.main_01 .slick-next{ position:absolute; top:50%; margin-top:-60px; width:60px; height:60px; right:-110px; background:url(/static/images/m_right.png) !important;}
	.main_01 .slick-next:before{ display:none;}
@media(max-width:1700px){
	.main_01 .wrap{ width:980px;}
}
	
.main_02{ display:none; height:540px; background:url(/static/images/m_bg.jpg) center no-repeat #555555;}
	.main_02 .wrap{ position:relative; margin:0 auto; width:980px; height:540px;}
	.main_02 .wrap *{ transition:none;}
	.main_02 .bg{ position:absolute; z-index:10; top:130px; left:90px; width:100px; height:40px;}
	.main_02 .head{ position:absolute; top:200px; left:0;}
	.main_02 .head p{ line-height:50px; font-size:50px; font-family:HDB; color:#FFF;}
	.main_02 .head p font{ font-family:HDB; color:#ffcc01;}
	.main_02 .head span{ display:block; margin:10px 0 0 0; line-height:30px; font-size:25px; font-family:HDR; color:rgba(255,255,255,0.5);}
	
	.main_02 .number{ overflow:hidden; position:absolute; top:105px; left:0; width:90px;}
	.main_02 .number .slide{ line-height:70px; font-size:70px; font-family:HDB; color:#ffcc01;}
	.main_02 .number button{}
	.main_02 .list{ position:absolute; top:90px; right:145px; width:330px;}
	.main_02 .list .slide{}
	.main_02 .list .slide a{ margin:0 5px;}
	.main_02 .list .slide a img{ display:block; margin:20px 0 0 0; width:100%;}
	.main_02 .list .slide a .tit{ line-height:30px; font-size:30px; font-family:HDB; color:#FFF; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
	.main_02 .list .slide a .txt{ margin:20px 0 0 0; line-height:20px; font-size:18px; color:#FFF;}
	.main_02 .list .slide a .tit font{ font-family:HDB; color:#ffcc01;}
	.main_02 .list .slide a .price{ margin:20px 0 0 0; line-height:40px; font-size:40px; font-family:HDB; color:#ffcc01;}
	.main_02 .list .slide a .price font{ margin:0 0 0 5px; font-size:18px; color:#FFF;}
	
	.main_02 .list .slick-prev{ position:absolute; top:285px; left:-505px; width:60px; height:60px; background:url(/static/images/m_l.png) !important;}
	.main_02 .list .slick-prev:before{ display:none;}
	.main_02 .list .slick-next{ position:absolute; top:285px; right:715px; width:60px; height:60px; background:url(/static/images/m_r.png) !important;}
	.main_02 .list .slick-next:before{ display:none;}
	
	.main_02 .slick-dots{ top:50px; left:-405px; bottom:inherit; text-align:left;}
	.main_02 .slick-dots li{ margin:0 15px 0 0; width:15px; height:15px;}
	.main_02 .slick-dots li button{ padding:0; width:15px; height:15px; border-radius:50%; background:rgba(255,255,255,0.5);}
	.main_02 .slick-dots li button:before{ display:none;}
	.main_02 .slick-dots li.slick-active button{ background:#FFF;}
	
	
.main_03{ overflow:hidden; margin:-20px 0 0 0; /*padding:70px 0 0 0;*/}
	.main_03 .head{ text-align:center;}
	.main_03 .head p{ line-height:50px; font-size:50px; font-family:HDB; color:#333;}
	.main_03 .head p font{ font-family:HDB; color:#ffcc01;}
	.main_03 .head span{ display:block; margin:10px 0 0 0; line-height:30px; font-size:25px; font-family:HDR; color:#666;}
	.main_03 .wrap{ margin:50px auto 0 auto; width:1480px;}
	.main_03 .wrap *{ transition:none;}
	.main_03 .list{ margin:0 -10px;}
	.main_03 .list .slide{}
	.main_03 .list .slide a{ position:relative; margin:0 10px;}
	.main_03 .list .slide a img{ display:block; width:100%;}
	.main_03 .list .slide a .price{ position:absolute; top:265px; right:0; left:0; text-align:center; line-height:30px; font-size:30px; font-family:HDB; color:#F00;}
	.main_03 .list .slide a .price font{ margin:0 0 0 5px; font-size:16px; color:#666;}
	.main_03 .list .slide a .tit{ margin:20px 0 0 0; line-height:20px; font-size:18px; font-family:HDR; color:#666; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
	.main_03 .list .slide a .txt{ margin:10px 0 0 0; line-height:20px; font-size:15px; color:#999;display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;  overflow:hidden;}
	.main_03 .slick-prev{ position:absolute; top:50%; margin-top:-60px; width:60px; height:60px; left:-110px; background:url(/static/images/m_left.png) !important;}
	.main_03 .slick-prev:before{ display:none;}
	.main_03 .slick-next{ position:absolute; top:50%; margin-top:-60px; width:60px; height:60px; right:-110px; background:url(/static/images/m_right.png) !important;}
	.main_03 .slick-next:before{ display:none;}
	.main_03 .more{ margin:50px 0 0 0; text-align:center;}
	.main_03 .more a{ display:inline-block; line-height:25px; font-size:22px; color:#666;}
	.main_03 .more a:hover{ text-decoration:underline !important; color:#333;}
@media(max-width:1700px){
	.main_03 .wrap{ width:1230px;}
}
@media(max-width:1600px){
	.main_03 .wrap{ width:980px;}
}	
	
	
.sub{ margin:0 auto; padding:50px 0 0 0; width:980px;}
	
	
.list_package_01{ margin:0 auto; padding:50px 0; width:980px;}
	.list_package_01 ul{ overflow:hidden; margin:-50px -5px 0 -5px;}
	.list_package_01 ul li{ float:left; margin:50px 0 0 0; width:33.33%;}
	.list_package_01 ul li a{ position:relative; margin:0 5px;}
	.list_package_01 ul li a img{ display:block; width:100%;}
	.list_package_01 ul li a .price{ position:absolute; top:350px; right:0; left:0; text-align:center; line-height:40px; font-size:40px; font-family:HDB; color:#ffcc01;}
	.list_package_01 ul li a .price font{ margin:0 0 0 5px; font-size:18px; color:#FFF;}
	.list_package_01 ul li a .tit{ margin:20px 0 0 0; line-height:20px; font-size:20px; font-family:HDR; color:#333; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
	.list_package_01 ul li a .txt{ margin:15px 0 0 0; height:40px; line-height:20px; font-size:17px; color:#666; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;  overflow:hidden;}


.list_package_02{ margin:0 0 -100px 0; padding:80px 0 0 0; height:540px; background:url(/static/images/m_bg2.jpg) center no-repeat #555555;}
	.list_package_02 .wrap{ margin:0 auto; width:980px;}
	.list_package_02 ul{ overflow:hidden; margin:0 -5px;}
	.list_package_02 ul li{ float:left; width:33.33%;}
	.list_package_02 ul li a{ margin:0 5px;}
	.list_package_02 ul li a img{ display:block; margin:20px 0 0 0; width:100%;}
	.list_package_02 ul li a .tit{ line-height:30px; font-size:30px; font-family:HDB; color:#FFF; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
	.list_package_02 ul li a .txt{ margin:20px 0 0 0; line-height:20px; font-size:18px; color:#FFF;}
	.list_package_02 ul li a .tit font{ font-family:HDB; color:#ffcc01;}
	.list_package_02 ul li a .price{ margin:20px 0 0 0; line-height:40px; font-size:40px; font-family:HDB; color:#ffcc01;}
	.list_package_02 ul li a .price font{ margin:0 0 0 5px; font-size:18px; color:#FFF;}
	
	
.list_package_03{}
	.list_package_03 .wrap{ width:980px;}
	.list_package_03 ul{ overflow:hidden; margin:0 -5px;}
	.list_package_03 ul li{ float:left; width:33.33%;}
	.list_package_03 ul li a{ margin:0 5px;}
	.list_package_03 ul li a img{ display:block; margin:20px 0 0 0; width:100%; border:1px solid #CCC;}
	.list_package_03 ul li a .tit{ line-height:30px; font-size:30px; font-family:HDB; color:#333; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
	.list_package_03 ul li a .txt{ margin:20px 0 0 0; line-height:20px; font-size:18px; color:#666;}
	.list_package_03 ul li a .tit font{ font-family:HDB; color:#ffcc01;}
	.list_package_03 ul li a .price{ margin:20px 0 0 0; line-height:40px; font-size:40px; font-family:HDB; color:#F00;}
	.list_package_03 ul li a .price font{ margin:0 0 0 5px; font-size:18px; color:#666;}
	
	
.list_product{ overflow:hidden; margin:-30px -10px 0 -10px;}
	.list_product li{ float:left; margin:30px 0 0 0; width:25%;}
	.list_product li a{ position:relative; margin:0 10px;}
	.list_product li a img{ display:block; width:100%;}
	.list_product li a .price{ position:absolute; top:270px; right:0; left:0; text-align:center; line-height:30px; font-size:30px; font-family:HDB; color:#F00;}
	.list_product li a .price font{ margin:0 0 0 5px; font-size:16px; color:#666;}
	.list_product li a .tit{ margin:15px 0 0 0; height:40px; line-height:20px; font-size:15px; color:#666; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;  overflow:hidden;}
	.list_product li a .txt{ margin:10px 0 0 0; height:40px; line-height:20px; font-size:15px; color:#999; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;  overflow:hidden;}
	
	
	
.detail{}
	.detail .top{ position:relative; padding:0 0 0 350px;}
	.detail .top .img{ display:block; position:absolute; top:0; left:0; width:320px; height:auto;}
	.detail .top .img img{ display:block; width:100%; height:auto;}
	.detail .top .border{ height:2px; background:#666;}
	.detail .top .right{ padding:40px 50px; border:1px solid #CCC; border-top:0;}
	.detail .top .right .tit{ line-height:25px; font-size:24px; font-family:HDR; color:#333;}
	.detail .top .right .line{ margin:30px 0; border-top:1px solid #CCC;}
	.detail .top .right .info{}
	.detail .top .right .info > li{ margin:10px 0; padding:0 0 0 100px;}
	.detail .top .right .info > li span{ display:block; float:left; margin:0 0 0 -100px; line-height:25px; font-size:15px; color:#999;}
	.detail .top .right .info > li .txt{ line-height:25px; font-size:15px; font-family:HDR; color:#333;}
	.detail .top .right .info > li .price{ line-height:25px; font-size:20px; font-family:HDR; color:#F00;}
	.detail .top .right .info > li .price font{ font-size:15px; color:#666;}
	.detail .top .right .info > li .count{ overflow:hidden; position:relative; padding:0 68px 0 0;}
	.detail .top .right .info > li .count input{ display:block; padding:0 10px; width:100%; height:35px; border-radius:0; border:1px solid #CCC; background:#FFF; line-height:33px; font-size:15px; color:#333; outline:none; -webkit-appearance:none;}
	.detail .top .right .info > li .count i{ display:block; position:absolute; top:0; width:35px; height:35px; border:1px solid #CCC; text-align:center; line-height:33px; font-size:20px; color:#333; cursor:pointer;}
	.detail .top .right .info > li .count i:hover{ background:#f0f0f0;}
	.detail .top .right .info > li .count i.xi-plus{ right:0;}
	.detail .top .right .info > li .count i.xi-minus{ right:34px;}
	.detail .top .right .btn{ overflow:hidden; margin:0 -5px;}
	.detail .top .right .btn li{ float:left;}
	.detail .top .right .btn li a{ margin:0 5px; height:50px; border-radius:2px; background:#333; text-align:center; line-height:50px; font-size:20px; font-family:HDB; color:#FFF;}
	
	.detail_select{ position:relative; float:inherit !important; margin:0!important; width:100%; height:35px; background:#FFF !important; transition:none;}
	.detail_select *{ transition:none;}
	.detail_select .dk_toggle{ position:absolute; top:0; right:0; bottom:0; left:0; padding:0 10px; width:auto !important; height:35px; border:1px solid #CCC; line-height:35px; font-size:14px; color:#333;}
	.detail_select .dk_toggle:after{ right:15px; border-top-color:#333;}
	.detail_select .dk_toggle:hover{ border-color:#CCC; color:#333;}
	.detail_select .dk_toggle:hover:after{ border-top-color:#333;}
	.detail_select.dk_open .dk_toggle{ background:none; color:#333 !important;}
	.detail_select.dk_open .dk_toggle:after{ border-top-color:#333;}
	.detail_select .dk_options{ top:41px; right:0; left:0; margin:0; width:auto;}
	.detail_select .dk_options .dk_options_inner{ border-color:#3d3f42;}
	.detail_select .dk_options .dk_options_inner a{ padding:10px 15px; line-height:14px; font-size:14px; color:#666;}
	.detail_select .dk_options .dk_options_inner .dk_option_current a{ background:#3d3f42; color:#FFF !important;}
	
	.detail .menu{ overflow:hidden; margin:50px 0; padding:0 0 0 1px;}
	.detail .menu li{ float:left; width:50%;}
	.detail .menu li p{ margin:0 0 0 -1px; height:60px; border:1px solid #DDD; background:#f9f9f9; text-align:center; line-height:58px; font-size:20px; color:#999; font-family:HDR; cursor:pointer;}
	.detail .menu li.on p{ position:relative; z-index:10; border-color:#ffcc01; background:#ffcc01; color:#333;}
	.detail .contents{ overflow:hidden; margin:50px 0 0 0;}
	.detail .contents img{ display:block; margin:0 auto;}
	
	
	
.cart{}
	.cart .head{ overflow:hidden; padding:10px; background:#ffd013;}
	.cart .head .check{ float:left; width:20px; height:20px; background:#FFF; cursor:pointer;}
	.cart .head .check i{ display:none; text-align:center; line-height:20px; font-size:16px; color:#333;}
	.cart .head .check.on i{ display:block;}
	.cart .list{}
	.cart .list > li{ overflow:hidden; position:relative; padding:30px 0 30px 150px; border-bottom:1px solid #DDD;}
	.cart .list > li .check{ position:absolute; top:50%; left:10px; margin:-10px 0 0 0; width:20px; height:20px; background:#ffd013; cursor:pointer;}
	.cart .list > li .check i{ display:none; text-align:center; line-height:20px; font-size:16px; color:#333;}
	.cart .list > li .check.on i{ display:block;}
	.cart .list > li img{ display:block; float:left; margin:0 0 0 -90px; width:60px; height:85px;}
	.cart .list > li .tit{ line-height:20px; font-size:18px; font-family:HDR; color:#333;}
	.cart .list > li .txt{ margin:5px 0 0 0; line-height:20px; font-size:13px; color:#666;}
	.cart .list > li .bottom{ overflow:hidden; margin:10px 0 0 0;}
	.cart .list > li .bottom .btn{ float:left; padding:0 15px; border-radius:3px; background:#ffd013; line-height:30px; font-size:15px; font-family:HDR; font-weight:normal; color:#333; cursor:pointer;}
	.cart .list > li .bottom ul{ overflow:hidden;}
	.cart .list > li .bottom ul li{ float:left; margin:0 0 0 30px;}
	.cart .list > li .bottom ul li p{ float:left; line-height:30px; font-size:15px; color:#999;}
	.cart .list > li .bottom ul li font{ display:block; float:left; margin:0 0 0 5px; line-height:30px; font-size:15px; color:#666; font-family:HDR;}
	.cart .price{ overflow:hidden; border-bottom:1px solid #DDD; background:#f5f5f5;}
	.cart .price li{ position:relative; float:left; padding:30px 0; width:33.33%; text-align:center;}
	.cart .price li p{ line-height:20px; font-size:20px; font-family:HDR; color:#333;}
	.cart .price li font{ display:block; margin:5px 0 0 0; line-height:30px; font-size:30px; font-family:HDB; color:#F00;}
	.cart .price li span{ display:block; position:absolute; top:50%; right:0; margin:-15px 0 0 0; width:1px; height:30px; background:#CCC;}
	.cart .button{ overflow:hidden; margin:50px -5px 0 -5px;}
	.cart .button li{ float:left; width:25%; text-align:center;}
	.cart .button li a{ margin:0 5px; height:60px; border-radius:3px; border:1px solid #DDD; background:#f5f5f5; text-align:center; line-height:58px; font-size:20px; font-family:HDB; color:#333;}
	.cart .button li font{ display:block; margin:5px 0 0 0; line-height:30px; font-size:30px; font-family:HDB; color:#F00;}
	.cart .button li span{ display:block; position:absolute; top:50%; right:0; margin:-15px 0 0 0; width:1px; height:30px; background:#CCC;}


.cart_option{ position:fixed; z-index:100; top:0; right:0; bottom:100%; left:0; background:rgba(0,0,0,0.7); opacity:0;}
	.cart_option .wrap{ position:absolute; top:-370px; left:50%; margin:0 0 0 -250px; width:500px; opacity:0;}
	.cart_option .wrap .head{ overflow:hidden; padding:0 30px; height:60px; border-bottom:1px solid #DDD; background:#f5f5f5;}
	.cart_option .wrap .head p{ float:left; line-height:60px; font-size:20px; font-family:HDR; color:#333;}
	.cart_option .wrap .head i{ display:block; float:right; line-height:60px; font-size:24px; color:#333; cursor:pointer;}
	.cart_option .body{ overflow:hidden; padding:30px; background:#FFF;}
	.cart_option .list{}
	.cart_option .list > li{ margin:10px 0; padding:0 0 0 100px;}
	.cart_option .list > li span{ display:block; float:left; margin:0 0 0 -100px; line-height:35px; font-size:15px; color:#999;}
	.cart_option .list > li .txt{ line-height:25px; font-size:15px; font-family:HDR; color:#333;}
	.cart_option .list > li .price{ line-height:25px; font-size:20px; font-family:HDR; color:#F00;}
	.cart_option .list > li .price font{ font-size:15px; color:#666;}
	.cart_option .list > li .count{ overflow:hidden; position:relative; padding:0 68px 0 0;}
	.cart_option .list > li .count input{ display:block; padding:0 10px; width:100%; height:35px; border-radius:0; border:1px solid #CCC; background:#FFF; line-height:33px; font-size:15px; color:#333; outline:none; -webkit-appearance:none;}
	.cart_option .list > li .count i{ display:block; position:absolute; top:0; width:35px; height:35px; border:1px solid #CCC; text-align:center; line-height:33px; font-size:20px; color:#333; cursor:pointer;}
	.cart_option .list > li .count i:hover{ background:#f0f0f0;}
	.cart_option .list > li .count i.xi-plus{ right:0;}
	.cart_option .list > li .count i.xi-minus{ right:34px;}
	.cart_option .btn{margin:0 -5px;}
	.cart_option .btn li{ float:left; width:50%;}
	.cart_option .btn li p{ font-weight:normal;
		display: block; margin:0 5px; border-radius:3px; background:#333; text-align:center; line-height:50px; font-size:20px; font-family:HDR; color:#FFF; cursor:pointer;}
	.cart_option .btn li:first-child p{ background:#ffcc01; color:#333;}
	.cart_option.on{ bottom:0; opacity:1;}
	.cart_option.on .wrap{ top:50%; margin:-185px 0 0 -250px; opacity:1;}
	
	.opt_name{ font-weight:normal !important;}
	#sit_tot_price strong{ font-size:20px; font-family:HDR; font-weight:normal; color:#F00;}
	
a.btn, .btn{
	height:auto;
}
.payment{ overflow:hidden;}
	.payment .left{ float:left; width:480px; margin:0 20px 0 0;}
	.payment .right{ float:left; width:480px;}
	
	.payment .number{ margin:0 0 20px 0; padding:30px; border:5px solid #ffd013; text-align:center;}
	.payment .number p{ line-height:30px; font-size:30px; font-family:HDR; color:#666;}
	.payment .number font{ display:block; margin:10px 0 0 0; line-height:40px; font-size:40px; font-family:HDB; color:#ffd013;}
	
	.payment .list{}
	.payment .list .head{ padding:0 30px; background:#ffd013;}
	.payment .list .head p{ line-height:40px; font-size:15px; font-family:HDR; color:#333;}
	.payment .list > ul{}
	.payment .list > ul > li{ overflow:hidden; padding:30px; border:1px solid #DDD; border-top:0;}
	.payment .list > ul > li .top{ overflow:hidden; margin:0 0 15px 0; padding:0 0 15px 75px; border-bottom:1px solid #DDD;}
	.payment .list > ul > li .top img{ display:block; float:left; margin:0 0 0 -75px; width:60px; height:85px;}
	.payment .list > ul > li .top .tit{ line-height:20px; font-size:18px; font-family:HDR; color:#333; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
	.payment .list > ul > li .top .txt{ margin:5px 0 0 0; line-height:20px; font-size:13px; color:#666; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
	.payment .list > ul > li ul{ overflow:hidden;}
	.payment .list > ul > li ul li{ float:left; width:25%;}
	.payment .list > ul > li ul li p{ text-align:center; line-height:15px; font-size:13px; color:#999;}
	.payment .list > ul > li ul li font{ display:block; margin:5px 0 0 0; text-align:center; line-height:20px; font-size:18px; color:#666; font-family:HDR;}
	
	.payment .price{ overflow:hidden;}
	.payment .price li{ overflow:hidden; padding:0 30px; border:1px solid #DDD; border-top:0; background:#f5f5f5;}
	.payment .price li p{ float:left; line-height:50px; font-size:17px; color:#333;}
	.payment .price li font{ display:block; float:right; line-height:50px; font-size:30px; font-family:HDB; color:#F00;}
	
	.payment .write{}
	.payment .write .head{ padding:0 30px; background:#ffd013;}
	.payment .write .head p{ line-height:40px; font-size:15px; font-family:HDR; color:#333;}
	.payment .write .body{ padding:30px; border:1px solid #DDD; border-top:0;}
	.payment .write .body li{ margin:20px 0 0 0;}
	.payment .write .body li:first-child{ margin:0;}
	.payment .write .body li p{ line-height:20px; font-size:17px; color:#999;}
	.payment .write .body li p font{ color:#F00;}
	.payment .write .body li input{ display:block; margin:10px 0 0 0; padding:0 10px; width:100%; height:35px; border-radius:0; border:1px solid #CCC; background:#f5f5f5; line-height:33px; font-size:15px; color:#333; outline:none; -webkit-appearance:none;}
	.payment .write .body li textarea{ display:block; margin:10px 0 0 0; padding:0 10px; width:100%; height:80px; border-radius:0; border:1px solid #CCC; background:#f5f5f5; line-height:33px; font-size:15px; color:#333; outline:none; -webkit-appearance:none;}
	.payment .write .body li span{ display:block; margin:5px 0 0 0; line-height:18px; font-size:15px; font-family:HDR; color:#333;}
	
	.payment .pay{ margin:20px 0 0 0;}
	.payment .pay .menu{ overflow:hidden; padding:0 0 0 1px;}
	.payment .pay .menu li{ float:left; width:50%;}
	.payment .pay .menu li p{ margin:0 0 0 -1px; border:1px solid #DDD; background:#f5f5f5; text-align:center; line-height:58px; font-size:20px; font-family:HDR; color:#333; cursor:pointer;}
	.payment .pay .menu li.on p{ position:relative; z-index:1; border-color:#ffcc01; background:#ffcc01;}
	
	.payment .pay .body{}
	.payment .pay .body > li{ padding:30px; border:1px solid #DDD; border-top:0;}
	.payment .pay .body li.card{}
	.payment .pay .body li.card img{ display:block; margin:0 auto;}
	.payment .pay .body li.card p{ margin:10px 0 0 0; text-align:center; line-height:20px; font-size:20px; font-family:HDR; color:#333;}
	.payment .pay .body li.card p font{ font-family:HDR; color:#F00;}
	.payment .pay .body li.card span{ display:block; margin:10px 0 0 0; text-align:center; line-height:18px; font-size:15px; color:#666;}
	.payment .pay .body li.tz{ display:none;}
	.payment .pay .body li.tz p{ line-height:20px; font-size:17px; color:#666;}
	.payment .pay .body li.tz p font{ color:#F00;}
	.payment .pay .body li.tz input{ display:block; margin:10px 0 0 0; padding:0 10px; width:100%; height:35px; border-radius:0; border:1px solid #CCC; background:#f5f5f5; line-height:33px; font-size:15px; color:#333; outline:none; -webkit-appearance:none;}
	.payment .pay .body li.tz span{ display:block; margin:5px 0 0 0; line-height:15px; font-size:15px; color:#F00;}
	.payment .pay .body li.tz a{ margin:30px 0 0 0; border-radius:3px; background:#ffcc01; text-align:center; line-height:50px; font-size:20px; font-family:HDB; color:#333;}






.search_product{}
	.search_product .top{ overflow:hidden; padding:30px; border:1px solid #DDD; border-bottom:0;}
	.search_product .top .left{ float:left;}
	.search_product .top .left li{ float:left; margin:0 20px 0 0;}
	.search_product .top .left li label{ display:block; line-height:40px; font-size:16px; color:#666; cursor:pointer;}
	.search_product .top .left li label input{ display:block; float:left; margin:13px 5px 0 0; width:14px; height:14px;}
	.search_product .top .right{ float:right;}
	.search_product .top .right li{ float:left;}
	.search_product .top .right li input{ display:block; padding:0 10px; width:120px; height:40px; border-radius:0; border:1px solid #DDD; background:#f5f5f5; text-align:right; line-height:38px; font-size:16px; color:#333; outline:none; -webkit-appearance:none;}
	.search_product .top .right p{ width:30px; text-align:center; line-height:40px; font-size:16px; color:#999;}
	.search_product .bottom{ overflow:hidden; padding:1px 0 0 1px;}
	.search_product .bottom li{ float:left; width:25%;}
	.search_product .bottom li p{ margin:-1px 0 0 -1px; padding:0 25px; border:1px solid #DDD; background:#f5f5f5; line-height:58px; font-size:16px; color:#333; cursor:pointer;}






	

.search_page{ margin:50px auto 0 auto; width:500px;}
	.search_page .head{ display:block;}
	.search_page .body{ padding:30px 40px 40px 40px; border:1px solid #DDD; border-top:0;}
	.search_page .body .input{ position:relative; margin:10px 0 0 0; padding:0 0 0 80px;}
	.search_page .body .input p{ float:left; margin:0 0 0 -80px; line-height:40px; font-size:17px; color:#666;}
	.search_page .body .input input{ display:block; padding:0 10px; width:100%; height:40px; border-radius:0; border:1px solid #DDD; background:#fafafa; line-height:38px; font-size:17px; color:#333; outline:none; -webkit-appearance:none;}
	.search_page .body .input font{ margin:10px 0 0 0; display:block; line-height:15px; font-size:14px; color:#F00;}
	.search_page .body .btn{ margin:20px 0 0 0; border-radius:3px; background:#ffd013; text-align:center;width: 100%;}
	.search_page .body .btn *{ display:inline-block; vertical-align:top; line-height:50px; font-size:17px; color:#333;}
	.search_page .body .btn i{ margin:0 5px 0 0; font-size:24px;}
	.search_page .body .btn p{ font-family:HDR;}

	
	
	
.about_menu{ overflow:hidden; padding:0 0 0 1px;}
	.about_menu li{ float:left; width:25%;}
	.about_menu li a{ margin:0 0 0 -1px; border:1px solid #DDD; background:#f5f5f5; text-align:center; line-height:58px; font-size:20px; font-family:HDR; color:#666;}
	.about_menu li.on a{ position:relative; z-index:1; border-color:#ffd013; background:#ffd013; color:#333;}
	
	.about_txt{ margin:50px 0 0 0; padding:50px; border:1px solid #DDD; line-height:25px; font-size:16px; color:#666;}
	
	
	
	
	
	
	











.height_80{ height:80px;}
.height_50{ height:50px;}
.height_30{ height:30px;}
@media(max-width:1025px){
	.height_80{ height:60px;}
	.height_50{ height:40px;}
	.height_30{ height:20px;}
}
@media(max-width:767px){
	.height_80{ height:40px;}
	.height_50{ height:25px;}
	.height_30{ height:10px;}
}





.board_faq{ border-top:2px solid #ffd013;}
	.board_faq *{ transition:none;}
	.board_faq li{ border-bottom:1px solid #CCC;}
	.board_faq li .q{ overflow:hidden; position:relative; padding:20px 100px; cursor:pointer;}
	.board_faq li .q span{ display:block; float:left; margin:0 0 0 -60px; width:40px; height:40px; border-radius:50%; background:#333; text-align:center; line-height:40px; font-size:20px; font-family:HDR; color:#ffd013;}
	.board_faq li .q p{ line-height:40px; font-size:17px; font-family:HDR; color:#666; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
	.board_faq li .q i{ display:block; position:absolute; top:20px; right:30px; width:40px; height:40px; text-align:center; line-height:40px; font-size:24px; color:#999;}
	.board_faq li .a{ display:none; overflow:hidden; padding:20px 100px; border-top:1px solid #CCC; background:#f5f5f5;}
	.board_faq li .a span{ display:block; float:left; margin:0 0 0 -60px; width:40px; height:40px; border-radius:50%; background:#ffd013; text-align:center; line-height:40px; font-size:20px; font-family:HDR; color:#333;}
	.board_faq li .a p{ margin:10px 0; line-height:20px; font-size:17px; color:#666;}





.board_search{ height:50px;}
	.board_search .wrap{ position:relative; margin:0 auto; padding:0 119px 0 119px; width:438px;}
	.board_search input{ display:block; float:left; padding:0 10px; width:220px; height:50px; border-radius:0; border:1px solid #CCC; background:#f5f5f5; line-height:48px; font-size:17px; color:#333; outline:none; -webkit-appearance:none;}
	.board_search .button{ position:absolute; z-index:10; top:0; right:0; width:120px; height:50px; background:#ffd013; text-align:center; cursor:pointer;}
	.board_search .button *{ display:inline-block; vertical-align:top;}
	.board_search .button p{ line-height:50px; font-size:17px; color:#333;}
	.board_search .button i{ margin:0 0 0 5px; line-height:50px; font-size:17px; color:#333;}
	.board_search .button:hover{ background:#333;}
	.board_search .button:hover p{ color:#ffd013;}
	.board_search .button:hover i{ color:#ffd013;}
	
	.board_search_select{ position:absolute !important; top:0; left:0; height:50px; background:#FFF !important; transition:none;}
	.board_search_select *{ transition:none;}
	.board_search_select .dk_toggle{ padding:0 10px; width:120px !important; height:50px; border:1px solid #CCC; line-height:48px; font-size:15px; color:#333;}
	.board_search_select .dk_toggle:after{ right:15px; border-top-color:#333;}
	.board_search_select .dk_toggle:hover{ border-color:#CCC; color:#333;}
	.board_search_select .dk_toggle:hover:after{ border-top-color:#333;}
	.board_search_select.dk_open .dk_toggle{ background:none; color:#333 !important;}
	.board_search_select.dk_open .dk_toggle:after{ border-top-color:#333;}
	.board_search_select .dk_options{ top:41px; right:0; left:0; margin:0; width:auto;}
	.board_search_select .dk_options .dk_options_inner{ border-color:#3d3f42;}
	.board_search_select .dk_options .dk_options_inner a{ padding:10px 15px; line-height:14px; font-size:14px; color:#666;}
	.board_search_select .dk_options .dk_options_inner .dk_option_current a{ background:#3d3f42; color:#FFF !important;}




.board_page{ margin:50px 0 0 0; height:35px; text-align:center;}
	.board_page ul{ display:inline-block; height:35px;}
	.board_page ul li{ position:relative; float:left; margin:0; width:35px; height:35px; cursor:pointer;}
	.board_page ul li p{ position:absolute; background:#FFF; line-height:33px; text-align:center; font-size:15px; color:#666;}
	.board_page ul li p.btn_L{ top:0; right:0; bottom:0; left:0; border:1px solid #d9d9d9;}
	.board_page ul li p.btn_R{ top:0; right:0; bottom:0; left:0; border:1px solid #d9d9d9; border-left:0;}
	.board_page ul li p:hover{ color:#000;}
	.board_page ul li span{ position:absolute; top:0; right:0; left:0; height:35px; background:#FFF; border:1px solid #d9d9d9; border-left:0; line-height:35px; font-size:14px; font-weight:350; color:#666;}
	.board_page ul li span:hover{ background:#DDD; color:#3d3f42;}
	.board_page ul li span.on{ z-index:50; right:0; left:-1px; height:35px; border:0; background:#ffd013 !important; line-height:35px; font-family:HDB; color:#333;}



.board_btn_01{ margin:50px auto 0 auto; width:100px; border-radius:3px; background:#333; text-align:center; cursor:pointer;}
	.board_btn_01 *{ display:inline-block; vertical-align:top;}
	.board_btn_01 p{ line-height:50px; font-size:17px; font-family:HDR; color:#FFF;}
	


.board_btn_02{ margin:50px auto 0 auto; text-align:center;}
	.board_btn_02 li{ display:inline-block; vertical-align:top; margin:0 10px; width:140px; border-radius:3px; background:#333; cursor:pointer;}
	.board_btn_02 *{ display:inline-block; vertical-align:top;}
	.board_btn_02 i{ margin:0 10px 0 0; line-height:40px; font-size:15px; color:#FFF;}
	.board_btn_02 p{ line-height:40px; font-size:15px; font-family:HDR; color:#FFF;}
	.board_btn_02 .btn_wr {background:#ffcc01;color:#000;}
	.board_btn_02 .btn_wr p {color:#000;}
	.board_btn_02 a {display:block;}



.board_01{}
	.board_01 .head{ position:relative; padding:0 35% 0 10%; height:40px; background:#ffd013;}
	.board_01 .head p{ text-align:center; line-height:40px; font-size:15px; font-family:HDR; color:#333;}
	.board_01 .head .number{ position:absolute; top:0; left:0; width:10%;}
	.board_01 .head .name{ position:absolute; top:0; right:25%; width:15%;}
	.board_01 .head .date{ position:absolute; top:0; right:10%; width:15%;}
	.board_01 .head .click{ position:absolute; top:0; right:0; width:10%;}
	
	.board_01 .body{ position:relative; margin:0; padding:0 35% 0 10%; border-bottom:1px solid #DDD;}
	.board_01 .body p{ text-align:center; line-height:80px; font-size:17px; color:#666;}
	.board_01 .body p font{ display:none;}
	.board_01 .body .tit{ padding:0 10px; text-align:left; line-height:80px; font-size:17px; color:#666; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; transition:none;}
	.board_01 .body .tit span{ display:block; float:left; max-width:90%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
	.board_01 .body .tit i{ margin:0 0 0 5px;}
	.board_01 .body .tit font{ color:#e5004f;}
	.board_01 .body .number{ position:absolute; top:0; left:0; width:10%;}
	.board_01 .body .number span{ display:block; margin:20px auto; width:40px; height:40px; border-radius:50%; background:#333; text-align:center; line-height:40px; color:#ffd013;}
	.board_01 .body .name{ position:absolute; top:0; right:25%; width:15%;}
	.board_01 .body .date{ position:absolute; top:0; right:10%; width:15%;}
	.board_01 .body .click{ position:absolute; top:0; right:0; width:10%;}
	
	.board_01 .body:hover{ background:#f5f5f5;}
	.board_01 .body:hover .tit{ color:#333; text-decoration:underline !important;}
	.board_01 .body:hover .tit span{ color:#333; text-decoration:underline !important;}
	.board_01 .body:hover .tit i{ color:#333;}
	
	.board_01 .body.on{ background:#f0f0f0;}
	.board_01 .body.on .tit{ color:#333; text-decoration:underline !important;}
	.board_01 .body.on .tit span{ color:#333; text-decoration:underline !important;}
	.board_01 .body.on .tit i{ color:#333;}




.board_02{ border-top:1px solid #CCC;}
	.board_02 .head{ position:relative; padding:0 40% 0 10%; height:60px; border-bottom:2px solid #333;}
	.board_02 .head p{ text-align:center; line-height:60px; font-size:17px; font-family:HDB; color:#333;}
	.board_02 .head .number{ position:absolute; top:0; left:0; width:10%;}
	.board_02 .head .name{ position:absolute; top:0; right:25%; width:15%;}
	.board_02 .head .date{ position:absolute; top:0; right:10%; width:15%;}
	.board_02 .head .click{ position:absolute; top:0; right:0; width:10%;}
	
	.board_02 .body{ position:relative; margin:0; padding:0 40% 0 10%; border-bottom:1px solid #DDD;}
	.board_02 .body p{ text-align:center; line-height:60px; font-size:15px; color:#666;}
	.board_02 .body p font{ display:none;}
	.board_02 .body .tit{ padding:0 10px; text-align:left; line-height:60px; font-size:15px; color:#666; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; transition:none;}
	.board_02 .body .tit span{ display:block; float:left; max-width:90%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
	.board_02 .body .tit i{ margin:0 0 0 5px;}
	.board_02 .body .tit font{ color:#e5004f;}
	.board_02 .body .number{ position:absolute; top:0; left:0; width:10%;}
	.board_02 .body .name{ position:absolute; top:0; right:25%; width:15%;}
	.board_02 .body .date{ position:absolute; top:0; right:10%; width:15%;}
	.board_02 .body .click{ position:absolute; top:0; right:0; width:10%;}
	
	.board_02 .body:hover{ background:#f5f5f5;}
	.board_02 .body:hover .tit{ color:#333; text-decoration:underline !important;}
	.board_02 .body:hover .tit span{ color:#333; text-decoration:underline !important;}
	.board_02 .body:hover .tit i{ color:#333;}
	
	.board_02 .body.on{ background:#f0f0f0;}
	.board_02 .body.on .tit{ color:#333; text-decoration:underline !important;}
	.board_02 .body.on .tit span{ color:#333; text-decoration:underline !important;}
	.board_02 .body.on .tit i{ color:#333;}



.board_03{ border-top:1px solid #CCC;}
	.board_03 .head{ position:relative; padding:0 20% 0 0; height:60px; border-bottom:2px solid #333;}
	.board_03 .head p{ text-align:center; line-height:60px; font-size:17px; font-family:HDB; color:#333;}
	.board_03 .head .date{ position:absolute; top:0; right:0%; width:20%;}
	
	.board_03 .body{ position:relative; margin:0; padding:0 20% 0 0; border-bottom:1px solid #DDD;}
	.board_03 .body p{ text-align:center; line-height:60px; font-size:15px; color:#666;}
	.board_03 .body p font{ display:none;}
	.board_03 .body .tit{ padding:0 10px; text-align:left; line-height:60px; font-size:15px; color:#666; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; transition:none;}
	.board_03 .body .tit span{ display:block; float:left; max-width:90%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
	.board_03 .body .tit i{ margin:0 0 0 5px;}
	.board_03 .body .tit font{ color:#e5004f;}
	.board_03 .body .date{ position:absolute; top:0; right:0%; width:20%;}
	
	.board_03 .body:hover{ background:#f5f5f5;}
	.board_03 .body:hover .tit{ color:#333; text-decoration:underline !important;}
	.board_03 .body:hover .tit span{ color:#333; text-decoration:underline !important;}
	.board_03 .body:hover .tit i{ color:#333;}
	
	.board_03 .body.on{ background:#f0f0f0;}
	.board_03 .body.on .tit{ color:#333; text-decoration:underline !important;}
	.board_03 .body.on .tit span{ color:#333; text-decoration:underline !important;}
	.board_03 .body.on .tit i{ color:#333;}




.board_view{}
	.board_view .box{ overflow:hidden; border-top:2px solid #333;}	
	.board_view .box .top{ padding:25px 50px;}
	.board_view .box .top p{ line-height:24px; font-size:20px; font-family:HDB; color:#333;}
	.board_view .box .info{ overflow:hidden; padding:0 50px; border-top:1px solid #DDD; border-bottom:1px solid #DDD; background:#f5f5f5;}
	.board_view .box .info ul{ float:left; margin:9px 0;}
	.board_view .box .info ul li{ float:left; margin:0 20px 0 0; height:30px; line-height:30px; font-size:15px; color:#999;}
	.board_view .box .info ul li p{ float:left; color:#666;}
	.board_view .box .info ul li span{ display:block; margin:0; padding:0 10px; height:30px; border:1px solid #CCC; background:#FFF; line-height:28px; font-size:14px; color:#666;}
	.board_view .box .info ul li span.on{ border-color:#3d3f42; background:#3d3f42; color:#FFF;}
	.board_view .box .bottom{ padding:50px; line-height:30px !important; font-size:16px !important; color:#666 !important;}
	.board_view .box .bottom iframe{ width:100% !important; height:500px !important;}
	.board_view .box .bottom img{ display:block; margin:0 0 20px 0; max-width:100% !important; height:auto !important;}
	
	.board_view .box .bottom .qa_box{ overflow:hidden; margin:0 -65px;}
	.board_view .box .bottom .qa_box li{ float:left; width:50%;}
	.board_view .box .bottom .qa_box li .wrap{ margin:0 15px;}
	.board_view .box .bottom .q_tit{ padding:0 50px; height:50px; border:1px solid #DDD; border-bottom:0; background:#f0f0f0; line-height:48px; font-size:16px; color:#333;}
	.board_view .box .bottom .q{ padding:50px; border:1px solid #DDD;}
	.board_view .box .bottom .a_tit{ padding:0 50px; height:50px; background:#3d3f42; line-height:48px; font-size:16px; color:#FFF;}
	.board_view .box .bottom .a{ padding:50px; border:1px solid #3d3f42;}
	
	.board_view .box .bottom .like{ margin:50px 0 0 0; height:50px; border:2px solid #CCC; border-radius:30px; text-align:center; cursor:pointer;}
	.board_view .box .bottom .like *{ display:inline-block; vertical-align:top;}
	.board_view .box .bottom .like i{ line-height:46px; font-size:20px; color:#333;}
	.board_view .box .bottom .like p{ line-height:46px; font-size:18px; color:#333;}
	.board_view .box .bottom .like font{ line-height:46px; font-size:20px; font-family:HDR; color:#333;}
	
	.board_view .box .bottom .like.on{ border-color:#e5004f; background:#e5004f;}
	.board_view .box .bottom .like.on i{ color:#FFF !important;}
	.board_view .box .bottom .like.on p{ color:#FFF !important;}
	.board_view .box .bottom .like.on font{ color:#FFF !important;}
	
	.board_view .box .list{ border-top:1px solid #DDD;}
	.board_view .box .list li{ border-bottom:1px solid #DDD;}
	.board_view .box .list li a{ overflow:hidden; padding:0 50px 0 150px;}
	.board_view .box .list li a .left{ float:left; margin:0 0 0 -100px; width:100px; line-height:60px; font-size:15px; color:#666;}
	.board_view .box .list li a .left i{ margin:0 5px 0 0; color:#666;}
	.board_view .box .list li a .tit{ float:left; margin:15px 0; padding:0 0 0 40px; width:100%; border-left:1px solid #DDD; line-height:30px; font-size:15px; color:#666; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
	.board_view .box .list li a:hover{ background:#f0f0f0;}
	.board_view .box .list li a:hover .left{ color:#3d3f42;}
	.board_view .box .list li a:hover .left i{ color:#3d3f42;}
	.board_view .box .list li a:hover .tit{ color:#333; text-decoration:underline !important;}










.board_write{}
	.board_write .head{ overflow:hidden; margin:0 0 10px 0;}
	.board_write .head .tit{ float:left; line-height:30px; font-size:21px; font-family:HDB; color:#333;}
	.board_write .head .tit i{ display:block; float:left; margin:0 5px 0 0; line-height:30px; font-size:30px; color:#e5004f;}
	.board_write .head .txt{ float:right; line-height:30px; font-size:15px; color:#666;}
	.board_write .head .txt font{ margin:0 2px 0 0; color:#e5004f;}
	
	.board_write > ul{ border-top:2px solid #333;}
	.board_write > ul > li{ position:relative; float:left; padding:15px 20px 15px 160px; width:100%; border-bottom:1px dotted #CCC;}
	.board_write > ul > li > p{ position:absolute; top:0; bottom:0; left:0; padding:0 0 0 30px; width:140px; background:#fafafa; text-align:left; line-height:65px; font-size:15px; color:#333;}
	.board_write > ul > li > p font{ margin:0 0 0 3px; color:#F00;}
	.board_write > ul > li > .text{ display:block; margin:7.5px 0; text-align:left; line-height:20px; font-size:14px; color:#666;}
	.board_write > ul > li .input{ display:block; padding:0 10px; width:100%; height:35px; border:1px solid #CCC; border-radius:0; background:#FFF; line-height:35px; font-size:14px; color:#333; outline:none; -webkit-appearance:none;}
	.board_write > ul > li .input.on{ border-color:#c9242a;}
	.board_write > ul > li textarea{ display:block; padding:10px; width:100%; max-width:100%; height:200px; max-height:200px; border:1px solid #CCC; border-radius:0; background:#FFF; line-height:20px; font-size:14px; color:#000; outline:none; -webkit-appearance:none;}
	.board_write > ul > li textarea.on{ border-color:#c9242a;}
	
	.board_write > ul > li .pw{ position:relative; padding:0 120px 0 0; height:35px;}
	.board_write > ul > li .pw .input{ float:left; width:100%;}
	.board_write > ul > li .pw .button{ position:absolute; z-index:1; top:0; right:0; bottom:0; width:121px; border:1px solid #CCC; background:#FFF; text-align:center; line-height:33px; font-size:14px; color:#666; cursor:pointer;}
	.board_write > ul > li .pw .button:hover{ z-index:21; border-color:#666; background:#555; color:#FFF;}
	
	.board_write > ul > li .address{ position:relative;}
	.board_write > ul > li .address .top{ overflow:hidden; position:relative; padding:0 120px 0 0; height:35px;}
	.board_write > ul > li .address .top .input{ float:left; width:100%;}
	.board_write > ul > li .address .top .button{ position:absolute; z-index:1; top:0; right:0; bottom:0; width:121px; border:1px solid #CCC; background:#FFF; text-align:center; line-height:33px; font-size:14px; color:#666; cursor:pointer;}
	.board_write > ul > li .address .top .button:hover{ z-index:21; border-color:#666; background:#555; color:#FFF;}
	.board_write > ul > li .address > .input{ margin:10px 0 0 0;}
	
	.board_write > ul > li .file{ position:relative; padding:0 160px 0 0; height:35px;}
	.board_write > ul > li .file .input{ float:left; width:100%;}
	.board_write > ul > li .file .button{ position:absolute; z-index:1; top:0; right:60px; bottom:0; width:101px; border:1px solid #CCC; background:#FFF; text-align:center; line-height:33px; font-size:14px; color:#666; cursor:pointer;}
	.board_write > ul > li .file .button:hover{ z-index:21; border-color:#666; background:#555; color:#FFF;}
	.board_write > ul > li .file .button_p{ position:absolute; z-index:1; top:0; right:30px; bottom:0; width:31px; border:1px solid #CCC; background:#FFF; text-align:center; line-height:35px; font-size:14px; color:#666; cursor:pointer; transition:none;}
	.board_write > ul > li .file .button_p:hover{ z-index:2; border-color:#666; background:#555; color:#FFF;}
	.board_write > ul > li .file .button_m{ position:absolute; z-index:1; top:0; right:0; bottom:0; width:31px; border:1px solid #CCC; background:#FFF; text-align:center; line-height:35px; font-size:14px; color:#666; cursor:pointer; transition:none;}
	.board_write > ul > li .file .button_m:hover{ z-index:2; border-color:#666; background:#555; color:#FFF;}
	.board_write > ul > li .code{ position:relative; padding:0 160px 0 0; height:35px;}
	.board_write > ul > li .code .input{ float:left; width:100%;}
	.board_write > ul > li .code .img{ position:absolute; z-index:1; top:0; right:60px; bottom:0; width:101px; border:1px solid #CCC; background:#FFF; text-align:center; line-height:33px; font-size:14px; color:#666;}
	.board_write > ul > li .code .button{ position:absolute; z-index:1; top:0; right:0; bottom:0; width:61px; border:1px solid #CCC; background:#FFF; text-align:center; line-height:35px; font-size:14px; color:#666; cursor:pointer;}
	.board_write > ul > li .code .button i{ margin:0 2px 0 0; color:#666;}
	.board_write > ul > li .code .button:hover{ border-color:#666; background:#555; color:#FFF;}
	.board_write > ul > li .code .button:hover i{ color:#FFF;}
	
	.board_write > ul > li .width{ margin:0 -5px; height:35px;}
	.board_write > ul > li .width .li{ float:left;}
	.board_write > ul > li .width .li .wrap{ margin:0 5px;}
	
	.board_write > ul > li .width_checkbox{ overflow:hidden;}
	.board_write > ul > li .width_checkbox .li{ float:left; width:20%;}
	.board_write > ul > li .width_checkbox .li label{ display:block; margin:0; text-align:left; line-height:30px; font-size:14px; font-weight:normal; color:#666;}
	.board_write > ul > li .width_checkbox .li label input{ display:block; float:left; margin:7px 5px 0 0; width:16px; height:16px; border-radius:0;}
	.board_write > ul > li .width_checkbox .li label:hover{ color:#b5221d; text-decoration:underline !important;}
	
	.board_write .policy{ border-top:2px solid #333;}
	.board_write .policy .box{ overflow-y:scroll; padding:50px 50px 0 50px; height:300px; border:1px solid #CCC; border-top:0;}
	.board_write .policy .box .tit1{ padding:0 0 0 20px; line-height:20px; font-size:16px; font-weight:600; color:#333;}
	.board_write .policy .box .tit1 i{ float:left; margin:0 0 0 -20px; line-height:20px; font-size:16px; color:#e5004f;}
	.board_write .policy .box .txt1{ margin:5px 0 0 0; padding:0 0 0 20px; line-height:20px; font-size:13px; color:#666;}
	.board_write .policy .box .txt2{ margin:5px 0 0 0; padding:0 0 0 45px}
	.board_write .policy .box .txt2 li{ list-style:decimal-leading-zero; padding:3px 0; line-height:18px; font-size:13px; color:#666;}
	.board_write .policy .bottom{ overflow:hidden; padding:15px 0; border:1px solid #CCC; border-top:0; background:#fafafa; text-align:center;}
	.board_write .policy .bottom label{ display:inline-block; margin:0 15px 0 0; line-height:20px; font-size:14px; font-weight:normal; color:#666;}
	.board_write .policy .bottom label input{ display:block; float:left; margin:2px 5px 0 0; width:16px; height:16px;}
	.board_write .policy .bottom label:hover{ color:#3d3f42; text-decoration:underline !important;}
	
	.board_write_select{ position:relative; float:inherit !important; margin:0!important; width:100%; height:35px; background:#FFF !important; transition:none;}
	.board_write_select *{ transition:none;}
	.board_write_select .dk_toggle{ position:absolute; top:0; right:0; bottom:0; left:0; padding:0 10px; width:auto !important; height:35px; border:1px solid #CCC; line-height:35px; font-size:14px; color:#333;}
	.board_write_select .dk_toggle:after{ right:15px; border-top-color:#333;}
	.board_write_select .dk_toggle:hover{ border-color:#CCC; color:#333;}
	.board_write_select .dk_toggle:hover:after{ border-top-color:#333;}
	.board_write_select.dk_open .dk_toggle{ background:none; color:#333 !important;}
	.board_write_select.dk_open .dk_toggle:after{ border-top-color:#333;}
	.board_write_select .dk_options{ top:41px; right:0; left:0; margin:0; width:auto;}
	.board_write_select .dk_options .dk_options_inner{ border-color:#3d3f42;}
	.board_write_select .dk_options .dk_options_inner a{ padding:10px 15px; line-height:14px; font-size:14px; color:#666;}
	.board_write_select .dk_options .dk_options_inner .dk_option_current a{ background:#3d3f42; color:#FFF !important;}


.marquee_title {
	float:left;
	line-height:30px;
	font-weight:bold;
	font-size:25px;
}
.marquee {
	margin-left:30px;
	width:400px;
	overflow:hidden;
	height:30px;
	float:left;
}
.marquee ul {
	
}
.marquee ul li {float:left;margin-left:300px !important;}
.marquee ul li:first-child {margin-left:0 !important;}
.marquee ul li a {display:block;line-height:30px;}